@charset "UTF-8";

video{ width: 100%; }
@media screen and (min-width: 768px),print {

#contentsmain {margin: 0 auto 104px;position: relative;padding: 80px 0 0;}
#contentsmain .inner-Box {margin: 0 auto;position: relative;text-align: center;width: 1280px;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 56px;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {margin-bottom: 69px;position: relative;font-size: 16px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsmain .inner-Box2 {margin: 0 auto;position: relative;width: 1057px;}
#contentsmain .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsmain .inner-Box2 ul li {margin-right: 37px;}
#contentsmain .inner-Box2 ul li:nth-child(4n) { margin-right: 0px; }
#contentsmain .inner-Box2 ul li figure {  }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }

#contents01 {margin: 0 auto;position: relative;background: #F3F1EF;padding: 109px 0 105px;}

#contents01 span.tlicon {display: block;line-height: 1;text-align: center;margin-bottom: 20px;}
#contents01 span.tlicon img {  }
#contents01 h2 {margin-bottom: 38px;position: relative;font-size: 22px;line-height: 1.5;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents01 p.subttl {margin-bottom: 76px;position: relative;font-size: 18px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 500;text-align: center;}

#contents01 .inner-Box1{margin: 0 auto;position: relative;background: url('../images/guarantee/contents01-back01.png')no-repeat bottom center;padding-bottom: 280px;}
#contents01 .inBox{display:flex;gap: 50px;background: #FFFFFF;width: 1100px;margin: 0 auto;padding: 80px;}
#contents01 .leftBox{width:520px;}
#contents01 .rightBox{padding-top: 22px;width: 363px;}

#contents01 .leftBox ul{ position: relative; }
#contents01 .leftBox ul::before{content: "";border-left: #72B861 dashed 2px;width: 1px;height: 80%;position: absolute;display: block;top: 8%;left: 69px;z-index: 3;}
#contents01 .leftBox ul.ll1::before{height: 88%;}

#contents01 .leftBox ul li {position: relative;background: #F4F1EF;margin-bottom: 40px;padding: 55px 39px 40px 140px;}
#contents01 .leftBox ul li:last-child { margin-bottom: 0px; }
#contents01 .leftBox span.noicon {display: block;line-height: 1;position: absolute;top: 40px;left: 40px;z-index: 3;}
#contents01 .leftBox span.noicon img {  }
#contents01 .leftBox p.ltext {position: relative;font-size: 22px;line-height: 1.5;letter-spacing: 0.2em;font-weight: 700;}
#contents01 .leftBox p.btn {margin-top: 28px;}
#contents01 .leftBox p.btn img {  }
#contents01 .rightBox p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .pointBox {margin: 56px auto 0 auto;position: relative;margin-left: 7px;}
#contents01 .pointBox h3 {text-align: center;margin-bottom: -19px;}
#contents01 .pointBox h3 span{  }
#contents01 .pointBox h3 img {  }
#contents01 .pointBox ul{border: 2px solid #C8A160;padding: 49px 24px 34px;}
#contents01 .pointBox ul li {position: relative;margin-bottom: 18px;}
#contents01 .pointBox ul li:last-child { margin-bottom: 0px; }
#contents01 .pointBox span.ch {display: block;line-height: 1;position: absolute;top: 4px;left: 0;}
#contents01 .pointBox span.ch img {  }
#contents01 .pointBox p.ltext {position: relative;font-size: 16px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding-left: 45px;}
#contents01 .inner-Box2{margin: 0 auto;position: relative;background: url('../images/guarantee/contents01-back01.png')no-repeat bottom center;padding: 20px 0 295px;}
#contents01 .inner-Box2 span.tlicon { display: block; line-height: 1; }
#contents01 .inner-Box2 span.tlicon img {  }
#contents01 .inner-Box2 h2 {position: relative;}
#contents01 .inner-Box2 p.subttl {position: relative;}
#contents01 .inner-Box3{margin: 0 auto 20px;position: relative;background: url('../images/guarantee/contents01-back01.png')no-repeat bottom center;padding: 20px 0 275px;}
#contents01 .inner-Box3 span.tlicon { display: block; line-height: 1; }
#contents01 .inner-Box3 span.tlicon img {  }
#contents01 .inner-Box3 h2 {position: relative;}
#contents01 .inner-Box3 p.subttl {position: relative;}
#contents01 .inner-Box4 { margin: 0 auto; position: relative; }
#contents01 .inner-Box4 span.tlicon { display: block; line-height: 1; }
#contents01 .inner-Box4 span.tlicon img {  }
#contents01 .inner-Box4 h2 {position: relative;}
#contents01 .inner-Box4 p.subttl {position: relative;}
#contents01 .minBox {margin: 0 auto 53px;position: relative;width: 1100px;background: #fff;padding: 80px 100px;}
#contents01 .minBox h3 {margin-bottom: 35px;position: relative;font-size: 26px;line-height: 1.4;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents01 .minBox p.text {margin-bottom: 23px;position: relative;font-size: 16px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents01 .minBox p.text2 {margin-bottom: 54px;position: relative;font-size: 14px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 400;text-align: center;}
#contents01 .minBox figure.img01 {position: relative;top: 27px;left: -50px;margin-bottom: 29px;}
#contents01 .minBox figure.img01 img{  }


#contents02 {margin: 0 auto;position: relative;background: #D4D7D0;}
#contents02 .inner-Box {margin: 0 auto;position: relative;padding: 79px 0 85px;}
#contents02 .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 1060px;margin: 0 auto;}
#contents02 .inner-Box ul li {margin-right: 38px;}
#contents02 .inner-Box ul li:nth-child(4) { margin-right: 0px; }
#contents02 .inner-Box ul li figure {  }
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }

