@charset "UTF-8";
@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 100;
  src: url("../fonts/NotoSansCJKjp-Thin.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Thin.woff") format("woff"), url("../fonts/NotoSansCJKjp-Thin.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Thin.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 200;
  src: url("../fonts/NotoSansCJKjp-Light.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Light.woff") format("woff"), url("../fonts/NotoSansCJKjp-Light.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Light.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NotoSansCJKjp-DemiLight.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-DemiLight.woff") format("woff"), url("../fonts/NotoSansCJKjp-DemiLight.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-DemiLight.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NotoSansCJKjp-Regular.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Regular.woff") format("woff"), url("../fonts/NotoSansCJKjp-Regular.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Regular.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/NotoSansCJKjp-Medium.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Medium.woff") format("woff"), url("../fonts/NotoSansCJKjp-Medium.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Medium.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NotoSansCJKjp-Bold.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Bold.woff") format("woff"), url("../fonts/NotoSansCJKjp-Bold.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Bold.eot") format("embedded-opentype"); }

@font-face {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 900;
  src: url("../fonts/NotoSansCJKjp-Black.woff2") format("woff2"), url("../fonts/NotoSansCJKjp-Black.woff") format("woff"), url("../fonts/NotoSansCJKjp-Black.ttf") format("truetype"), url("../fonts/NotoSansCJKjp-Black.eot") format("embedded-opentype"); }

.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 Japanese", sans-sefif;
  color: #000; }

* {
  font-family: "Noto Sans Japanese", sans-sefif; }

em {
  font-style: normal; }

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

.container {
  max-width: 1132px;
  padding-left: clamp(32px, 4.1666666667vw, 60px);
  padding-right: clamp(32px, 4.1666666667vw, 60px);
  margin-left: auto;
  margin-right: auto; }
  @media screen and (max-width: 767px) {
    .container {
      padding-left: 17px;
      padding-right: 17px; } }

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

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

:root {
  --kv-grad: linear-gradient(
          to bottom,
          #fff     0%,
          #fcfdf5  6%,
          #f5f8dc  15%,
          #eaf1b2  27%,
          #dbe678  41%,
          #c9da33  57%,
          #76bd41  87%,
          #62b732  98%,
          #5fb630  100%
  );
  --cmp-grad: linear-gradient(
          to bottom,
          #fff     0%,
          #86cedd  56%,
          #0e70b2  86%,
          #16439a  100%
  ); }

[data-aos][data-aos][data-aos-duration="50"], body[data-aos-duration="50"] [data-aos] {
  transition-duration: 50ms; }

[data-aos][data-aos][data-aos-delay="50"], body[data-aos-delay="50"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="50"].aos-animate, body[data-aos-delay="50"] [data-aos].aos-animate {
  transition-delay: 50ms; }

[data-aos][data-aos][data-aos-duration="100"], body[data-aos-duration="100"] [data-aos] {
  transition-duration: .1s; }

[data-aos][data-aos][data-aos-delay="100"], body[data-aos-delay="100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="100"].aos-animate, body[data-aos-delay="100"] [data-aos].aos-animate {
  transition-delay: .1s; }

[data-aos][data-aos][data-aos-duration="150"], body[data-aos-duration="150"] [data-aos] {
  transition-duration: .15s; }

[data-aos][data-aos][data-aos-delay="150"], body[data-aos-delay="150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="150"].aos-animate, body[data-aos-delay="150"] [data-aos].aos-animate {
  transition-delay: .15s; }

[data-aos][data-aos][data-aos-duration="200"], body[data-aos-duration="200"] [data-aos] {
  transition-duration: .2s; }

[data-aos][data-aos][data-aos-delay="200"], body[data-aos-delay="200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="200"].aos-animate, body[data-aos-delay="200"] [data-aos].aos-animate {
  transition-delay: .2s; }

[data-aos][data-aos][data-aos-duration="250"], body[data-aos-duration="250"] [data-aos] {
  transition-duration: .25s; }

[data-aos][data-aos][data-aos-delay="250"], body[data-aos-delay="250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="250"].aos-animate, body[data-aos-delay="250"] [data-aos].aos-animate {
  transition-delay: .25s; }

[data-aos][data-aos][data-aos-duration="300"], body[data-aos-duration="300"] [data-aos] {
  transition-duration: .3s; }

[data-aos][data-aos][data-aos-delay="300"], body[data-aos-delay="300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="300"].aos-animate, body[data-aos-delay="300"] [data-aos].aos-animate {
  transition-delay: .3s; }

[data-aos][data-aos][data-aos-duration="350"], body[data-aos-duration="350"] [data-aos] {
  transition-duration: .35s; }

[data-aos][data-aos][data-aos-delay="350"], body[data-aos-delay="350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="350"].aos-animate, body[data-aos-delay="350"] [data-aos].aos-animate {
  transition-delay: .35s; }

[data-aos][data-aos][data-aos-duration="400"], body[data-aos-duration="400"] [data-aos] {
  transition-duration: .4s; }

[data-aos][data-aos][data-aos-delay="400"], body[data-aos-delay="400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="400"].aos-animate, body[data-aos-delay="400"] [data-aos].aos-animate {
  transition-delay: .4s; }

[data-aos][data-aos][data-aos-duration="450"], body[data-aos-duration="450"] [data-aos] {
  transition-duration: .45s; }

[data-aos][data-aos][data-aos-delay="450"], body[data-aos-delay="450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="450"].aos-animate, body[data-aos-delay="450"] [data-aos].aos-animate {
  transition-delay: .45s; }

[data-aos][data-aos][data-aos-duration="500"], body[data-aos-duration="500"] [data-aos] {
  transition-duration: .5s; }

[data-aos][data-aos][data-aos-delay="500"], body[data-aos-delay="500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="500"].aos-animate, body[data-aos-delay="500"] [data-aos].aos-animate {
  transition-delay: .5s; }

[data-aos][data-aos][data-aos-duration="550"], body[data-aos-duration="550"] [data-aos] {
  transition-duration: .55s; }

[data-aos][data-aos][data-aos-delay="550"], body[data-aos-delay="550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="550"].aos-animate, body[data-aos-delay="550"] [data-aos].aos-animate {
  transition-delay: .55s; }

[data-aos][data-aos][data-aos-duration="600"], body[data-aos-duration="600"] [data-aos] {
  transition-duration: .6s; }

[data-aos][data-aos][data-aos-delay="600"], body[data-aos-delay="600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="600"].aos-animate, body[data-aos-delay="600"] [data-aos].aos-animate {
  transition-delay: .6s; }

[data-aos][data-aos][data-aos-duration="650"], body[data-aos-duration="650"] [data-aos] {
  transition-duration: .65s; }

[data-aos][data-aos][data-aos-delay="650"], body[data-aos-delay="650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="650"].aos-animate, body[data-aos-delay="650"] [data-aos].aos-animate {
  transition-delay: .65s; }

[data-aos][data-aos][data-aos-duration="700"], body[data-aos-duration="700"] [data-aos] {
  transition-duration: .7s; }

[data-aos][data-aos][data-aos-delay="700"], body[data-aos-delay="700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="700"].aos-animate, body[data-aos-delay="700"] [data-aos].aos-animate {
  transition-delay: .7s; }

[data-aos][data-aos][data-aos-duration="750"], body[data-aos-duration="750"] [data-aos] {
  transition-duration: .75s; }

[data-aos][data-aos][data-aos-delay="750"], body[data-aos-delay="750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="750"].aos-animate, body[data-aos-delay="750"] [data-aos].aos-animate {
  transition-delay: .75s; }

[data-aos][data-aos][data-aos-duration="800"], body[data-aos-duration="800"] [data-aos] {
  transition-duration: .8s; }

[data-aos][data-aos][data-aos-delay="800"], body[data-aos-delay="800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="800"].aos-animate, body[data-aos-delay="800"] [data-aos].aos-animate {
  transition-delay: .8s; }

[data-aos][data-aos][data-aos-duration="850"], body[data-aos-duration="850"] [data-aos] {
  transition-duration: .85s; }

[data-aos][data-aos][data-aos-delay="850"], body[data-aos-delay="850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="850"].aos-animate, body[data-aos-delay="850"] [data-aos].aos-animate {
  transition-delay: .85s; }

[data-aos][data-aos][data-aos-duration="900"], body[data-aos-duration="900"] [data-aos] {
  transition-duration: .9s; }

[data-aos][data-aos][data-aos-delay="900"], body[data-aos-delay="900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="900"].aos-animate, body[data-aos-delay="900"] [data-aos].aos-animate {
  transition-delay: .9s; }

[data-aos][data-aos][data-aos-duration="950"], body[data-aos-duration="950"] [data-aos] {
  transition-duration: .95s; }

[data-aos][data-aos][data-aos-delay="950"], body[data-aos-delay="950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="950"].aos-animate, body[data-aos-delay="950"] [data-aos].aos-animate {
  transition-delay: .95s; }

[data-aos][data-aos][data-aos-duration="1000"], body[data-aos-duration="1000"] [data-aos] {
  transition-duration: 1s; }

[data-aos][data-aos][data-aos-delay="1000"], body[data-aos-delay="1000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1000"].aos-animate, body[data-aos-delay="1000"] [data-aos].aos-animate {
  transition-delay: 1s; }

[data-aos][data-aos][data-aos-duration="1050"], body[data-aos-duration="1050"] [data-aos] {
  transition-duration: 1.05s; }

[data-aos][data-aos][data-aos-delay="1050"], body[data-aos-delay="1050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1050"].aos-animate, body[data-aos-delay="1050"] [data-aos].aos-animate {
  transition-delay: 1.05s; }

[data-aos][data-aos][data-aos-duration="1100"], body[data-aos-duration="1100"] [data-aos] {
  transition-duration: 1.1s; }

[data-aos][data-aos][data-aos-delay="1100"], body[data-aos-delay="1100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1100"].aos-animate, body[data-aos-delay="1100"] [data-aos].aos-animate {
  transition-delay: 1.1s; }

[data-aos][data-aos][data-aos-duration="1150"], body[data-aos-duration="1150"] [data-aos] {
  transition-duration: 1.15s; }

[data-aos][data-aos][data-aos-delay="1150"], body[data-aos-delay="1150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1150"].aos-animate, body[data-aos-delay="1150"] [data-aos].aos-animate {
  transition-delay: 1.15s; }

[data-aos][data-aos][data-aos-duration="1200"], body[data-aos-duration="1200"] [data-aos] {
  transition-duration: 1.2s; }

[data-aos][data-aos][data-aos-delay="1200"], body[data-aos-delay="1200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1200"].aos-animate, body[data-aos-delay="1200"] [data-aos].aos-animate {
  transition-delay: 1.2s; }

[data-aos][data-aos][data-aos-duration="1250"], body[data-aos-duration="1250"] [data-aos] {
  transition-duration: 1.25s; }

[data-aos][data-aos][data-aos-delay="1250"], body[data-aos-delay="1250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1250"].aos-animate, body[data-aos-delay="1250"] [data-aos].aos-animate {
  transition-delay: 1.25s; }

