body{
  font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", sans-serif
}
.main p + p {
  margin: 0;
}

.main p {
  margin: 0;
  font-size: 0;
}

.main img {

}

/*============================
#page_header
============================*/
#page_header{
  padding-bottom: 0;
  border-top: 8px solid #2b645a;
}

#page_header p.logo{
  margin-bottom: 0;
  display: inline-block;
}
/*============================
#main
============================*/
#main img{
  width: 100%;
  vertical-align: top;
  display: block;
  vertical-align: bottom;
  line-height: 0;
  font-size: 0;
}
#main p{
  margin:0;
}
#main [data-target] {
  display: none;
  /* opacity: 0; */
  transition: opacity 0.3s ease, height 0.3s ease;
  /* height: 0; */
  overflow: hidden;
}
#main .pce{
  display: inline-block;
}
#main .spe{
  display: none;
}
#main [data-item] {
  cursor: pointer;
}

/*============================
#fv
============================*/
#main #fv {
}
#main #fv .inner{
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
#main #fv .inner h1{
  max-width: 1400px;
  margin: 0 auto;
  position: relative;
}
#main #fv .inner h1 span{
  position: absolute;
  width: min(calc(14/1400*100%),14px);
  top: 72.8%;
  left: 38.9%;
}

#main #fv .inner .fv-caution{
  position: absolute;
  width: min(calc(640/1400*100%),640px);
  left: 17.8%;
  top: 87%;
}

/*============================
.offer
============================*/
.offer {
  background-color: #e8f6f4;
}
.offer:last-of-type{
  background-color: #FFF;
}
.offer .inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: min(calc(80/1400*100%),80px) min(calc(100/1400*100%),100px);
}
#offer01.offer .inner{
  padding: min(calc(80/1400*100%),80px) min(calc(100/1400*100%),100px)  min(calc(55/1400*100%),55px);
} 

.offer .inner .offer-btnList {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  width:100%;
}

.offer .inner .offer-btnList li{
  width: calc(675/1400*100%);
  position: relative;
}
.offer .inner .offer-btnList li a {
  background-color: #f9d949;
  height: min(calc(100/1400*100vw),100px);
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  color: #000;
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2);
  font-size: min(calc(24/1400*100vw),24px);
  font-weight: bold;
  position: relative;
}
.offer .inner .offer-btnList li a:after{
  content:"";
  display: block;
  position: absolute;
  background-image: url(../img/btn-icon-arrow_pc.png);
  width: calc(50/675*100%);
  padding-top: calc(12/675*100%);
  background-repeat: no-repeat;
  background-size: contain;
  right: 5%;
  transition:all ease 0.3s;
  top:40%;
}
.offer .inner .offer-btnList li a:hover:after{
  right:2%;
}

.offer .inner .offer-btnList .offer-icon.icon-request {
  width: calc(46/675*100%);
  position:absolute;
  left:25%;
}
.offer .inner .offer-btnList .offer-icon.icon-estimate {
  width: calc(46/675*100%);
  position:absolute;
  left:23%;
}

#main .offer .inner .offer-caution{
  font-size: min(calc(18/1400*100vw),18px);
  margin-top: min(calc(15/1400*100vw),15px);
}


@media (max-width:1400px){
  .offer .inner {
    padding: min(calc(80/1400*100%),80px) min(calc(100/1400*100%),100px);
  } 
}

/*============================
#wrecker
============================*/
#wrecker .inner{
  max-width: 1120px;
  margin: 0 auto;

}
#wrecker .wrecker-head{
  background-color: #046658;
}
#wrecker .wrecker-head .inner{
  padding: min(calc(85/1400*100%),85px) 0 min(calc(80/1400*100%),80px);
}
#wrecker .wrecker-head .inner h2{
  width: calc(717/1120*100%);
  margin: 0 auto;
}
#wrecker>.inner {
  padding: min(calc(85/1400*100%),85px) 0 min(calc(72/1400*100%),72px);
}
#wrecker>.inner h3{
  width: calc(738/1120*100%);
  margin: 0 auto calc(38/1120*100%);
  position: relative;
}
#wrecker>.inner h3 span{
  position: absolute;
  width:  calc(20/738*100%);
  right:0;
  bottom:0;
}
#wrecker>.inner h4{
  width: calc(324/1120*100%);
  margin: 0 auto calc(80/1120*100%);
}