#contents03 {margin: 0 auto;position: relative;background: #F3F1EF;padding: 160px 0 10px;}
#contents03 .inner-Box1 {margin: 0 auto 100px;position: relative;width: 1100px;background: #fff;padding: 80px 50px 20px 50px;}
#contents03 .inner-Box1 h2 {margin-bottom: 60px;position: relative;font-size: 26px;line-height: 1.4;letter-spacing: 0.05em;font-weight: 700;text-align: center;color: #fff;background: #C8A160;padding: 12px;}
#contents03 .inBox1 {margin: 0 auto 58px;position: relative;padding: 0 0 0 440px;min-height: 280px;}
#contents03 .inBox1 figure.photo { position: absolute; top: 0; left: 0; }
#contents03 .inBox1 figure.photo img{  }
#contents03 .inBox1 h3 {margin-bottom: 16px;position: relative;font-size: 22px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 700;text-align: left;}
#contents03 .inBox1 p.text {margin-bottom: 30px;position: relative;font-size: 16px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents03 .movieBox {margin: 0 50px 71px;position: relative;padding-top: 17px;}
#contents03 .inBox2 {margin: 0 auto 78px;position: relative;background: #F3F1EF;padding: 52px 52px 21px;}
#contents03 .inBox2 h3 {margin-bottom: 34px;position: relative;font-size: 22px;line-height: 2.1;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents03 .inBox2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inBox2 ul li {position: relative;width: 280px;margin-right: 28px;margin-bottom: 37px;}
#contents03 .inBox2 ul li:nth-child(3n) { margin-right: 0px; }
#contents03 .inBox2 ul li:nth-child(4) {margin-left: 155px;}
#contents03 .inBox2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 16px;}
#contents03 .inBox2 figure.img img{  }
#contents03 .inBox2 h4 {margin-bottom: 14px;position: relative;font-size: 18px;line-height: 1.9;letter-spacing: 0.05em;font-weight: 700;text-align: center;background: #fff;padding: 2px;border-radius: 30px;}
#contents03 .inBox2 h4 span {  }
#contents03 .inBox2 p.ltext {margin-bottom: 2px;position: relative;font-size: 16px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 500;text-align: left;padding-left: 46px;}
#contents03 .inBox2 p.ltext .ch{position: absolute;top: -3px;left: 0;}
#contents03 .inBox2 p.ltext .ch img{ }

