#container{
  position: relative;
}
#container::after {
    content: "";
    position: fixed;
    width: 100%;
    height: 100vh;
    left: 0;
    top: 0;
    background: url(../img/bgCampaign.jpg) center top / cover;
    pointer-events: none;
}
#main{
  width: 100%;
  max-width: 60rem;
  margin: 0 auto;
  z-index: 50;
  position: relative;
}
@media only screen and (max-width:600px){
  #main{
  width: 100%;
  margin: 0 auto;
  z-index: 50;
  position: relative;
}
}
/* secHero */
.secHero{
  text-align: center;
}

/* secCampaign */
.secCampaign.lazyloaded{
    background: url(../img/resevBg.jpg) top center;
}
.secCampaign{
    height: auto;
}
.secCampaign .btnBox{
  text-align: center;
  padding: 4.3rem 0 2rem; 
  width: 92%;
  margin: 0 auto;
}
.secCampaign .btnBox img {
  transition: transform 0.3s ease;
}
.secCampaign .btnBox img:hover {
  transform: scale(1.03);
}
@media only screen and (max-width:600px){
  .secCampaign.lazyloaded{
    background: url(../img/resevBg.jpg) top center;
    background-size: cover;
}
    .secCampaign{
        padding: 2rem 0 2rem;
        position: relative;
        z-index: 1;
    }
    .secCampaign .btnBox{
      text-align: center;
      padding: 1rem 0 0rem;
      width: 100%;
      max-width: 32.5rem;
      margin: 0 auto;
  }
}

/* secCourses */
.secCourses.lazyloaded{
    background: url(../img/bgCourses.jpg) top  center no-repeat;
    background-size: cover;
}
.secCourses{
    height: auto;
    text-align: center;
    padding: 2rem 0;
    padding-bottom: 5rem;
}
.secCourses .pointList{
  display: flex;
  margin: 0 auto;
  margin-top: 1.7rem;
  flex-wrap: wrap;
  width: 96%;
}
.secCourses .pointItem{
  width: calc((100% - 1.2rem) / 2);
  margin-right: 1.2rem;
}
.secCourses .pointItem:nth-child(2n){
  margin-right: 0;
}
.secCourses .pointItem:nth-child(n+3){
  margin-top: 2.1rem;
}
.secCourses .BgBox{
  background: var(--colorWhite);
  margin: 0 auto;
  border-radius: 1rem;
  margin-top: 5rem;
  position: relative;
  width: 96%;
  height: auto;
  padding-top: 3.7rem;
  padding-bottom: 3rem;
}
.secCourses .BgBox .tvtit{
  position: absolute;
  content: "";
  top: -1.9rem;
  left: 0;
  right: 0;
  margin: 0 auto;
}
.secCourses .BgBox .box2{
  margin-top: 2.4rem;
  /* width: 96%; */
}
.secCourses .iframeBg{
  width: 96%;
}
@media only screen and (max-width:600px){
    .secCourses.lazyloaded{
    background: url(../img/bgCourses.jpg) bottom center no-repeat;
    background-size: cover;
}
.secCourses{
    height: auto;
    text-align: center;
    padding: 1.5rem 0;
    padding-bottom: 3rem;
    position: relative;
    z-index: 2;
    margin-top: -1rem;
}
.secCourses .txtImgBox{
  width: 95%;
  margin: 0 auto;
}
.secCourses .pointList{
  display: flex;
  margin: 0 auto;
  margin-top: 1rem;
  flex-wrap: wrap;
  width: 96%;
}
.secCourses .pointItem{
  width: calc((100% - 1.2rem) / 2);
  margin-right: 1.2rem;
}
.secCourses .pointItem:nth-child(2n){
  margin-right: 0;
}
.secCourses .pointItem:nth-child(n+3){
  margin-top: 1.1rem;
}
.secCourses .BgBox{
  background: var(--colorWhite);
  margin: 0 auto;
  border-radius: 1rem;
  margin-top: 3.5rem;
  position: relative;
  width: 96%;
  height: auto;
  padding-top: 2.2rem;
  padding-bottom: 1.5rem;
}
.secCourses .BgBox .tvtit{
  position: absolute;
  content: "";
  top: -1.1rem;
  left: 0;
  right: 0;
  margin: 0 auto;
  width: 54%;
}
.secCourses .BgBox .Box1{
    width: 63%;
    margin: 0 auto;
}
.secCourses .BgBox .box2{
  margin-top: 1.8rem;
}
.secCourses .BgBox .box2 .iframeBg{
  width: 100%;
  max-width: 33.5rem;
  height: 19rem;
}
}
@media only screen and (max-width: 364px) {
    .secCourses .BgBox .box2 .iframeBg {
        max-width: 30.5rem;
    }
}
/* secBenefits */
.secBenefits.lazyloaded{
    background: url(../img/bgHero.png) top  center no-repeat;
    background-size: cover;
}
.secBenefits{
    height: auto;
    text-align: center;
    padding: 3.7rem 0;
    padding-bottom: 5rem;
}
.secBenefits .Benefitslist{
  margin-top: 1.9rem;
}
.secBenefits .Benefitslist .BenefitsBox{
  position: relative;
}
.secBenefits .BenefitsBox_1{
  margin-top: 1.6rem;
  position: relative;
}
.secBenefits .BenefitsBox_2{
  margin-top: -3rem;
  position: relative;
}
.secBenefits .Benefitslist .BenefitsBox_2::after{
    background: url(../img/BenefitsImg03_1.png) no-repeat;
    background-size: contain;
    width: 11.6rem;
    height: 13.1rem;
    position: absolute;
    content: "";
    left: 0;
    top: calc(12% - 0rem);
}
.secBenefits .Benefitslist .BenefitsBox_1::after{
    background: url(../img/BenefitsImg01_1.png);
    background-size: 100% auto;
    width: 8.9rem;
    height: 14rem;
    position: absolute;
    content: "";
    left: 0;
    top: calc(50% - -0.3rem);
}
@media only screen and (max-width:600px){
    .secBenefits.lazyloaded{
      background: url(../img/bgHero.png) top  center no-repeat;
      background-size: cover;
  }
  .secBenefits{
      height: auto;
      text-align: center;
      padding: 2.5rem 0;
      padding-bottom: 5rem;
  }
  .secBenefits .Benefitslist{
    margin-top: 0.8rem;
  }
  .secBenefits .Benefitslist .BenefitsBox{
    position: relative;
    width: 96%;
    margin: 0 auto;
  }
  .secBenefits .tit{
    width: calc(100% - 7rem);
  }
  .secBenefits .BenefitsBox_1{
    margin: 0 auto;
    margin-top: 0.8rem;
    width: 96%;
    /* margin: 0 auto; */
  }
  .secBenefits .BenefitsBox_2{
    margin: 0 auto;
    margin-top: -1.5rem;
    position: relative;
    width: 96%;
  }
  .secBenefits .Benefitslist .BenefitsBox_2::after{
      background: url(../img/BenefitsImg03_1.png) no-repeat;
      background-size: 100% auto;
      width: 6.3rem;
      height: 10rem;
      position: absolute;
      content: "";
      left: -0.6rem;
      top: calc(9% - -1.8rem);
  }
  .secBenefits .Benefitslist .BenefitsBox_1::after{
      background: url(../img/BenefitsImg01_1.png) no-repeat;
      background-size: 100% auto;
      width: 5.9rem;
      height: 9rem;
      position: absolute;
      content: "";
      left: -1rem;
      top: calc(50% - 0rem);
  }
}