#wrecker>.inner figure{
  width: calc(670/1120*100%);
  margin: 0 auto;
}

#wrecker>.inner .wrecker-caution{
  margin: calc(40/1120*100%) 0 0 calc(72/1120*100%);
  font-size: min(calc(18/1120*100vw),18px);
  text-indent: -1em;
  padding-left: 1em;
}

#wrecker .inner .wrecker-main{
  margin: calc(85/1120*100%) 0 0;
  position: relative;
}
#wrecker .inner .wrecker-main span{
  position: absolute;
  width: calc(24/1120*100%);
  top:67%;
  left:21.5%;

}

#wrecker .inner .wrecker-main-head{
  margin: calc(30/1120*100%) auto 0;
  font-size: min(calc(24/1120*100vw),24px);
  font-weight: 600;
}
#wrecker .inner .wrecker-main-caution{
  font-size: min(calc(18/1120*100vw),18px);
  margin-left: calc(70/1120*100%);
  margin-top:  calc(35/1120*100%);
  text-indent: -1em;
  padding-left: 1em;
}


/*============================
#intro
============================*/
#intro-title {
  background-color: #046658;
}

#intro-title .inner{
  padding:min(calc(88/1400*100%),88px) 0 min(calc(92/1400*100%),92px);
  max-width: 1400px;
  margin: 0 auto;
}

#intro-title .inner h2{
  width: calc(1198/1400*100%);
  margin: 0 auto;
}

#intro {
}
#intro .intro_headWrap {
  background-image: url(../img/intro-main-bg_pc.jpg);
  background-size: cover;
  background-position: center bottom;
}
#intro .intro_headWrap .inner {
  max-width: 1120px;
  margin: 0 auto;
}

#intro .intro_headWrap .inner h2 {
  width:calc(869/1400*100%);
  margin: 0 auto;
  padding: calc(90/1400*100%) 0 calc(280/1400*100%);
}



#intro .intro-mainWrap {
}
#intro .intro-mainWrap .inner {
  max-width: 1310px;
  margin: 0 auto;
  padding: calc(50/1310*100%) 0 calc(140/1310*100%);
}
#intro .intro-mainWrap .inner ul{
  display: flex;
  justify-content: space-between;
}

#intro .intro-mainWrap .inner ul li{
  width: calc(620/1310*100%);
  position: relative;
}

#intro .intro-mainWrap .inner  .intro-boxInner {

}
#intro .intro-mainWrap .inner  .intro-boxInner h3{
  position: absolute;
  top: 18%;
  text-align: center;
  display: inline;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: min(calc(34/1400*100vw),34px);
  font-weight: bold;
  line-height: 1;
  background: linear-gradient(transparent 70%,#f9d949 30%);
  padding:0 0.2em;
}
#intro .intro-mainWrap .inner  .intro-boxInner  .text-large {
  font-size: min(calc(50/1400*100vw),50px);
  position: relative;
  display: inline-block;
}
#intro .intro-mainWrap .inner  .intro-boxInner ruby{
  position: absolute;
  font-size: min(calc(18/1400*100vw),18px);
  display: inline-block;
}
#intro .intro-mainWrap .inner  .intro-boxInner .ruby01{
  top:-30%;
  left:8%;
  letter-spacing: min(calc(3/1400*100vw),3px);
}
#intro .intro-mainWrap .inner  .intro-boxInner .ruby02{
  top:-30%;
  left:-8%;
  letter-spacing: min(calc(3/1400*100vw),3px);
}

#intro .intro-mainWrap .inner   .intro-boxInner .text-small {
  font-size: min(calc(20/1400*100vw),20px);
  cursor: pointer;
  text-decoration: underline;
}
#intro .intro-mainWrap .inner  .intro-boxInner .intro-year{
  position: absolute;
  top:30%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(calc(14/1400*100vw),14px);
}
#intro .intro-mainWrap .inner  .intro-caution {
  text-align: left;
  margin-top: 1em;
  position: absolute;
  width: 100%;
  font-size: min(calc(16/1400*100vw),16px);
}

