@charset "UTF-8";
/** ───────────────────────────────────────────────────────── **/
/*** ▼ 編集不要 ▼ ***/
.main_slider {
  width: 100%;
  margin-bottom: 40px;
  position: relative;
}
.main_slider .swiper .swiper-slide {
  width: 100%;
  aspect-ratio: 16/9;
  position: relative;
  overflow: hidden;
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
@media (max-width: 740px) {
  .main_slider .swiper .swiper-slide {
    aspect-ratio: 375/667;
  }
}
.main_slider .swiper .swiper-slide img {
  will-change: transform;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
@media (max-width: 740px) {
  .main_slider .swiper .swiper-slide img {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
  }
}
.main_slider .swiper .swiper-slide.extend-active img {
  -webkit-transition: -webkit-transform 12s linear;
  transition: -webkit-transform 12s linear;
  transition: transform 12s linear;
  transition: transform 12s linear, -webkit-transform 12s linear;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.main_slider .slide_lode {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  background-color: #fff;
  -webkit-transition: opacity 3s;
  transition: opacity 3s;
}
.main_slider .slide_lode.on {
  opacity: 0;
}
.main_slider .st_wrap {
  position: absolute;
  top: 40px;
  left: 60px;
  z-index: 9;
  color: #fff;
}
@media (max-width: 740px) {
  .main_slider .st_wrap {
    top: 30px;
    left: 20px;
  }
}
.main_slider .st_wrap .txts .mv_txt01 {
  font-size: clamp(4.8rem, -3.657rem + 11.429vw, 9.6rem);
  line-height: 1;
  letter-spacing: 0;
}
.main_slider .st_wrap .txts .mv_txt02 {
  font-size: clamp(2rem, 1.648rem + 0.476vw, 2.2rem);
  font-weight: 600;
  letter-spacing: 0.1em;
  opacity: 0;
  -webkit-transition: opacity 1s ease-in-out 2.5s;
  transition: opacity 1s ease-in-out 2.5s;
}
.main_slider .st_wrap .txts .mv_txt02.on {
  opacity: 1;
}

.usp {
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .usp {
    width: 306px;
    margin-bottom: 50px;
  }
}

.main_copy {
  font-size: clamp(1.9rem, 1.371rem + 0.714vw, 2.2rem);
  letter-spacing: 0;
  color: #85695d;
  text-align: center;
  margin-bottom: 60px;
}
@media (max-width: 740px) {
  .main_copy {
    margin-bottom: 50px;
  }
}

.gaikan {
  width: 740px;
  margin: 0 auto 120px;
  position: relative;
  opacity: 0;
  -webkit-transform: translateY(20px);
          transform: translateY(20px);
  -webkit-transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, -webkit-transform 1.5s;
  transition: opacity 1.5s, transform 1.5s;
  transition: opacity 1.5s, transform 1.5s, -webkit-transform 1.5s;
}
@media (max-width: 740px) {
  .gaikan {
    width: 90%;
    margin-bottom: 100px;
  }
}
.gaikan .cap {
  line-height: 1;
  position: absolute;
  bottom: 0;
  right: 0;
  color: #85695d;
}
@media (max-width: 740px) {
  .gaikan .cap {
    bottom: -20px;
  }
}
.gaikan.on {
  opacity: 1;
  -webkit-transform: translateY(0px);
          transform: translateY(0px);
}

.info {
  margin-bottom: 70px;
}
.info .txts01 {
  margin-bottom: 35px;
}
.info .txts01 .txt01 {
  line-height: 1;
  text-align: center;
  font-size: clamp(1.6rem, 0.895rem + 0.952vw, 2rem);
  font-weight: 500;
  letter-spacing: 0.02em;
  color: #85695d;
  margin-bottom: 20px;
}
.info .txts01 .txt02 {
  line-height: 1;
  text-align: center;
  font-size: clamp(2.4rem, 1.343rem + 1.429vw, 3rem);
  letter-spacing: 0;
  color: #85695d;
  margin-bottom: 20px;
}
.info .txts01 .txt03 {
  text-align: center;
  font-size: 1.5rem;
  letter-spacing: 0;
  color: #85695d;
}
.info .cv_btn01 {
  text-align: center;
  width: 335px;
  padding: 10px;
  margin: 0 auto 16px;
  background-color: #85695d;
  color: #fff;
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
@media (max-width: 740px) {
  .info .cv_btn01 {
    width: 100%;
  }
}
@media not all and (pointer: coarse) {
  .info .cv_btn01:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
.info .cv_btn01 .txt01 {
  font-size: clamp(1.6rem, 1.248rem + 0.476vw, 1.8rem);
  letter-spacing: 0.02em;
}
.info .cv_btn01 .txt02 {
  font-size: 1.3rem;
  letter-spacing: 0;
}
.info .cv_btn02 {
  text-align: center;
  width: 335px;
  line-height: 64.5px;
  margin: 0 auto;
  background-color: #85695d;
  color: #fff;
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
@media (max-width: 740px) {
  .info .cv_btn02 {
    width: 100%;
  }
}
@media not all and (pointer: coarse) {
  .info .cv_btn02:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
.info .cv_btn02 .txt01 {
  font-size: clamp(1.6rem, 1.248rem + 0.476vw, 1.8rem);
  letter-spacing: 0.02em;
}

.movie {
  margin-bottom: 70px;
  position: relative;
}
.movie #play {
  pointer-events: none;
  position: absolute;
  bottom: 5%;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  width: 120px;
}
@media (max-width: 740px) {
  .movie #play {
    width: 60px;
  }
}

.one_c_con {
  margin-bottom: 160px;
}
@media (max-width: 740px) {
  .one_c_con {
    margin-bottom: 80px;
  }
}
.one_c_con.nverend {
  margin-bottom: 70px;
}
@media (max-width: 740px) {
  .one_c_con.nverend {
    margin-bottom: 40px;
  }
}
.one_c_con .wide_img {
  margin-bottom: 70px;
}
@media (max-width: 740px) {
  .one_c_con .wide_img {
    margin-bottom: 40px;
  }
}
.one_c_con .txts01 {
  width: 90%;
  margin: 0 auto;
  color: #85695d;
}
.one_c_con .txts01 .titl01 {
  line-height: 1;
  font-size: clamp(4.8rem, -3.657rem + 11.429vw, 9.6rem);
  letter-spacing: 0;
  margin-bottom: 20px;
}
.one_c_con .txts01 .titl02 {
  font-size: clamp(2rem, 1.648rem + 0.476vw, 2.2rem);
  letter-spacing: 0em;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .one_c_con .txts01 .titl02 {
    margin-bottom: 20px;
  }
}
.one_c_con .txts01 .txt01 {
  font-size: clamp(1.3rem, 0.771rem + 0.714vw, 1.6rem);
  line-height: 1.75;
  letter-spacing: 0;
}
.one_c_con .txts01 .txt_cap {
  margin-top: 10px;
}
.one_c_con .txts01 .more {
  width: 335px;
  line-height: 40px;
  border: 1px solid #85695d;
  text-align: center;
  margin-top: 30px;
  color: #85695d;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  position: relative;
}
@media (max-width: 740px) {
  .one_c_con .txts01 .more {
    width: 100%;
    margin-top: 20px;
  }
}
.one_c_con .txts01 .more img {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 7px;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
.one_c_con .txts01 .more svg {
  position: absolute;
  top: 50%;
  right: 15px;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 7px;
}
.one_c_con .txts01 .more svg polyline {
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
  stroke: #85695d;
}
@media not all and (pointer: coarse) {
  .one_c_con .txts01 .more:hover {
    background-color: #85695d;
    color: #fff;
  }
  .one_c_con .txts01 .more:hover svg polyline {
    stroke: #fff;
  }
}

.two_c_con {
  width: 90%;
  margin: 0 auto;
  display: grid;
  grid-template-columns: 686fr 474fr;
  margin-bottom: 70px;
}
@media (max-width: 740px) {
  .two_c_con {
    grid-template-columns: 1fr;
    gap: 40px;
    margin-bottom: 80px;
  }
}
.two_c_con.brand {
  grid-template-columns: 588fr 572fr;
}
@media (max-width: 740px) {
  .two_c_con.brand {
    grid-template-columns: 1fr;
    margin-bottom: 40px;
  }
}
.two_c_con .txts01 {
  color: #85695d;
}
@media (max-width: 740px) {
  .two_c_con .txts01 {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.two_c_con .txts01 .titl01 {
  line-height: 1;
  font-size: clamp(4.8rem, -3.657rem + 11.429vw, 9.6rem);
  letter-spacing: 0;
  margin-bottom: 20px;
}
.two_c_con .txts01 .titl02 {
  font-size: clamp(1.9rem, 1.371rem + 0.714vw, 2.2rem);
  letter-spacing: 0em;
  margin-bottom: 30px;
}
@media (max-width: 740px) {
  .two_c_con .txts01 .titl02 {
    margin-bottom: 20px;
  }
}
.two_c_con .txts01 .txt01 {
  font-size: clamp(1.3rem, 0.771rem + 0.714vw, 1.6rem);
  line-height: 1.75;
  letter-spacing: 0;
}
.two_c_con .txts01 .txt_cap {
  margin-top: 10px;
}
.two_c_con .txts01 .gmap {
  width: 335px;
  line-height: 40px;
  border: 1px solid #85695d;
  text-align: center;
  margin-top: 30px;
  color: #85695d;
  -webkit-transition: all 0.4s;
  transition: all 0.4s;
}
@media (max-width: 740px) {
  .two_c_con .txts01 .gmap {
    width: 100%;
    margin-top: 20px;
  }
}
@media not all and (pointer: coarse) {
  .two_c_con .txts01 .gmap:hover {
    background-color: #85695d;
    color: #fff;
  }
}
@media (max-width: 740px) {
  .two_c_con .img {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
.two_c_con .img .tanaka {
  text-align: right;
  color: #85695d;
}

.s_wrap {
  margin-bottom: 70px;
}
@media (max-width: 740px) {
  .s_wrap {
    margin-bottom: 40px;
  }
}
.s_wrap .swiper-area {
  overflow: hidden;
  width: 100%;
  position: relative;
}
.s_wrap .swiper-area .swiper {
  -ms-touch-action: auto;
      touch-action: auto;
}
.s_wrap .swiper-area .swiper-button-next {
  position: absolute;
  top: 50%;
  right: 60px;
  z-index: 1;
  width: 70px;
  height: 70px;
  -webkit-transform: translate(0%, -50%);
          transform: translate(0%, -50%);
  cursor: pointer;
  -webkit-transition: -webkit-filter 0.3s;
  transition: -webkit-filter 0.3s;
  transition: filter 0.3s;
  transition: filter 0.3s, -webkit-filter 0.3s;
}
@media not all and (pointer: coarse) {
  .s_wrap .swiper-area .swiper-button-next:hover {
    -webkit-filter: brightness(1.2);
            filter: brightness(1.2);
  }
}
@media (max-width: 740px) {
  .s_wrap .swiper-area .swiper-button-next {
    right: 5px;
    width: 30px;
    height: 30px;
  }
}/*# sourceMappingURL=top.css.map */