/* 共通パーツに影響しないようにセクションクラス内に設定 */
/*

KV

*/
#main .kv{
  height: calc(326 / var(--design-sp)  * 100vw);
  position: relative;
}

#main .kv__tab-container{
  height: 100%;
}

#main .kv__img{
  height: 100%;
}

#main .kv .kv__tab-panels{
  height: 100%;
  position: relative;
}

#main .kv .kv__tab-panel{
  width: calc(375 / var(--design-sp)  * 100vw);
  height: 100%;
  opacity: 0.3;
  transition: opacity 2s ease-out;
}

#main .kv .kv__tab-panel.is-active{
  opacity: 1;
}

#main .kv .kv__tab-panel-inner{
  height: 100%;
  position: relative;
}

#main .kv .kv__tab-panel-main{
  position: absolute;
  top: 0;
  left: 0;
  color: #fff;
}

#main .kv .kv__tab-panel-main-img{
  width: calc(311.04 / var(--design-sp)  * 100vw);
  height: 100%;
}

#main .kv .kv__tab-panel-subs{
  height: 100%;
  overflow: hidden;
  display: flex;
  justify-content: end;
}

#main .kv .kv__tab-panel-sub{
  height: 100%;
  display: grid;
  gap: calc(5 / var(--design-sp)  * 100vw);
}

@keyframes infinity-scroll-top {
  from {
    transform: translateY(0);
  }
    to {
    transform: translateY(-100%);
  }
}

#main .kv .kv__tab-panel-sub-img{
  width: calc(117 / var(--design-sp)  * 100vw);
  height: calc(727 / var(--design-sp)  * 100vw);
}

#main .kv .kv__tab-panel-sub-img.-toTop{
  animation: infinity-scroll-top 30s infinite linear 0.5s both;
}

#main .kv__cross-img-container{
  width: calc(133.6 / var(--design-sp) * 100vw);
  height: 100%;
  margin-left: calc(185 / var(--design-sp) * 100vw);
  z-index: 1;
}

#main .kv__cross-img{
  width: calc(133.6 / var(--design-sp) * 100vw);
  height: 100%;
}

#main .kv__logo{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
}

#main .kv__logo-img{
  width: calc(147 / var(--design-sp) * 100vw);
  height: calc(72.39 / var(--design-sp) * 100vw);
  margin-top: calc(17 / var(--design-sp) * 100vw);
  margin-left: calc(0 / var(--design-sp) * 100vw);
}

#main .kv__copy{
  position: absolute;
  top: 0;
  right: 0;
  z-index: 2;
}

#main .kv__copy-img{
  width: calc(44.18 / var(--design-sp) * 100vw);
  height: calc(149.61 / var(--design-sp) * 100vw);
  margin-top: calc(12 / var(--design-sp) * 100vw);
  margin-right: calc(9 / var(--design-sp) * 100vw);
}

@media screen and (min-width:751px) {
  #main .kv{
    height: calc(656.34 / var(--design-pc)  * 100vw);
  }

  #main .kv .kv__tab-panel-main-img{
    width: calc(994.55 / var(--design-pc)  * 100vw);
    height: calc(656.34 / var(--design-pc)  * 100vw);
  }

  #main .kv .kv__tab-panel-subs{
    gap: calc(10.6 / var(--design-pc)  * 100vw);
  }

  #main .kv .kv__tab-panel-sub{
    gap: calc(10.6 / var(--design-pc)  * 100vw);
  }

  #main .kv .kv__tab-panel-sub-img{
    width: calc(253.6 / var(--design-pc)  * 100vw);
    height: calc(782.4 * 2 / var(--design-pc)  * 100vw);
  }

  #main .kv .kv__tab-panel-sub-img.-toBottom{
    animation: infinity-scroll-bottom 30s infinite linear 0.5s both;
  }

  @keyframes infinity-scroll-bottom {
    from {
      transform: translateY(-110%);
    }
      to {
      transform: translateY(-10%);
    }
  }

  #main .kv__cross-img-container{
    width: calc(268.87 / var(--design-pc) * 100vw);
    height: 100%;
    margin-left: calc(746.3 / var(--design-pc) * 100vw);
  }

  #main .kv__cross-img{
    width: 100%;
    height: 100%;
  }

  #main .kv__copy-img{
    width: calc(75.24 / var(--design-pc) * 100vw);
    height: calc(248 / var(--design-pc) * 100vw);
    margin-top: calc(47.4 / var(--design-pc) * 100vw);
    margin-right: calc(220 / var(--design-pc) * 100vw);
  }

  #main .kv__logo-img{
    width: calc(228.5 / var(--design-pc) * 100vw);
    height: calc(103.98 / var(--design-pc) * 100vw);
    margin-top: calc(41 / var(--design-pc) * 100vw);
    margin-left: calc(15 / var(--design-pc) * 100vw);
  }
}
/*

Service

*/
#main .service{
  padding-block: calc(60 / var(--design-sp)  * 100vw);
}
#main .service .service__inner{
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--design-sp)  * 100vw);
}
#main .service .service__discription{
  display: flex;
  flex-direction: column;
  gap: calc(10 / var(--design-sp)  * 100vw);
}

#main .service .service__img{
  width: calc(163 / var(--design-sp)  * 100vw);
  height: calc(38 / var(--design-sp)  * 100vw);
  margin: 0 auto;
}

#main .service .service__texts{
  display: flex;
  justify-content: space-between;
}

#main .service .service__text{
  display: inline-block;
  font-size: calc(13 / var(--design-sp)  * 100vw);
  line-height: calc(18 / var(--design-sp)  * 100vw);
  letter-spacing: calc((0 / 1000) * -1em);
  font-weight: 700;
}

#main .service .service__text-red{
  display: inline-block;
  font-size: calc(32 / var(--design-sp)  * 100vw);
  line-height: calc(46 / var(--design-sp)  * 100vw);
  letter-spacing: calc((0 / 1000) * -1em);
  font-weight: 700;
  color: var(--red01);
}