[data-aos][data-aos][data-aos-duration="1300"], body[data-aos-duration="1300"] [data-aos] {
  transition-duration: 1.3s; }

[data-aos][data-aos][data-aos-delay="1300"], body[data-aos-delay="1300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1300"].aos-animate, body[data-aos-delay="1300"] [data-aos].aos-animate {
  transition-delay: 1.3s; }

[data-aos][data-aos][data-aos-duration="1350"], body[data-aos-duration="1350"] [data-aos] {
  transition-duration: 1.35s; }

[data-aos][data-aos][data-aos-delay="1350"], body[data-aos-delay="1350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1350"].aos-animate, body[data-aos-delay="1350"] [data-aos].aos-animate {
  transition-delay: 1.35s; }

[data-aos][data-aos][data-aos-duration="1400"], body[data-aos-duration="1400"] [data-aos] {
  transition-duration: 1.4s; }

[data-aos][data-aos][data-aos-delay="1400"], body[data-aos-delay="1400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1400"].aos-animate, body[data-aos-delay="1400"] [data-aos].aos-animate {
  transition-delay: 1.4s; }

[data-aos][data-aos][data-aos-duration="1450"], body[data-aos-duration="1450"] [data-aos] {
  transition-duration: 1.45s; }

[data-aos][data-aos][data-aos-delay="1450"], body[data-aos-delay="1450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1450"].aos-animate, body[data-aos-delay="1450"] [data-aos].aos-animate {
  transition-delay: 1.45s; }

[data-aos][data-aos][data-aos-duration="1500"], body[data-aos-duration="1500"] [data-aos] {
  transition-duration: 1.5s; }

[data-aos][data-aos][data-aos-delay="1500"], body[data-aos-delay="1500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1500"].aos-animate, body[data-aos-delay="1500"] [data-aos].aos-animate {
  transition-delay: 1.5s; }

[data-aos][data-aos][data-aos-duration="1550"], body[data-aos-duration="1550"] [data-aos] {
  transition-duration: 1.55s; }

[data-aos][data-aos][data-aos-delay="1550"], body[data-aos-delay="1550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1550"].aos-animate, body[data-aos-delay="1550"] [data-aos].aos-animate {
  transition-delay: 1.55s; }

[data-aos][data-aos][data-aos-duration="1600"], body[data-aos-duration="1600"] [data-aos] {
  transition-duration: 1.6s; }

[data-aos][data-aos][data-aos-delay="1600"], body[data-aos-delay="1600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1600"].aos-animate, body[data-aos-delay="1600"] [data-aos].aos-animate {
  transition-delay: 1.6s; }

[data-aos][data-aos][data-aos-duration="1650"], body[data-aos-duration="1650"] [data-aos] {
  transition-duration: 1.65s; }

[data-aos][data-aos][data-aos-delay="1650"], body[data-aos-delay="1650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1650"].aos-animate, body[data-aos-delay="1650"] [data-aos].aos-animate {
  transition-delay: 1.65s; }

[data-aos][data-aos][data-aos-duration="1700"], body[data-aos-duration="1700"] [data-aos] {
  transition-duration: 1.7s; }

[data-aos][data-aos][data-aos-delay="1700"], body[data-aos-delay="1700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1700"].aos-animate, body[data-aos-delay="1700"] [data-aos].aos-animate {
  transition-delay: 1.7s; }

[data-aos][data-aos][data-aos-duration="1750"], body[data-aos-duration="1750"] [data-aos] {
  transition-duration: 1.75s; }

[data-aos][data-aos][data-aos-delay="1750"], body[data-aos-delay="1750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1750"].aos-animate, body[data-aos-delay="1750"] [data-aos].aos-animate {
  transition-delay: 1.75s; }

[data-aos][data-aos][data-aos-duration="1800"], body[data-aos-duration="1800"] [data-aos] {
  transition-duration: 1.8s; }

[data-aos][data-aos][data-aos-delay="1800"], body[data-aos-delay="1800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1800"].aos-animate, body[data-aos-delay="1800"] [data-aos].aos-animate {
  transition-delay: 1.8s; }

[data-aos][data-aos][data-aos-duration="1850"], body[data-aos-duration="1850"] [data-aos] {
  transition-duration: 1.85s; }

[data-aos][data-aos][data-aos-delay="1850"], body[data-aos-delay="1850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1850"].aos-animate, body[data-aos-delay="1850"] [data-aos].aos-animate {
  transition-delay: 1.85s; }

[data-aos][data-aos][data-aos-duration="1900"], body[data-aos-duration="1900"] [data-aos] {
  transition-duration: 1.9s; }

[data-aos][data-aos][data-aos-delay="1900"], body[data-aos-delay="1900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1900"].aos-animate, body[data-aos-delay="1900"] [data-aos].aos-animate {
  transition-delay: 1.9s; }

[data-aos][data-aos][data-aos-duration="1950"], body[data-aos-duration="1950"] [data-aos] {
  transition-duration: 1.95s; }

[data-aos][data-aos][data-aos-delay="1950"], body[data-aos-delay="1950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="1950"].aos-animate, body[data-aos-delay="1950"] [data-aos].aos-animate {
  transition-delay: 1.95s; }

[data-aos][data-aos][data-aos-duration="2000"], body[data-aos-duration="2000"] [data-aos] {
  transition-duration: 2s; }

[data-aos][data-aos][data-aos-delay="2000"], body[data-aos-delay="2000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2000"].aos-animate, body[data-aos-delay="2000"] [data-aos].aos-animate {
  transition-delay: 2s; }

[data-aos][data-aos][data-aos-duration="2050"], body[data-aos-duration="2050"] [data-aos] {
  transition-duration: 2.05s; }

[data-aos][data-aos][data-aos-delay="2050"], body[data-aos-delay="2050"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2050"].aos-animate, body[data-aos-delay="2050"] [data-aos].aos-animate {
  transition-delay: 2.05s; }

[data-aos][data-aos][data-aos-duration="2100"], body[data-aos-duration="2100"] [data-aos] {
  transition-duration: 2.1s; }

[data-aos][data-aos][data-aos-delay="2100"], body[data-aos-delay="2100"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2100"].aos-animate, body[data-aos-delay="2100"] [data-aos].aos-animate {
  transition-delay: 2.1s; }

[data-aos][data-aos][data-aos-duration="2150"], body[data-aos-duration="2150"] [data-aos] {
  transition-duration: 2.15s; }

[data-aos][data-aos][data-aos-delay="2150"], body[data-aos-delay="2150"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2150"].aos-animate, body[data-aos-delay="2150"] [data-aos].aos-animate {
  transition-delay: 2.15s; }

[data-aos][data-aos][data-aos-duration="2200"], body[data-aos-duration="2200"] [data-aos] {
  transition-duration: 2.2s; }

[data-aos][data-aos][data-aos-delay="2200"], body[data-aos-delay="2200"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2200"].aos-animate, body[data-aos-delay="2200"] [data-aos].aos-animate {
  transition-delay: 2.2s; }

[data-aos][data-aos][data-aos-duration="2250"], body[data-aos-duration="2250"] [data-aos] {
  transition-duration: 2.25s; }

[data-aos][data-aos][data-aos-delay="2250"], body[data-aos-delay="2250"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2250"].aos-animate, body[data-aos-delay="2250"] [data-aos].aos-animate {
  transition-delay: 2.25s; }

[data-aos][data-aos][data-aos-duration="2300"], body[data-aos-duration="2300"] [data-aos] {
  transition-duration: 2.3s; }

[data-aos][data-aos][data-aos-delay="2300"], body[data-aos-delay="2300"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2300"].aos-animate, body[data-aos-delay="2300"] [data-aos].aos-animate {
  transition-delay: 2.3s; }

[data-aos][data-aos][data-aos-duration="2350"], body[data-aos-duration="2350"] [data-aos] {
  transition-duration: 2.35s; }

[data-aos][data-aos][data-aos-delay="2350"], body[data-aos-delay="2350"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2350"].aos-animate, body[data-aos-delay="2350"] [data-aos].aos-animate {
  transition-delay: 2.35s; }

[data-aos][data-aos][data-aos-duration="2400"], body[data-aos-duration="2400"] [data-aos] {
  transition-duration: 2.4s; }

[data-aos][data-aos][data-aos-delay="2400"], body[data-aos-delay="2400"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2400"].aos-animate, body[data-aos-delay="2400"] [data-aos].aos-animate {
  transition-delay: 2.4s; }

[data-aos][data-aos][data-aos-duration="2450"], body[data-aos-duration="2450"] [data-aos] {
  transition-duration: 2.45s; }

[data-aos][data-aos][data-aos-delay="2450"], body[data-aos-delay="2450"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2450"].aos-animate, body[data-aos-delay="2450"] [data-aos].aos-animate {
  transition-delay: 2.45s; }

[data-aos][data-aos][data-aos-duration="2500"], body[data-aos-duration="2500"] [data-aos] {
  transition-duration: 2.5s; }

[data-aos][data-aos][data-aos-delay="2500"], body[data-aos-delay="2500"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2500"].aos-animate, body[data-aos-delay="2500"] [data-aos].aos-animate {
  transition-delay: 2.5s; }

[data-aos][data-aos][data-aos-duration="2550"], body[data-aos-duration="2550"] [data-aos] {
  transition-duration: 2.55s; }

[data-aos][data-aos][data-aos-delay="2550"], body[data-aos-delay="2550"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2550"].aos-animate, body[data-aos-delay="2550"] [data-aos].aos-animate {
  transition-delay: 2.55s; }

[data-aos][data-aos][data-aos-duration="2600"], body[data-aos-duration="2600"] [data-aos] {
  transition-duration: 2.6s; }

[data-aos][data-aos][data-aos-delay="2600"], body[data-aos-delay="2600"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2600"].aos-animate, body[data-aos-delay="2600"] [data-aos].aos-animate {
  transition-delay: 2.6s; }

[data-aos][data-aos][data-aos-duration="2650"], body[data-aos-duration="2650"] [data-aos] {
  transition-duration: 2.65s; }

[data-aos][data-aos][data-aos-delay="2650"], body[data-aos-delay="2650"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2650"].aos-animate, body[data-aos-delay="2650"] [data-aos].aos-animate {
  transition-delay: 2.65s; }

[data-aos][data-aos][data-aos-duration="2700"], body[data-aos-duration="2700"] [data-aos] {
  transition-duration: 2.7s; }

[data-aos][data-aos][data-aos-delay="2700"], body[data-aos-delay="2700"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2700"].aos-animate, body[data-aos-delay="2700"] [data-aos].aos-animate {
  transition-delay: 2.7s; }

[data-aos][data-aos][data-aos-duration="2750"], body[data-aos-duration="2750"] [data-aos] {
  transition-duration: 2.75s; }

[data-aos][data-aos][data-aos-delay="2750"], body[data-aos-delay="2750"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2750"].aos-animate, body[data-aos-delay="2750"] [data-aos].aos-animate {
  transition-delay: 2.75s; }