#contentsbottom h2{font-size: 32px;line-height: 1.8;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin-bottom: 90px;}
#contentsbottom {margin: 0 auto;position: relative;width: 1100px;padding-bottom: 140px;}
#contentsbottom .inner-Box { margin: 0 auto; position: relative; }
#contentsbottom .inner-Box ul{ display:grid; grid-template-columns:repeat(3,350px); gap:25px; }
#contentsbottom .inner-Box ul li {  }
#contentsbottom .inner-Box ul li figure {margin-bottom: 12px;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {position: relative;font-size: 14px;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}


}

@media screen and (max-width: 767px) {



#contentsmain {margin: 0 auto 15.32vw;position: relative;}
#contentsmain .inner-Box {position: relative;text-align: center;}
#contentsmain .inner-Box figure.photo {position: relative;top: 0;left: 0;margin-bottom: 8.73vw;}
#contentsmain .inner-Box figure.photo img{  }
#contentsmain .inner-Box p.text {margin-bottom: 8.57vw;position: relative;font-size: 3.86vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contentsmain .inner-Box p.text span{display: block;margin-top: 8vw;}

#contentsmain .inner-Box2 {margin: 0 4vw;position: relative;}
#contentsmain .inner-Box2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contentsmain .inner-Box2 ul li { margin-bottom: 3.7vw; }
#contentsmain .inner-Box2 ul li:nth-child(4n) { margin-right: 0.0vw; }
#contentsmain .inner-Box2 ul li figure {  }
#contentsmain .inner-Box2 ul li a {  }
#contentsmain .inner-Box2 ul li a:hover {  }

#contents01 {position: relative;background: #F3F1EF;padding: 13.43vw 0 7.06vw;}

#contents01 span.tlicon {display: block;line-height: 1;text-align: center;margin-bottom: 3.83vw;}
#contents01 span.tlicon img {width: auto;height: 5.7vw;}
#contents01 h2 {margin-bottom: 6.28vw;position: relative;font-size: 4.3vw;line-height: 1.4;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents01 p.subttl {margin-bottom: 8.56vw;position: relative;font-size: 3.9vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 500;text-align: center;}

#contents01 .inner-Box1{margin: 0 0vw 4.6vw;position: relative;background: url('../images/guarantee/sp-contents01-back01.png')no-repeat bottom center;padding: 0 4vw 28.33vw;background-size: 100% auto;}
#contents01 .inBox{background: #FFFFFF;padding: 4.82vw 4.32vw 8vw;}
#contents01 .leftBox{ margin-bottom: 5.8vw; }
#contents01 .rightBox{}

#contents01 .leftBox ul{ position: relative; }
#contents01 .leftBox ul::before{content: "";background: url(../images/guarantee/line.png)repeat-y top left;background-size: 100%;width: 0.64vw;height: 80%;position: absolute;display: block;top: 6%;left: 9.27vw;z-index: 3;}
#contents01 .leftBox ul.ll1::before{height: 88%;}

#contents01 .leftBox ul li {position: relative;background: #F4F1EF;margin-bottom: 3.66vw;padding: 7.19vw 4.72vw 4.76vw 17.92vw;min-height: 19.4vw;}
#contents01 .leftBox ul li:last-child { margin-bottom: 0.0vw; }
#contents01 .leftBox span.noicon {display: block;line-height: 1;position: absolute;top: 4.76vw;left: 4.66vw;z-index: 3;width: 9.8vw;}
#contents01 .leftBox span.noicon img {width: 100%;}
#contents01 .leftBox p.ltext {position: relative;font-size: 3.9vw;line-height: 1.3;letter-spacing: 0.2em;font-weight: 700;text-align: left;}
#contents01 .leftBox p.btn {margin-top: 5.06vw;}
#contents01 .leftBox p.btn img {  }
#contents01 .rightBox p.text {margin-bottom: 7.55vw;position: relative;font-size: 3.4vw;line-height: 2.1;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .pointBox {margin: -1.87vw auto 0 auto;position: relative;margin-left: 1.69vw;}
#contents01 .pointBox h3 {text-align: center;margin-bottom: -4vw;}
#contents01 .pointBox h3 span{  }
#contents01 .pointBox h3 img {width: auto;height: 11.2vw;position: relative;top: 0.8vw;left: -0.8vw;}
#contents01 .pointBox ul{border: 0.48vw solid #C8A160;padding: 11.84vw 5.8vw 8.21vw;margin-left: -1.8vw;}
#contents01 .pointBox ul li {position: relative;margin-bottom: 4.35vw;}
#contents01 .pointBox ul li:last-child { margin-bottom: 0.0vw; }
#contents01 .pointBox span.ch {display: block;line-height: 1;position: absolute;top: 0.97vw;left: -1vw;width: 6.2vw;}
#contents01 .pointBox span.ch img {width: 100%;height: auto;}
#contents01 .pointBox p.ltext {position: relative;font-size: 3.86vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;padding-left: 9.57vw;}

#contents01 .inner-Box2{margin: 0 0vw 4.6vw;position: relative;background: url('../images/guarantee/sp-contents01-back01.png')no-repeat bottom center;padding: 0 4vw 28.33vw;background-size: 100% auto;}
#contents01 .inner-Box3{margin: 0 0vw 9.5vw;position: relative;background: url('../images/guarantee/sp-contents01-back01.png')no-repeat bottom center;padding: 0 4vw 28.33vw;background-size: 100% auto;}

#contents01 .inner-Box2 span.tlicon { display: block; line-height: 1; }
#contents01 .inner-Box2 span.tlicon img {  }
#contents01 .inner-Box2 h2 {position: relative;}
#contents01 .inner-Box2 p.subttl {position: relative;}
#contents01 .inner-Box3 span.tlicon { display: block; line-height: 1; }
#contents01 .inner-Box3 span.tlicon img {  }
#contents01 .inner-Box3 h2 {position: relative;}
#contents01 .inner-Box3 p.subttl {position: relative;}
#contents01 .inner-Box4 { margin: 0 4vw; position: relative; }
#contents01 .inner-Box4 span.tlicon { display: block; line-height: 1; }
#contents01 .inner-Box4 span.tlicon img {  }
#contents01 .inner-Box4 h2 {position: relative;}
#contents01 .inner-Box4 p.subttl {position: relative;}
#contents01 .minBox {margin: 0 auto 7.1vw;position: relative;background: #fff;padding: 7.32vw 4.1vw 6.02vw 4.1vw;}
#contents01 .minBox h3 {margin-bottom: 6.45vw;position: relative;font-size: 4.3vw;line-height: 1.4;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents01 .minBox p.text {margin-bottom: 3.76vw;position: relative;font-size: 3.9vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .minBox p.text2 {margin-bottom: 6.04vw;position: relative;font-size: 3.4vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents01 .minBox figure.img01 {position: relative;top: 1vw;left: 0vw;margin-bottom: 2.8vw;}
#contents01 .minBox figure.img01 img{max-width: 210vw;}


#contents02 {position: relative;background: #D4D7D0;}
#contents02 .inner-Box {margin: 0;position: relative;padding: 9.58vw 0 20.53vw;}
#contents02 .inner-Box ul.list {display: -webkit-box;display: -moz-flex;display: -ms-flex;display: -o-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-moz-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;margin: 0 4vw;}
#contents02 .inner-Box ul li {margin-bottom: 3.58vw;}
#contents02 .inner-Box ul li:nth-child(4) { margin-right: 0.0vw; }
#contents02 .inner-Box ul li figure {  }
#contents02 .inner-Box ul li a {  }
#contents02 .inner-Box ul li a:hover {  }

#contents03 {position: relative;background: #F3F1EF;padding: 9.65vw 4vw 1.42vw;margin-bottom: -7vw;}
#contents03 .inner-Box1 {margin: 0 auto 8.15vw;position: relative;background: #fff;padding: 5.02vw 4.08vw 0.4vw;}
#contents03 .inner-Box1 h2 {margin-bottom: 4.69vw;position: relative;color: #fff;background: #C8A160;padding: 1.8vw;font-size: 4.3vw;line-height: 1.4;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents03 .inBox1 {margin: 0 auto 11.01vw;position: relative;padding: 0 0 0 0vw;}
#contents03 .inBox1 figure.photo {position: relative;top: 0;left: 0;margin-bottom: 4.2vw;}
#contents03 .inBox1 figure.photo img{  }
#contents03 .inBox1 h3 {margin-bottom: 5.56vw;position: relative;font-size: 4.3vw;line-height: 1.8;letter-spacing: 0.2em;font-weight: 700;text-align: left;}
#contents03 .inBox1 p.text {margin-bottom: 7.25vw;position: relative;font-size: 3.9vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}
#contents03 .inner-Box1 .inBox1:last-child{margin-bottom: 0.0vw;}
#contents03 .movieBox {margin: 0 0 10.4vw;position: relative;}
#contents03 .inBox2 {margin: 0 auto 9.84vw;position: relative;background: #F3F1EF;padding: 6.16vw 4.96vw 5.07vw;}
#contents03 .inBox2 h3 {margin-bottom: 4.41vw;position: relative;font-size: 4.3vw;line-height: 2.6;letter-spacing: 0.05em;font-weight: 500;text-align: center;}
#contents03 .inBox2 ul{display: -webkit-box; display: -moz-flex; display: -ms-flex; display: -o-flex; display: -ms-flexbox; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -ms-flex-wrap: wrap; flex-wrap: wrap;}
#contents03 .inBox2 ul li {position: relative;margin-bottom: 7.14vw;}
#contents03 .inBox2 ul li:nth-child(3n) { margin-right: 0.0vw; }
#contents03 .inBox2 ul li:last-child { margin-bottom: 0;}
#contents03 .inBox2 figure.img {position: relative;top: 0;left: 0;margin-bottom: 3.86vw;}
#contents03 .inBox2 figure.img img{  }
#contents03 .inBox2 h4 {margin-bottom: 4.38vw;position: relative;background: #fff;padding: 0.48vw;border-radius: 7.25vw;font-size: 3.9vw;line-height: 2.1;letter-spacing: 0.05em;font-weight: 700;text-align: center;}
#contents03 .inBox2 h4 span {  }
#contents03 .inBox2 p.ltext {margin-bottom: 1.68vw;position: relative;padding-left: 8.81vw;font-size: 3.4vw;line-height: 1.9;letter-spacing: 0.05em;font-weight: 500;text-align: left;}
#contents03 .inBox2 p.ltext .ch{position: absolute;top: -1vw;left: 0;width: 5.2vw;}
#contents03 .inBox2 p.ltext .ch img{width: 100%;}




#contentsbottom {margin: 14vw 4vw 0;position: relative;padding-bottom: 17.62vw;}
#contentsbottom .inner-Box { margin: 0 4vw; position: relative; }
#contentsbottom .inner-Box ul{}
#contentsbottom .inner-Box ul li {margin-bottom: 9vw;}
#contentsbottom .inner-Box ul li figure {margin-bottom: 3.5vw;}
#contentsbottom .inner-Box ul li a {  }
#contentsbottom .inner-Box ul li a:hover {  }
#contentsbottom .inner-Box p.ltext {position: relative;font-size: 3.38vw;line-height: 2.0;letter-spacing: 0.05em;font-weight: 400;text-align: left;}

#contentsbottom h2{font-size: 4.8vw;line-height: 1.7;letter-spacing: 0.05em;font-weight: 700;text-align: center;margin: 0 -3vw 6.9vw;}


}

