.mt-0 {
  margin-top: 0px !important; }

.mt-5 {
  margin-top: 5px !important; }

.mt-10 {
  margin-top: 10px !important; }

.mt-15 {
  margin-top: 15px !important; }

.mt-20 {
  margin-top: 20px !important; }

.mt-25 {
  margin-top: 25px !important; }

.mt-30 {
  margin-top: 30px !important; }

.mt-35 {
  margin-top: 35px !important; }

.mt-40 {
  margin-top: 40px !important; }

.mt-45 {
  margin-top: 45px !important; }

.mt-50 {
  margin-top: 50px !important; }

.mt-55 {
  margin-top: 55px !important; }

.mt-60 {
  margin-top: 60px !important; }

.mt-65 {
  margin-top: 65px !important; }

.mt-70 {
  margin-top: 70px !important; }

.mt-75 {
  margin-top: 75px !important; }

.mt-80 {
  margin-top: 80px !important; }

.mt-85 {
  margin-top: 85px !important; }

.mt-90 {
  margin-top: 90px !important; }

.mt-95 {
  margin-top: 95px !important; }

.mt-100 {
  margin-top: 100px !important; }

.mb-0 {
  margin-bottom: 0px !important; }

.mb-5 {
  margin-bottom: 5px !important; }

.mb-10 {
  margin-bottom: 10px !important; }

.mb-15 {
  margin-bottom: 15px !important; }

.mb-20 {
  margin-bottom: 20px !important; }

.mb-25 {
  margin-bottom: 25px !important; }

.mb-30 {
  margin-bottom: 30px !important; }

.mb-35 {
  margin-bottom: 35px !important; }

.mb-40 {
  margin-bottom: 40px !important; }

.mb-45 {
  margin-bottom: 45px !important; }

.mb-50 {
  margin-bottom: 50px !important; }

.mb-55 {
  margin-bottom: 55px !important; }

.mb-60 {
  margin-bottom: 60px !important; }

.mb-65 {
  margin-bottom: 65px !important; }

.mb-70 {
  margin-bottom: 70px !important; }

.mb-75 {
  margin-bottom: 75px !important; }

.mb-80 {
  margin-bottom: 80px !important; }

.mb-85 {
  margin-bottom: 85px !important; }

.mb-90 {
  margin-bottom: 90px !important; }

.mb-95 {
  margin-bottom: 95px !important; }

.mb-100 {
  margin-bottom: 100px !important; }

@media screen and (min-width: 768px) {
  .mt-sm-0 {
    margin-top: 0px !important; }
  .mt-sm-5 {
    margin-top: 5px !important; }
  .mt-sm-10 {
    margin-top: 10px !important; }
  .mt-sm-15 {
    margin-top: 15px !important; }
  .mt-sm-20 {
    margin-top: 20px !important; }
  .mt-sm-25 {
    margin-top: 25px !important; }
  .mt-sm-30 {
    margin-top: 30px !important; }
  .mt-sm-35 {
    margin-top: 35px !important; }
  .mt-sm-40 {
    margin-top: 40px !important; }
  .mt-sm-45 {
    margin-top: 45px !important; }
  .mt-sm-50 {
    margin-top: 50px !important; }
  .mt-sm-55 {
    margin-top: 55px !important; }
  .mt-sm-60 {
    margin-top: 60px !important; }
  .mt-sm-65 {
    margin-top: 65px !important; }
  .mt-sm-70 {
    margin-top: 70px !important; }
  .mt-sm-75 {
    margin-top: 75px !important; }
  .mt-sm-80 {
    margin-top: 80px !important; }
  .mt-sm-85 {
    margin-top: 85px !important; }
  .mt-sm-90 {
    margin-top: 90px !important; }
  .mt-sm-95 {
    margin-top: 95px !important; }
  .mt-sm-100 {
    margin-top: 100px !important; }
  .mb-sm-0 {
    margin-bottom: 0px !important; }
  .mb-sm-5 {
    margin-bottom: 5px !important; }
  .mb-sm-10 {
    margin-bottom: 10px !important; }
  .mb-sm-15 {
    margin-bottom: 15px !important; }
  .mb-sm-20 {
    margin-bottom: 20px !important; }
  .mb-sm-25 {
    margin-bottom: 25px !important; }
  .mb-sm-30 {
    margin-bottom: 30px !important; }
  .mb-sm-35 {
    margin-bottom: 35px !important; }
  .mb-sm-40 {
    margin-bottom: 40px !important; }
  .mb-sm-45 {
    margin-bottom: 45px !important; }
  .mb-sm-50 {
    margin-bottom: 50px !important; }
  .mb-sm-55 {
    margin-bottom: 55px !important; }
  .mb-sm-60 {
    margin-bottom: 60px !important; }
  .mb-sm-65 {
    margin-bottom: 65px !important; }
  .mb-sm-70 {
    margin-bottom: 70px !important; }
  .mb-sm-75 {
    margin-bottom: 75px !important; }
  .mb-sm-80 {
    margin-bottom: 80px !important; }
  .mb-sm-85 {
    margin-bottom: 85px !important; }
  .mb-sm-90 {
    margin-bottom: 90px !important; }
  .mb-sm-95 {
    margin-bottom: 95px !important; }
  .mb-sm-100 {
    margin-bottom: 100px !important; } }