#main .service .service__buttons{
  display: flex;
  flex-direction: column;
  gap: calc(12 / var(--design-sp)  * 100vw);
}

#main .service .service__button{
  display: flex;
  height: calc(68 / var(--design-sp)  * 100vw);
  align-items: center;
  justify-content: center;
}

#main .service .service__button.-blue{
  background-color: var(--blue01);
}

#main .service .service__button.-grey2{
  background-color: var(--grey02);
}

#main .service .service__button.-green{
  background-color: var(--green01);
}
#main .service .service___button-detail .viewmore.-black.-big.color-invert.-me {
  margin: 0 auto;
  width: 100%;
}


#main .service .service__button-text{
  font-size: calc(14 / var(--design-sp)  * 100vw);
  line-height: calc(18 / var(--design-sp)  * 100vw);
  letter-spacing: calc((0 / 1000) * -1em);
  font-weight: 700;
  color: var(--white01);
  text-align: center;
}

#main .service .service__special{
  margin: calc(40 / var(--design-sp)  * 100vw) auto calc(24 / var(--design-sp)  * 100vw);
  width: calc(328 / var(--design-sp)  * 100vw);
}

@media screen and (min-width:751px) {
  #main .service{
    padding-block: calc(80 / var(--design-pc)  * 100vw);
  }
  #main .service .service__inner{
    gap: calc(20 / var(--design-pc)  * 100vw);
  }
  #main .service .service__discription{
    flex-direction: row;
    gap: calc(16 / var(--design-pc)  * 100vw);
    margin: 0 auto;
  }
  #main .service .service__img{
    width: calc(205 / var(--design-pc)  * 100vw);
    height: calc(48 / var(--design-pc)  * 100vw);
    margin: 0;
  }
  #main .service .service__texts{
    gap: calc(12 / var(--design-pc)  * 100vw);
    align-items: center;
  }
  #main .service .service__text{
    font-size: calc(16 / var(--design-pc)  * 100vw);
    line-height: calc(24 / var(--design-pc)  * 100vw);
  }

  #main .service .service__text-red{
    display: inline-block;
    font-size: calc(38 / var(--design-pc)  * 100vw);
    line-height: calc(55 / var(--design-pc)  * 100vw);
  }
  #main .service .service__buttons{
    margin: 0 auto;
    flex-direction: row;
    gap: calc(16 / var(--design-pc)  * 100vw);
  }
  #main .service .service__button{
    width: calc(444 / var(--design-pc)  * 100vw);
    height: calc(78 / var(--design-pc)  * 100vw);
  }

  #main .service .service___button-detail .viewmore.-black.-big.color-invert.-me {
    margin: calc(15 / var(--design-pc)  * 100vw) auto 0;
    width: calc(200 / var(--design-pc)  * 100vw);
  }

  #main .service .service__button-text{
    font-size: calc(16 / var(--design-pc)  * 100vw);
    line-height: calc(24 / var(--design-pc)  * 100vw);
  }

  #main .service .service__special{
    margin: calc(80 / var(--design-pc)  * 100vw) auto calc(0 / var(--design-pc)  * 100vw);
    width: calc(720 / var(--design-pc)  * 100vw);
  }
}
/*

MOVIE

*/
#main .movie{
  margin-top: calc(274.7 / var(--design-sp)  * 100vw);
  padding-top: calc(187 / var(--design-sp)  * 100vw);
  padding-bottom: calc(60 / var(--design-sp)  * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(80 / var(--design-sp)  * 100vw);
  position: relative;
  scroll-margin-top: calc(310 / var(--design-sp)  * 100vw);
}

#main .movie .movie__title{
  position: absolute;
  display: block;
  top: 0;
  right: 0;
  left: 0;
  margin-inline: auto;
  width: calc(153.98 / var(--design-sp)  * 100vw);
  margin-top: calc(-195 / var(--design-sp)  * 100vw);
}

#main .movie .movie__title img{
  width: 100%;
}

#main .movie__sub-title{
  display: block;
  width: 100%;
  padding-bottom: calc(6.5 / var(--design-sp)  * 100vw);
  border-bottom: 1px solid var(--white01);
  font-family: var(--fontFamilyPoppins);
  font-size: calc(24 / var(--design-sp)  * 100vw);
  line-height: calc(27 / var(--design-sp)  * 100vw);
  letter-spacing: calc((50 / 1000) * -1em);
  font-weight: 500;
  color: var(--white01);
}

#main .movie__contents{
  display: flex;
  flex-direction: column;
  gap: calc(60 / var(--design-sp)  * 100vw);
}

#main .movie__content.movie__cm{
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  margin-inline: auto;
  width: calc(328 / var(--design-sp)  * 100vw);
  margin-top: calc(-140 / var(--design-sp)  * 100vw);
}

#main .movie__movie-sets{
  display: flex;
  flex-direction: column;
  gap: calc(40.5 / var(--design-sp)  * 100vw);
  margin-top: calc(24.3 / var(--design-sp)  * 100vw);
}

#main .movie__movie-sets.-web{
  margin-top: calc(10 / var(--design-sp)  * 100vw);
}

#main .movie__movie-splide-wrapper{
  display: flex;
}
#main .splide{
  position: relative;
}

#main .splide-tool{
  display: flex;
  position: absolute;
  width: calc(59.58 / var(--design-sp)  * 100vw);
  height: calc(26 / var(--design-sp)  * 100vw);
  margin-top: calc(-55 / var(--design-sp)  * 100vw);
  top: 0;
  right: 0;
  margin-inline: auto;
  justify-content: space-between;
}

#main .splide-pagination {
  position: static;
  padding: 0;
}

#main .splide-pagination .splide__pagination__page.is-active{
  transform: scale(1.0);
}

#main .splide-button-prev,
#main .splide-button-next {
  width: calc(26 / var(--design-sp)  * 100vw);
  height: calc(26 / var(--design-sp)  * 100vw);
  position: static;
  margin-top: calc(20 / var(--design-sp)  * 100vw);
}