@media (min-width: 768px) {
  #faq.faq {
    background-color: #F3F1EF;
    margin-bottom: 155px;
  }
  #faq.faq .faq__inner {
    padding-top: 50px;
    padding-bottom: 160px;
  }
  #faq.faq .faq__content {
    width: min(95%, 1440px);
    margin-inline: auto;
    padding-top: clamp(46px, 12.67px + 4.34vw, 96px); /* 768px〜1920pxの間で可変 */
    padding-bottom: clamp(46px, 23.33px + 2.951vw, 80px); /* 768px〜1920pxの間で可変 */
    padding-inline: clamp(20px, -20px + 5.208vw, 80px); /* 768px〜1920pxの間で可変 */
    background-color: #fff;
  }
  #faq.faq .faq__title-img {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
  }
  #faq.faq .faq__title-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }
  #faq.faq .faq__title-img {
    width: 82px;
  }
  #faq.faq .faq__title-en {
    text-align: center;
  }
  #faq.faq .faq__title {
    margin-top: 18px;
    font-size: 22px;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #222;
    text-align: center;
  }
  #faq.faq .faq__lead {
    margin-top: 24px;
    font-size: clamp(14px, 12.67px + 0.174vw, 16px); /* 768px〜1920pxの間で可変 */
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
    color: #222;
    text-align: center;
  }
  #faq.faq .faq__list {
    width: min(100%, 1100px);
    margin-inline: auto;
    margin-top: 40px;
  }
  #faq.faq .faq__list-item + .faq__list-item {
    margin-top: clamp(10px, 3.33px + 0.868vw, 20px); /* 768px〜1920pxの間で可変 */
  }
  #faq.faq .faq__question {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
    border: none;
  }
  #faq.faq .faq__question-btn {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 12px;
    width: 100%;
    padding-block: clamp(10px, 4.67px + 0.694vw, 18px); /* 768px〜1920pxの間で可変 */
    padding-left: 20px;
    padding-right: 70px;
    background-color: #F2EEE9;
    border: none;
    text-align: left;
  }
  #faq.faq .faq__question-btn::before,
  #faq.faq .faq__question-btn::after {
    content: "";
    position: absolute;
    top: clamp(22px, 14px + 1.042vw, 34px);
    right: 26px;
    width: 12px;
    height: 2px;
    background-color: #222;
  }
  #faq.faq .faq__question-btn::before {
    transform: translateY(0);
  }
  #faq.faq .faq__question-btn::after {
    transform: translateY(0) rotate(-90deg);
    opacity: 1;
    transition: transform 0.35s ease, opacity 0.35s ease;
  }
  #faq.faq .faq__list-item.is-open .faq__question-btn::after {
    transform: translateY(0) rotate(0deg);
    opacity: 0;
  }
  #faq.faq .faq__question-icon,
  #faq.faq .faq__answer-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
  }
  #faq.faq .faq__question-icon img,
  #faq.faq .faq__answer-icon img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }
  #faq.faq .faq__question-icon,
  #faq.faq .faq__answer-icon {
    width: 18px;
    flex-shrink: 0;
    margin-top: 0.3em;
  }
  #faq.faq .faq__question-text {
    font-size: clamp(14px, 12.67px + 0.174vw, 16px); /* 768px〜1920pxの間で可変 */
    font-weight: 400;
    line-height: 2;
    letter-spacing: 0.05em;
    text-align: left;
    color: #222;
  }
  #faq.faq .faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
  }
  #faq.faq .faq__answer-inner {
    overflow: hidden;
    min-height: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 20px;
    padding-inline: 20px;
    opacity: 0;
    transition: padding 0.35s ease, opacity 0.2s ease;
  }
  #faq.faq .faq__answer-text {
    font-size: clamp(12px, 10.67px + 0.174vw, 14px); /* 768px〜1920pxの間で可変 */
    font-weight: 400;
    line-height: 1.714285;
    letter-spacing: 0.05em;
    text-align: left;
    color: #222;
  }
  #faq.faq .faq__list-item.is-open .faq__answer {
    grid-template-rows: 1fr;
  }
  #faq.faq .faq__list-item.is-open .faq__answer-inner {
    padding-top: 14px;
    padding-bottom: 20px;
    opacity: 1;
  }
  #faq.faq .faq__btn-area {
    margin-top: clamp(40px, 26.67px + 1.736vw, 60px); /* 768px〜1920pxの間で可変 */
    text-align: center;
  }
}

