@charset "utf-8";
/* CSS Document */
/* top.css */
.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(50 / 800 * 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: #ac6d00 url(img/cta_bg_sp.png) no-repeat bottom left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  color: #fff;
  text-align: center;
  font-size: calc(38 / 26 * 1em);
  font-weight: 700;
  padding: calc(25 / 750 * 100%) calc(10 / 750 * 100%) calc(65 / 750 * 100%);
  letter-spacing: 0;
  position: relative;
  margin-top: -1px;
}
.cta .cta__timer {
  display: inline-block;
  margin-bottom: .5em;
  color: var(--c3);
  font-size: calc(48 / 38 * 1em);
}
.cta .cta__timer span {
  font-size: calc(38 / 48 * 1em);
}
.cta p {
  margin: 0 auto;
}
@media screen and (min-width:750px){
  .cta {
    margin: 100px auto;
  }
  .cta.cta--m0 {
    margin: 0 auto;
  } 
  .cta .cta__btn {
    position: absolute;
    bottom: calc(50 / 590 * 100%);
    left: 0;
    width: 100%;
    box-sizing: border-box;
    padding: 0 calc((1000 - 896) / 1000 * 100% * 0.5);
  }
  .cta .cta__text {
    background: #ac6d00 ;
    box-sizing: border-box;
    font-size: calc(30 / 16 * 1em);
    padding: 26px 10px 30px;
    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 ;
  }

}

/*-------------------------------------------------*/
.calculator {
  background-image: -moz-linear-gradient( 0deg, rgb(0,153,217) 0%, rgb(0,71,135) 100%);
  background-image: -webkit-linear-gradient( 0deg, rgb(0,153,217) 0%, rgb(0,71,135) 100%);
  background-image: -ms-linear-gradient( 0deg, rgb(0,153,217) 0%, rgb(0,71,135) 100%);
  box-sizing: border-box;
  display: block;
  margin: 0 auto;
  padding: calc(20 / 750 * 100%);
}
.calculator .calculator__area {
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: clamp(15px,calc(30 / 750 * 100vw),30px);
  padding: calc(40 / 690 * 100%) calc(30 / 690 * 100%);
}
.calculator .calculator__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;
  margin: calc(40 / 690 * 100%) auto;
}

.calculator label {
  font-size: calc(30 / 26 * 1em);
  font-weight: 700;
  width: 48%;
  display: block;
}
.calculator select {
  border-radius: clamp(5px,calc(10 / 750 * 100vw),10px);
  border: 1px solid #cccccc;
  box-sizing: border-box;
  font-size: calc(30 / 26 * 1em);
  padding: .8em .5em;
  width: 50%;
}
.calculator .calculator__btn {
  width: 100%;
  margin: 0 auto;
}
.calculator .calculator__btnimage {
  display: block;
  background-image: url(img/estimate_btn_sp.png);
  -webkit-background-size: contain;
  background-size: contain;
  background-repeat: no-repeat;
  width: calc(570 / 690 * 100%);
  height: 0;
  overflow: hidden;
  cursor: pointer;
  padding-bottom: calc(100 / 690 * 100%);
  margin: 0 auto;
  text-indent: -9999px;
}
#calculator__popup {
  background: #cce3fa;
  padding: 3%;
}
#calculator__popup .calculator__result {
  background: #fff;
  box-sizing: border-box;
  overflow: hidden;
  position: relative;
  border-radius: clamp(15px,calc(30 / 750 * 100vw),30px);
  padding: calc(40 / 690 * 100%) calc(30 / 690 * 100%);
}
.calculator__modal--close {
  display: block;
  width: calc(360 / 750 * 100%);
  margin: calc(70 / 750 * 100%) auto 0;
  text-align: center;
  border: 1px solid var(--c1);
  border-radius: 3em;
  font-size: calc(28 / 26 * 1em);
  box-sizing: border-box;
  padding: .5em;
  cursor: pointer;
}
.calculator__titl {
  font-weight: bold;
  color: #0073e6;
  font-size: 1.8em;
  text-align: center;
  line-height: 1.3em;
  margin: 0;
}
.calculator__box {
  background: #f2f2f2;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 3%;
}
.calculator__result small {
  display: block;
  width: 95%;
  margin: 3% auto 0;
  text-align: justify;
  font-size: .7em;
  line-height: 1.5em;  
}
.calculator__box_mitumori {
  background: #0073e6;
  color: #fff;
  font-size: 1.3em;
  padding: .3em 0;
  text-align: center;
}
.calculator__box_text {
  text-align: center;
}
.calculator__resulttext {
  text-align: center;
  background: #fff;
  color: #0073e6;
  width: 90%;
  border-radius: .5em;
  margin: 0 auto;
  font-weight: bold;
  font-size: 1.3em;
  padding: 3% 0;
}