/* 前へ次への矢印カスタマイズ */
#main .splide-button-prev::after,
#main .splide-button-next::after {
  background-repeat: no-repeat;
  background-size: contain;
  content: "";
  margin: auto;
  width: calc(26 / var(--design-sp)  * 100vw);
  height: calc(26 / var(--design-sp)  * 100vw);
}

/* 前への矢印カスタマイズ */
#main .splide-button-prev::after {
  background-image: url(../../img/2509/movie/movie-splide-prev.svg);
}

/* 次への矢印カスタマイズ */
#main .splide-button-next::after {
  background-image: url(../../img/2509/movie/movie-splide-next.svg);
}

#main .movie__movie-set{
  position: relative;
  display: flex;
  flex-direction: column;
  gap: calc(8.5 / var(--design-sp)  * 100vw);
}

#main .movie__movie-set.-web{
  width: calc(197.66 / var(--design-sp)  * 100vw);
  height: calc(419.4 / var(--design-sp)  * 100vw);
  padding-top: calc(40 / var(--design-sp)  * 100vw);
}

#main .movie__movie-title{
  font-size: calc(14 / var(--design-sp) * 100vw);
  line-height: calc(20 / var(--design-sp) * 100vw);
  letter-spacing: calc((0 / 1000) * 1em);
  font-weight: 700;
  color: var(--white01);
}

#main .movie__movie-web-msg{
  position: absolute;
  margin-top: calc(-28 / var(--design-sp)  * 100vw);
  margin-left: calc(5 / var(--design-sp)  * 100vw);
  z-index: 1;
}

#main .movie__movie-web-msg.-a{
  width: calc(188 / var(--design-sp)  * 100vw);
}

#main .movie__movie-web-msg.-b{
  width: calc(115 / var(--design-sp)  * 100vw);
}

#main .movie__movie-web-msg.-c{
  width: calc(157 / var(--design-sp)  * 100vw);
}

#main .movie__movie-web-msg.-d{
  width: calc(157 / var(--design-sp)  * 100vw);
  margin-top: calc(-15 / var(--design-sp)  * 100vw);
}

#main .movie__movie-web-msg.-e{
  width: calc(172 / var(--design-sp)  * 100vw);
  margin-top: calc(-15 / var(--design-sp)  * 100vw);
}

@media screen and (min-width:751px) {
  #main .movie{
    margin-top: calc(273 / var(--design-pc)  * 100vw);
    padding-top: calc(313 / var(--design-pc)  * 100vw);
    padding-bottom: calc(80 / var(--design-pc)  * 100vw);
    gap: calc(45 / var(--design-pc)  * 100vw);
    scroll-margin-top: calc(320 / var(--design-pc)  * 100vw);
  }

  #main .movie .movie__title{
    right: auto;
    margin-left: calc(139 / var(--design-pc)  * 100vw);
    margin-top: calc(84 / var(--design-pc)  * 100vw);
    width: calc(239.87 / var(--design-pc)  * 100vw);
  }

  #main .movie__sub-title{
    font-size: calc(30 / var(--design-pc)  * 100vw);
    line-height: calc(27 / var(--design-pc)  * 100vw);
    letter-spacing: calc((50 / 1000) * -1em);
  }

  #main .movie__contents{
    margin-top: calc(50 / var(--design-pc)  * 100vw);
    gap: calc(90 / var(--design-pc)  * 100vw);
  }

  #main .movie__content.movie__cm{
    width: calc(688.12 / var(--design-pc)  * 100vw);
    margin: auto;
    left: auto;
    margin-top: calc(-175 / var(--design-pc)  * 100vw);
    margin-right: calc(139 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-sets{
    flex-direction: row;
    gap: calc(16 / var(--design-pc)  * 100vw);
    justify-content: center;
    margin-top: calc(24.2 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-sets.-web{
    margin-top: calc(10 / var(--design-pc)  * 100vw);
  }

  #main .splide{
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }

  #main .splide-tool{
    width: calc(77.26 / var(--design-pc)  * 100vw);
    height: calc(32.26 / var(--design-pc)  * 100vw);
    margin-top: calc(-70 / var(--design-pc)  * 100vw);
    margin-right: calc(139 / var(--design-pc)  * 100vw);
  }

  #main .splide-button-prev,
  #main .splide-button-next {
    width: calc(32.26 / var(--design-pc)  * 100vw);
    height: calc(32.26 / var(--design-pc)  * 100vw);
    margin-top: calc(20 / var(--design-pc)  * 100vw);
  }

  /* 前へ次への矢印カスタマイズ */
  #main .splide-button-prev::after,
  #main .splide-button-next::after {
    width: calc(32.26 / var(--design-pc)  * 100vw);
    height: calc(32.26 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-set{
    gap: calc(10.2 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-set.-web{
    width: calc(260 / var(--design-pc)  * 100vw);
    height: calc(208.85 / var(--design-pc)  * 100vw);
    padding-top: calc(40 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-title{
    font-size: calc(16 / var(--design-pc) * 100vw);
    line-height: calc(24 / var(--design-pc) * 100vw);
  }

  #main .movie .movie__cm .movie-img{
    width: calc(688.12 / var(--design-pc)  * 100vw);
  }

  #main .movie .movie__interview .movie-img {
    width: calc(536 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-web-msg{
    margin-top: calc(-28 / var(--design-pc)  * 100vw);
    margin-left: calc(5 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-web-msg.-a{
    width: calc(158 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-web-msg.-b{
    width: calc(96 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-web-msg.-c{
    width: calc(130 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-web-msg.-d{
    width: calc(131 / var(--design-pc)  * 100vw);
    margin-top: calc(-10 / var(--design-pc)  * 100vw);
  }

  #main .movie__movie-web-msg.-e{
    width: calc(143 / var(--design-pc)  * 100vw);
    margin-top: calc(-10 / var(--design-pc)  * 100vw);
  }
}
/*

Exterior

*/
/*

Interior

*/
#main .exterior,
#main .interior {
  padding-block: calc(60 / var(--design-sp) * 100vw);
}

#main .interior {
  padding-bottom: calc(110 / var(--design-sp) * 100vw);
}

#main .exterior-title,
#main .interior-title{
  width: calc(195.1 / var(--design-sp) * 100vw);
}

#main .exterior-title img
#main .interior-title img{
  width: 100%;
}

#main .exterior__kv,
#main .interior__kv {
  width: 100vw;
  margin: calc(22.9 / var(--design-sp) * 100vw) calc(50% - 50vw) 0 calc(50% - 50vw);
  display: flex;
  flex-direction: column;
  gap: calc(8.5 / var(--design-sp) * 100vw);
}

#main .exterior__kv-img-01,
#main .interior__kv-img-01{
  position: relative;
  width: calc(339 / var(--design-sp) * 100vw);
}

#main .interior__kv-img-01{
  margin-right: 0;
  margin-left: auto;
}


#main .exterior__kv, #main .interior__kv {
  position: relative;
}

#main .interior .cross-image-parent {
  position: absolute;
  z-index: -1;
  top: calc(30 / var(--design-sp) * 100vw);
  left :calc(28 / var(--design-sp) * 100vw);
  width: calc(79.6 / var(--design-sp) * 100vw);
  height: calc(164.94 / var(--design-sp) * 100vw);
}

#main .exterior .cross-image-parent {
  position: absolute;
  z-index: -1;
  top: calc(30 / var(--design-sp) * 100vw);
  right :calc(28 / var(--design-sp) * 100vw);
  width: calc(79.6 / var(--design-sp) * 100vw);
  height: calc(164.94 / var(--design-sp) * 100vw);
}

#main .exterior__kv-img-020304,
#main .interior__kv-img-020304{
  display: flex;
  flex-direction: column;
  width: calc(266.78 / var(--design-sp) * 100vw);
  height: calc(197.49 / var(--design-sp) * 100vw);
  justify-content: space-between;
}

