@charset "utf-8";
/* CSS Document */
/* top.css */


@media screen and (min-width:750px){
  #fv {
    margin: 0 auto 50px;
    background: url(img/fv_pc_bg.png) repeat-x top center;
  }
}

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

.cta {
  display: block;
  margin: 0 auto;
  max-width: 1000px;
}
.cta.cta--m0 {
  margin: 0 auto;
} 
.cta .cta__box {
  position: relative;
  display: block;
}
.cta .cta__btn {
  position: absolute;
  bottom: calc(70 / 680 * 100%);
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc((750 - 676) / 750 * 100% * 0.5);
}
.cta .cta__text {
  box-sizing: border-box;
  background: #ffdd17;
  color: #111111;
  text-align: center;
  font-size: calc(36 / 26 * 1em);
  font-weight: 700;
  padding: calc(40 / 750 * 100%) calc(10 / 750 * 100%) calc(40 / 750 * 100%);
  letter-spacing: 0;
  position: relative;
  margin-top: -1px;
}
.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(0px,calc(80 / 1000 * 100%),80px) auto;
  }
.cta .cta__btn {
  position: absolute;
  bottom: calc(50 / 480 * 100%);
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: 0 calc((1000 - 896) / 1000 * 100% * 0.5);
}
.cta .cta__text {
  box-sizing: border-box;
  font-size: calc(30 / 16 * 1em);
  padding: 20px 10px 20px;
  letter-spacing: 0.06em;
  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;
  }
.cta .cta__timer {
  font-size: calc(46 / 30 * 1em);
  line-height: 1.3em;
  margin: 0 .5em 0 0;
}
.cta .cta__timer span {
  font-size: calc(36 / 46 * 1em);
}

.cta p {
  margin: 0 ;
}

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

.nest__box {
  position: relative;
  display: block;
  margin: 0 auto;
}
.nest__text {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: calc( 30 / 750 * 100%) calc( 330 / 750 * 100%) calc( 40 / 750 * 100%) calc( 80 / 750 * 100%);
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  line-height: calc(50 / 28 * 1em);
  font-weight: 500;
  letter-spacing: 0.04em;
}

.about__box {
  position: relative;
  display: block;
  margin: 0 auto;
}
.about__text {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  text-align: center;
  padding: calc( 0 / 750 * 100%) calc( 60 / 750 * 100%) calc( 40 / 750 * 100%) calc( 60 / 750 * 100%);
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  line-height: calc(70 / 28 * 1em);
  font-weight: 500;
  letter-spacing: 0.06em;
}
.reason__text {
  display: block;
  box-sizing: border-box;
  width: 100%;
  text-align: left;
  padding: calc( 5 / 750 * 100%) calc( 80 / 750 * 100%) calc( 5 / 750 * 100%) calc( 80 / 750 * 100%);
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 28 * 1em);
  font-weight: 500;
  letter-spacing: 0.06em;
  background-image: url(img/reason_sp_02.png);
  background-repeat: repeat-y;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
}
.reason__text--01 {
  background-image: url(img/reason_sp_02.png);
}
.reason__text--02 {
  background-image: url(img/reason_sp_05.png);
}
.reason__text--03 {
  background-image: url(img/reason_sp_08.png);
}
.reason__text span {
  color: red;
}

.quotation__box {
  position: relative;
  display: block;
  margin: 0 auto;
}
.quotation__text {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: calc( 20 / 750 * 100%) calc( 80 / 750 * 100%) calc( 20 / 750 * 100%) calc( 80 / 750 * 100%);
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  line-height: calc(50 / 28 * 1em);
  font-weight: 500;
  letter-spacing: 0.04em;
}

@media screen and (min-width:750px){
  .case {
    max-width: 1000px;
    margin: 80px auto;
  }
  .kujo {
    display: block;
    margin: 0 auto;
    background: #d9eef9;
  }
  .no1 {
    display: block;
    margin: 0 auto;
    background: #fff1c4;
  }
  .place {
    position: relative;
    display: block;
    margin: 0 auto;
    background: #fffaa3;
  }
  .place:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 300px;
    background: #fff;
  }
  .place__box {
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 2;
  }
  .service {
    position: relative;
    display: block;
    margin: 0 auto;
    background: #fffaa3;
  }
  .service:before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 270px;
    background: #ffe333;
  }
  .service__box {
    position: relative;
    display: block;
    margin: 0 auto;
    z-index: 2;
  }
  