/*-------------------------------------------------*/
.case__item {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
}
.case__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  z-index: 2;
}
.case__item--01 .case__box {
  top: calc(190 / 982 * 100%);
}
.case__item--02 .case__box {
  top: calc(190 / 950 * 100%);
}
.case__item--03 .case__box {
  top: calc(190 / 1028 * 100%);
}
.case__higai {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: calc(10 / 750 * 100%) calc(60 / 750 * 100%) calc(0 / 750 * 100%) calc(345 / 750 * 100%);
  margin: 0 auto;
}
.case__item--01 .case__higai {
  min-height: clamp(150px,calc(320 / 750 * 100vw ),320px);
}
.case__item--02 .case__higai {
  min-height: clamp(160px,calc(335 / 750 * 100vw ),335px);
}
.case__item--03 .case__higai {
  min-height: clamp(160px,calc(335 / 750 * 100vw ),335px);
}
.case__item .case__higaisttl {
  font-size: clamp(15px,calc(30 / 750 * 100vw),30px);
  font-weight: 600;
  letter-spacing: 0.04em;
  font-feature-settings: 'palt' 1;
  border-bottom: 1px solid;
  padding-bottom: .3em;
  margin-bottom: .2em;
}
.case__item .case__hgiaitext {
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-weight: 500;
  letter-spacing: 0.04em;
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 28 * 1em);
}
.case__item .case__kujo {
  display: block;
  width: 100%;
  box-sizing: border-box;
  padding: calc(0 / 750 * 100%) calc(60 / 750 * 100%) calc(10 / 750 * 100%) calc(60 / 750 * 100%);
  margin: 0 auto;
}
.case__item .case__kujosttl {
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-weight: 500;
  letter-spacing: 0.04em;
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 28 * 1em);
}
.case__item .case__kujosttl span {
  background: #111111;
  color: #fff;
  display: inline-block;
  box-sizing: border-box;
  padding: 1px 1.5em 1px 0.6em;
  clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
  position: relative;
  z-index: 3;
}
.case__item .case__kujotext {
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-weight: 500;
  letter-spacing: 0.04em;
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 28 * 1em);
  border: 1px solid;
  border-radius: 0 clamp(20px,calc(40 / 750 * 100vw),40px) 0 0;
  box-sizing: border-box;
  padding: calc(30 / 630 * 100%) calc(20 / 630 * 100%) calc(10 / 630 * 100%) calc(20 / 630 * 100%);
  margin-top: -1em;
}
.case__item .case__kujotext span {
  color: #e60000;
  background: #000;
  background: #FDFF45;
  background: -webkit-linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
  background: -moz-linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
  background: linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FDFF45", endColorstr="#FDFF45", GradientType=0);
}

