@charset "utf-8";
/* CSS Document */
/* top.css */
#fv {
  display: block;
  position: relative;
  margin: 0 auto;
}
.fv__text {
  position: absolute;
  top: clamp(20px,calc(40 / 750 * 100vw),40px);
  left: 0;
  width: 100%;
  box-sizing: border-box;
  display: block;
  z-index: 2;
  text-align: center;
}
.fv__text span {
  background-image: url(img/fv_text_sp.png);
  background-repeat: no-repeat;
  -webkit-background-size: 100% 100%;
  background-size: 100% 100%;
  color: #fff;
  display: inline-block;
  width: clamp(210px,calc(420 / 750 * 100vw),420px);
  min-height: clamp(45px,calc(90 / 750 * 100vw),90px);
  line-height: 1em;
  font-weight: 700;
  --fs:34;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  letter-spacing: 0.06em;
  box-sizing: border-box;
  padding: clamp(9px,calc(18 / 750 * 100vw),18px);
}

@media screen and (min-width:750px){
  #fv {
    background: #eef7ff;
    position: relative;
    margin: 0 auto;
  }
  .fv__box {
    position: relative;
    display: block;
    z-index: 2;
    margin: 0 auto;
    max-width: 1600px;
  }
  .fv__text {
    position: absolute;
    top: clamp(15px,calc(30 / 1600 * 100vw),30px);
    left: calc(50% - clamp(160px,calc(320 / 1600 * 100vw),320px));
    width: clamp(215px,calc(430 / 1600 * 100vw),430px);
    box-sizing: border-box;
    display: block;
    z-index: 2;
    text-align: center;
  }
  .fv__text span {
    background-image: url(img/fv_text_sp.png);
    background-repeat: no-repeat;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    color: #fff;
    display: inline-block;
    width: 100%;
    min-height: clamp(44px,calc(88 / 1600 * 100vw),88px);
    line-height: 1em;
    font-weight: 700;
    --fs:34;
    font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1600 * 100vw), calc(var(--fs)* 1px));
    letter-spacing: 0.06em;
    box-sizing: border-box;
    padding: clamp(9px,calc(18 / 1600 * 100vw),18px);
  }

  
}
/* -------------------------------------------------- */
/* cta  */
/* -------------------------------------------------- */

.cta {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
}
.cta .cta__box {
  position: relative;
  display: block;
}
.cta .cta__btn {
  position: absolute;
  bottom: clamp(36px,calc(72 / 750 * 100vw),72px);
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc((750 - 658) / 750 * 100% * 0.5);
  z-index: 3;
}
.cta .cta__text {
  display: block;
  background: #ffe332;
  box-sizing: border-box;
  text-align: center;
  --fs:36;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  font-weight: 700;
  padding: calc(30 / 750 * 100%) calc(10 / 750 * 100%) calc(40 / 750 * 100%);
  line-height: 1em;
  letter-spacing: 0;
  width: 100%;
  z-index: 2;
}
.cta .cta__timer {
  display: inline-block;
  margin-bottom: .5em;
  color: #e60000;
  font-size: calc(58 / 36 * 1em);
}
.cta .cta__timer span {
  font-size: calc(48 / 58 * 1em);
}
.cta p {
  margin: 0 auto;
}

@media screen and (min-width:750px){
  .cta {
    margin: clamp(40px,calc(80 / 1200 * 100vw),80px) auto;
  }
.cta .cta__btn {
  position: absolute;
  bottom: calc(70 / 540 * 100%);
  left: calc(43 / 1000 * 100%);
  width: calc(916 / 1000 * 100%);
  max-width: 916px;
  box-sizing: border-box;
  padding:0;
}
.cta .cta__text {
  box-sizing: border-box;
  font-size: calc(28 / 18 * 1em);
  padding:  clamp(15px,calc(30 / 1000 * 100vw),30px);
  letter-spacing: 0.04em;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: baseline;
  align-items: baseline;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  word-break: break-all;
  white-space: nowrap;
  text-align: center;
  line-height: 1.3em;
  --fs:30;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1000 * 100vw), calc(var(--fs)* 1px));
  }
.cta .cta__timer {
  font-size: calc(46 / 30 * 1em);
  line-height: 1.3em;
  margin: 0 .3em 0 0;
}
.cta .cta__timer .day {
  font-size: 1em;
}
.cta .cta__timer span {
  font-size: calc(36 / 46 * 1em);
}