body, html {
  scroll-behavior: smooth;
  font-size: 16px;
  line-height: 1.81;
  font-family: "Noto Sans JP", sans-serif;
  color: #231815; }

body {
  font-family: "Noto Sans JP", sans-serif; }

main {
  background-color: #daecfa; }

h1, h2, h3, h4, h5, h6 {
  font-family: "Noto Sans JP", sans-serif; }

* {
  box-sizing: border-box;
  font-family: "Noto Sans JP", sans-serif;
  margin: 0;
  padding: 0; }

em {
  font-style: normal; }

ul, ol {
  list-style: none;
  padding-left: 0;
  margin-left: 0; }

.container {
  max-width: 100%;
  padding-left: clamp(40px, 5.2083333333vw, 100px);
  padding-right: clamp(40px, 5.2083333333vw, 100px);
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    .container {
      padding-left: 20px;
      padding-right: 20px; } }

@media screen and (min-width: 768px) {
  .sp-on {
    display: none !important; } }

@media screen and (max-width: 767px) {
  .pc-on {
    display: none !important; } }

picture {
  display: block; }

main {
  font-family: "Noto Sans JP", sans-serif; }
  main img {
    max-width: 100%;
    height: auto; }

h1 img {
  display: block; }

@media screen and (max-width: 767px) {
  .header {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 106px; }
  .logo {
    position: relative;
    margin-top: clamp(20px, 5.3333333333vw, 40px);
    display: block;
    width: clamp(162px, 43.2vw, 324px); }
    .logo img {
      max-width: 100%;
      height: auto; } }

@media screen and (min-width: 768px) {
  .logo {
    position: absolute;
    z-index: 10;
    width: clamp(102px, 13.28125vw, 255px);
    top: clamp(16px, 2.0833333333vw, 40px);
    left: clamp(18.4px, 2.3958333333vw, 46px); }
    .logo img {
      max-width: 100%;
      height: auto; } }

.lead {
  position: absolute;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block; }
  @media screen and (min-width: 768px) {
    .lead {
      top: clamp(320px, 41.6666666667vw, 800px);
      width: clamp(465.6px, 60.625vw, 1164px);
      height: clamp(56px, 7.2916666667vw, 140px); } }
  @media screen and (max-width: 767px) {
    .lead {
      width: clamp(270px, 72vw, 540px);
      top: clamp(310px, 82.6666666667vw, 620px); } }
  .lead img {
    width: 100%;
    height: auto; }

.h2 {
  position: relative;
  text-align: center;
  color: #e93f64;
  font-size: clamp(16.4px, 2.1354166667vw, 41px);
  line-height: 1.731;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: clamp(32px, 4.1666666667vw, 80px);
  font-family: inherit; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .h2 {
      font-size: clamp(24.6px, 2.1354166667vw, 41px); } }
  @media screen and (max-width: 767px) {
    .h2 {
      font-size: clamp(21px, 5.6vw, 42px); } }
  .h2:before {
    position: absolute;
    content: "";
    display: block;
    background: url(../images/title_l.png) 50% 50%/contain no-repeat;
    width: clamp(49.6px, 6.4583333333vw, 124px);
    min-width: clamp(49.6px, 6.4583333333vw, 124px);
    height: clamp(71.2px, 9.2708333333vw, 178px);
    right: calc(100% + clamp(-10px, -0.5208333333vw, -4px));
    margin-top: clamp(-20px, -1.0416666667vw, -8px); }
    @media screen and (max-width: 767px) {
      .h2:before {
        width: clamp(40px, 10.6666666667vw, 80px);
        min-width: clamp(40px, 10.6666666667vw, 80px);
        right: calc(100% + clamp(-10px, -1.3333333333vw, -5px)); } }
  .h2:after {
    position: absolute;
    content: "";
    display: block;
    background: url(../images/title_r.png) 50% 50%/contain no-repeat;
    width: clamp(78.4px, 10.2083333333vw, 196px);
    min-width: clamp(78.4px, 10.2083333333vw, 196px);
    height: clamp(70px, 9.1145833333vw, 175px);
    left: calc(100% + clamp(-10px, -0.5208333333vw, -4px));
    margin-top: clamp(-30px, -1.5625vw, -12px); }
    @media screen and (max-width: 767px) {
      .h2:after {
        width: clamp(29px, 7.7333333333vw, 58px);
        min-width: clamp(29px, 7.7333333333vw, 58px);
        left: calc(100% + clamp(0px, 0vw, 0px));
        background: url(../images/title_r_sp.png) 50% 50%/contain no-repeat; } }

.h2-wrap {
  display: flex;
  justify-content: center;
  align-items: center; }

@media screen and (min-width: 768px) {
  .h2-01 span {
    position: relative;
    top: clamp(3px, 0.8vw, 6px); } }

@media screen and (max-width: 767px) {
  .h2-01 {
    position: relative;
    top: clamp(-8px, -1.0666666667vw, -4px);
    margin-bottom: clamp(10px, 2.6666666667vw, 20px); } }

@media screen and (min-width: 768px) {
  .h2-02 span {
    margin-top: clamp(32px, 4.1666666667vw, 80px); } }

@media screen and (max-width: 767px) {
  .h2-02 {
    position: relative; } }

@media screen and (min-width: 768px) {
  .h2-03 {
    margin-bottom: clamp(16px, 2.0833333333vw, 40px); }
    .h2-03:before {
      right: calc(100% + clamp(20px, 2.6041666667vw, 50px)); }
    .h2-03:after {
      left: calc(100% + clamp(16px, 2.0833333333vw, 40px)); } }

@media screen and (max-width: 767px) {
  .h2-03 {
    margin-bottom: clamp(26px, 6.9333333333vw, 52px); } }

.trumpet {
  position: absolute;
  right: calc(100% + clamp(72px, 9.375vw, 180px));
  width: clamp(92px, 11.9791666667vw, 230px); }

.box {
  padding-top: clamp(37.6px, 4.8958333333vw, 94px);
  padding-bottom: clamp(32.8px, 4.2708333333vw, 82px);
  background-color: #fff; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .box {
      padding-left: clamp(24px, 2.0833333333vw, 40px);
      padding-right: clamp(24px, 2.0833333333vw, 40px); } }

.lead-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center; }

