@charset "UTF-8";
:root {
  --header-h: 5rem;
  --nav-h: 8rem;
  --pd-horizontal: 2rem;
  --pd-vertical: 1rem;
  --gap-h: 2.4rem;
  --gap-h--l: 4rem;
  --gap-v: 2rem;
  --gap-v--s: 1rem;
  --gap-v--ss: .6rem;
  --gap-v--l: 6rem;
  --gap-v--xl: 8rem;
}

@media (min-width: 769px) {
  :root {
    --header-h: 6rem;
    --nav-h: 5.5rem;
    --pd-horizontal: 4rem;
    --pd-vertical: 2rem;
    --gap-h: 5rem;
    --gap-h--l: 8rem;
    --gap-v: 5rem;
    --gap-v--s: 2rem;
    --gap-v--ss: 1.6rem;
    --gap-v--l: 8rem;
    --gap-v--xl: 12rem;
  }
}

html {
  font-size: 62.5%;
  width: 100%;
  overflow-x: hidden;
  font-family: "FP-ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", Frutiger, Helvetica, sans-serif;
  font-weight: 400;
}

body {
  width: 100%;
  overflow-x: hidden;
  color: #333;
}

img {
  max-width: 100%;
}

.swiper-button-prev.swiper-button-disabled,
.swiper-button-next.swiper-button-disabled {
  pointer-events: inherit;
  opacity: 0;
}

.swiper {
  position: initial;
}

.ant-block__wrapper {
  width: calc(100% - var(--gap-h) * 2);
  margin: var(--gap-v) auto;
}

.ant-block__head {
  font-size: 2.6rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
  text-align: center;
  margin: calc(var(--gap-v--s) * 1.5) auto;
}

@media (min-width: 769px) {
  .ant-block__head {
    font-size: 6.4rem;
  }
}

.ant-block__text {
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: center;
}

@media (min-width: 769px) {
  .ant-block__text {
    font-size: 1.8rem;
  }
}

.ant-block__figure {
  margin: var(--gap-v) auto;
  width: 100%;
}

.ant-block__img {
  width: 100%;
  height: auto;
}

@media (min-width: 769px) {
  .ant-brSP {
    display: none;
  }
}

.ant-brPC {
  display: none;
}

@media (min-width: 769px) {
  .ant-brPC {
    display: block;
  }
}

.ant-btn {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: 1.4rem;
  color: #fff;
  padding: .4rem 1.6rem;
  border-radius: 100rem;
  -webkit-transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

@media (min-width: 769px) {
  .ant-btn {
    font-size: 1.5rem;
    padding: .6rem 2.2rem;
  }
}

.ant-btn:hover {
  opacity: .7;
}

.ant-btn--ghost {
  color: #333;
  border: 1px solid #333;
}

.ant-btn--rect {
  border-radius: 0;
}

.ant-btn--bg-blue {
  background-color: #428ee6;
}

.ant-btn--bg-black {
  background-color: #333;
}

.ant-closeBtn {
  cursor: pointer;
}

.ant-closeBtn::before, .ant-closeBtn::after {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #fff;
}

.ant-closeBtn::before {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(-45deg);
          transform: translate3d(-50%, -50%, 0) rotate(-45deg);
}

.ant-closeBtn::after {
  -webkit-transform: translate3d(-50%, -50%, 0) rotate(45deg);
          transform: translate3d(-50%, -50%, 0) rotate(45deg);
}

.ant-swiperBtn__next, .ant-swiperBtn__prev {
  color: #fff;
  background-color: rgba(0, 0, 0, 0.3);
  width: 5rem;
  height: 5rem;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

@media (min-width: 769px) {
  .ant-swiperBtn__next, .ant-swiperBtn__prev {
    width: 7rem;
    height: 7rem;
  }
}

.ant-swiperBtn__next::after, .ant-swiperBtn__prev::after {
  -webkit-transform: scale(0.5);
          transform: scale(0.5);
}

.ant-swiperBtn__next {
  padding-left: .3rem;
  right: 1rem;
}

.ant-swiperBtn__prev {
  padding-right: .3rem;
  left: 1rem;
}

.ant-gradient {
  position: relative;
}

.ant-gradient::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.4)), color-stop(40%, rgba(0, 0, 0, 0)));
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4), rgba(0, 0, 0, 0) 40%);
  z-index: 1;
}

.ant-gradient--toBottom::before {
  background: -webkit-gradient(linear, left top, left bottom, from(rgba(255, 255, 255, 0.4)), color-stop(40%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 40%);
}

.ant-gradient--toTop::before {
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.4)), color-stop(40%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to top, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 40%);
}