.cta p {
  margin: 0 ;
}

}
/*---------*/
.content {
  margin: 0 auto;
  position: relative;
}
.content h2 {
  margin: 0 auto;
}
.content--w1200 {
  max-width: 1200px;
  margin: 0 auto;
  display: block;
}
.topclass {
  margin: 0 auto;
  background-color: #f5eab8;
}
.box {
  position: relative;
  z-index: 3;
}
.reason h3 {
  margin: 0 auto;
}
.reason__text {
  position: relative;
  display: block;
  margin: 0 auto;
}
.reason__text p {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  padding: calc(20 / 750 * 100%) calc(60 / 750 * 100%);
  --fs:28;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  letter-spacing: 0.06em;
  line-height: calc(50 / 28 * 1em);
  font-weight: 500;
}
.reason__text p span {
  font-weight: bold;
  font-feature-settings: 'palt' 1;
  color: #e40001;
  background: #FFE332;
  background: -webkit-linear-gradient(0deg, rgba(255, 227, 50, 0.6) 0%, rgba(255, 227, 50, 0.6) 30%, rgba(255, 227, 50, 0) 30%, rgba(255, 227, 50, 0) 100%);
  background: -moz-linear-gradient(0deg, rgba(255, 227, 50, 0.6) 0%, rgba(255, 227, 50, 0.6) 30%, rgba(255, 227, 50, 0) 30%, rgba(255, 227, 50, 0) 100%);
  background: linear-gradient(0deg, rgba(255, 227, 50, 0.6) 0%, rgba(255, 227, 50, 0.6) 30%, rgba(255, 227, 50, 0) 30%, rgba(255, 227, 50, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FFE332", endColorstr="#FFE332", GradientType=0);
}

.voice {
  background-image: url(img/voice_bg_sp.jpg);
  background-repeat: no-repeat;
  background-position: top center;
  -webkit-background-size: cover;
  background-size: cover;
  box-sizing: border-box;
  display: block;
  padding: calc(80 / 750 * 100%) calc(30 / 750 * 100%) calc(100 / 750 * 100%) ;
}
.voice__title {
  width: clamp(236px,calc(473 / 750 * 100vw),473px);
  margin: 0 auto clamp(20px,calc(40 / 750 * 100vw),40px);
}
.voice__item {
  position: relative;
  display: block;
  margin: 0 auto;
  padding-left: clamp(50px,calc(100 / 750 * 100vw),100px);
}
.voice__item + .voice__item  {
  margin-top: clamp(20px,calc(40 / 750 * 100vw),40px);
}
.voice__image {
  width: clamp(96px,calc(192 / 750 * 100vw),192px);
  display: block;
  position: absolute;
  top: 50%;
  left: 0;
  transform: translate3d(0,-50%,0);
  z-index: 2;
}
.voice__textbox {
  border-radius: clamp(10px,calc(20 / 750 * 100vw),20px);
  border: clamp(1px,calc(2 / 750 * 100vw),2px) solid #111111;
  padding: clamp(2px,calc(5 / 750 * 100vw),5px);
  box-sizing: border-box;
}
.voice__text {
  background: #fff;
  border-radius: clamp(7px,calc(15 / 750 * 100vw), 15px);
  border: 1px solid #111111;
  padding: clamp(10px,calc(20 / 750 * 100vw),20px) clamp(15px,calc(30 / 750 * 100vw),30px) clamp(10px,calc(20 / 750 * 100vw),20px) clamp(60px,calc(120 / 750 * 100vw),120px);
  box-sizing: border-box;
  --fs:28;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(48 / 28 * 1em);
  font-weight: 500;
  text-align: justify;
}
.voice__text span {
  font-weight: bold;
  color: #e40001;
}
.voice__item:nth-of-type(odd) {
  padding-left: 0;
  padding-right: clamp(50px,calc(100 / 750 * 100vw),100px);
}
.voice__item:nth-of-type(odd) .voice__image {
  left: auto;
  right: 0;
}
.voice__item:nth-of-type(odd) .voice__text {
  padding-left:  clamp(15px,calc(30 / 750 * 100vw),30px);
  padding-right: clamp(60px,calc(120 / 750 * 100vw),120px);
}
.ihen__content {
  background-image: url(img/ihen_sp_02.png);
  background-repeat: repeat;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
  display: block;
  padding: 0;
}
.ihen__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  flex-direction: column;
  box-sizing: border-box;
  padding: 0 calc(75 / 750 * 100%);
}
.ihen__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  box-sizing: border-box;
  padding: clamp(20px,calc(40 / 750 * 100vw),40px) 0;
  width: 100%;
  border-bottom: 1px solid #000000;
}
.ihen__list .ihen__item:last-of-type {
  border-bottom: none;
}
.ihen__image {
  width: clamp(100px,calc(200 / 750 * 100vw),200px);
  margin: 0;
}
.ihen__text {
  width: clamp(180px,calc(360 / 750 * 100vw),360px);
  margin: 0;
}
.ihen__text dl {
  margin: 0;
  padding: 0;
}
.ihen__text dt {
  
  background-color: #ffe332;
  display: block;
  text-align: center;
  --fs:30;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: 1.25em;
  font-weight: 700;
  margin-bottom: clamp(5px,calc(10 / 750 * 100vw),10px);
}
.ihen__text dd {
  margin: 0;
  padding: 0;
  --fs:28;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(48 / 28 * 1em);
  font-weight: 500;
}
.ihen__message {
  display: block;
  box-sizing: border-box;
  padding: 0 calc(240 / 750 * 100%) 0 0;
  position: relative;
  margin: 0 auto;
}
.ihen__message__text {
  display: block;
  box-sizing: border-box;
  background: #89866e;
  color: #fff;
  border-radius: 0 100svh 100svh 0;
  padding: clamp(15px,calc(30 / 750 * 100vw),30px) clamp(50px,calc(100 / 750 * 100vw),100px) clamp(20px,calc(40 / 750 * 100vw),40px) clamp(10px,calc(20 / 750 * 100vw),20px);
  --fs:28;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(58 / 28 * 1em);
  font-weight: 500;
  text-align: justify;
  position: relative;
  z-index: 2;
}
.ihen__message__text span {
  border-bottom: 1px solid #fff;
  padding-bottom: .4em;
}
.ihen__message__image {
  display: block;
  width: calc(323 / 750 * 100%);
  position: absolute;
  top: clamp(10px,calc(20 / 750 * 100vw),20px);
  right: 0;
  z-index: 3;
}