@media (max-width:1400px){
  #intro .intro-mainWrap .inner {
    max-width: 1310px;
    margin: 0 auto;
    padding: calc(50/1310*100%) calc(20/1310*100%) calc(140/1310*100%);
  }
}

/*============================
#support
============================*/

#support-head{
  background-color: #046658;
}
#support-head .inner{
  max-width: 1400px;
  margin: 0 auto;
  padding:min(calc(95/1400*100%),95px) 0 ;
}
#support-head .inner h2{
  width: calc(688/1400*100%);
  margin: 0 auto;
}

#support {
  background-image: url(../img/support-bg_pc.jpg);
  background-size: cover;
  background-position: center top;
}
#support .inner {
  max-width: 1120px;
  margin: 0 auto;
  padding:min(calc(60/1120*100%),60px) 0 min(calc(130/1120*100%),130px);
}

#support .inner h2{
  width: calc(361/1120*100%);
  margin: 0 auto calc(60/1120*100%);
}

#support .inner ul li{
  position: relative;
}


#support .inner ul li:nth-of-type(4) span{
  position: absolute;
  width: calc(28/1120*100%);
  top: 26%;
  left: 81%;
}


#support .inner .support-caution{
  text-align: left;
  width: 100%;
  margin-top:0;
  font-size: min(calc(18/1120*100vw),18px);

  box-sizing: border-box;
  text-indent: -1em;
  padding-left: 1em;
}

@media (max-width:1400px){
  #support .inner {
    padding:min(calc(102/1400*100%),102px) min(calc(20/1400*100%),20px) min(calc(130/1120*100%),130px);
  }
}

/*============================
#faq
============================*/
#faq {
}
#faq .faq-headWrap {
  background-color: #f8f8f4;
}
#faq .faq-headWrap .inner {
  background-image: url(../img/faq-head-bg_pc.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 1400px;
  margin: 0 auto;
  padding:min(calc(67/1400*100%),67px) 0 min(calc(60/1400*100%),60px) ;
}
#faq .faq-headWrap .inner h2{
  width: calc(485/1400*100%);
  margin: 0 auto;
}

#faq .faq-mainWrap {
}
#faq .faq-mainWrap .inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: min(calc(80/1400*100vw),80px) 0 min(calc(100/1400*100vw),100px);
}
#faq .faq-mainWrap .inner .accordion:not(:first-of-type) {
margin-top: 5%;
}
#faq .faq-mainWrap .inner .accordion dt {
  position: relative;
  background-color: #086a5f;
  text-align: center;
  padding:  min(calc(40/1400*100vw),40px) 0;
}
#faq .faq-mainWrap .inner .accordion dt p{
  width: calc(67/1400*100%);
  position: absolute;
  left:3%;
  top:15%;
}

#faq .faq-mainWrap .inner .accordion dt .accordion-icon{
  position: absolute;
  background-color: #FFF;
  width: min(calc(41/1400*100vw),41px);
  height: min(calc(41/1400*100vw),41px);
  border-radius: 100px;
  right:5%;
  top:32%;
  cursor: pointer;
}
#faq .faq-mainWrap .inner .accordion dt .accordion-icon span{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
#faq .faq-mainWrap .inner .accordion dt .accordion-icon span:before,
#faq .faq-mainWrap .inner .accordion dt .accordion-icon span:after{
  content:"";
  width: min(calc(21/1400*100vw),21px);
  background-color: #086a5f;
  padding-top: 2px;
  position: absolute;
  top:48%;
  left:25%;
  transition: all ease 0.3s;
}
#faq .faq-mainWrap .inner .accordion dt .accordion-icon span:after{
  transform: rotate(90deg);
}
#faq .faq-mainWrap .inner .accordion dt.selected .accordion-icon span:after{
  transform: rotate(0deg);
}

#faq .faq-mainWrap .inner .accordion dt h3{
  color: #FFF;
  font-size: min(calc(35/1400*100vw),35px);
  line-height: 1;
  display: inline;
}
#faq .faq-mainWrap .inner .accordion dt span{
  position: relative;
  z-index: 100;
  display: inline-block;
  color: #FFF;
  text-decoration: underline;
  margin-left: 0.5em;
  font-size: min(calc(18/1400*100vw),18px);
}
#faq .faq-mainWrap .inner .accordion dd{
  text-align: center;
  background-color: #e8f6f4;
  padding:calc(40/1400*100%) 0;
  /* display: none; */
}

