:root {
  --index_margin60: clamp(40px, -78.462px + 15.385vw, 60px);
  --index_margin55: clamp(30px, -118.077px + 19.231vw, 55px);
  --index_margin150: clamp(90px, -265.385px + 46.154vw, 150px);
  --index_margin180: clamp(100px, -373.846px + 61.538vw, 180px);
  --index_font_h3: clamp(17px, -42.231px + 7.692vw, 27px);
  --index_font_h2: clamp(16px, 7.955px + 1.045vw, 23px);
}
@media screen and (max-width: 770px) {
  :root {
    --index_font_h3: max(17px, 4.53vw);
    --index_font_h2: max(16px, 4.27vw) ;
  }
}

body header#ver2026 nav,
body header#ver2026 {
  background-color: transparent;
  transition: background-color 0.35s ease;
}
body header#ver2026 nav.is-scrolled,
body header#ver2026.is-scrolled {
  background-color: #ffffff;
}

main {
  width: 100%;
  height: auto;
}
main img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
}
main section {
  width: 100%;
  height: auto;
  background-color: #ffffff;
  display: block;
}
main p,
main span,
main a {
  font-size: clamp(13px, 10.701px + 0.299vw, 15px);
  transition: color 0.35s ease;
  line-height: 2.1;
}
@media screen and (max-width: 770px) {
  main p,
  main span,
  main a {
    line-height: 1.77;
  }
}
main .container {
  width: 93%;
  margin: 0 auto;
  max-width: 1320px;
}
@keyframes zoomOut {
  0% {
    transform: scale(1.1);
  }
  100% {
    transform: scale(1);
  }
}
main .fvArea {
  background-color: transparent;
  width: 100%;
  height: 100vh;
  height: 100dvh;
  position: relative;
  z-index: 0;
}
main .fvArea .backImg {
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: -1;
}
main .fvArea .backImg .swiper-slide {
  transition-property: opacity !important;
  pointer-events: none;
}
main .fvArea .backImg .swiper-slide .imgBox {
  width: 100%;
  height: 100%;
  overflow: hidden;
}
main .fvArea .backImg .swiper-slide .imgBox img {
  transform: scale(1.1) translate3d(0, 0, 0);
  transition: transform 0s linear;
  will-change: transform;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}