#main .exterior__kv-img-020304{
  margin-right: calc(7.5 / var(--design-sp) * 100vw);
  margin-left: auto;
}

#main .interior__kv-img-020304{
  margin-left: calc(7.5 / var(--design-sp) * 100vw);
  margin-right: auto;
}

#main .exterior__kv-img-02,
#main .interior__kv-img-02{
  width: calc(228.46 / var(--design-sp) * 100vw);
}

#main .exterior__kv-img-02{
  margin-right: 0;
  margin-left: auto;
}
#main .interior__kv-img-02{
  margin-left: 0;
  margin-right: auto;
}

#main .exterior__kv-img-0304,
#main .interior__kv-img-0304{
  display: flex;
  width: calc(266.24 / var(--design-sp) * 100vw);
  justify-content: space-between;
}

#main .exterior__kv-img-0304{
  margin-right: 0;
  margin-left: auto;
}

#main .interior__kv-img-0304{
  flex-direction: row-reverse;
  margin-left: 0;
  margin-right: auto;
}

#main .exterior__kv-img-03,
#main .interior__kv-img-03{
  width: calc(135.48 / var(--design-sp) * 100vw);
}

#main .exterior__kv-img-04,
#main .interior__kv-img-04{
  width: calc(125.16 / var(--design-sp) * 100vw);
}

#main .exterior__kv-img img,
#main .interior__kv-img img{
  width: 100%;
}

#main .exterior__discription,
#main .interior__discription {
  margin-top: calc(20.3 / var(--design-sp) * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(12 / var(--design-sp) * 100vw);
}

#main .exterior__discription-title,
#main .interior__discription-title {
  font-size: calc(24 / var(--design-sp) * 100vw);
  line-height: calc(35 / var(--design-sp) * 100vw);
  letter-spacing: calc((30 / 1000) * 1em);
  font-weight: 700;
}

#main .exterior__discription-text,
#main .interior__discription-text {
  font-size: calc(14 / var(--design-sp) * 100vw);
  line-height: calc(24 / var(--design-sp) * 100vw);
  letter-spacing: calc((0 / 1000) * 1em);
}

#main .exterior__discription-movie,
#main .interior__discription-movie{
  position: relative;
}

@media screen and (min-width:751px) {
  #main .exterior,
  #main .interior {
    padding-block: calc(100 / var(--design-pc) * 100vw);
    position: relative;
  }

  #main .exterior-title,
  #main .interior-title{
    position: absolute;
    width: calc(333.96 / var(--design-pc) * 100vw);
    top: 0;
    margin-top: calc(315 / var(--design-pc) * 100vw);
  }

  #main .exterior-title{
    right: 0;
    margin-right: calc(83 / var(--design-pc) * 100vw);
  }

  #main .interior-title{
    left: 0;
    margin-left: calc(83 / var(--design-pc) * 100vw);
  }

  #main .exterior-title img
  #main .interior-title img{
    width: 100%;
  }

  #main .exterior__kv,
  #main .interior__kv {
    margin: calc(22.9 / var(--design-pc) * 100vw) calc(50% - 50vw) 0 calc(50% - 50vw);
    display: flex;
    flex-direction: column;
    gap: calc(8.5 / var(--design-pc) * 100vw);
  }

  #main .exterior__kv-img-01,
  #main .interior__kv-img-01{
    width: calc(935 / var(--design-pc) * 100vw);
  }

  #main .exterior__kv-img-020304,
  #main .interior__kv-img-020304{
    width: calc(649.38 / var(--design-pc) * 100vw);
    height: calc(477.48 / var(--design-pc) * 100vw);
    margin-top: calc(-200 / var(--design-pc) * 100vw);
  }

  #main .exterior__kv-img-020304{
    position: relative;
    margin-right: calc(94.8 / var(--design-pc) * 100vw);
  }

  #main .interior__kv-img-020304{
    position: relative;
    margin-left: calc(94.8 / var(--design-pc) * 100vw);
  }

  #main .interior .cross-image-parent {
    position: absolute;
    z-index: -1;
    top: calc(390 / var(--design-pc) * 100vw);
    left :calc(587 / var(--design-pc) * 100vw);
    width: calc(180.54 / var(--design-pc) * 100vw);
    height: calc(374.08 / var(--design-pc) * 100vw);
  }

  #main .exterior .cross-image-parent {
    position: absolute;
    z-index: -1;
    top: calc(390 / var(--design-pc) * 100vw);
    right :calc(587 / var(--design-pc) * 100vw);
    width: calc(180.54 / var(--design-pc) * 100vw);
    height: calc(374.08 / var(--design-pc) * 100vw);
  }

  #main .exterior__kv-img-02,
  #main .interior__kv-img-02{
    width: calc(554.23 / var(--design-pc) * 100vw);
  }

  #main .exterior__kv-img-0304,
  #main .interior__kv-img-0304{
    width: calc(647.45 / var(--design-pc) * 100vw);
  }

  #main .exterior__kv-img-03,
  #main .interior__kv-img-03{
    width: calc(329.34 / var(--design-pc) * 100vw);
  }

  #main .exterior__kv-img-04,
  #main .interior__kv-img-04{
    width: calc(304.26 / var(--design-pc) * 100vw);
  }

  #main .exterior__discription,
  #main .interior__discription {
    position: absolute;
    bottom: 0;
    width: calc(495 / var(--design-pc) * 100vw);
    gap: calc(12 / var(--design-pc) * 100vw);
    margin-bottom: calc(150 / var(--design-pc) * 100vw);
  }

  #main .exterior__discription {
    left: 0;
    margin-left: calc(95 / var(--design-pc) * 100vw);
  }

  #main .interior__discription {
    right: 0;
    margin-right: calc(95 / var(--design-pc) * 100vw);
  }

  #main .exterior__discription-title,
  #main .interior__discription-title {
    font-size: calc(28 / var(--design-pc) * 100vw);
    line-height: calc(35 / var(--design-pc) * 100vw);
  }

  #main .exterior__discription-text,
  #main .interior__discription-text {
    font-size: calc(16 / var(--design-pc) * 100vw);
    line-height: calc(25.6 / var(--design-pc) * 100vw);
    letter-spacing: calc((50 / 1000) * 1em);
    width: calc(444 / var(--design-pc) * 100vw);
  }

  #main .exterior__discription-btn,
  #main .interior__discription-btn {
    margin-top: calc(12 / var(--design-pc) * 100vw);
  }
}