/*-----------*/

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

  .case__item--01 .case__box {
    top: calc(180 / 708 * 100%);
  }
  .case__item--02 .case__box {
    top: calc(180 / 700 * 100%);
  }
  .case__item--03 .case__box {
    top: calc(190 / 762 * 100%);
  }
  .case__higai {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: calc(10 / 1100 * 100%) calc(170 / 1100 * 100%) calc(0 / 1100 * 100%) calc(170 / 1100 * 100%);
    margin: 0 auto;
  }
  .case__item--01 .case__higai {
    min-height: auto;
    padding-left: calc(470 / 1100 * 100%);
  }
  .case__item--02 .case__higai {
    min-height: auto;
    padding-right: calc(470 / 1100 * 100%);
  }
  .case__item--03 .case__higai {
    min-height: auto;
    padding-left: calc(470 / 1100 * 100%);
  }
  .case__item .case__higaisttl {
    font-size: clamp(12px,calc(24 / 1100 * 100vw),24px);
    font-weight: 600;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt' 1;
    border-bottom: 1px solid;
    padding-bottom: .5em;
    margin-bottom: .5em;
  }
  .case__item .case__hgiaitext {
    font-size: clamp(9px,calc(18 / 1100 * 100vw),18px);
    font-weight: 500;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt' 1;
    line-height: calc(36 / 18 * 1em);
  }
  .case__item .case__kujo {
    display: block;
    width: 100%;
    box-sizing: border-box;
    padding: calc(20 / 1100 * 100%) calc(170 / 1100 * 100%) calc(0 / 1100 * 100%) calc(170 / 1100 * 100%);
    margin: 0 auto;
  }
  .case__item--01 .case__kujo {
    min-height: auto;
    padding-left: calc(470 / 1100 * 100%);
  }
  .case__item--02 .case__kujo {
    min-height: auto;
    padding-right: calc(470 / 1100 * 100%);
  }
  .case__item--03 .case__kujo {
    min-height: auto;
    padding-left: calc(470 / 1100 * 100%);
  }
  .case__item .case__kujosttl {
    font-size: clamp(11px,calc(22 / 1100 * 100vw),22px);
    font-weight: 500;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt' 1;
    line-height: calc(50 / 28 * 1em);
  }
  .case__item .case__kujosttl span {
    background: #111111;
    color: #fff;
    display: inline-block;
    box-sizing: border-box;
    padding: 1px 1.5em 1px 0.6em;
    clip-path: polygon(0% 0%, 85% 0%, 100% 50%, 85% 100%, 0% 100%);
    position: relative;
    z-index: 3;
    line-height: 1.6em;
  }
  .case__item .case__kujotext {
    font-size: clamp(9px,calc(18 / 1100 * 100vw),18px);
    font-weight: 500;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt' 1;
    line-height: calc(34 / 18 * 1em);
    border: 1px solid;
    border-radius: 0 clamp(10px,calc(20 / 1100 * 100vw),20px) 0 0;
    box-sizing: border-box;
    padding: calc(30 / 460 * 100%) calc(20 / 460 * 100%) calc(20 / 460 * 100%) calc(20 / 460 * 100%);
    margin-top: -1.15em;
  }
  .case__item .case__kujotext span {
    color: #e60000;
    background: #000;
    background: #FDFF45;
    background: -webkit-linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
    background: -moz-linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
    background: linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FDFF45", endColorstr="#FDFF45", GradientType=0);
  }


}

/*-------------------------------------------------*/

.reason__item {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1600px;
}
.reason__box {
  position: relative;
  display: block;
  margin: 0 auto;
  width: 100%;
}
.reason__text {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: calc(20 / 750 * 100%) calc(70 / 750 * 100%) calc(30 / 750 * 100%) calc(70 / 750 * 100%);
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-weight: 500;
  letter-spacing: 0.06em;
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 28 * 1em);
}
.reason__item--01 .reason__text {
  top: calc( 610 / 860 * 100%);
}
.reason__item--02 .reason__text {
  top: calc( 610 / 960 * 100%);
}
.reason__item--03 .reason__text {
  top: calc( 610 / 810 * 100%);
}
.reason__item--04 .reason__text {
  top: calc( 610 / 810 * 100%);
}


@media screen and (min-width:750px){
  .reason__text {
    font-size: clamp(9px,calc(18 / 1600 * 100vw),18px);
    font-weight: 500;
    letter-spacing: 0.04em;
    font-feature-settings: 'palt' 1;
    line-height: calc(34 / 18 * 1em);
    padding: calc(0 / 1600 * 100%) calc(380 / 1600 * 100%) calc(30 / 1600 * 100%) calc(380 / 1600 * 100%);

  }
  .reason__item--01 .reason__text {
    top: calc( 200 / 360 * 100%);
    padding-left: calc(740 / 1600 * 100%);
  }
  .reason__item--02 .reason__text {
    top: calc( 200 / 380 * 100%);
    padding-right: calc(740 / 1600 * 100%);
  }
  .reason__item--03 .reason__text {
    top: calc( 200 / 360 * 100%);
    padding-left: calc(740 / 1600 * 100%);
  }
  .reason__item--04 .reason__text {
    top: calc( 200 / 320 * 100%);
    padding-right: calc(740 / 1600 * 100%);
  }
}

/*---------*/