#faq .faq-mainWrap .inner .accordion:nth-of-type(2) dd{
  padding-top: 1.5em;
}

#faq .faq-mainWrap .inner .accordion dd h4{
  color: #2b645a;
  font-size: min(calc(35/1400*100vw),35px);
  margin-bottom: 1em;
}
#faq .faq-mainWrap .inner .accordion dd h4 span{
  font-size: min(calc(20/1400*100vw),20px);
  text-decoration: underline;
  cursor: pointer;
}
#faq .faq-mainWrap .inner .accordion dd h4 span.faq-small{
  cursor:auto;
  text-decoration: none;
  font-size: min(calc(18/1400*100vw),18px);
}

#faq .faq-mainWrap .inner .accordion:nth-of-type(2) dd h4{
  margin-bottom: 0.3em;
}

#faq .faq-mainWrap .inner .accordion  .faq-mainText {
  font-size: min(calc(20/1400*100vw),20px);
  line-height: 2;
}
#faq .faq-mainWrap .inner .accordion  .faq-mainText span{
  text-decoration: underline;
  cursor: pointer;
}
#faq .faq-mainWrap .inner .faq-caution {
  font-size: min(calc(18/1400*100vw),18px);
  margin-top: 1.5em;
  text-indent: -1em;
  padding-left: 1em;
}
#faq .faq-mainWrap .inner .accordion .faq-caution{
  margin: 0 auto 3em;
    font-size: min(calc(18/1400*100vw),18px);
}

#faq .faq-mainWrap .inner .accordion  .faq-caution {
}
#faq .faq-mainWrap .inner .accordion  .head-underText {
  margin-bottom: 2em;
  font-size: min(calc(15/1400*100vw),15px);
}
#faq .faq-mainWrap .inner .accordion  .faq-image {
  width: calc(544/1400*100%);
  margin:3% auto 0;
}

@media (max-width:1400px){
  #faq .faq-mainWrap .inner {

    padding: min(calc(80/1400*100vw),80px) min(calc(20/1400*100vw),20px) min(calc(100/1400*100vw),100px);
  }
}
/*============================
#close
============================*/
#close {
  background-color: #086a5f;
}
#close .inner {
  max-width: 1120px;
  margin: 0 auto;
  padding:min(calc(105/1120*100%),105px) 0 min(calc(110/1120*100%),110px);
}

#close .inner h2{
  width: calc(834/1120*100%);
  margin: 0 auto min(calc(33/1120*100%),33px);
}

#close .inner h3{
  width: calc(474/1120*100%);
  position: relative;
  margin: 0 auto min(calc(12/1120*100%),12px);
}
#close .inner h3 span{
  position: absolute;
  width: calc(18/474*100%);
  top: 68.5%;
  right: 24%;
  cursor: pointer;
}
#close .inner ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: min(calc(57/1120*100%),57px);
}

#close .inner ul li{
  width: calc(370/1120*100%);
}

#close .inner h4{
  width: calc(1104/1120*100%);
  position: relative;
  margin:min(calc(40/1120*100%),40px) auto min(calc(12/1120*100%),12px)
}

#close .inner .close-caution{
  text-align: center;
  color: #FFF;
  font-size: min(calc(18/1400*100vw),18px);
}
#close .inner .bottom-caution{
  text-align: center;
  color: #FFF;
  font-size: min(calc(18/1400*100vw),18px);
}
/* ---------------------------------------------
 追従ボタン
--------------------------------------------- */
.bl_floatBlock {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
  box-sizing: border-box;
  background-color: #eae1f7!important;
}
.bl_floatBlock.is-show {
  visibility: visible;
  opacity: 1;
}
.bl_floatBlock_inner.inner {
  padding: min(calc(10/1400*100%),20px) min(calc(250/1400*100%),250px) min(calc(20/1400*100%),20px);
  box-sizing: border-box;
}

