@charset "UTF-8";
@media screen and (min-width: 768px) {
  .is_sp {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .is_pc {
    display: none;
  }
  .is_sp {
    display: block;
  }
}
@media screen and (max-width: 767px) {
  html, body {
    font-size: 1.3333333333vw;
  }
}
.js-fade {
  opacity: 0;
  transition-duration: 1.2s;
  transform: translateY(25px);
}
.js-fade.is-active {
  opacity: 1;
  transform: translateY(0);
}

.js-fade-Vr-first {
  opacity: 0;
  transition-duration: 1.2s;
}
.js-fade-Vr-first.is-active {
  opacity: 1;
  transform: translateY(0);
}

.js-n-fade {
  opacity: 0;
  transition: all 0.8s ease;
}

.js-u-fade {
  opacity: 0;
  transform: translate3d(0, 30px, 0);
  transition: all 0.5s ease;
}

.js-r-fade {
  transform: translate3d(30px, 0, 0);
  opacity: 0;
  transition: all 0.5s ease;
}

.js-l-fade {
  transform: translate3d(-30px, 0, 0);
  opacity: 0;
  transition: all 0.5s ease;
}

.js-n-fade.is-active,
.js-u-fade.is-active,
.js-r-fade.is-active,
.js-l-fade.is-active {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.js-n-fade-wrapper.is-active .js-n-fade,
.js-n-fade-wrapper.is-active .js-u-fade,
.js-n-fade-wrapper.is-active .js-r-fade,
.js-n-fade-wrapper.is-active .js-l-fade,
.js-u-fade-wrapper.is-active .js-n-fade,
.js-u-fade-wrapper.is-active .js-u-fade,
.js-u-fade-wrapper.is-active .js-r-fade,
.js-u-fade-wrapper.is-active .js-l-fade,
.js-r-fade-wrapper.is-active .js-n-fade,
.js-r-fade-wrapper.is-active .js-u-fade,
.js-r-fade-wrapper.is-active .js-r-fade,
.js-r-fade-wrapper.is-active .js-l-fade,
.js-l-fade-wrapper.is-active .js-n-fade,
.js-l-fade-wrapper.is-active .js-u-fade,
.js-l-fade-wrapper.is-active .js-r-fade,
.js-l-fade-wrapper.is-active .js-l-fade {
  transform: translate3d(0, 0, 0);
  opacity: 1;
}

.js-mask > span {
  clip-path: inset(0 100% 0 0); /* 初期状態で完全にマスク */
  transition: clip-path 1s ease; /* アニメーション */
}

.js-mask.is-active > span {
  clip-path: inset(0 0 0 0); /* マスク解除（全体表示） */
}

.js-delay-01 {
  transition-delay: 0.2s;
}

.js-delay-02 {
  transition-delay: 0.4s;
}

.js-mask-txt {
  overflow: hidden;
  display: block;
}

.js-mask-txt .js-mask-txt-elem {
  transform: translateY(110%);
  display: inline-block;
  font-size: inherit;
  color: inherit;
  line-height: inherit;
  transition: transform 1s ease; /* アニメーション */
  font-weight: inherit;
  font-size: inherit;
}

.js-mask-txt.is-active .js-mask-txt-elem {
  transform: translate(0);
}

.js-shuffle {
  overflow: hidden;
  opacity: 0;
}

.js-swich {
  position: relative;
}
.js-swich img {
  opacity: 0;
  transition: opacity 1.5s ease-in-out;
}
.js-swich img + img {
  position: absolute;
  top: 0;
  left: 0;
}
.js-swich img.is-active {
  opacity: 1;
}

.main-area {
  overflow: hidden;
}

.main-area .main-inner {
  padding: 0;
}

.main_container {
  /*Hiragino Kaku Gothic ProN W3*/
  font-family: "hiragino-kaku-gothic-pron", sans-serif;
}
.main_container * {
  font-feature-settings: "palt";
}
.main_container .en {
  font-family: acumin-pro, sans-serif;
}
.main_container .__italic {
  font-style: italic;
}
.main_container img, .main_container svg {
  width: 100%;
  height: auto;
  vertical-align: bottom;
}
.main_container .ly_inner {
  width: 140rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main_container .ly_inner {
    width: auto;
  }
}
.main_container .bl_credit {
  font-size: 1.6rem;
  line-height: 1;
  letter-spacing: 0.025em;
  font-family: acumin-pro, sans-serif;
}
.main_container .bl_credit > span {
  display: inline-flex;
  gap: 1.2rem 1.6rem;
}
@media (max-width: 767px) {
  .main_container .bl_credit > span {
    gap: 1.8rem 2.4rem;
  }
}
@media (max-width: 767px) {
  .main_container .bl_credit {
    font-size: calc(24 * 0.1333333333vw);
  }
}
.main_container .mv_img {
  width: 49.3rem;
  margin: 0 auto;
  position: relative;
}
@media (max-width: 767px) {
  .main_container .mv_img {
    width: 100%;
  }
}
.main_container .mv_ttl {
  width: 100%;
  letter-spacing: -0.01em;
  font-size: 3.556rem;
  font-weight: 800;
  position: absolute;
  position: absolute;
  top: 2.7rem;
  left: 50%;
  transform: translateX(-50%);
  color: #fff;
  text-align: center;
  line-height: 1.199943757;
}
@media (max-width: 767px) {
  .main_container .mv_ttl {
    font-size: calc(60 * 0.1333333333vw);
    top: calc(40 * 0.1333333333vw);
    letter-spacing: -0.04em;
  }
}
.main_container .mv_ttl span {
  font-weight: inherit;
  transition-delay: 0.4s;
}
.main_container .about {
  margin-top: 12.1rem;
}
@media (max-width: 767px) {
  .main_container .about {
    margin-top: calc(67 * 0.1333333333vw);
  }
}
.main_container .about_unit {
  display: flex;
  justify-content: center;
  gap: 0 4rem;
}
@media (max-width: 767px) {
  .main_container .about_unit {
    flex-direction: column-reverse;
    gap: calc(87 * 0.1333333333vw) 0;
  }
}
.main_container .about_lBlk {
  width: 30rem;
}
@media (max-width: 767px) {
  .main_container .about_lBlk {
    width: calc(480 * 0.1333333333vw);
    margin: 0 auto;
  }
}
.main_container .about_lBlk .bl_credit {
  margin-top: 1.8rem;
}
@media (max-width: 767px) {
  .main_container .about_lBlk .bl_credit > span {
    display: flex;
    justify-content: center;
  }
}
@media (max-width: 767px) {
  .main_container .about_lBlk .bl_credit {
    margin-top: calc(40 * 0.1333333333vw);
  }
}
.main_container .about_rBlk {
  width: 38rem;
  padding-top: 1.2rem;
}
@media (max-width: 767px) {
  .main_container .about_rBlk {
    width: auto;
    padding: 0 calc(55 * 0.1333333333vw);
    padding-top: 0;
  }
}
.main_container .about_lead {
  font-weight: 300;
  font-size: 1.6rem;
  letter-spacing: 0.025em;
  line-height: 2;
  display: flex;
  justify-content: flex-start;
}
@media (max-width: 767px) {
  .main_container .about_lead {
    font-size: calc(26 * 0.1333333333vw);
  }
}
.main_container .collection {
  margin-top: 15.8rem;
  position: relative;
  padding-bottom: 7.3rem;
}
@media (max-width: 767px) {
  .main_container .collection {
    margin-top: calc(219 * 0.1333333333vw);
    padding-bottom: calc(109 * 0.1333333333vw);
  }
}
.main_container .collection::before {
  content: "";
  display: inline-block;
  width: 100rem;
  height: 0.1rem;
  background: #000;
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media (max-width: 767px) {
  .main_container .collection::before {
    height: calc(2 * 0.1333333333vw);
    width: 100vw;
    bottom: 0;
  }
}
.main_container .collection_ttl {
  display: flex;
  justify-content: center;
  font-size: 3rem;
  line-height: 1;
  position: relative;
  font-weight: 800;
  letter-spacing: -0.03em;
}
@media (max-width: 767px) {
  .main_container .collection_ttl {
    font-size: calc(40 * 0.1333333333vw);
  }
}
.main_container .collection_ttl > span {
  padding: 0 2rem;
  background: #fff;
  position: relative;
  z-index: 2;
  font-weight: 800;
}
@media (max-width: 767px) {
  .main_container .collection_ttl > span {
    padding: 0 calc(43 * 0.1333333333vw);
  }
}
.main_container .collection_ttl::before {
  content: "";
  display: inline-block;
  width: 100rem;
  height: 0.1rem;
  background: #000;
  position: absolute;
  top: 1.7rem;
  left: 50%;
  transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
}
@media (max-width: 767px) {
  .main_container .collection_ttl::before {
    top: calc(21 * 0.1333333333vw);
    height: calc(2 * 0.1333333333vw);
    width: 100vw;
    bottom: 0;
  }
}
.main_container .collection_unit {
  margin-top: 4.2rem;
  gap: 0 6rem;
  display: grid;
  grid-template-columns: repeat(3, 18rem);
  justify-content: center;
}
@media (max-width: 767px) {
  .main_container .collection_unit {
    margin-top: calc(52 * 0.1333333333vw);
    gap: 0;
    grid-template-columns: repeat(3, calc(220 * 0.1333333333vw));
  }
}
.main_container .collection_item_img:nth-of-type(3) {
  margin-top: 3rem;
}
@media (max-width: 767px) {
  .main_container .collection_item_img:nth-of-type(3) {
    margin-top: calc(40 * 0.1333333333vw);
  }
}
@media (max-width: 767px) {
  .main_container .collection_item_img:nth-of-type(2) {
    margin-top: calc(10 * 0.1333333333vw);
  }
}
.main_container .collection_lead {
  margin-top: 5.2rem;
  text-align: center;
  font-size: 1.6rem;
  line-height: 2;
  letter-spacing: 0.025em;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .main_container .collection_lead {
    text-align: justify;
    padding: 0 calc(48 * 0.1333333333vw);
    font-size: calc(26 * 0.1333333333vw);
    margin-top: calc(66 * 0.1333333333vw);
  }
}
.main_container .visual {
  padding: 16rem 0 0;
}
@media (max-width: 767px) {
  .main_container .visual {
    padding-top: calc(219 * 0.1333333333vw);
  }
}
.main_container .visual .bl_credit {
  font-size: 1.4rem;
  letter-spacing: 0.025em;
  margin-top: 1.7rem;
}
.main_container .visual .bl_credit > span {
  gap: 0 1rem;
  display: inline-flex;
}
@media (max-width: 767px) {
  .main_container .visual .bl_credit > span {
    gap: calc(24 * 0.1333333333vw) calc(16 * 0.1333333333vw);
    flex-wrap: wrap;
  }
}
@media (max-width: 767px) {
  .main_container .visual .bl_credit {
    font-size: calc(24 * 0.1333333333vw);
    margin-top: calc(40 * 0.1333333333vw);
  }
}
.main_container .visual_unit01 {
  width: 50rem;
  margin: 0 auto;
}
@media (max-width: 767px) {
  .main_container .visual_unit01 {
    width: calc(680 * 0.1333333333vw);
  }
}
.main_container .visual_unit02 {
  margin: 6rem auto 0;
  width: 70rem;
}
@media (max-width: 767px) {
  .main_container .visual_unit02 {
    margin-top: calc(80 * 0.1333333333vw);
    width: 100%;
  }
}
.main_container .visual_unit02_list {
  display: flex;
  justify-content: center;
  gap: 0 2rem;
}
@media (max-width: 767px) {
  .main_container .visual_unit02_list {
    gap: 0 calc(10 * 0.1333333333vw);
  }
}
@media (max-width: 767px) {
  .main_container .visual_unit02 .bl_credit {
    padding: 0 calc(60 * 0.1333333333vw) 0 calc(40 * 0.1333333333vw);
  }
}
.main_container .visual_unit03 {
  margin-top: 16.3rem;
  gap: 0 4rem;
  display: flex;
  justify-content: center;
}
@media (max-width: 767px) {
  .main_container .visual_unit03 {
    margin-top: calc(220 * 0.1333333333vw);
    display: block;
  }
}
.main_container .visual_unit03_img__01 {
  width: 38rem;
}
@media (max-width: 767px) {
  .main_container .visual_unit03_img__01 {
    width: calc(560 * 0.1333333333vw);
  }
}
.main_container .visual_unit03_img__02 {
  margin-top: 18rem;
  width: 40rem;
}
@media (max-width: 767px) {
  .main_container .visual_unit03_img__02 {
    width: calc(620 * 0.1333333333vw);
    margin-top: calc(80 * 0.1333333333vw);
    margin-left: auto;
    margin-right: 0;
  }
}
.main_container .visual_unit04 {
  width: 50rem;
  margin: 6rem auto 0;
}
@media (max-width: 767px) {
  .main_container .visual_unit04 {
    width: 100%;
    margin-top: calc(120 * 0.1333333333vw);
  }
}
.main_container .visual_unit05 {
  width: 34rem;
  margin: 6rem auto 0;
}
@media (max-width: 767px) {
  .main_container .visual_unit05 {
    width: calc(500 * 0.1333333333vw);
    margin-top: calc(80 * 0.1333333333vw);
  }
}
@media (max-width: 767px) {
  .main_container .visual_unit05 .bl_credit {
    padding-right: calc(30 * 0.1333333333vw);
  }
}
.main_container .visual_unit06 {
  width: 50rem;
  margin: 16.4rem auto 0;
}
@media (max-width: 767px) {
  .main_container .visual_unit06 {
    width: calc(680 * 0.1333333333vw);
    margin-top: calc(220 * 0.1333333333vw);
  }
}
.main_container .visual_unit07 {
  width: 34rem;
  margin: 6rem auto 0;
}
@media (max-width: 767px) {
  .main_container .visual_unit07 {
    width: calc(500 * 0.1333333333vw);
    margin-top: calc(78 * 0.1333333333vw);
  }
}
.main_container .visual_unit08 {
  width: 50rem;
  margin: 6rem auto 0;
}
@media (max-width: 767px) {
  .main_container .visual_unit08 {
    width: 100%;
    margin-top: calc(120 * 0.1333333333vw);
  }
}
@media (max-width: 767px) {
  .main_container .visual_unit08 .bl_credit {
    padding: 0 calc(40 * 0.1333333333vw);
  }
}
.main_container .visual_allBtn {
  display: block;
  width: 46rem;
  margin: 10.4rem auto 0;
}
@media (max-width: 767px) {
  .main_container .visual_allBtn {
    width: calc(480 * 0.1333333333vw);
    margin-top: calc(154 * 0.1333333333vw);
  }
}
.main_container .bottom {
  margin-top: 12rem;
  padding-top: 2.3rem;
  border-top: 0.1rem solid #000;
  padding-left: 6.6rem;
}
@media (max-width: 767px) {
  .main_container .bottom {
    margin-top: calc(120 * 0.1333333333vw);
    border-top: calc(1 * 0.1333333333vw) solid #000;
    border-bottom: calc(1 * 0.1333333333vw) solid #000;
    padding: calc(27 * 0.1333333333vw) 0 calc(32 * 0.1333333333vw) calc(50 * 0.1333333333vw);
  }
}
.main_container .bottom_credit {
  font-size: 1.4rem;
  line-height: 1.6428571429;
  letter-spacing: 0.05em;
}
@media (max-width: 767px) {
  .main_container .bottom_credit {
    font-size: calc(20 * 0.1333333333vw);
    line-height: 2;
  }
}/*# sourceMappingURL=style.css.map */