@charset "UTF-8";
/*
data-sc-sp
data-sc-pc
data-sc-onlyPc
data-sc-tab
data-sc-pcMin
*/
/*
	@include hover() {
		opacity: 0.6;
	}
*/
/*
	$line:イラレの行の値
	$size:イラレの文字の値

	@include lh(38, 15);
*/
/*
	$size:object-fitの値

	@include objectfit();
	@include objectfit('contain');
*/
/*
	@include taJ();
*/
/*
	@extend %rightarr;
*/
/*
	$weight:フォントの太さ
	@include f_min();
	@include f_min(400);Reguler
	@include f_min(600);SemiBold
*/
/*
* "はんなり明朝" licensed under the IPA Font License Agreement v1.0
* https://typingart.net/?p=44（配布元のURL）
* http://ipafont.ipa.go.jp/（IPAフォントのURL）
* http://ipafont.ipa.go.jp/ipa_font_license_v1.html（IPAフォントライセンスv1.0のURL）
*/
@font-face {
  font-family: "hannari";
  src: url("/common/font/hannari.woff2") format("woff2"), url("/common/font/hannari.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
/*
	$weight:フォントの太さ

	@include f_min();
	@include f_min(500);
	@include f_min(600);
*/
/*
	$color:色指定
	$stripe:線サイズ
	$spacing:線の空きサイズ
	$height:太さ

	@include dotted(#e6e1d2, 4,4,2);
*/
/*
example
@include dotted-y(#COLOR, WidthPX,SpaceingPX,LengthPX,); 横破線
@include dotted-y(#e6e1d2, 4,4,2,10);
*/
.pc-only {
  display: inline;
}

.sp-only {
  display: none;
}

@media screen and (max-width: 640px) {
  .pc-only {
    display: none;
  }
  .sp-only {
    display: inline;
  }
}
#bodycare {
  background: #F9F7F2;
  padding: 40px 0 20px;
  border-radius: 22px;
  margin-bottom: 50px;
}
@media screen and (max-width: 640px) {
  #bodycare {
    padding: 40px 0 0;
    border-radius: 0px;
  }
}
#bodycare .section_inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 20px;
}
#bodycare h2 {
  font-size: 22px;
  font-weight: bold;
  text-align: center;
  margin-bottom: 20px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}
.os-android #bodycare h2 {
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 640px) {
  #bodycare h2 {
    line-height: 1;
  }
}
#bodycare p {
  font-size: 16px;
  line-height: 1.8;
  margin-bottom: 20px;
}
#bodycare .accordion {
  margin-bottom: 20px;
}
#bodycare .accordion .accordion_button {
  width: 100%;
  background: #1D888E;
  color: #fff;
  font-size: 18px;
  font-weight: bold;
  text-align: left;
  padding: 15px 50px;
  border: none;
  border-radius: 10px;
  position: relative;
  cursor: pointer;
  text-align: center;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  transition: background 0.3s;
  line-height: 1;
}
.os-android #bodycare .accordion .accordion_button {
  font-family: "Noto Serif JP", serif;
}
#bodycare .accordion .accordion_button::after {
  content: url(/img/taiki/icon_plus.svg);
  position: absolute;
  right: 20px;
  top: calc(50% + 1px);
  transform: translateY(-50%);
  font-size: 20px;
  transition: transform 0.3s;
}
#bodycare .accordion .accordion_button.is-open {
  border-radius: 10px 10px 0 0;
}
#bodycare .accordion .accordion_button.is-open::after {
  content: url(/img/taiki/icon_minus.svg);
}
#bodycare .accordion .accordion_content {
  display: none;
}
#bodycare .accordion .accordion_content .option_wrapper {
  background: #fff;
  padding: 20px;
}
#bodycare .accordion .accordion_content p {
  margin-bottom: 20px;
  font-size: 14px;
}
#bodycare .accordion .accordion_content .reason_list {
  width: 100%;
}
#bodycare .accordion .accordion_content .reason_list li {
  padding: 8px;
  background: #EBF6F6;
  color: #1D888E;
  border-radius: 6px;
  margin-bottom: 10px;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
}
@media screen and (max-width: 640px) {
  #bodycare .accordion .accordion_content .reason_list li {
    padding: 12px 8px;
  }
}
#bodycare .accordion .accordion_content .reason_list li:last-of-type {
  margin-bottom: 0;
}
#bodycare .accordion .accordion_content .reason_list li.list_title {
  padding: 18px 8px 8px;
  color: #000;
  background: none;
  border-radius: 0;
  font-size: 14px;
  font-weight: normal;
  position: relative;
}
#bodycare .accordion .accordion_content .reason_list li.list_title:before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 1px;
  background-image: repeating-linear-gradient(to right, #000, #000 2px, transparent 2px, transparent 8px);
}
#bodycare .contact_button_wrapper {
  text-align: center;
  margin: 20px 0 50px;
}
#bodycare .contact_button_wrapper .contact_button {
  display: inline-block;
  padding: 20px 70px 20px 50px;
  font-size: 20px;
  color: #1D888E;
  border: 1px solid #1D888E;
  border-radius: 50px;
  text-decoration: none;
  line-height: 1;
  position: relative;
  background: #fff;
  font-weight: bold;
  transition: background 0.3s, color 0.3s;
}
@media screen and (max-width: 640px) {
  #bodycare .contact_button_wrapper .contact_button {
    font-size: 16px;
    padding: 20px;
    width: 100%;
  }
}
@media screen and (max-width: 410px) {
  #bodycare .contact_button_wrapper .contact_button {
    font-size: 14px;
  }
}
#bodycare .contact_button_wrapper .contact_button::after {
  content: url(/img/taiki/icon_arrow_right.svg);
  position: absolute;
  right: 20px;
  top: calc(50% + 1px);
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  #bodycare .contact_button_wrapper .contact_button::after {
    right: 10px;
  }
}
@media screen and (max-width: 410px) {
  #bodycare .contact_button_wrapper .contact_button::after {
    transform: translateY(-50%) scale(0.8);
  }
}
#bodycare .contact_button_wrapper .contact_button:hover {
  opacity: 0.7;
}
#bodycare .section_footer {
  background: #EBF6F6;
  border-radius: 12px;
  padding: 30px;
  margin: 0 20px;
  text-align: center;
}
@media screen and (max-width: 640px) {
  #bodycare .section_footer {
    margin: 0;
    border-radius: 0px;
  }
}
#bodycare .section_footer h4 {
  font-size: 20px;
  color: #1D888E;
  margin-bottom: 12px;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-weight: bold;
}
.os-android #bodycare .section_footer h4 {
  font-family: "Noto Serif JP", serif;
}
#bodycare .section_footer p {
  font-size: 15px;
  line-height: 1.8;
  margin: 0;
}