/* ボタン */
.bl_floatBlock_btn {
  display: block;
}
.bl_floatBlock_btn img {
  width: 100%;
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
.bl_floatBlock_inner.inner .offer-btnList .offer-icon.icon-request{
  left:15%;
}

.bl_floatBlock_inner.inner .offer-btnList .offer-icon.icon-estimate{
  left:15%;
}

/* ---------------------------------------------
 SP
--------------------------------------------- */

@media (max-width:768px){

#page_header{
  border-top: 4px solid #2b645a;
  padding:3%;
}
#page_header > .inner{
  border-bottom: none;
}
#page_header a{
  text-decoration: none;
}
#page_header p.logo{
  width: calc(222/768*100%);
}
/*============================
#main
============================*/

#main .pce{
  display: none;
}
#main .spe{
  display: block;
}


/*============================
#fv
============================*/
#main #fv .inner h1 span{
  position: absolute;
  width: min(calc(21/750*100%),21px);
  top: 70.5%;
  left: 64.9%;
}

#main #fv .inner .fv-caution{
  position: absolute;
  width: min(calc(685/750*100%),685px);
  left: 4.3%;
  top: 85%;
}
/*============================
.offer
============================*/
.offer {

}
.offer .inner {
  max-width: 100%;
  margin: 0 auto;
  padding: min(calc(50/750*100%),50px) min(calc(40/750*100%),40px)  min(calc(50/750*100%),50px);
}
.offer .inner .offer-btnList {
  display: block;
}

.offer .inner .offer-btnList li{
  width: 100%;
  position: relative;
}
.offer .inner .offer-btnList li:nth-of-type(1){
  margin-bottom: 5%;
}
.offer .inner .offer-btnList li a {
  background-color: #f9d949;
  height: min(calc(120/750*100vw),120px);
  border-radius: 10px;
  box-shadow: 6px 6px 10px 0px rgba(0, 0, 0, 0.2);
  font-size: min(calc(35/750*100vw),35px);

}
.offer .inner .offer-btnList li a:after{
  content:"";
  display: block;
  position: absolute;
  background-image: url(../img/btn-icon-arrow_sp.png);
  width: calc(70/750*100%);
  padding-top: calc(16/750*100%);
  background-repeat: no-repeat;
  background-size: contain;
  right: 5%;
  transition:all ease 0.3s;
  top:43%;
}
.offer .inner .offer-btnList li a:hover:after{
  right:2%;
}

.offer .inner .offer-btnList .offer-icon.icon-request {
  width: calc(64/750*100%);
  position:absolute;
  left:15%;
  top:28%;
}
.offer .inner .offer-btnList .offer-icon.icon-estimate {
  width: calc(63/750*100%);
  position:absolute;
  left:15%;
  top:25%;
}

#main .offer .inner .offer-caution{
  font-size: min(calc(18/750*100vw),18px);
  margin-top: min(calc(28/750*100vw),28px);
}

/*============================
#wrecker
============================*/
#wrecker .inner{
  max-width: 100%;
}

#wrecker .wrecker-head .inner{
  padding: min(calc(55/750*100%),55px) 0 min(calc(55/750*100%),55px);
}
#wrecker .wrecker-head .inner h2{
  width: calc(652/750*100%);
  margin: 0 auto;
}
#wrecker>.inner {
  padding: min(calc(65/750*100%),65px) 0 min(calc(93/750*100%),93px);
}
#wrecker>.inner h3{
  width: calc(444/750*100%);
  margin: 0 auto calc(32/750*100%);
}
#wrecker>.inner h3 span{
  width:  calc(20/444*100%);
  right:0;
  bottom:0;
}
#wrecker>.inner h4{
  width: calc(324/750*100%);
  margin: 0 auto calc(75/750*100%);
}

#wrecker>.inner figure{
  width: calc(670/750*100%);
  margin: 0 auto;
}

#wrecker>.inner .wrecker-caution{
  margin: calc(40/750*100%) 0 0 calc(40/750*100%);
  font-size: min(calc(18/750*100vw),18px);
  text-indent: -1em;
  padding-left: 1em;
  padding-right: calc(40/750*100%);
}
#wrecker .inner .wrecker-main{
  margin: calc(130/750*100%) 0 0;
  position: relative;
}
#wrecker .inner .wrecker-main span{
  position: absolute;
  width: calc(24/750*100%);
  top:76%;
  left:44%;

}

