.c-image {
  margin: 0;
  border-radius: 0;
}

.bg_black {
  background: #000000;
}

.content {
  padding: 0;
}

.l_main .main_copy {
  line-height: 1.7;
}

.l-main-thirdNav {
  position: relative;
  z-index: 1;
}

.main_hero {
  border-radius: 0;
  margin-top: -150px;
}

.sec_ex_in .ttl_area,
.sec_cra .ttl_area,
.sec_dev .ttl_area {
  padding: clamp(80px, 8vw, 160px) 0 80px;
}

.design .c-video-containerB .c-video-group {
  margin-bottom: 0;
}

.product-grid {
  columns: 2;
  column-gap: 2vw;
}

.product-grid__item {
  break-inside: avoid;
  margin-bottom: 2vw;
}

.product-grid .product-grid__item:nth-child(2n) {
  margin-bottom: 0;
}

.c-nav__swiper .swiper-slide {
  width: calc(100% / 3) !important;
}

.c-swiper-container .c-swiper-content .c-swiper-inner-text {
  font-size: 18px;
  line-height: 1.6;
}

.sec_dev {
  padding-bottom: clamp(80px, 8vw, 160px);
}

.c-swiper-containerC-exterior .c-swiper-box .c-swiper-slideC figure img {
  aspect-ratio: 600 / 318;
}

#target3 .ttl_area {
  border-top: 1px #828282 solid;
}

@media screen and (max-width: 1366px) {
  .l-main-thirdNav {
    top: 0 !important;
  }
}

@media screen and (max-width: 1239px) {
  .content {
    padding: 0 20px;
  }

  .c-swiper-containerC .c-swiper-box .c-swiper-inner {
    padding-left: 20px;
    padding-right: 20px;
  }


}


@media screen and (max-width: 767px) {

  .sec_dev {
    padding-bottom: 80px;
  }



  .c-swiper-container .c-swiper-content .c-swiper-inner-text {
    font-size: 15px;
  }

  .product-grid {
    column-gap: 10px;
  }

  .c-swiper-containerC .c-swiper-box .c-swiper-slideC figure img {
    aspect-ratio: 280 / 280;
  }

  .sec_ex_in .ttl_area,
  .sec_cra .ttl_area,
  .sec_dev .ttl_area {
    padding: 80px 0 60px;
  }

  #target3 .ttl_area {
    padding: 80px 0 40px;
    border-top: 1px #828282 solid;
  }

  .sec_cra .product-grid {
    border-bottom: 1px #828282 solid;
    padding-bottom: 70px;
  }

  .l_main .btn-cut.btn_center {
    padding: 0;
    width: 323px;
    margin: 0 auto;
  }

  .l_main .sec_03 .main_copy {
    color: #ffffff;
  }

  .sec_03 .m_full_inner {
    padding: 80px 20px 40px !important;
  }
}

.c-section-animation {
  position: relative;
}

.c-section-animation .c-section-animation__pin {
  width: 100%;
  height: calc(100vh - 98px);
  overflow: hidden;
  position: relative;
  -webkit-overflow-scrolling: touch;
}

@media screen and (max-width: 1023px) {
  .c-section-animation .c-section-animation__pin {
    height: calc(100vh - 78px);
  }
}

.c-section-animation .c-section-animation__bg {
  position: absolute;
  inset: 0;
  background-size: cover;
  background-position: center;
  will-change: transform;
}

.c-section-animation #c-section-animation__bg--1 {
  background-image: url("../img/img_2_1_pc.jpg");
  z-index: 2;
}

.c-section-animation #c-section-animation__bg--2 {
  background-image: url("../img/img_2_2_pc.jpg");
  z-index: 1;
}


.c-section-animation .c-section-animation__text {
  position: absolute;
  left: 100px;
  width: 80%;
  z-index: 10;
  text-align: center;
  visibility: hidden;

  isolation: isolate;

  -webkit-mask-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0) 100%);
  mask-image: linear-gradient(to bottom,
      rgba(0, 0, 0, 1) 0%,
      rgba(0, 0, 0, 0) 100%);

  -webkit-mask-size: 100% 100%;
  mask-size: 100% 100%;

  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;

  -webkit-mask-position: 0% 100%;
  mask-position: 0% 100%;

  will-change: mask-position, -webkit-mask-position, opacity, top, visibility;
}

.c-section-animation .c-section-animation__text img {
  width: 500px;
  height: auto;
  display: block;
}

.c-swiper-container .c-swiper-button-prev,
.c-swiper-container .c-swiper-button-next {

  transform: none;
}

.c-swiper-containerB .c-swiper-button-next,
.c-swiper-containerC .c-swiper-button-next {
  right: 0vw;

}

.c-swiper-containerB .c-swiper-button-prev,
.c-swiper-containerC .c-swiper-button-prev {
  right: 70px;

}

@media screen and (max-width: 1239px) {
  .c-section-animation .c-section-animation__text {
    position: absolute;
    left: 20px;
  }

  .c-swiper-containerB .c-swiper-button-next,
  .c-swiper-containerC .c-swiper-button-next {
    right: 20px;

  }

  .c-swiper-containerB .c-swiper-button-prev,
  .c-swiper-containerC .c-swiper-button-prev {
    right: 90px;

  }
}

@media screen and (max-width: 1239px) {

  .c-swiper-containerB .c-swiper-button-next,
  .c-swiper-containerC .c-swiper-button-next {
    right: 20px;

  }

  .c-swiper-containerB .c-swiper-button-prev,
  .c-swiper-containerC .c-swiper-button-prev {
    right: 75px;

  }
}

@media screen and (max-width: 1200px) {
  .c-section-animation .c-section-animation__text {
    position: absolute;
    /* left: calc(50vw - 600px); */
  }
}

@media screen and (max-width: 769px) {
  .c-section-animation .u_un767 {
    display: block !important;
  }

  .c-section-animation .u_ov767 {
    display: none !important;
  }

  .c-section-animation #c-section-animation__bg--1 {
    background-image: url("../img/img_2_1_sp.jpg");
    background-position: 100% 40%;
    z-index: 2;
  }

  .c-section-animation #c-section-animation__bg--2 {
    background-image: url("../img/img_2_2_sp.jpg");
    background-position: 100% 52%;
    z-index: 1;
  }


  .c-section-animation .c-section-animation__text {
    left: 50%;
    transform: translateX(-50%);
  }

  .c-section-animation .c-section-animation__text img {
    max-width: 400px;
    width: 100%;
    margin: 3vw auto 0 auto;

  }


}

@media screen and (max-width: 767px) {
  .c-section-animation .c-section-animation__pin {
    height: calc(100vh - 130px);
  }
}

@media screen and (max-width: 460px) {
  .c-section-animation #c-section-animation__bg--1 {
    background-position: center;
  }

  .c-section-animation #c-section-animation__bg--2 {
    background-position: 100% 100%;

  }


  .c-section-animation .c-section-animation__text img {
    max-width: 400px;
    width: 100%;
    margin: 0 auto;


  }


}