[data-aos][data-aos][data-aos-duration="2800"], body[data-aos-duration="2800"] [data-aos] {
  transition-duration: 2.8s; }

[data-aos][data-aos][data-aos-delay="2800"], body[data-aos-delay="2800"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2800"].aos-animate, body[data-aos-delay="2800"] [data-aos].aos-animate {
  transition-delay: 2.8s; }

[data-aos][data-aos][data-aos-duration="2850"], body[data-aos-duration="2850"] [data-aos] {
  transition-duration: 2.85s; }

[data-aos][data-aos][data-aos-delay="2850"], body[data-aos-delay="2850"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2850"].aos-animate, body[data-aos-delay="2850"] [data-aos].aos-animate {
  transition-delay: 2.85s; }

[data-aos][data-aos][data-aos-duration="2900"], body[data-aos-duration="2900"] [data-aos] {
  transition-duration: 2.9s; }

[data-aos][data-aos][data-aos-delay="2900"], body[data-aos-delay="2900"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2900"].aos-animate, body[data-aos-delay="2900"] [data-aos].aos-animate {
  transition-delay: 2.9s; }

[data-aos][data-aos][data-aos-duration="2950"], body[data-aos-duration="2950"] [data-aos] {
  transition-duration: 2.95s; }

[data-aos][data-aos][data-aos-delay="2950"], body[data-aos-delay="2950"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="2950"].aos-animate, body[data-aos-delay="2950"] [data-aos].aos-animate {
  transition-delay: 2.95s; }

[data-aos][data-aos][data-aos-duration="3000"], body[data-aos-duration="3000"] [data-aos] {
  transition-duration: 3s; }

[data-aos][data-aos][data-aos-delay="3000"], body[data-aos-delay="3000"] [data-aos] {
  transition-delay: 0; }

[data-aos][data-aos][data-aos-delay="3000"].aos-animate, body[data-aos-delay="3000"] [data-aos].aos-animate {
  transition-delay: 3s; }

[data-aos][data-aos][data-aos-easing=linear], body[data-aos-easing=linear] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.25, 0.75, 0.75); }

[data-aos][data-aos][data-aos-easing=ease], body[data-aos-easing=ease] [data-aos] {
  transition-timing-function: ease; }

[data-aos][data-aos][data-aos-easing=ease-in], body[data-aos-easing=ease-in] [data-aos] {
  transition-timing-function: ease-in; }

[data-aos][data-aos][data-aos-easing=ease-out], body[data-aos-easing=ease-out] [data-aos] {
  transition-timing-function: ease-out; }

[data-aos][data-aos][data-aos-easing=ease-in-out], body[data-aos-easing=ease-in-out] [data-aos] {
  transition-timing-function: ease-in-out; }

[data-aos][data-aos][data-aos-easing=ease-in-back], body[data-aos-easing=ease-in-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.6, -0.28, 0.735, 0.045); }

[data-aos][data-aos][data-aos-easing=ease-out-back], body[data-aos-easing=ease-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.175, 0.885, 0.32, 1.275); }

[data-aos][data-aos][data-aos-easing=ease-in-out-back], body[data-aos-easing=ease-in-out-back] [data-aos] {
  transition-timing-function: cubic-bezier(0.68, -0.55, 0.265, 1.55); }

[data-aos][data-aos][data-aos-easing=ease-in-sine], body[data-aos-easing=ease-in-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715); }

[data-aos][data-aos][data-aos-easing=ease-out-sine], body[data-aos-easing=ease-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1); }

[data-aos][data-aos][data-aos-easing=ease-in-out-sine], body[data-aos-easing=ease-in-out-sine] [data-aos] {
  transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95); }

[data-aos][data-aos][data-aos-easing=ease-in-quad], body[data-aos-easing=ease-in-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quad], body[data-aos-easing=ease-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quad], body[data-aos-easing=ease-in-out-quad] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-cubic], body[data-aos-easing=ease-in-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-cubic], body[data-aos-easing=ease-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-cubic], body[data-aos-easing=ease-in-out-cubic] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos][data-aos][data-aos-easing=ease-in-quart], body[data-aos-easing=ease-in-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.55, 0.085, 0.68, 0.53); }

[data-aos][data-aos][data-aos-easing=ease-out-quart], body[data-aos-easing=ease-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }

[data-aos][data-aos][data-aos-easing=ease-in-out-quart], body[data-aos-easing=ease-in-out-quart] [data-aos] {
  transition-timing-function: cubic-bezier(0.455, 0.03, 0.515, 0.955); }

[data-aos^=fade][data-aos^=fade] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=fade][data-aos^=fade].aos-animate {
  opacity: 1;
  transform: translateZ(0); }

[data-aos=fade-up] {
  transform: translate3d(0, 100px, 0); }

[data-aos=fade-down] {
  transform: translate3d(0, -100px, 0); }

[data-aos=fade-right] {
  transform: translate3d(-100px, 0, 0); }

[data-aos=fade-left] {
  transform: translate3d(100px, 0, 0); }

[data-aos=fade-up-right] {
  transform: translate3d(-100px, 100px, 0); }

[data-aos=fade-up-left] {
  transform: translate3d(100px, 100px, 0); }

[data-aos=fade-down-right] {
  transform: translate3d(-100px, -100px, 0); }

[data-aos=fade-down-left] {
  transform: translate3d(100px, -100px, 0); }

[data-aos^=zoom][data-aos^=zoom] {
  opacity: 0;
  transition-property: opacity,transform; }

[data-aos^=zoom][data-aos^=zoom].aos-animate {
  opacity: 1;
  transform: translateZ(0) scale(1); }

[data-aos=zoom-in] {
  transform: scale(0.6); }

[data-aos=zoom-in-up] {
  transform: translate3d(0, 100px, 0) scale(0.6); }

[data-aos=zoom-in-down] {
  transform: translate3d(0, -100px, 0) scale(0.6); }

[data-aos=zoom-in-right] {
  transform: translate3d(-100px, 0, 0) scale(0.6); }

[data-aos=zoom-in-left] {
  transform: translate3d(100px, 0, 0) scale(0.6); }

[data-aos=zoom-out] {
  transform: scale(1.2); }

[data-aos=zoom-out-up] {
  transform: translate3d(0, 100px, 0) scale(1.2); }

[data-aos=zoom-out-down] {
  transform: translate3d(0, -100px, 0) scale(1.2); }

[data-aos=zoom-out-right] {
  transform: translate3d(-100px, 0, 0) scale(1.2); }

[data-aos=zoom-out-left] {
  transform: translate3d(100px, 0, 0) scale(1.2); }

[data-aos^=slide][data-aos^=slide] {
  transition-property: transform; }

[data-aos^=slide][data-aos^=slide].aos-animate {
  transform: translateZ(0); }

[data-aos=slide-up] {
  transform: translate3d(0, 100%, 0); }

[data-aos=slide-down] {
  transform: translate3d(0, -100%, 0); }

[data-aos=slide-right] {
  transform: translate3d(-100%, 0, 0); }

[data-aos=slide-left] {
  transform: translate3d(100%, 0, 0); }

[data-aos^=flip][data-aos^=flip] {
  backface-visibility: hidden;
  transition-property: transform; }

[data-aos=flip-left] {
  transform: perspective(2500px) rotateY(-100deg); }

[data-aos=flip-left].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-right] {
  transform: perspective(2500px) rotateY(100deg); }

[data-aos=flip-right].aos-animate {
  transform: perspective(2500px) rotateY(0); }

[data-aos=flip-up] {
  transform: perspective(2500px) rotateX(-100deg); }

[data-aos=flip-up].aos-animate {
  transform: perspective(2500px) rotateX(0); }

[data-aos=flip-down] {
  transform: perspective(2500px) rotateX(100deg); }

[data-aos=flip-down].aos-animate {
  transform: perspective(2500px) rotateX(0); }