.lead1 {
  text-align: center;
  font-size: clamp(12.8px, 1.6666666667vw, 32px);
  line-height: 1.6;
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .lead1 {
      font-size: clamp(19.2px, 1.6666666667vw, 32px); } }
  @media screen and (max-width: 767px) {
    .lead1 {
      font-size: clamp(18px, 4.8vw, 36px); } }
  .lead1 .guitar {
    position: absolute;
    top: clamp(-140px, -7.2916666667vw, -56px);
    right: calc(100% + clamp(28px, 3.6458333333vw, 70px));
    width: clamp(49.6px, 6.4583333333vw, 124px); }
    @media screen and (max-width: 767px) {
      .lead1 .guitar {
        top: clamp(60px, 16vw, 120px);
        right: calc(100% - 10px);
        width: clamp(32px, 8.5333333333vw, 64px); } }
  .lead1 .sax {
    position: absolute;
    top: clamp(-140px, -7.2916666667vw, -56px);
    left: calc(100% + clamp(44px, 5.7291666667vw, 110px));
    width: clamp(77.6px, 10.1041666667vw, 194px); }
    @media screen and (max-width: 767px) {
      .lead1 .sax {
        top: clamp(65px, 17.3333333333vw, 130px);
        left: calc(100% - 20px);
        width: clamp(47px, 12.5333333333vw, 94px); } }

