@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);
*/
/* -----------------------------------------------------------------------------

common local

----------------------------------------------------------------------------- */
/* -----------------------------------------------------------------------------

content（rem値修正）

----------------------------------------------------------------------------- */
.sec_faq {
  background-color: #f3efec;
  padding: 0.7rem 0 0.5rem;
}
@media screen and (max-width: 640px) {
  .sec_faq {
    padding: 0.5rem 0 0.2rem;
  }
}
.sec_faq .in {
  width: 100%;
  max-width: 10rem;
  margin: auto;
}
@media screen and (max-width: 640px) {
  .sec_faq .in {
    box-sizing: border-box;
    padding: 0 0.3rem;
  }
}
.sec_faq .in .secTit .title {
  color: #473933;
}
@media screen and (max-width: 640px) {
  .sec_faq .in .secTit .title {
    letter-spacing: 0.15em;
    line-height: 1.21;
  }
}
.sec_faq .in .faq_cat_wrap {
  padding-bottom: 1.15rem;
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap {
    padding-bottom: 0.7rem;
  }
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap {
  padding-top: 0.7rem;
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap .faq_list_wrap {
    padding-top: 0.35rem;
  }
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list {
  border-bottom: 2px solid rgba(122, 113, 110, 0.2);
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title {
  padding: 0.25rem 0;
  position: relative;
  cursor: pointer;
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title {
    padding: 0.17rem 0;
  }
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title::before {
  content: "";
  width: 0.45rem;
  height: 0.33rem;
  background-image: url(/img/faq/faq_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title::before {
    width: 0.35rem;
    height: 0.25rem;
  }
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title::after {
  content: "";
  width: 0.2rem;
  height: 0.13rem;
  background-image: url(/img/faq/list_acc_icon.svg);
  background-position: center;
  background-repeat: no-repeat;
  background-size: contain;
  position: absolute;
  right: 0.3rem;
  top: 50%;
  transform: translateY(-50%);
  transition: all 0.3s;
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title::after {
    width: 0.1rem;
    height: 0.065rem;
    right: 0.13rem;
  }
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title span {
  font-family: "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  font-weight: 500;
  font-size: 0.2rem;
  letter-spacing: 0.11em;
  line-height: 1.38;
  color: #473933;
  display: block;
  padding-left: 0.63rem;
}
.os-android .sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title span {
  font-family: "Noto Serif JP", serif;
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title span {
    font-size: 0.165rem;
    padding-left: 0.45rem;
    padding-right: 0.35rem;
    font-feature-settings: "palt";
  }
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title.open::after {
  transform: translateY(-50%) rotate(-180deg);
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .faq_title.open + .textbox {
  margin-bottom: 0.1rem;
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .textbox {
  padding-bottom: 0.1rem;
  padding: 0.35rem 0.4rem;
  display: none;
  border-radius: 0.07rem;
  background-color: #fff;
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .textbox {
    padding: 0.15rem 0.2rem;
  }
}
@media screen and (max-width: 640px) {
  .sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .textbox > p {
    text-align: justify;
  }
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .textbox > p a {
  color: #83773A;
  text-decoration: underline;
}
.sec_faq .in .faq_cat_wrap .faq_list_wrap .faq_list .textbox > p a:hover {
  text-decoration: none;
}/*# sourceMappingURL=faq.css.map */