/*

Price

*/
#main .price{
  padding-block: calc(90 / var(--design-sp)  * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(14.8 / var(--design-sp)  * 100vw);
  position: relative;
  background-color: var(--grey02);
}
#main .price__title .price-title-img {
  width: calc(138.45 / var(--design-sp)  * 100vw);
  margin: auto;
}

#main .price__box{
  padding: calc(40.6 / var(--design-sp)  * 100vw) calc(12 / var(--design-sp)  * 100vw);
  background-color: var(--white01);
  text-align: center;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: calc(10 / var(--design-sp)  * 100vw);
  margin-top: calc(25 / var(--design-sp)  * 100vw);
}

#main .price__rotation{
  width: calc(301 / var(--design-sp)  * 100vw);
}

#main .price__discription-title{
  margin-top: calc(20 / var(--design-sp)  * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(8.5 / var(--design-sp)  * 100vw);
  height: calc(140 / var(--design-sp)  * 100vw);
  justify-content: center
}

#main .price__progressbar{
  position: relative;
}

#main .price__360{
  position: absolute;
  bottom: calc(30 / var(--design-sp)  * 100vw);
  right: 0;
  left: 0;
  margin: auto;
  z-index: 100;
  width: calc(66 / var(--design-sp)  * 100vw);
}

#main .price__name{
  font-size: calc(18 / var(--design-sp)  * 100vw);
  line-height: calc(26 / var(--design-sp)  * 100vw);
  letter-spacing: calc((30 / 1000) * 1em);
  font-weight: 700;
}

#main .price__price{
  font-size: calc(10 / var(--design-sp)  * 100vw);
  line-height: calc(25.6 / var(--design-sp)  * 100vw);
  letter-spacing: calc((0 / 1000) * 1em);
}

#main .price__grade{
  display: flex;
  flex-direction: column;
  gap: calc(24 / var(--design-sp)  * 100vw);
}

#main .price__grade-title{
  font-size: calc(14 / var(--design-sp)  * 100vw);
  line-height: calc(20 / var(--design-sp)  * 100vw);
  letter-spacing: calc((50 / 1000) * 1em);
  font-weight: 700;
}
#main .price__grade-title-blue{
  font-size: calc(10 / var(--design-sp)  * 100vw);
  line-height: calc(25.6 / var(--design-sp)  * 100vw);
  letter-spacing: calc((50 / 1000) * 1em);
  color: var(--blue03);
  font-weight: 700;
  display: block;
  margin: 0;
}

/* タブ全体を囲むコンテナの設定 */
#main .price__grade-table {
  width: 100%;
  color: var(--white01);
  font-family: var(--fontFamilyPoppins);
  font-weight: 500;
}

/* 各タブボタンの設定 */
#main .price__grade-table > label {
  height: calc(35.2 / var(--design-sp)  * 100vw);
  background-color: var(--grey01);
  font-size: calc(16 / var(--design-sp)  * 100vw);
  line-height: calc(35.2 / var(--design-sp)  * 100vw);
  letter-spacing: calc((50 / 1000) * -1em);
}

#main .price__tab-btn.is-active{
  background-color: var(--blue03);
}

/* タブコンテンツのスタイル */
#main .price__grade-table > div {
  background-color: var(--blue03);
  height: calc(78.56 / var(--design-sp)  * 100vw);
  padding: calc(7 / var(--design-sp)  * 100vw);
}

#main .price__grade-table .price__grade-table-content{
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}

#main.top .price__grade-table .price__grade-table-content{
  background-color: var(--white01);
  border-radius: calc(10 / var(--design-sp)  * 100vw);
}



#main .price__grade-table .price__grade-table-content-inner{
  width: 50%;
}

#main .price__grade-table .price__grade-table-content-title{
  font-size: calc(12 / var(--design-sp)  * 100vw);
  line-height: calc(18 / var(--design-sp)  * 100vw);
  letter-spacing: calc((50 / 1000) * -1em);
  color: var(--white01);
}
#main.top .price__grade-table .price__grade-table-content-title{
  color: var(--black01);
}

