@charset "UTF-8";
/*=======================================================
root
=======================================================*/
/* ブレイクポイント
-------------------------------------------------------*/
/*=======================================================
common.css
=======================================================*/
*,
*:before,
*:after {
  box-sizing: border-box;
}

a {
  text-decoration: none;
  color: #fff;
}

:root {
  background-color: #fff;
  color: #fff;
  font-family: source-han-sans-cjk-ja, sans-serif;
  font-weight: 300;
  font-size: 2.5641025641vw;
  /* w幅390pxの時 1rem=10px */
}
@media screen and (min-width: 426px) {
  :root {
    font-size: 62.5%;
    /* 16px*62.5%=10px 画面幅に関わらず 1rem=10pxに */
  }
}

body {
  overflow-x: hidden;
}

h1, h2, h3, h4, p, a, span, ul, li, dl, dt, dd {
  font-size: 1.6rem;
  font-feature-settings: "palt" 1; /* 文字詰め */
  line-height: 1.5em; /* 行高の基準設定 */
}

/* 見出し
-------------------------------------------------------*/
h2 {
  display: flex;
  margin: 0 1.6rem 3.2rem 0;
}
h2 span {
  margin-right: auto;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 1.6rem;
  font-weight: 500;
  letter-spacing: 0.2em;
}
h2::before, h2::after {
  align-self: center;
}
h2::before {
  display: block;
  content: attr(data-title);
  order: 1;
  margin-right: 0.5rem;
  font-family: source-han-sans-cjk-ja, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}
h2::after {
  display: block;
  content: "";
  order: 2;
  height: 0.5rem;
  aspect-ratio: 1/1;
  background-color: #fff;
  border-radius: 50%;
}

/* CVボタン
-------------------------------------------------------*/
.btn_wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
}

.btn_cv {
  display: flex;
  justify-content: center;
  align-items: baseline;
  -moz-column-gap: 0.8rem;
       column-gap: 0.8rem;
  width: calc(100% - 1.6rem);
  padding: 1.6rem 0;
  border: 1px #fff solid;
  letter-spacing: 0.2em;
  transition: all 0.3s;
}
.btn_cv svg {
  align-self: center;
  height: 2rem;
  width: 1.9rem;
  fill: #fff;
}
.btn_cv:hover {
  background-color: #fff;
  color: #000;
}
.btn_cv:hover svg {
  fill: #000;
}

/* ナビゲーションの回転アニメーション
-------------------------------------------------------*/
/*=======================================================
loading animation
=======================================================*/
#splash {
  /*fixedで全面に固定*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background: #000;
  text-align: center;
  color: #fff;
}

/*=======================================================
contents
=======================================================*/
.wrapper {
  width: 100vw;
  margin: auto;
}
.wrapper::before {
  content: "";
  display: block;
  position: fixed;
  top: 0;
  left: 0;
  z-index: -1;
  width: 100%;
  height: 100vh;
  background-image: url(../images/lp1/bg.webp);
  background-size: cover;
  background-position: 50% 0%;
  background-repeat: no-repeat;
}