.lead2 {
  display: block;
  text-align: center;
  font-size: clamp(8px, 1.0416666667vw, 20px);
  margin-top: clamp(16px, 2.0833333333vw, 40px); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .lead2 {
      font-size: clamp(12px, 1.0416666667vw, 20px); } }
  @media screen and (max-width: 767px) {
    .lead2 {
      margin-top: clamp(26px, 6.9333333333vw, 52px);
      font-size: clamp(13px, 3.4666666667vw, 26px); } }

.sec-present {
  height: clamp(120px, 15.625vw, 300px);
  background: url(../images/bg_present.png) 50% 50%/cover no-repeat; }
  @media screen and (max-width: 767px) {
    .sec-present {
      height: auto;
      background: url(../images/bg_present_sp.png) 50% 50%/cover no-repeat; } }

.present {
  display: flex;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .present {
      gap: 20px; } }
  @media screen and (max-width: 767px) {
    .present {
      position: relative;
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-top: clamp(18px, 4.8vw, 36px);
      padding-bottom: clamp(28px, 7.4666666667vw, 56px); } }

.present-icon {
  position: relative;
  width: clamp(102px, 13.28125vw, 255px);
  min-width: clamp(102px, 13.28125vw, 255px);
  top: clamp(-10px, -0.5208333333vw, -4px);
  height: auto; }
  @media screen and (max-width: 767px) {
    .present-icon {
      position: relative;
      top: clamp(-48px, -6.4vw, -24px);
      width: clamp(91px, 24.2666666667vw, 182px);
      min-width: clamp(91px, 24.2666666667vw, 182px); } }

.present-img {
  display: flex;
  align-items: flex-end;
  position: relative;
  left: clamp(-10px, -0.5208333333vw, -4px);
  top: clamp(-10px, -0.5208333333vw, -4px); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .present-img {
      flex-direction: column; } }
  @media screen and (max-width: 767px) {
    .present-img {
      top: clamp(-28px, -3.7333333333vw, -14px);
      left: clamp(-52px, -6.9333333333vw, -26px);
      flex-direction: column;
      margin-bottom: clamp(-8px, -1.0666666667vw, -4px); } }
  .present-img img {
    width: clamp(96.8px, 12.6041666667vw, 242px);
    min-width: clamp(96.8px, 12.6041666667vw, 242px);
    height: auto;
    position: relative;
    display: block; }
    @media screen and (min-width: 768px) {
      .present-img img {
        transform: translateY(clamp(-40px, -2.0833333333vw, -16px)); } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .present-img img {
        transform: translateY(clamp(-60px, -3.125vw, -24px)); } }
    @media screen and (max-width: 767px) {
      .present-img img {
        width: clamp(112px, 29.8666666667vw, 224px);
        min-width: clamp(112px, 29.8666666667vw, 224px); } }
  .present-img small {
    position: absolute;
    font-size: clamp(6px, 0.78125vw, 15px);
    white-space: nowrap;
    bottom: clamp(20px, 2.6041666667vw, 50px);
    left: calc(100% - clamp(8px, 1.0416666667vw, 20px)); }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .present-img small {
        bottom: 10px;
        left: 0;
        font-size: clamp(9px, 0.78125vw, 15px); } }
    @media screen and (max-width: 767px) {
      .present-img small {
        position: static;
        margin-top: clamp(6px, 1.6vw, 12px);
        font-size: clamp(10px, 2.6666666667vw, 20px);
        transform: translateX(clamp(60px, 16vw, 120px)); } }