.ant-gradient--toLeft::before {
  background: -webkit-gradient(linear, right top, left top, from(rgba(255, 255, 255, 0.4)), color-stop(40%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to left, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 40%);
}

.ant-gradient--toLeft::before {
  background: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.4)), color-stop(40%, rgba(255, 255, 255, 0)));
  background: linear-gradient(to right, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0) 40%);
}

.ant-gradient--black::before {
  -webkit-filter: invert(100%);
          filter: invert(100%);
}

.ant-img {
  width: 100%;
  height: auto;
}

.ant-img--cover {
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ant-img--contain {
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.ant-img--bg {
  position: absolute;
  top: 0;
  left: 0;
}

.ant-pager {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: var(--gap-v--ss) 0 var(--gap-v) 0;
  overflow: visible;
  z-index: 10;
}

.ant-pager__bullets {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
}

.ant-pager__bullet {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 2.3rem;
  height: 2.3rem;
  border-radius: 100%;
  border: 1px solid #ccc;
  cursor: pointer;
  margin: 0 .5rem;
}

@media (min-width: 769px) {
  .ant-pager__bullet {
    width: 1.8rem;
    height: 1.8rem;
  }
}

.ant-pager__bullet::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: calc(2.3rem + 1rem);
  height: calc(2.3rem + 1rem);
  border-radius: 100%;
  -webkit-transition: all 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: all 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  border: 2px solid #cbb05c;
  opacity: 0;
}

@media (min-width: 769px) {
  .ant-pager__bullet::after {
    width: calc(1.8rem + 1rem);
    height: calc(1.8rem + 1rem);
  }
}

.ant-pager__bullet.swiper-slide-thumb-active::after {
  width: calc(2.3rem + .6rem);
  height: calc(2.3rem + .6rem);
  opacity: 1;
}

@media (min-width: 769px) {
  .ant-pager__bullet.swiper-slide-thumb-active::after {
    width: calc(1.8rem + .6rem);
    height: calc(1.8rem + .6rem);
  }
}

.ant-head {
  font-size: 1.8rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
  line-height: 1.4;
  margin: 0 0 var(--gap-v--s) 0;
}

@media (min-width: 769px) {
  .ant-head {
    font-size: 3rem;
  }
}

.ant-head--s {
  font-size: 1.7rem;
  margin: 0 0 calc(var(--gap-v) / 2) 0;
}

@media (min-width: 769px) {
  .ant-head--s {
    font-size: 1.5rem;
    margin: 0 0 calc(var(--gap-v--s) / 2) 0;
  }
}

.ant-head--ss {
  font-size: 1.3rem;
  margin: 0 0 calc(var(--gap-v) / 2) 0;
}

@media (min-width: 769px) {
  .ant-head--ss {
    font-size: 1.5rem;
    margin: 0 0 calc(var(--gap-v--s) / 2) 0;
  }
}

.ant-head--l {
  font-size: 2.3rem;
  margin: 0 0 calc(var(--gap-v) / 2) 0;
}

@media (min-width: 769px) {
  .ant-head--l {
    font-size: 2rem;
    margin: 0 0 calc(var(--gap-v--s) / 2) 0;
  }
}

.ant-head--xl, .ant-head--xl2 {
  font-size: 2.6rem;
}

.ant-head--xl sup, .ant-head--xl2 sup {
  font-size: 1.4rem;
  top: -1.2rem;
}

@media (min-width: 769px) {
  .ant-head--xl {
    font-size: 6.4rem;
  }
  .ant-head--xl2 {
    font-size: 6.0rem;
  }
  .ant-head--xl sup {
    font-size: 2rem;
    top: -4.0rem;
  }
}

.ant-head--mainCopy {
  text-align: center;
  font-size: 2.6rem;
  padding: 0 var(--gap-h);
  margin: var(--gap-v--xl) 0 var(--gap-v--s) 0;
}

@media (min-width: 769px) {
  .ant-head--mainCopy {
    font-size: 8rem;
  }
}

.ant-head--underbar {
  text-align: center;
  font-size: 2.4rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
}

@media (min-width: 769px) {
  .ant-head--underbar {
    font-size: 3rem;
  }
}

.ant-head--underbar::after {
  content: "";
  display: block;
  margin: var(--gap-v--s) auto;
  width: 5rem;
  height: .5rem;
  background-color: #cbb05c;
}

.ant-text {
  font-size: 1.4rem;
  line-height: 1.6;
  margin: 0 0 var(--gap-v) 0;
}

@media (min-width: 769px) {
  .ant-text {
    font-size: 1.8rem;
  }
}

.ant-text--s {
  font-size: 1.3rem;
}

@media (min-width: 769px) {
  .ant-text--s {
    font-size: 1.5rem;
  }
}

.ant-text--link {
  font-size: 1.2rem;
}

.ant-text--note {
  font-size: 1.2rem;
  margin: 0 0 var(--gap-v--s) 0;
}

@media (min-width: 769px) {
  .ant-text--note {
    font-size: 1.2rem;
  }
}

.ant-blankLink {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

.ant-blankLink:hover {
  opacity: .5;
}

.ant-blankLink::after {
  content: "";
  display: inline-block;
  position: relative;
  margin: 0 0 0 .6rem;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../img/common/icon_blank-black.png);
  background-repeat: no-repeat;
  background-size: contain;
}

.ant-blankLink--white::after {
  background-image: url(../img/common/icon_blank-white.png);
}

.ant-CardSlider {
  position: relative;
  margin: calc(var(--gap-v)/2) auto var(--gap-v) auto;
  width: 100%;
  max-width: 140rem;
  max-width: calc($contetntWidth--L + 20rem);
}

.ant-CardSlider__slider {
  width: 100%;
  max-width: 120rem;
  max-width: calc($contetntWidth--L + 2rem);
  padding: 1rem 0;
}

@media (min-width: 769px) {
  .ant-CardSlider__slider {
    padding: 1rem;
    width: calc(100% + 2rem);
  }
}

.ant-CardSlider__wrapper {
  width: 100%;
}

.ant-CardSlider__slide {
  width: 100%;
  height: auto;
  background-color: #fff;
  border-radius: 1.2rem;
  overflow: hidden;
  -webkit-filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.3));
}