/* PC時表示ヶ所
-------------------------------------------------------*/
.content_pc {
  display: none;
}
@media screen and (min-width: 1020px) {
  .content_pc {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    height: 100vh;
  }
}
.content_pc h1 {
  position: fixed;
  top: 4rem;
  left: 4rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 3.6rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
.content_pc h1 span {
  display: block;
  font-size: 6.4rem;
  font-weight: 700;
  letter-spacing: 0.25em;
}
.content_pc .nav_pc {
  position: fixed;
  right: 4rem;
  bottom: 4rem;
  width: 26%;
  max-width: 390px;
}
.content_pc .nav_pc ul {
  display: flex;
  flex-direction: column;
  row-gap: 0.8rem;
  margin-bottom: 4rem;
}
.content_pc .nav_pc ul li {
  width: -moz-fit-content;
  width: fit-content;
}
.content_pc .nav_pc ul .tracklist {
  margin: 0 6rem 0 auto;
}
.content_pc .nav_pc ul .xfd {
  margin: 0 4rem 0 auto;
}
.content_pc .nav_pc ul .profile {
  margin: 0 2rem 0 auto;
}
.content_pc .nav_pc ul .bonus {
  margin-left: auto;
}
.content_pc .nav_pc ul .button {
  display: flex;
  align-items: baseline;
  overflow: hidden;
  cursor: pointer;
}
.content_pc .nav_pc ul .button span {
  display: inline-block;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
.content_pc .nav_pc ul .button span:nth-child(1) {
  transition-delay: 30ms;
}
.content_pc .nav_pc ul .button span:nth-child(2) {
  transition-delay: 60ms;
}
.content_pc .nav_pc ul .button span:nth-child(3) {
  transition-delay: 90ms;
}
.content_pc .nav_pc ul .button span:nth-child(4) {
  transition-delay: 120ms;
}
.content_pc .nav_pc ul .button span:nth-child(5) {
  transition-delay: 150ms;
}
.content_pc .nav_pc ul .button span:nth-child(6) {
  transition-delay: 180ms;
}
.content_pc .nav_pc ul .button span:nth-child(7) {
  transition-delay: 210ms;
}
.content_pc .nav_pc ul .button span:nth-child(8) {
  transition-delay: 240ms;
}
.content_pc .nav_pc ul .button span:nth-child(9) {
  transition-delay: 270ms;
}
.content_pc .nav_pc ul .button span:nth-child(10) {
  transition-delay: 300ms;
}
.content_pc .nav_pc ul .button span:nth-child(11) {
  transition-delay: 330ms;
}
.content_pc .nav_pc ul .button span:nth-child(12) {
  transition-delay: 360ms;
}
.content_pc .nav_pc ul .button span:nth-child(13) {
  transition-delay: 390ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(1) {
  transition-delay: 30ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(2) {
  transition-delay: 60ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(3) {
  transition-delay: 90ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(4) {
  transition-delay: 120ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(5) {
  transition-delay: 150ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(6) {
  transition-delay: 180ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(7) {
  transition-delay: 210ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(8) {
  transition-delay: 240ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(9) {
  transition-delay: 270ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(10) {
  transition-delay: 300ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(11) {
  transition-delay: 330ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(12) {
  transition-delay: 360ms;
}
.content_pc .nav_pc ul .button:hover span:nth-child(13) {
  transition-delay: 390ms;
}
.content_pc .nav_pc ul .button span {
  height: 2.4rem;
  color: #000;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.2em;
  text-shadow: 0 2.4rem 0 #000;
}
.content_pc .nav_pc ul .button:hover span {
  transform: translateY(-2.7rem);
}
.content_pc .nav_pc .btn_cv {
  width: 100%;
  color: #000;
  border: 1px #000 solid;
}
.content_pc .nav_pc .btn_cv svg {
  fill: #000;
}
.content_pc .nav_pc .btn_cv:hover {
  background-color: rgba(24, 24, 24, 0.85);
  color: #fff;
}
.content_pc .nav_pc .btn_cv:hover svg {
  fill: #fff;
}
.content_pc .img_wrapper {
  position: fixed;
  right: -3.4rem;
  bottom: 0;
  width: 44%;
  aspect-ratio: 595/631;
}
.content_pc .img_wrapper img {
  position: absolute;
  width: 100%;
}

/* PC/SP共通ヶ所
-------------------------------------------------------*/
.content {
  width: 100%;
  max-width: 425px;
  margin: 0 auto;
}

main {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 6.4rem;
}
@media screen and (min-width: 426px) {
  main {
    padding-top: 1.6rem;
  }
}

.plate {
  position: relative;
  overflow: hidden;
  width: 100%;
  border-radius: 20px;
  -webkit-backdrop-filter: blur(7.7px);
          backdrop-filter: blur(7.7px);
  box-shadow: 0px 0px 60px rgba(0, 0, 0, 0.3), 0px 0px 12px rgba(0, 0, 0, 0.4);
}
.plate.b {
  background-color: rgba(24, 24, 24, 0.85);
  border-top: 1px rgba(133, 133, 133, 0.2) solid;
  border-bottom: 1px rgba(133, 133, 133, 0.2) solid;
}
@media screen and (min-width: 426px) {
  .plate.b {
    border: 1px rgba(133, 133, 133, 0.2) solid;
  }
}
.plate.g {
  background-color: rgba(20, 44, 12, 0.8);
  border-top: 1px rgba(100, 128, 90, 0.2) solid;
  border-bottom: 1px rgba(100, 128, 90, 0.2) solid;
}
@media screen and (min-width: 426px) {
  .plate.g {
    border: 1px rgba(100, 128, 90, 0.2) solid;
  }
}
.plate.only-bottom {
  border-radius: 0 0 20px 20px;
}
@media screen and (min-width: 426px) {
  .plate.only-bottom {
    border-radius: 20px;
  }
}
.plate.only-top {
  border-radius: 20px 20px 0 0;
}
.plate.small {
  width: calc(100% - 1.6rem);
  border: 1px rgba(100, 128, 90, 0.2) solid;
}
@media screen and (min-width: 426px) {
  .plate.small {
    width: 100%;
  }
}

.flexbox {
  display: flex;
  flex-direction: row-reverse;
}

@keyframes textscroll1st {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
@keyframes textscroll2nd {
  0% {
    transform: translateX(-100%);
  }
  100% {
    transform: translateX(0%);
  }
}
.sidetext_wrapper {
  position: absolute;
  height: 2.4rem;
  display: flex;
  flex-direction: row;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-weight: 300;
  letter-spacing: 0.4em;
  transform: rotate(90deg);
}
.sidetext_wrapper.top {
  top: 149rem;
  right: -112.4rem;
  width: 300.866rem;
}
@media screen and (min-width: 426px) {
  .sidetext_wrapper.top {
    right: -109.2rem;
  }
}
.sidetext_wrapper.mid {
  top: 136rem;
  right: -99.8rem;
  width: 275.572rem;
}
@media screen and (min-width: 426px) {
  .sidetext_wrapper.mid {
    right: -96.7rem;
  }
}
.sidetext_wrapper.bottom {
  top: 28rem;
  right: 8.7rem;
  width: 58.4rem;
}
@media screen and (min-width: 426px) {
  .sidetext_wrapper.bottom {
    right: 12rem;
  }
}

.section_wrapper {
  width: calc(100% - 3.2rem);
}

/* TOP
-------------------------------------------------------*/
#section-top {
  margin-bottom: 4.8rem;
  padding: 3.2rem 0 0;
}
#section-top p {
  margin-bottom: 1.6rem;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 2.4rem;
  font-weight: 600;
  letter-spacing: 0.05em;
}
#section-top h1 {
  position: relative;
  font-family: neue-haas-grotesk-display, sans-serif;
}
#section-top .bg_h1 {
  display: block;
  height: 17.4rem;
  width: 100%;
  margin: 0 0 0 auto;
  background-image: url(../images/lp1/hero_image.webp);
  background-position: center;
  background-size: cover;
}
#section-top .text_h1 {
  position: absolute;
  top: 4rem;
  left: 9rem;
  color: #000;
  font-size: 6.4rem;
  font-weight: 700;
  letter-spacing: 0.25em;
}

/* creators
-------------------------------------------------------*/
#section-creators ul {
  display: flex;
  flex-direction: column;
  row-gap: 2.4rem;
  margin-bottom: 6.4rem;
}
#section-creators dl {
  display: flex;
  gap: 2.8rem;
}
#section-creators dt {
  width: 20%;
  margin-right: 10%;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 1.2rem;
  letter-spacing: 0.15em;
}
#section-creators dd {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
}
#section-creators dd span {
  font-size: 1.2rem;
  letter-spacing: 0.05em;
}

/* intro
-------------------------------------------------------*/
#section-intro {
  margin-bottom: 6.4rem;
}
#section-intro h3 {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  margin: 0 1.6rem 4.8rem 0;
}
#section-intro h3 .en {
  color: #A3A4A4;
  font-size: 3.2rem;
  font-weight: 700;
  letter-spacing: 0.05em;
}
#section-intro h3 .ja {
  align-self: flex-end;
  font-size: 1.6rem;
  font-weight: 700;
  letter-spacing: 0.3em;
}
#section-intro p {
  margin-bottom: 3.2rem;
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.15em;
}
#section-intro .jacket {
  width: calc(100% - 1.6rem);
  aspect-ratio: 1/1;
  margin-bottom: 1.6rem;
}
#section-intro .title {
  padding-bottom: 1.6rem;
  width: calc(100% - 1.6rem);
  border-bottom: 1px #fff solid;
  font-weight: 500;
  letter-spacing: 0.1em;
}
#section-intro dl {
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: baseline;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
  width: 45%;
  margin: 0 1.6rem 3.2rem auto;
}
#section-intro .version {
  font-size: 1.4rem;
  font-weight: 300;
  letter-spacing: 0.1em;
}
#section-intro .price {
  font-size: 2.4rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}