.nest {
  position: relative;
  display: block;
  margin: 50px auto;
  max-width: 1000px;
}
.nest__text {
  display: block;
  box-sizing: border-box;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  padding: calc( 30 / 1000 * 100%) calc( 80 / 1000 * 100%) calc( 30 / 1000 * 100%) calc( 480 / 1000 * 100%);
  font-size: clamp(9px,calc(18 / 1000 * 100vw),18px);
  line-height: calc(36 / 18 * 1em);
  font-weight: 500;
  letter-spacing: 0.1em;
}

  .nest + .cta {
    margin-top: 50px;
  }
  .flow {
    background: #fffaa3;
    margin: 0 auto;
  }
  .sodan {
    margin: 0 auto;
    background: #fffaa3;
  }
  
  .about {
    background: #a2dcf3;
    margin: 80px auto;
  }
  .about__box {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 1600px;
  }
  .about__text {
    display: block;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    text-align: center;
    padding: calc( 0 / 1600 * 100%) calc( 435 / 1600 * 100%) calc( 40 / 1600 * 100%) calc( 435 / 1600 * 100%);
    font-size: clamp(10px,calc(20 / 1600 * 100vw),20px);
    line-height: calc(50 / 20 * 1em);
    font-weight: 500;
    letter-spacing: 0.1em;
  }
  
  
  .reason {
    position: relative;
    display: block;
    margin: 80px auto;
    background: #fffaa3;
    width: 100%;
  }
  .reason:before {
    content: "";
    display: block;
    width: 100%;
    height: 220px;
    z-index: 1;
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
  }
  .reason__box {
    position: relative;
    display: block;
    z-index: 3;
    margin: 0 auto;
    max-width: 1000px;
  }
  .reason__text {
    display: block;
    box-sizing: border-box;
    width: 100%;
    text-align: left;
    padding: calc( 20 / 1000 * 100%) calc( 80 / 1000 * 100%) calc( 15 / 1000 * 100%) calc( 80 / 1000 * 100%);
    font-size: clamp(9px,calc(18 / 1000 * 100vw),18px);
    font-feature-settings: 'palt' 1;
    line-height: calc(36 / 18 * 1em);
    font-weight: 500;
    letter-spacing: 0.1em;
    background-image: url(img/reason_pc_02.png),url(img/reason_pc_bg.png);
    background-repeat: no-repeat , repeat-y;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
  }
  .reason__text--01 {
    background-image: url(img/reason_pc_02.png),url(img/reason_pc_bg.png);
    padding-left: calc( 435 / 1000 * 100%);
  }
  .reason__text--02 {
    background-image: url(img/reason_pc_05.png),url(img/reason_pc_bg.png);
    padding-right: calc( 435 / 1000 * 100%);
  }
  .reason__text--03 {
    background-image: url(img/reason_pc_08.png),url(img/reason_pc_bg.png);
    padding-left: calc( 435 / 1000 * 100%);
  }
  .reason__text span {
    color: red;
  }
  .media {
    margin: 0 auto;
    background: #f99a3e;
  }
  .onayami__box {
    margin: 0 auto;
    background: #f4e2cc;
  }

  
}


/* ---------------------------------------------------- */
.faq {
  box-sizing: border-box;
  display: block;
  padding: calc(30 / 750 * 100%);
  margin: 0 auto calc(20 / 750 * 100%);
}
.faq h2 {
  display: block;
  margin: 0 auto;
}
.faq__item {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: 0;
  margin: calc(30 / 690 * 100%) auto;
}

.faq__q {
  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: #ffdd17;
  background-image: url(img/qa_q_ic.png),url(img/qa_q_bg.svg);
  background-position:  calc(17 / 690 * 100%)  50%, 0 0;
  -webkit-background-size: calc(65 / 690 * 100%) auto , auto 100%;
  background-size: calc(65 / 690 * 100%) auto , auto 100%;
  background-repeat: no-repeat;
  cursor: pointer;
  box-sizing: border-box;
  padding: calc(20 / 750 * 100%) calc(100 / 750 * 100%) calc(20 / 750 * 100%) calc(140 / 750 * 100%) ;
  font-size: clamp(18px,calc(36 / 750 * 100vw),36px);
  line-height: calc(50 / 36 * 1em);
  font-weight: 700;
  letter-spacing: 0.06em;
  position: relative;
}
  .faq .faq__q:before {
    content: "";
    display: block;
    width: calc(50 / 750 * 100%);
    height: 2px;
    background: #111;
    position: absolute;
    top: calc(50% - 1px);
    right: calc(40 / 900 * 100%);
    transition: all .5s ease;
    transform: rotate(0deg);
  }
  .faq .faq__q:after{
    content: "";
    display: block;
    width: calc(50 / 750 * 100%);
    height: 2px;
    background: #111;
    position: absolute;
    top: calc(50% - 1px);
    right: calc(40 / 900 * 100%);
    transition: all .5s ease;
    transform: rotate(90deg);
  }
  .faq .faq__q.faq--open:before {
    content: "";
    transform: rotate(180deg);
  }
  .faq .faq__q.faq--open:after{
    content: "";
    transform: rotate(180deg);
  }
  .faq .faq__atext {
    background-color: #fff;
    position: relative;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: calc(30 / 750 * 100%) calc(30 / 750 * 100%);
    font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
    line-height: calc(50 / 28 * 1em);
    font-weight: 500;
    font-feature-settings: 'palt' 1;
    letter-spacing: 0.06em;
  }