.case__content {
  display: block;
  margin: 0 auto clamp(25px,calc(50 / 750 * 100vw),50px);
}
.case__title {
  position: relative;
}
.case__title__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  box-sizing: border-box;
  padding-left: clamp(112px,calc( 225 / 750 * 100vw),225px);
  color: #fff;
  --fs:40;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(56 / 40 * 1em);
  font-weight: 700;
}
.case__text {
  position: relative;
  display: block;
  margin: 0;
}
.case__text__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  padding: clamp(15px,calc(30 / 750 * 100vw),30px) clamp(25px,calc(50 / 750 * 100vw),50px);
  padding-left: clamp(170px,calc( 340 / 750 * 100vw),340px);
  --fs:28;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(48 / 28 * 1em);
  font-weight: 500;
  text-align: justify;
}








@media screen and (min-width:750px){
  .content--80 {
    margin: clamp(40px,calc(80 / 1200 * 100vw),80px) auto;
  }
  .sagyo:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - clamp(30px,calc(60 / 1200 * 100vw),60px));
    background: url(img/bg_grid.png) repeat bottom center;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .okomari:after {
    content: "";
    display: block;
    width: 100%;
    height: calc(100% - clamp(105px,calc(210 / 1200 * 100vw),210px));
    background: #dfdfdf;
    position: absolute;
    bottom: 0;
    left: 0;
    z-index: 1;
  }
  .flow {
   background: url(img/flow_bg.png) repeat-y top center; 
  }
  .reason {
    background: #fffed0;
  }
  .reason__box {
    max-width: 1100px;
    margin: 0 auto;
  }
  .reason__text p {
    padding: calc(5 / 1100 * 100%) calc(100 / 1100 * 100%);
    --fs:18;
    font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1100 * 100vw), calc(var(--fs)* 1px));
    letter-spacing: 0.06em;
    line-height: calc(40 / 18 * 1em);
  }
  .reason__text--01 p {
    padding-right: calc(580 / 1100 * 100%);
  }  
  .reason__text--02 p {
    padding-left: calc(570 / 1100 * 100%);
  }  
  .reason__text--03 p {
    padding-right: calc(580 / 1100 * 100%);
  }  

  .voice {
    background-image: url(img/voice_bg_pc.jpg);
    padding: 80px 0 100px;
  }
  .voice__title {
    width: 616px;
    margin: 0 auto 40px;
  }
  .voice__item {
    width: 710px;
    padding-left:110px;
  }
  .voice__item + .voice__item  {
    margin-top: 30px;
  }
  .voice__image {
    width: 144px;
  }
  .voice__textbox {
    border-radius: 20px;
    border: 2px solid #111111;
    padding: 5px;
  }
  .voice__text {
    background: #fff;
    border-radius: 15px;
    border: 1px solid #111111;
    padding: 20px 30px 20px 50px;
    font-size: 18px;
    line-height: calc(38 / 18 * 1em);
    font-weight: 500;
    text-align: justify;
    min-height: 210px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
  }
  .voice__text span {
    font-weight: bold;
    color: #e40001;
  }
  .voice__item:nth-of-type(odd) {
    padding-left: 0;
    padding-right: clamp(50px,calc(100 / 750 * 100vw),100px);
  }
  .voice__item:nth-of-type(odd) .voice__image {
    left: auto;
    right: 0;
  }
  .voice__item:nth-of-type(odd) .voice__text {
    padding-left:  clamp(15px,calc(30 / 750 * 100vw),30px);
    padding-right: clamp(60px,calc(120 / 750 * 100vw),120px);
  }  
  
  
  .ihen__content {
    background-image: url(img/ihen_pc_02.png);
  }
  .ihen__list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-align-items: flex-start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    flex-direction: row;
    box-sizing: border-box;
    padding: 0 calc(140 / 1200 * 100%);
    gap: 0 clamp(15px,calc(30 / 1200 * 100vw),30px);
  }
  .ihen__item {
    width: calc((100% -  clamp(15px,calc(30 / 1200 * 100vw),30px)) / 2);
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    box-sizing: border-box;
    padding: clamp(20px,calc(40 / 1200 * 100vw),40px) 0;
    border-bottom: 1px solid #000000;
  }
  .ihen__list .ihen__item:last-of-type {
    border-bottom: none;
  }
  .ihen__image {
    width: clamp(100px,calc(170 / 1200 * 100vw),200px);
  }
  .ihen__text {
    width: clamp(180px,calc(240 / 1200 * 100vw),360px);
  }
  .ihen__text dt {
    background-color: #ffe332;
    display: block;
    text-align: center;
    --fs:24;
    font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1200 * 100vw), calc(var(--fs)* 1px));
    line-height: 1.75em;
    margin-bottom: clamp(5px,calc(10 / 1200 * 100vw),10px);
  }
  .ihen__text dd {
    margin: 0;
    padding: 0;
    --fs:18;
    font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1200 * 100vw), calc(var(--fs)* 1px));
    line-height: calc(36 / 18 * 1em);
  }
  .ihen__message {
    width: 100%;
    padding: 0 calc(((1200 - 920) / 1200 * 100%) / 2);
  }
  .ihen__message__text {
    border-radius: 100svh;
    padding: clamp(7px,calc(15 / 1200 * 100vw),15px) clamp(130px,calc(260 / 1200 * 100vw),260px) clamp(7px,calc(15 / 1200 * 100vw),15px) clamp(17px,calc(35 / 1200 * 100vw),35px);
    --fs:18;
    font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1200 * 100vw), calc(var(--fs)* 1px));
    line-height: calc(46 / 18 * 1em);
  }
  .ihen__message__text span {
    border-bottom: 1px solid #fff;
    padding-bottom: .4em;
  }
  .ihen__message__image {
    display: block;
    width: clamp(154px,calc(307 / 1200 * 100vw),307px);
    position: absolute;
    top: auto;
    right: clamp(52px,calc(104 / 1200 * 100vw),104px);
    bottom: clamp(10px,calc(20 / 1200 * 100vw),20px);
    z-index: 3;
  }