.ant-CardSlider__figure {
  aspect-ratio: 4 / 3;
}

.ant-CardSlider__figure--contain {
  aspect-ratio: 4 / 3;
}

.ant-CardSlider__cntWrap {
  padding: calc(var(--gap-h) / 2) calc(var(--gap-h) / 3);
  text-align: center;
  background-color: #fff;
}

.ant-CardSlider__cntWrap *:last-child {
  margin-bottom: 0;
}

.ant-Col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 100rem;
  margin: var(--gap-v) auto;
  gap: var(--gap-v);
}

.ant-Col > * {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

@media (max-width: 768px) {
  .ant-Col--spRow {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.ant-Drawer {
  width: 100%;
  margin: var(--gap-v--l) auto;
  padding: 0 var(--gap-h);
}

.ant-Drawer__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin: 0 auto;
}

.ant-Drawer__head {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 auto;
  width: 100%;
  padding: var(--gap-v) 0;
  cursor: pointer;
}

@media (min-width: 769px) {
  .ant-Drawer__head {
    padding: calc(var(--gap-v) / 2) 0;
  }
}

.ant-Drawer__head::after {
  content: "";
  position: absolute;
  top: 50%;
  right: 0;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  border-top: 2px solid #969696;
  border-left: 2px solid #969696;
  -webkit-transform: translate3d(0, -40%, 0) rotate(225deg);
          transform: translate3d(0, -40%, 0) rotate(225deg);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: -webkit-transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000), -webkit-transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

.ant-Drawer__head.is-act::after {
  -webkit-transform: translate3d(0, 20%, 0) rotate(45deg);
          transform: translate3d(0, 20%, 0) rotate(45deg);
}

.ant-Drawer__body {
  position: relative;
}

.ant-Drawer__body--full {
  width: calc(100% + var(--gap-h) * 2);
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}

.ant-Drawer__border {
  width: 100%;
  margin: 0 auto;
  border-top: 2px solid #ccc;
}

.ant-Drawer__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  width: 100%;
  max-width: 100rem;
  margin: var(--gap-v) auto;
}

@media (min-width: 769px) {
  .ant-Drawer__btnWrap {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    gap: var(--gap-h);
  }
}

.ant-Drawer__btnWrap > a {
  width: 100%;
  height: 10rem;
  margin: var(--gap-v--s) auto;
  border-radius: 3rem;
}

@media (min-width: 769px) {
  .ant-Drawer__btnWrap > a {
    height: 5rem;
  }
}

.ant-Drawer__col {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.ant-Drawer__modalTrigger {
  cursor: pointer;
}

.ant-Drawer__caption {
  position: relative;
  -webkit-transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

.ant-Drawer__caption:hover {
  opacity: .5;
}

.ant-Drawer__caption::after {
  content: "";
  display: inline-block;
  position: absolute;
  top: 50%;
  right: 0;
  -webkit-transform: translate3d(0, -40%, 0);
          transform: translate3d(0, -40%, 0);
  margin: 0 0 0 .6rem;
  width: 1.4rem;
  height: 1.4rem;
  background-image: url(../img/common/icon_zoom.png);
  background-size: contain;
}

.ant-Drawer__modal {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
}

.ant-Drawer__modal.is-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ant-Drawer__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.ant-Drawer__closeBtn {
  position: absolute;
  top: 5%;
  right: var(--gap-h);
  width: 5rem;
  height: 5rem;
}

.ant-Drawer__modalImages {
  width: calc(100% - var(--gap-h) * 2);
  position: relative;
  margin: auto;
}

@media (min-width: 769px) {
  .ant-Drawer__modalImages {
    max-width: 70%;
    max-height: 90%;
  }
}

.ant-Drawer__modalImage {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  max-width: 120rem;
  height: auto;
}

.ant-FadeSlider {
  margin: var(--gap-v--s) 0;
}

.ant-FadeSlider__images {
  width: 100%;
  height: 100%;
}

.ant-FadeSlider__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  background-color: #fff;
  width: 100%;
  max-width: 100%;
  min-height: 35rem;
  aspect-ratio: 3 / 4;
  padding: var(--gap-h);
}

@media (min-width: 769px) {
  .ant-FadeSlider__slide {
    aspect-ratio: 16 / 9;
  }
}

.ant-FadeSlider__cntWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  width: 100%;
}

@media (min-width: 769px) {
  .ant-FadeSlider__cntWrap {
    width: 80%;
  }
}

.ant-FadeSlider__cntWrap > *:last-child {
  margin-bottom: 0;
}

.ant-FadeSlider__cntWrap--top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.ant-FadeSlider__cntWrap--bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

.ant-FadeSlider__cntWrap--left {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

@media (min-width: 769px) {
  .ant-FadeSlider__cntWrap--left {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
  }
}

.ant-FadeSlider__cntWrap--right {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
}

@media (min-width: 769px) {
  .ant-FadeSlider__cntWrap--right {
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: end;
        -ms-flex-align: end;
            align-items: flex-end;
    text-align: left;
  }
}

.ant-FadeSlider__cntWrap--white {
  color: #fff;
}

.ant-FadeSlider__cntWrap--black {
  color: #333;
}

.ant-Feature {
  width: calc(100% - var(--gap-h) * 2);
  margin: var(--gap-v--l) auto;
  border-radius: 1.2rem;
  overflow: hidden;
}

.ant-Feature__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 100%;
  aspect-ratio: 4 / 5;
  padding: calc(var(--gap-h) / 2);
  background-color: #f4f4f4;
}
.ant-Feature__container--black {
  background-color: #000!important;
}

@media (min-width: 769px) {
  .ant-Feature__container {
    aspect-ratio: 50 / 33;
  }
}

.ant-Feature__container--sub {
  aspect-ratio: 1 / 1;
}

@media (min-width: 769px) {
  .ant-Feature__container--sub {
    width: 50%;
  }
}

.ant-Feature__container--top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ant-Feature__container--center {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  overflow: unset;
}

@media (max-width: 768px) {
  .ant-Feature__container--center {
    aspect-ratio: auto;
  }
}

.ant-Feature__container--bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ant-Feature__container--left {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  text-align: left;
}

@media (max-width: 768px) {
  .ant-Feature__container--left {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    aspect-ratio: 4 / 3;
  }
  .ant-Feature__container--left img {
    position: relative;
  }
}

.ant-Feature__container--leftTop {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
}

@media (max-width: 768px) {
  .ant-Feature__container--leftTop {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    padding: 0;
    aspect-ratio: 4 / 3;
  }
  .ant-Feature__container--leftTop img {
    position: relative;
  }
}

.ant-Feature__container--leftBottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: left;
      -ms-flex-align: left;
          align-items: left;
  text-align: left;
}