@media screen and (max-width: 767px) {
  .present-img-sp {
    display: flex;
    align-items: center;
    justify-content: center; } }

@media screen and (max-width: 767px) {
  .present-text {
    padding-bottom: clamp(0px, 0vw, 0px); } }

.present-text h2 {
  text-align: center;
  color: #f18314;
  -webkit-text-stroke: clamp(2.8px, 0.3645833333vw, 7px) #fff;
  paint-order: stroke fill;
  font-size: clamp(16.8px, 2.1875vw, 42px);
  margin-bottom: 0;
  line-height: 1; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .present-text h2 {
      font-size: clamp(25.2px, 2.1875vw, 42px); } }
  @media screen and (max-width: 767px) {
    .present-text h2 {
      font-size: clamp(16px, 4.2666666667vw, 32px); } }

.present-text p {
  margin-top: clamp(6.4px, 0.8333333333vw, 16px);
  line-height: 1;
  font-weight: bold;
  text-align: center;
  color: #e93f64;
  font-size: clamp(30px, 3.90625vw, 75px);
  -webkit-text-stroke: clamp(4px, 0.5208333333vw, 10px) #fff;
  white-space: nowrap;
  paint-order: stroke fill; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .present-text p {
      font-size: clamp(45px, 3.90625vw, 75px); } }
  @media screen and (max-width: 767px) {
    .present-text p {
      margin-top: clamp(10px, 2.6666666667vw, 20px);
      font-size: clamp(21px, 5.6vw, 42px);
      margin-bottom: clamp(20px, 5.3333333333vw, 40px); } }

.present-text small {
  display: block;
  text-align: center;
  font-size: clamp(8px, 1.0416666667vw, 20px);
  margin-top: clamp(12px, 1.5625vw, 30px); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .present-text small {
      font-size: clamp(12px, 1.0416666667vw, 20px); } }
  @media screen and (max-width: 767px) {
    .present-text small {
      text-align: left;
      font-size: clamp(13px, 3.4666666667vw, 26px);
      display: block;
      position: static;
      text-indent: -1em;
      padding-left: 1em;
      margin-top: 0; } }

@media screen and (min-width: 768px) {
  .prefs {
    margin-left: auto;
    margin-right: auto;
    border-top: 1px solid #b6b7b7;
    border-spacing: 0;
    border-collapse: collapse;
    width: clamp(480px, 62.5vw, 1200px);
    max-width: 100%;
    margin-top: clamp(5.6px, 0.7291666667vw, 14px);
    margin-bottom: clamp(16px, 2.0833333333vw, 40px); } }
  @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
    .prefs {
      width: clamp(720px, 62.5vw, 1200px); } }

@media screen and (min-width: 768px) {
    .prefs th {
      font-size: clamp(11.2px, 1.4583333333vw, 28px);
      background-color: #6364a5;
      vertical-align: middle;
      text-align: center;
      color: #fff;
      border-bottom: 1px solid #b6b7b7;
      width: 23%;
      padding-left: 1em;
      padding-right: 1em; } }
    @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
      .prefs th {
        font-size: clamp(16.8px, 1.4583333333vw, 28px); } }