.case__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: stretch;
  align-items: stretch;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: center;
  margin: 0 auto clamp(50px,calc(100 / 1200 * 100vw),100px);
  max-width: 1120px;
}
.case__title {
  position: relative;
}
.case__title__text {
  padding-left: clamp(85px,calc( 170 / 1120 * 100vw),170px);
  --fs:32;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1120 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(46 / 32 * 1em);
}
.case__text__text {
  padding: clamp(15px,calc(30 / 1120 * 100vw),30px) clamp(20px,calc(40 / 1120 * 100vw),40px);
  padding-left: clamp(130px,calc( 260 / 1120 * 100vw),260px);
  --fs:18;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1120 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(36 / 18 * 1em);
}

  .media {
    background: #fff7c8;
  }
  
}



/*--------------------------------------------------*/
.faq__area {
  display: block;
  margin: 0 auto;
  box-sizing: border-box;
  padding: calc(40 / 750 * 100%) calc(30 / 750 * 100%);
}
.faq__area .faq__item {
  display: block;
  margin: 0 auto clamp(20px,calc(40 / 750 * 100vw),40px);
  width: 100%;
  overflow: hidden;
  border-radius: 0;
}
.faq__area .faq__q {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  background-color: #111111;
  background-image: url(img/qa_ic_q_sp.png);
  -webkit-background-size:  clamp(45px,calc(90 / 750 * 100vw),90px) auto;
  background-size: clamp(45px,calc(90 / 750 * 100vw),90px) auto;
  background-position:0 50%;
  background-repeat: no-repeat;
  border-radius:0;
  overflow: hidden;
  min-height: clamp(45px,calc(90 / 750 * 100vw),90px);
  box-sizing: border-box;
  padding: calc(20 / 750 * 100%) calc(100 / 750 * 100%) calc(20 / 750 * 100%) calc(120 / 750 * 100%) ;
  width:100%;
  position: relative;
  cursor: pointer;
}
.faq__area .faq__qtext {
  font-size: calc(36 / 28 * 1em);
  line-height: calc(50 / 36 * 1em);
  color: #fff;
  font-weight: 700;
  width: clamp(260px,calc(520 / 750 * 100vw),520px);
  box-sizing: border-box;
  padding-left: calc(20 / 730 * 100%);
}