@media (max-width: 768px) {
  .ant-Feature__container--leftBottom {
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    text-align: left;
    padding: 0;
    aspect-ratio: 4 / 3;
  }
  .ant-Feature__container--leftBottom img {
    position: relative;
  }
}

.ant-Feature__container--right {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  text-align: left;
}

@media (max-width: 768px) {
  .ant-Feature__container--right {
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: center;
    padding: 0;
    aspect-ratio: 4 / 3;
  }
  .ant-Feature__container--right img {
    position: relative;
  }
}

.ant-Feature__container--black {
  background-color: #000;
}

.ant-Feature__bgImg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}

.ant-Feature__cntWrap {
  position: relative;
  z-index: 2;
}

.ant-Feature__cntWrap--white {
  color: #fff;
}

.ant-Feature__cntWrap--black {
  color: #333;
}

@media (max-width: 768px) {
  .ant-Feature__cntWrap--bottom {
    width: 100%;
    background-color: #f4f4f4;
    padding: var(--gap-h) calc(var(--gap-h) / 2);
    color: #333;
  }
  .ant-Feature__cntWrap--center {
    padding: var(--gap-h) calc(var(--gap-h) / 2);
    color: #333;
  }
}

.ant-Feature__cntWrap > *:last-child {
  margin-bottom: 0;
}

.ant-Feature__subArea {
  width: 100%;
}