/* secSupport */
.secCustomer{
    text-align: center;
    padding: 0;
}
.secCustomer .tit{
    padding: 0 0 4rem;
}
.secCustomer .boxTxt.lazyloaded{
  background: url(../img/bgHero_1.png) no-repeat;
  background-size: cover;
}
.secCustomer .boxTxt{
  margin-top: -10rem;
  height: auto;
  padding-top: 8.5rem;
  padding-bottom: 5rem;
}
.secCustomer .img2{
    margin-top: 1.5rem;
}
@media only screen and (max-width:600px){
    .secCustomer{
      text-align: center;
      padding: 0rem 0 0rem;
  }
  .secCustomer .tit{
      padding: 0 0 4rem;
  }
  .secCustomer .boxTxt.lazyloaded{
    background: url(../img/bgHero_1.png) no-repeat;
  }
  .secCustomer .boxTxt{
      margin-top: -10rem;
      height: auto;
      padding-top: 7.6rem;
      padding-bottom: 3rem;
  }
  .secCustomer .img2{
      width: 96%;
      margin: 0 auto;
      margin-top: 1rem;
  }
   .secCustomer .img{
    width: 96%;
    margin: 0 auto;
   }
}

/* secReserve */
/* =========================
  セクション全体
========================= */
.secReserve {
  text-align: center;
  padding: 0 0 8rem;
  background: var(--colorWhite);
}

/* =========================
  タイトル
========================= */
.secReserve .tit {
  background-position: center center;
  background-size: cover;
  padding: 4.5rem 0 2.8rem;
  margin: 0 auto;
  width: 96%;
}

/* =========================
  電話エリア
========================= */
.secReserve .boxTel {
  width: 92%;
  margin: 0 auto;
}