@media screen and (min-width: 768px) {
    .prefs td {
      font-size: clamp(11.2px, 1.4583333333vw, 28px);
      border-bottom: 1px solid #b6b7b7;
      border-right: 1px solid #b6b7b7;
      padding: 0.5em 1em; } }
    @media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1024px) {
      .prefs td {
        font-size: clamp(16.8px, 1.4583333333vw, 28px); } }

@media screen and (min-width: 768px) {
      .prefs td a, .prefs td span {
        color: #231815;
        display: inline-block;
        padding-left: 0.5em;
        padding-right: 0.5em; }
      .prefs td span {
        color: #A3A3A3; }
      .prefs td a {
        transition: 0.4s; }
        .prefs td a:hover, .prefs td a:focus {
          opacity: 0.7; } }

@media screen and (max-width: 767px) {
  .prefs {
    margin-left: auto;
    margin-right: auto;
    border-spacing: 0;
    border-collapse: collapse;
    display: block;
    margin-left: 20px;
    margin-right: 20px;
    margin-top: clamp(50px, 13.3333333333vw, 100px); }
    .prefs tbody, .prefs tr {
      display: block; }
    .prefs tr + tr {
      margin-top: clamp(20px, 5.3333333333vw, 40px); }
    .prefs th {
      display: block;
      font-size: clamp(16px, 4.2666666667vw, 32px);
      background-color: #6364a5;
      vertical-align: middle;
      text-align: center;
      color: #fff;
      border-radius: clamp(8px, 2.1333333333vw, 16px); }
    .prefs td {
      display: flex;
      font-size: clamp(16px, 4.2666666667vw, 32px);
      flex-wrap: wrap;
      padding-top: 20px;
      gap: clamp(14px, 3.7333333333vw, 28px); }
      .prefs td a, .prefs td span {
        min-width: clamp(88px, 23.4666666667vw, 176px);
        max-width: clamp(88px, 23.4666666667vw, 176px);
        height: clamp(41px, 10.9333333333vw, 82px);
        color: #231815;
        border: 1px solid #b6b7b7;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: clamp(8px, 2.1333333333vw, 16px);
        text-decoration: none;
        box-sizing: border-box;
        background: url(../images/arrow_sp.png) 50% 94%/8px auto no-repeat; }
      .prefs td span {
        color: #A3A3A3; }
      .prefs td a {
        transition: 0.4s; }
        .prefs td a:hover, .prefs td a:focus {
          opacity: 0.7; } }

.area {
  max-width: clamp(480px, 62.5vw, 1200px);
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .area {
      max-width: clamp(720px, 62.5vw, 1200px); } }
  @media screen and (max-width: 767px) {
    .area {
      padding-left: clamp(20px, 5.3333333333vw, 40px);
      padding-right: clamp(20px, 5.3333333333vw, 40px); } }

.h3-area {
  margin-top: clamp(32px, 4.1666666667vw, 80px);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #e3426b;
  font-size: clamp(16.8px, 2.1875vw, 42px);
  line-height: 1;
  letter-spacing: 0.1em;
  color: #fff;
  height: clamp(32px, 4.1666666667vw, 80px);
  border-radius: clamp(8px, 1.0416666667vw, 20px);
  max-width: clamp(480px, 62.5vw, 1200px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: clamp(21.6px, 2.8125vw, 54px); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .h3-area {
      max-width: clamp(720px, 62.5vw, 1200px);
      font-size: clamp(25.2px, 2.1875vw, 42px); } }

.center-item {
  max-width: clamp(464px, 60.4166666667vw, 1160px);
  padding-top: clamp(15.2px, 1.9791666667vw, 38px);
  margin-bottom: clamp(15.2px, 1.9791666667vw, 38px);
  gap: 20px;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) {
    .center-item {
      display: flex;
      align-items: flex-end;
      border-top: 1px solid #757779;
      padding-left: clamp(18.4px, 2.3958333333vw, 46px);
      padding-right: clamp(18.4px, 2.3958333333vw, 46px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .center-item {
      max-width: clamp(696px, 60.4166666667vw, 1160px); } }
  @media screen and (max-width: 767px) {
    .center-item {
      padding-bottom: clamp(24px, 6.4vw, 48px);
      border-bottom: 1px solid #757779; } }
  .center-item h4 {
    font-size: clamp(16.8px, 2.1875vw, 42px);
    color: #e93f64;
    line-height: 1;
    margin-bottom: 0.75em; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .center-item h4 {
        font-size: clamp(25.2px, 2.1875vw, 42px); } }
    @media screen and (max-width: 767px) {
      .center-item h4 {
        display: flex;
        justify-content: center; } }
  .center-item dl {
    display: flex;
    align-items: center;
    font-size: clamp(11.2px, 1.4583333333vw, 28px); }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .center-item dl {
        font-size: clamp(16.8px, 1.4583333333vw, 28px); } }
    .center-item dl + dl {
      margin-top: clamp(8px, 1.0416666667vw, 20px); }
    .center-item dl dt {
      background-color: #e8e8e8;
      padding-left: 1em;
      padding-right: 1em;
      border-radius: clamp(12px, 1.5625vw, 30px);
      line-height: 1;
      height: clamp(16.8px, 2.1875vw, 42px);
      display: flex;
      align-items: center;
      margin-right: clamp(9.6px, 1.25vw, 24px);
      white-space: nowrap; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .center-item dl dt {
          height: clamp(25.2px, 2.1875vw, 42px); } }
      @media screen and (max-width: 767px) {
        .center-item dl dt {
          font-size: clamp(15px, 4vw, 30px);
          height: clamp(22px, 5.8666666667vw, 44px); } }
    .center-item dl dd {
      line-height: 1.3; }
      @media screen and (max-width: 767px) {
        .center-item dl dd {
          font-size: clamp(15px, 4vw, 30px); } }
  @media screen and (min-width: 768px) {
    .center-item .center-item-btn {
      margin-left: auto; } }
  @media screen and (max-width: 767px) {
    .center-item .center-item-btn {
      display: flex;
      justify-content: center;
      margin-top: clamp(24px, 6.4vw, 48px); } }
  .center-item .center-item-btn a {
    transition: 0.4s;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: clamp(118px, 15.3645833333vw, 295px);
    height: clamp(32px, 4.1666666667vw, 80px);
    border: 1px solid #757779;
    border-radius: clamp(16px, 2.0833333333vw, 40px);
    font-size: clamp(11.2px, 1.4583333333vw, 28px);
    color: #231815;
    text-decoration: none; }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .center-item .center-item-btn a {
        font-size: clamp(16.8px, 1.4583333333vw, 28px);
        min-width: clamp(186px, 16.1458333333vw, 310px);
        height: clamp(48px, 4.1666666667vw, 80px);
        border-radius: clamp(24px, 2.0833333333vw, 40px); } }
    @media screen and (max-width: 767px) {
      .center-item .center-item-btn a {
        min-width: clamp(164px, 43.7333333333vw, 328px);
        max-width: clamp(164px, 43.7333333333vw, 328px);
        height: clamp(46px, 12.2666666667vw, 92px);
        border-radius: clamp(40px, 10.6666666667vw, 80px);
        font-size: clamp(16px, 4.2666666667vw, 32px); } }
    .center-item .center-item-btn a:hover, .center-item .center-item-btn a:focus {
      opacity: 0.6; }
    .center-item .center-item-btn a:after {
      margin-top: 0px;
      display: block;
      content: "";
      width: clamp(4px, 0.5208333333vw, 10px);
      height: clamp(9.6px, 1.25vw, 24px);
      margin-left: 10px;
      background: url(../images/arrow_r.png) 50% 50%/100% auto no-repeat; }
      @media screen and (min-width: 768px) and (max-width: 1024px) {
        .center-item .center-item-btn a:after {
          width: clamp(6px, 0.5208333333vw, 10px);
          height: clamp(14.4px, 1.25vw, 24px); } }

.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; }

@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; } }

.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; } }

/*# sourceMappingURL=bootstrap.css.map */