@media (min-width: 769px) {
  .ant-Feature__subArea {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.ant-Feature__subArea--column {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
  position: relative;
  width: 100%;
  max-width: 100%;
  padding: calc(var(--gap-h) / 2);
  background-color: #f4f4f4;
}

.ant-Feature__subArea--column img {
  width: auto;
  max-width: 100%;
  margin: 0 auto var(--gap-v--s) auto;
}

.ant-Feature__subArea--column p {
  margin: 0 0 var(--gap-v--s);
}

.ant-Feature__img {
  width: 100%;
  height: auto;
  margin: 0 0 var(--gap-v) 0;
}

.ant-Feature__btn {
  position: relative;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 100%;
  height: 4rem;
  background-color: #f4f4f4;
  z-index: 2;
  cursor: pointer;
  -webkit-filter: drop-shadow(0 -2px 12px rgba(0, 0, 0, 0.1));
          filter: drop-shadow(0 -2px 12px rgba(0, 0, 0, 0.1));
}

.ant-Feature__btn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  border-bottom: 2px solid #969696;
  border-right: 2px solid #969696;
  -webkit-transform: translate3d(-50%, -80%, 0) rotate(45deg);
          transform: translate3d(-50%, -80%, 0) rotate(45deg);
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: -webkit-transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000), -webkit-transform 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

.ant-Feature__btn.is-act::after {
  -webkit-transform: translate3d(-50%, -20%, 0) rotate(225deg);
          transform: translate3d(-50%, -20%, 0) rotate(225deg);
}

.ant-Feature .ant-Video {
  width: 70%;
  margin: var(--gap-h) auto;
}

@media (max-width: 768px) {
  .ant-Feature .ant-Video {
    width: 100%;
    margin: 0;
  }
}

.ant-Feature__containerRounded {
  border-radius: 1.2rem;
}

.ant-GallerySlider {
  margin: calc(var(--gap-v)/2) auto var(--gap-v) auto;
  position: relative;
  max-width: 140rem;
}

.ant-GallerySlider--small {
  max-width: 120rem;
}

.ant-GallerySlider__images {
  width: 100%;
  max-width: 120rem;
  height: auto;
}

.ant-GallerySlider--small .ant-GallerySlider__images {
  max-width: 100rem;
}

.ant-GallerySlider__slide {
  height: auto;
}

.ant-GallerySlider--small .ant-GallerySlider__slide {
  padding: var(--gap-v);
}

.ant-GallerySlider__figure {
  width: 100%;
  height: 100%;
  aspect-ratio: 1 / 1;
}

@media (min-width: 769px) {
  .ant-GallerySlider__figure--modal {
    aspect-ratio: 16 / 9;
  }
}

.ant-GallerySlider__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.ant-GallerySlider__modal {
  display: none;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100vh;
}

.ant-GallerySlider__modal.is-visible {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.ant-GallerySlider__bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.8);
  cursor: pointer;
}

.ant-GallerySlider__closeBtn {
  position: absolute;
  top: 5%;
  right: var(--gap-h);
  width: 5rem;
  height: 5rem;
}

.ant-GallerySlider__modalImages {
  width: calc(100% - var(--gap-h) * 2);
  position: relative;
}

@media (min-width: 769px) {
  .ant-GallerySlider__modalImages {
    max-height: 90%;
    max-width: 120rem;
  }
}