#main .price__grade-table .price__grade-table-content-price .price__grade-table-content-price-price{
  font-size: calc(24 / var(--design-sp)  * 100vw);
  line-height: calc(35 / var(--design-sp)  * 100vw);
  letter-spacing: calc((50 / 1000) * -1em);
  color: var(--white01);
  font-weight: 500;
  display: none;
  margin-top: 0;
}

#main.top .price__grade-table .price__grade-table-content-price .price__grade-table-content-price-price{
  color: var(--black01);
  margin-top: 0;
}

#main .price__grade-table .price__grade-table-content-price .price__grade-table-content-price-yen{
  display: inline-block;
  margin-left: calc(4.4 / var(--design-sp)  * 100vw);
  font-size: calc(10 / var(--design-sp)  * 100vw);
  line-height: calc(14 / var(--design-sp)  * 100vw);
  letter-spacing: calc((50 / 1000) * -1em);
  color: var(--white01);
}
#main.top .price__grade-table .price__grade-table-content-price .price__grade-table-content-price-yen{
  color: var(--black01);
}

/* MZ */
#main .price__rotation-hybridmz:has(> [data-carousel-price-type="twotone"]) ~ .price__discription .price__tab-pannel-hybridmz .price-twotone{
  display: inline-block;
}

#main .price__rotation-hybridmz:has(> [data-carousel-price-type="twotone-pure-white-pearl"]) ~ .price__discription .price__tab-pannel-hybridmz .price-twotone-pure-white-pearl{
  display: inline-block;
}

#main .price__rotation-hybridmz:has(> [data-carousel-price-type="twotone-frontier-blue-pearl"]) ~ .price__discription .price__tab-pannel-hybridmz .price-twotone-frontier-blue-pearl{
  display: inline-block;
}

#main .price__rotation-hybridmz:has(> [data-carousel-price-type="twotone-burning-red-pearl"]) ~ .price__discription .price__tab-pannel-hybridmz .price-twotone-burning-red-pearl{
  display: inline-block;
}

#main .price__rotation-hybridmz:has(> [data-carousel-price-type="monotone"]) ~ .price__discription .price__tab-pannel-hybridmz .price-monotone{
  display: inline-block;
}

#main .price__rotation-hybridmz:has(> [data-carousel-price-type="monotone-pure-white-pearl"]) ~ .price__discription .price__tab-pannel-hybridmz .price-monotone-pure-white-pearl{
  display: inline-block;
}

/* MX */
#main .price__rotation-hybridmx:has(> [data-carousel-price-type="twotone"]) + .price__discription .price__tab-pannel-hybridmx .price-twotone{
  display: inline-block;
}

#main .price__rotation-hybridmx:has(> [data-carousel-price-type="twotone-pure-white-pearl"]) + .price__discription .price__tab-pannel-hybridmx .price-twotone-pure-white-pearl{
  display: inline-block;
}

#main .price__rotation-hybridmx:has(> [data-carousel-price-type="twotone-frontier-blue-pearl"]) + .price__discription .price__tab-pannel-hybridmx .price-twotone-frontier-blue-pearl{
  display: inline-block;
}

#main .price__rotation-hybridmx:has(> [data-carousel-price-type="twotone-burning-red-pearl"]) + .price__discription .price__tab-pannel-hybridmx .price-twotone-burning-red-pearl{
  display: inline-block;
}

#main .price__rotation-hybridmx:has(> [data-carousel-price-type="monotone"]) + .price__discription .price__tab-pannel-hybridmx .price-monotone{
  display: inline-block;
}

#main .price__rotation-hybridmx:has(> [data-carousel-price-type="monotone-pure-white-pearl"]) + .price__discription .price__tab-pannel-hybridmx .price-monotone-pure-white-pearl{
  display: inline-block;
}

#main .price__btns{
  display: flex;
  flex-direction: column;
  gap: calc(10 / var(--design-sp)  * 100vw);
}