/* tracklist
-------------------------------------------------------*/
#section-tracklist {
  margin-bottom: 6.4rem;
}
#section-tracklist ol {
  position: relative;
  width: calc(100% - 1.6rem);
  border-right: 3px #fff solid;
}
#section-tracklist ol::after {
  position: absolute;
  top: 0;
  right: 4px;
  display: block;
  content: "";
  height: 100%;
  width: 1px;
  background-color: #fff;
}
#section-tracklist li {
  position: relative;
  display: flex;
  justify-content: flex-start;
  padding: 0.4rem 4rem 1.6rem 0.8rem;
  border-top: 1px #fff solid;
}
#section-tracklist li::after {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  content: "";
  height: 20%;
  width: 1px;
  background-color: #fff;
}
#section-tracklist .number {
  margin-right: 8%;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.15em;
}
#section-tracklist .track-data, #section-tracklist .btn_wrapper {
  display: flex;
  flex-direction: column;
  row-gap: 2.2rem;
  padding-top: 1.2rem;
}
#section-tracklist .track-data {
  margin-right: auto;
}
#section-tracklist .track-data h3, #section-tracklist .track-data p {
  font-family: source-han-sans-cjk-ja, sans-serif;
  font-weight: 300;
  letter-spacing: 0.05em;
}
#section-tracklist .btn_lyrics, #section-tracklist .btn_play {
  display: flex;
  -moz-column-gap: 0.2rem;
       column-gap: 0.2rem;
  align-items: center;
  padding: 0 0.4rem 0.2rem;
  background-color: transparent;
  border: none;
  border-radius: 4px;
  color: white;
  cursor: pointer;
}
#section-tracklist .btn_lyrics p, #section-tracklist .btn_play p {
  padding-top: 0.5rem;
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 1.2rem;
  font-weight: 500;
  letter-spacing: 0.1em;
}
#section-tracklist .arrow {
  height: 1rem;
  margin-top: 0.4rem;
}
#section-tracklist .svg_wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 1.2rem;
  width: 1.3rem;
  margin-top: 0.4rem;
}
#section-tracklist .svg_wrapper svg {
  position: absolute;
  height: 100%;
  width: 100%;
}
#section-tracklist .btn_play {
  transition: all 0.3s;
}
#section-tracklist .btn_play.playing {
  color: #fff;
  background-color: #680406;
}
#section-tracklist .btn_play svg {
  fill: #fff;
  opacity: 0;
}
#section-tracklist .btn_play svg.is_active {
  opacity: 1;
}

