@charset "UTF-8";
/* -----------------------------------------------------------
reset
----------------------------------------------------------- */
* {
    margin: 0;
    padding: 0;
}

html {
    overflow-y: scroll;
}

div, h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li, form, input, textarea, button, table, tr, th, td, article, aside, footer, header, hgroup, nav, section, a, span, abbr, :before, :after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
    margin: 0;
    padding: 0;
}

address, caption, cite, code, dfn, em, th, var {
    font-style: normal;
    font-weight: normal;
}

table {
    border-collapse: collapse;
    border-spacing: 0;
}

q:before, q:after {
    content: "";
}

object,
embed {
    vertical-align: top;
}

hr, legend {
    display: none;
    border: none;
}

abbr, acronym, fieldset {
    border: 0;
}

tr, th, td, caption {
    vertical-align: top;
    font-style: normal;
    font-weight: normal;
    text-align: left;
}

body.fixed {
    position: fixed;
    width: 100%;
    left: 0;
}

footer a:link {
    color: inherit;
}

button {
    padding: 0;
    background-color: transparent;
    border: none;
    appearance: none;
    -moz-appearance: none;
    -webkit-appearance: none;
    outline: none;
    cursor: pointer;
    font-family: inherit;
    font-weight: inherit;
    color: inherit;
}


@media screen and (min-width: 768px) {
    .only-sp {
        display: none !important;
    }
}
@media screen and (max-width: 767px) {
    .only-pc {
        display: none !important;
    }
}
.youtube-wrapper iframe {
    border: 0;
}