/* ======================================
	parameter
====================================== */
:root {
  --color-red: #e60012;
  --color-blue: #017bcc; }

/* ======================================
	reset
====================================== */
html, body, main, div, span, object, iframe, section, nav,
h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  min-height: 0%;
  border: 0;
  outline: none;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

html * {
  box-sizing: border-box; }

body {
  line-height: 1; }

article, aside, figcaption, figure,
footer, header, main, nav, section {
  display: block; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

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

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

input, select {
  vertical-align: middle; }

input, button, textarea, select, optgroup, option {
  font-family: inherit;
  font-size: 100%;
  font-style: inherit;
  font-weight: inherit; }

a, input, textarea, button {
  outline: none; }

a, button {
  cursor: pointer; }

a {
  text-decoration: none; }

img {
  vertical-align: middle; }

html {
  font-size: 16px; }

@media screen and (max-width: 768px) {
  html {
    font-size: 3.2vw; } }

body {
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: subpixel-antialiased;
  text-align: left; }

body strong {
  font-weight: bold; }

/* ======================================
	common
====================================== */
@media screen and (min-width: 769px) {
  .hidden-desktop {
    display: none !important; } }

@media screen and (max-width: 768px) {
  .hidden-mobile {
    display: none !important; } }

/* ======================================
	layout
====================================== */
body {
  font-weight: 500;
  line-height: 1.9;
  -webkit-font-smoothing: antialiased;
  color: #000;
  text-align: left;
  font-family: "Noto Sans Japanese", sans-sefif; }

* {
  font-family: "Noto Sans Japanese", sans-sefif; }

/* header */
.page-header {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 40px; }

.page-header .header-logo {
  width: 100%;
  max-width: 560px; }

.page-header .header-logo img {
  display: block;
  width: 100%;
  height: auto; }

@media screen and (max-width: 768px) {
  .page-header {
    padding: 20px; }
  .page-header .header-logo {
    max-width: 300px; } }

/* footer */
footer {
  padding: 60px;
  text-align: center; }

footer ul {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between; }

footer ul li a {
  background-color: #fff;
  color: #000;
  text-decoration: none; }

@media screen and (min-width: 769px) {
  footer {
    padding: 36px 60px; }
  footer ul {
    margin: 0 auto 40px;
    width: 620px; }
  footer ul li a:hover {
    color: #263238;
    text-decoration: underline; }
  footer .footer_logo {
    background: url("../../assets/img/footer_yamaha_logo.png") no-repeat;
    background-size: contain;
    height: 57px;
    margin: auto;
    margin-bottom: 40px;
    width: 150px; }
  footer .footer_logo a {
    display: block;
    height: 100%;
    width: 100%; }
  footer small {
    font-size: 10px; } }

@media screen and (max-width: 768px) {
  footer {
    margin-bottom: 18.266vw;
    padding: 5.333vw 0; }
  footer ul {
    -ms-flex-wrap: wrap;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin: 0 auto 5.333vw;
    padding: 2.666vw;
    width: 80vw; }
  footer ul li {
    font-size: max(13px, 2.666vw);
    margin-bottom: 2.666vw;
    width: 50%; }
  footer ul li:nth-child(n+2) {
    margin-bottom: 0; }
  footer .footer_logo {
    background: url("../../assets/img/footer_yamaha_logo.png") no-repeat;
    background-size: contain;
    height: 15.2vw;
    margin: auto;
    margin-bottom: 10.666vw;
    width: 40vw; }
  footer .footer_logo a {
    display: block;
    height: 100%;
    width: 100%; }
  footer small {
    font-size: 2.666vw; } }

.mv {
  position: relative;
  width: 100%;
  background: url(../img/bg_mv.png) 50% 50%/cover no-repeat;
  aspect-ratio: 1440 / 600;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .mv {
      aspect-ratio: 700 / 600; } }

.mv_tit {
  position: absolute;
  height: auto;
  left: 50%;
  transform: translate(-50%, -50%);
  top: 50%;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .mv_tit {
      width: clamp(307.2px, 40vw, 576px);
      margin-top: clamp(-20px, -1.3888888889vw, -10.6666666667px); } }
  @media screen and (max-width: 767px) {
    .mv_tit {
      width: clamp(296px, 78.9333333333vw, 592px);
      margin-top: clamp(-20px, -2.6666666667vw, -10px); } }

.ch01 {
  position: absolute;
  height: auto;
  z-index: 9; }
  @media screen and (min-width: 768px) {
    .ch01 {
      width: clamp(240px, 31.25vw, 450px);
      right: clamp(5.3333333333px, 0.6944444444vw, 10px);
      bottom: clamp(1.0666666667px, 0.1388888889vw, 2px); } }
  @media screen and (max-width: 767px) {
    .ch01 {
      width: clamp(190px, 50.6666666667vw, 380px);
      left: clamp(-100px, -13.3333333333vw, -50px);
      top: clamp(16px, 4.2666666667vw, 32px); } }

.ch02 {
  position: absolute;
  height: auto;
  z-index: 8; }
  @media screen and (min-width: 768px) {
    .ch02 {
      width: clamp(133.333333333px, 17.3611111111vw, 250px);
      right: clamp(176px, 22.9166666667vw, 330px);
      top: clamp(-30px, -2.0833333333vw, -16px); } }
  @media screen and (max-width: 767px) {
    .ch02 {
      width: clamp(90px, 24vw, 180px);
      left: clamp(-20px, -2.6666666667vw, -10px);
      bottom: clamp(0px, 0vw, 0px); } }

.ch03 {
  position: absolute;
  height: auto;
  z-index: 7; }
  @media screen and (min-width: 768px) {
    .ch03 {
      width: clamp(128px, 16.6666666667vw, 240px);
      left: clamp(160px, 20.8333333333vw, 300px);
      top: clamp(48px, 6.25vw, 90px); } }
  @media screen and (max-width: 767px) {
    .ch03 {
      width: clamp(90px, 24vw, 180px);
      right: clamp(0px, 0vw, 0px);
      bottom: clamp(5px, 1.3333333333vw, 10px); } }

.ch04 {
  position: absolute;
  height: auto;
  z-index: 7; }
  @media screen and (min-width: 768px) {
    .ch04 {
      width: clamp(156.8px, 20.4166666667vw, 294px);
      left: clamp(5.3333333333px, 0.6944444444vw, 10px);
      top: clamp(8px, 1.0416666667vw, 15px); } }
  @media screen and (max-width: 767px) {
    .ch04 {
      width: clamp(120px, 32vw, 240px);
      right: clamp(-20px, -2.6666666667vw, -10px);
      top: clamp(90px, 24vw, 180px); } }

.ch05 {
  position: absolute;
  height: auto;
  z-index: 7; }
  @media screen and (min-width: 768px) {
    .ch05 {
      width: clamp(156.8px, 20.4166666667vw, 294px);
      left: clamp(41.6px, 5.4166666667vw, 78px);
      bottom: clamp(18.6666666667px, 2.4305555556vw, 35px); } }
  @media screen and (max-width: 767px) {
    .ch05 {
      width: clamp(110px, 29.3333333333vw, 220px);
      right: clamp(0px, 0vw, 0px);
      top: clamp(10px, 2.6666666667vw, 20px); } }

.mv .mv_tit picture {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) 1s;
  opacity: 0;
  transform: scale(0) translateY(-100px); }

.mv .ch {
  opacity: 0;
  transform: scale(0);
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1); }

.mv .ch01 {
  transition-delay: 0s; }

.mv .ch02 {
  transition-delay: 0.4s; }

.mv .ch03 {
  transition-delay: 0.2s; }

.mv .ch04 {
  transition-delay: 0.6s; }

.mv .ch05 {
  transition-delay: 0.8s; }

.mv.mv-animate .mv_tit picture {
  opacity: 1;
  transform: scale(1) translateY(0); }

.mv.mv-animate .ch {
  opacity: 1;
  transform: scale(1); }

.s-lead {
  padding-top: clamp(32px, 4.1666666667vw, 60px);
  padding-bottom: clamp(48px, 6.25vw, 90px);
  background-color: #ff0000; }
  @media screen and (max-width: 767px) {
    .s-lead {
      padding-top: clamp(30px, 8vw, 60px);
      padding-bottom: clamp(30px, 8vw, 60px); } }

.l-manga-wrap {
  display: flex;
  justify-content: center; }

.c-lead__txt {
  font-size: clamp(10.6666666667px, 1.3888888889vw, 20px);
  line-height: 1.9;
  font-weight: 900;
  text-align: center; }
  @media screen and (max-width: 767px) {
    .c-lead__txt {
      font-size: clamp(14px, 3.7333333333vw, 28px); } }

.c-lead__tit {
  position: relative;
  line-height: 1.7;
  font-weight: 900;
  text-align: center;
  font-feature-settings: "palt";
  font-size: clamp(21.3333333333px, 2.7777777778vw, 40px); }
  @media screen and (min-width: 768px) {
    .c-lead__tit {
      display: flex;
      justify-content: center; } }
  @media screen and (max-width: 767px) {
    .c-lead__tit {
      font-size: clamp(28px, 7.4666666667vw, 56px); } }
  .c-lead__tit span {
    display: block;
    position: relative;
    z-index: 3;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 767px) {
      .c-lead__tit span {
        letter-spacing: -0.1em;
        white-space: nowrap; } }
    .c-lead__tit span::before {
      content: attr(data-text);
      position: absolute;
      inset: 0;
      color: #fff;
      z-index: -2; }
    .c-lead__tit span::after {
      content: attr(data-text);
      position: absolute;
      inset: 0;
      color: #fff;
      -webkit-text-stroke: 4px #fff;
      z-index: -1;
      paint-order: stroke; }

@media screen and (min-width: 768px) {
  .l-manga {
    margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px); } }

@media screen and (max-width: 767px) {
  .l-manga {
    margin-top: clamp(42.6666666667px, 5.5555555556vw, 80px); } }

.l-manga__ln01 {
  position: relative; }
  @media screen and (min-width: 768px) {
    .l-manga__ln01 {
      display: flex;
      align-items: flex-end; } }

.point01 {
  position: absolute;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .point01 {
      width: clamp(141.333333333px, 18.4027777778vw, 265px);
      margin-left: clamp(-60px, -4.1666666667vw, -32px);
      margin-top: clamp(-10px, -0.6944444444vw, -5.3333333333px);
      top: 0; } }
  @media screen and (max-width: 767px) {
    .point01 {
      width: clamp(186px, 49.6vw, 372px);
      margin-left: clamp(-20px, -2.6666666667vw, -10px);
      margin-top: clamp(-60px, -8vw, -30px);
      top: 0; } }

@media screen and (min-width: 768px) {
  .koma01 {
    width: clamp(301.333333333px, 39.2361111111vw, 565px); } }