/* =========================
  エリア選択ボタン（常設）
========================= */
.secReserve .btnQuestionnaire {
  position: relative;
  width: 53.8rem;
  height: 8.4rem;
  margin: 3rem auto 0;
  display: flex;
  align-items: center;
  justify-content: center;

  background: var(--keyColor01);
  border: 2px solid var(--keyColor01);
  border-radius: 1rem;

  cursor: pointer;

  /* アニメーション */
  transition:
    background-color 0.3s ease,
    color 0.3s ease,
    transform 0.2s ease,
    box-shadow 0.2s ease;
}

/* =========================
  ボタンテキスト
========================= */
.secReserve .btnQuestionnaire .tabTxtOn {
  font-size: 2.2rem;
  font-weight: bold;
  color: var(--colorWhite);
  text-align: center;
}

/* 非表示テキストは使わない（アコーディオン解除） */
.secReserve .btnQuestionnaire .tabTxtOff {
  display: none;
}

/* =========================
  エリア選択コンテンツ：常設
========================= */
#boxQuestionnaire {
  display: block;
}

/* =========================
  枠線ボックス
========================= */
.secReserve .boderBox {
  padding: 0 2.4rem;
  border: 0.1rem solid var(--bordrColor);
  width: 53.8rem;
  margin: 0 auto;
}

/* =========================
  li（選択エリア）
========================= */
.secReserve .linkItem {
  position: relative;
  padding-bottom: 2.5rem;
  z-index: 0;
  cursor: pointer;
  transition: background-color 0.25s ease;
}

/* 点線区切り */
.secReserve .linkItem::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background-image: repeating-linear-gradient(
    to right,
    #000 0,
    #000 2px,
    transparent 3px,
    transparent 7px
  );
  background-size: 1.4rem 0.7rem;
  background-repeat: repeat-x;
  z-index: 1;
  opacity: 0.5;
}

.secReserve .linkItem:last-child::before {
  display: none;
}

/* 余白調整 */
.secReserve .linkItem:first-child {
  padding-top: 2.3rem;
}

.secReserve .linkItem:nth-child(n+2) {
  padding-top: 2.3rem;
  padding-bottom: 2.8rem;
}

/* 右矢印 */
.secReserve .linkItem::after {
  content: "";
  position: absolute;
  right: 0;
  top: calc(50% - 0.5rem);
  width: 1.2rem;
  height: 0.8rem;
  background: url(../img/arrow.png) no-repeat center;
  background-size: 100% auto;
  transition: transform 0.25s ease;
}

.secReserve .linkItem {
  transition: transform 0.2s ease;
}

.secReserve .linkItem:hover {
  transform: scale(1.03);
}


/* =========================
  テキスト
========================= */
.secReserve .linktxt {
  display: block;
  width: 100%;
  font-size: 1.8rem;
  font-weight: bold;
  text-align: left;
  color: var(--textColor01);
  transition: color 0.25s ease;
}