main .fvArea .backImg .swiper-slide-active,
main .fvArea .backImg .swiper-slide-duplicate-active {
  pointer-events: auto;
}
main .fvArea .backImg .swiper-slide-active .imgBox img,
main .fvArea .backImg .swiper-slide-duplicate-active .imgBox img {
  transform: scale(1) translate3d(0, 0, 0);
  transition: transform 3.5s linear;
}
main .fvArea .backImg .swiper-slide-prev .imgBox img,
main .fvArea .backImg .swiper-slide-duplicate-prev .imgBox img {
  transform: scale(1) translate3d(0, 0, 0);
  transition: transform 3.5s linear;
}
main .fvArea .backImg .swiper-slide-next .imgBox img,
main .fvArea .backImg .swiper-slide-duplicate-next .imgBox img {
  transform: scale(1.1) translate3d(0, 0, 0);
}
main .fvArea .outlineContainer {
  width: 88%;
  height: 100%;
  margin: 0 auto;
  position: relative;
  z-index: 1;
  display: flex;
  align-items: flex-end;
}
@media screen and (max-width: 770px) {
  main .fvArea .outlineContainer {
    align-items: center;
    justify-content: center;
  }
}
main .fvArea .outlineContent {
  width: 100%;
  padding-bottom: 70px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  justify-content: flex-start;
}
@media screen and (max-width: 770px) {
  main .fvArea .outlineContent {
    padding-bottom: 27px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
main .fvArea .outlineContent .img {
  width: max(148px, 10.28vw);
  margin-bottom: max(25px, 1.736vw);
}
@media screen and (max-width: 770px) {
  main .fvArea .outlineContent .img {
    width: max(115px, 30.666vw);
    margin-right: 0;
    margin-bottom: 17px;
  }
}
main .fvArea .outlineContent p {
  font-size: max(20px, 1.388vw);
  line-height: 1;
}
@media screen and (max-width: 770px) {
  main .fvArea .outlineContent p {
    font-size: max(16px, 4.26vw);
  }
}
main .intrArea {
  margin-top: clamp(60px, -413.846px + 61.538vw, 140px);
  margin-bottom: clamp(60px, -591.538px + 84.615vw, 170px);
}
main .intrArea h2 {
  text-align: center;
  font-size: clamp(18px, -41.231px + 7.692vw, 28px);
  margin-bottom: clamp(55px, -330px + 50vw, 120px);
  letter-spacing: 0.17em;
}
main .intrArea h2 span {
  font-size: clamp(18px, -41.231px + 7.692vw, 28px);
}
main .intrArea .img {
  width: 100%;
  max-width: 505px;
  margin: 0 auto clamp(45px, -280.769px + 42.308vw, 100px);
}
@media screen and (max-width: 770px) {
  main .intrArea .img {
    width: 86%;
  }
}
main .intrArea p {
  text-align: center;
  font-size: clamp(14px, -3.769px + 2.308vw, 17px);
  margin-bottom: clamp(40px, -108.077px + 19.231vw, 65px);
  line-height: 2.5;
}
main .intrArea p:last-child {
  margin-bottom: 0;
}
main .sliderArea {
  margin-bottom: 170px;
}
@media screen and (max-width: 770px) {
  main .sliderArea {
    margin-bottom: 0px;
  }
}
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  100% {
    transform: translateX(-100%);
  }
}
main .sliderArea .scenesSlider {
  width: 100%;
  height: auto;
  overflow: hidden;
  display: flex;
}
main .sliderArea ul {
  width: auto;
  display: flex;
  overflow: hidden;
  flex-shrink: 0;
  animation: scrollLeft 45s infinite linear 0.5s both;
}
@media screen and (max-width: 770px) {
  main .sliderArea ul {
    animation: scrollLeft 35s infinite linear 0.5s both;
  }
}
main .sliderArea ul li {
  width: 28.5714285714vw;
}
main .sliderArea ul li .img {
  width: 100%;
}
@media screen and (max-width: 770px) {
  main .sliderArea ul li {
    width: 43.4782608696vw;
  }
}
main .featuerArea {
  background-color: #EBEBEB;
}
@media screen and (max-width: 770px) {
  main .featuerArea {
    padding-top: 80px;
  }
}
main .featuerArea .featuerWarpper {
  width: 100%;
  display: flex;
  flex-direction: column;
}
main .featuerArea .featuerWarpper li {
  display: flex;
}
@media screen and (max-width: 770px) {
  main .featuerArea .featuerWarpper li {
    flex-direction: column-reverse;
    margin-bottom: 50px;
  }
  main .featuerArea .featuerWarpper li:last-child {
    margin-bottom: 0;
  }
}
main .featuerArea .featuerWarpper li .textBlock {
  width: 50%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  padding: 50px;
}
@media screen and (max-width: 770px) {
  main .featuerArea .featuerWarpper li .textBlock {
    width: 100%;
    padding: 40px 8.97% 35px;
  }
}
main .featuerArea .featuerWarpper li .textBlock hgroup {
  width: 100%;
  max-width: 470px;
  margin: 0 auto;
  margin-bottom: clamp(35px, -31.957px + 8.696vw, 55px);
}
main .featuerArea .featuerWarpper li .textBlock hgroup h3 {
  font-size: clamp(18px, -35.308px + 6.923vw, 27px);
}
main .featuerArea .featuerWarpper li .textBlock hgroup p {
  line-height: 1;
  font-size: clamp(14px, -15.615px + 3.846vw, 19px);
  margin-bottom: clamp(30px, -29.231px + 7.692vw, 40px);
}
main .featuerArea .featuerWarpper li .textBlock > p {
  max-width: 470px;
  margin: 0 auto;
}
main .featuerArea .featuerWarpper li .imgBlock {
  width: 50%;
}
main .featuerArea .featuerWarpper li .imgBlock .swiper-nav {
  position: absolute;
  bottom: 0;
  left: 0;
  margin: 0 auto 15px;
  width: 100%;
}
main .featuerArea .featuerWarpper li .imgBlock .swiper-nav .swiper-pagination-bullet {
  opacity: 0.5;
  background-color: #DCDDDD;
  border: #DCDDDD;
}
main .featuerArea .featuerWarpper li .imgBlock .swiper-nav .swiper-pagination-bullet-active {
  opacity: 1;
  background-color: #000;
}
@media screen and (max-width: 770px) {
  main .featuerArea .featuerWarpper li .imgBlock {
    width: 100%;
    display: flex;
    justify-content: flex-end;
  }
  main .featuerArea .featuerWarpper li .imgBlock img {
    width: 74.36%;
  }
  main .featuerArea .featuerWarpper li .imgBlock .swiper {
    width: 74.36%;
    margin: 0;
  }
  main .featuerArea .featuerWarpper li .imgBlock .swiper::after {
    content: "";
    display: block;
    padding-top: 100%;
    width: 100%;
    height: 0;
  }
  main .featuerArea .featuerWarpper li .imgBlock .swiper .swiper-wrapper {
    position: absolute;
    top: 0;
    left: 0;
  }
  main .featuerArea .featuerWarpper li .imgBlock .swiper img {
    width: 100%;
  }
}
main .featuerArea .featuerWarpper li:nth-child(2) {
  flex-direction: row-reverse;
}
@media screen and (max-width: 770px) {
  main .featuerArea .featuerWarpper li:nth-child(2) {
    flex-direction: column-reverse;
  }
  main .featuerArea .featuerWarpper li:nth-child(2) .imgBlock {
    justify-content: flex-start;
  }
}
main .featuerArea .subFeatuerWrapper {
  width: 93%;
  max-width: 980px;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 40px;
       column-gap: 40px;
  padding: clamp(50px, -246.154px + 38.462vw, 100px) 0;
}
@media screen and (max-width: 770px) {
  main .featuerArea .subFeatuerWrapper {
    width: 100%;
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    row-gap: 60px;
  }
}
main .featuerArea .subFeatuerWrapper li {
  width: 100%;
}
main .featuerArea .subFeatuerWrapper li .imgBlock {
  width: 100%;
}
@media screen and (max-width: 770px) {
  main .featuerArea .subFeatuerWrapper li .imgBlock img {
    width: 82.04%;
    margin: 0 auto;
  }
}
main .featuerArea .subFeatuerWrapper li .textBlock {
  padding: 25px 0;
}
@media screen and (max-width: 770px) {
  main .featuerArea .subFeatuerWrapper li .textBlock {
    padding: 25px 8.97%;
  }
}
main .featuerArea .subFeatuerWrapper li .textBlock h4 {
  font-size: clamp(14px, -15.615px + 3.846vw, 19px);
  margin-bottom: 20px;
  letter-spacing: 0.12em;
  line-height: 1.83;
}
main .proInfoArea {
  padding-bottom: var(--index_margin150);
  padding: clamp(50px, -246.154px + 38.462vw, 100px) 0;
  background-color: #DCDDDD;
}
main .proInfoArea .outline {
  margin-bottom: clamp(40px, -78.462px + 15.385vw, 60px);
}
main .proInfoArea .outline h3 {
  font-size: clamp(25px, -34.231px + 7.692vw, 35px);
  margin-bottom: 5px;
  text-align: center;
}
main .proInfoArea .outline p {
  font-size: clamp(12px, -17.615px + 3.846vw, 17px);
  text-align: center;
}
main .proInfoArea .imgBlock {
  width: 100%;
  max-width: 294px;
  margin: 0 auto 30px;
}
main .proInfoArea .infoTextBlock {
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
}
main .proInfoArea .infoTextBlock li {
  display: flex;
  align-items: center;
  margin-bottom: clamp(10px, -1.846px + 1.538vw, 12px);
}
main .proInfoArea .infoTextBlock li div {
  width: 1px;
  height: clamp(13px, 10.701px + 0.299vw, 15px);
  background-color: #515150;
  margin: 0 clamp(15px, -14.615px + 3.846vw, 20px);
}
main .proInfoArea .infoTextBlock li .tag {
  display: inline-block;
  font-size: clamp(9px, -2.846px + 1.538vw, 11px);
  border: solid 1px #515150;
  padding: 3px 4px;
  line-height: 1;
  margin-right: 5px;
}
main .proInfoArea .infoTextBlock li p:nth-of-type(3) .tag {
  margin-left: 9px;
}
main .releaseDaysArea {
  padding: var(--index_margin180) 0;
}
main .releaseDaysArea .box {
  margin-bottom: var(--index_margin_60);
  max-width: 640px;
  margin: 0 auto clamp(70px, -285.385px + 46.154vw, 130px);
}
main .releaseDaysArea .box .line {
  width: 100%;
  height: 1px;
  display: block;
  background: #ffffff;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0) 0%, rgb(0, 0, 0) 50%, rgba(255, 255, 255, 0) 100%);
}
main .releaseDaysArea .box .date {
  font-size: clamp(17px, 7.806px + 1.194vw, 25px);
  text-align: center;
  margin: clamp(30px, 18.507px + 1.493vw, 40px) 0 clamp(20px, 8.507px + 1.493vw, 30px);
}
main .releaseDaysArea .box .date .en {
  font-size: clamp(23px, 13.806px + 1.194vw, 31px);
}
main .releaseDaysArea .box p {
  text-align: center;
  margin-bottom: clamp(30px, 18.507px + 1.493vw, 40px);
}
@media screen and (max-width: 770px) {
  main .releaseDaysArea .box p {
    text-align: left;
  }
}
main .releaseDaysArea .box p a {
  text-decoration: underline;
}
main .releaseDaysArea .box p a:hover {
  color: #B0B2AF;
}
main .releaseDaysArea .showroomBox {
  display: grid;
  grid-template-columns: 1fr 1fr;
  -moz-column-gap: 40px;
       column-gap: 40px;
  max-width: 640px;
  margin: 0 auto;
}
@media screen and (max-width: 770px) {
  main .releaseDaysArea .showroomBox {
    grid-template-columns: 100%;
    grid-template-rows: auto auto;
    row-gap: 20px;
  }
}
main .releaseDaysArea .showroomBox .img {
  position: relative;
  z-index: 0;
}
main .releaseDaysArea .showroomBox .img img {
  z-index: 1;
}
main .releaseDaysArea .showroomBox .img span {
  position: absolute;
  z-index: 2;
  bottom: 7px;
  right: 7px;
  font-size: 12px;
  color: #ffffff;
}
main .releaseDaysArea .showroomBox .text {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  flex-direction: column;
}
main .releaseDaysArea .showroomBox .text p {
  font-size: clamp(13px, 9.652px + 0.435vw, 14px);
}
main .releaseDaysArea .showroomBox .rla {
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: 20px;
}
main .releaseDaysArea .showroomBox .rla span {
  display: block;
  margin-right: clamp(9px, -2.846px + 1.538vw, 11px);
}
main .releaseDaysArea .showroomBox .rla div {
  width: 48px;
  height: 20px;
  background-color: #000;
  border-radius: 50px;
  display: flex;
  align-items: center;
  justify-content: center;
}
main .releaseDaysArea .showroomBox .rla div img {
  width: clamp(14px, -3.769px + 2.308vw, 17px);
  height: auto;
  -o-object-fit: contain;
  object-fit: contain;
  transition: transform 0.35s ease;
}
main .releaseDaysArea .showroomBox .rla:hover span {
  opacity: 0.65;
}
main .releaseDaysArea .showroomBox .rla:hover img {
  transform: translateX(3px);
}
main .releaseDaysArea .base_btn {
  width: 300px;
  background-color: #1c1c1c;
  padding: 22px 0;
  margin: clamp(30px, 18.507px + 1.493vw, 40px) auto;
}
main .releaseDaysArea .base_btn span {
  color: #ffffff;
  font-size: clamp(13px, 10.701px + 0.299vw, 15px);
}
main .releaseDaysArea .base_btn:hover span {
  color: #1c1c1c;
}
main .releaseDaysArea .base_btn::after {
  background-color: #ffffff;
}