/* スクロール演出
----------------------------------------*/
.scroll-in.fade-in {
    opacity: 0;
    transform: translateY(20px);
    transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scroll-in.fade-in.appeared {
    opacity: 1;
    transform: translate(0, 0);
    transition-delay: 0s;
}
@media screen and (min-width: 768px) {
    .scroll-in.fade-in-only-pc {
        opacity: 0;
        transform: translateY(20px);
        transition: opacity 0.8s cubic-bezier(0.215, 0.61, 0.355, 1), transform 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
    }
    .scroll-in.fade-in-only-pc.appeared {
        opacity: 1;
        transform: translate(0, 0);
        transition-delay: 0s;
    }
}

/* section inner
----------------------------------------*/
@media screen and (min-width: 768px) {
    .l-section-inner {
        width: 1200px;
        margin: auto;
    }
}
@media screen and (max-width: 767px) {
    .l-section-inner {
        width: 89.0666666667vw;
        margin-left: 5.3333333333vw;
    }
}

.pagetop {
  margin-top: clamp(28px, 3.6458333333vw, 70px);
  margin-left: auto;
  display: block;
  width: clamp(16px, 2.0833333333vw, 40px);
  height: clamp(16px, 2.0833333333vw, 40px);
  margin-right: clamp(8px, 1.0416666667vw, 20px);
  transition: 0.3s; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .pagetop {
      width: clamp(24px, 2.0833333333vw, 40px);
      height: clamp(24px, 2.0833333333vw, 40px);
      margin-right: clamp(12px, 1.0416666667vw, 20px); } }
  @media screen and (max-width: 767px) {
    .pagetop {
      width: clamp(33px, 8.8vw, 66px);
      height: clamp(33px, 8.8vw, 66px); } }
  .pagetop:hover, .pagetop:focus {
    opacity: 0.7; }

.spacer {
  height: clamp(40px, 5.2083333333vw, 100px); }

.application a {
  font-size: clamp(12.8px, 1.6666666667vw, 32px);
  color: #fff;
  background-color: #c3395b;
  height: clamp(26.8px, 3.4895833333vw, 67px);
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: clamp(160px, 20.8333333333vw, 400px);
  margin-left: auto;
  margin-right: auto;
  border-radius: clamp(4px, 0.5208333333vw, 10px);
  transition: 0.3s; }
  @media screen and (max-width: 767px) {
    .application a {
      min-width: clamp(296px, 78.9333333333vw, 592px);
      max-width: clamp(296px, 78.9333333333vw, 592px);
      height: clamp(49px, 13.0666666667vw, 98px);
      border-radius: clamp(10px, 2.6666666667vw, 20px);
      font-size: clamp(24px, 6.4vw, 48px); } }
  .application a:hover, .application a:focus {
    opacity: 0.7; }

/* footer
----------------------------------------*/
.Footer_Footer__52dZX a {
  text-decoration: none; }

.Footer_Footer__52dZX {
  position: relative;
  letter-spacing: 0;
  background-color: #f8f8f8;
  padding: 80px 120px; }

@media (max-width: 750px) {
  .Footer_Footer__52dZX {
    padding: 12.8vw 13.8666666667vw 8.5333333333vw; } }

@media (min-width: 751px) {
  .Footer_Footer__inner___m1bT {
    position: relative; } }

.Footer_Footer__logo__1dc8J {
  margin-left: -30px;
  margin-bottom: 44px;
  line-height: 1;
 }

@media (max-width: 750px) {
  .Footer_Footer__logo__1dc8J {
    width: 61.3333333333vw;
    margin: 0 auto 10.6666666667vw; } }

.Footer_Footer__logo__img__rGDE_ {
  max-width: 100%;
  height: auto; }

.Footer_Footer__nav__Q_PE9 {
  width: 670px;
  margin-bottom: 53px; }

@media (max-width: 750px) {
  .Footer_Footer__nav__Q_PE9 {
    width: 100%;
    margin-bottom: 12.8vw; } }

.Footer_Footer__nav__Q_PE9 ul {
  display: flex;
  flex-wrap: wrap;
  gap: 24px 32px; }

@media (max-width: 750px) {
  .Footer_Footer__nav__Q_PE9 ul {
    display: block; }
  .Footer_Footer__nav__Q_PE9 ul li + li {
    margin-top: 0.5em; } }
@media (min-width: 751px) {
    .Footer_Footer__nav__Q_PE9 ul li{
        line-height: 28px;
        max-height: 28px;
 } 
}
.Footer_Footer__nav__Q_PE9 ul li a {
  font-size: 14px;
  color: #606060;
  transition: color 0.3s; }

@media (max-width: 750px) {
  .Footer_Footer__nav__Q_PE9 ul li a {
    font-size: 3.4666666667vw; } }

.Footer_Footer__nav__Q_PE9 ul li a:hover {
  color: #4b1e78; }

.Footer_Footer__nav__Q_PE9 ul li a:after {
  content: "";
  display: inline-block;
  width: 8px;
  height: 12px;
  background: url(/music/assets/img/common/icon-arrow-right.svg) 0 0 no-repeat;
  background-size: contain;
  margin-left: 10px; }

@media (max-width: 750px) {
  .Footer_Footer__nav__Q_PE9 ul li a:after {
    width: 2.1333333333vw;
    height: 3.2vw;
    margin-left: 2.6666666667vw; } }

.Footer_Footer__sns__9CY6h .elm {
  margin: 40px 0 0 auto; }

@media (max-width: 750px) {
  .Footer_Footer__sns__9CY6h .elm {
    margin: 0 -6.6666666667vw 12.8vw; } }

.Footer_Footer__copyright__V0nN3 {
  font-size: 10px;
  color: #606060;
  margin-top: 12px; }

@media (max-width: 750px) {
  .Footer_Footer__copyright__V0nN3 {
    font-size: 2.6666666667vw;
    margin-top: 12.8vw; } }

.SnsLinks_SnsLinks__lMbbN {
  width: 585px;
  background-color: #fff;
  border-radius: 9999px;
  display: flex;
  align-items: center;
  box-shadow: 0 0 6px rgba(0, 0, 0, 0.16);
  padding: 14px 32px; }

@media (max-width: 750px) {
  .SnsLinks_SnsLinks__lMbbN {
    width: 85.3333333333vw;
    border-radius: 5.3333333333vw;
    padding: 5.8666666667vw 0 6.4vw;
    flex-direction: column;
    margin: 10.6666666667vw auto 0; } }

@media (min-width: 751px) {
  .SnsLinks_SnsLinks__icons__qO29U {
    margin-right: 16px; } }

@media (max-width: 750px) {
  .SnsLinks_SnsLinks__icons__qO29U {
    margin-bottom: 5.3333333333vw; }
  .SnsLinks_SnsLinks__txtLinks__RGeOO {
    padding: 0 6.6666666667vw; } }

.SnsLinks_SnsLinks__lMbbN ul {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0 16px; }

@media (max-width: 750px) {
  .SnsLinks_SnsLinks__lMbbN ul {
    flex-wrap: wrap;
    gap: 5.3333333333vw 4.2666666667vw; } }

.SnsLinks_SnsLinks__lMbbN ul a {
  font-size: 13px;
  letter-spacing: 0; }

@media (hover: hover) and (pointer: fine) {
  .SnsLinks_SnsLinks__lMbbN ul a {
    transition: opacity 0.3s; }
  .SnsLinks_SnsLinks__lMbbN ul a:hover {
    opacity: 0.7; } }

@media (max-width: 750px) {
  .SnsLinks_SnsLinks__lMbbN ul a {
    font-size: 2.9333333333vw; } }

.SnsLinks_SnsLinks__lMbbN ul.SnsLinks_SnsLinks__icons__qO29U a,
.SnsLinks_SnsLinks__lMbbN ul.SnsLinks_SnsLinks__icons__qO29U li {
  font-size: 0; }

.SnsLinks_SnsLinks__lMbbN ul.SnsLinks_SnsLinks__icons__qO29U a {
  display: block; }

@media (max-width: 750px) {
  .SnsLinks_SnsLinks__lMbbN ul.SnsLinks_SnsLinks__icons__qO29U a img {
    width: 9.6vw;
    height: auto; }
  .SnsLinks_SnsLinks__lMbbN
ul.SnsLinks_SnsLinks__icons__qO29U
a
img.SnsLinks_SnsLinks__note__a1bj8 {
    width: 11.7333333333vw; }
  .SnsLinks_SnsLinks__txt__fO7ae {
    width: calc((100% - 4.2666666667vw) / 2) !important;
    padding: 0 !important; } }

.SnsLinks_SnsLinks__txt__fO7ae a {
  display: flex;
  align-items: center;
  color: #333;
  line-height: 1.5; }

.SnsLinks_SnsLinks__txt__fO7ae a img {
  margin-right: 4px; }

@media (max-width: 750px) {
  .SnsLinks_SnsLinks__txt__fO7ae a img {
    width: 9.6vw;
    margin-right: 2.1333333333vw; }
  .SnsLinks_SnsLinks__txt__fO7ae a span {
    flex: 1;
    white-space: nowrap; } }