.responsive-table {
  margin-bottom: 100px;
}
@media screen and (max-width: 640px) {
  .responsive-table {
    padding: 20px 20px 30px;
    margin-right: 20px;
  }
}

.funeral_comparison_table {
  width: 100%;
  border-collapse: separate;
  border-spacing: 0;
  font-size: 14px;
  line-height: 1.8;
  text-align: left;
  border-top: 1px solid #1D888E;
  border-left: 1px solid #1D888E;
  border-radius: 12px;
  overflow: hidden;
  line-height: 1;
}
.funeral_comparison_table caption,
.funeral_comparison_table th,
.funeral_comparison_table td {
  border-right: 1px solid #1D888E;
  border-bottom: 1px solid #1D888E;
}
.funeral_comparison_table th.table_title {
  caption-side: top;
  font-size: 22px;
  text-align: center;
  padding: 25px 0;
  color: #222;
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
}
.os-android .funeral_comparison_table th.table_title {
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 640px) {
  .funeral_comparison_table th.table_title {
    text-align: left;
    padding: 25px 0 25px 50px;
  }
}
.funeral_comparison_table thead {
  background: #fff;
}
.funeral_comparison_table thead th {
  padding: 10px 5px;
  color: #222;
  font-weight: normal;
  text-align: center;
}
.funeral_comparison_table tbody th.type {
  color: #2d8b86;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  padding: 10px;
}
.funeral_comparison_table tbody td {
  padding: 10px;
  vertical-align: middle;
  line-height: 1.8;
}
.funeral_comparison_table tbody td strong {
  font-weight: bold;
  color: #333;
}
.funeral_comparison_table tbody td br {
  content: "";
  display: block;
  margin-top: 4px;
}
.funeral_comparison_table thead th.table_title {
  border-top-left-radius: 12px;
}
.funeral_comparison_table thead th.table_title {
  border-top-right-radius: 12px;
}
.funeral_comparison_table tbody tr:last-child th:first-child {
  border-bottom-left-radius: 12px;
}
.funeral_comparison_table tbody tr:last-child td:last-child {
  border-bottom-right-radius: 12px;
}

@media screen and (max-width: 640px) {
  .responsive-table {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
    /* SimpleBarのカスタムスタイル */
  }
  .responsive-table .simplebar-scrollbar {
    background: linear-gradient(to right, #fff 0px, #fff 20px, #1D888E 20px, #1D888E 100%) !important;
  }
  .responsive-table .simplebar-horizontal .simplebar-scrollbar {
    height: 4px;
  }
  .responsive-table .simplebar-track {
    background-color: #fff;
  }
  .responsive-table .funeral_comparison_table {
    width: 100%;
    min-width: 710px;
  }
}
/*# sourceMappingURL=taiki_add.css.map */