@media screen and (min-width:750px){

  /* -------- */
  .faq {
    padding: 0px 0 10px;
    position: relative;
    margin: 50px auto;
  }
  .faq .faq__ttl {
    margin: 0 auto 20px;
    position: relative;
    z-index: 2;
  }
  .faq .faq__box {
    box-sizing: border-box;
    max-width: 840px;
    margin: 20px auto;
    width: calc(840 / 1000 * 100%);
  }
  .faq .faq__item {
    margin: clamp(10px,calc(20 / 1000 * 100%),20px) auto;
    width: 100%;
  }
  .faq__q {
    background-color: #ffdd17;
    background-image: url(img/qa_q_ic.png),url(img/qa_q_bg.svg);
    background-position:  calc(15 / 840 * 100%)  50%, 0 0;
    -webkit-background-size: calc(40 / 840 * 100%) auto , auto 100%;
    background-size: calc(40 / 840 * 100%) auto , auto 100%;
    background-repeat: no-repeat;
    cursor: pointer;
    box-sizing: border-box;
    padding: calc(20 / 840 * 100%) calc(70 / 840 * 100%) calc(20 / 840 * 100%) calc(100 / 840 * 100%) ;
    font-size: clamp(14px,calc(28 / 840 * 100vw),28px);
    line-height: calc(50 / 28 * 1em);
    font-weight: 700;
    letter-spacing: 0.06em;
    position: relative;
    min-height: 100px;
  }
  .faq .faq__q:before {
    content: "";
    display: block;
    width: calc(40 / 900 * 100%);
    height: 4px;
    position: absolute;
    top: calc(50% - 1px);
    right: calc(40 / 900 * 100%);
    transition: all .5s ease;
    transform: rotate(0deg);
  }
  .faq .faq__q:after{
    content: "";
    display: block;
    width: calc(40 / 900 * 100%);
    height: 4px;
    position: absolute;
    top: calc(50% - 1px);
    right: calc(40 / 900 * 100%);
    transition: all .5s ease;
    transform: rotate(90deg);
  }
  .faq .faq__q.faq--open:before {
    content: "";
    transform: rotate(180deg);
  }
  .faq .faq__q.faq--open:after{
    content: "";
    transform: rotate(180deg);
  }
  .faq .faq__a {
    position: relative;
    margin: 0 auto;
    padding: 0;
  }
  .faq .faq__atext {
    background-color: #fff;
    position: relative;
    width: 100%;
    margin: 0;
    box-sizing: border-box;
    padding: calc(20 / 900 * 100%) calc(40 / 900 * 100%) calc(30 / 900 * 100%) calc(40 / 900 * 100%);
    font-size: clamp(9px,calc(18 / 900 * 100vw),18px);
    line-height: calc(36 / 18 * 1em);
    font-weight: 500;
    font-feature-settings: 'palt' 1;
    letter-spacing: 0.06em;
  }
  .faq__att {
    font-size: calc(14 / 18 * 1em);
    line-height: 1.75em;
  }
  
  
  /* --------- */
  .quotation {
    margin: 0 auto 0px;
    position: relative;
    background: #edf0f2 url(img/quotation_pc_bg.png) no-repeat top center;
  }
  .quotation .quotation__box {
    position: relative;
    display: block;
    margin: 0 auto;
    max-width: 1000px;
  }
  .quotation .quotation__textbox {
    position: relative;
    display: block;
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
  }
  .quotation__text {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    box-sizing: border-box;
    display: block;
    padding: calc(20 / 1000 * 100%) calc(130 / 1000 * 100%) calc(20 / 1000 * 100%) calc(130 / 1000 * 100%);
    font-size: clamp(9px,calc(18 / 900 * 100vw),18px);
    line-height: calc(36 / 18 * 1em);
    font-weight: 500;
    font-feature-settings: 'palt' 1;
    letter-spacing: 0.06em;
  }
  .quotation__box--01 .quotation__text ,
  .quotation__box--03 .quotation__text {
    padding-left: calc(450 / 1000 * 100%);
  }
  .quotation__box--02 .quotation__text {
    padding-right: calc(450 / 1000 * 100%);
  }
  .area {
    margin: 0 auto;
    background: #d4f1ff;
  }
  .coupon {
    display: block;
    margin: 80px auto;
  }


}