.faq__area .faq__qtext:before {
  content: "";
  display: block;
  background: #fff;
  width: clamp(20px,calc(40 / 750 * 100vw),40px);
  height: clamp(2px,calc(4 / 750 * 100vw),4px);
  position: absolute;
  right: calc(30 / 730 * 100%);
  top: calc((100% - clamp(2px,calc(4 / 750 * 100vw),4px)) / 2);
  transform: rotate(0deg);
  opacity: 1;
  transition: all .5s ease;
}
.faq__area .faq__qtext:after {
  content: "";
  display: block;
  background: #fff;
  width: clamp(20px,calc(40 / 750 * 100vw),40px);
  height: clamp(2px,calc(4 / 750 * 100vw),4px);
  position: absolute;
  right: calc(30 / 730 * 100%);
  top: calc((100% - clamp(2px,calc(4 / 750 * 100vw),4px)) / 2);
  transform: rotate(90deg);
  opacity: 1;
  transition: all .5s ease;
}
.faq__area .faq--open .faq__qtext:before {
  content: "";
  transform: rotate(90deg);
  opacity: 0;
}
.faq__area .faq--open .faq__qtext:after {
  content: "";
  transform: rotate(180deg);
  opacity: 1;
}

.faq__area .faq__atext {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  background: #fff;
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -ms-align-items: flex-start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: flex-start;
  min-height: clamp(45px,calc(90 / 750 * 100vw),90px);
  box-sizing: border-box;
  padding: calc(20 / 750 * 100%) calc(20 / 750 * 100%) calc(20 / 750 * 100%) calc(120 / 750 * 100%) ;
  width: 100%;
  position: relative;
  background-color: #fff7c8;
  background-image: url(img/qa_ic_a_sp.png);
  -webkit-background-size:  clamp(45px,calc(90 / 750 * 100vw),90px) auto;
  background-size: clamp(45px,calc(90 / 750 * 100vw),90px) auto;
  background-position:0 clamp(15px,calc(30 / 750 * 100vw),30px);
  background-repeat: no-repeat;
}
.faq__area .faq__atext p {
  --fs:28;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(48 / 28 * 1em);
  font-weight: 500;
  width: clamp(305px,calc(610 / 750 * 100vw),610px);
  box-sizing: border-box;
  padding-left: calc(20 / 730 * 100%);
}