/*--------------------------------------------*/
.ecology__item {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1000px;
}
.ecology__box {
  position: absolute;
  top: 0;
  left: 0;
  padding: calc(74 / 750 * 100%) calc(80 / 750 * 100%) calc(30 / 750 * 100%) calc(250 / 750 * 100%);
  display: block;
  box-sizing: border-box;
}
.ecology__text {
  font-size: clamp(12px,calc(24 / 750 * 100vw),24px);
  font-weight: 500;
  letter-spacing: 0.06em;
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 24 * 1em);
}
@media screen and (min-width:750px){
  .ecology__box {
    padding: calc(80 / 1000 * 100%) calc(120 / 1000 * 100%) calc(30 / 1000 * 100%) calc(370 / 1000 * 100%);
  }
  .ecology__item--02 .ecology__box {
    padding: calc(80 / 1000 * 100%) calc(370 / 1000 * 100%) calc(30 / 1000 * 100%) calc(120 / 1000 * 100%);
  }
  .ecology__text {
    font-size: clamp(9px,calc(18 / 1000 * 100vw),18px);
    line-height: calc(36 / 18 * 1em);
  }
}

/*--------------------------------------------*/
.investigation__item {
  position: relative;
  display: block;
  margin: 0 auto;
  max-width: 1100px;
}
.investigation__text {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  box-sizing: border-box;
  padding: calc(40 / 750 * 100%) calc(70 / 750 * 100%) calc(60 / 750 * 100%) calc(290 / 750 * 100%);
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-weight: 500;
  letter-spacing: 0.06em;
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 28 * 1em);
}
.investigation__text span {
  font-size: calc(32 / 28 * 1em);
  font-weight: 600;
  letter-spacing: 0.04em;
  color: #e60000;
  background: #000;
  background: #FDFF45;
  background: -webkit-linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
  background: -moz-linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
  background: linear-gradient(0deg, rgba(253, 255, 69, 1) 0%, rgba(253, 255, 69, 1) 25%, rgba(253, 255, 69, 0) 26%, rgba(253, 255, 69, 0) 100%);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#FDFF45", endColorstr="#FDFF45", GradientType=0);
}
@media screen and (min-width:750px){
  .investigation__text {
    padding: calc(50 / 1100 * 100%) calc(210 / 1100 * 100%) calc(50 / 1100 * 100%) calc(210 / 1100 * 100%);
    font-size: clamp(9px,calc(18 / 1100 * 100vw),18px);
    font-weight: 500;
    letter-spacing: 0.06em;
    font-feature-settings: 'palt' 1;
    line-height: calc(36 / 18 * 1em);
  }
  .investigation__text span {
    font-size: calc(26 / 18 * 1em);
  }
  .investigation__item--01 .investigation__text ,
  .investigation__item--03 .investigation__text {
    padding-left: calc(510 / 1100 * 100%);
  }
  .investigation__item--02 .investigation__text ,
  .investigation__item--04 .investigation__text {
    padding-right: calc(500 / 1100 * 100%);
  }
}







/*--------------------------------------------*/
.faq {
  margin: 0 auto;
  background: #d4f1ff;
  box-sizing: border-box;
  display: block;
  padding-bottom: calc(40 / 750 * 100%);
}
.faq__item {
  display: block;
  width: 100%;
  margin: 0 auto calc(30 / 750 * 100%);
  max-width: 1000px;
}
.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;
  margin: 0 auto;
  cursor: pointer;
  background-image: url(img/faq_sp_q_02.png),url(img/faq_sp_q_01.png),url(img/faq_sp_q_bg.png);
  background-repeat: no-repeat , no-repeat , repeat;
  background-position: bottom left, top left , top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: calc(20 / 750 * 100%) calc(120 / 750 * 100%) calc(20 / 750 * 100%) calc(138 / 750 * 100%);
  color: #fff;
  font-size: clamp(17px,calc(34 / 750 * 100vw),34px);
  font-weight: 700;
  letter-spacing: 0.08em;
  font-feature-settings: 'palt' 1;
  line-height: calc(52 / 34 * 1em);
}
.faq__q--min {
  font-size: clamp(16px,calc(32 / 750 * 100vw),32px);  
}
.faq__q:before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: calc(50 / 690 * 100%);
  height: clamp(2px,calc(4 / 750 * 100vw),4px);
  width: clamp(25px,calc(50 / 750 * 100vw),50px);
  background: #fff;
  transition: all .5s ease;
  opacity: 1;
}
.faq__q:after{
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  right: calc(50 / 690 * 100%);
  height: clamp(2px,calc(4 / 750 * 100vw),4px);
  width: clamp(25px,calc(50 / 750 * 100vw),50px);
  background: #fff;
  transition: all .5s ease;
  opacity: 1;
  transform: rotate(90deg);
}
.faq__q.faq--open:before {
  content: "";
  transform: rotate(90deg);
  opacity: 0;
}
.faq__q.faq--open:after {
  content: "";
  transform: rotate(180deg);
}