.secReserve .small {
  width: 100%;
  font-size: 1.4rem;
  transition: color 0.25s ease;
}
.secReserve  .Resevemodel{
  margin-top: 4.7rem;
}
.secReserve  .Resevemodel .boxres{
  width: 96%;
  margin: 0 auto;
}
.secReserve .boxres .Item:nth-child(n+2){
  margin-top: 7.1rem;
}
.secReserve  .Resevemodel .txtBox{
  text-align: left;
  padding: 2.4rem 2rem;
}
.secReserve  .Resevemodel .titaddress{
  font-size: 3rem;
  line-height:1.33;
  color: var(--textColor01);
  font-weight: bold;
}
.secReserve  .Resevemodel .txtaddress{
  font-size: 2.2rem;
  line-height:1.63;
  color: var(--textColor01);
  font-weight: bold;
  margin-top: 0.5rem;
}
.secReserve  .small01{
  font-size: 2.2rem;
}
.secReserve .btn{
  width: 100%;
  max-width: 51.8rem;
  margin: 0 auto;
  margin-top: 0;
}
.secReserve .modellink{
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
  background: var(--bordrColor01);
  border-radius: 5rem;
  font-size: 3rem;
  font-weight: bold;
  color: var(--colorWhite);
  box-shadow: inset 0px -7px 0px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 3.5rem 0;
  position: relative;
}
.secReserve .modellink::after{
  background:url(../img/arrow01.png);
  width: 0.9rem;
  height: 1.4rem;
  right: 4rem;
  position: absolute;
  content: "";
  top: calc(50% - 0.5rem);
}
.secReserve .iocnBox{
      margin-left: 6.6rem;
}
.secReserve .txt01{
  padding-left: 1.5rem;
}
@media only screen and (max-width:600px){
    .secReserve{
    text-align: center;
    padding: 0 0 6rem;
    background: var(--colorWhite);
}
.secReserve .tit{
    background-position: center center;
    background-size: cover;
    padding: 2.5rem 0 1.8rem;
    margin: 0 auto;
    max-width: 36.5rem;
    width: 96%;
}
.secReserve .boxTel{
  max-width: 33.5rem;
  margin: 0 auto;
  width: 92%;
}
.secReserve .btnQuestionnaire{
  position: relative;
  width:92%;
  background: var( --keyColor01);
  height: 6.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0 auto;
  margin-top: 2rem;
  cursor: pointer;
}
.secReserve .btnQuestionnaire.on {
  border-radius: 1rem 1rem 0 0;
}
.secReserve .btnQuestionnaire .tabTxtOn{
  font-size: 1.5rem;
  color: var(--colorWhite);
  text-align: center;
  font-weight: bold;
}

.secReserve .btnQuestionnaire::before {
  transform: translateY(-50%);
}


.secReserve .btnQuestionnaire::after {
  transform: translateY(-50%) rotate(90deg);
}
.secReserve .btnQuestionnaire.on::after {
  opacity: 0;
}
.secReserve .btnQuestionnaire.on .tabTxtOff {
    font-size: 1.5rem;
    color: var(--colorWhite);
    text-align: center;
    font-weight: bold;
}
.secReserve .boderBox{
  border: 0.1rem solid var(--bordrColor);
  width: 92%;
  margin: 0 auto;
  padding-bottom: 0rem;
  border-radius: 0 0 1rem 1rem;
  height: 30rem;          /* ← 固定したい高さ */
  overflow-y: auto;
}
.secReserve .linkItem{
  position: relative;
  padding-bottom: 2.5rem;
  z-index: 0;
}
.secReserve .linkItem::before {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 0.2rem;
  background-image: repeating-linear-gradient(
    to right,
    #000 0,
    #000 2px,
    transparent 3px,
    transparent 7px
  );
  background-size: 1.4rem 0.7rem;  
  background-repeat: repeat-x;
  z-index: 1;
  opacity: 0.5;
}
.secReserve .linkItem:last-child:before{
  display: none;
}
.secReserve .linkItem:nth-child(n+2){
  padding-top: 2.3rem;
  padding-bottom: 2.8rem;
}
.secReserve .linkItem::after{
  background:url(../img/arrow.png);
  position: absolute;
  content: "";
  right: 0;
  width: 1.2rem;
  height: 0.8rem;
  top: calc(50% - 0.5rem);
}
.secReserve .linkItem:first-child:after{
  /* top: calc(50% - 1.5rem); */
}
.secReserve .linktxt{
  display: block;
  width: 100%;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: left;
  color: var(--textColor01);
  line-height: 1.5;
}
.secReserve .small{
  /* display: block; */
  width: 100%;
  font-size: 1.4rem;
}
.secReserve  .Resevemodel{
  margin:  0 auto;
  margin-top: 2.7rem;
  width: 92%;
}
.secReserve  .Resevemodel .boxres{
  width: 100%;
  margin: 0 auto;
}
.secReserve .boxres .Item:nth-child(n+2){
  margin-top: 3.1rem;
}
.secReserve  .Resevemodel .txtBox{
  text-align: left;
  padding: 0;
  padding-top: 2rem;
}
.secReserve  .Resevemodel .titaddress{
  font-size: 1.5rem;
  line-height:1.33;
  color: var(--textColor01);
  font-weight: bold;
}
.secReserve  .Resevemodel .txtaddress{
  font-size: 1.5rem;
  line-height:1.63;
  color: var(--textColor01);
  font-weight: bold;
  margin-top: 0.5rem;
}
.secReserve  .small01{
  font-size: 1.4rem;
}
.secReserve .btn{
  width: 100%;
  max-width: 33.5rem;
  margin: 0 auto;
  margin-top: 1.5rem;
}
.secReserve .modellink{
  display: flex;
  /* align-items: center; */
  /* justify-content: center; */
  background: var(--bordrColor01);
  border-radius: 5rem;
  font-size: 1.6rem;
  font-weight: bold;
  color: var(--colorWhite);
  box-shadow: inset 0px -7px 0px 0px rgba(0, 0, 0, 0.1);
  width: 100%;
  padding: 1.5rem 0 1.8rem;
  position: relative;
}
.secReserve .modellink::after{
  background:url(../img/arrow01.png);
  width: 0.9rem;
  height: 1.4rem;
  right: 4rem;
  position: absolute;
  content: "";
  top: calc(50% - 0.8rem);
}
.secReserve .iocnBox{
      margin-left: 4.6rem;
      width: 2rem;
}
.secReserve .txt01{
  padding-left: 1.5rem;
}
}
.secSpec.lazyloaded{
  background: url(../img/bgSpec.png) no-repeat;
  background-size: 100% auto;
}
.secSpec{
  height: auto;
  padding-top: 49.5rem;
  padding-bottom: 9rem;
  position: relative;
}
.secSpec .specList{
  display: flex;
  width: 100%;
  max-width: 55.2rem;
  margin: 0 auto;
}
.secSpec .specList .specItem{
  width: calc((100% - 3.2rem) / 4);
}
.secSpec .specList .specItem:nth-child(n+2){
  margin-left: 1rem;
}
.secSpec .linkspec{
  display: block;
  width: 100%;
  box-shadow: 0px 2px 12px 0px rgba(44, 38, 38, 0.2),inset 0px -5px 0px 0px rgba(0, 0, 0, 0.1);
}
.secondSpec.lazyloaded{
  background: url(../img/bgSpec01.png);
}
.secondSpec{
  height: auto;
  padding-top: 9.1rem;
  margin-top: -6rem;
  padding-bottom: 5rem;
}
.secondSpec .manceBox{
  text-align: center;
  width: 92%;
  margin: 0 auto;
}
.secondSpec  .BgBox{
    background: var(--colorWhite);
    margin: 0 auto;
    border-radius: 1rem;
    margin-top: 4.5rem;
    position: relative;
    width: 92%;
    height: auto;
    padding-top: 3.7rem;
    padding-bottom: 2rem;
}
.secondSpec .BgBox .tvtit {
    position: absolute;
    content: "";
    top: -2.1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
}
.secondSpec .BgBox .box2 {
    width: 92%;
    margin: 0 auto;
    margin-top: 2.4rem;
    text-align: center;
}
.secondSpec .BgBox .box2 .Box2Ifeme{
  width: 96%;
}
.secondSpec .BgBox .Box1{
  text-align: center;
}
.secondSpec .imgSpec{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    margin-top: 4.9rem;
}
.secondSpec .InsulationList{
    text-align: center;
    width: 92%;
    margin: 0 auto;
}
.secondSpec .InsulationList .Item01{
  margin-top: 2.3rem;
}
.secondSpec .InsulationList .Item01:nth-child(n+2){
  margin-top: 3rem;
}
.secondSpec .manceImg{
  text-align: center;
  margin-top: 3.5rem;
}
.secondSpec .manceImg_1{
  text-align: center;
  margin-top: 3.1rem;
}
@media only screen and (max-width:600px){
  .secSpec.lazyloaded{
  background: url(../img/bgSpec.png) no-repeat;
  background-size: 100% auto;
}
.secSpec{
  height: auto;
  padding-top: 30.9rem;
  padding-bottom: 9rem;
  position: relative;
  width: 100%;
}
.secSpec .specList{
  display: flex;
  width: 92%;
  max-width: 55.2rem;
  margin: 0 auto;
}
.secSpec .specList .specItem{
  width: calc((100% - 3.2rem) / 4);
}
.secSpec .specList .specItem:nth-child(n+2){
  margin-left: 1rem;
}
.secSpec .linkspec{
  display: block;
  width: 100%;
  box-shadow: 0px 2px 12px 0px rgba(44, 38, 38, 0.2),inset 0px -5px 0px 0px rgba(0, 0, 0, 0.1);
}
.secondSpec.lazyloaded{
  background: url(../img/bgSpec01.png);
}
.secondSpec{
  height: auto;
  padding-top: 5.1rem;
  margin-top: -6rem;
}
.secondSpec .manceBox{
  text-align: center;
  width: 92%;
  margin: 0 auto;
}
.secondSpec  .BgBox{
    background: var(--colorWhite);
    margin: 0 auto;
    border-radius: 1rem;
    margin-top: 2.5rem;
    position: relative;
    width: 92%;
    height: auto;
    padding-top: 2.4rem;
    padding-bottom: 2rem;
}
.secondSpec  .BgBox.sub{

margin-top: 3rem;

padding-bottom: 1rem;
}
.secondSpec .BgBox .tvtit {
    position: absolute;
    content: "";
    top: -1.1rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    text-align: center;
    width: 54%;
}
.secondSpec .BgBox .tvtit.sub{
  
}
.secondSpec .BgBox .box2 {
    margin-top: 2.4rem;
    text-align: center;
    width: 100%;
}
.secondSpec .BgBox .Box1{
  text-align: center;
  width: 50%;
  margin: 0 auto;
}
.secondSpec .BgBox .Box1.sub{
  width: 73%;
}
.secondSpec .imgSpec{
    text-align: center;
    margin: 0 auto;
    margin-top: 2.5rem;
    width: 92%;
}
.secondSpec .InsulationList{
    text-align: center;
    width: 92%;
    margin: 0 auto;
}
.secondSpec .InsulationList .Item01{
   margin-top: 1.4rem;
}
.secondSpec .manceImg{
  text-align: center;
  margin: 0 auto;
  width: 92%;
  margin-top: 2rem;
}
.secondSpec .manceImg_1{
  text-align: center;
  margin: 0 auto;
  width: 92%;
  margin-top: 2.1rem;
}
.secondSpec .BgBox .box2 .Box2Ifeme{
    width: 92%;
    height: 17rem;
    margin: 0 auto;
  }
  .secondSpec .InsulationList .Item01:nth-child(n+2){
        margin-top: 1.8rem;
  }
}
@media only screen and (max-width: 345px) {
    .secSpec {
        padding-top: 26.5rem;
    }
}
.secauxiliary  .suxBox{
  position: relative;
  z-index: 2;
}
.secauxiliary .auxiliaryBg.lazyload{
  background: url(../img/auxiliaryBg.png);
}
.secauxiliary .auxiliaryBg{
  height: auto;
  padding-top: 7.5rem;
  z-index: 1;
  margin-top: -5rem;
  padding-bottom: 2rem;
}
.secauxiliary .BgImg{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  position: relative;
}
.secauxiliary .BgImg::after{
  background: url(../img/auxiliaryIcon.png) no-repeat;
  position: absolute;
  content: "";
  right: 0.9rem;
  width: 10.4rem;
  height: 10.4rem;
  top: calc(50% - -3rem);
}
.secauxiliary .BgImg_1{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  margin-top: 0.5rem;
}
.secauxiliary .BgImg_2{
  margin-top: 4rem;
}
.secequipment.lazyloaded{
  background: url(../img/equipmentBg.png) center top no-repeat;
}
.secequipment{
  height: auto;
  padding-top: 6rem;
}
.secequipment .equipmentBox{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  /* padding-top: 1rem; */
  /* margin-top: 6rem; */
}
.secequipment .equipmentBox_1{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  margin-top: 3rem;
}
.secequipment .equipmentBox_2{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  margin-top: 3rem;
}
.secequipment .equipmentBox_3{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  margin-top: 3rem;
}
.secequipment .equipmentBox_4{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  margin-top: 2rem;
}
.secequipment .equipmentBox_5{
  text-align: center;
  margin: 0 auto;
  margin-top: 4.3rem;
}
@media only screen and (max-width:600px){
  .secauxiliary  .suxBox{
    position: relative;
    z-index: 2;
  }
  .secauxiliary .auxiliaryBg.lazyload{
    background: url(../img/auxiliaryBg.png);
  }
  .secauxiliary .auxiliaryBg{
    height: auto;
    padding-top: 6.5rem;
    z-index: 1;
    margin-top: -5rem;
  }
  .secauxiliary .BgImg{
    text-align: center;
    width: 92%;
    margin: 0 auto;
  }
  .secauxiliary .BgImg::after{
    background: url(../img/auxiliaryIcon.png) no-repeat;
    background-size: 100% auto;
    position: absolute;
    content: "";
    right: -1.1rem;
    width: 6.4rem;
    height: 6.4rem;
    top: calc(50% - -2rem);
  }
  .secauxiliary .BgImg_1{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    margin-top: 0.5rem;
  }
  .secauxiliary .BgImg_2{
    margin-top: 2.5rem;
  }
  .secequipment.lazyloaded{
    background: url(../img/equipmentBg.png) center top no-repeat;
  }
  .secequipment{
    height: auto;
    padding-top: 3.6rem;
  }
  .secequipment .equipmentBox{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    /* padding-top: 1rem; */
    /* margin-top: 6rem; */
  }
  .secequipment .equipmentBox_1{
    text-align: center;
    margin: 0 auto;
    width: 92%;
    margin-top: 2rem;
  }
  .secequipment .equipmentBox_2{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    margin-top: 2rem;
  }
  .secequipment .equipmentBox_3{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    margin-top: 2rem;
  }
  .secequipment .equipmentBox_4{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    margin-top: 1rem;
  }
  .secequipment .equipmentBox_5{
    text-align: center;
    margin-top: 2.6rem;
  }
}
.secguarantee.lazyloaded{
  background: url(../img/equipmentBg.png);
}
.secguarantee{
  height: auto;
}
.secguarantee .imgBox01{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  padding-top: 6rem;
}
.secguarantee .imgBox02{
  text-align: center;
  width: 92%;
  margin: 0 auto;
  padding-top: 4rem;
}
@media only screen and (max-width:600px){
  .secguarantee.lazyloaded{
    background: url(../img/equipmentBg.png);
  }
  .secguarantee{
    height: auto;
  }
  .secguarantee .imgBox01{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    padding-top: 3.8rem;
  }
  .secguarantee .imgBox02{
    text-align: center;
    width: 92%;
    margin: 0 auto;
    padding-top: 2.5rem;
  }
}
.secFloor.lazyload{
  background: url(../img/floorBg.jpg);
}
.secFloor{
  height: auto;
  padding-top: 0;
  padding-bottom: 0;
}
.secFloor .imgflor{
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.secFloor .bgWhite{
  background: var(--colorWhite);
  padding-top: 3rem;
  width: 100%;
  margin: 0 auto;
  padding-bottom: 4.8rem;
  border-radius: 0 0 1rem 1rem;
  box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.1);
}
.secFloor .imgflor01{
  text-align: center;
  width: 100%;
  margin: 0 auto;
}
.secFloor .imgflor02{
  text-align: center;
  padding-top: 1.7rem;
  width: 100%;
  margin: 0 auto;
}
.secFloor .imgflor03{
  text-align: center;
  padding-top: 1.8rem;
  width: 100%;
  margin: 0 auto;
}
@media only screen and (max-width:600px){
  .secFloor.lazyload{
    background: url(../img/floorBg.jpg);
  }
  .secFloor{
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
  }
  .secFloor .imgflor{
    text-align: center;
    /* width: 92%; */
    margin: 0 auto;
  }
  .secFloor .bgWhite{
    background: var(--colorWhite);
    padding-top: 1.9rem;
    /* width: 93%; */
    margin: 0 auto;
    padding-bottom: 3rem;
    border-radius: 0 0 1rem 1rem;
    box-shadow: 0 0.8rem 2.4rem rgba(0, 0, 0, 0.1);
  }
  .secFloor .imgflor01{
    text-align: center;
    width: 96%;
    margin: 0 auto;
  }
  .secFloor .imgflor02{
    text-align: center;
    padding-top: 1rem;
    width: 96%;
    margin: 0 auto;
  }
  .secFloor .imgflor03{
    text-align: center;
    padding-top: 1.2rem;
    width: 96%;
    margin: 0 auto;
  }
}
.secHome.lazyload{
  background: url(../img/homeBg.png) no-repeat;
}
.secHome{
  height: auto;
  padding-top: 4.5rem;
  padding-bottom: 5rem;
}
.secHome .honeImg{
  text-align: center;
}
.secHome .homeList{
  width: 55.2rem;
  margin: 0 auto;
  margin-top: 3.8rem;
}
.secHome .homeList .homeItem{
  background: var(--colorWhite);
  position: relative;
  border-radius: 1.7rem;
  /* margin-top: 3.8rem; */
  padding-top: 3rem;
}
.secHome .homeList .homeItem:nth-child(n+2){
  margin-top: 3.4rem;
}
.secHome .homeList .iconNum{
  position: absolute;
  content: "";
  left: 1.6rem;
  top: -2.2rem;
}
.secHome .homeList .homeItem:nth-child(n+2) .iconNum{
  left: 2rem;
  top: -2rem;
}
.secHome .homeList .imgtxt{
  text-align: center;
}
.secHome .homeList .ifemBox{
  text-align: center;
  margin-top: 2.3rem;
}
.secHome .homeList .desilsTxt{
  margin-top: 2.2rem;
}
.secHome .homeList .desilsTxt img{
  border-radius: 0 0 2rem 2rem;
}
.secHome .homeList .ifem{
  width: 96%;
}
@media only screen and (max-width:600px){
  .secHome.lazyload{
    background: url(../img/homeBg.png) no-repeat;
  }
  .secHome{
    height: auto;
    padding-top: 2.5rem;
    padding-bottom: 2.8rem;
  }
  .secHome .honeImg{
    text-align: center;
    width: 81%;
    margin: 0 auto;
  }
  .secHome .homeList{
    width: 92%;
    margin: 0 auto;
    margin-top: 2.4rem;
  }
  .secHome .homeList .homeItem{
    background: var(--colorWhite);
    position: relative;
    border-radius: 1.7rem;
    /* margin-top: 3.8rem; */
    padding-top: 2rem;
  }
  .secHome .homeList .homeItem:nth-child(n+2){
    margin-top: 2.4rem;
  }
  .secHome .homeList .iconNum{
    position: absolute;
    content: "";
    left: 1rem;
    top: -1.2rem;
    width: 4rem;
  }
  .secHome .homeList .homeItem:nth-child(n+2) .iconNum{
    left: 1rem;
    top: -1rem;
  }
  .secHome .homeList .imgtxt{
    text-align: center;
    width: 60%;
    margin: 0 auto;
  }
  .secHome .homeList .homeItem:nth-child(2) .imgtxt{
    text-align: center;
    width: 75%;
    margin: 0 auto;
  }
  .secHome .homeList .ifemBox{
    text-align: center;
    margin-top: 2.3rem;
  }
  .secHome .homeList .desilsTxt{
    margin-top: 1.2rem;
  }
  .secHome .homeList .desilsTxt img{
    border-radius: 0 0 2rem 2rem;
  }
  .secHome .homeList .ifem{
    width: 92%;
    margin: 0 auto;
    height: 17rem;
  }
}
/* KengakuCloud */
.kc-calendar{
    text-align: center;
    background: #fff;
    height: 730px;
}
.kc-calendar iframe {
    width: 100%;
    max-width: 800px;
}
@media screen and (max-width: 768px){
    .kc-calendar{
    margin-left: auto;
    margin-right: auto;
    }
}
@media screen and (max-width: 640px){
    .kc-calendar{
    height: 710px;
    }
    .kc-calendar iframe{
    height: 710px;
    }
}