.ant-GallerySlider__modalSlide {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ant-HeroSlider {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: auto;
      grid-template-rows: auto;
  -ms-grid-columns: auto auto auto;
      grid-template-columns: auto auto auto;
      grid-template-areas: "images" "header" "pager";
  position: relative;
  width: 100%;
  min-height: 600px;
  margin: auto;
}

@media (min-width: 769px) {
  .ant-HeroSlider {
    -ms-grid-rows: auto;
        grid-template-rows: auto;
    -ms-grid-columns: 45% 55%;
        grid-template-columns: 45% 55%;
        grid-template-areas: "header images";
  }
}

.ant-HeroSlider__images {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: images;
  width: 100%;
  height: auto;
}

.ant-HeroSlider__slide {
  background-color: #f4f4f4;
}

.ant-HeroSlider__figure {
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ant-HeroSlider__img {
  width: 100%;
  height: auto;
  -o-object-fit: contain;
     object-fit: contain;
  -webkit-filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
          filter: drop-shadow(0px 0px rgba(0, 0, 0, 0));
}

.ant-HeroSlider__main {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  grid-area: header;
  width: 100%;
  text-align: center;
  padding: 0 var(--gap-h);
  margin: var(--gap-v--s) 0;
}

@media (min-width: 769px) {
  .ant-HeroSlider__main {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    text-align: left;
    padding: 0;
  }
}

@media (min-width: 769px) {
  .ant-HeroSlider__main--withBadge {
    margin: var(--gap-v--s) 0 calc(var(--gap-v--s) + 7.5rem) 0;
  }
}

.ant-HeroSlider__header {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: initial;
  display: inline-block;
  width: auto;
}

@media (min-width: 769px) {
  .ant-HeroSlider__header {
    position: relative;
  }
}

.ant-HeroSlider__badge {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: absolute;
  top: var(--gap-v);
  left: var(--gap-h);
  width: 5.2rem;
  height: 5.2rem;
  border-radius: 50%;
  border: 1px solid #cbb05c;
  color: #cbb05c;
  font-size: 1.6rem;
  z-index: 1;
}

@media (min-width: 769px) {
  .ant-HeroSlider__badge {
    position: initial;
    width: 7.5rem;
    height: 7.5rem;
    font-size: 2.4rem;
    top: -7.5rem;
    left: 0;
  }
}

.ant-HeroSlider__head {
  display: inline-block;
  font-size: 3.2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
  font-family: Frutiger, Helvetica, sans-serif;
  margin: var(--gap-v--ss) 0;
}

@media (min-width: 769px) {
  .ant-HeroSlider__head {
    font-size: 8rem;
  }
}

.ant-HeroSlider__text {
  margin: var(--gap-v--ss) 0;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.4;
}

@media (min-width: 769px) {
  .ant-HeroSlider__text {
    font-size: 3rem;
  }
}

.ant-HeroSlider__pager {
  -ms-grid-row: 3;
  -ms-grid-column: 1;
  grid-area: pager;
}

@media (min-width: 769px) {
  .ant-HeroSlider__pager {
    position: absolute;
    bottom: 0;
    left: 0;
  }
}

.ant-Nav {
  width: 100%;
  z-index: 99;
  background-color: rgba(255, 255, 255, 0.7);
  overflow-x: hidden;
  -webkit-backdrop-filter: blur(12px);
          backdrop-filter: blur(12px);
  border-top: 0.1rem solid #ccc;
}

@media (min-width: 769px) {
  .ant-Nav {
    min-width: 128rem;
    border-bottom: 0.1rem solid #ccc;
  }
}

.ant-Nav.is-fixed {
  position: fixed;
  top: 0;
  left: 0;
}

.ant-Nav__wrap {
  display: -ms-grid;
  display: grid;
  -ms-grid-rows: calc(var(--nav-h) / 2) calc(var(--nav-h) / 2);
      grid-template-rows: calc(var(--nav-h) / 2) calc(var(--nav-h) / 2);
  -ms-grid-columns: auto 1fr;
      grid-template-columns: auto 1fr;
      grid-template-areas: "head btns" "nav nav";
  width: 100%;
  max-width: 120rem;
  height: auto;
  margin: 0 auto;
}

@media (min-width: 769px) {
  .ant-Nav__wrap {
    -ms-grid-rows: var(--nav-h);
        grid-template-rows: var(--nav-h);
    -ms-grid-columns: auto 1fr auto;
        grid-template-columns: auto 1fr auto;
        grid-template-areas: "head nav btns";
  }
}

.ant-Nav__head {
  -ms-grid-row: 1;
  -ms-grid-column: 1;
  grid-area: head;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 var(--gap-h);
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
  font-size: 1.9rem;
  white-space: nowrap;
}

@media (min-width: 769px) {
  .ant-Nav__head {
    font-size: 2rem;
    margin: 0;
  }
}

.ant-Nav__btns {
  -ms-grid-row: 1;
  -ms-grid-column: 2;
  grid-area: btns;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: 0 var(--gap-h);
  margin: 0 var(--gap-h);
}

@media (min-width: 769px) {
  .ant-Nav__btns {
    margin: 0 0 0 var(--gap-h);
  }
}

.ant-Nav__nav {
  -ms-grid-row: 2;
  -ms-grid-column: 1;
  -ms-grid-column-span: 2;
  grid-area: nav;
  position: relative;
  width: 100%;
  overflow: visible;
  border-top: 0.1rem solid #ccc;
  border-bottom: 0.1rem solid #ccc;
}

@media (min-width: 769px) {
  .ant-Nav__nav {
    width: auto;
    border: none;
    margin: 0 0 0 auto;
    overflow: hidden;
  }
}

.ant-Nav__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: auto;
  margin: 0 var(--gap-h);
}

@media (min-width: 769px) {
  .ant-Nav__list {
    margin: 0 0 0 var(--gap-h);
  }
}

.ant-Nav__listLink {
  font-size: 1.2rem;
  -webkit-transition: color 0.2s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: color 0.2s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

@media (min-width: 769px) {
  .ant-Nav__listLink {
    font-size: 1.5rem;
  }
}

.ant-Nav__listLink:hover {
  color: #cbb05c;
}

.ant-Nav__bar {
  position: absolute;
  bottom: -0.1rem;
  left: 0;
  width: 100%;
  height: 0.1rem;
  background-color: #ccc;
}

.ant-Nav__bar > * {
  background-color: #cbb05c;
}

.ant-ProductCard {
  margin: var(--gap-v) auto;
  width: calc(100% - var(--gap-h) * 2);
  border-radius: 1.2rem;
  overflow: hidden;
  background-color: #fff;
  -webkit-filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.3));
          filter: drop-shadow(0 0 0.4rem rgba(0, 0, 0, 0.3));
  padding: var(--gap-h);
}