/* xfd
-------------------------------------------------------*/
#section-xfd {
  padding: 4.8rem 0 6.4rem;
}
#section-xfd h2 {
  margin: 0 1.6rem 3.2rem;
}
#section-xfd iframe {
  display: block;
  width: calc(100% - 3.2rem);
  aspect-ratio: 16/9;
  margin: 0 auto 6.4rem;
}
#section-xfd .btn_wrapper {
  align-items: center;
}
#section-xfd .btn_cv {
  width: calc(100% - 3.2rem);
}

/* profile
-------------------------------------------------------*/
#section-profile {
  padding-top: 4.8rem;
  margin-bottom: 6.4rem;
}
#section-profile .flexbox {
  flex-direction: row;
  justify-content: flex-start;
  width: calc(100% - 1.6rem);
}
#section-profile .list_member {
  width: 50%;
}
#section-profile li {
  display: flex;
  flex-direction: column;
  align-items: center;
  row-gap: 0.8rem;
  padding: 4rem 1.6rem 2.4rem;
  border: 0.1rem #fff solid;
  border-bottom: none;
}
#section-profile li.bb {
  border-bottom: 0.1rem #fff solid;
}
#section-profile li .micromodal-trigger {
  display: block;
  width: 100%;
  cursor: pointer;
}
#section-profile li .micromodal-trigger img {
  width: 100%;
}
#section-profile li .micromodal-trigger h4 {
  font-weight: 300;
}
#section-profile .l {
  border-right: 0.1rem #fff solid;
}
#section-profile .l li {
  border-right: none;
}
#section-profile .r li {
  border-left: none;
}
#section-profile .heading {
  padding: 1.4rem 0 1.4rem;
}
#section-profile .heading h3 {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.15em;
}
#section-profile .banner {
  padding: 9.3rem 1.6rem 9.2rem;
  border: none;
}
@media screen and (min-width: 426px) {
  #section-profile .banner {
    padding: 9.9rem 1.6rem 9.85rem;
  }
}
#section-profile .banner .banner_wrapper {
  position: relative;
  width: 100%;
}
#section-profile .banner .banner_wrapper::before, #section-profile .banner .banner_wrapper::after {
  position: absolute;
  content: "";
  display: block;
  z-index: -1;
  height: 100%;
  width: 100%;
  background-image: url(../images/lp1/banner.png);
  background-size: contain;
  opacity: 0.3;
}
#section-profile .banner .banner_wrapper::before {
  top: -1.6rem;
  left: -1.6rem;
}
#section-profile .banner .banner_wrapper::after {
  top: 1.6rem;
  left: 1.6rem;
}
#section-profile .banner img {
  width: 100%;
}
#section-profile .mg44 {
  margin-bottom: 4rem;
}
@media screen and (min-width: 426px) {
  #section-profile .mg44 {
    margin-bottom: 4.1rem;
  }
}
#section-profile .mg48 {
  margin-bottom: 4.6rem;
}
#section-profile .pa14 {
  padding-bottom: 1.45rem;
}
#section-profile .pa15 {
  padding-bottom: 1.5rem;
}
@media screen and (min-width: 426px) {
  #section-profile .pa15 {
    padding-bottom: 1.4rem;
  }
}
#section-profile .pa22 {
  padding-bottom: 2.3rem;
}
@media screen and (min-width: 426px) {
  #section-profile .pa22 {
    padding-bottom: 2.2rem;
  }
}

