@charset "utf-8";

/* -------------------------------------------------- */
/* .block-faq */
/* -------------------------------------------------- */
.block-faq .list-faq > li{background:#f7f5f3;cursor:pointer;}
.block-faq .list-faq > li + li{margin-top:20px;}
.block-faq .list-faq > li .item-q{position:relative;padding:22px 70px 22px 120px;transition:.2s ease;}
.block-faq .list-faq > li .item-q::before{content:"Q.";position:absolute;top:50%;left:40px;margin-top:-2.4rem;font-size:4.8rem;color:#786f6b;font-family:"Outfit","Noto Sans JP","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Sans","Hiragino Kaku Gothic ProN","メイリオ","meiryo","ＭＳ Ｐゴシック", sans-serif;white-space:nowrap;line-height:1;transition:.2s ease;}
.block-faq .list-faq > li .item-q::after{content:"";display:block;width:8px;height:12px;background:url(/img/arrow01.png) no-repeat;background-size:100% auto;transform:rotate(90deg);position:absolute;right:40px;top:50%;margin-top:-4px;transition:.2s ease;}
.block-faq .list-faq > li.active .item-q{color:#fff;background:#786f6b;}
.block-faq .list-faq > li.active .item-q::before{color:#fff;}
.block-faq .list-faq > li.active .item-q::after{transform:rotate(-90deg);background-image:url(/img/arrow05.png);}
.block-faq .list-faq > li .item-a{display:none;position:relative;padding:22px 25px 22px 120px;}
.block-faq .list-faq > li .item-a::before{content:"A.";position:absolute;top:50%;left:40px;margin-top:-2.4rem;font-size:4.8rem;color:#786f6b;font-family:"Outfit","Noto Sans JP","游ゴシック体","YuGothic","游ゴシック","Yu Gothic","ヒラギノ角ゴ ProN W3","Hiragino Sans","Hiragino Kaku Gothic ProN","メイリオ","meiryo","ＭＳ Ｐゴシック", sans-serif;white-space:nowrap;line-height:1;}

/* ======================================================================================================================= */
/* for tablet */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:1399px){
}
@media screen and (min-width:1px) and (max-width:999px){
}

/* ======================================================================================================================= */
/* for sp */
/* ======================================================================================================================= */
@media screen and (min-width:1px) and (max-width:599px){
  /* -------------------------------------------------- */
  /* .block-faq */
  /* -------------------------------------------------- */
  .block-faq .list-faq > li + li{margin-top:10px;}
  .block-faq .list-faq > li .item-q{padding:15px 15px 35px 65px;}
  .block-faq .list-faq > li .item-q::before{font-size:3.6rem;left:15px;}
  .block-faq .list-faq > li .item-q::after{right:50%;margin-right:-4px;top:auto;bottom:10px;}
  .block-faq .list-faq > li .item-a{padding:15px 15px 15px 65px;}
  .block-faq .list-faq > li .item-a::before{font-size:3.6rem;left:15px;}
}