/* -- pc -- */
@media screen and (min-width:750px){
  .faq {
    margin: clamp(30px,calc(60 / 1080 * 100%), 60px) auto;
    padding: 0;
    position: relative;
  }
  .faq__area {
    margin: 0 auto;
    padding: clamp(25px,calc(50 / 880 * 100vw),50px) 0 0;
    position: relative;
    z-index: 2;
    background-color: #fff;
  }
  .faq:before {
    content: "";
    width: 100%;
    position: absolute;
    top: 20px;
    left: 0;
    height: 230px;
    background: #ffe332;
    z-index: 1;
  }
  .faq__area .faq__item {
    display: block;
    margin: 0 auto  clamp(15px,calc(30 / 880 * 100vw),30px);
    width: 100%;
    max-width: 880px;
  }
  .faq__area .faq__q {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    overflow: hidden;
    min-height: clamp(50px,calc(100 / 880 * 100vw),100px);
    box-sizing: border-box;
    padding: calc(20 / 880 * 100%) calc(110 / 880 * 100%);
    width: 100%;
    position: relative;
    cursor: pointer;
    background-image: url(img/qa_ic_q_pc.png);
    -webkit-background-size:  clamp(40px,calc(80 / 880 * 100vw),80px) auto;
    background-size: clamp(40px,calc(80 / 880 * 100vw),80px) auto;
  }
  .faq__area .faq__qtext {
    font-size: calc(26 / 18 * 1em);
    line-height: calc(52 / 24 * 1em);
    width: calc(100% - 140px);
    box-sizing: border-box;
    padding-left:0;
  }
  .faq__area .faq__qtext br {
    display: none;
  }


.faq__area .faq__qtext:before {
  content: "";
  width: clamp(20px,calc(40 / 880 * 100vw),40px);
  height: clamp(2px,calc(4 / 880 * 100vw),4px);
  right: calc(30 / 880 * 100%);
}
.faq__area .faq__qtext:after {
  content: "";
  width: clamp(20px,calc(40 / 880 * 100vw),40px);
  height: clamp(2px,calc(4 / 880 * 100vw),4px);
  right: calc(30 / 880 * 100%);
}

  .faq__area .faq__atext {
    background-image: url(img/qa_ic_a_pc.png);
    -webkit-background-size:  clamp(40px,calc(80 / 880 * 100vw),80px) auto;
    background-size: clamp(40px,calc(80 / 880 * 100vw),80px) auto;
    background-position: 0 clamp(10px,calc(20 / 750 * 100vw),20px);
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: nowrap;
    flex-wrap: nowrap;
    -ms-align-items: center;
    align-items: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: flex-start;
    min-height: clamp(45px,calc(90 / 920 * 100vw),90px);
    box-sizing: border-box;
    padding: calc(20 / 880 * 100%) calc(20 / 880 * 100%) calc(20 / 880 * 100%) calc(110 / 880 * 100%);
    width: 100%;
    position: relative;
  }
  .faq__area .faq__atext p {
    --fs:18;
    font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 880 * 100vw), calc(var(--fs)* 1px));
    line-height: calc(38 / 18 * 1em);
    width: 100%;
    padding-left: 0;
    margin: 0;
  }

  
}


/*-------------*/
.mitsumori {
  position: relative;
}
.mitsumori .box {
  position: relative;
  z-index: 2;
}
.mitsumori:after {
  content: "";
  display: block;
  width: 100%;
  height: calc(100% - 120px);
  background: url(img/bg_grid2.png) repeat top center;
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: 1;
}
.mitsumori__item {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1100px;
}
.mitsumori__box {
  display: block;
  position: relative;
  margin: 0 auto;
}
.mitsumori__text {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  z-index: 2;
  box-sizing: border-box;
  padding: clamp(10px,calc(20 / 750 * 100vw),20px) clamp(35px,calc(70 / 750 * 100vw),70px);
  --fs:28;
  font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 750 * 100vw), calc(var(--fs)* 1px));
  line-height: calc(48 / 28 * 1em);
  font-weight: 500;
}
@media screen and (min-width:750px){
  
  .mitsumori__text {
    padding: clamp(10px,calc(20 / 1100 * 100vw),20px) clamp(50px,calc(100 / 1100 * 100vw),100px);
    --fs:18;
    font-size: clamp(calc((var(--fs)/ 2) * 1px), calc(var(--fs)/ 1100 * 100vw), calc(var(--fs)* 1px));
    line-height: calc(38 / 18 * 1em);
  }
  .mitsumori__item:nth-of-type(odd) .mitsumori__text{
    padding-right: clamp(290px,calc(580 / 1100 * 100vw),580px);
  }
  .mitsumori__item:nth-of-type(even) .mitsumori__text{
    padding-left: clamp(290px,calc(580 / 1100 * 100vw),580px);
  }
}