#wrecker .inner .wrecker-main-head{
  margin: calc(35/750*100%) auto 0;
  font-size: min(calc(22/750*100vw),22px);
  font-weight: 600;
  width: 100%;
  text-align: center;
}
#wrecker .inner .wrecker-main-caution{
  font-size: min(calc(18/750*100vw),18px);
  margin-left: calc(40/750*100%);
  margin-top:  calc(35/750*100%);
  text-indent: -1em;
  padding-left: 1em;
  padding-right: calc(40/750*100%);
}

/*============================
#intro
============================*/

#intro-title {
  background-color: #046658;
}

#intro-title .inner{
  padding:min(calc(60/750*100%),60px) 0 ,92px);
  max-width: 100%;
  margin: 0 auto;
}

#intro-title .inner h2{
  width: calc(643/750*100%);
  margin: 0 auto;
}


#intro {
}
#intro .intro_headWrap {
  background-image: url(../img/intro-main-bg_sp.jpg);
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
#intro .intro_headWrap .inner {
  max-width: 100%;
  margin: 0 auto;
}

#intro .intro_headWrap .inner h2 {
  width:calc(641/750*100%);
  margin: 0 auto;
  padding: calc(95/750*100%) 0 calc(300/750*100%);
}


#intro .intro-mainWrap .inner {
  max-width: 100%;
  margin: 0 auto;
  padding: calc(80/750*100%) 0 calc(120/750*100%);
}
#intro .intro-mainWrap .inner ul{
  display: block;
  justify-content: space-between;
  width: calc(670/750*100%);
  margin: 0 auto;
}

#intro .intro-mainWrap .inner ul li{
  width: 100%;
  position: relative;
}

#intro .intro-mainWrap .inner ul li:nth-of-type(1){
  margin-bottom: 15%;
}

#intro .intro-mainWrap .inner  .intro-boxInner {

}
#intro .intro-mainWrap .inner  .intro-boxInner h3{
  position: absolute;
  top: 20%;
  text-align: center;
  display: inline;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
  font-size: min(calc(40/750*100vw),40px);
  font-weight: bold;
  line-height: 1;
  background: linear-gradient(transparent 70%,#f9d949 30%);
  padding:0 0.2em;
}
#intro .intro-mainWrap .inner ul li:nth-of-type(2) h3{
  top:24%;
}
#intro .intro-mainWrap .inner  .intro-boxInner  .text-large {
  font-size: min(calc(60/750*100vw),60px);
  position: relative;
}
#intro .intro-mainWrap .inner  .intro-boxInner ruby{
  position: absolute;
  font-size: min(calc(20/750*100vw),20px);
}
#intro .intro-mainWrap .inner  .intro-boxInner .ruby01{
  top:-4vw;
  left:8%;
  letter-spacing: min(calc(3/1400*100vw),3px);
}
#intro .intro-mainWrap .inner  .intro-boxInner .ruby02{
  top:-4vw;
  left:-8%;
  letter-spacing: min(calc(3/1400*100vw),3px);
}

#intro .intro-mainWrap .inner   .intro-boxInner .text-small {
  font-size: min(calc(20/750*100vw),20px);
  cursor: pointer;
  text-decoration: underline;
}
#intro .intro-mainWrap .inner  .intro-boxInner .intro-year{
  position: absolute;
  top:40%;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: min(calc(16/750*100vw),16px);
}
#intro .intro-mainWrap .inner  .intro-caution {
  text-align: left;
  margin-top: 1em;
  position: absolute;
  width: 100%;
  font-size: min(calc(18/750*100vw),18px);
}

/*============================
#support
============================*/
#support-head{

}
#support-head .inner{
  max-width: 100%;
  padding:min(calc(70/750*100%),70px) 0 min(calc(70/750*100%),70px);
}
#support-head .inner h2{
  width: calc(588/750*100%);
  margin: 0 auto;
}
#support {
  background-image: url(../img/support-bg_sp.jpg);
  background-size: 100% 100%;
  background-position: center top;
}
#support .inner {
  max-width: 100%;
  margin: 0 auto;
  padding:min(calc(52/750*100%),52px) 0 min(calc(100/750*100%),100px);
}
#support .inner p{
  width: calc(615/750*100%);
  margin: 0 auto 5%;
}
#support .inner h2{
  width: calc(396/750*100%);
  margin: 0 auto calc(68/750*100%);
}
#support .inner ul li:nth-of-type(3) span{
  position: absolute;
  width: calc(26/750*100%);
  top: 21%;
  left: 46%;
}
#support .inner ul li:nth-of-type(4) span{
  position: absolute;
  width: calc(24/750*100%);
  top: 21.5%;
  left: 88.5%;
}
#support .inner .support-caution{
  text-align: left;
  width: auto;
  margin-left:calc(40/750*100%);
  margin-top: 2%;
  font-size: min(calc(18/750*100vw),18px);
  padding-right: calc(40/750*100%);
}

