:root {
  --border-gradient: linear-gradient(to right, #2DAF8D,rgba(45, 147, 153, 0.1));
}

body {
  font-family: "YakuHanMP", "Noto Serif JP", serif;
  font-weight: 500;
}

.l-wrapper {
  padding-top: 15.3846vw;
}
@media screen and (min-width: 768px) {
  .l-wrapper {
    max-width: 2000px;
    min-width: 1280px;
    margin: 0 auto;
    padding-top: 84px;
  }
}

.c-container {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.c-container.-padding {
  padding-left: 7.333333vw;
  padding-right: 7.333333vw;
}

@media (max-width: 767px) {
  .c-container.-padding-sp-0 {
    padding-left: 0;
    padding-right: 0;
  }
}
@media (min-width: 768px) {
  .c-container.-padding, .c-container.-padding-pc {
    padding-left: 152px;
    padding-right: 152px;
    width: 1280px;
  }
}
.c-sns {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4vw;
  margin-top: 16vw;
}

@media (min-width: 768px) {
  .c-sns {
    gap: 20px;
    margin-top: 60px;
  }
}
.c-sns-facebook {
  width: 7.4666666667vw;
}
.c-sns-facebook .icon {
  fill: #000000;
}

@media (min-width: 768px) {
  .c-sns-facebook {
    width: 43px;
  }
}
.c-sns-x {
  width: 6.9333333333vw;
}
.c-sns-x .icon {
  fill: #000000;
}

@media (min-width: 768px) {
  .c-sns-x {
    width: 40px;
  }
}
.c-sns-instagram {
  width: 7.4666666667vw;
}
.c-sns-instagram .icon {
  fill: #000000;
}

@media (min-width: 768px) {
  .c-sns-instagram {
    width: 43px;
  }
}
.c-section {
  display: flex;
  flex-direction: column;
}

.c-section__body {
  display: flex;
  flex-direction: column;
}

.c-panel {
  --container-width: ;
  margin-right: auto;
  margin-left: auto;
  display: flex;
  flex-direction: column;
  align-items: center;
}
.c-panel .c-panel__head,
.c-panel .c-panel__visual,
.c-panel .c-panel__body,
.c-panel .c-panel__footer {
  max-width: 710px;
  width: 85.333333%;
}
@media (min-width: 768px) {
  .c-panel .c-panel__head,
  .c-panel .c-panel__visual,
  .c-panel .c-panel__body,
  .c-panel .c-panel__footer {
    width: 100%;
  }
}
.c-panel .c-panel__head {
  padding-bottom: 18.6666666667vw;
  display: flex;
  justify-content: center;
}
@media (min-width: 768px) {
  .c-panel .c-panel__head {
    padding-bottom: 83px;
  }
}
@media (max-width: 767px) {
  .c-panel .c-panel__head.-mb-narrow {
    padding-bottom: 8vw;
  }
}
.c-panel .c-panel__visual {
  position: relative;
  padding-bottom: 18.6666666667vw;
}
@media (min-width: 768px) {
  .c-panel .c-panel__visual {
    padding-bottom: 50px;
  }
}
.c-panel .c-panel__visual.-border-top {
  padding-top: 18.6666666667vw;
}
@media (min-width: 768px) {
  .c-panel .c-panel__visual.-border-top {
    padding-top: 50px;
  }
}
.c-panel .c-panel__visual.-border-top:before {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: var(--border-gradient);
}
.c-panel .c-panel__visual.-border-top:before {
  top: 0;
}
.c-panel .c-panel__head.-width-narrow,
.c-panel .c-panel__visual.-width-narrow,
.c-panel .c-panel__body.-width-narrow,
.c-panel .c-panel__footer.-width-narrow {
  max-width: 560px;
}
@media (min-width: 768px) {
  .c-panel .c-panel__head.-width-narrow,
  .c-panel .c-panel__visual.-width-narrow,
  .c-panel .c-panel__body.-width-narrow,
  .c-panel .c-panel__footer.-width-narrow {
    width: 100%;
  }
}
.c-panel .c-panel__head.-width-wide,
.c-panel .c-panel__visual.-width-wide,
.c-panel .c-panel__body.-width-wide,
.c-panel .c-panel__footer.-width-wide {
  max-width: 890px;
  width: 100%;
}
@media (min-width: 768px) {
  .c-panel .c-panel__head.-width-wide-pc,
  .c-panel .c-panel__visual.-width-wide-pc,
  .c-panel .c-panel__body.-width-wide-pc,
  .c-panel .c-panel__footer.-width-wide-pc {
    max-width: 890px;
    width: 100%;
  }
}
.c-panel .c-panel__body {
  position: relative;
  padding: 5.3333333333vw 0;
}
@media (min-width: 768px) {
  .c-panel .c-panel__body {
    padding: 40px 0;
  }
}
.c-panel .c-panel__body:before, .c-panel .c-panel__body:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  /* background: var(--border-gradient); */
}
.c-panel .c-panel__body:before {
  top: 0;
}
.c-panel .c-panel__body:after {
  bottom: 0;
}
.c-panel .c-panel__footer {
  position: relative;
  padding: 8vw 0;
  margin-top: -1px;
  text-align: center;
}
@media (min-width: 768px) {
  .c-panel .c-panel__footer {
    padding: 50px 0;
  }
}
.c-panel .c-panel__footer:after {
  content: "";
  position: absolute;
  left: 0;
  display: block;
  width: 100%;
  height: 1px;
  background: linear-gradient(to right, #2DAF8D, rgba(45, 147, 153, 0));
  bottom: 0;
}

.c-title.-h2 {
  position: relative;
  width: 100%;
  overflow: hidden;
}
@media (min-width: 768px) {
  .c-title.-h2 {
    height: 90px;
  }
  .c-title.-h2 img {
    position: absolute;
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    -o-object-fit: cover;
       object-fit: cover;
    height: 100%;
    width: 100%;
  }
}

.c-text {
  font-size: 14px;
  letter-spacing: 0.12em;
  line-height: 2.14285;
}
@media (min-width: 768px) {
  .c-text {
    font-size: 18px;
    line-height: 2.11111;
  }
}
.c-text + .c-text {
  margin-top: 1.75em;
}
@media (min-width: 768px) {
  .c-text + .c-text {
    margin-top: 1.75em;
  }
}

.c-button-group {
  display: flex;
  gap: 32px 40px;
  justify-content: center;
  align-items: center;
}
@media (max-width: 767px) {
  .c-button-group {
    flex-direction: column;
  }
}

.c-button {
  display: block;
  width: 250px;
  height: 50px;
  background-size: contain;
  background-repeat: no-repeat;
}
.c-button.-officialsite:not(.-green) {
  background-image: url(../img/button-officialsite.png?20251202);
}
.c-button.-officialsite:not(.-green):hover {
  background-image: url(../img/button-officialsite_hover.png?20251202);
}
.c-button.-officialsite.-green {
  background-image: url(../img/button-officialsite-green.png?20251202);
}
.c-button.-officialsite.-green:hover {
  background-image: url(../img/button-officialsite-green_hover.png?20251202);
}
.c-button.-insta:not(.-green) {
  background-image: url(../img/button-insta.png?20251202);
}
.c-button.-insta:not(.-green):hover {
  background-image: url(../img/button-insta_hover.png?20251202);
}
.c-button.-insta.-green {
  background-image: url(../img/button-insta-green.png?20251202);
}
.c-button.-insta.-green:hover {
  background-image: url(../img/button-insta-green_hover.png?20251202);
}

.p-MV__section {
  width: 100%;
  /* object-position: 50%; */
  /* object-fit: contain; */
  /* object-fit: cover; */
  /* height: auto; */
  aspect-ratio: 750/1032;
  background-image: url(../img/mv_sp.jpg?20251202);
  background-size: cover;
  background-position: center;
}
@media (min-width: 768px) {
  .p-MV__section {
    -o-object-fit: cover;
       object-fit: cover;
    height: 700px;
    background-image: url(../img/mv_pc.jpg?20251202);
  }
}

.p-MV__body {
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: center;
}

.p-purchase {
  background: #cac79b;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  width: 100%;
  height: 14.6666666667vw;
  position: relative;
  max-width: 2000px;
  font-size: 3.4666666667vw;
  letter-spacing: 0.16em;
}
.p-purchase::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: #C0BCD9;
  transition: 500ms ease;
  transition-property: color, opacity;
}
@media (min-width: 768px) {
  .p-purchase {
    font-size: 16px;
    letter-spacing: 0.1em;
    height: 55px;
  }
  .p-purchase:hover::after {
    opacity: 0;
  }
  .p-purchase:hover .p-purchase-inner {
    /* color: #fff; */
  }
}
@media screen and (max-width: 767px) {
  .p-purchase .p-purchase-date {
    font-size: 2.6666666667vw;
    letter-spacing: 0.12em;
    display: block;
  }
}

.p-purchase-inner {
  color: #000000;
  font-size: 3.7333333333vw;
  letter-spacing: 0.175em;
  z-index: 1;
  font-weight: 500;
}

@media (min-width: 768px) {
  .p-purchase-inner {
    font-size: 18px;
    letter-spacing: 0.16em;
  }
}
.p-purchase.fixed {
  position: fixed;
  top: 0;
  z-index: 10;
}

.p-Intro__section .c-section__body,
.p-Message__section .c-section__body,
.p-Artist__section .c-section__body,
.p-ExhibitedWorks__section .c-section__body,
.p-SoundDesign__section .c-section__body,
.p-Information__section .c-section__body {
  background-size: cover;
  background-image: url(../img/Intro-bg_sp.png?20251202);
  padding-top: 21.3333333333vw;
  padding-bottom: 32vw;
}
@media (min-width: 768px) {
  .p-Intro__section .c-section__body,
  .p-Message__section .c-section__body,
  .p-Artist__section .c-section__body,
  .p-ExhibitedWorks__section .c-section__body,
  .p-SoundDesign__section .c-section__body,
  .p-Information__section .c-section__body {
    background-image: url(../img/Intro-bg_pc.png?20251202);
    padding-top: 140px;
    padding-bottom: 150px;
  }
}

.p-Message__section,
.p-Artist__section,
.p-ExhibitedWorks__section,
.p-SoundDesign__section,
.p-Information__section {
  margin-top: -1px;
}

.p-Artist__panel,
.p-ExhibitedWorks__panel {
  --border-gradient: linear-gradient(to right, #19a7af,rgba(25, 167, 175, 0.1));
}

.p-SoundDesign__panel {
  --border-gradient: linear-gradient(to right, #3ebe92,rgba(189, 244, 244, 0.2));
}

.p-Information__panel {
  --border-gradient: linear-gradient(to right, #000000, rgba(0, 0, 0, 0));
}

.p-Intro__section {
  text-align: center;
  font-size: 14px;
  letter-spacing: 0.18em;
  line-height: 2.35714;
}
@media (min-width: 768px) {
  .p-Intro__section {
    font-size: 18px;
    letter-spacing: 0.12em;
    line-height: 2.55555;
  }
}
.p-Intro__section .c-section__body {
  display: flex;
  flex-direction: column;
  padding-top: 16vw;
  padding-bottom: 26.6666666667vw;
}
@media (min-width: 768px) {
  .p-Intro__section .c-section__body {
    padding-top: 100px;
    padding-bottom: 148px;
  }
}

@media (max-width: 767px) {
  .p-Intro__text {
    text-align: left;
  }
}

.p-Intro__sns {
  order: 3;
}
@media (min-width: 768px) {
  .p-Intro__sns {
    order: 2;
  }
}

.p-Message__section .c-section__body {
  background-image: url(../img/Message-bg_sp.png?20251202);
}
@media (min-width: 768px) {
  .p-Message__section .c-section__body {
    background-image: url(../img/Message-bg_pc.png?20251202);
  }
}

.p-Message__panel .c-panel__head {
  padding-bottom: 21.3333333333vw;
}
@media (min-width: 768px) {
  .p-Message__panel .c-panel__head {
    padding-bottom: 63px;
  }
}
@media (max-width: 767px) {
  .p-Message__panel .c-panel__footer {
    padding: 8vw 0;
    font-size: 18px;
  }
}
@media (min-width: 768px) {
  .p-Message__panel .c-panel__footer {
    padding: 8px 0;
  }
}

.p-Message__sub-title {
  max-width: 55.466666vw;
}
@media (min-width: 768px) {
  .p-Message__sub-title {
    max-width: 400px;
  }
}

.p-Message__panel .c-panel__body {
  display: flex;
  flex-direction: column;
}

@media (max-width: 767px) {
  .p-Message__illust {
    width: 150px;
    margin: 16vw auto 10.6666666vw;
  }
}
@media (min-width: 768px) {
  .p-Message__illust {
    position: absolute;
    width: 200px;
    top: 92px;
    right: -60px;
    transform: translateX(100%);
  }
}

.p-Artist__section .c-section__body {
  background-image: url(../img/Artist-bg_sp.png?20251202);
}
@media (max-width: 767px) {
  .p-Artist__section .c-section__body {
    padding-top: 26.66666vw;
  }
}
@media (min-width: 768px) {
  .p-Artist__section .c-section__body {
    background-image: url(../img/Artist-bg_pc.png?20251202);
  }
}

.p-Artist__sub-title {
  max-width: 64.26666vw;
}
@media (min-width: 768px) {
  .p-Artist__sub-title {
    max-width: 392px;
  }
}

@media (max-width: 767px) {
  .p-Artist__panel .c-panel__head {
    padding-bottom: 26.66666vw;
  }
}
.p-Artist__panel .c-panel__footer {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .p-Artist__panel .c-panel__footer {
    padding-top: 13.3333333333vw;
  }
}
.p-Artist__panel .c-panel__footer:after {
  display: none;
}

.p-ExhibitedWorks__section .c-section__body {
  background-image: url(../img/ExhibitedWorks-bg_sp.png?20251202);
}
@media (min-width: 768px) {
  .p-ExhibitedWorks__section .c-section__body {
    background-image: url(../img/ExhibitedWorks-bg_pc.png?20251202);
  }
}

.p-ExhibitedWorks__sub-title {
  max-width: 142px;
}

.p-ExhibitedWorks__panel.-works .c-panel__head:not(.-width-wide),
.p-ExhibitedWorks__panel.-works .c-panel__visual:not(.-width-wide),
.p-ExhibitedWorks__panel.-works .c-panel__body:not(.-width-wide),
.p-ExhibitedWorks__panel.-works .c-panel__footer:not(.-width-wide) {
  width: 77.33333%;
}
.p-ExhibitedWorks__panel.-works .c-panel__visual {
  padding-bottom: 4vw;
}
@media (min-width: 768px) {
  .p-ExhibitedWorks__panel.-works .c-panel__visual {
    padding-bottom: 20px;
  }
}
.p-ExhibitedWorks__panel.-works .c-panel__body {
  padding: 0;
}
.p-ExhibitedWorks__panel.-works .c-panel__body:before, .p-ExhibitedWorks__panel.-works .c-panel__body:after {
  display: none;
}
.p-ExhibitedWorks__panel.-works .p-ExhibitedWorks__text {
  font-size: 12px;
  line-height: 1.66666;
}
@media (min-width: 768px) {
  .p-ExhibitedWorks__panel.-works .p-ExhibitedWorks__text {
    font-size: 16px;
    line-height: 1.75;
  }
}

.p-ExhibitedWorks__panel + .p-ExhibitedWorks__panel.-works {
  margin-top: 20vw;
}
@media (min-width: 768px) {
  .p-ExhibitedWorks__panel + .p-ExhibitedWorks__panel.-works {
    margin-top: 90px;
  }
}

.p-ExhibitedWorks__panel + .p-ExhibitedWorks__panel:not(.-works) {
  /* margin-top: 25.3333333333vw; */
  margin-top: 5.333333vw;
}
@media (min-width: 768px) {
  .p-ExhibitedWorks__panel + .p-ExhibitedWorks__panel:not(.-works) {
    /* margin-top: 95px; */
    margin-top: 25px;    
  }
}

.p-SoundDesign__section .c-section__body {
  background-image: url(../img/SoundDesign-bg_sp.png?20251202);
}
@media (min-width: 768px) {
  .p-SoundDesign__section .c-section__body {
    background-image: url(../img/SoundDesign-bg_pc.png?20251202);
  }
}

.p-SoundDesign__sub-title {
  max-width: 126px;
}

@media (min-width: 768px) {
  .p-SoundDesign__text {
    font-size: 16px;
    line-height: 1.875;
    letter-spacing: 0.07em;
  }
}

@media (max-width: 767px) {
  .p-SoundDesign__panel .c-panel__visual {
    padding: 5.3333333333vw 0 !important;
  }
}
.p-SoundDesign__panel .c-panel__footer {
  padding-bottom: 0;
}
@media (max-width: 767px) {
  .p-SoundDesign__panel .c-panel__footer {
    padding-top: 13.3333333333vw;
  }
}
.p-SoundDesign__panel .c-panel__footer:after {
  display: none;
}

.p-Information__section .c-section__body {
  background-image: url(../img/Information-bg_sp.png?20251202);
}
@media (max-width: 767px) {
  .p-Information__section .c-section__body {
    padding-top: 18.666666vw;
  }
}
@media (min-width: 768px) {
  .p-Information__section .c-section__body {
    background-image: url(../img/Information-bg_pc.png?20251202);
    padding-top: 120px;
    padding-bottom: 200px;
  }
}

.p-Information__body-title {
  min-width: 115px;
  position: relative;
  display: inline-block;
  padding-bottom: 0.625em;
  margin-bottom: 0.25em;
}
.p-Information__body-title:not(:first-child) {
  margin-top: 1.25em;
}
@media (max-width: 767px) {
  .p-Information__body-title {
    font-size: 16px;
    line-height: 1.75;
    padding-bottom: 0.75em;
    margin-bottom: 0.5em;
  }
}
@media (min-width: 768px) {
  .p-Information__body-title {
    min-width: 170px;
  }
  .p-Information__body-title:not(:first-child) {
    margin-top: 2em;
  }
}
.p-Information__body-title:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 100%;
  background-image: linear-gradient(to right, #000 1px, transparent 1px);
  background-size: 2.5px 1px;
  background-repeat: repeat-x;
  background-position: left bottom;
}
@media (min-width: 768px) {
  .p-Information__body-title:after {
    height: 2px;
    background-image: linear-gradient(to right, #000 2px, transparent 2px);
    background-size: 5px 2px;
  }
}

@media (max-width: 767px) {
  .p-Information__text {
    font-size: 16px;
    line-height: 1.75;
    letter-spacing: 0.04em;
  }
}

.p-Information__note {
  margin-top: 90px;
}
@media (max-width: 767px) {
  .p-Information__note {
    font-size: 16px;
    line-height: 1.92857;
    margin-top: 40px;
  }
}

.p-footer {
  background-color: #9ed3e2;
  padding-top: 8vw;
  padding-bottom: 24vw;
}

@media (min-width: 768px) {
  .p-footer {
    padding-top: 70px;
    padding-bottom: 165px;
  }
}
.p-footer__inner {
  display: flex;
  justify-content: center;
}

.p-footer-logo {
  width: 57.6vw;
  fill: #000000;
}

@media (min-width: 768px) {
  .p-footer-logo {
    width: 420px;
  }
}
.p-banner {
  padding: 100px 0;
}

@media (min-width: 768px) {
  .p-banner {
    padding: 250px 0;
  }
}/*# sourceMappingURL=index.css.map */