@charset "utf-8";

/* -------------------------------------------------- */
/* #block-spa03 */
/* -------------------------------------------------- */
#block-spa03 .list-step{display:flex;gap:40px;margin-top:70px;}
#block-spa03 .list-step .ttl{width:22%;font-size:3.2rem;font-weight:bold;white-space:nowrap;}
#block-spa03 .list-step .inner{flex:1;}
#block-spa03 .list-step .inner > ul> li{display:flex;border-bottom:1px solid #332e2d;padding:20px 0;gap:30px;}
#block-spa03 .list-step .inner > ul> li:first-child{padding-top:0;}
#block-spa03 .list-step .inner > ul> li:last-child{border-bottom:0;padding-bottom:0;}
#block-spa03 .list-step .inner > ul> li .num{width:12%;font-size:1.8rem;font-weight:bold;}
#block-spa03 .list-step .inner > ul> li .txt{flex:1;line-height:2;}
#block-spa03 .list-step .inner > ul> li p + p{margin-top:1.5em;}
#block-spa03 .list-step .list-point{margin:20px 0;}
#block-spa03 .list-step .list-point > li{display:flex;gap:30px;}
#block-spa03 .list-step .list-point > li + li{margin-top:30px;}
#block-spa03 .list-step .list-point > li .point-img{width:31%;}
#block-spa03 .list-step .list-point > li .point-inner{flex:1;align-self:center;}
#block-spa03 .list-step .list-point > li .point-ttl{font-weight:bold;}

@media screen and (min-width:1px) and (max-width:999px){
  #block-spa03 .list-step{display:block;}
  #block-spa03 .list-step .ttl{width:100%;font-size:3rem;margin-bottom:30px;}
}
@media screen and (min-width:1px) and (max-width:622px){
  #block-spa03 .list-step .ttl{font-size:2.4rem;margin-bottom:20px;}
  #block-spa03 .list-step .inner > ul > li{display:block;}
  #block-spa03 .list-step .inner > ul > li .num{width:100%;margin-bottom:5px;}
  #block-spa03 .list-step .list-point > li{gap:20px;font-size:1.3rem;line-height:1.8;}
  #block-spa03 .list-step .list-point > li .point-inner{align-self:center;}
}

/* -------------------------------------------------- */
/* #block-recommend */
/* -------------------------------------------------- */
#block-recommend .list-recommend > li{display:flex;gap:55px;border-bottom:1px solid #332e2d;padding-bottom:60px;margin-bottom:60px;}
#block-recommend .list-recommend > li:last-child{border-bottom:0;padding-bottom:0;margin-bottom:0;}
#block-recommend .list-recommend > li .img{width:34.427%;overflow:hidden;}
#block-recommend .list-recommend > li .inner{flex:1;}
#block-recommend .list-recommend > li .ttl{font-size:3.2rem;font-weight:bold;margin-bottom:15px;}
#block-recommend .list-recommend > li p{line-height:2;}
#block-recommend .list-recommend > li p + p{margin-top:1.5em;}
#block-recommend .list-recommend > li .sub{font-size:2rem;font-weight:bold;margin-top:20px;margin-bottom:5px;}
#block-recommend .list-recommend > li .menu{display:inline-block;}
#block-recommend .list-recommend > li .menu .item{display:flex;justify-content:space-between;gap:20px;}
#block-recommend .list-recommend > li .menu .item + .item{margin-top:5px;}
#block-recommend .list-recommend > li .menu .item .price{white-space:nowrap;}

#block-recommend .box-faq{border:1px solid #332e2d;background:#f9f9f9;padding:70px 60px;}
#block-recommend .box-faq .ttl{font-size:3.6rem;font-weight:bold;margin-bottom:35px;text-align:center;}
#block-recommend .box-faq .list-faq > li + li{margin-top:25px;}
#block-recommend .box-faq .list-faq > li .q{font-size:2rem;font-weight:bold;margin-bottom:15px;}
#block-recommend .box-faq .list-faq > li p{line-height:2;}

#block-recommend > .container.fadein .list-recommend > li .img img{opacity:0;transform:scale(1.1);}
#block-recommend > .container.fadein.animated .list-recommend > li .img img{opacity:1;transform:none;transition:1s ease;}

@media screen and (min-width:1px) and (max-width:999px){
  #block-recommend .box-faq .ttl{font-size:2.8rem;}
}
@media screen and (min-width:1px) and (max-width:767px){
  #block-recommend .list-recommend > li{gap:40px;}
}
@media screen and (min-width:1px) and (max-width:622px){
  #block-recommend .list-recommend > li{display:block;padding-bottom:40px;margin-bottom:40px;}
  #block-recommend .list-recommend > li .img{width:100%;margin-bottom:25px;}
  #block-recommend .list-recommend > li .img img{width:100%;}
  #block-recommend .list-recommend > li .ttl{font-size:2.4rem;margin-bottom:10px;}

  #block-recommend .box-faq {padding:30px 20px;font-size:1.4rem;}
  #block-recommend .box-faq .ttl{font-size:2.4rem;margin-bottom:20px;}
  #block-recommend .box-faq .list-faq > li .q{font-size:1.8rem;margin-bottom:5px;}
}