/*============================
#faq
============================*/
#faq {
}
#faq .faq-headWrap {
  background-color: #f8f8f4;

}
#faq .faq-headWrap .inner {
  background-image: url(../img/faq-head-bg_sp.jpg);
  background-position: center center;
  background-repeat: no-repeat;
  background-size: cover;
  max-width: 100%;
  margin: 0 auto;
  padding:min(calc(59/750*100%),59px) 0 min(calc(59/750*100%),59px);
}
#faq .faq-headWrap .inner h2{
  width: calc(485/750*100%);
  margin: 0 auto;
}

#faq .faq-mainWrap {
}
#faq .faq-mainWrap .inner {
  max-width: 1400px;
  margin: 0 auto;
  padding: min(calc(60/750*100vw),60px) 0 min(calc(100/750*100vw),100px);
}
#faq .faq-mainWrap .inner .accordion{
  width: calc(710/750*100%);
  margin: 0 auto;
}
#faq .faq-mainWrap .inner .accordion:not(:first-of-type) {
margin-top: 10%;
}
#faq .faq-mainWrap .inner .accordion dt {
  position: relative;
  background-color: #086a5f;
  text-align: left;
  padding:  min(calc(30/750*100vw),30px) 0 min(calc(30/750*100vw),30px) min(calc(130/750*100vw),130px);
}
#faq .faq-mainWrap .inner .accordion dt p{
  width: calc(93/750*100%);
  position: absolute;
  left:3%;
  top:13%;
}

#faq .faq-mainWrap .inner .accordion dt .accordion-icon{
  position: absolute;
  background-color: #FFF;
  width: min(calc(41/750*100vw),41px);
  height: min(calc(41/750*100vw),41px);
  border-radius: 100px;
  right:3%;
  top:41%;
}
#faq .faq-mainWrap .inner .accordion dt .accordion-icon span{
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  margin: 0;
}
#faq .faq-mainWrap .inner .accordion dt .accordion-icon span:before,
#faq .faq-mainWrap .inner .accordion dt .accordion-icon span:after{
  content:"";
  width: min(calc(21/750*100vw),21px);
  background-color: #086a5f;
  padding-top: 2px;
  position: absolute;
  top:48%;
  left:25%;
  transition: all ease 0.3s;
}


#faq .faq-mainWrap .inner .accordion dt h3{
  color: #FFF;
  font-size: min(calc(40/750*100vw),40px);
  line-height: 1.5;
  display: inline;
  text-align: left;
}
#faq .faq-mainWrap .inner .accordion dt span{

  position: relative;
  z-index: 100;
  display: inline-block;
  color: #FFF;
  text-decoration: underline;
  margin-left: 0.2em;
  font-size: min(calc(24/750*100vw),24px);
}
#faq .faq-mainWrap .inner .accordion dd{
  text-align: center;
  background-color: #e8f6f4;
  padding:calc(40/750*100%) calc(60/750*100%) ;
}

#faq .faq-mainWrap .inner .accordion:nth-of-type(2) dd{
  padding-top: 1.5em;
}

#faq .faq-mainWrap .inner .accordion dd h4{
  color: #2b645a;
  font-size: min(calc(40/750*100vw),40px);
  margin-bottom: 1em;
}
#faq .faq-mainWrap .inner .accordion dd h4 span{
  font-size: min(calc(25/750*100vw),25px);
  text-decoration: underline;
  cursor: pointer;
}
#faq .faq-mainWrap .inner .accordion dd h4 span.faq-small{

  font-size: min(calc(24/750*100vw),24px);
}
#faq .faq-mainWrap .inner .accordion:nth-of-type(2) dd h4{
  margin-bottom: 0;
}