@media screen and (min-width:751px) {
  #main .price{
    padding-block: calc(110 / var(--design-pc)  * 100vw);
    gap: calc(32 / var(--design-pc)  * 100vw);
  }

  #main .price__box{
    flex-direction: row;
    justify-content: space-between;
    padding: calc(27.7 / var(--design-pc)  * 100vw) calc(52 / var(--design-pc)  * 100vw);
    height: calc(498 / var(--design-pc)  * 100vw);
    margin-top: calc(33 / var(--design-pc)  * 100vw);
  }

  #main .price__title .price-title-img{
    width: calc(212.53 / var(--design-pc)  * 100vw);
  }

  #main .price__rotation{
    width: calc(500 / var(--design-pc)  * 100vw);
  }

  #main .price__discription{
    gap: calc(28 / var(--design-pc)  * 100vw);
    width: calc(444 / var(--design-pc)  * 100vw);
    margin-top: calc((58.8 - 27.7) / var(--design-pc)  * 100vw);
  }

  #main .price__rotation-inner{
    position: relative;
  }

  #main .price__discription-title{
    width: calc(449 / var(--design-pc) * 100vw);
    position: absolute;
    top: 0;
    left: 0;
    margin-top: calc(20 / var(--design-pc)  * 100vw);
    margin-left: calc(560 / var(--design-pc)  * 100vw);
    display: flex;
    flex-direction: column;
    gap: calc(10 / var(--design-pc)  * 100vw);
    height: calc(99 / var(--design-pc)  * 100vw);
    text-align: left;
  }

  #main .price__360{
    position: absolute;
    display: block;
    bottom: calc(30 / var(--design-pc)  * 100vw);
    right: 0;
    left: 0;
    z-index: 100;
    width: calc(90 / var(--design-pc)  * 100vw);
  }

  #main .price__name{
    font-size: calc(23 / var(--design-pc)  * 100vw);
    line-height: calc(37 / var(--design-pc)  * 100vw);
    width: calc(444 / var(--design-pc) * 100vw);
  }

  #main .price__price{
    font-size: calc(10 / var(--design-pc)  * 100vw);
    line-height: calc(25.6 / var(--design-pc)  * 100vw);
    letter-spacing: calc((0 / 1000) * 1em);
  }

  #main .price__grade{
    margin-top: calc(105 / var(--design-pc)  * 100vw);
    gap: calc(11 / var(--design-pc)  * 100vw);
  }

  #main .price__grade-title{
    font-size: calc(14 / var(--design-pc)  * 100vw);
    line-height: calc(25.6 / var(--design-pc)  * 100vw);
    letter-spacing: calc((50 / 1000) * 1em);
    text-align: center;
  }

  #main .price__grade-title-blue{
    font-size: calc(10 / var(--design-pc)  * 100vw);
    line-height: calc(25.6 / var(--design-pc)  * 100vw);
    letter-spacing: calc((50 / 1000) * 1em);
    text-align: center;
  }

  /* 各タブボタンの設定 */
  #main .price__grade-table > label {
    height: calc(39.9 / var(--design-pc)  * 100vw);
    font-size: calc(20 / var(--design-pc)  * 100vw);
    line-height: calc(39.9 / var(--design-pc)  * 100vw);
  }

  /* タブコンテンツのスタイル */
  #main .price__grade-table > div {
    height: calc(114 / var(--design-pc)  * 100vw);
    padding: calc(0 / var(--design-pc)  * 100vw) calc(0 / var(--design-pc)  * 100vw);
  }
  #main.top .price__grade-table > div {
    padding: calc(8 / var(--design-pc)  * 100vw) calc(10 / var(--design-pc)  * 100vw);
  }

  #main.top .price__grade-table .price__grade-table-content{
    border-radius: calc(10 / var(--design-pc)  * 100vw);
    padding: calc(10 / var(--design-pc)  * 100vw) calc(10 / var(--design-pc)  * 100vw);;
  }

  #main .price__grade-table .price__grade-table-content-title{
    font-size: calc(18 / var(--design-pc)  * 100vw);
    line-height: calc(27 / var(--design-pc)  * 100vw);
  }

  #main .price__grade-table .price__grade-table-content-price .price__grade-table-content-price-price{
    font-size: calc(36 / var(--design-pc) * 100vw);
    line-height: calc(55 / var(--design-pc)  * 100vw);
  }

  #main .price__grade-table .price__grade-table-content-price .price__grade-table-content-price-yen{
    margin-left: calc(0 / var(--design-pc)  * 100vw);
    font-size: calc(14 / var(--design-pc)  * 100vw);
    line-height: calc(25.6 / var(--design-pc)  * 100vw);
  }

  #main.top .price__grade-table .price__grade-table-content-price .price__grade-table-content-price-yen{
    margin-left: calc(-4 / var(--design-pc)  * 100vw);
  }

  #main .price__btns{
    flex-direction: row;
    gap: calc(12 / var(--design-pc)  * 100vw);
    margin: 0 auto;
  }
}
/*

Equipment

*/
#main .equipment{
  margin-top: calc(60 / var(--design-sp)  * 100vw);
  padding-bottom: calc(949 / var(--design-sp)  * 100vw);
  position: relative;
}

#main .equipment .equipment__kv{
  position: relative;
}

#main .equipment__kv-mask-img{
  position: relative;
  width: 100vw;
  height: calc(431.93 / var(--design-sp)  * 100vw);
  overflow: hidden;
}

#main .equipment .equipment__kv-img{
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  object-position: center bottom;
}

#main .equipment .equipment__kv-title{
  display: block;
  position: absolute;
  width: calc(157.61 / var(--design-sp)  * 100vw);
  top: calc(40 / var(--design-sp)  * -100vw);
  right: 0;
  left: 0;
  margin: 0 auto;
}

#main .equipment .equipment__kv-title img{
  width: 100%;
}

#main .equipment .equipment__content{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
  padding-top: calc(300 / var(--design-sp)  * 100vw);
}

#main .equipment .equipment__boxs{
  padding-block: calc(60 / var(--design-sp)  * 100vw);
  display: flex;
  flex-direction: column;
  gap: calc(73.7 / var(--design-sp)  * 100vw);
  margin-top: calc(-40 / var(--design-sp)  * 100vw);
}

#main .equipment .equipment__box{
  position: relative;
}

#main .equipment .equipment__box-inner div{
  transition: background-color 0.5s ease;
}

#main .equipment .equipment__box-inner:hover div{
  background-color: var(--blue03);
}

#main .equipment .equipment__box-inner div p{
  transition: filter 0.5s ease;
}

#main .equipment .equipment__box-inner:hover div p{
  filter: invert(100%);
}

#main .equipment .equipment__box-title{
  display: block;
  position: absolute;
  top: calc(35 / var(--design-sp)  * -100vw);
  right: calc(10 / var(--design-sp)  * 100vw);
  width: calc(83.51 / var(--design-sp)  * 100vw);
}

#main .equipment .equipment__box-title.-first{
  width: calc(60.8 / var(--design-sp)  * 100vw);
}

#main .equipment .equipment__box-title.-second{
  width: calc(75 / var(--design-sp)  * 100vw);
}

#main .equipment .equipment__box-title.-third{
  width: calc(73.9 / var(--design-sp)  * 100vw);
}

#main .equipment .equipment__img{
  width: 100%;
}

#main .equipment .equipment__text-box{
  position: relative;
  display: flex;
  width: 100%;
  height: calc(88.6 / var(--design-sp)  * 100vw);
  background-color: var(--white01);
  padding: calc(16.7 / var(--design-sp)  * 100vw) calc(10 / var(--design-sp)  * 100vw);
}

#main .equipment .equipment__text{
  display: block;
  margin-block: auto;
  font-size: calc(20 / var(--design-sp)  * 100vw);
  line-height: calc(30 / var(--design-sp)  * 100vw);
  letter-spacing: calc((20 / 1000) * -1em);
  font-weight: 700;
}