/* ======================================
      【SP】  faq
========================================= */
@media (max-width: 767px) {
  #faq.faq {
    background-color: #F3F1EF;
  }
  #faq.faq .faq__inner {
    padding-top: 9.66vw;
    padding-bottom: 17.97vw;
    padding-inline: 2.9vw;
  }
  #faq.faq .faq__content {
    padding-top: 12.56vw;
    padding-bottom: 9.66vw;
    padding-inline: 6.04vw;
    background-color: #fff;
  }
  #faq.faq .faq__title-en {
    text-align: center;
  }
  #faq.faq .faq__title-img {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
  }
  #faq.faq .faq__title-img img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }
  #faq.faq .faq__title-img {
    width: 65px;
  }
  #faq.faq .faq__title {
    margin-top: 3.86vw;
    font-size: 3.86vw;
    font-weight: 700;
    line-height: 1;
    letter-spacing: 0.05em;
    color: #222;
    text-align: center;
  }
  #faq.faq .faq__lead {
    margin-top: 7.25vw;
    font-size: 3.38vw;
    font-weight: 400;
    line-height: 2.142857;
    letter-spacing: 0.05em;
    color: #222;
  }
  #faq.faq .faq__list {
    margin-top: 10.63vw;
  }
  #faq.faq .faq__list-item + .faq__list-item {
    margin-top: 4.83vw;
  }
  #faq.faq .faq__question {
    margin: 0;
    padding: 0;
    display: block;
    width: 100%;
  }
  #faq.faq .faq__question-btn {
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.42vw;
    width: 100%;
    padding-block: 4.11vw;
    padding-left: 3.86vw;
    padding-right: 10.14vw;
    background-color: #F2EEE9;
    text-align: left;
    border: none;
  }
  #faq.faq .faq__question-btn::before,
  #faq.faq .faq__question-btn::after {
    content: "";
    position: absolute;
    top: 7.25vw;
    right: 4.35vw;
    width: 2.9vw;
    height: 0.48vw;
    background-color: #222;
  }
  #faq.faq .faq__question-btn::before {
    transform: translateY(0);
  }
  #faq.faq .faq__question-btn::after {
    transform: translateY(0) rotate(-90deg);
    opacity: 1;
    transition: transform 0.35s ease, opacity 0.35s ease;
  }
  #faq.faq .faq__list-item.is-open .faq__question-btn::after {
    transform: translateY(0) rotate(0deg);
    opacity: 0;
  }
  #faq.faq .faq__question-icon,
  #faq.faq .faq__answer-icon {
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
  }
  #faq.faq .faq__question-icon img,
  #faq.faq .faq__answer-icon img {
    width: 100%;
    height: auto;
    display: block;
    object-fit: contain;
  }
  #faq.faq .faq__question-icon,
  #faq.faq .faq__answer-icon {
    width: 2.9vw;
    flex-shrink: 0;
    margin-top: 0.3em;
  }
  #faq.faq .faq__question-text {
    font-size: 3.86vw;
    font-weight: 400;
    line-height: 1.625;
    letter-spacing: 0.05em;
    text-align: left;
    color: #222;
  }
  #faq.faq .faq__answer {
    display: grid;
    grid-template-rows: 0fr;
    transition: grid-template-rows 0.35s ease;
  }
  #faq.faq .faq__answer-inner {
    overflow: hidden;
    min-height: 0;
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
    gap: 2.42vw;
    padding-inline: 3.86vw;
    opacity: 0;
    transition: padding 0.35s ease, opacity 0.2s ease;
  }
  #faq.faq .faq__answer-text {
    font-size: 3.38vw;
    font-weight: 400;
    line-height: 1.714285;
    letter-spacing: 0.05em;
    text-align: left;
    color: #222;
  }
  #faq.faq .faq__list-item.is-open .faq__answer {
    grid-template-rows: 1fr;
  }
  #faq.faq .faq__list-item.is-open .faq__answer-inner {
    padding-block: 4.83vw;
    opacity: 1;
  }
  #faq.faq .faq__btn-area {
    margin-top: 9.66vw;
    text-align: center;
  }
}