/* bonus
-------------------------------------------------------*/
#section-bonus {
  margin-bottom: 6.4rem;
}
#section-bonus img {
  width: calc(100% - 1.6rem);
  margin-bottom: 1.6rem;
}
#section-bonus p {
  margin-bottom: 2.4rem;
  font-size: 1.4rem;
  font-weight: 400;
  letter-spacing: 0.05em;
}

/* footer
-------------------------------------------------------*/
#section-footer {
  padding-top: 6.4rem;
  width: calc(100% - 3.2rem);
}
#section-footer .h_footer {
  justify-content: space-between;
  align-items: flex-end;
}
#section-footer .h_footer::before, #section-footer .h_footer::after {
  display: none;
}
#section-footer .h_footer span {
  font-weight: 600;
  letter-spacing: 0.1em;
}
#section-footer .h_footer img {
  height: 8rem;
}
#section-footer .sitenav_footer {
  display: flex;
  width: calc(100% - 1.6rem);
  margin-bottom: 0.8rem;
  border-top: 1px #fff solid;
  border-bottom: 1px #fff solid;
}
#section-footer .sitenav_footer h3 {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 1.2rem;
  font-weight: 400;
  letter-spacing: 0.15em;
}
#section-footer .nav_l, #section-footer .nav_r {
  width: 50%;
}
#section-footer .nav_l {
  border-right: 1px #fff solid;
}
#section-footer .nav_l h3 {
  margin-bottom: 3.2rem;
  padding-top: 0.8rem;
}
#section-footer .nav_l .list_link {
  display: flex;
  flex-direction: column;
  row-gap: 1.6rem;
  margin-bottom: 3.2rem;
}
#section-footer .nav_l .list_link li .button {
  display: flex;
  align-items: baseline;
  overflow: hidden;
  cursor: pointer;
}
#section-footer .nav_l .list_link li .button span {
  display: inline-block;
  transition-duration: 400ms;
  transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);
}
#section-footer .nav_l .list_link li .button span:nth-child(1) {
  transition-delay: 30ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(2) {
  transition-delay: 60ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(3) {
  transition-delay: 90ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(4) {
  transition-delay: 120ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(5) {
  transition-delay: 150ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(6) {
  transition-delay: 180ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(7) {
  transition-delay: 210ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(8) {
  transition-delay: 240ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(9) {
  transition-delay: 270ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(10) {
  transition-delay: 300ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(11) {
  transition-delay: 330ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(12) {
  transition-delay: 360ms;
}
#section-footer .nav_l .list_link li .button span:nth-child(13) {
  transition-delay: 390ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(1) {
  transition-delay: 30ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(2) {
  transition-delay: 60ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(3) {
  transition-delay: 90ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(4) {
  transition-delay: 120ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(5) {
  transition-delay: 150ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(6) {
  transition-delay: 180ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(7) {
  transition-delay: 210ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(8) {
  transition-delay: 240ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(9) {
  transition-delay: 270ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(10) {
  transition-delay: 300ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(11) {
  transition-delay: 330ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(12) {
  transition-delay: 360ms;
}
#section-footer .nav_l .list_link li .button:hover span:nth-child(13) {
  transition-delay: 390ms;
}
#section-footer .nav_l .list_link li .button {
  height: 1.6rem;
}
#section-footer .nav_l .list_link li .button span {
  font-family: neue-haas-grotesk-display, sans-serif;
  font-size: 1.4rem;
  font-weight: 500;
  letter-spacing: 0.2em;
  text-shadow: 0 1.4rem 0 #fff;
}
#section-footer .nav_l .list_link li .button:hover span {
  transform: translateY(-1.7rem);
}
#section-footer .nav_r .above, #section-footer .nav_r .below {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  height: 50%;
}
#section-footer .nav_r h3 {
  position: absolute;
  top: 0.8rem;
  left: 0.8rem;
}
#section-footer .nav_r .above {
  border-bottom: 1px #fff solid;
}
#section-footer .nav_r .above .logo_wrapper {
  display: flex;
  -moz-column-gap: 2.4rem;
       column-gap: 2.4rem;
}
#section-footer .nav_r .above .logo_wrapper a img {
  height: 2rem;
}
#section-footer .nav_r .above .logo_wrapper a img:hover {
  opacity: 0.4;
  transition: all 0.3s;
}
#section-footer .below a {
  font-size: 1.2rem;
  font-weight: 300;
  letter-spacing: 0.05em;
}
#section-footer .below a:hover {
  opacity: 0.4;
  transition: all 0.3s;
}
#section-footer .below svg {
  width: 1.2rem;
}
#section-footer small {
  display: block;
  width: calc(100% - 1.6rem);
  margin-bottom: 3.2rem;
  text-align: right;
}

.modal {
  display: none;
}

.modal.is-open {
  display: block;
}

.modal__overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
  display: flex;
  justify-content: center;
  align-items: center;
}

.modal__container {
  width: calc(100% - 1.6rem);
  max-width: 409px; /* 425px - 8px*2 */
  max-height: calc(100vh - 1.6rem);
  padding: 3.2rem 2.4rem 4.8rem;
  color: #fff;
  border-radius: 4px;
  overflow-y: auto;
}
@media screen and (min-width: 1020px) {
  .modal__container {
    max-width: 425px;
  }
}
.modal__container img {
  width: 100%;
}
.modal__container a {
  display: block;
}
.modal__container .logo {
  height: 2rem;
  width: auto;
}
.modal__container .logo:hover {
  opacity: 0.4;
  transition: all 0.3s;
}

.modal__close {
  align-self: flex-end;
  padding-left: 4rem;
  color: #fff;
  background: transparent;
  border: 0;
  font-size: 1.6rem;
}

.modal__close:before {
  content: "✕";
}

.modal__content {
  align-items: flex-start;
  row-gap: 2.4rem;
}
.modal__content h4 {
  font-weight: 500;
  letter-spacing: 0.05em;
}
.modal__content h4 span {
  font-size: 1.4rem;
  font-weight: 400;
}
.modal__content p {
  font-size: 1.4rem;
  letter-spacing: 0.05em;
  line-height: 2em;
}
.modal__content .sns-container {
  display: flex;
  -moz-column-gap: 1.6rem;
       column-gap: 1.6rem;
}
.modal__content iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 16/9;
}

.modal__btn {
  font-size: 0.875rem;
  padding-left: 1rem;
  padding-right: 1rem;
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  background-color: #e6e6e6;
  color: rgba(0, 0, 0, 0.8);
  border-radius: 0.25rem;
  border-style: none;
  border-width: 0;
  cursor: pointer;
  -webkit-appearance: button;
  text-transform: none;
  overflow: visible;
  line-height: 1.15;
  margin: 0;
  will-change: transform;
  -moz-osx-font-smoothing: grayscale;
  backface-visibility: hidden;
  transform: translateZ(0);
  transition: transform 0.25s ease-out;
}

@keyframes mmfadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes mmfadeOut {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.micromodal-slide[aria-hidden=false] .modal__overlay {
  animation: mmfadeIn 0.3s cubic-bezier(0, 0, 0.2, 1);
}

.micromodal-slide[aria-hidden=true] .modal__overlay {
  animation: mmfadeOut 0.3s cubic-bezier(0, 0, 0.2, 1);
}/*# sourceMappingURL=lp1.css.map */