/* footer */
#footer{
    text-align: center;
    padding: 8rem 0 11.8rem;
    color: #000;
    background: var(--colorWhite);
}
#footer .logo{
    margin: 0 0 3rem;
    width: 78%;
    margin: 0 auto 8rem;
}
#footer .fotertxt{
  font-size: 2rem;
  line-height:1.7;
}
#footer .fotertxt01{
  font-size: 2rem;
  line-height:1.7;
  font-weight: bold;
  margin-top: 3.5rem;
}
#footer .fotertxt02{
  font-size: 2rem;
  margin-top: 1.5rem;
}
#footer .btnTop{
  margin-top: 2.7rem;
}
#footer .toplink{
  border: 0.1rem solid var(--bordrColor02);
  width: 30rem;
  margin: 0 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 1.6rem 0;
  font-size: 1.6rem;
  font-weight: bold;
  color: var( --bordrColor02);
  position: relative;
}
#footer .toplink::after{
  background: url(../img/arrow03.png);
  width: 0.6rem;
  height: 1rem;
  right: 1.8rem;
  position: absolute;
  content: "";
}
#footer .copyright{
    font-size: 1.5rem;
    letter-spacing: 0.05em;
    background: var(--bordrColor02);
    color: var(--colorWhite);
    margin-top: 6rem;
    padding: 3rem 0 2.7rem;
}
@media only screen and (max-width:600px){
    #footer{
        padding: 5rem 0 8.5rem;
    }
    #footer .logo{
        width: 29.7rem;
        margin: 0 auto 2rem;
    }
    #footer .fotertxt{
    font-size: 1.2rem;
    line-height:1.7;
  }
  #footer .fotertxt01{
    font-size: 1.2rem;
    line-height:1.7;
    font-weight: bold;
    margin-top: 2.5rem;
  }
  #footer .fotertxt02{
    font-size: 1.2rem;
    margin-top: 0.8rem;
  }
  #footer .copyright{
    font-size: 1rem;
    margin-top: 4.8rem;
    padding: 2rem 0 1.5rem;
  }
  #footer .toplink {
    border: 0.1rem solid var(--bordrColor02);
    width: 19rem;
    margin: 0 auto;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 1rem 0;
    font-size: 1rem;
    font-weight: bold;
    color: var(--bordrColor02);
    position: relative;
}
}
@media only screen and (max-width:338px){
  #footer .fotertxt {
      font-size: 1.3rem;
      line-height: 1.7;
    }
}
/* secFixed */
.secFixed{
    position: fixed;
    bottom: -15rem;
    left: 0;
    right: 0;
    margin: 0 auto;
    z-index: -1;
    width: 60rem;
    padding: 1.5rem 0;
    transition: all 0.5s 
ease-out;
    background-size: cover;
    background-position: center center;
    background: var(--bordrColor01);
}
.secFixed.active{
    bottom: 0;
    z-index: 40;
    background: var(--backbaandColor);
}
.secFixed .img {
  overflow: hidden;
  text-align: center;
}
.secFixed .img img {
  transition: transform 0.3s ease;
}
.secFixed .img img:hover {
  transform: scale(1.03);
}
.Resevemodel .borderImg{
  border-radius: 2rem;
}
.Resevemodel .borderImg .tel{
  display: block;
  width: 100%;
}
@media only screen and (max-width:600px){
    .secFixed{
        bottom: -15rem;
        width: 100%;
        /* margin-top: -3rem; */
        padding: 1rem 0 2.2rem;
    }
    .secFixed .fixedWrapper{
        max-width: calc(100% - 1rem);
        justify-content: space-between;
        gap: 0;
    }
    .secFixed .img {
      text-align: center;
      width: 77%;
      margin: 0 auto;
  }
    .secFixed .txt{
        width: 42%;
    }
    .secFixed .boxRight{
        width: 54%;
        padding: 0.5rem 0 0;
    }
    .secFixed .txtBtn{
        font-size: 1rem;
        letter-spacing: 0;
        gap: 0 0.5rem;
        padding: 0.5rem 0;
    }
    .secFixed .txtBtn::before,
    .secFixed .txtBtn::after{
        width: 1.5rem;
    }
}