@media screen and (max-width: 767px) {
  .koma01 {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .koma02 {
    width: clamp(270.4px, 35.2083333333vw, 507px);
    margin-left: clamp(-70px, -4.8611111111vw, -37.3333333333px); } }

@media screen and (max-width: 767px) {
  .koma02 {
    margin-top: clamp(-55px, -3.8194444444vw, -29.3333333333px);
    width: 100%; } }

.l-manga__ln02 {
  position: relative; }
  @media screen and (min-width: 768px) {
    .l-manga__ln02 {
      display: flex;
      align-items: flex-start;
      margin-top: clamp(14.9333333333px, 1.9444444444vw, 28px); } }
  @media screen and (max-width: 767px) {
    .l-manga__ln02 {
      margin-top: clamp(50px, 13.3333333333vw, 100px); } }

.point02 {
  position: absolute;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .point02 {
      width: clamp(160.533333333px, 20.9027777778vw, 301px);
      top: clamp(21.3333333333px, 2.7777777778vw, 40px);
      left: clamp(10.6666666667px, 1.3888888889vw, 20px); } }
  @media screen and (max-width: 767px) {
    .point02 {
      width: clamp(210px, 56vw, 420px);
      margin-left: clamp(94px, 25.0666666667vw, 188px);
      margin-top: clamp(-56px, -7.4666666667vw, -28px);
      top: 0; } }

@media screen and (min-width: 768px) {
  .koma03 {
    width: clamp(122.133333333px, 15.9027777778vw, 229px); } }

@media screen and (min-width: 768px) {
  .koma04 {
    width: clamp(403.733333333px, 52.5694444444vw, 757px);
    margin-left: clamp(8.5333333333px, 1.1111111111vw, 16px); } }

@media screen and (max-width: 767px) {
  .koma04 {
    margin-top: clamp(8px, 2.1333333333vw, 16px); } }

.l-manga__ln03 {
  position: relative; }
  @media screen and (min-width: 768px) {
    .l-manga__ln03 {
      display: flex;
      align-items: flex-start;
      margin-top: clamp(-84px, -5.8333333333vw, -44.8px); } }
  @media screen and (max-width: 767px) {
    .l-manga__ln03 {
      margin-top: clamp(55px, 14.6666666667vw, 110px); } }

.point03 {
  position: absolute;
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .point03 {
      width: clamp(184.533333333px, 24.0277777778vw, 346px);
      top: clamp(67.2px, 8.75vw, 126px);
      left: clamp(-80px, -5.5555555556vw, -42.6666666667px); } }
  @media screen and (max-width: 767px) {
    .point03 {
      width: clamp(242px, 64.5333333333vw, 484px);
      margin-left: clamp(-20px, -2.6666666667vw, -10px);
      margin-top: clamp(-86px, -11.4666666667vw, -43px);
      top: 0; } }

.koma05 {
  width: clamp(534.4px, 69.5833333333vw, 1002px); }
  @media screen and (max-width: 767px) {
    .koma05 {
      width: 100%; } }

.koma06 {
  display: none; }
  @media screen and (max-width: 767px) {
    .koma06 {
      display: block;
      margin-top: clamp(-40px, -5.3333333333vw, -20px); } }

[data-aos="manga1"] .point,
[data-aos="manga2"] .point,
[data-aos="manga3"] .point {
  transform: scale(0);
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; }

[data-aos="manga1"] .koma,
[data-aos="manga2"] .koma,
[data-aos="manga3"] .koma {
  transition: all 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
  opacity: 0;
  transform: rotate(0deg) translateX(-100px); }

[data-aos="manga1"].aos-animate .point01 {
  transform: scale(1);
  transition-delay: 0.4s !important; }

[data-aos="manga1"].aos-animate .koma01 {
  opacity: 1;
  transform: rotate(0) translateX(0);
  transition-delay: 0s; }

[data-aos="manga1"].aos-animate .koma02 {
  opacity: 1;
  transform: rotate(0) translateX(0);
  transition-delay: 0.2s; }

[data-aos="manga2"].aos-animate .point02 {
  transform: scale(1);
  transition-delay: 0.4s !important; }

[data-aos="manga2"].aos-animate .koma03 {
  opacity: 1;
  transform: rotate(0) translateX(0);
  transition-delay: 0s; }

[data-aos="manga2"].aos-animate .koma04 {
  opacity: 1;
  transform: rotate(0) translateX(0);
  transition-delay: 0.2s; }

[data-aos="manga3"].aos-animate .point03 {
  transform: scale(1);
  transition-delay: 0.4s !important; }

[data-aos="manga3"].aos-animate .koma05 {
  opacity: 1;
  transform: rotate(0) translateX(0);
  transition-delay: 0s; }

[data-aos="manga3"].aos-animate .koma06 {
  opacity: 1;
  transform: rotate(0) translateX(0);
  transition-delay: 0.2s; }

.s-cmp {
  padding-top: clamp(48px, 6.25vw, 90px);
  padding-bottom: clamp(52.2666666667px, 6.8055555556vw, 98px);
  background: #80cc27 url(../img/bg_cmp.png) 50% 50%/100% auto repeat-y; }
  @media screen and (max-width: 767px) {
    .s-cmp {
      padding-top: clamp(26px, 6.9333333333vw, 52px);
      padding-bottom: clamp(26px, 6.9333333333vw, 52px); } }

.c-cmp__txt {
  margin-top: clamp(12.8px, 1.6666666667vw, 24px);
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  font-feature-settings: "palt";
  font-weight: 900; }
  @media screen and (min-width: 768px) {
    .c-cmp__txt {
      max-width: 100%;
      aspect-ratio: 760 / 161;
      width: 760px;
      height: auto;
      font-size: 30px;
      background: url(../img/bg_period.png) 50% 50%/100% auto no-repeat; } }
  @media screen and (max-width: 767px) {
    .c-cmp__txt {
      text-align: center;
      width: clamp(356px, 94.9333333333vw, 712px);
      height: clamp(125px, 33.3333333333vw, 250px);
      background: url(../img/bg_period_sp.png) 50% 50%/100% auto no-repeat;
      font-size: clamp(21px, 5.6vw, 42px);
      line-height: 1.2;
      margin-left: clamp(-20px, -2.6666666667vw, -10px); } }
  .c-cmp__txt b {
    font-size: clamp(26.6666666667px, 3.4722222222vw, 50px); }
    @media screen and (max-width: 767px) {
      .c-cmp__txt b {
        font-size: clamp(35px, 9.3333333333vw, 70px); } }

.c-cmp__tit {
  position: relative;
  line-height: 1;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .c-cmp__tit {
      font-size: clamp(42.6666666667px, 5.5555555556vw, 80px); } }
  @media screen and (min-width: 768px) {
    .c-cmp__tit img {
      width: clamp(297.6px, 38.75vw, 558px); } }
  @media screen and (max-width: 767px) {
    .c-cmp__tit img {
      width: clamp(279px, 74.4vw, 558px);
      height: auto; } }

.s-present {
  padding-top: clamp(56.5333333333px, 7.3611111111vw, 106px);
  padding-bottom: clamp(34.6666666667px, 4.5138888889vw, 65px);
  background: #ba56b8; }
  @media screen and (max-width: 767px) {
    .s-present {
      padding-top: clamp(30px, 8vw, 60px);
      padding-bottom: clamp(30px, 8vw, 60px); } }

@media screen and (min-width: 768px) {
  .c-present {
    display: flex;
    align-items: center;
    justify-content: center;
    margin-top: clamp(-40px, -2.7777777778vw, -21.3333333333px); } }

@media screen and (max-width: 767px) {
  .c-present {
    display: flex;
    flex-direction: column-reverse; } }

@media screen and (min-width: 768px) {
  .c-present__pict {
    position: relative;
    min-width: clamp(324.266666667px, 42.2222222222vw, 608px);
    left: clamp(-50px, -3.4722222222vw, -26.6666666667px);
    top: clamp(-10px, -0.6944444444vw, -5.3333333333px);
    margin-right: clamp(12.8px, 1.6666666667vw, 24px); } }

.c-present__tit {
  position: relative;
  line-height: 1;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .c-present__tit {
      font-size: clamp(42.6666666667px, 5.5555555556vw, 80px); } }
  @media screen and (min-width: 768px) {
    .c-present__tit img {
      width: clamp(318.933333333px, 41.5277777778vw, 598px); } }
  @media screen and (max-width: 767px) {
    .c-present__tit img {
      width: clamp(279px, 74.4vw, 558px);
      height: auto; } }

@media screen and (min-width: 768px) {
  .c-present__txt {
    position: relative;
    width: clamp(251.733333333px, 32.7777777778vw, 472px);
    min-width: clamp(251.733333333px, 32.7777777778vw, 472px);
    left: clamp(-46px, -3.1944444444vw, -24.5333333333px);
    margin-top: clamp(24px, 3.125vw, 45px); } }

@media screen and (max-width: 767px) {
  .c-present__txt {
    padding-left: 15px;
    padding-right: 15px; } }

.c-present__txt1 {
  font-weight: 900;
  font-feature-settings: "palt";
  letter-spacing: -0.08em; }
  @media screen and (min-width: 768px) {
    .c-present__txt1 {
      font-size: clamp(16px, 2.0833333333vw, 30px);
      line-height: 1.75;
      margin-top: 0.5em;
      margin-bottom: 0.1em; } }
  @media screen and (max-width: 767px) {
    .c-present__txt1 {
      font-size: clamp(21px, 5.6vw, 42px);
      white-space: nowrap;
      line-height: 1.5;
      margin-bottom: 5px; } }
  .c-present__txt1 em {
    color: #fff800; }

.c-present__txt2 {
  font-size: clamp(16px, 2.0833333333vw, 30px);
  font-weight: 900;
  font-feature-settings: "palt";
  letter-spacing: -0.08em;
  line-height: 1.2; }
  @media screen and (max-width: 767px) {
    .c-present__txt2 {
      font-size: clamp(21px, 5.6vw, 42px); } }
  .c-present__txt2 strong {
    font-weight: 900;
    line-height: 1.2;
    font-size: clamp(26.6666666667px, 3.4722222222vw, 50px);
    color: #ff0000;
    letter-spacing: -0.1em;
    font-feature-settings: "palt";
    -webkit-text-stroke: 4px #fff;
    /* 2重目（外側の縁） */
    paint-order: stroke;
    vertical-align: middle; }
    @media screen and (max-width: 767px) {
      .c-present__txt2 strong {
        font-size: clamp(35px, 9.3333333333vw, 70px); } }

.c-present__txt3 {
  position: relative;
  font-size: clamp(10.1333333333px, 1.3194444444vw, 19px);
  font-feature-settings: "palt";
  letter-spacing: -0.08em;
  line-height: 1.2;
  background-color: #fff;
  border-radius: clamp(10.6666666667px, 1.3888888889vw, 20px);
  margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px);
  text-align: center;
  padding: clamp(10.6666666667px, 1.3888888889vw, 20px); }
  @media screen and (min-width: 768px) {
    .c-present__txt3 {
      margin-top: clamp(21.3333333333px, 2.7777777778vw, 40px);
      max-width: clamp(221.866666667px, 28.8888888889vw, 416px); } }
  @media screen and (max-width: 767px) {
    .c-present__txt3 {
      font-size: clamp(13px, 3.4666666667vw, 26px); } }
  .c-present__txt3 em {
    font-weight: 900;
    line-height: 1.2;
    color: #ff0000;
    font-feature-settings: "palt";
    font-size: clamp(11.7333333333px, 1.5277777778vw, 22px); }
    @media screen and (max-width: 767px) {
      .c-present__txt3 em {
        font-size: clamp(15px, 4vw, 30px); } }
  .c-present__txt3 b {
    font-weight: 900;
    line-height: 1.2;
    font-feature-settings: "palt";
    font-size: clamp(14.9333333333px, 1.9444444444vw, 28px); }
    @media screen and (max-width: 767px) {
      .c-present__txt3 b {
        font-size: clamp(20px, 5.3333333333vw, 40px); } }
  .c-present__txt3 .icon_point {
    position: absolute;
    right: clamp(-25px, -1.7361111111vw, -13.3333333333px);
    top: clamp(-25px, -1.7361111111vw, -13.3333333333px);
    width: clamp(45.8666666667px, 5.9722222222vw, 86px); }

.c-present__txt4 {
  margin-top: clamp(12.8px, 1.6666666667vw, 24px);
  font-size: clamp(8.5333333333px, 1.1111111111vw, 16px);
  line-height: 1.375; }
  @media screen and (max-width: 767px) {
    .c-present__txt4 {
      font-size: clamp(11px, 2.9333333333vw, 22px); } }

.s-course {
  padding-top: clamp(48.5333333333px, 6.3194444444vw, 91px);
  padding-bottom: clamp(56px, 7.2916666667vw, 105px);
  background: url(../img/bg_course.png) 50% 50%/100% auto repeat-y; }
  @media screen and (max-width: 767px) {
    .s-course {
      padding-top: clamp(30px, 8vw, 60px);
      padding-bottom: clamp(30px, 8vw, 60px); } }

.c-crs__tit {
  display: flex;
  justify-content: center;
  text-align: center; }
  .c-crs__tit img {
    display: block; }
    @media screen and (min-width: 768px) {
      .c-crs__tit img {
        width: clamp(229.866666667px, 29.9305555556vw, 431px); } }
    @media screen and (max-width: 767px) {
      .c-crs__tit img {
        width: clamp(192.533333333px, 25.0694444444vw, 361px); } }

.c-crs-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: clamp(58.6666666667px, 7.6388888889vw, 110px) clamp(25.0666666667px, 3.2638888889vw, 47px);
  margin-top: clamp(74.6666666667px, 9.7222222222vw, 140px); }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-crs-list {
      gap: 85px 23.5px; } }
  @media screen and (max-width: 767px) {
    .c-crs-list {
      gap: 50px 24px; } }

.c-crs-list__item {
  width: clamp(160px, 20.8333333333vw, 300px);
  position: relative;
  background-color: #fff; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-crs-list__item {
      width: calc(33.3% - 20px); } }
  @media screen and (max-width: 767px) {
    .c-crs-list__item {
      width: calc(50% - 12px); } }
  @media screen and (min-width: 768px) {
    .c-crs-list__item {
      transition: 0.4s cubic-bezier(0.34, 1.56, 0.64, 1);
      transform: scale(0);
      opacity: 0; } }
  .c-crs-list__item h3 {
    position: absolute;
    margin-left: clamp(-43px, -2.9861111111vw, -22.9333333333px);
    top: clamp(-74px, -5.1388888889vw, -39.4666666667px);
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: clamp(21.3333333333px, 2.7777777778vw, 40px);
    font-weight: 900;
    font-feature-settings: "palt";
    letter-spacing: -0.1em;
    width: clamp(171.2px, 22.2916666667vw, 321px);
    height: clamp(61.8666666667px, 8.0555555556vw, 116px);
    background: url(../img/bg_guitar.png) 50% 50%/100% auto no-repeat; }
    @media screen and (max-width: 767px) {
      .c-crs-list__item h3 {
        margin-left: clamp(-28px, -3.7333333333vw, -14px);
        width: clamp(160px, 42.6666666667vw, 320px);
        height: clamp(58px, 15.4666666667vw, 116px);
        font-size: clamp(20px, 5.3333333333vw, 40px);
        background-size: 100% 100%; } }
    .c-crs-list__item h3 span {
      position: relative;
      transform: rotate(-4deg);
      margin-top: 0.2em; }
      .c-crs-list__item h3 span b {
        position: relative;
        z-index: 3;
        color: #fff;
        -webkit-text-stroke: 6px #000;
        /* 2重目（外側の縁） */
        paint-order: stroke; }
      .c-crs-list__item h3 span::before {
        content: attr(data-text);
        position: absolute;
        inset: 0;
        color: transparent;
        -webkit-text-stroke: 12px #fff;
        /* 2重目（外側の縁） */
        z-index: 1;
        paint-order: stroke; }
  .c-crs-list__item img {
    position: relative;
    z-index: 3; }