#faq .faq-mainWrap .inner .accordion  .faq-mainText {
  font-size: min(calc(24/750*100vw),24px);
  line-height: 2;
  text-align: left;
}
#faq .faq-mainWrap .inner .accordion  .faq-mainText span{
  text-decoration: underline;
  cursor: pointer;
}
#faq .faq-mainWrap .inner .faq-caution {
  font-size: min(calc(18/750*100vw),18px);
  width: calc(690/750*100%);

  margin: 1.5em auto 0;
  text-indent: -1em;
  padding-left: 1em;
}
#faq .faq-mainWrap .inner .accordion .faq-caution{
  margin: 0 auto 3em;
    font-size: min(calc(18/1400*100vw),18px);
}

#faq .faq-mainWrap .inner .accordion  .faq-caution {
  font-size: min(calc(18/750*100vw),18px);
  text-align: left;
  margin-left: 13%;
}
#faq .faq-mainWrap .inner .accordion  .head-underText {
  margin-bottom: 2em;
  font-size: min(calc(18/750*100vw),18px);
}
#faq .faq-mainWrap .inner .accordion  .faq-image {
  width: 100%;
  margin:3% auto 0;
}

/*============================
#close
============================*/
#close {
  background-color: #086a5f;
}
#close .inner {
  max-width: 1120px;
  margin: 0 auto;
  padding:min(calc(90/750*100%),90px) 0 min(calc(90/750*100%),90px);
}

#close .inner h2{
  width: calc(505/750*100%);
  margin: 0 auto min(calc(52/750*100%),52px);
}

#close .inner h3{
  width: calc(618/750*100%);
  position: relative;
  margin: 0 auto min(calc(15/750*100%),15px);
}
#close .inner h3 span{
  position: absolute;
  width: calc(23/618*100%);
  top: 68.5%;
  right: 24%;
  cursor: pointer;
}
#close .inner ul{
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-top: min(calc(57/750*100%),57px);
}

#close .inner ul li{
  width: calc(710/750*100%);
  margin-bottom: 4%;
  padding-left: calc(18/710*100%);
}
#close .inner ul li:nth-last-of-type(2){
  padding-left: calc(30/710*100%);
  padding-right:calc(18/710*100%);
}

#close .inner h4{
  width: calc(613/750*100%);
  position: relative;
  margin: min(calc(45/745*100%),50px) auto min(calc(30/750*100%),30px);
}

#close .inner .close-caution{
  text-align: center;
  color: #FFF;
  font-size: min(calc(18/750*100vw),18px);
  margin-left: 0;
}
#close .inner .bottom-caution{
  text-align: center;
  color: #FFF;
  font-size: min(calc(17/750*100vw),17px);
  margin-left: 0;
}

/* ---------------------------------------------
 追従ボタン
--------------------------------------------- */
.bl_floatBlock {
  position: fixed;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 999;
  visibility: hidden;
  opacity: 0;
  transition: visibility .4s, opacity .4s;
  box-sizing: border-box;
  background-color: #eae1f7;
}
.bl_floatBlock.is-show {
  visibility: visible;
  opacity: 1;
}
.bl_floatBlock_inner.inner {
padding: min(calc(20/750*100%),20px) min(calc(40/750*100%),40px)
}
.bl_floatBlock.offer .inner .offer-btnList{
  display: flex;
  flex-wrap: wrap;

}
.bl_floatBlock.offer .inner .offer-btnList li {
  width: calc(324/670*100%);
  margin-bottom: 0;
}
.bl_floatBlock.offer .inner .offer-btnList li a{
  font-size: min(calc(27/750*100vw),27px);
  text-align: center;
}
.bl_floatBlock.offer .inner .offer-btnList li a:after{
  width: calc(50/324*100%);
  padding-top: calc(16/324*100%);
  background-size: contain;
}
.bl_floatBlock.offer .inner .offer-btnList .offer-icon.icon-request{
  width:calc(50/324*100%);
  left: 8%;
  top: 28%;
}
.bl_floatBlock.offer .inner .offer-btnList .offer-icon.icon-estimate{
  width:calc(50/324*100%);
  left: 10%;
  top: 23%;
}
}
/* SP end */