/*
 About
-----------------------------------------------------*/
.p-about-top {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .p-about-top::before {
    content: "";
    position: absolute;
    background: url("../img/about/bg_about01.png") center center/cover;
    width: 77.6388888889vw;
    height: 137.7777777778vw;
    left: -5%;
    bottom: -15%;
    z-index: 1;
    mix-blend-mode: multiply;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-top::after {
    content: "";
    position: absolute;
    background: url("../img/about/bg_about02.png") center center/cover;
    width: 62.1527777778vw;
    height: 142.4305555556vw;
    right: -2.5%;
    top: -13%;
    z-index: 1;
    mix-blend-mode: multiply;
  }
}

.p-about-story {
  position: relative;
  z-index: 1;
}
.p-about-story__copy {
  font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
  letter-spacing: 0.1em;
}
.p-about-story__text {
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
  max-width: 740px;
  line-height: 2.42;
}
@media screen and (min-width: 1024px) {
  .p-about-story__text {
    line-height: 2.66;
  }
}

.p-about-link {
  position: relative;
  z-index: 1;
}
.p-about-link h2 {
  font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
}

.p-about-bottom {
  position: relative;
  background: var(--l-dark-color);
  padding-bottom: 76.2666666667vw;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom {
    padding-bottom: 29.5138888889vw;
  }
}
.p-about-bottom__head {
  flex-direction: row;
  position: relative;
  gap: 1em;
  z-index: 1;
}
.p-about-bottom__head::after {
  content: "";
  position: absolute;
  background: url("../img/deco_pagehead02.png") center center/cover;
  width: 156px;
  height: 154px;
  bottom: -14%;
  right: -12%;
  mix-blend-mode: overlay;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom__head::after {
    width: 362px;
    height: 357px;
    bottom: -40%;
    right: 5%;
  }
}
.p-about-bottom h2 {
  writing-mode: vertical-rl;
  color: var(--l-accent-color);
  letter-spacing: 0.2em;
  font-size: clamp(1.25rem, 1.03rem + 0.94vw, 1.875rem);
  padding-left: 1em;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom h2 {
    padding-left: 0;
    position: absolute;
    bottom: -16em;
    left: 0;
  }
}
@media screen and (min-width: 1480px) {
  .p-about-bottom h2 {
    left: 18%;
  }
}
.p-about-bottom__image {
  border-radius: 150px 0 0 0;
  overflow: hidden;
  aspect-ratio: 255/267;
}
@supports not (aspect-ratio: 1/1) {
  .p-about-bottom__image {
    position: relative;
    padding-top: 104.7058823529%;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-about-bottom__image {
    position: relative;
    padding-top: 104.7058823529%;
  }
}
.p-about-bottom__image > img,
.p-about-bottom__image > iframe {
  width: 100%;
  height: 100%;
}
@supports not (aspect-ratio: 1/1) {
  .p-about-bottom__image > img,
  .p-about-bottom__image > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media all and (-ms-high-contrast: none) {
  .p-about-bottom__image > img,
  .p-about-bottom__image > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
.p-about-bottom__image > img {
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom__image {
    border-radius: 200px 0 0 0;
    aspect-ratio: 1132/352;
  }
  @supports not (aspect-ratio: 1/1) {
    .p-about-bottom__image {
      position: relative;
      padding-top: 31.0954063604%;
    }
  }
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: none) {
  .p-about-bottom__image {
    position: relative;
    padding-top: 31.0954063604%;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-bottom__image > img,
  .p-about-bottom__image > iframe {
    width: 100%;
    height: 100%;
  }
  @supports not (aspect-ratio: 1/1) {
    .p-about-bottom__image > img,
    .p-about-bottom__image > iframe {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
    }
  }
}
@media screen and (min-width: 1024px) and (-ms-high-contrast: none) {
  .p-about-bottom__image > img,
  .p-about-bottom__image > iframe {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
  }
}
@media screen and (min-width: 1024px) {
  .p-about-bottom__image > img {
    -o-object-fit: cover;
       object-fit: cover;
  }
}
.p-about-bottom__body {
  max-width: 660px;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom__body {
    margin-left: auto;
  }
}
.p-about-bottom__copy {
  color: #fff;
  padding-left: 4em;
  font-size: clamp(1.125rem, 0.993rem + 0.56vw, 1.5rem);
  letter-spacing: 0.1em;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom__copy {
    padding-left: 0;
  }
}
.p-about-bottom__text {
  color: #fff;
  font-size: clamp(0.875rem, 0.787rem + 0.38vw, 1.125rem);
  line-height: 2.42;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom__text {
    line-height: 2.66;
  }
}
.p-about-bottom .c-button {
  width: 275px;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom .c-button {
    width: 311px;
  }
}
.p-about-bottom::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 48vw;
  background: url("../img/about/bg_slider.png") center center/cover;
}
@media screen and (min-width: 1024px) {
  .p-about-bottom::after {
    height: 26.3888888889vw;
  }
}

.p-about .c-scrollSlider {
  margin-top: -16em;
}/*# sourceMappingURL=about.css.map */