@media screen and (min-width: 768px) {
  .c-crs-list__item--drums img {
    top: clamp(-30px, -2.0833333333vw, -16px); } }

.c-crs-list__item--bass h3 {
  background: url(../img/bg_bass.png) 50% 50%/100% auto no-repeat; }

.c-crs-list__item--drums h3 {
  background: url(../img/bg_drums.png) 50% 50%/100% auto no-repeat; }

.c-crs-list__item--piano h3 {
  background: url(../img/bg_piano.png) 50% 50%/100% auto no-repeat; }

.c-crs-list__item--vocal h3 {
  background: url(../img/bg_vocal.png) 50% 50%/100% auto no-repeat; }

@media screen and (min-width: 768px) {
  [data-aos="crs-list-animation"].aos-animate .c-crs-list__item {
    transform: scale(1);
    opacity: 1; } }

[data-aos="crs-list-animation"].aos-animate .c-crs-list__item--guitar {
  transition-delay: 0s; }

[data-aos="crs-list-animation"].aos-animate .c-crs-list__item--bass {
  transition-delay: 0.3s; }

[data-aos="crs-list-animation"].aos-animate .c-crs-list__item--drums {
  transition-delay: 0.6s; }

[data-aos="crs-list-animation"].aos-animate .c-crs-list__item--piano {
  transition-delay: 0.9s; }

[data-aos="crs-list-animation"].aos-animate .c-crs-list__item--vocal {
  transition-delay: 1.2s; }