@media (min-width: 769px) {
  .ant-ProductCard {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -webkit-box-align: stretch;
        -ms-flex-align: stretch;
            align-items: stretch;
  }
}

.ant-ProductCard__body {
  width: 100%;
  margin: 0;
  position: relative;
}

@media (min-width: 769px) {
  .ant-ProductCard__body {
    width: 50%;
  }
}

.ant-ProductCard__images {
  width: 100%;
  height: 100%;
  margin: 0 0 var(--gap-v) 0;
  padding: 0 calc(var(--gap-h));
}

@media (min-width: 769px) {
  .ant-ProductCard__images {
    margin: 0;
    padding: 0 calc(var(--gap-h));
  }
}

.ant-ProductCard__slide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background-color: #fff;
}

.ant-ProductCard__figure {
  width: 100%;
  aspect-ratio: 4 / 3;
  opacity: 0;
  -webkit-transition: opacity 0.6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: opacity 0.6s cubic-bezier(0.250, 0.100, 0.250, 1.000);
}

.swiper-slide-active .ant-ProductCard__figure {
  opacity: 1;
}

.ant-ProductCard__img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
}

.ant-ProductCard__nav {
  position: absolute;
  width: 3rem;
  height: 3rem;
}

@media (min-width: 769px) {
  .ant-ProductCard__nav {
    width: 5rem;
    height: 5rem;
  }
}

.ant-ProductCard__nav--next {
  right: -1rem;
}

.ant-ProductCard__nav--prev {
  left: -1rem;
}

.ant-ProductCard__nav::after {
  -webkit-transform: scale(0.3);
          transform: scale(0.3);
}

@media (min-width: 769px) {
  .ant-ProductCard__nav::after {
    -webkit-transform: scale(0.4);
            transform: scale(0.4);
  }
}

.ant-ProductCard__pager {
  position: relative;
  margin: var(--gap-v) 0 var(--gap-v) 0;
}

@media (min-width: 769px) {
  .ant-ProductCard__pager {
    bottom: 0;
    left: 0;
    margin: var(--gap-v--s) 0 0 0;
  }
}

.ant-ProductCard__bullet {
  position: relative;
}

.ant-ProductCard__input {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 10;
  opacity: 0;
  cursor: pointer;
  display: none;
}

.ant-ProductCard__label {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 1;
  border-radius: 50%;
  pointer-events: none;
}

.ant-ProductCard__header {
  width: 100%;
  margin: 3rem 0 var(--gap-v) 0;
  text-align: center;
}

@media (min-width: 769px) {
  .ant-ProductCard__header {
    width: 50%;
    padding: 0 calc(var(--gap-h));
    margin: 0;
  }
}

.ant-ProductCard__header > *:last-of-type {
  margin-bottom: 0;
}

.ant-ProductCard__logoWrap {
  width: 100%;
  max-width: 21rem;
  margin: 0 auto var(--gap-v--ss) auto;
}

@media (min-width: 769px) {
  .ant-ProductCard__logoWrap {
    max-width: 24rem;
    margin: 0 auto 1rem auto;
  }
}

.ant-ProductCard__logo {
  width: 100%;
  height: auto;
}

.ant-ProductCard__text {
  font-size: 1.3rem;
  line-height: 1.6;
  margin: 0 0 var(--gap-v) 0;
}

@media (min-width: 769px) {
  .ant-ProductCard__text {
    font-size: 1.5rem;
    margin: 0 0 var(--gap-v--s) 0;
  }
}

.ant-ProductCard__head {
  font-size: 1.9rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
}

@media (min-width: 769px) {
  .ant-ProductCard__head {
    font-size: 2rem;
  }
}

.ant-ProductCard__price {
  font-size: 2rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
}

@media (min-width: 769px) {
  .ant-ProductCard__price {
    font-size: 3rem;
  }
}

.ant-ProductCard__tax {
  font-size: 1.3rem;
  font-family: "FP-ヒラギノ角ゴ ProN W6";
  font-weight: 600;
}

@media (min-width: 769px) {
  .ant-ProductCard__tax {
    font-size: 1.5rem;
  }
}