#main .equipment .equipment__text-box:before,
#main .equipment .equipment__text-box:after{
  content: '';
  display: inline-block;
  position: absolute;
  background-image: url('../../img/2509/equipment/equipment-arrow.svg');
  background-repeat: no-repeat;
  background-size: contain;
  top: 0;
  right: 0;
  margin-top: calc(10 / var(--design-sp)  * 100vw);
  width: calc(60.27 / var(--design-sp)  * 100vw);
  height: calc(52.83 / var(--design-sp)  * 100vw);
  transition: filter 0.5s ease, transform 0.5s ease;
}

#main .equipment .equipment__text-box:after{
  transform: translate(-200px, 400px);
}

#main .equipment .equipment__box-inner:hover .equipment__text-box:before,
#main .equipment .equipment__box-inner:hover .equipment__text-box:after {
  filter: brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(0%) hue-rotate(271deg) brightness(104%) contrast(101%);
}

#main .equipment .equipment__box-inner:hover .equipment__text-box:before{
  display: none;
}

#main .equipment .equipment__box-inner:hover .equipment__text-box:after {
  transform: translate(0px, 0px);
}

@media screen and (min-width:751px) {
  #main .equipment{
    margin-top: calc(150 / var(--design-pc)  * 100vw);
    padding-bottom: calc(0 / var(--design-sp)  * 100vw);
  }

  #main .equipment__kv-mask-img{
    height: calc(995.54 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__kv-title{
    top: calc(60 / var(--design-pc)  * -100vw);
    width: calc(269.78 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__content{
    padding-top: calc(660 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__boxs{
    padding-top: calc(10 / var(--design-pc)  * 100vw);
    padding-bottom: calc(130 / var(--design-pc)  * 100vw);
    flex-direction: row;
    gap: calc(22 / var(--design-pc)  * 100vw);
    margin-top: 0;
  }

  #main .equipment .equipment__box{
    width: calc(348 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__box-title{
    top: calc(40 / var(--design-pc)  * -100vw);
    right: calc(10 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__box-title.-first{
    width: calc(68.7 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__box-title.-second{
    width: calc(84.75 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__box-title.-third{
    width: calc(83.51 / var(--design-pc)  * 100vw);
  }

  #main .equipment .equipment__text-box{
    height: calc(94 / var(--design-pc)  * 100vw);
    padding: calc(15 / var(--design-pc)  * 100vw) calc(13 / var(--design-pc)   * 100vw);
  }

  #main .equipment .equipment__text{
    font-size: calc(22 / var(--design-pc)  * 100vw);
    line-height: calc(30 / var(--design-pc)  * 100vw);
    letter-spacing: calc((30 / 1000) * 1em);
  }

  #main .equipment .equipment__text-box:before,
  #main .equipment .equipment__text-box:after{
    margin-top: calc(10 / var(--design-pc)  * 100vw);
    width: calc(60.27 / var(--design-pc)  * 100vw);
    height: calc(52.83 / var(--design-pc)  * 100vw);
  }
}
/*

SafetyAccessories

*/
#main .safety-accessories{
  padding-block: calc(80 / var(--design-sp)  * 100vw);
}

#main .safety-accessories .safety-accessories__inner{
  display: flex;
  flex-direction: column;
  gap: calc(72.5 / var(--design-sp)  * 100vw);
}

#main .safety-accessories .safety-accessories-outer{
  display: flex;
  flex-direction: column;
}

#main .safety-accessories .safety__title{
  width: calc(133.82 / var(--design-sp)  * 100vw);
}

#main .safety-accessories .accessories__title{
  width: calc(228.69 / var(--design-sp)  * 100vw);
}

#main .safety-accessories .safety-accessories__text-title{
  display: inline-block;
  margin-top: calc(29.3 / var(--design-sp)  * 100vw);
  font-size: calc(18 / var(--design-sp)  * 100vw);
  line-height: calc(27 / var(--design-sp)  * 100vw);
  letter-spacing: calc((30 / 1000) * 1em);
}

#main .safety-accessories .safety-accessories__text-text{
  display: inline-block;
  margin-top: calc(8 / var(--design-sp)  * 100vw);
  font-size: calc(14 / var(--design-sp)  * 100vw);
  line-height: calc(24 / var(--design-sp)  * 100vw);
  letter-spacing: calc((0 / 1000) * 1em);
}

#main .safety-accessories .safety-accessories__text-viewmore{
  margin-top: calc(16.5 / var(--design-sp)  * 100vw);
}

#main .safety-accessories .safety-accessories__img{
  margin-top: calc(24.6 / var(--design-sp)  * 100vw);
  width: 100%;
}

#main .safety-accessories__special{
  margin: calc(100 / var(--design-sp)  * 100vw) auto 0;
  width: calc(328 / var(--design-sp)  * 100vw);
}

@media screen and (min-width:751px) {
  #main .safety-accessories{
    padding-block: calc(150 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__inner{
    gap: calc(80 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__safety{
    flex-direction: row;
    justify-content: space-between;
  }

  #main .safety-accessories .safety-accessories__accessories{
    flex-direction: row-reverse;
    justify-content: space-between;
  }

  #main .safety-accessories .safety__title{
    width: calc(221.03 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .accessories__title{
    width: calc(378.55 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__text-title{
    margin-top: calc(24 / var(--design-pc)  * 100vw);
    font-size: calc(22 / var(--design-pc)  * 100vw);
    line-height: calc(35 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__text{
    margin-top: calc(32.3 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__safety .safety-accessories__text{
    width: calc(508.3 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__accessories .safety-accessories__text{
    width: calc(523 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__text-text{
    margin-top: calc(10 / var(--design-pc)  * 100vw);
    font-size: calc(16 / var(--design-pc)  * 100vw);
    line-height: calc(25.6 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__text-viewmore{
    margin-top: calc(32 / var(--design-pc)  * 100vw);
  }

  #main .safety-accessories .safety-accessories__img{
    width: calc(507 / var(--design-pc)  * 100vw);
    margin-top: 0;
  }

  #main .safety-accessories__special{
    margin: calc(120 / var(--design-pc)  * 100vw) auto 0;
    width: calc(720 / var(--design-pc)  * 100vw);
  }
}