@charset "utf-8";
.mv {
  padding: 50px 50px 0;
}
.mv__slider .Slider__box {
  padding-bottom: 47.416843595187544% !important;
}
.mv__slide {
  display: none;
  position: relative;
  background-color: #fff;
}
.mv__slide--reverse .mv__image {
  z-index: 1;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 1.2%, 0);
  -moz-transform: translate3d(0, 1.2%, 0);
  -o-transform: translate3d(0, 1.2%, 0);
  -ms-transform: translate3d(0, 1.2%, 0);
  transform: translate3d(0, 1.2%, 0);
}
.mv__slide--reverse .mv__ttl {
  z-index: 0;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -o-transform: translate3d(0, 0%, 0);
  -ms-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.mv__slide--reverse.Slider__slide--show .mv__image {
  -webkit-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -webkit-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  -moz-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -moz-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  -o-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -o-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  -ms-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -ms-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -o-transform: translate3d(0, 0%, 0);
  -ms-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.mv__slide.Slider__slide--show .mv__ttl {
  -webkit-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -webkit-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  -moz-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -moz-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  -o-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -o-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  -ms-transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, -ms-transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  transition: opacity 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms, transform 480ms cubic-bezier(0.325, 0.19, 0.26, 0.895) 440ms;
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: translate3d(0, 0%, 0);
  -moz-transform: translate3d(0, 0%, 0);
  -o-transform: translate3d(0, 0%, 0);
  -ms-transform: translate3d(0, 0%, 0);
  transform: translate3d(0, 0%, 0);
}
.mv__slideA {
  z-index: 0;
  position: relative;
  display: block;
}
.mv__slideA--disable {
  pointer-events: none;
}
.mv__image {
  z-index: 0;
  position: relative;
}
.mv__ttl {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: translate3d(0, 1.2%, 0);
  -moz-transform: translate3d(0, 1.2%, 0);
  -o-transform: translate3d(0, 1.2%, 0);
  -ms-transform: translate3d(0, 1.2%, 0);
  transform: translate3d(0, 1.2%, 0);
}
@media screen and (max-width: 736px) {
  .mv {
    padding: 0vw 0 0;
  }
  .mv__slider .Slider__box {
    padding-bottom: 74.59893048128342% !important;
  }
}
.navs {
  z-index: 10;
  position: relative;
  padding: 108px 0 100px;
  background-color: #fff;
}
.navs__controllers {
  position: absolute;
  top: 40px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.navs__controllers--show {
  -webkit-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.navs__controller {
  position: relative;
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-left: 17px;
}
.navs__controller:first-child {
  margin-left: 0;
}
.navs__controller:after {
  content: ' ';
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 11px;
  height: 11px;
  margin: auto;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  border: 1px solid #333;
  border-radius: 50%;
  -webkit-transition: background-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: background-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: background-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: background-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: background-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94), border-color 320ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.navs__controller--current:after {
  background-color: #333;
  border-color: #333;
}
.navs__list {
  display: -webkit-box;
  display: -moz-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: box;
  display: flex;
  -webkit-box-lines: multiple;
  -moz-box-lines: multiple;
  -o-box-lines: multiple;
  -webkit-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -moz-box-pack: center;
  -o-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  justify-content: center;
  width: 896px;
  margin: 0 auto;
}
.navs__item {
  width: 150px;
  margin-left: 30px;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.navs__item--show {
  -webkit-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
.navs__item:nth-child(1) {
  -webkit-transition-delay: 0ms;
  -moz-transition-delay: 0ms;
  -o-transition-delay: 0ms;
  -ms-transition-delay: 0ms;
  transition-delay: 0ms;
}
.navs__item:nth-child(2) {
  -webkit-transition-delay: 40ms;
  -moz-transition-delay: 40ms;
  -o-transition-delay: 40ms;
  -ms-transition-delay: 40ms;
  transition-delay: 40ms;
}
.navs__item:nth-child(3) {
  -webkit-transition-delay: 80ms;
  -moz-transition-delay: 80ms;
  -o-transition-delay: 80ms;
  -ms-transition-delay: 80ms;
  transition-delay: 80ms;
}
.navs__item:nth-child(4) {
  -webkit-transition-delay: 120ms;
  -moz-transition-delay: 120ms;
  -o-transition-delay: 120ms;
  -ms-transition-delay: 120ms;
  transition-delay: 120ms;
}
.navs__item:nth-child(5) {
  -webkit-transition-delay: 160ms;
  -moz-transition-delay: 160ms;
  -o-transition-delay: 160ms;
  -ms-transition-delay: 160ms;
  transition-delay: 160ms;
}
.navs__item:nth-child(6) {
  -webkit-transition-delay: 200ms;
  -moz-transition-delay: 200ms;
  -o-transition-delay: 200ms;
  -ms-transition-delay: 200ms;
  transition-delay: 200ms;
}
.navs__item:first-child {
  margin-left: 0;
}
.navs__item--current .navs__a:before {
  -webkit-transition: opacity 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -webkit-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -moz-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -o-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955), -ms-transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 480ms cubic-bezier(0.455, 0.03, 0.515, 0.955), transform 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  opacity: 1;
  -ms-filter: none;
  filter: none;
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -o-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.navs__a {
  display: block;
  position: relative;
  -webkit-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -moz-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -o-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  -ms-transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: opacity 360ms cubic-bezier(0.25, 0.46, 0.45, 0.94);
}
.navs__a:hover {
  opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
}
.navs__a:before {
  content: ' ';
  position: absolute;
  top: -5px;
  left: -5px;
  right: -5px;
  bottom: -5px;
  width: 160px;
  height: 148px;
  pointer-events: none;
  background-image: url("/2023summercatalog/assets/images/index/ico_current.svg");
  background-repeat: no-repeat;
  background-position: center center;
  -webkit-background-size: contain;
  -moz-background-size: contain;
  background-size: contain;
  -webkit-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -webkit-transform 8ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 480ms;
  -moz-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -moz-transform 8ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 480ms;
  -o-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -o-transform 8ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 480ms;
  -ms-transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), -ms-transform 8ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 480ms;
  transition: opacity 480ms cubic-bezier(0.25, 0.46, 0.45, 0.94), transform 8ms cubic-bezier(0.25, 0.46, 0.45, 0.94) 480ms;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
  -webkit-transform: scale(1.03);
  -moz-transform: scale(1.03);
  -o-transform: scale(1.03);
  -ms-transform: scale(1.03);
  transform: scale(1.03);
}
.navs__ttl {
  width: 104%;
  margin-top: 12px;
  -webkit-transform: translate3d(-2.5%, 0, 0);
  -moz-transform: translate3d(-2.5%, 0, 0);
  -o-transform: translate3d(-2.5%, 0, 0);
  -ms-transform: translate3d(-2.5%, 0, 0);
  transform: translate3d(-2.5%, 0, 0);
}
.navs__bnr {
  width: 650px;
  margin: 100px auto 0;
}
.navs__bnrA {
  display: block;
  -webkit-transition: opacity 320ms ease;
  -moz-transition: opacity 320ms ease;
  -o-transition: opacity 320ms ease;
  -ms-transition: opacity 320ms ease;
  transition: opacity 320ms ease;
}
.navs__bnrA:hover {
  opacity: 0.65;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)";
  filter: alpha(opacity=65);
}
.navs__banner {
  width: 520px;
  margin: 56px auto 0;
  opacity: 0;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: alpha(opacity=0);
}
.navs__banner--show {
  -webkit-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -moz-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -o-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  -ms-transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  transition: opacity 800ms cubic-bezier(0.455, 0.03, 0.515, 0.955);
  opacity: 1;
  -ms-filter: none;
  filter: none;
}
@media screen and (max-width: 736px) {
  .navs {
    padding: 16.53333333333333vw 0 13.333333333333334vw;
  }
  .navs__controllers {
    top: 5.333333333333333vw;
  }
  .navs__controller {
    width: 5.333333333333333vw;
    height: 5.333333333333333vw;
    margin-left: 8vw;
  }
  .navs__controller:first-child {
    margin-left: 0;
  }
  .navs__controller:after {
    width: 2.666666666666667vw;
    height: 2.666666666666667vw;
  }
  .navs__list {
    width: 86.66666666666667vw;
  }
  .navs__item {
    width: 26.666666666666668vw;
    margin-top: 6.666666666666667vw;
    margin-left: 3.333333333333333vw;
  }
  .navs__item:nth-child(3n+1) {
    margin-left: 0;
  }
  .navs__item:nth-child(1),
  .navs__item:nth-child(2),
  .navs__item:nth-child(3) {
    margin-top: 0;
  }
  .navs__a {
    -webkit-transition: none;
    -moz-transition: none;
    -o-transition: none;
    -ms-transition: none;
    transition: none;
  }
  .navs__a:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .navs__a:before {
    display: none;
  }
  .navs__ttl {
    width: 105%;
    margin-top: 2.666666666666667vw;
  }
  .navs__bnr {
    width: 73.33333333333333vw;
    margin: 13.333333333333334vw auto 0;
  }
  .navs__bnrA:hover {
    opacity: 1;
    -ms-filter: none;
    filter: none;
  }
  .navs__banner {
    width: 69.33333333333333vw;
    margin: 13.333333333333334vw auto 0;
  }
}
html,
body {
  height: auto;
  overflow: auto;
  overflow-x: auto;
}
.wrapper {
  height: auto;
  margin-top: 62px;
}
.index {
  padding-bottom: 0;
}
@media screen and (max-width: 736px) {
  .wrapper {
    margin: 13.333333333333334vw 0 13.333333333333334vw;
  }
}
.content-inner {
  max-width: calc(100% - 100px);
  margin: 0 auto;
  overflow: hidden;
}
.page-heading {
  font-size: 1.3rem;
  letter-spacing: 0.12em;
  line-height: 1.6;
  color: #333333;
  font-weight: 700;
  margin-bottom: 8px;
}

@media screen and (max-width: 736px) {
  .content-inner {
    max-width: 100%;
    padding: 0 5.33vmin;
  }
  .page-heading {
    font-size: 2.6vmin;
    line-height: 1.6;
    color: #333333;
    font-weight: normal;
  }
}