@charset "UTF-8";
.main-wrapper--about .mv__inner {
  padding-top: 37px;
  padding-left: 48px;
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mv__inner {
    padding-top: 26px;
    padding-left: 16px;
    padding-bottom: 60px;
  }
}
.main-wrapper--about .mv__title {
  font-family: var(--font-en);
  color: var(--color-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.64px;
}
.main-wrapper--about .mv__video {
  aspect-ratio: 1232/693;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mv__video {
    aspect-ratio: 374/693;
    margin-top: 30px;
  }
}
.main-wrapper--about .mv__video video {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  clip-path: inset(100% 0 0 0);
  -webkit-transition: clip-path var(--long-transition-time) var(--default-ease, ease), opacity var(--medium-transition-time) var(--default-ease, ease);
  transition: clip-path var(--long-transition-time) var(--default-ease, ease), opacity var(--medium-transition-time) var(--default-ease, ease);
  opacity: 0;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mv__video video {
    clip-path: inset(0 0 0 100%);
  }
}
.main-wrapper--about .mv__video[data-animated=true] video {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}
.main-wrapper--about .mv__image {
  aspect-ratio: 1232/693;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mv__image {
    aspect-ratio: 374/693;
    margin-top: 30px;
  }
}
.main-wrapper--about .mv__image img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  clip-path: inset(100% 0 0 0);
  -webkit-transition: clip-path var(--long-transition-time) var(--default-ease, ease), opacity var(--medium-transition-time) var(--default-ease, ease);
  transition: clip-path var(--long-transition-time) var(--default-ease, ease), opacity var(--medium-transition-time) var(--default-ease, ease);
  opacity: 0;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mv__image img {
    clip-path: inset(0 0 0 100%);
  }
}
.main-wrapper--about .mv__image[data-animated=true] img {
  clip-path: inset(0 0 0 0);
  opacity: 1;
}
.main-wrapper--about .mission__inner {
  padding-top: 80px;
  padding-bottom: 100px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mission__inner {
    padding-top: 60px;
    padding-bottom: 60px;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    gap: 40px;
  }
}
.main-wrapper--about .mission__box:nth-child(1) {
  width: 35.15%;
  padding-left: 48px;
  padding-right: 48px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mission__box:nth-child(1) {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main-wrapper--about .mission__box:nth-child(2) {
  width: 64.85%;
  padding-right: 48px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mission__box:nth-child(2) {
    width: 100%;
    padding-left: 47px;
    padding-right: 47px;
  }
}
.main-wrapper--about .mission__category {
  font-family: var(--font-en);
  color: var(--color-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.64px;
}
@media (min-width: 1024px) {
  .main-wrapper--about .mission__category {
    padding-top: 7px;
  }
}
.main-wrapper--about .mission__title {
  font-family: var(--font-ja-mincho);
  color: var(--color-black);
  font-size: 36px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  /* 46.8px */
  letter-spacing: 0.36px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mission__title {
    font-size: 28px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 36.4px */
    letter-spacing: 0.28px;
  }
}
.main-wrapper--about .mission__text {
  font-family: var(--font-ja-gothic);
  color: var(--color-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 200%;
  /* 32px */
  letter-spacing: 0.32px;
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .mission__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 25.2px */
    letter-spacing: 0.28px;
    margin-top: 30px;
  }
}
.main-wrapper--about .message__inner {
  padding-top: 100px;
  padding-bottom: 120px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media (max-width: 1024px) {
  .main-wrapper--about .message__inner {
    display: block;
    padding-top: 60px;
    padding-bottom: 110px;
  }
}
.main-wrapper--about .message__box:nth-child(1) {
  width: 11.71%;
  padding-left: 48px;
  padding-right: 20px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .message__box:nth-child(1) {
    width: 100%;
    padding-left: 0;
    padding-right: 0;
  }
}
.main-wrapper--about .message__box:nth-child(2) {
  width: 88.29%;
  padding-right: 48px;
}
@media (min-width: 1024px) {
  .main-wrapper--about .message__box:nth-child(2) {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
  }
}
@media (max-width: 1024px) {
  .main-wrapper--about .message__box:nth-child(2) {
    width: 100%;
    padding-right: 0;
    margin-top: 35px;
  }
}
.main-wrapper--about .message__category {
  font-family: var(--font-en);
  color: var(--color-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.64px;
}
@media (min-width: 1024px) {
  .main-wrapper--about .message__category {
    padding-top: 74px;
  }
}
@media (max-width: 1024px) {
  .main-wrapper--about .message__category {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
    letter-spacing: 0.64px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
@media (min-width: 1024px) {
  .main-wrapper--about .message__texts {
    width: 503px;
    padding-left: 62px;
    padding-right: 62px;
  }
}
.main-wrapper--about .message__title {
  font-family: var(--font-ja-mincho);
  color: var(--color-black);
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  /* 41.6px */
  letter-spacing: 0.32px;
}
@media (min-width: 1024px) {
  .main-wrapper--about .message__title {
    padding-top: 139px;
  }
}
@media (max-width: 1024px) {
  .main-wrapper--about .message__title {
    font-size: 24px;
    font-style: normal;
    font-weight: 300;
    line-height: 130%;
    /* 31.2px */
    letter-spacing: 0.24px;
    width: 100%;
    padding-left: 47px;
    padding-right: 47px;
  }
}
.main-wrapper--about .message__text {
  font-family: var(--font-ja-gothic);
  color: var(--color-black);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 180%;
  /* 28.8px */
  letter-spacing: 0.32px;
  margin-top: 45px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .message__text {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 180%;
    /* 25.2px */
    letter-spacing: 0.28px;
    margin-top: 35px;
    width: 100%;
    padding-left: 47px;
    padding-right: 47px;
  }
}
.main-wrapper--about .message__img {
  overflow: hidden;
}
@media (min-width: 1024px) {
  .main-wrapper--about .message__img {
    width: calc(100% - 503px);
  }
}
@media (max-width: 1024px) {
  .main-wrapper--about .message__img {
    margin-top: 35px;
  }
}
.main-wrapper--about .message__img img {
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
  -webkit-transition: -webkit-transform var(--long-transition-time) var(--default-ease);
  transition: -webkit-transform var(--long-transition-time) var(--default-ease);
  transition: transform var(--long-transition-time) var(--default-ease);
  transition: transform var(--long-transition-time) var(--default-ease), -webkit-transform var(--long-transition-time) var(--default-ease);
}
.main-wrapper--about .message__img[data-animated=true] img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.main-wrapper--about .case {
  background-color: var(--color-white);
}
.main-wrapper--about .case__inner {
  padding-top: 80px;
  padding-left: 48px;
  padding-right: 48px;
  padding-bottom: 80px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .case__inner {
    padding-left: 0px;
    padding-right: 0px;
    padding-top: 50px;
    padding-bottom: 50px;
  }
}
.main-wrapper--about .case__category {
  font-family: var(--font-en);
  color: var(--color-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  /* 16.8px */
  letter-spacing: 0.64px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .case__category {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 120%;
    /* 16.8px */
    letter-spacing: 0.64px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main-wrapper--about .case__slider {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .case__slider {
    padding-left: 47px;
    padding-right: 47px;
    overflow: hidden;
  }
}
.main-wrapper--about .case__splide-track {
  overflow: visible;
}
.main-wrapper--about .case__splide-slide {
  position: relative;
  border-radius: 4px;
  overflow: hidden;
}
@media (hover: hover) {
  .main-wrapper--about .case__splide-slide {
    -webkit-transition: opacity var(--short-transition-time) var(--default-ease);
    transition: opacity var(--short-transition-time) var(--default-ease);
  }
  .main-wrapper--about .case__splide-slide:hover .case__img {
    -webkit-filter: brightness(0.35);
            filter: brightness(0.35);
  }
  .main-wrapper--about .case__splide-slide:hover .case__img img {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
  }
}
.main-wrapper--about .case__texts {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding-bottom: 22px;
  padding-left: 20px;
  padding-right: 20px;
  color: var(--color-white);
  z-index: 2;
}
@media (max-width: 1024px) {
  .main-wrapper--about .case__texts {
    padding-bottom: 20px;
  }
}
.main-wrapper--about .case__title {
  font-family: var(--font-ja-gothic);
  font-size: 16px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 20.8px */
  letter-spacing: 0.16px;
}
.main-wrapper--about .case__title span {
  display: inline-block;
  font-family: var(--font-ja-mincho);
  width: 0;
  height: 20px;
  position: relative;
}
.main-wrapper--about .case__title span::after {
  font-size: 32px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%;
  letter-spacing: 0.32px;
}
.main-wrapper--about .case__title span:nth-child(1)::after {
  position: absolute;
  left: -9px;
  top: -15px;
  display: block;
  content: "“";
}
.main-wrapper--about .case__title span:nth-child(2)::after {
  position: absolute;
  right: -15px;
  bottom: -35px;
  display: block;
  content: "”";
}
.main-wrapper--about .case__name {
  font-family: var(--font-ja-gothic);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 130%;
  /* 18.2px */
  letter-spacing: 0.14px;
  margin-top: 12px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .case__name {
    font-size: 12px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%;
    /* 15.6px */
    letter-spacing: 0.12px;
    margin-top: 11px;
  }
}
.main-wrapper--about .case__img {
  -webkit-filter: brightness(0.5);
          filter: brightness(0.5);
  position: relative;
  z-index: 1;
  aspect-ratio: 379/234;
  overflow: hidden;
  -webkit-transition: -webkit-filter var(--short-transition-time) var(--default-ease);
  transition: -webkit-filter var(--short-transition-time) var(--default-ease);
  transition: filter var(--short-transition-time) var(--default-ease);
  transition: filter var(--short-transition-time) var(--default-ease), -webkit-filter var(--short-transition-time) var(--default-ease);
}
.main-wrapper--about .case__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: -webkit-transform var(--medium-transition-time) var(--default-ease);
  transition: -webkit-transform var(--medium-transition-time) var(--default-ease);
  transition: transform var(--medium-transition-time) var(--default-ease);
  transition: transform var(--medium-transition-time) var(--default-ease), -webkit-transform var(--medium-transition-time) var(--default-ease);
}
.main-wrapper--about .case__btn {
  margin-top: 40px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .case__btn {
    margin-top: 40px;
    padding-left: 47px;
    padding-right: 47px;
  }
}
.main-wrapper--about .more__inner {
  padding-top: 60px;
  padding-bottom: 50px;
  padding-left: 48px;
  padding-right: 48px;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .more__inner {
    display: block;
    padding-left: 0;
    padding-right: 0;
    padding-top: 60px;
    padding-bottom: 100px;
  }
}
.main-wrapper--about .more__box {
  display: block;
}
@media (max-width: 1024px) {
  .main-wrapper--about .more__box:not(:first-child) {
    margin-top: 100px;
  }
}
@media (hover: hover) {
  .main-wrapper--about .more__box {
    -webkit-transition: opacity var(--short-transition-time) var(--default-ease);
    transition: opacity var(--short-transition-time) var(--default-ease);
  }
  .main-wrapper--about .more__box:hover .more__img img {
    -webkit-transform: scale(1.03);
        -ms-transform: scale(1.03);
            transform: scale(1.03);
  }
  .main-wrapper--about .more__box:hover .more__link-arrow svg {
    -webkit-transform: translateX(2px);
        -ms-transform: translateX(2px);
            transform: translateX(2px);
  }
}
.main-wrapper--about .more__info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  gap: 21px;
  padding-right: 53px;
  -webkit-font-feature-settings: "palt";
          font-feature-settings: "palt";
}
@media (max-width: 1024px) {
  .main-wrapper--about .more__info {
    display: block;
    padding-right: 0;
  }
}
.main-wrapper--about .more__category {
  font-family: var(--font-en);
  color: var(--color-black);
  font-size: 14px;
  font-style: normal;
  font-weight: 400;
  line-height: 120%;
  letter-spacing: 0.64px;
  width: 177px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .more__category {
    width: 100%;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.main-wrapper--about .more__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 30px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .more__link {
    padding-left: 47px;
    padding-right: 16px;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    gap: initial;
    margin-top: 30px;
  }
}
.main-wrapper--about .more__link-text {
  font-family: var(--font-ja-mincho);
  color: var(--color-black);
  font-size: 24px;
  font-style: normal;
  font-weight: 300;
  line-height: 130%; /* 31.2px */
  letter-spacing: 0.24px;
}
.main-wrapper--about .more__link-arrow {
  width: 42px;
  height: 42px;
  border: 1px solid var(--color-purple);
  border-radius: 50%;
  -ms-flex-negative: 0;
      flex-shrink: 0;
}
.main-wrapper--about .more__link-arrow svg {
  width: 100%;
  height: 100%;
  -webkit-transition: -webkit-transform var(--short-transition-time) var(--default-ease);
  transition: -webkit-transform var(--short-transition-time) var(--default-ease);
  transition: transform var(--short-transition-time) var(--default-ease);
  transition: transform var(--short-transition-time) var(--default-ease), -webkit-transform var(--short-transition-time) var(--default-ease);
}
.main-wrapper--about .more__link-arrow svg rect {
  stroke: none;
  fill: none;
}
.main-wrapper--about .more__img {
  width: 100%;
  aspect-ratio: 580/240;
  margin-top: 40px;
  overflow: hidden;
}
@media (max-width: 1024px) {
  .main-wrapper--about .more__img {
    margin-top: 30px;
    aspect-ratio: 343/198;
    width: calc(100% - 47px);
    margin-right: 0;
    margin-left: auto;
  }
}
.main-wrapper--about .more__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
  -o-object-position: center;
     object-position: center;
  -webkit-transition: -webkit-transform var(--medium-transition-time) var(--default-ease);
  transition: -webkit-transform var(--medium-transition-time) var(--default-ease);
  transition: transform var(--medium-transition-time) var(--default-ease);
  transition: transform var(--medium-transition-time) var(--default-ease), -webkit-transform var(--medium-transition-time) var(--default-ease);
  -webkit-transform: scale(1.1);
      -ms-transform: scale(1.1);
          transform: scale(1.1);
}
.main-wrapper--about .more__img[data-animated=true] img {
  -webkit-transform: scale(1);
      -ms-transform: scale(1);
          transform: scale(1);
}
.main-wrapper--about .project__inner {
  padding-top: 120px;
}
@media (max-width: 1024px) {
  .main-wrapper--about .project__inner {
    padding-top: 120px;
    padding-bottom: 120px;
  }
}

html[lang=en] .main-wrapper--about .message__title {
  font-family: var(--font-en-serif);
  font-weight: 400;
}
html[lang=en] .main-wrapper--about .message__text {
  font-family: var(--font-en);
  font-weight: 400;
}
html[lang=en] .main-wrapper--about .mission__title {
  font-family: var(--font-en-serif);
  font-weight: 400;
}
html[lang=en] .main-wrapper--about .mission__text {
  font-family: var(--font-en);
  font-weight: 400;
}
html[lang=en] .main-wrapper--about .case__title {
  font-family: var(--font-en);
  font-weight: 400;
}
html[lang=en] .main-wrapper--about .case__title span {
  font-family: var(--font-en-serif);
  font-weight: 400;
}
html[lang=en] .main-wrapper--about .case__name {
  font-family: var(--font-en);
  font-weight: 400;
}
html[lang=en] .main-wrapper--about .more__link-text {
  font-family: var(--font-en-serif);
  font-weight: 400;
}