.ant-ProductCard__btnWrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  gap: var(--gap-v--s);
  margin: 1.6rem 0;
}

@media (min-width: 769px) {
  .ant-ProductCard__btnWrap {
    margin: 1.6rem 0 3rem 0;
  }
}

.ant-ProductCard__textSmall {
  font-size: 1.2rem;
  line-height: 1.6;
  margin: 0;
}

@media (min-width: 769px) {
  .ant-ProductCard__textSmall {
    font-size: 1.2rem;
  }
}

.ant-Section {
  margin: var(--gap-v--l) 0;
}

.ant-Table {
  width: 100%;
  margin: var(--gap-v) 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

@media (min-width: 769px) {
  .ant-Table {
    margin: var(--gap-v--s) 0;
  }
}

.ant-Table__row {
  margin: var(--gap-v) 0;
}

.ant-Table__head {
  padding: 0 var(--gap-h) var(--gap-v--s) 0;
  white-space: nowrap;
}

@media (max-width: 768px) {
  .ant-Table__head {
    padding: 0;
    display: block;
    width: 100%;
    margin: 0 0 calc(var(--gap-v) / 4) 0;
  }
}

@media (min-width: 769px) {
  .ant-Table__head {
    min-width: 25rem;
  }
}

.ant-Table__body {
  padding: 0 var(--gap-h) var(--gap-v--s) 0;
}

@media (max-width: 768px) {
  .ant-Table__body {
    padding: 0;
    display: block;
    width: 100%;
  }
}

.ant-subTable {
  width: 100%;
  margin: var(--gap-v) 0;
}

.ant-subTable th {
  padding: 0.4em;
  text-align: center;
  border: solid 1px #aaa;
}

.ant-subTable td {
  padding: 0.4em;
  text-align: center;
  border: solid 1px #aaa;
}

.ant-subTable .ant-head--ss {
  font-size: 1.4rem;
}

.ant-Video {
  position: relative;
  width: calc(100% - var(--gap-h) * 2);
  /*padding: 0 var(--gap-h);*/
  margin: var(--gap-v--l) auto;
}
.ant-Video__full {
  position: relative;
  width: 100%;
}

.ant-Video__video {
  width: 100%;
  height: 100%;
  border-radius: 1.2rem;
}

.ant-Video__btn {
  display: inline-block;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate3d(-50%, -50%, 0);
          transform: translate3d(-50%, -50%, 0);
  width: 8rem;
  height: 8rem;
  border: 2px solid #fff;
  border-radius: 50%;
  -webkit-transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  transition: opacity 0.3s cubic-bezier(0.250, 0.100, 0.250, 1.000);
  cursor: pointer;
}

.ant-Video__btn:hover {
  opacity: .5;
}

.ant-Video__btn.is-playing {
  opacity: 0;
}

.ant-Video__btn::before {
  content: "";
  position: absolute;
  top: 50%;
  left: 35%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  width: 0px;
  height: 0px;
  border: 1.8rem solid transparent;
  border-left: 3rem solid currentColor;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  color: #fff;
}

.ant-Video iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 560 / 315;
  overflow: hidden;
  border-radius: 1.2rem;
}
.ant-Video__full iframe {
  width: 100%;
  height: auto;
  aspect-ratio: 560 / 315;
  overflow: hidden;
}

.ant-u-root {
  width: 100%;
  overflow-x: hidden;
}

@media (min-width: 769px) {
  .ant-u-root {
    min-width: 128rem;
  }
}

.ant-u-max-width--1200px {
  max-width: 120rem;
}

.ant-u-max-width--1000px {
  max-width: 100rem;
}

.ant-u-bg--lightGray {
  background-color: #f4f4f4;
}

.ant-u-color--white {
  color: #fff;
}

.ant-u-color--black {
  color: #333;
}

.ant-u-posX--left {
  text-align: left;
  margin-right: auto;
}

.ant-u-posX--center {
  text-align: center;
  margin-right: auto;
  margin-left: auto;
}

.ant-u-posX--right {
  text-align: right;
  margin-left: auto;
}

.ant-u-posY--top {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.ant-u-posY--middle {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.ant-u-posY--bottom {
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}

.ant-u-sp--block {
  display: block;
}

@media (min-width: 769px) {
  .ant-u-sp--block {
    display: none;
  }
}

.ant-u-pc--block {
  display: none;
}

@media (min-width: 769px) {
  .ant-u-pc--block {
    display: block;
  }
}
/*# sourceMappingURL=main.css.map */

/* gap control */
.mt-s {margin-top: var(--gap-v--s) ;}
.mt-l {margin-top: var(--gap-v--l) ;}
.m-s {margin: var(--gap-v--s)  0;}
.m-l {margin: var(--gap-v--l)  0;}