.faq__a {
  width: 100%;
}
.faq__atext {
  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;
  margin: 0 auto;
  background-image: url(img/faq_sp_a_02.png),url(img/faq_sp_a_01.png),url(img/faq_sp_a_bg.png);
  background-repeat: no-repeat , no-repeat , repeat;
  background-position: bottom left, top left , top left;
  -webkit-background-size: 100% auto;
  background-size: 100% auto;
  box-sizing: border-box;
  padding: calc(30 / 750 * 100%) calc(60 / 750 * 100%) calc(30 / 750 * 100%) calc(138 / 750 * 100%);
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-weight: 500;
  letter-spacing: 0.12em;
  font-feature-settings: 'palt' 1;
  line-height: calc(52 / 34 * 1em);
}
.faq__item img {
  width: 100%;
  height: auto;
  max-width: inherit;
  max-inline-size: inherit;
  max-block-size: inherit;
}

/* ---------------------------------------------------- */
.quotation__item {
  display: block;
  position: relative;
  margin: 0 auto;
  max-width: 1100px;
}
.quotation__box {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  box-sizing: border-box;
  display: block;
  padding: calc(524 / 750 * 100%) calc(70 / 750 * 100%) calc(60 / 750 * 100%) calc(70 / 750 * 100%);
}
.quotation__text {
  font-size: clamp(14px,calc(28 / 750 * 100vw),28px);
  font-weight: 500;
  letter-spacing: 0.08em;
  font-feature-settings: 'palt' 1;
  line-height: calc(50 / 28 * 1em);
  color: #fff;
  text-align: justify;

}
@media screen and (min-width:750px){
  .quotation__box {
    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;
    padding: calc(140 / 1100 * 100%) calc(175 / 1100 * 100%) calc(90 / 1100 * 100%) calc(600 / 1100 * 100%);
  }
  .quotation__item--03 .quotation__box {
    padding-bottom: calc(110 / 1100 * 100%) ;
  }
  .quotation__text {
    font-size: clamp(9px,calc(18 / 1100 * 100vw),18px);
    font-weight: 500;
    letter-spacing: 0.1em;
    font-feature-settings: 'palt' 1;
    line-height: calc(36 / 18 * 1em);

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

@media screen and (min-width:750px){
  .fv {
    margin: 0 auto 50px;
  }
  .no1 {
    background: #eee0d7;
    margin: 100px auto 50px;
  }
  .zenkoku {
    display: block;
    max-width: 1100px;
    margin: 50px auto 50px;
  }
  .pro {
    display: block;
    margin: 0 auto;
    width: 100%;
  }
  .pro__box--01 {
    background: #f6f7f6;
  }
  .pro__box--02 {
    background: #d4f1ff;
  }
  .pro__box--03 {
    background: #004787;
  }

  .check {
    margin: 60px auto 50px;
    max-width: 900px;
    display: block;
  }
  .calculator .calculator__area {
    background: #fff;
    box-sizing: border-box;
    overflow: hidden;
    position: relative;
    padding: calc(40 / 840 * 100%) calc(40 / 840 * 100%);
  }
  .calculator .calculator__item {
    width: 100%;
    max-width: 660px;
    margin: 20px auto;
  }
  .calculator .calculator__ttl {
    margin-bottom: 35px;
  }
  .calculator label {
    font-size: 22px;
  }
  .calculator select {
    font-size: 18px;
  }
  .calculator .calculator__btn {
    max-width: 500px;
    margin-top: 30px;
  }
  .calculator .calculator__btnimage {
    display: block;
    background-image: url(img/estimate_btn_pc.png);
    -webkit-background-size: contain;
    background-size: contain;
    background-repeat: no-repeat;
    width: 100%;
    height: 0;
    overflow: hidden;
    cursor: pointer;
    padding-bottom: calc(80 / 500 * 100%);
    margin: 0 auto;
    text-indent: -9999px;
  }
  #calculator__popup {
    background: #cce3fa;
    max-width: 830px;
    padding: 30px 0;
    margin: 0 auto;
    text-align: center;
  }
  #calculator__popup .calculator__result {
    max-width: 800px;
    margin: 0 auto;
    padding: 50px;
  }
  .calculator__modal--close {
    width: 200px;
  }
  .calculator__titl {
    font-weight: bold;
    color: #0073e6;
    font-size: 2.4em;
    text-align: center;
    line-height: 1.3em;
    margin: 0;
  }
  .calculator__result small {
    display: block;
    width: 95%;
    margin: 3% auto 0;
    text-align: justify;
    font-size: 1em;
    line-height: 1.7em;  
  }
  .calculator__box_mitumori {
    background: #0073e6;
    color: #fff;
    font-size: 1.6em;
    padding: .5em 0;
  }
  .calculator__resulttext {
    text-align: center;
    background: #fff;
    color: #0073e6;
    width: 90%;
    border-radius: .5em;
    margin: 0 auto;
    font-weight: bold;
    font-size: 2em;
    padding: 3% 0;
  }
  .fee {
    margin: 0 auto;
    background: url(img/fee_bg_rp.png) repeat-x bottom center;
  }
  .service {
    margin: 0 auto 100px;
    background: #d0f0ff url(img/service_bg_rp.png) repeat-x top center;
  }
  .exp {
    display: block;
    margin: 100px auto; 
    background: url(img/bg_exp.png) repeat top center;
  }
  .case {
    max-width: 1100px;
    margin: 100px auto;
    display: block;
  }
  .flow {
    margin: 100px auto 0;
    background: #efefef;
  }
  .media {
    margin: 0 auto 100px;
    background: url(img/media_bg.png) repeat top center;
  }
  .reason {
    background: #fdedb9;
    margin: 100px auto;
  }
  .ecology {
    margin: 100px auto;
    display: block;
  }
  .investigation {
    margin: 100px auto 0;
    width: 100%;
    display: block;
  }
  .investigation__ttl {
    width: 100%;
    display: block;
    background: url(img/bg_grid.png) repeat-x bottom center;
  }
  .faq {
    margin: 60px auto;
  }


  .faq {
    margin: 0 auto 40px;
    padding-bottom: 70px;
  }
  .faq__item {
    display: block;
    width: 100%;
    max-width: 1000px;
    margin: 0 auto 30px;
  }
  .faq__q {
    background-image: url(img/faq_pc_q_02.png),url(img/faq_pc_q_01.png),url(img/faq_pc_q_bg.png);
    background-repeat: no-repeat , no-repeat , repeat;
    background-position: bottom left, top left , top left;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: calc(10 / 1000 * 100%) calc(140 / 1000 * 100%) calc(10 / 1000 * 100%) calc(180 / 1000 * 100%);
    color: #fff;
    font-size: clamp(13px,calc(26 / 1000 * 100vw),26px);
    font-weight: 700;
    letter-spacing: 0.08em;
    font-feature-settings: 'palt' 1;
    line-height: calc(36 / 26 * 1em);
    min-height: clamp(50px,calc(100 / 1000 * 100vw),100px);
  }  
  .faq__q:before {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    right: calc(50 / 690 * 100%);
    height: clamp(2px,calc(4 / 750 * 100vw),4px);
    width: clamp(25px,calc(50 / 750 * 100vw),50px);
    background: #fff;
    transition: all .5s ease;
    opacity: 1;
  }
  .faq__q:before,
  .faq__q:after{
    content: "";
    width: 40px;
  }
  .faq__atext {
    background-image: url(img/faq_pc_a_02.png),url(img/faq_pc_a_01.png),url(img/faq_pc_a_bg.png);
    background-repeat: no-repeat , no-repeat , repeat;
    background-position: bottom left, top left , top left;
    -webkit-background-size: 100% auto;
    background-size: 100% auto;
    box-sizing: border-box;
    padding: calc(30 / 1000 * 100%) calc(100 / 1000 * 100%) calc(20 / 1000 * 100%) calc(180 / 1000 * 100%);
    font-size: clamp( 9px,calc(18 / 1000 * 100vw),18px);
    font-weight: 500;
    letter-spacing: 0.12em;
    font-feature-settings: 'palt' 1;
    line-height: calc(36 / 18 * 1em);
  }
  .area {
    background: #d4f1ff;
    margin: 40px auto;
  }
  .coupon {
    max-width: 900px;
    display: block;
    margin: 100px auto;
  }


}