.s-search {
  padding-top: clamp(38.4px, 5vw, 72px);
  padding-bottom: clamp(48.5333333333px, 6.3194444444vw, 91px);
  background-color: #ffdd15; }
  @media screen and (max-width: 767px) {
    .s-search {
      padding-top: clamp(30px, 8vw, 60px);
      padding-bottom: clamp(30px, 8vw, 60px); } }

.l-search {
  display: flex;
  justify-content: center;
  gap: clamp(20.2666666667px, 2.6388888889vw, 38px);
  margin-top: clamp(36.2666666667px, 4.7222222222vw, 68px); }
  @media screen and (max-width: 767px) {
    .l-search {
      flex-direction: column;
      align-items: center; } }

.c-search-select {
  position: relative;
  width: clamp(176px, 22.9166666667vw, 330px);
  height: clamp(52.2666666667px, 6.8055555556vw, 98px);
  background: url(../img/bg_btn_search.png) 50% 50%/cover no-repeat;
  overflow: hidden;
  border-radius: 49px; }
  @media screen and (max-width: 767px) {
    .c-search-select {
      width: 100%;
      height: clamp(55px, 14.6666666667vw, 110px);
      background: url(../img/bg_btn_search_sp.png) 50% 50%/100% 100% no-repeat; } }
  .c-search-select select {
    border-radius: 49px;
    overflow: hidden;
    overflow: hidden;
    border-radius: 49px;
    padding-right: clamp(16px, 2.0833333333vw, 30px);
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    appearance: none;
    display: flex;
    justify-content: center;
    text-align: center;
    appearance: none;
    border: none;
    font-size: clamp(16px, 2.0833333333vw, 30px);
    font-weight: 900;
    paint-order: stroke;
    color: #fff;
    -webkit-text-stroke: 6px #000;
    /* 2重目（外側の縁） */
    cursor: pointer;
    position: relative;
    z-index: 2; }
    @media screen and (max-width: 767px) {
      .c-search-select select {
        font-size: clamp(20px, 5.3333333333vw, 40px); } }
  .c-search-select:after {
    position: absolute;
    display: block;
    content: "";
    width: clamp(14.4px, 1.875vw, 27px);
    height: clamp(14.4px, 1.875vw, 27px);
    top: 50%;
    transform: translateY(-50%);
    right: 30px;
    background: url(../img/icon_triangle.png) 50% 50%/cover no-repeat; }
  .c-search-select:hover::before {
    animation: shine 0.5s ease-out 1; }
  .c-search-select::before {
    content: "";
    position: absolute;
    width: 200px;
    height: 100%;
    background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
    top: 0;
    left: -200px;
    opacity: 0.6;
    z-index: 1; }

.c-search-submit {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .c-search-submit {
      width: clamp(132.266666667px, 17.2222222222vw, 248px);
      height: clamp(52.2666666667px, 6.8055555556vw, 98px); } }
  @media screen and (max-width: 767px) {
    .c-search-submit {
      width: clamp(205px, 54.6666666667vw, 410px);
      height: clamp(55px, 14.6666666667vw, 110px); } }
  .c-search-submit button {
    border-radius: 50px;
    padding-right: clamp(16px, 2.0833333333vw, 30px);
    width: 100%;
    height: 100%;
    border: none;
    background-color: transparent;
    appearance: none;
    display: flex;
    justify-content: center;
    align-items: center;
    text-align: center;
    appearance: none;
    border: none;
    font-size: clamp(16px, 2.0833333333vw, 30px);
    font-weight: 900;
    paint-order: stroke;
    color: #fff;
    -webkit-text-stroke: 4px #000;
    /* 2重目（外側の縁） */ }
    @media screen and (min-width: 768px) {
      .c-search-submit button {
        background: url(../img/bg_btn_blue.png) 50% 50%/contain no-repeat; } }
    @media screen and (max-width: 767px) {
      .c-search-submit button {
        background: url(../img/bg_btn_blue_sp.png) 50% 50%/100% 100% no-repeat; } }
    @media screen and (min-width: 768px) {
      .c-search-submit button:disabled {
        background: #808080; } }
    @media screen and (max-width: 767px) {
      .c-search-submit button:disabled {
        background: #808080; } }
    .c-search-submit button:disabled:before {
      display: none; }
    @media screen and (max-width: 767px) {
      .c-search-submit button {
        font-size: clamp(20px, 5.3333333333vw, 40px); } }
    .c-search-submit button:hover::before {
      animation: shine 0.5s ease-out 1; }
    .c-search-submit button::before {
      content: "";
      position: absolute;
      width: 200px;
      height: 100%;
      background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
      top: 0;
      left: -200px;
      opacity: 0.6; }
  .c-search-submit:after {
    position: absolute;
    display: block;
    content: "";
    width: clamp(14.4px, 1.875vw, 27px);
    height: clamp(14.4px, 1.875vw, 27px);
    top: 50%;
    right: clamp(16px, 2.0833333333vw, 30px);
    transform: translateY(-52%);
    background: url(../img/icon_search.png) 50% 50%/cover no-repeat; }

.c-result-list {
  margin-top: clamp(37.3333333333px, 4.8611111111vw, 70px); }

.c-result-item {
  display: flex; }

.c-result-item + .c-result-item {
  margin-top: clamp(5.3333333333px, 0.6944444444vw, 10px); }

.c-result-item__text {
  background-color: #fff;
  padding: clamp(12.8px, 1.6666666667vw, 24px);
  flex-grow: 1; }

.c-result-item__text1 {
  font-weight: bold;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .c-result-item__text1 {
      font-size: 24px; } }
  @media screen and (max-width: 767px) {
    .c-result-item__text1 {
      font-size: clamp(17px, 4.5333333333vw, 34px);
      line-height: 1.2; } }

.c-result-item__text2 {
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .c-result-item__text2 {
      font-size: 16px; } }
  @media screen and (max-width: 767px) {
    .c-result-item__text2 {
      font-size: clamp(11px, 2.9333333333vw, 22px);
      letter-spacing: -0.05em; } }

.c-result-item__anc {
  min-width: clamp(106.666666667px, 13.8888888889vw, 200px);
  margin-left: clamp(5.3333333333px, 0.6944444444vw, 10px);
  letter-spacing: -0.08em;
  display: flex;
  justify-content: center;
  align-items: center;
  background-color: #39f1ff;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .c-result-item__anc {
      padding-left: 0.5em;
      padding-right: 0.5em;
      font-size: 20px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-result-item__anc {
      font-size: 18px; } }
  @media screen and (max-width: 767px) {
    .c-result-item__anc {
      font-size: clamp(14px, 3.7333333333vw, 28px); } }
  .c-result-item__anc a {
    width: 100%;
    height: 100%;
    align-items: center;
    justify-content: center; }
    .c-result-item__anc a b {
      transition: 0.3s ease-out; }
    .c-result-item__anc a:hover b {
      transform: translateX(4px); }
  .c-result-item__anc p {
    display: flex;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    margin-bottom: 0; }
  .c-result-item__anc b {
    display: block;
    margin-left: 0.5em;
    color: #fff; }

.c-crs {
  display: none; }

.prefecture {
  display: none; }

.crs-electric_guitar .crs-electric_guitar {
  display: flex;
  color: #000; }

.crs-electric_bass .crs-electric_bass {
  display: flex;
  color: #000; }

.crs-electric_base .crs-electric_base {
  display: flex;
  color: #000; }

.crs-drums .crs-drums {
  display: flex;
  color: #000; }

.crs-piano .crs-piano {
  display: flex;
  color: #000; }

.crs-vocal .crs-vocal {
  display: flex;
  color: #000; }

.c-result-item.hidden {
  display: none !important; }

.c-crs img {
  height: auto; }
  @media screen and (min-width: 768px) {
    .c-crs img {
      width: 13px; } }
  @media screen and (max-width: 767px) {
    .c-crs img {
      width: 9px; } }

.c-result-none {
  margin-top: 60px;
  display: none;
  text-align: center;
  font-size: 18px; }

.s-comix {
  padding-top: clamp(52.2666666667px, 6.8055555556vw, 98px);
  padding-bottom: clamp(55.4666666667px, 7.2222222222vw, 104px);
  background-color: #ff6d00; }
  @media screen and (max-width: 767px) {
    .s-comix {
      padding-top: clamp(30px, 8vw, 60px);
      padding-bottom: clamp(30px, 8vw, 60px); } }

.c-comix {
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .c-comix {
      padding: clamp(0px, 0vw, 0px) clamp(26.6666666667px, 3.4722222222vw, 50px) clamp(26.6666666667px, 3.4722222222vw, 50px);
      display: flex;
      align-items: center;
      justify-content: center;
      flex-direction: column; } }
  @media screen and (max-width: 767px) {
    .c-comix {
      position: relative;
      padding: clamp(40px, 10.6666666667vw, 80px) clamp(20px, 5.3333333333vw, 40px); } }

.c-btn-link {
  display: flex;
  align-items: center;
  justify-content: center;
  position: relative;
  width: clamp(252.8px, 32.9166666667vw, 474px);
  height: clamp(52.2666666667px, 6.8055555556vw, 98px);
  background: url(../img/bg_btn_blue2.png) 50% 50%/contain no-repeat;
  font-size: clamp(14.9333333333px, 1.9444444444vw, 28px);
  font-weight: 900;
  color: #fff;
  -webkit-text-stroke: clamp(3.2px, 0.4166666667vw, 6px) #000;
  paint-order: stroke;
  overflow: hidden;
  transition: all 0.3s ease-in-out; }
  @media screen and (min-width: 768px) {
    .c-btn-link {
      margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px); } }
  @media screen and (max-width: 767px) {
    .c-btn-link {
      width: 100%;
      height: auto;
      aspect-ratio: 323 / 60;
      font-size: 21px;
      background: url(../img/bg_btn_blue2.png) 50% 50%/100% 100% no-repeat; } }
  .c-btn-link:after {
    transition: all 0.3s ease-in-out;
    position: absolute;
    content: "";
    width: clamp(20.2666666667px, 2.6388888889vw, 38px);
    height: clamp(23.4666666667px, 3.0555555556vw, 44px);
    top: calc(50% - clampvw(22px));
    right: clamp(16px, 2.0833333333vw, 30px);
    background: url(../img/icon_arrow.png) 50% 50%/contain no-repeat; }
  .c-btn-link span {
    position: relative;
    z-index: 2; }
    .c-btn-link span:before {
      position: absolute;
      content: attr(data-text);
      display: block;
      -webkit-text-stroke: clamp(5.3333333333px, 0.6944444444vw, 10px) #fff;
      paint-order: stroke;
      z-index: -1; }

.c-btn-link:hover {
  transform: scale(1.05);
  border-color: #fff9; }

.c-btn-link:hover::after {
  transform: translate(4px); }

.c-btn-link:hover::before {
  animation: shine 1s ease-out infinite; }

.c-btn-link::before {
  content: "";
  position: absolute;
  width: 200px;
  height: 100%;
  background-image: linear-gradient(120deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0) 70%);
  top: 0;
  left: -200px;
  opacity: 0.6; }

@keyframes shine {
  0% {
    left: -100px; }
  60% {
    left: 100%; }
  80% {
    opacity: 0.6; }
  100% { }
  to {
    left: 100%; } }

.c-comix-item {
  display: flex;
  gap: 30px; }
  @media screen and (max-width: 767px) {
    .c-comix-item {
      display: block; } }

@media screen and (min-width: 768px) {
  .c-comix-item__pict {
    width: 230px;
    margin-top: 50px; } }

@media screen and (max-width: 767px) {
  .c-comix-item__pict {
    width: clamp(180px, 48vw, 360px);
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px; } }

.tit_honya {
  position: absolute;
  width: clamp(70.4px, 9.1666666667vw, 132px);
  left: clamp(21.3333333333px, 2.7777777778vw, 40px);
  top: clamp(-60px, -4.1666666667vw, -32px);
  height: auto; }
  @media screen and (min-width: 768px) {
    .tit_honya {
      width: 152px; } }

.c-comix-item__desc {
  text-align: center;
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .c-comix-item__desc {
      position: relative;
      margin-bottom: 33px;
      padding-bottom: 26px;
      top: clamp(16px, 2.0833333333vw, 30px);
      width: 412px;
      height: 356px;
      background: url(../img/bg_honya.png) 50% 50%/contain no-repeat; } }
  .c-comix-item__desc dl {
    line-height: 1.3; }
    .c-comix-item__desc dl dt {
      font-size: clamp(14.4px, 1.875vw, 27px);
      font-feature-settings: "palt";
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .c-comix-item__desc dl dt {
          font-size: clamp(22px, 5.8666666667vw, 44px); } }
    .c-comix-item__desc dl dd {
      font-feature-settings: "palt";
      color: #d10000;
      font-size: clamp(21.3333333333px, 2.7777777778vw, 40px);
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .c-comix-item__desc dl dd {
          font-size: clamp(37px, 9.8666666667vw, 74px); } }
  .c-comix-item__desc p {
    font-feature-settings: "palt";
    margin-top: 0.3em;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .c-comix-item__desc p {
        font-size: clamp(12px, 3.2vw, 24px); } }
    .c-comix-item__desc p b {
      font-size: clamp(12.8px, 1.6666666667vw, 24px);
      position: relative;
      top: 0.1em;
      font-weight: 900; }
      @media screen and (max-width: 767px) {
        .c-comix-item__desc p b {
          font-size: clamp(19px, 5.0666666667vw, 38px); } }

@media screen and (max-width: 767px) {
  .c-btn-link-wrap {
    display: flex;
    justify-content: center;
    margin-left: auto;
    margin-right: auto;
    margin-top: clamp(28px, 7.4666666667vw, 56px); } }

.tit_honya_sp {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translate(-50%, -50%); }
  @media screen and (min-width: 768px) {
    .tit_honya_sp {
      display: none; } }
  @media screen and (max-width: 767px) {
    .tit_honya_sp {
      width: clamp(200px, 53.3333333333vw, 400px); } }

[data-aos="comix"] {
  transition: all 0.2s cubic-bezier(0.34, 1.56, 0.64, 1);
  opacity: 0;
  transform: scale(0); }
  [data-aos="comix"] .tit_honya {
    opacity: 0;
    transform: translateY(30px);
    transition: all 0.3s cubic-bezier(0.34, 1.56, 0.64, 1) 0.5s; }

[data-aos="comix"].aos-animate {
  opacity: 1;
  transform: scale(1); }
  [data-aos="comix"].aos-animate .tit_honya {
    opacity: 1;
    transform: translateY(0); }

.s-site {
  padding-top: clamp(53.3333333333px, 6.9444444444vw, 100px);
  padding-bottom: clamp(51.2px, 6.6666666667vw, 96px);
  background: url(../img/bg_site.png) 50% 50%/cover no-repeat; }
  @media screen and (max-width: 767px) {
    .s-site {
      padding-top: clamp(30px, 8vw, 60px);
      padding-bottom: clamp(30px, 8vw, 60px); } }

.c-site__tit {
  width: clamp(354.666666667px, 46.1805555556vw, 665px);
  height: auto;
  display: flex;
  justify-content: center;
  margin-left: auto;
  margin-right: auto; }

.c-site__img {
  display: flex;
  justify-content: center;
  width: 600px;
  margin-left: auto;
  margin-right: auto;
  margin-top: clamp(10.6666666667px, 1.3888888889vw, 20px); }
  @media screen and (max-width: 767px) {
    .c-site__img {
      max-width: 100%; } }
  .c-site__img a {
    transition: 0.3s cubic-bezier(0.34, 1.56, 0.64, 1); }
    .c-site__img a:hover, .c-site__img a:focus {
      transform: scale(1.1); }

* {
  box-sizing: border-box; }

picture {
  display: block; }

.grad-text span {
  display: block;
  position: relative;
  background: var(--kv-grad);
  -webkit-background-clip: text;
  background-clip: text;
  color: transparent;
  font-size: 80px;
  line-height: 1;
  font-family: "Noto Sans Japanese", sans-serif;
  font-feature-settings: "palt";
  font-weight: 900;
  -webkit-text-stroke: 2px #000;
  /* 2重目（外側の縁） */
  paint-order: stroke; }

main img {
  max-width: 100%;
  height: auto; }

.u-bg-grey {
  background-color: #f2f2f2; }

.u-bg-white {
  background-color: #fff; }

.u-bg-blue {
  background-color: #e9f5f7; }

:root {
  --ss-primary-color: #5897fb;
  --ss-bg-color: #ffffff;
  --ss-font-color: #4d4d4d;
  --ss-placeholder-color: #8d8d8d;
  --ss-disabled-color: #dcdee2;
  --ss-border-color: #dcdee2;
  --ss-highlight-color: #fffb8c;
  --ss-focus-color: var(--ss-primary-color);
  --ss-success-color: #00b755;
  --ss-error-color: #dc3545;
  --ss-main-height: 40px;
  --ss-content-height: 300px;
  --ss-search-height: 40px;
  --ss-option-height: auto;
  --ss-spacing-l: 9px;
  --ss-spacing-m: 7px;
  --ss-spacing-s: 5px;
  --ss-animation-timing: 0.2s;
  --ss-border-radius: 4px; }

@keyframes ss-valueIn {
  0% {
    transform: scale(0);
    opacity: 0; }
  100% {
    transform: scale(1);
    opacity: 1; } }

@keyframes ss-valueOut {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(0);
    opacity: 0; } }

.ss-hide {
  display: none !important; }

.ss-main {
  display: flex;
  flex-direction: row;
  position: relative;
  user-select: none;
  color: var(--ss-font-color);
  min-height: var(--ss-main-height);
  width: 100%;
  padding: var(--ss-spacing-s);
  cursor: pointer;
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius);
  background-color: var(--ss-bg-color);
  outline: 0;
  box-sizing: border-box;
  transition: background-color var(--ss-animation-timing);
  overflow: hidden; }

.ss-main:focus {
  box-shadow: 0 0 5px var(--ss-focus-color); }

.ss-main.ss-disabled {
  background-color: var(--ss-disabled-color);
  cursor: not-allowed; }

.ss-main.ss-disabled .ss-values .ss-disabled {
  color: var(--ss-font-color); }

.ss-main.ss-disabled .ss-values .ss-value .ss-value-delete {
  cursor: not-allowed; }

.ss-main.ss-dir-above {
  border-top-left-radius: 0px;
  border-top-right-radius: 0px; }

.ss-main.ss-dir-below {
  border-bottom-left-radius: 0px;
  border-bottom-right-radius: 0px; }

.ss-main .ss-values {
  display: inline-flex;
  flex-wrap: wrap;
  gap: var(--ss-spacing-m);
  flex: 1 1 100%;
  min-width: 0;
  max-width: 100%;
  overflow: hidden; }

.ss-main .ss-values .ss-placeholder {
  display: block;
  width: 100%;
  min-width: 0;
  padding: var(--ss-spacing-s) var(--ss-spacing-m) var(--ss-spacing-s) var(--ss-spacing-m);
  margin: auto 0px auto 0px;
  line-height: 1em;
  color: var(--ss-placeholder-color);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ss-main .ss-values .ss-max {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  font-size: 12px;
  color: var(--ss-bg-color);
  line-height: 1;
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius); }

.ss-main .ss-values .ss-single {
  display: block;
  margin: auto 0px auto var(--ss-spacing-s);
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  flex: 1 1 auto;
  max-width: calc(100% - 20px); }

.ss-main .ss-values .ss-value {
  display: flex;
  user-select: none;
  align-items: center;
  width: fit-content;
  max-width: 100%;
  background-color: var(--ss-primary-color);
  border-radius: var(--ss-border-radius);
  animation-name: ss-valueIn;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out;
  animation-fill-mode: both; }

.ss-main .ss-values .ss-value.ss-value-out {
  animation-name: ss-valueOut;
  animation-duration: var(--ss-animation-timing);
  animation-timing-function: ease-out; }

.ss-main .ss-values .ss-value .ss-value-text {
  flex: 1;
  min-width: 0;
  font-size: 12px;
  line-height: 1;
  color: var(--ss-bg-color);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap; }

.ss-main .ss-values .ss-value .ss-value-delete {
  display: flex;
  align-items: center;
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l);
  padding: var(--ss-spacing-s) var(--ss-spacing-m);
  cursor: pointer;
  border-left: solid 1px var(--ss-bg-color);
  box-sizing: content-box; }

.ss-main .ss-values .ss-value .ss-value-delete svg {
  height: var(--ss-spacing-l);
  width: var(--ss-spacing-l); }

.ss-main .ss-values .ss-value .ss-value-delete svg path {
  fill: none;
  stroke: var(--ss-bg-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round; }

.ss-main .ss-deselect {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  width: fit-content;
  height: auto;
  padding: 0 var(--ss-spacing-m) 0 var(--ss-spacing-m); }

.ss-main .ss-deselect svg {
  width: 8px;
  height: 8px; }

.ss-main .ss-deselect svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 20;
  stroke-linecap: round;
  stroke-linejoin: round; }

.ss-main .ss-arrow {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m); }

.ss-main .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing); }

.ss-content {
  position: absolute;
  display: flex;
  height: auto;
  flex-direction: column;
  width: auto;
  max-height: var(--ss-content-height);
  box-sizing: border-box;
  border: solid 1px var(--ss-border-color);
  background-color: var(--ss-bg-color);
  transition: transform var(--ss-animation-timing), opacity var(--ss-animation-timing);
  opacity: 0;
  transform: scaleY(0);
  overflow: hidden;
  z-index: 10000; }

.ss-content.ss-relative {
  position: relative;
  height: 100%; }

.ss-content.ss-fixed {
  position: fixed; }

.ss-content.ss-dir-above {
  transform-origin: center bottom;
  flex-direction: column-reverse;
  border-top-left-radius: var(--ss-border-radius);
  border-top-right-radius: var(--ss-border-radius); }

.ss-content.ss-dir-below {
  transform-origin: center top;
  border-bottom-left-radius: var(--ss-border-radius);
  border-bottom-right-radius: var(--ss-border-radius); }

.ss-content.ss-open {
  opacity: 1;
  transform: scaleY(1); }

.ss-content .ss-search {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  border-bottom: 1px solid var(--ss-border-color); }

.ss-content .ss-search input {
  display: inline-flex;
  font-size: inherit;
  line-height: inherit;
  flex: 1 1 auto;
  width: 100%;
  min-width: 0px;
  height: var(--ss-search-height);
  padding: var(--ss-spacing-m) var(--ss-spacing-l);
  margin: 0;
  border: none;
  background-color: var(--ss-bg-color);
  outline: 0;
  text-align: left;
  box-sizing: border-box; }

.ss-content .ss-search input::placeholder {
  color: var(--ss-placeholder-color);
  vertical-align: middle; }

.ss-content .ss-search input:focus {
  box-shadow: none; }

.ss-content .ss-search .ss-addable {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  cursor: pointer;
  flex: 0 0 auto;
  height: auto;
  margin: 0 0 0 var(--ss-spacing-m);
  border: 1px solid var(--ss-border-color);
  border-radius: var(--ss-border-radius); }

.ss-content .ss-search .ss-addable svg {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex: 0 1 auto;
  width: 12px;
  height: 12px;
  margin: auto var(--ss-spacing-m) auto var(--ss-spacing-m); }

.ss-content .ss-search .ss-addable svg path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round; }

.ss-content.ss-dir-above .ss-search {
  border-bottom: none;
  border-top: 1px solid var(--ss-border-color); }

.ss-content .ss-list {
  flex: 1 1 auto;
  height: auto;
  overflow-x: hidden;
  overflow-y: auto; }

.ss-content .ss-list .ss-error {
  color: var(--ss-error-color);
  padding: var(--ss-spacing-l); }

.ss-content .ss-list .ss-searching {
  color: var(--ss-font-color);
  padding: var(--ss-spacing-l); }

.ss-content .ss-list .ss-optgroup .ss-option {
  transition: max-height var(--ss-animation-timing) ease, opacity var(--ss-animation-timing) ease, padding-top var(--ss-animation-timing) ease, padding-bottom var(--ss-animation-timing) ease, margin-top var(--ss-animation-timing) ease, margin-bottom var(--ss-animation-timing) ease; }

.ss-content .ss-list .ss-optgroup.ss-open .ss-option {
  max-height: 100px;
  opacity: 1;
  overflow: visible; }

.ss-content .ss-list .ss-optgroup.ss-close .ss-option {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  max-height: 0;
  opacity: 0;
  overflow: hidden; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label {
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: space-between;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-label-text {
  flex: 1 1 auto;
  font-weight: bold;
  color: var(--ss-font-color); }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label:has(.ss-arrow) {
  cursor: pointer; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  align-items: center;
  justify-content: center;
  gap: var(--ss-spacing-m); }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall {
  flex: 0 0 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall:hover {
  opacity: .5; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall.ss-selected svg path {
  stroke: var(--ss-error-color); }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall span {
  flex: 0 1 auto;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 60%;
  text-align: center;
  padding: 0 var(--ss-spacing-s) 0 0; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg {
  flex: 0 1 auto;
  width: 13px;
  height: 13px; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg path {
  fill: none;
  stroke: var(--ss-success-color);
  stroke-linecap: round;
  stroke-linejoin: round; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:first-child {
  stroke-width: 5; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-selectall svg:last-child {
  stroke-width: 11; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable {
  flex: 0 1 auto;
  display: flex;
  flex-direction: row;
  cursor: pointer; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow {
  flex: 1 1 auto;
  width: 10px;
  height: 10px; }

.ss-content .ss-list .ss-optgroup .ss-optgroup-label .ss-optgroup-actions .ss-closable .ss-arrow path {
  fill: none;
  stroke: var(--ss-font-color);
  stroke-width: 18;
  stroke-linecap: round;
  stroke-linejoin: round;
  transition-timing-function: ease-out;
  transition: var(--ss-animation-timing); }

.ss-content .ss-list .ss-optgroup .ss-option {
  padding: var(--ss-spacing-s) var(--ss-spacing-s) var(--ss-spacing-s) calc(var(--ss-spacing-l)*3); }

.ss-content .ss-list .ss-option {
  display: flex;
  align-items: center;
  min-height: var(--ss-option-height);
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l);
  white-space: normal;
  color: var(--ss-font-color);
  cursor: pointer;
  user-select: none; }

.ss-content .ss-list .ss-option:hover:not(.ss-disabled) {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color);
  border-left: 5px solid var(--ss-primary-color);
  transition: border-left var(--ss-animation-timing) ease; }

.ss-content .ss-list .ss-option.ss-highlighted, .ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  background-color: var(--ss-primary-color); }

.ss-content .ss-list .ss-option.ss-disabled {
  cursor: not-allowed;
  background-color: var(--ss-disabled-color); }

.ss-content .ss-list .ss-option.ss-disabled:hover {
  color: var(--ss-font-color); }

.ss-content .ss-list .ss-option .ss-search-highlight {
  display: inline-block;
  background-color: var(--ss-highlight-color); }

.ss-content .ss-list .ss-search {
  display: flex;
  flex-direction: row;
  align-items: center;
  padding: var(--ss-spacing-m) var(--ss-spacing-l) var(--ss-spacing-m) var(--ss-spacing-l); }

/*# sourceMappingURL=slimselect.css.map */
.ss-main {
  background-color: transparent;
  border: none;
  height: 100%;
  display: flex;
  justify-content: center;
  text-align: center;
  font-size: clamp(16px, 2.0833333333vw, 30px);
  font-weight: 900;
  paint-order: stroke;
  color: #fff;
  -webkit-text-stroke: 4px #000;
  /* 2重目（外側の縁） */
  cursor: pointer;
  position: relative;
  z-index: 2; }
  .ss-main .ss-arrow {
    display: none; }
  .ss-main .ss-search {
    display: none; }
  @media screen and (min-width: 768px) {
    .ss-main {
      padding-right: 20px; } }
  @media screen and (max-width: 767px) {
    .ss-main {
      font-size: clamp(20px, 5.3333333333vw, 40px); } }

.ss-main .ss-values .ss-single {
  max-width: 100%;
  text-align: center; }

.ss-content .ss-list .ss-option {
  font-weight: bold;
  color: #000; }

.ss-content .ss-list .ss-option.ss-highlighted,
.ss-content .ss-list .ss-option:hover:not(.ss-disabled),
.ss-content .ss-list .ss-option:not(.ss-disabled).ss-selected {
  color: var(--ss-bg-color);
  border-left: none;
  background-color: #ff4c4c; }

[data-aos="popup"] {
  transform: scale(0);
  transition: 0.5s cubic-bezier(0.34, 1.56, 0.64, 1) !important; }

[data-aos="popup"].aos-animate {
  transform: scale(1); }

/*# sourceMappingURL=bootstrap.css.map */
/* ===== ピアノ注釈：レイアウトを崩さない版（疑似要素でBOX外に表示） ===== */
.c-crs-list__item--piano{
  position: relative;
  overflow: visible;
}
.c-crs-list__item--piano::after{
  content: "※受講の目安：小学4年生～";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -1.8em;
  font-size: 16px;
  line-height: 1.4;
  font-weight: 500;
  white-space: nowrap;
}
@media screen and (max-width: 767px){
  .c-crs-list__item--piano::after{
    font-size: clamp(12px, 3.2vw, 24px);
    bottom: -1.6em;
  }
}
/* 注釈が下のセクションに被らないよう、コース一覧全体に下余白を追加 */
.c-crs-list{
  padding-bottom: 2.2em;
}

/* 以前追加したwrap版の副作用を無効化（残っていても崩れないように） */
.c-crs-list__item-wrap{
  width: auto !important;
  display: block !important;
}
.c-crs-note{
  display: none !important;
}