@charset "UTF-8";
@font-face {
  font-family: "GT_America_Y_Bold";
  src: url("../fonts/GT_America_Y_Bold.otf") format("opentype"); }

* {
  box-sizing: border-box; }

body, html {
  font-size: 16px;
  line-height: 1.81; }

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

html, body {
  margin: 0;
  padding: 0; }

b, strong, em {
  font-weight: bold; }

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

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

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

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

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

@media screen and (max-width: 767px) {
  body {
    font-size: 16px;
    line-height: 1.67; } }

@media screen and (min-width: 768px) {
  body {
    font-size: 16px;
    line-height: 1.75; } }

body {
  font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "Noto Sans JP", "Meiryo","Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; }
  @media screen and (min-width: 768px) {
    body {
      background: url(/music-teacher/_common/images/bg_lower_head.png) 50% 0/1700px auto no-repeat; } }
  @media screen and (min-width: 1701px) {
    body {
      background-size: 100% auto; } }
  @media screen and (max-width: 767px) {
    body {
      background: url(/music-teacher/_common/images/bg_lower_head_sp.png) 50% 0/100% auto no-repeat; } }
  body.l-top {
    background-image: none; }
  @media screen and (min-width: 768px) {
    body.l-bg-inst {
      background: url(/music-teacher/_common/images/bg_inst_head.png) 50% 0/1700px auto no-repeat; } }
  @media screen and (max-width: 767px) {
    body.l-bg-inst {
      background: url(/music-teacher/_common/images/bg_inst_head_sp.png) 50% 0/100% auto no-repeat; } }
  @media screen and (min-width: 768px) {
    body.l-recruitment-sys {
      background: url(/music-teacher/_common/images/bg_lower_head_sys.png) 50% 0/1700px auto no-repeat; } }
  @media (min-width: 1701px) {
    body.l-recruitment-sys {
      background: url(/music-teacher/_common/images/bg_lower_head_sys.png) 50% 0/100% auto no-repeat; } }
  @media screen and (max-width: 767px) {
    body.l-recruitment-sys {
      background: url(/music-teacher/_common/images/bg_lower_head_sys_sp.png) 50% 0/100% auto no-repeat; } }
  @media screen and (min-width: 768px) {
    body.l-recruitment-ml {
      background: url(/music-teacher/_common/images/bg_lower_head_ml.png) 50% 0/1700px auto no-repeat; } }
  @media (min-width: 1701px) {
    body.l-recruitment-ml {
      background: url(/music-teacher/_common/images/bg_lower_head_ml.png) 50% 0/100% auto no-repeat; } }
  @media screen and (max-width: 767px) {
    body.l-recruitment-ml {
      background: url(/music-teacher/_common/images/bg_lower_head_ml_sp.png) 50% 0/100% auto no-repeat; } }
  @media screen and (min-width: 768px) {
    body.l-bg-interview {
      background: url(/music-teacher/_common/images/bg_interview_head.png) 50% 0/1700px auto no-repeat; } }
  @media screen and (max-width: 767px) {
    body.l-bg-interview {
      background: url(/music-teacher/_common/images/bg_interview_head_sp.png) 50% 0/100% auto no-repeat; } }
  @media screen and (min-width: 768px) {
    body.l-bg-typetest {
      background: url(/music-teacher/_common/images/bg_typetest_head.png) 50% 0/1700px auto no-repeat; } }
  @media screen and (max-width: 767px) {
    body.l-bg-typetest {
      background: url(/music-teacher/_common/images/bg_typetest_head_sp.png) 50% 0/100% auto no-repeat; } }

@media screen and (max-width: 767px) {
  .l-container {
    padding-left: 20px;
    padding-right: 20px; } }

@media screen and (min-width: 768px) {
  .l-container {
    max-width: 1300px;
    width: 100%;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto; } }

a:hover, a:focus {
  color: #ca00be; }

.hover:hover, .hover:focus {
  color: #ca00be; }

p {
  margin-bottom: 0.75em; }

.c-arrow::before, .l-fnav a::before, .l-crumb ul li::before, .l-footer-right ul a::before,
.c-arrow::after,
.l-fnav a::after,
.l-crumb ul li::after,
.l-footer-right ul a::after {
  content: "";
  position: absolute;
  top: calc(50% - 1.5px);
  width: 11px;
  height: 3px;
  border-radius: 9999px;
  background-color: #ffffff;
  transform-origin: calc(100% - 1.5px) 50%; }
  @media screen and (max-width: 1240px) {
    .c-arrow::before, .l-fnav a::before, .l-crumb ul li::before, .l-footer-right ul a::before,
    .c-arrow::after,
    .l-fnav a::after,
    .l-crumb ul li::after,
    .l-footer-right ul a::after {
      width: 10px;
      height: 3px;
      top: calc(50% - 0.5px); } }

.c-arrow::before, .l-fnav a::before, .l-crumb ul li::before, .l-footer-right ul a::before {
  transform: rotate(45deg); }


.c-arrow::after,
.l-fnav a::after,
.l-crumb ul li::after,
.l-footer-right ul a::after {
  transform: rotate(-45deg); }

[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); }

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

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

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

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

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

.mt-150 {
  margin-top: 150px !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; }

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

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

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

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

.mb-150 {
  margin-bottom: 150px !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; }
  .mt-sm-110 {
    margin-top: 110px !important; }
  .mt-sm-120 {
    margin-top: 120px !important; }
  .mt-sm-130 {
    margin-top: 130px !important; }
  .mt-sm-140 {
    margin-top: 140px !important; }
  .mt-sm-150 {
    margin-top: 150px !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; }
  .mb-sm-110 {
    margin-bottom: 110px !important; }
  .mb-sm-120 {
    margin-bottom: 120px !important; }
  .mb-sm-130 {
    margin-bottom: 130px !important; }
  .mb-sm-140 {
    margin-bottom: 140px !important; }
  .mb-sm-150 {
    margin-bottom: 150px !important; } }

.row {
  box-sizing: border-box;
  display: -webkit-box;
  display: -webkit-flex;
  display: -moz-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
  -webkit-flex: 0 1 auto;
  -moz-box-flex: 0;
  -moz-flex: 0 1 auto;
  -ms-flex: 0 1 auto;
  flex: 0 1 auto;
  -webkit-box-direction: normal;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row;
  -moz-flex-direction: row;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-right: -20px;
  margin-left: -20px; }

.row.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: horizontal;
  -webkit-flex-direction: row-reverse;
  -moz-flex-direction: row-reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse; }

.col.reverse {
  -webkit-box-direction: reverse;
  -webkit-box-orient: vertical;
  -webkit-flex-direction: column-reverse;
  -moz-flex-direction: column-reverse;
  -ms-flex-direction: column-reverse;
  flex-direction: column-reverse; }

.col-xs {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: auto;
  -moz-flex-basis: auto;
  -ms-flex-preferred-size: auto;
  flex-basis: auto; }

.col-xs-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 8.3333333333%;
  -moz-flex-basis: 8.3333333333%;
  -ms-flex-preferred-size: 8.3333333333%;
  flex-basis: 8.3333333333%;
  max-width: 8.3333333333%; }

.col-xs-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 16.6666666667%;
  -moz-flex-basis: 16.6666666667%;
  -ms-flex-preferred-size: 16.6666666667%;
  flex-basis: 16.6666666667%;
  max-width: 16.6666666667%; }

.col-xs-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 25%;
  -moz-flex-basis: 25%;
  -ms-flex-preferred-size: 25%;
  flex-basis: 25%;
  max-width: 25%; }

.col-xs-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 33.3333333333%;
  -moz-flex-basis: 33.3333333333%;
  -ms-flex-preferred-size: 33.3333333333%;
  flex-basis: 33.3333333333%;
  max-width: 33.3333333333%; }

.col-xs-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 41.6666666667%;
  -moz-flex-basis: 41.6666666667%;
  -ms-flex-preferred-size: 41.6666666667%;
  flex-basis: 41.6666666667%;
  max-width: 41.6666666667%; }

.col-xs-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 50%;
  -moz-flex-basis: 50%;
  -ms-flex-preferred-size: 50%;
  flex-basis: 50%;
  max-width: 50%; }

.col-xs-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 58.3333333333%;
  -moz-flex-basis: 58.3333333333%;
  -ms-flex-preferred-size: 58.3333333333%;
  flex-basis: 58.3333333333%;
  max-width: 58.3333333333%; }

.col-xs-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 66.6666666667%;
  -moz-flex-basis: 66.6666666667%;
  -ms-flex-preferred-size: 66.6666666667%;
  flex-basis: 66.6666666667%;
  max-width: 66.6666666667%; }

.col-xs-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 75%;
  -moz-flex-basis: 75%;
  -ms-flex-preferred-size: 75%;
  flex-basis: 75%;
  max-width: 75%; }

.col-xs-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 83.3333333333%;
  -moz-flex-basis: 83.3333333333%;
  -ms-flex-preferred-size: 83.3333333333%;
  flex-basis: 83.3333333333%;
  max-width: 83.3333333333%; }

.col-xs-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 91.6666666667%;
  -moz-flex-basis: 91.6666666667%;
  -ms-flex-preferred-size: 91.6666666667%;
  flex-basis: 91.6666666667%;
  max-width: 91.6666666667%; }

.col-xs-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  -webkit-flex-basis: 100%;
  -moz-flex-basis: 100%;
  -ms-flex-preferred-size: 100%;
  flex-basis: 100%;
  max-width: 100%; }

.col-xs-offset-0 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 0; }

.col-xs-offset-1 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 8.3333333333%; }

.col-xs-offset-2 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 16.6666666667%; }

.col-xs-offset-3 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 25%; }

.col-xs-offset-4 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 33.3333333333%; }

.col-xs-offset-5 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 41.6666666667%; }

.col-xs-offset-6 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 50%; }

.col-xs-offset-7 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 58.3333333333%; }

.col-xs-offset-8 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 66.6666666667%; }

.col-xs-offset-9 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 75%; }

.col-xs-offset-10 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 83.3333333333%; }

.col-xs-offset-11 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 91.6666666667%; }

.col-xs-offset-12 {
  box-sizing: border-box;
  -webkit-box-flex: 0;
  -webkit-flex-grow: 0;
  -moz-flex-grow: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -webkit-flex-shrink: 0;
  -moz-flex-shrink: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding-right: 20px;
  padding-left: 20px;
  margin-left: 100%; }

.col-xs {
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
  -moz-flex-grow: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -webkit-flex-basis: 0;
  -moz-flex-basis: 0;
  -ms-flex-preferred-size: 0;
  flex-basis: 0;
  max-width: 100%; }

.start-xs {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  -webkit-justify-content: flex-start;
  -moz-justify-content: flex-start;
  justify-content: flex-start;
  text-align: left; }

.center-xs {
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  justify-content: center;
  text-align: center; }

.end-xs {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  -webkit-justify-content: flex-end;
  -moz-justify-content: flex-end;
  justify-content: flex-end;
  text-align: right; }

.top-xs {
  -webkit-box-align: start;
  -ms-flex-align: start;
  -webkit-align-items: flex-start;
  -moz-align-items: flex-start;
  align-items: flex-start; }

.middle-xs {
  -webkit-box-align: center;
  -ms-flex-align: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  align-items: center; }

.bottom-xs {
  -webkit-box-align: end;
  -ms-flex-align: end;
  -webkit-align-items: flex-end;
  -moz-align-items: flex-end;
  align-items: flex-end; }

.around-xs {
  -ms-flex-pack: distribute;
  -webkit-justify-content: space-around;
  -moz-justify-content: space-around;
  justify-content: space-around; }

.between-xs {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  justify-content: space-between; }

.first-xs {
  order: -1; }

.last-xs {
  order: 1; }

@media only screen and (min-width: 62em) {
  .container {
    width: 768px; }
  .col-sm {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-sm-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-sm-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-sm-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-sm-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-sm-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-sm-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-sm-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-sm-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-sm-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-sm-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-sm-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-sm-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-sm-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 0; }
  .col-sm-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 8.3333333333%; }
  .col-sm-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 16.6666666667%; }
  .col-sm-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 25%; }
  .col-sm-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 33.3333333333%; }
  .col-sm-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 41.6666666667%; }
  .col-sm-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 50%; }
  .col-sm-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 58.3333333333%; }
  .col-sm-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 66.6666666667%; }
  .col-sm-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 75%; }
  .col-sm-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 83.3333333333%; }
  .col-sm-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 91.6666666667%; }
  .col-sm-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 100%; }
  .col-sm {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-sm {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }
  .center-sm {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-sm {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }
  .top-sm {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-sm {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-sm {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-sm {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-sm {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-sm {
    order: -1; }
  .last-sm {
    order: 1; } }

@media only screen and (min-width: 75em) {
  .container {
    width: 1240px; }
  .col-md {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: auto;
    -moz-flex-basis: auto;
    -ms-flex-preferred-size: auto;
    flex-basis: auto; }
  .col-md-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 8.3333333333%;
    -moz-flex-basis: 8.3333333333%;
    -ms-flex-preferred-size: 8.3333333333%;
    flex-basis: 8.3333333333%;
    max-width: 8.3333333333%; }
  .col-md-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 16.6666666667%;
    -moz-flex-basis: 16.6666666667%;
    -ms-flex-preferred-size: 16.6666666667%;
    flex-basis: 16.6666666667%;
    max-width: 16.6666666667%; }
  .col-md-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 25%;
    -moz-flex-basis: 25%;
    -ms-flex-preferred-size: 25%;
    flex-basis: 25%;
    max-width: 25%; }
  .col-md-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 33.3333333333%;
    -moz-flex-basis: 33.3333333333%;
    -ms-flex-preferred-size: 33.3333333333%;
    flex-basis: 33.3333333333%;
    max-width: 33.3333333333%; }
  .col-md-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 41.6666666667%;
    -moz-flex-basis: 41.6666666667%;
    -ms-flex-preferred-size: 41.6666666667%;
    flex-basis: 41.6666666667%;
    max-width: 41.6666666667%; }
  .col-md-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 50%;
    -moz-flex-basis: 50%;
    -ms-flex-preferred-size: 50%;
    flex-basis: 50%;
    max-width: 50%; }
  .col-md-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 58.3333333333%;
    -moz-flex-basis: 58.3333333333%;
    -ms-flex-preferred-size: 58.3333333333%;
    flex-basis: 58.3333333333%;
    max-width: 58.3333333333%; }
  .col-md-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 66.6666666667%;
    -moz-flex-basis: 66.6666666667%;
    -ms-flex-preferred-size: 66.6666666667%;
    flex-basis: 66.6666666667%;
    max-width: 66.6666666667%; }
  .col-md-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 75%;
    -moz-flex-basis: 75%;
    -ms-flex-preferred-size: 75%;
    flex-basis: 75%;
    max-width: 75%; }
  .col-md-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 83.3333333333%;
    -moz-flex-basis: 83.3333333333%;
    -ms-flex-preferred-size: 83.3333333333%;
    flex-basis: 83.3333333333%;
    max-width: 83.3333333333%; }
  .col-md-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 91.6666666667%;
    -moz-flex-basis: 91.6666666667%;
    -ms-flex-preferred-size: 91.6666666667%;
    flex-basis: 91.6666666667%;
    max-width: 91.6666666667%; }
  .col-md-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    -webkit-flex-basis: 100%;
    -moz-flex-basis: 100%;
    -ms-flex-preferred-size: 100%;
    flex-basis: 100%;
    max-width: 100%; }
  .col-md-offset-0 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 0; }
  .col-md-offset-1 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 8.3333333333%; }
  .col-md-offset-2 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 16.6666666667%; }
  .col-md-offset-3 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 25%; }
  .col-md-offset-4 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 33.3333333333%; }
  .col-md-offset-5 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 41.6666666667%; }
  .col-md-offset-6 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 50%; }
  .col-md-offset-7 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 58.3333333333%; }
  .col-md-offset-8 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 66.6666666667%; }
  .col-md-offset-9 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 75%; }
  .col-md-offset-10 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 83.3333333333%; }
  .col-md-offset-11 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 91.6666666667%; }
  .col-md-offset-12 {
    box-sizing: border-box;
    -webkit-box-flex: 0;
    -webkit-flex-grow: 0;
    -moz-flex-grow: 0;
    -ms-flex-positive: 0;
    flex-grow: 0;
    -webkit-flex-shrink: 0;
    -moz-flex-shrink: 0;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    padding-right: 20px;
    padding-left: 20px;
    margin-left: 100%; }
  .col-md {
    -webkit-box-flex: 1;
    -webkit-flex-grow: 1;
    -moz-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    -webkit-flex-basis: 0;
    -moz-flex-basis: 0;
    -ms-flex-preferred-size: 0;
    flex-basis: 0;
    max-width: 100%; }
  .start-md {
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    -webkit-justify-content: flex-start;
    -moz-justify-content: flex-start;
    justify-content: flex-start;
    text-align: left; }
  .center-md {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    -moz-justify-content: center;
    justify-content: center;
    text-align: center; }
  .end-md {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    -moz-justify-content: flex-end;
    justify-content: flex-end;
    text-align: right; }
  .top-md {
    -webkit-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    -moz-align-items: flex-start;
    align-items: flex-start; }
  .middle-md {
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    -moz-align-items: center;
    align-items: center; }
  .bottom-md {
    -webkit-box-align: end;
    -ms-flex-align: end;
    -webkit-align-items: flex-end;
    -moz-align-items: flex-end;
    align-items: flex-end; }
  .around-md {
    -ms-flex-pack: distribute;
    -webkit-justify-content: space-around;
    -moz-justify-content: space-around;
    justify-content: space-around; }
  .between-md {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    -moz-justify-content: space-between;
    justify-content: space-between; }
  .first-md {
    order: -1; }
  .last-md {
    order: 1; } }

.text-hover, .l-gnav > li > a, .l-crumb ul a {
  transition: 0.3s ease-out; }
  .text-hover:hover, .l-gnav > li > a:hover, .l-crumb ul a:hover, .text-hover:focus, .l-gnav > li > a:focus, .l-crumb ul a:focus {
    color: #ca00be; }

.l-header {
  position: fixed;
  width: 100%;
  transition: transform 0.3s;
  z-index: 1111; }
  @media screen and (min-width: 1241px) {
    .l-header {
      display: flex;
      align-items: center;
      height: 120px;
      background-color: rgba(255, 255, 255, 0.8);
      padding: 0 20px 0 20px;
      border-radius: 0 0 20px 20px;
      box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1); } }
  @media screen and (max-width: 1240px) {
    .l-header {
      height: 80px;
      padding: 20px 20px 21px 21px;
      box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
      background-color: rgba(255, 255, 255, 0.8); } }
  @media (min-width: 1490px) {
    .l-header {
      padding: 0 20px 0 30px; } }

@media screen and (min-width: 1241px) {
  .l-header__inner {
    display: flex;
    align-items: flex-start;
    width: 100%; } }

.l-header__logo {
  display: flex;
  align-items: center;
  align-self: center;
  height: 100%;
  margin-bottom: 0; }
  @media screen and (max-width: 1240px) {
    .l-header__logo {
      margin-bottom: 0; } }
  @media screen and (min-width: 1241px) {
    .l-header__logo a:first-child {
      width: 16.4705882353vw; } }
  @media (min-width: 1490px) {
    .l-header__logo a:first-child {
      width: 18.7058823529vw; } }
  @media screen and (max-width: 1240px) {
    .l-header__logo a:first-child {
      width: 205px; } }

@media screen and (max-width: 1240px) {
  .l-nav {
    display: none;
    position: absolute;
    top: 80px;
    left: 0;
    right: 0;
    background-color: #fff;
    padding-top: 45px;
    overflow: auto;
    height: 100vh; } }

@media screen and (min-width: 1241px) {
  .l-nav {
    display: flex;
    margin-left: auto;
    flex-direction: column-reverse; } }

.l-fnav {
  display: none; }
  @media screen and (min-width: 1241px) {
    .l-fnav {
      display: flex;
      margin-left: auto;
      gap: 0 20px;
      margin-top: -10px; } }
  .l-fnav a {
    transition: 0.3s ease-out; }
    @media screen and (min-width: 1241px) {
      .l-fnav a {
        position: relative;
        display: flex;
        align-items: center;
        justify-content: center;
        height: 40px;
        background-color: #9e00b6;
        padding-left: 30px;
        padding-right: 50px;
        letter-spacing: 0;
        color: #fff;
        border-radius: 20px;
        font-size: 14px;
        font-weight: bold; } }
    .l-fnav a:hover, .l-fnav a:focus {
      background-color: #ca00be; }
    .l-fnav a:before, .l-fnav a:after {
      right: 30px; }

.txt-break-01,
.txt-break-02,
.txt-break-03 {
  display: none; }

@media screen and (min-width: 1241px) {
  .l-gnav {
    display: flex;
    margin-left: auto;
    justify-content: flex-end;
    line-height: 1;
    gap: 1.4117647059vw;
    margin-top: 17px;
    flex-wrap: nowrap !important; } }

@media (min-width: 1241px) and (max-width: 1280px) {
  .l-gnav .txt-break-01 {
    display: block; } }

@media (min-width: 1241px) and (max-width: 1200px) {
  .l-gnav .txt-break-02 {
    display: block; } }

@media (min-width: 1241px) and (max-width: 1400px) {
  .l-gnav {
    flex-wrap: wrap;
    margin-left: 30px; } }

@media (min-width: 1401px) {
  .l-gnav {
    margin-right: 30px; } }

@media (min-width: 1490px) {
  .l-gnav {
    gap: 2.0588235294vw; } }

.l-gnav a {
  font-feature-settings: "palt";
  color: #333; }

.l-gnav > li > a {
  font-feature-settings: "palt"; }
  @media screen and (min-width: 1241px) {
    .l-gnav > li > a {
      color: #333;
      font-size: 13px;
      font-weight: bold;
      display: block;
      line-height: 1; } }
  @media (min-width: 1490px) {
    .l-gnav > li > a {
      font-size: 14px; } }
  @media screen and (max-width: 1240px) {
    .l-gnav > li > a {
      display: flex;
      align-items: center;
      height: 55px;
      padding-left: 19px;
      padding-right: 19px;
      border-bottom: 2px solid #ebeff3; } }
  @media screen and (max-width: 1240px) {
    .l-gnav > li > a svg {
      width: 14px;
      height: 11px;
      stroke: #4b1e78;
      margin-left: 10px; } }

.l-gnav li {
  position: relative; }
  @media (min-width: 768px) and (max-width: 1240px) {
    .l-gnav li {
      position: static !important; } }

.c-has-child {
  position: relative;
  display: block;
  padding-right: 1em; }
  .c-has-child.is-open:after {
    transform: rotate(0); }
  .c-has-child:before, .c-has-child:after {
    position: absolute;
    right: 0;
    top: 50%;
    margin-top: -1px;
    display: inline-block;
    width: 10px;
    height: 2px;
    background-color: #e15f8c;
    content: ""; }
    @media screen and (max-width: 1240px) {
      .c-has-child:before, .c-has-child:after {
        right: 19px; } }
  .c-has-child:after {
    transition: 0.3s;
    transform: rotate(90deg); }

.l-crumb ul {
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap; }
  @media screen and (min-width: 1241px) {
    .l-crumb ul {
      padding-left: 30px; } }
  @media screen and (max-width: 1240px) {
    .l-crumb ul {
      padding-left: 10px; } }
  .l-crumb ul li {
    position: relative; }
    @media screen and (min-width: 1241px) {
      .l-crumb ul li {
        padding-right: 14px;
        margin-right: 11px;
        font-size: 12px;
        font-weight: bold; } }
    @media screen and (max-width: 1240px) {
      .l-crumb ul li {
        padding-right: 14px;
        margin-right: 11px;
        font-size: 10px;
        font-weight: bold; } }
    .l-crumb ul li:last-child {
      margin-right: 0;
      padding-right: 0; }
      .l-crumb ul li:last-child:before, .l-crumb ul li:last-child:after {
        display: none; }
    .l-crumb ul li:before, .l-crumb ul li:after {
      width: 0.8em;
      margin-top: 0;
      right: 0;
      background-color: #7ebde0; }
  .l-crumb ul a {
    color: #333;
    font-feature-settings: "palt"; }

.l-nav-toggle {
  position: absolute;
  right: 10px;
  width: 41px;
  height: 40px;
  display: flex;
  flex-direction: column;
  align-items: center;
  top: 18px; }
  @media screen and (min-width: 1241px) {
    .l-nav-toggle {
      display: none; } }
  .l-nav-toggle span {
    position: absolute;
    left: 8px;
    top: calc(50% - 1px);
    width: 25px;
    height: 2px;
    background-color: #572a7c;
    transition: 0.3s; }
    .l-nav-toggle span:nth-child(1) {
      margin-top: -9px; }
    .l-nav-toggle span:nth-child(3) {
      margin-top: 9px; }

.is-kb-nav-open .l-nav-toggle span:nth-child(1) {
  margin-top: 0;
  transform: rotate(45deg); }

.is-kb-nav-open .l-nav-toggle span:nth-child(2) {
  opacity: 0; }

.is-kb-nav-open .l-nav-toggle span:nth-child(3) {
  margin-top: 0;
  transform: rotate(-45deg); }

@media screen and (max-width: 1240px) {
  .is-kb-nav-open .l-nav {
    display: block; } }

@media screen and (min-width: 1241px) {
  .l-header-sub {
    position: absolute;
    padding: 60px 80px 110px 60px;
    border-radius: 20px;
    box-shadow: 0px 5px 10px 0 rgba(0, 0, 0, 0.1);
    background-color: #fff;
    max-width: 90vw;
    display: flex;
    z-index: -1;
    opacity: 0;
    visibility: hidden;
    transform: translateX(-50%);
    align-items: flex-start;
    width: 890px;
    margin-top: 32px;
    top: 0;
    transition: opacity 0.3s ease-out,z-index 0.01s ease-out 0.3s,visibility 0.01s ease-out 0.3s,transform 0.01s ease-out 0.3s; } }

@media screen and (max-width: 1240px) {
  .l-header-sub {
    max-height: 0;
    overflow: hidden;
    background-color: #f6f6f6;
    transition: max-height 0.3s; } }

@media screen and (min-width: 1241px) {
  .l-header-sub.l-header-sub--work {
    width: 690px; } }

@media screen and (min-width: 1241px) {
  .l-header-sub.is-open {
    transition: opacity 0.3s ease-out,z-index 0.01s ease-out,visibility 0.01s ease-out,transform 0.3s ease-out;
    z-index: 10;
    opacity: 1;
    visibility: visible; } }

@media screen and (max-width: 1240px) {
  .l-header-sub.is-open {
    max-height: 1000px; } }

@media screen and (min-width: 1241px) {
  .l-header-sub-inner {
    display: flex;
    align-items: flex-start;
    gap: 80px; } }

.l-header-sub__close {
  display: none; }
  @media screen and (min-width: 1241px) {
    .l-header-sub__close {
      position: absolute;
      bottom: 0;
      left: 0;
      width: 100%;
      height: 50px;
      display: flex;
      align-items: center;
      justify-content: center;
      background-color: #f3f3f3;
      border-radius: 0 0 20px 20px;
      font-size: 16px; } }
  .l-header-sub__close svg {
    margin-right: 6px; }
  .l-header-sub__close:hover, .l-header-sub__close:focus {
    background-color: #f8efef; }

.l-header-sub__title {
  font-size: 24px;
  line-height: 1.33 !important;
  letter-spacing: normal;
  text-align: left;
  white-space: nowrap;
  font-weight: bold; }
  @media screen and (max-width: 1240px) {
    .l-header-sub__title {
      padding-left: 19px;
      padding-right: 19px;
      font-size: 16px;
      height: 55px;
      display: flex;
      align-items: center;
      justify-content: flex-start;
      border-bottom: 2px solid #fff; } }
  .l-header-sub__title svg {
    stroke: #333;
    width: 20px;
    height: 16px;
    margin-left: 10px;
    transition: 0.3s; }
    @media screen and (max-width: 1240px) {
      .l-header-sub__title svg {
        margin-left: 10px;
        width: 14px;
        height: 11px; } }
  .l-header-sub__title:hover, .l-header-sub__title:focus {
    color: #ca00be; }
    .l-header-sub__title:hover svg, .l-header-sub__title:focus svg {
      transform: translateX(10px);
      stroke: #ca00be; }

@media screen and (min-width: 768px) and (max-width: 1240px) {
  .l-header-sub-cont {
    display: flex;
    gap: 0 10px;
    flex-wrap: wrap; } }

@media screen and (min-width: 1241px) {
  .l-header-sub-cont {
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    gap: 20px; } }

@media screen and (min-width: 768px) and (max-width: 1240px) {
  .l-header-sub-cont__item {
    flex-basis: 50% !important;
    max-width: calc(50% - 10px) !important; } }

@media screen and (min-width: 1241px) {
  .l-header-sub-cont__item {
    display: flex;
    align-items: flex-start;
    gap: 40px; } }

@media screen and (max-width: 1240px) {
  .l-header-sub-cont__item {
    padding: 19px;
    width: 100%;
    border-bottom: 2px solid #fff; } }

@media screen and (min-width: 1241px) {
  .c-header-sub-cont__pict {
    max-width: 200px;
    min-width: 200px; } }

@media screen and (max-width: 1240px) {
  .c-header-sub-cont__pict img {
    width: 100%; } }

.c-header-sub-cont__text {
  position: relative;
  padding-right: 60px;
  min-width: 330px;
  max-width: 330px; }
  .c-header-sub-cont__text.pc-on {
    display: block; }
  .c-header-sub-cont__text p {
    margin-bottom: 0;
    font-size: 16px; }

.c-header-sub-pdf__btn {
  display: flex;
  align-items: center;
  margin-top: 10px;
  font-size: 16px; }
  @media screen and (max-width: 1240px) {
    .c-header-sub-pdf__btn {
      line-height: 1;
      padding-top: 20px;
      border-top: 2px solid #efefef; } }
  .c-header-sub-pdf__btn img {
    margin-left: 10px;
    width: 21px; }
    @media screen and (max-width: 1240px) {
      .c-header-sub-pdf__btn img {
        width: 21px; } }
  .c-header-sub-pdf__btn:hover, .c-header-sub-pdf__btn:focus {
    color: #ca00be; }

.c-header-sub-cont__title {
  font-size: 18px !important;
  font-weight: bold;
  margin-bottom: 10px;
  display: block; }
  @media screen and (max-width: 1240px) {
    .c-header-sub-cont__title .icon-arrow-right {
      width: 14px;
      height: 11px;
      margin-left: 10px; } }
  .c-header-sub-cont__title.u-color-green {
    color: #0a7725; }
    @media screen and (max-width: 1240px) {
      .c-header-sub-cont__title.u-color-green .icon-arrow-right {
        stroke: #0a7725; } }
  .c-header-sub-cont__title.u-color-orange {
    color: #c45000; }
    @media screen and (max-width: 1240px) {
      .c-header-sub-cont__title.u-color-orange .icon-arrow-right {
        stroke: #c45000; } }

.c-header-sub-cont__icon {
  position: absolute;
  right: 0;
  top: calc(50% - 25px); }

.c-header-sub-cont__link {
  display: block; }

@media screen and (max-width: 1240px) {
  .c-header-sub-cont__meta {
    margin-top: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    flex-wrap: wrap; } }

@media screen and (max-width: 1240px) {
  .c-header-sub-cont__meta p {
    white-space: nowrap;
    line-height: 1.2; } }

.c-header-sub-cont__courses {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 10px;
  margin-bottom: 10px; }
  @media screen and (max-width: 1240px) {
    .c-header-sub-cont__courses {
      gap: 5px; } }
  .c-header-sub-cont__courses li {
    padding-left: 0.5em;
    padding-right: 0.5em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #d8e2e7;
    font-size: 14px;
    border-radius: 18px;
    height: 33px;
    background-color: #fff; }

@media screen and (min-width: 1241px) {
  .l-header-sub-cont__teachers {
    border-top: 3.5px solid #f8f8f8;
    align-self: flex-start;
    width: 100%;
    margin-top: 20px;
    padding-top: 20px; } }

.l-header-sub-cont__teachers a {
  font-size: 16px;
  text-align: left;
  color: #333;
  display: flex;
  justify-content: flex-start;
  transition: 0.3s; }
  @media screen and (max-width: 1240px) {
    .l-header-sub-cont__teachers a {
      display: flex;
      align-items: center;
      height: 55px;
      padding-left: 19px;
      padding-right: 19px; } }
  .l-header-sub-cont__teachers a svg {
    stroke: #333;
    width: 20px;
    height: 16px;
    margin-left: 10px;
    transition: 0.3s; }
    @media screen and (max-width: 1240px) {
      .l-header-sub-cont__teachers a svg {
        width: 14px;
        height: 11px;
        margin-left: 10px; } }
  .l-header-sub-cont__teachers a:hover, .l-header-sub-cont__teachers a:focus {
    color: #ca00be; }
    .l-header-sub-cont__teachers a:hover svg, .l-header-sub-cont__teachers a:focus svg {
      transform: translateX(10px);
      stroke: #ca00be; }

@media screen and (max-width: 1240px) {
  .is-scroll-down .l-header {
    transform: translateY(-100%); } }

.l-footer {
  overflow: hidden;
  background-color: #f8f8f8; }
  @media screen and (max-width: 767px) {
    .l-footer {
      padding-top: 40px;
      padding-bottom: 40px; } }
  @media screen and (min-width: 768px) {
    .l-footer {
      margin-top: 80px;
      padding-top: 80px;
      padding-bottom: 80px; } }

@media (min-width: 1141px) {
  .l-footer-inner {
    display: flex;
    align-items: center; } }

.l-footer-logo {
  display: flex;
  align-items: center;
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .l-footer-logo {
      width: 197px; } }
  @media screen and (max-width: 767px) {
    .l-footer-logo {
      width: 127px; } }
  .l-footer-logo img {
    display: block; }

@media screen and (min-width: 768px) {
  .l-footer-left {
    display: flex;
    align-items: center;
    gap: 60px; } }

@media screen and (max-width: 767px) {
  .l-footer-left {
    display: flex;
    align-items: center;
    gap: 20px; } }

@media screen and (min-width: 768px) {
  .l-footer-left ul {
    display: flex;
    align-items: center;
    gap: 30px; } }

@media screen and (max-width: 767px) {
  .l-footer-left ul {
    gap: 20px;
    display: flex;
    align-items: center; } }

@media screen and (max-width: 767px) {
  .l-footer-left ul {
    display: flex;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .l-footer-left ul li:first-child {
    max-width: 40px; } }

@media screen and (max-width: 767px) {
  .l-footer-left ul li:first-child {
    max-width: 28px; } }

@media screen and (min-width: 768px) {
  .l-footer-left ul li:last-child {
    max-width: 44px; } }

@media screen and (max-width: 767px) {
  .l-footer-left ul li:last-child {
    max-width: 31px; } }

.l-footer-left ul li a {
  display: block; }
  .l-footer-left ul li a img {
    display: block; }

.l-footer-right {
  margin-left: auto; }
  @media (min-width: 768px) and (max-width: 1440px) {
    .l-footer-right {
      margin-top: 40px; } }
  @media screen and (min-width: 768px) {
    .l-footer-right {
      width: 660px; } }
  @media screen and (max-width: 767px) {
    .l-footer-right ul {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-top: 34px; } }
  @media screen and (min-width: 768px) {
    .l-footer-right ul {
      display: flex;
      align-items: center;
      flex-wrap: wrap;
      gap: 30px 60px; } }
  @media screen and (max-width: 767px) {
    .l-footer-right ul li + li {
      margin-top: 20px; } }
  .l-footer-right ul a {
    display: block;
    padding-right: 14px;
    position: relative;
    color: #333;
    font-size: 16px; }
    @media screen and (max-width: 767px) {
      .l-footer-right ul a {
        font-size: 14px;
        line-height: 1; } }
    @media screen and (min-width: 768px) {
      .l-footer-right ul a {
        white-space: nowrap; } }
    .l-footer-right ul a:before, .l-footer-right ul a:after {
      right: 0;
      background-color: #4a1f7b; }

.l-footer-copyright {
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .l-footer-copyright {
      margin-top: 40px;
      font-size: 10px;
      text-align: center; } }
  @media screen and (min-width: 768px) {
    .l-footer-copyright {
      margin-top: 45px;
      font-size: 10px; } }

.pagetop {
  position: fixed;
  opacity: 0;
  width: 60px;
  height: 60px;
  background: url(/music-teacher/_common/images/btn_page_top.png) 50% 50%/contain no-repeat;
  z-index: 1000;
  pointer-events: none;
  transition: opacity .3s; }
  @media screen and (min-width: 768px) {
    .pagetop {
      bottom: 20px; } }
  @media screen and (max-width: 767px) {
    .pagetop {
      width: 40px;
      height: 40px;
      right: 10px; } }
  .pagetop:hover, .pagetop:focus {
    background: url(/music-teacher/_common/images/btn_page_top_over.png) 50% 50%/contain no-repeat; }

.pagetop.is-visible {
  opacity: 1;
  pointer-events: auto; }

.pagetop-wrap {
  position: relative; }
  @media screen and (min-width: 768px) {
    .pagetop-wrap {
      max-width: 1300px;
      padding-left: 30px;
      padding-right: 30px;
      display: flex;
      justify-content: flex-end;
      margin-left: auto;
      margin-right: auto; } }
  @media (min-width: 768px) and (max-width: 1300px) {
    .pagetop-wrap {
      right: 0; } }

.footer-sp-navs-wrap {
  position: relative;
  z-index: 1100; }
  @media screen and (max-width: 767px) {
    .footer-sp-navs-wrap {
      margin-top: 50px;
      height: 70px;
      padding-bottom: 10px; } }

.l-footer-sp-buttons {
  transform: translateY(0); }
  .l-footer-sp-buttons.is-sticky {
    position: relative !important;
    transform: translateY(0) !important;
    margin-left: -10px !important;
    margin-right: -10px !important;
    padding-left: 0;
    padding-right: 0;
    width: auto;
    transition: none !important; }

.l-footer-sp-buttons {
  position: fixed;
  bottom: 0;
  left: 0;
  display: grid;
  background-color: #fff;
  grid-template-columns: repeat(2, 1fr);
  gap: 5px;
  padding-top: 10px;
  padding-bottom: 10px;
  padding-left: 10px;
  padding-right: 10px;
  width: 100%; }
  .l-footer-sp-buttons a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    height: 50px;
    border-radius: 25px;
    font-weight: bold;
    font-size: 14px;
    font-feature-settings: "palt";
    background-image: linear-gradient(to right, rgba(55, 145, 240, 0.99608) 0%, #9c4be8 100%); }
    .l-footer-sp-buttons a:after {
      position: relative;
      top: -1px;
      display: block;
      width: 8px;
      height: 13px;
      content: "";
      margin-left: 8px;
      background: url(/music-teacher/_common/images/link_icon01.svg) 50% 50%/contain no-repeat; }
  @media screen and (min-width: 768px) {
    .l-footer-sp-buttons {
      display: none; } }

@media screen and (min-width: 768px) {
  .l-footer-sns {
    display: flex;
    align-items: center;
    gap: 0 20px;
    justify-content: flex-end;
    margin-top: 42px; } }

@media screen and (min-width: 768px) {
  .l-footer-sns ul {
    display: flex;
    align-items: center;
    gap: 0 20px;
    justify-content: flex-end; } }

@media screen and (max-width: 767px) {
  .l-footer-sns ul {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 20px;
    margin-top: 35px; } }

@media screen and (max-width: 767px) {
  .l-footer-sns ul:last-child {
    margin-top: 20px;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 20px 16px; } }

.l-footer-sns li a {
  display: flex;
  align-items: center;
  line-height: 1.16;
  color: #333; }
  .l-footer-sns li a img {
    width: 40px;
    height: auto; }
  .l-footer-sns li a span {
    display: block;
    margin-left: 16px; }
    @media screen and (max-width: 767px) {
      .l-footer-sns li a span {
        margin-left: 8px;
        font-size: 12px;
        font-feature-settings: "palt"; } }

@media screen and (max-width: 767px) {
  .l-info-button {
    margin-top: 48px; } }

@media screen and (min-width: 768px) {
  .l-info-button {
    margin-top: 90px; } }

.l-info-button .c-bnr-link {
  margin-left: 0;
  margin-right: 0; }
  @media screen and (max-width: 767px) {
    .l-info-button .c-bnr-link {
      padding-top: 16px;
      padding-bottom: 16px; } }

.l-page-buttons {
  display: flex;
  justify-content: center; }
  @media screen and (max-width: 767px) {
    .l-page-buttons {
      margin-top: 48px;
      gap: 26px;
      flex-direction: column; } }
  @media screen and (min-width: 768px) {
    .l-page-buttons {
      gap: 50px; } }
  @media screen and (max-width: 767px) {
    .l-page-buttons .c-btn-contact {
      margin-top: 0; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .l-page-buttons .c-btn-contact {
      min-width: calc(50% - 25px);
      flex-grow: 1; } }

.c-btn-wrap {
  display: flex; }

.c-btn-pdf {
  display: inline-block;
  padding: 16px 16px;
  border: 1px solid #e6ebed;
  color: #333;
  background-color: #fff;
  line-height: 1.4;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s ease-out; }
  @media screen and (max-width: 767px) {
    .c-btn-pdf {
      font-size: 14px;
      padding-top: 12px;
      border-radius: 40px; } }
  @media screen and (min-width: 768px) {
    .c-btn-pdf {
      padding: 13px 24px 16px;
      border-radius: 50px; } }
  .c-btn-pdf:hover, .c-btn-pdf:focus {
    color: #fff;
    background-color: #ca00be; }
  .c-btn-pdf:after {
    display: inline-block;
    content: "";
    width: 18px;
    min-width: 18px;
    height: 18px;
    margin-left: 4px;
    position: relative;
    top: 0.2em;
    line-height: 1;
    background: url(/music-teacher/_common/images/icon_pdf.png) 50% 50%/contain no-repeat; }
    @media screen and (min-width: 768px) {
      .c-btn-pdf:after {
        width: 20px;
        min-width: 20px;
        height: 21px;
        margin-left: 8px; } }
    @media screen and (min-width: 768px) and (max-width: 1300px) {
      .c-btn-pdf:after {
        width: 1.5384615385vw;
        min-width: 1.5384615385vw;
        height: 1.6153846154vw;
        margin-left: 0.6153846154vw; } }

.c-btn-youtube {
  display: inline-block;
  padding: 16px 16px;
  border: 1px solid #e6ebed;
  color: #333;
  background-color: #fff;
  line-height: 1.4;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  transition: 0.3s ease-out; }
  @media screen and (max-width: 767px) {
    .c-btn-youtube {
      font-size: 14px;
      padding-top: 12px;
      border-radius: 40px; } }
  @media screen and (min-width: 768px) {
    .c-btn-youtube {
      padding: 13px 24px 16px;
      border-radius: 50px; } }
  .c-btn-youtube:hover, .c-btn-youtube:focus {
    color: #fff;
    background-color: #ca00be; }
    .c-btn-youtube:hover svg, .c-btn-youtube:focus svg {
      stroke: #fff; }
  .c-btn-youtube svg {
    display: inline-block;
    content: "";
    width: 12px;
    min-width: 12px;
    height: 18px;
    margin-left: 4px;
    position: relative;
    top: 0.2em;
    line-height: 1;
    stroke: #4b1e78; }
    @media screen and (min-width: 768px) {
      .c-btn-youtube svg {
        width: 12px;
        min-width: 12px;
        height: 18px;
        margin-left: 8px; } }
    @media screen and (min-width: 768px) and (max-width: 1300px) {
      .c-btn-youtube svg {
        width: 1.5384615385vw;
        min-width: 1.5384615385vw;
        height: 1.6153846154vw;
        margin-left: 0.6153846154vw; } }

@media screen and (min-width: 768px) {
  .c-btn-pdf--ln2 {
    display: flex;
    align-items: center; } }

@media screen and (max-width: 767px) {
  .c-btn-pdf--ln2 {
    display: flex;
    align-items: center;
    padding-left: 30px;
    padding-right: 30px; } }

.c-btn-pdf--ln2:after {
  top: 0; }

.c-btn-link {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid #e6ebed;
  color: #333;
  background-color: #fff;
  line-height: 1.4;
  font-feature-settings: "palt";
  border-radius: 40px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  min-height: 80px;
  font-weight: bold;
  transition: 0.3s; }
  @media screen and (max-width: 767px) {
    .c-btn-link {
      display: flex;
      justify-content: center;
      font-size: 16px;
      min-height: 60px; } }
  @media screen and (min-width: 768px) {
    .c-btn-link {
      font-size: 18px;
      padding: 14px 37px; } }
  .c-btn-link .c-icon-circle {
    margin-left: 10px; }
  .c-btn-link:hover, .c-btn-link:focus {
    background-color: #ca00be;
    color: #ffffff; }
    .c-btn-link:hover .c-icon-circle, .c-btn-link:focus .c-icon-circle {
      background-image: none;
      background-color: #ffffff; }
      .c-btn-link:hover .c-icon-circle svg, .c-btn-link:focus .c-icon-circle svg {
        stroke: #4b1e78; }

.c-btn-back,
.c-page-back {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-color: #fff;
  border-radius: 40px;
  color: #333;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-top: 85px;
  padding-left: 44px;
  padding-right: 44px;
  font-size: 18px;
  transition: 0.3s ease-out; }
  @media screen and (max-width: 767px) {
    .c-btn-back,
    .c-page-back {
      margin-top: 60px;
      padding-left: 20px;
      padding-right: 20px;
      line-height: 1.444;
      height: 60px;
      font-size: 16px; } }
  .c-btn-back:hover, .c-btn-back:focus,
  .c-page-back:hover,
  .c-page-back:focus {
    background-color: #ca00be;
    color: #ffffff; }
    .c-btn-back:hover .c-icon-circle, .c-btn-back:focus .c-icon-circle,
    .c-page-back:hover .c-icon-circle,
    .c-page-back:focus .c-icon-circle {
      background-image: none;
      background-color: #ffffff; }
      .c-btn-back:hover .c-icon-circle svg, .c-btn-back:focus .c-icon-circle svg,
      .c-page-back:hover .c-icon-circle svg,
      .c-page-back:focus .c-icon-circle svg {
        stroke: #4b1e78; }

.c-btn-back .c-icon-circle,
.c-page-back .c-icon-circle {
  margin-right: 14px; }
  @media screen and (max-width: 767px) {
    .c-btn-back .c-icon-circle,
    .c-page-back .c-icon-circle {
      margin-right: 6px; } }

.c-btn-back svg,
.c-page-back svg {
  stroke: #fff; }

.c-btn-next {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  background-color: #fff;
  border-radius: 40px;
  color: #333;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  margin-top: 85px;
  padding-left: 44px;
  padding-right: 44px; }

.c-btn-next:after {
  margin-left: 14px;
  width: 50px;
  height: 50px;
  display: block;
  content: "";
  background: url(/music-teacher/_common/images/icon_arrow_circle_right.png) 50% 50%/contain no-repeat; }

@media screen and (min-width: 768px) {
  .c-btn-link--wide {
    position: relative;
    min-width: 408px;
    justify-content: center; } }

@media screen and (min-width: 768px) {
  .c-btn-link--wide .c-icon-circle {
    position: absolute;
    right: 42px; } }

.c-page-next {
  display: flex;
  align-items: center;
  justify-content: center; }
  .c-page-next a {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #333;
    font-weight: bold;
    font-size: 22px;
    margin-top: 30px;
    transition: 0.3s ease-out; }
    @media screen and (min-width: 768px) {
      .c-page-next a:hover, .c-page-next a:focus {
        color: #ca00be; } }
    @media screen and (max-width: 767px) {
      .c-page-next a:hover, .c-page-next a:focus {
        background-color: #ca00be;
        color: #fff; } }
    @media screen and (max-width: 767px) {
      .c-page-next a {
        font-size: 14px;
        height: 50px;
        background-color: #fff;
        border-radius: 40px;
        color: #333;
        font-weight: bold;
        padding: 20px;
        box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
        font-feature-settings: "palt"; } }
    .c-page-next a i {
      margin-left: 14px; }

.c-btn-contact {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: #fff;
  border-radius: 50px;
  color: #333;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.15);
  font-size: 24px;
  transition: 0.3s ease-out; }
  @media screen and (max-width: 767px) {
    .c-btn-contact {
      margin-top: 50px;
      height: 70px;
      min-width: 100%;
      padding-left: 16px;
      padding-right: 16px;
      font-size: 20px; } }
  @media screen and (min-width: 768px) {
    .c-btn-contact {
      margin-top: 85px;
      height: 100px;
      min-width: 450px;
      padding-left: 44px;
      padding-right: 44px; } }
  .c-btn-contact:hover, .c-btn-contact:focus {
    background-color: #ca00be;
    color: #ffffff; }
    .c-btn-contact:hover .c-icon-circle, .c-btn-contact:focus .c-icon-circle {
      background-image: none;
      background-color: #ffffff; }
      .c-btn-contact:hover .c-icon-circle svg, .c-btn-contact:focus .c-icon-circle svg {
        stroke: #4b1e78; }

.c-btn-contact {
  font-feature-settings: "palt"; }
  .c-btn-contact .c-icon-circle {
    position: absolute;
    right: 25px; }

.c-btn-table {
  display: flex;
  align-items: center;
  padding: 14px 16px;
  border: 1px solid #e6ebed;
  color: #333;
  background-color: #fff;
  line-height: 1.4;
  font-feature-settings: "palt";
  border-radius: 40px;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
  min-height: 60px;
  transition: 0.3s; }
  @media screen and (max-width: 767px) {
    .c-btn-table {
      position: relative;
      display: flex;
      justify-content: center;
      font-size: 16px;
      min-height: 60px;
      padding-left: 30px;
      padding-right: 30px; } }
  @media screen and (min-width: 768px) {
    .c-btn-table {
      font-size: 18px;
      padding: 14px 24px; } }
  .c-btn-table .c-icon-circle {
    margin-left: 10px; }
  @media screen and (max-width: 767px) {
    .c-btn-table .icon-arrow-right {
      position: absolute;
      right: 10px; } }
  .c-btn-table .icon {
    stroke: #4b1e78;
    margin-left: 10px; }
  .c-btn-table .icon-arrow-right {
    width: 20px; }
  .c-btn-table .icon-triangle-down {
    width: 10px;
    height: 15px;
    transform: rotate(90deg); }
  .c-btn-table:hover, .c-btn-table:focus {
    background-color: #ca00be;
    color: #ffffff; }
    .c-btn-table:hover svg, .c-btn-table:focus svg {
      stroke: #fff; }

.c-icon-circle {
  border-radius: 50%;
  width: 30px;
  min-width: 30px;
  height: 30px;
  display: flex;
  align-items: center;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .c-icon-circle {
      width: 50px;
      min-width: 50px;
      height: 50px; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .c-icon-circle {
      width: 3.8461538462vw;
      min-width: 3.8461538462vw;
      height: 3.8461538462vw; } }
  .c-icon-circle svg {
    stroke: #ffffff; }

.c-icon-circle--grad {
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 50px;
  width: 50px;
  height: 50px;
  padding: 17px 15px;
  border-radius: 50%;
  background-size: cover;
  background-image: linear-gradient(to right, #3791f0, #9c4be8); }
  @media screen and (max-width: 767px) {
    .c-icon-circle--grad {
      width: 30px;
      height: 30px;
      min-width: 30px;
      padding: 0; } }

.icon-arrow-right,
.icon-arrow-left {
  width: 20px;
  height: 16px; }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .icon-arrow-right,
    .icon-arrow-left {
      width: 1.5384615385vw;
      height: 1.2307692308vw; } }
  @media screen and (max-width: 767px) {
    .icon-arrow-right,
    .icon-arrow-left {
      width: 14px;
      height: 11px; } }

.c-icon-arw {
  display: inline-block;
  width: 20px;
  height: 17px;
  background: url(/music-teacher/_common/images/icon_arrow.png) 50% 50%/contain no-repeat; }
  .c-icon-arw.c-icon-arw--purple {
    background: url(/music-teacher/_common/images/icon_arrow_purple.png) 50% 50%/contain no-repeat; }

.l-pager {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-top: 40px; }
  @media screen and (min-width: 768px) {
    .l-pager {
      padding-left: 20px;
      padding-right: 20px;
      border-radius: 60px;
      margin-top: 60px;
      height: 100px;
      background-color: #fcf9f9; } }

.l-pager-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 300px;
  height: 120px;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.3); }

.c-pager-prev,
.c-pager-next {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 120px;
  height: 50px;
  border-radius: 25px;
  color: #333;
  font-weight: bold;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); }
  @media screen and (min-width: 768px) {
    .c-pager-prev,
    .c-pager-next {
      width: 150px;
      height: 60px;
      background-color: #fff;
      border-radius: 30px; } }

.c-pager-prev:before {
  margin-right: 10px;
  width: 30px;
  height: 30px;
  display: block;
  content: "";
  background: url(/music-teacher/_common/images/icon_chevron_prev.png) 50% 50%/contain no-repeat; }
  @media screen and (min-width: 768px) {
    .c-pager-prev:before {
      margin-right: 14px; } }

.c-pager-next:after {
  margin-left: 10px;
  width: 30px;
  height: 30px;
  display: block;
  content: "";
  background: url(/music-teacher/_common/images/icon_chevron_next.png) 50% 50%/contain no-repeat; }
  @media screen and (min-width: 768px) {
    .c-pager-next:after {
      margin-left: 14px; } }

.c-pager-link {
  display: flex;
  justify-content: center;
  gap: 38px; }
  @media screen and (max-width: 767px) {
    .c-pager-link span {
      display: none; } }
  @media screen and (max-width: 767px) {
    .c-pager-link li {
      display: none; } }
  @media screen and (max-width: 767px) {
    .c-pager-link li.c-pager-link--active {
      display: block; } }
  .c-pager-link li.c-pager-link--active a {
    font-weight: bold; }
    @media screen and (max-width: 767px) {
      .c-pager-link li.c-pager-link--active a {
        display: block; } }
    .c-pager-link li.c-pager-link--active a:after {
      opacity: 1; }
  .c-pager-link a {
    display: block;
    width: 20px;
    text-align: center;
    position: relative;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .c-pager-link a {
        display: none; } }
    .c-pager-link a:after {
      opacity: 0;
      content: "";
      display: block;
      height: 4px;
      border-radius: 2px;
      background-image: linear-gradient(to right, #b591d7 0%, #9a91d7 30%, #7e91d7 73%, #6491d7 100%); }

@media screen and (max-width: 767px) {
  .l-section-mv + .l-section {
    padding-top: 40px; } }

@media screen and (min-width: 768px) {
  .l-section-mv + .l-section {
    padding-top: 100px; } }

@media screen and (max-width: 767px) {
  .l-section-top + .l-section {
    padding-top: 20px;
    padding-bottom: 60px; } }

@media screen and (min-width: 768px) {
  .l-section-top + .l-section {
    padding-top: 79px;
    padding-bottom: 79px; } }

@media screen and (max-width: 767px) {
  .l-section-top + .l-section-ml {
    padding-top: 32vw; } }

@media screen and (min-width: 768px) {
  .l-section-top + .l-section-ml {
    padding-top: 122px;
    padding-bottom: 124px; } }

@media screen and (max-width: 767px) {
  .l-section {
    padding-top: 60px;
    padding-bottom: 60px; } }

@media screen and (min-width: 768px) {
  .l-section {
    padding-top: 130px;
    padding-bottom: 130px; } }

@media screen and (min-width: 768px) {
  .l-section + .l-section:not([class*=u-bg]) {
    padding-top: 0; } }

@media screen and (max-width: 767px) {
  .l-section + .l-section:not([class*=u-bg]) {
    padding-top: 0; } }

@media screen and (min-width: 768px) {
  .l-section[class*=u-bg] + .l-section {
    padding-top: 130px;
    padding-bottom: 130px; } }

@media screen and (max-width: 767px) {
  .l-section[class*=u-bg] + .l-section {
    padding-top: 60px;
    padding-bottom: 60px; } }

.c-section-h2 {
  position: relative; }
  @media screen and (max-width: 767px) {
    .c-section-h2 {
      font-size: 24px;
      line-height: 1.2;
      font-weight: bold;
      color: #333;
      padding-top: 0.45em;
      padding-left: 44px;
      margin-bottom: 1.6em;
      font-feature-settings: "palt"; } }
  @media screen and (min-width: 768px) {
    .c-section-h2 {
      font-size: 40px;
      line-height: 1.2;
      font-weight: bold;
      color: #333;
      padding-top: 30px;
      padding-left: 60px;
      margin-bottom: 1.6em; } }
  .c-section-h2:before {
    position: absolute;
    display: block;
    left: 0;
    bottom: 0;
    content: "";
    width: 38px;
    height: 38px;
    background: url(/music-teacher/_common/images/h2_icon01.png) 50% 50%/contain no-repeat; }
    @media screen and (max-width: 767px) {
      .c-section-h2:before {
        bottom: 0; } }
    @media screen and (min-width: 768px) {
      .c-section-h2:before {
        width: 74px;
        height: 74px; } }

.c-section-h3 {
  font-size: 24px;
  color: #3473b9;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .c-section-h3 {
      font-size: 18px; } }

.c-section-h4 {
  font-size: 20px;
  color: #3473b9;
  font-weight: bold;
  line-height: 1.2;
  margin-top: 1em;
  margin-bottom: 30px; }
  @media screen and (max-width: 767px) {
    .c-section-h4 {
      font-size: 16px; } }

.c-block-header {
  position: relative; }
  @media screen and (max-width: 767px) {
    .c-block-header {
      padding-top: 5px;
      font-size: 20px;
      line-height: 1.2;
      font-weight: bold;
      color: #333;
      padding-left: 44px;
      margin-bottom: 40px;
      margin-top: 50px; } }
  @media screen and (min-width: 768px) {
    .c-block-header {
      font-size: 32px;
      line-height: 1.2;
      font-weight: bold;
      color: #333;
      padding-left: 72px;
      margin-top: 80px;
      padding-bottom: 20px; } }
  .c-block-header:after {
    content: "";
    display: block;
    height: 3px;
    border-radius: 3px;
    background-size: 100% 3px;
    background-image: linear-gradient(to right, rgba(159, 138, 214, 0.99608) 0%, #59c2f0 100%); }
    @media screen and (max-width: 767px) {
      .c-block-header:after {
        margin-left: -45px;
        border-radius: 2px;
        margin-top: 16px; } }
    @media screen and (min-width: 768px) {
      .c-block-header:after {
        margin-top: 16px;
        margin-left: -72px;
        border-radius: 2px; } }
  .c-block-header:before {
    position: absolute;
    display: block;
    left: 0;
    top: -0.1em;
    content: "";
    width: 35px;
    height: 35px;
    background: url(/music-teacher/_common/images/icon_block.png) 50% 50%/35px auto no-repeat; }
    @media screen and (min-width: 768px) {
      .c-block-header:before {
        width: 44px;
        height: 44px;
        left: 10px;
        background: url(/music-teacher/_common/images/icon_block.png) 50% 50%/44px auto no-repeat; } }

@media screen and (max-width: 767px) {
  .l-list-index {
    display: flex;
    flex-direction: column;
    gap: 38px 40px;
    margin-top: 10px; } }

@media screen and (min-width: 768px) {
  .l-list-index {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    margin-bottom: 60px;
    align-items: flex-start; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .l-list-index {
    gap: 4.6153846154vw;
    margin-bottom: 4.6153846154vw; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .l-list-index {
    gap: 30px !important; } }

.c-index-item {
  display: flex;
  align-items: flex-start; }
  @media screen and (min-width: 768px) {
    .c-index-item {
      flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    .c-index-item {
      min-width: 100%;
      flex-wrap: wrap; } }

.c-index-item__desc {
  flex-basis: 100%; }
  @media screen and (min-width: 768px) {
    .c-index-item__desc {
      margin-top: 30px; } }
  @media screen and (max-width: 767px) {
    .c-index-item__desc {
      margin-top: 30px;
      flex-basis: 100%; } }

.c-index-item__title {
  font-size: 18px;
  color: #333;
  font-weight: bold;
  display: flex;
  align-items: center;
  font-feature-settings: "palt";
  margin-bottom: 20px;
  line-height: 1.3; }
  @media screen and (min-width: 768px) {
    .c-index-item__title {
      margin-bottom: 18px;
      font-size: 24px;
      white-space: nowrap; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .c-index-item__title {
      font-size: 1.8461538462vw; } }
  .c-index-item__title i {
    margin-left: 10px; }
    @media screen and (min-width: 768px) {
      .c-index-item__title i {
        font-size: 24px; } }

@media screen and (min-width: 768px) {
  .c-index-item__text {
    padding-right: 10px;
    max-width: clamp(183px, 23.8461538462vw, 310px);
    flex-basis: clamp(183px, 23.8461538462vw, 310px); } }

@media screen and (max-width: 767px) {
  .c-index-item__text {
    min-width: 100%; } }

.c-index-item__pict {
  max-width: 125px; }
  @media screen and (min-width: 768px) {
    .c-index-item__pict {
      max-width: clamp(165px, 21.5384615385vw, 280px);
      flex-basis: clamp(165px, 21.5384615385vw, 280px);
      border-radius: 10px;
      overflow: hidden; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .c-index-item__pict {
      max-width: 20vw;
      flex-basis: 20vw; } }
  @media screen and (max-width: 767px) {
    .c-index-item__pict {
      flex-grow: 1;
      border-radius: 10px;
      overflow: hidden; } }
  .c-index-item__pict:hover img, .c-index-item__pict:focus img {
    transform: scale(1.1); }

.c-index-item__mask {
  display: block;
  padding: 10px; }
  @media screen and (max-width: 767px) {
    .c-index-item__mask {
      padding: 5px; } }
  .c-index-item__mask img {
    height: auto;
    width: 100%;
    transition: 0.2s; }

.c-index-item__courses {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  gap: 5px;
  margin-bottom: 10px; }
  @media screen and (min-width: 768px) {
    .c-index-item__courses {
      gap: 10px;
      margin-bottom: 12px; } }
  @media screen and (max-width: 767px) {
    .c-index-item__courses {
      margin-bottom: 5px; } }
  .c-index-item__courses li {
    padding-left: 0.75em;
    padding-right: 0.75em;
    display: flex;
    align-items: center;
    justify-content: center;
    border: solid 1px #d8e2e7;
    font-weight: bold;
    font-size: 14px;
    border-radius: 18px;
    height: 33px;
    background-color: #fff; }
    @media screen and (min-width: 768px) {
      .c-index-item__courses li {
        padding-left: 0.825em;
        padding-right: 0.825em; } }

@media screen and (max-width: 767px) {
  .c-index-item__btn {
    font-feature-settings: "palt"; } }

@media screen and (min-width: 768px) {
  .c-index-item__btn {
    margin-top: 26px; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .c-index-item__btn {
    margin-top: 3.0769230769vw;
    font-size: 1.2307692308vw; } }

@media screen and (max-width: 767px) {
  .c-index-item__text-body {
    display: flex;
    align-items: flex-start;
    width: 100%;
    gap: 20px; } }

@media screen and (max-width: 767px) {
  .c-index-item__text-body-r {
    margin-left: auto; } }

@media screen and (min-width: 768px) {
  .l-news {
    display: flex;
    align-items: flex-start;
    gap: 60px; } }

@media screen and (min-width: 768px) {
  .l-news-header {
    width: 190px; } }

.l-news-header h2 {
  font-size: 20px;
  line-height: 1;
  font-weight: bold;
  margin-bottom: 40px;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .l-news-header h2 {
      font-size: 32px;
      line-height: 1.38;
      margin-bottom: 30px;
      white-space: nowrap; } }

@media screen and (max-width: 767px) {
  .l-news-header a {
    color: #333; } }

.l-news-header a:hover, .l-news-header a:focus {
  transition: 0.3s; }
  .l-news-header a:hover svg, .l-news-header a:focus svg {
    stroke: #ca00be;
    margin-left: 20px; }

.l-news-header a svg {
  transition: 0.3s;
  stroke: #4b1e78;
  position: relative;
  top: 0.1em;
  margin-left: 10px; }

.l-news-list {
  flex-grow: 1;
  border-top: 1px solid #eddada; }
  @media screen and (min-width: 768px) {
    .l-news-list {
      margin-top: 13px; } }
  @media screen and (max-width: 767px) {
    .l-news-list {
      margin-top: 6px; } }
  .l-news-list li {
    border-bottom: 1px solid #eddada; }
  .l-news-list a:hover, .l-news-list a:focus {
    transition: 0.3s;
    background-color: #ffeeee;
    color: #ca00be; }
    .l-news-list a:hover svg, .l-news-list a:focus svg {
      stroke: #ca00be;
      right: 10px; }
  .l-news-list a, .l-news-list span {
    position: relative;
    display: flex;
    flex-direction: column;
    color: #333;
    padding: 20px;
    transition: 0.3s; }
    @media screen and (min-width: 768px) {
      .l-news-list a, .l-news-list span {
        padding: 21px 75px 21px 24px; } }
    @media screen and (max-width: 767px) {
      .l-news-list a, .l-news-list span {
        line-height: 1.5;
        padding: 25px 55px 25px 20px; } }
    .l-news-list a p, .l-news-list span p {
      margin-bottom: 0; }
      @media screen and (max-width: 767px) {
        .l-news-list a p, .l-news-list span p {
          line-height: 1.5; } }
    .l-news-list a svg, .l-news-list span svg {
      transition: 0.3s;
      position: absolute;
      right: 20px;
      top: 50%;
      content: "";
      display: inline-block;
      width: 20px;
      height: 17px;
      transform: translateY(-50%);
      background: url(/music-teacher/_common/images/icon_arrow_purple.png) 50% 50%/contain no-repeat; }
  .l-news-list time {
    display: block;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .l-news-list time {
        font-size: 16px;
        margin-top: 0.5em;
        margin-bottom: 0.5em; } }
    @media screen and (max-width: 767px) {
      .l-news-list time {
        margin-top: 0.3em;
        margin-bottom: 0.7em; } }

.c-contact-h2 {
  font-size: 26px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 64px; }
  @media screen and (max-width: 767px) {
    .c-contact-h2 {
      margin-bottom: 30px;
      font-size: 22px; } }
  .c-contact-h2:after {
    display: block;
    flex-grow: 1;
    content: "";
    height: 1px;
    background-image: linear-gradient(0deg, rgba(114, 145, 236, 0.99608) 0%, #ffbbd3 100%);
    margin-left: 20px; }

.c-contact-h3 {
  font-size: 18px;
  font-weight: bold;
  display: flex;
  align-items: center;
  margin-bottom: 1.5em;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-contact-h3 {
      margin-top: 55px; } }

@media screen and (max-width: 767px) {
  .c-contact-h2 + .c-contact-h3 {
    margin-top: 0; } }

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

.l-recommends {
  display: grid; }
  @media screen and (max-width: 767px) {
    .l-recommends {
      grid-template-columns: repeat(1, 1fr);
      gap: 20px; } }
  @media screen and (min-width: 768px) {
    .l-recommends {
      grid-template-columns: repeat(3, 1fr);
      gap: 44px;
      margin-top: 100px; } }

.l-recommends-item {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  box-shadow: 0px 0px 20px 0px rgba(6, 58, 87, 0.1);
  width: 100%;
  height: 100px;
  border-radius: 30px;
  background-color: #fff;
  color: #333;
  font-weight: bold;
  transition: 0.3s; }
  @media screen and (max-width: 767px) {
    .l-recommends-item {
      height: 70px;
      flex-direction: row;
      align-items: center;
      justify-content: center; } }
  .l-recommends-item:hover, .l-recommends-item:focus {
    background-color: #ca00be;
    color: #fff; }
  @media screen and (min-width: 768px) {
    .l-recommends-item span {
      font-size: 18px; } }
  @media screen and (max-width: 767px) {
    .l-recommends-item span {
      display: block;
      text-align: left;
      width: 8em; } }
  .l-recommends-item img {
    display: block; }
    @media screen and (max-width: 767px) {
      .l-recommends-item img {
        width: auto;
        height: 39px;
        margin-right: 20px; } }
    @media screen and (min-width: 768px) {
      .l-recommends-item img {
        position: absolute;
        top: -25px;
        width: 50px;
        height: 50px; } }

.l-anchors {
  display: flex; }
  @media screen and (min-width: 768px) {
    .l-anchors {
      gap: 50px;
      align-items: flex-start;
      justify-content: center;
      flex-wrap: wrap; } }
  @media screen and (max-width: 767px) {
    .l-anchors {
      flex-wrap: wrap;
      justify-content: center;
      gap: 20px 13px;
      align-items: stretch; } }
  .l-anchors li {
    position: relative; }
    .l-anchors li a {
      color: #333;
      font-weight: bold;
      font-size: 16px;
      display: block;
      line-height: 1.2;
      padding-bottom: 22px; }
      @media screen and (max-width: 767px) {
        .l-anchors li a {
          height: 100%;
          padding-bottom: 22px;
          font-size: 12px !important;
          display: flex;
          align-items: center;
          text-align: center; } }
      .l-anchors li a .icon-anchor {
        position: absolute;
        display: block;
        bottom: 0;
        border-radius: 2px;
        margin-left: auto;
        margin-right: auto;
        content: "";
        margin-top: auto;
        left: calc(50% - 30px); }
        @media screen and (max-width: 767px) {
          .l-anchors li a .icon-anchor {
            left: calc(50% - 22px); } }

.list-notes {
  margin-top: 1em; }
  .list-notes li {
    text-indent: -1em;
    padding-left: 1em;
    font-size: 14px; }
    .list-notes li .icon-circle-grad {
      position: relative;
      top: 0.2em; }

.c-schedule-img {
  display: block;
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .c-schedule-img {
      margin-top: 30px; } }

@media screen and (max-width: 767px) {
  .c-text-position {
    margin-top: 35px;
    font-weight: bold;
    font-size: 18px; } }

.c-mv {
  position: relative;
  display: block; }

.c-information {
  background-color: #fcecf0;
  border-radius: 10px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #a2116a;
  font-weight: bold;
  padding: 34px 20px;
  line-height: 1.5;
  font-size: 18px;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .c-information {
      margin-top: 52px; } }
  @media screen and (min-width: 768px) {
    .c-information {
      padding: 34px 40px;
      font-size: 20px;
      text-align: center;
      margin-top: 80px;
      margin-bottom: 80px; } }

.c-bnr-link {
  display: flex;
  align-items: center;
  border-radius: 10px;
  padding: 22px 28px;
  background-color: #f8f8f8;
  color: #333;
  margin-bottom: 50px;
  transition: 0.3s; }
  @media screen and (min-width: 768px) {
    .c-bnr-link {
      margin-bottom: 0; } }
  @media screen and (max-width: 767px) {
    .c-bnr-link {
      padding-top: 25px;
      padding-bottom: 25px;
      margin-top: 40px;
      margin-left: 20px;
      margin-right: 20px;
      margin-bottom: 0; } }
  .c-bnr-link i {
    transition: 0.3s;
    margin-left: 10px; }
  .c-bnr-link svg {
    stroke: #4b1e78;
    transition: 0.3s;
    margin-left: 10px; }
  .c-bnr-link:hover, .c-bnr-link:focus {
    background-color: #f8efef; }
    .c-bnr-link:hover svg, .c-bnr-link:focus svg {
      stroke: #ca00be;
      transition: 0.3s;
      margin-left: 20px; }

@media screen and (min-width: 768px) {
  .l-top-about {
    display: flex;
    align-items: flex-start; } }

.l-top-about__pict {
  display: block; }
  @media screen and (max-width: 767px) {
    .l-top-about__pict {
      margin-bottom: 40px;
      min-width: 100%; } }
  @media screen and (min-width: 768px) {
    .l-top-about__pict {
      min-width: 706px;
      margin-right: 78px;
      margin-left: -150px; } }
  @media (min-width: 768px) and (max-width: 1570px) {
    .l-top-about__pict {
      margin-left: -30px;
      margin-right: 3vw;
      min-width: 50%; } }

@media screen and (min-width: 768px) {
  .l-lower-about .l-top-about__pict {
    min-width: 600px;
    margin-left: 0;
    margin-right: 40px; } }

@media (min-width: 768px) and (max-width: 1570px) {
  .l-lower-about .l-top-about__pict {
    margin-left: -0;
    margin-right: 0; } }

@media screen and (max-width: 767px) {
  .l-top-about__title {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 18px;
    letter-spacing: 0.15em; } }

@media screen and (min-width: 768px) {
  .l-top-about__title {
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 1.5em;
    line-height: 1.74;
    letter-spacing: 6.8px;
    text-align: left;
    color: #333;
    margin-top: -0.2em; } }

@media screen and (max-width: 767px) {
  .l-top-about__text h2 {
    font-weight: bold;
    font-size: 22px;
    margin-bottom: 18px;
    letter-spacing: 0.15em; } }

@media screen and (min-width: 768px) {
  .l-top-about__text h2 {
    font-weight: bold;
    font-size: 34px;
    margin-bottom: 1.5em;
    line-height: 1.74;
    letter-spacing: 6.8px;
    text-align: left;
    color: #333;
    margin-top: -0.2em; } }

.l-top-about__text p {
  font-size: 18px;
  line-height: 2.33;
  text-align: left;
  color: #333; }
  @media screen and (max-width: 767px) {
    .l-top-about__text p {
      font-weight: bold;
      font-size: 16px;
      line-height: 2; } }

.l-top-about__text p + p {
  margin-top: 2em; }
  @media screen and (max-width: 767px) {
    .l-top-about__text p + p {
      margin-top: 1.5em; } }

@media screen and (max-width: 767px) {
  .l-top-about__text .c-btn-link {
    width: 100%; } }

@media screen and (min-width: 768px) {
  .l-top-feature {
    display: flex;
    position: relative;
    z-index: 10; } }

@media screen and (min-width: 768px) {
  .l-top-feature .l-top-feature__text {
    flex-basis: 605px; } }

.l-top-feature .l-top-feature__text p {
  line-height: 1.5;
  font-feature-settings: "palt"; }

@media screen and (min-width: 768px) {
  .l-top-feature .l-top-feature__pict {
    margin-top: -10px;
    flex-basis: 550px;
    margin-left: 80px; } }

.l-top-recruitment, .l-lower-recruitment {
  padding: 20px; }
  @media screen and (min-width: 768px) {
    .l-top-recruitment, .l-lower-recruitment {
      display: flex;
      align-items: flex-end;
      border-radius: 40px;
      padding: 40px;
      position: relative;
      top: -44px;
      margin-bottom: -44px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .l-top-recruitment, .l-lower-recruitment {
      margin-top: 40px;
      top: 0;
      margin-bottom: 0;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .l-top-recruitment, .l-lower-recruitment {
      margin-top: 50px;
      border-radius: 20px; } }
  @media screen and (min-width: 768px) {
    .l-top-recruitment .l-top-recruitment__pict, .l-lower-recruitment .l-top-recruitment__pict {
      flex-basis: 450px;
      max-width: 450px;
      margin-right: 35px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .l-top-recruitment .l-top-recruitment__pict, .l-lower-recruitment .l-top-recruitment__pict {
      flex-basis: 45%;
      max-width: 45%;
      margin-right: 20px; } }
  .l-top-recruitment .l-top-recruitment__pict img, .l-lower-recruitment .l-top-recruitment__pict img {
    width: 100%;
    height: auto; }
  .l-top-recruitment .l-top-recruitment__text, .l-lower-recruitment .l-top-recruitment__text {
    font-size: 18px;
    line-height: 1.7;
    font-weight: bold;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 767px) {
      .l-top-recruitment .l-top-recruitment__text, .l-lower-recruitment .l-top-recruitment__text {
        margin-top: 30px; } }
    @media screen and (min-width: 768px) {
      .l-top-recruitment .l-top-recruitment__text, .l-lower-recruitment .l-top-recruitment__text {
        font-size: 20px; } }
  .l-top-recruitment .l-top-recruitment__link, .l-lower-recruitment .l-top-recruitment__link {
    margin-top: 50px;
    position: relative;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 30px;
    background-color: white;
    box-shadow: 0px 0px 20px 0px rgba(6, 58, 87, 0.1);
    padding-top: 10px;
    color: #333;
    transition: 0.3s;
    height: 80px; }
    @media screen and (min-width: 768px) {
      .l-top-recruitment .l-top-recruitment__link, .l-lower-recruitment .l-top-recruitment__link {
        padding-top: 20px;
        height: 90px;
        margin-top: 60px; } }
    .l-top-recruitment .l-top-recruitment__link:hover, .l-lower-recruitment .l-top-recruitment__link:hover, .l-top-recruitment .l-top-recruitment__link:focus, .l-lower-recruitment .l-top-recruitment__link:focus {
      color: #ffffff;
      background-color: #ca00be; }
    .l-top-recruitment .l-top-recruitment__link img, .l-lower-recruitment .l-top-recruitment__link img {
      width: 43px;
      top: 0;
      left: 50%;
      transform: translate(-50%, -50%);
      position: absolute; }
      @media screen and (min-width: 768px) {
        .l-top-recruitment .l-top-recruitment__link img, .l-lower-recruitment .l-top-recruitment__link img {
          width: 62px; } }

@media screen and (min-width: 768px) {
  .l-top-voice__text {
    position: relative;
    z-index: 10;
    margin-left: auto;
    width: 720px;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 80px 80px 0;
    background-color: #fff;
    margin-top: -390px;
    border-radius: 30px; } }

@media screen and (max-width: 767px) {
  .l-top-voice__text {
    position: relative;
    z-index: 10;
    margin-left: auto;
    display: flex;
    align-items: flex-start;
    flex-direction: column;
    padding: 50px 40px 40px;
    background-color: #fff;
    margin-top: -82px;
    border-radius: 30px; } }

.l-top-voice__text p {
  line-height: 1.5;
  font-feature-settings: "palt"; }

@media screen and (min-width: 768px) {
  .l-top-voice__text .c-section-h2 {
    margin-bottom: 74px; } }

@media screen and (min-width: 768px) {
  .l-top-voice__text .c-section-h3 {
    margin-bottom: 44px; } }

.l-top-support {
  z-index: 10; }
  @media screen and (min-width: 768px) {
    .l-top-support {
      display: flex;
      position: relative;
      align-items: flex-end; } }
  @media screen and (min-width: 768px) {
    .l-top-support .l-top-support__text {
      flex-basis: 700px; } }
  .l-top-support .l-top-support__text p {
    line-height: 1.5;
    font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .l-top-support .l-top-support__pict {
      margin-right: -30px;
      min-width: 530px;
      max-width: 530px;
      margin-left: 60px; } }

@media screen and (min-width: 768px) {
  .c-home_support_pic01 {
    width: 220px;
    margin-left: auto; } }

@media screen and (max-width: 767px) {
  .c-home_support_pic01 {
    display: flex;
    flex-direction: row-reverse;
    gap: 20px; } }

@media screen and (max-width: 767px) {
  .c-home_support_pic01 img {
    width: 90px; } }

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

@media screen and (min-width: 768px) {
  .l-top-support__btn {
    margin-top: 45px;
    display: flex;
    align-items: flex-start; } }

.c-home_support_pic01 {
  display: flex;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .c-home_support_pic01 {
      margin-bottom: 20px; } }

@media screen and (max-width: 767px) {
  .l-top__subheader {
    display: flex;
    align-items: center;
    gap: 10px;
    padding-top: 10px;
    margin-bottom: 24px; } }

@media screen and (min-width: 768px) {
  .l-top__subheader .c-section-h3 {
    margin-bottom: 40px; } }

@media screen and (max-width: 767px) {
  .l-top__subheader .c-section-h3 {
    padding-top: 20px;
    font-size: 18px;
    line-height: 1.44; } }

@media screen and (max-width: 767px) {
  .l-top__subheader img {
    width: 190px; } }

.splide__track {
  position: relative; }

.l-section-mv {
  position: relative;
  overflow: hidden; }
  @media screen and (min-width: 768px) {
    .l-section-mv {
      width: 100%;
      height: auto;
      aspect-ratio: 1440 / 784; } }
  @media screen and (max-width: 767px) {
    .l-section-mv {
      width: 100%;
      height: auto;
      aspect-ratio: 414 / 685; } }
  .l-section-mv.is-initialized {
    overflow: visible;
    aspect-ratio: auto; }

@media screen and (min-width: 768px) {
  .c-top-lead {
    display: flex;
    align-items: center;
    gap: 40px; } }

@media screen and (max-width: 767px) {
  .c-top-lead {
    display: block; } }

.c-top-lead__text {
  display: flex;
  flex-direction: column;
  align-items: center;
  font-size: 30px;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-top-lead__text {
      font-size: clamp(24px, 6.4vw, 41px);
      margin-bottom: 20px; } }
  .c-top-lead__text p {
    white-space: nowrap;
    margin-bottom: 0; }
    @media screen and (max-width: 767px) {
      .c-top-lead__text p {
        padding-top: 60px;
        padding-bottom: 60px; } }
  .c-top-lead__text span {
    color: #4b1e78; }
  @media screen and (max-width: 767px) {
    .c-top-lead__text .bg_lead_top,
    .c-top-lead__text .bg_lead_btm {
      width: 125px;
      height: 50px;
      display: block; } }
  @media screen and (min-width: 768px) {
    .c-top-lead__text .bg_lead_top img,
    .c-top-lead__text .bg_lead_btm img {
      width: 382px;
      min-width: 382px; } }
  @media screen and (max-width: 767px) {
    .c-top-lead__text .bg_lead_top {
      position: absolute;
      left: -10px;
      top: 10px;
      margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .c-top-lead__text .bg_lead_btm {
      position: absolute;
      right: -10px;
      bottom: 10px;
      margin-left: auto; } }

.c-top-lead__pict {
  flex-grow: 1; }
  .c-top-lead__pict .c-movie-16by9 {
    flex-grow: 1;
    width: 100%;
    max-width: none; }

.mv_text {
  position: absolute;
  z-index: 16; }
  @media screen and (min-width: 768px) {
    .mv_text {
      display: flex;
      justify-content: center;
      flex-direction: column;
      align-items: center;
      background: url(/music-teacher/images/mv_text.png) 50% 0/100% 100% no-repeat;
      left: 102px;
      bottom: 45px;
      width: 526px;
      height: 250px;
      padding-top: 60px; } }
  @media screen and (max-width: 767px) {
    .mv_text {
      background: url(/music-teacher/images/mv_text_sp.png) 50% 0/100% 100% no-repeat;
      left: 0;
      bottom: 45px;
      width: 100%;
      height: 155px;
      padding-left: 20px;
      padding-top: 24px; } }
  .mv_text dl {
    position: relative;
    padding-left: 30px;
    padding-top: 10px;
    min-width: 300px; }
    @media screen and (min-width: 768px) {
      .mv_text dl {
        height: 69px; } }
    @media screen and (max-width: 767px) {
      .mv_text dl {
        padding-top: 5px;
        padding-left: 20px; } }
    .mv_text dl:before {
      top: 0;
      left: 0;
      display: block;
      content: "";
      border-radius: 5px;
      background-color: #2ca8ff;
      position: absolute;
      width: 10px;
      height: 69px; }
      @media screen and (max-width: 767px) {
        .mv_text dl:before {
          width: 5px;
          height: 50px; } }
    .mv_text dl dt {
      font-weight: 900;
      font-size: 18px;
      line-height: 1;
      margin-bottom: 8px; }
      @media screen and (max-width: 767px) {
        .mv_text dl dt {
          font-size: clamp(17px, 4.5333333333vw, 29px); } }
    .mv_text dl dd {
      font-weight: 900;
      font-size: 28px;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .mv_text dl dd {
          font-size: clamp(21px, 5.6vw, 36px); } }

.mv-h1 {
  position: absolute;
  z-index: 16;
  padding: 40px 50px;
  line-height: 1; }
  @media screen and (min-width: 768px) {
    .mv-h1 {
      top: 120px;
      font-size: 26px;
      font-weight: bold; } }
  @media screen and (max-width: 767px) {
    .mv-h1 {
      text-align: center;
      margin: 10px;
      top: 80px;
      font-size: 18px;
      background-color: rgba(255, 255, 255, 0.8);
      font-weight: bold;
      padding: 10px;
      border-radius: 10px;
      font-feature-settings: "palt";
      letter-spacing: -0.05em;
      width: calc(100% - 20px);
      height: 57px;
      display: flex;
      align-items: center;
      justify-content: center; } }

@media screen and (min-width: 768px) {
  .l-lower {
    padding-top: 136px; } }

@media screen and (max-width: 767px) {
  .l-lower {
    padding-top: 86px; } }

.l-page-header {
  display: flex;
  align-items: center;
  justify-content: center; }

.l-page-header--inst {
  display: flex;
  align-items: center;
  justify-content: center; }

.c-page-header {
  font-size: 46px;
  text-align: center;
  font-weight: bold;
  line-height: 1; }
  .c-page-header small {
    display: block;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-page-header small {
        font-size: 20px; } }
    @media screen and (min-width: 768px) {
      .c-page-header small {
        margin-top: 30px;
        font-size: 20px; } }
  @media screen and (max-width: 767px) {
    .c-page-header {
      padding-top: 50px;
      font-size: 28px;
      padding-bottom: 50px; } }
  @media screen and (min-width: 768px) {
    .c-page-header {
      margin-top: 70px;
      padding-bottom: 82px; } }
  @media screen and (min-width: 768px) {
    .c-page-header.c-page-header--inst {
      margin-top: 52px;
      padding-top: 0; } }
  .c-page-header:not(.c-page-header--inst):after {
    display: block;
    content: "";
    width: 50px;
    height: 5px;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    background: url(/music-teacher/_common/images/icon_bar.png) 50% 50%/contain no-repeat; }
    @media screen and (min-width: 768px) {
      .c-page-header:not(.c-page-header--inst):after {
        margin-top: 40px;
        width: 80px;
        height: 7px; } }
  @media screen and (max-width: 767px) {
    .c-page-header.c-page-header--ml small, .c-page-header.c-page-header--kids small {
      margin-top: 15px; } }
  .c-page-header.c-page-header--ml small {
    color: #c45000; }
  .c-page-header.c-page-header--kids small {
    color: #0a7725; }
  .c-page-header.c-page-header--ml:after {
    background-image: url(/music-teacher/_common/images/icon_bar_orange.png); }
  .c-page-header.c-page-header--kids:after {
    background-image: url(/music-teacher/_common/images/icon_bar_green.png); }

.c-page-header--inst {
  padding-top: 50px;
  font-size: 36px; }
  @media screen and (max-width: 767px) {
    .c-page-header--inst {
      padding-top: 44px;
      font-size: 28px; } }
  .c-page-header--inst img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
    width: 100px; }
    @media screen and (max-width: 767px) {
      .c-page-header--inst img {
        width: 80px;
        margin-bottom: 16px; } }
  .c-page-header--inst small {
    display: block;
    text-align: center;
    margin-top: 0.5em; }
    @media screen and (max-width: 767px) {
      .c-page-header--inst small {
        margin-top: 0.4em; } }

.l-typetest-header .l-typetest-header__title {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  line-height: 1;
  margin-top: 50px; }
  .l-typetest-header .l-typetest-header__title:before {
    margin-right: 15px;
    display: block;
    content: "";
    width: 30px;
    height: 11px;
    background: url(/music-teacher/_common/images/icon_bars.png) 0 50%/30px 11px no-repeat; }
  .l-typetest-header .l-typetest-header__title:after {
    margin-left: 15px;
    display: block;
    content: "";
    width: 30px;
    height: 11px;
    background: url(/music-teacher/_common/images/icon_bars.png) 0 50%/30px 11px no-repeat; }

.l-typetest-header p {
  line-height: 1.5;
  margin-bottom: 0; }

.c-page-header--typetest {
  padding-top: 0;
  font-size: 36px;
  text-align: center;
  font-weight: bold;
  line-height: 2; }
  @media screen and (max-width: 767px) {
    .c-page-header--typetest {
      font-size: 22px;
      font-feature-settings: "palt"; } }
  .c-page-header--typetest img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 28px; }
    @media screen and (max-width: 767px) {
      .c-page-header--typetest img {
        width: 80px;
        margin-bottom: 16px; } }
  .c-page-header--typetest small {
    display: block;
    text-align: center; }
    @media screen and (max-width: 767px) {
      .c-page-header--typetest small {
        margin-top: 0.4em;
        margin-bottom: 1em; } }
    @media screen and (min-width: 768px) {
      .c-page-header--typetest small {
        margin-bottom: 1em; } }

.c-page-lead {
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .c-page-lead {
      font-size: 16px;
      margin-bottom: 3em; } }
  @media screen and (max-width: 767px) {
    .c-page-lead {
      font-feature-settings: "palt"; } }

@media screen and (min-width: 768px) {
  .l-exam-outline {
    margin-top: 30px;
    display: flex;
    justify-content: center; } }

@media screen and (max-width: 767px) {
  .l-exam-outline {
    margin-top: 28px;
    margin-left: -20px;
    margin-right: -20px; } }

.c-exam-outline__item {
  background-color: #f5f3f8;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-direction: column;
  padding: 60px 40px 40px;
  border-radius: 20px;
  position: relative;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .c-exam-outline__item {
      min-width: 25%;
      max-width: 25%; } }
  @media screen and (max-width: 767px) {
    .c-exam-outline__item {
      padding: 50px 20px 40px; } }
  .c-exam-outline__item:nth-child(2n) {
    background-color: #fff; }
    @media screen and (max-width: 767px) {
      .c-exam-outline__item:nth-child(2n) {
        margin-top: 60px;
        margin-bottom: 20px; } }
  .c-exam-outline__item dl {
    width: 100%; }
    .c-exam-outline__item dl dt {
      margin-bottom: 1em; }
      @media screen and (min-width: 768px) {
        .c-exam-outline__item dl dt {
          font-size: 16px; } }
    .c-exam-outline__item dl dd {
      line-height: 1.5; }
      @media screen and (min-width: 768px) {
        .c-exam-outline__item dl dd {
          font-size: 16px;
          line-height: 1.5; } }
  .c-exam-outline__item dl + dl {
    margin-top: 28px;
    padding-top: 28px;
    border-top: 1px solid #e4e0ec; }
    @media screen and (max-width: 767px) {
      .c-exam-outline__item dl + dl {
        margin-top: 24px;
        padding-top: 24px; } }
  .c-exam-outline__item .c-list-disc {
    margin-top: 12px; }
    @media screen and (max-width: 767px) {
      .c-exam-outline__item .c-list-disc {
        margin-top: 12px; } }

.c-exam-outline__icon {
  position: absolute;
  top: -33px;
  align-self: center; }
  @media screen and (max-width: 767px) {
    .c-exam-outline__icon {
      top: -26px;
      width: 52px;
      height: auto; } }

.c-exam-outline__list {
  position: absolute;
  top: -33px;
  align-self: center; }

.c-exam-outline__title {
  font-size: 26px;
  font-weight: bold;
  margin-bottom: 40px;
  align-self: center;
  line-height: 1; }
  @media screen and (max-width: 767px) {
    .c-exam-outline__title {
      font-size: 22px;
      margin-bottom: 22px; } }

.c-exam-outline__dots {
  color: #a094b1;
  display: inline-block;
  margin-left: 0.4em;
  margin-right: 0.4em; }

.c-list-disc {
  margin-top: 40px;
  margin-bottom: 40px; }
  .c-list-disc li {
    position: relative;
    padding-left: 20px;
    line-height: 1.3;
    margin-bottom: 0.7em; }
    .c-list-disc li:last-child {
      margin-bottom: 0; }
    .c-list-disc li:before {
      position: absolute;
      top: 0.35em;
      left: 0;
      display: block;
      content: "";
      width: 12px;
      height: 12px;
      background-color: #776493;
      border-radius: 50%; }

.c-lead-lower {
  text-align: center;
  margin-bottom: 80px;
  font-weight: bold; }

@media screen and (max-width: 767px) {
  .l-txt-pct {
    display: flex;
    flex-direction: column;
    gap: 20px; } }

@media screen and (min-width: 768px) {
  .l-txt-pct {
    display: flex;
    gap: 70px;
    align-items: flex-start; } }

@media screen and (min-width: 768px) {
  .l-txt-pct__pct {
    flex-basis: 500px;
    min-width: 500px; } }

.c-table-schedule {
  border-radius: 30px;
  overflow: hidden; }
  .c-table-schedule table {
    width: 100%; }
    .c-table-schedule table tr:last-child th, .c-table-schedule table tr:last-child td {
      border-bottom: none; }
    .c-table-schedule table th {
      background-color: #efefef;
      text-align: center;
      font-weight: bold;
      padding: 1em;
      border-bottom: 1px solid #fff; }
    .c-table-schedule table td {
      background-color: #f8f8f8;
      border-bottom: 1px solid #fff;
      padding: 1em;
      font-weight: bold; }

.c-table-notes {
  margin-top: 0.5em; }

.c-list-ordered {
  list-style-type: decimal;
  list-style-position: inside; }
  .c-list-ordered li::marker {
    color: #3473b9;
    font-weight: bold; }

.l-list-instruments {
  display: grid;
  margin-top: 60px; }
  @media screen and (max-width: 767px) {
    .l-list-instruments {
      gap: 20px 20px;
      grid-template-columns: repeat(2, 1fr); } }
  @media screen and (min-width: 1025px) {
    .l-list-instruments {
      gap: clamp(28px, 3.6153846154vw, 47px) clamp(34px, 4.3846153846vw, 57px);
      grid-template-columns: repeat(5, 1fr); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .l-list-instruments {
      grid-template-columns: repeat(4, 1fr);
      gap: 20px 20px !important; } }
  .l-list-instruments li {
    border-radius: 10px;
    background-color: white;
    box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1);
    width: 100%;
    aspect-ratio: 1 / 1; }
    .l-list-instruments li a {
      width: 100%;
      aspect-ratio: 1 / 1;
      display: flex;
      align-items: center;
      flex-direction: column;
      justify-content: center;
      color: #333; }
      .l-list-instruments li a:hover img, .l-list-instruments li a:focus img {
        transform: scale(1.1); }
      .l-list-instruments li a span {
        margin-top: 12px;
        text-align: center;
        height: 3em;
        display: flex;
        align-items: center;
        line-height: 1.5; }
        @media screen and (max-width: 767px) {
          .l-list-instruments li a span {
            margin-top: 0;
            font-size: 16px;
            font-feature-settings: "palt"; } }
      .l-list-instruments li a img {
        transition: 0.3s; }
        @media screen and (max-width: 767px) {
          .l-list-instruments li a img {
            width: 81px; } }
        @media screen and (min-width: 768px) {
          .l-list-instruments li a img {
            width: 100px; } }

.c-list-prefs {
  display: flex; }
  .c-list-prefs li {
    display: flex;
    align-items: center;
    justify-content: flex-start;
    margin-bottom: 10px; }
    .c-list-prefs li span {
      padding-top: 1px;
      display: flex;
      align-items: center;
      justify-content: center;
      width: 60px;
      height: 30px;
      border-radius: 5px;
      border: 1px solid #000;
      margin-right: 15px;
      font-size: 14px; }

.c-accordion__header {
  font-weight: bold;
  font-size: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid #333;
  margin-bottom: 20px; }

.c-accordion__header--green {
  color: #0a7725;
  border-bottom-color: #0a7725; }

.c-accordion__header--purple {
  color: #865bc7;
  border-bottom-color: #865bc7; }

.c-exam-header {
  font-size: 26px;
  position: relative;
  color: #0a7725;
  line-height: 1.2;
  padding-top: 15px;
  font-weight: bold;
  min-height: 60px;
  margin-bottom: 40px; }
  @media screen and (max-width: 767px) {
    .c-exam-header {
      display: flex;
      align-items: center;
      padding-left: 0;
      font-size: 20px;
      margin-bottom: 20px; } }
  .c-exam-header i {
    top: 0;
    left: 0;
    position: absolute;
    width: 60px;
    height: 60px;
    background-color: #0a7725;
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    font-style: normal;
    border-radius: 50%; }
    @media screen and (max-width: 767px) {
      .c-exam-header i {
        position: relative;
        min-width: 40px;
        width: 40px;
        height: 40px;
        font-size: 18px;
        margin-right: 12px; } }

.c-exam-header--purple {
  color: #865bc7; }
  .c-exam-header--purple i {
    background-color: #865bc7; }

.l-exam-flow li {
  position: relative;
  border-radius: 40px;
  padding: 5px;
  background-image: linear-gradient(to right, #88d994 0%, #c2e0b9 100%); }
  @media screen and (max-width: 767px) {
    .l-exam-flow li {
      border-radius: 30px; } }
  .l-exam-flow li + li {
    margin-top: 78px; }
    .l-exam-flow li + li:before {
      top: -50px;
      left: calc(50% - 45px);
      position: absolute;
      display: block;
      width: 90px;
      height: 28px;
      content: "";
      background: url(/music-teacher/recruitment/sys/images/arrow-green.png) 50% 50%/100% 100% no-repeat; }

.l-exam-flow--purple li {
  background-image: linear-gradient(to right, #b494d9 0%, #e8bcdb 100%); }
  .l-exam-flow--purple li + li:before {
    background: url(/music-teacher/recruitment/sys/images/arrow-purple.png) 50% 50%/100% 100% no-repeat; }

.l-exam-flow__item {
  padding: 60px;
  border-radius: 35px;
  background-color: #fff; }
  @media screen and (max-width: 767px) {
    .l-exam-flow__item {
      padding: 25px;
      border-radius: 25px; } }
  .l-exam-flow__item h5 {
    position: relative;
    font-size: 24px;
    background-color: #f2faf3;
    line-height: 1.2;
    font-weight: bold;
    padding-top: 15px;
    padding-bottom: 15px;
    padding-left: 30px;
    border-radius: 5px; }
    @media screen and (max-width: 767px) {
      .l-exam-flow__item h5 {
        font-size: 18px;
        padding-top: 19px;
        padding-bottom: 19px; } }
    .l-exam-flow__item h5:before {
      display: block;
      position: absolute;
      left: 0;
      width: 7px;
      height: 40px;
      border-radius: 0 4px 4px 0;
      top: calc(50% - 20px);
      content: "";
      background-color: #67b773; }
      @media screen and (max-width: 767px) {
        .l-exam-flow__item h5:before {
          width: 7px;
          height: 35px;
          top: calc(50% - 17.5px); } }

.l-exam-flow__item--purple h5 {
  background-color: #fbf8ff; }
  .l-exam-flow__item--purple h5:before {
    background-color: #b494d9; }

.c-instruments-kinds {
  display: flex;
  align-items: flex-start; }
  .c-instruments-kinds dt {
    font-weight: bold;
    width: 5em;
    min-width: 5em;
    white-space: nowrap; }

.c-schedule-info {
  font-weight: bold; }
  .c-schedule-info a {
    text-decoration: underline; }

.c-del {
  background-image: linear-gradient(#CC0000, #CC0000);
  background-position: 0 40%;
  background-size: 100% 4px;
  background-repeat: repeat-x;
  text-decoration: none; }

@media screen and (min-width: 768px) {
  .l-list-data {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 60px;
    padding-top: 10px; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .l-list-data {
    gap: 4.6153846154vw; } }

@media screen and (max-width: 767px) {
  .l-list-data {
    display: flex;
    flex-direction: column;
    gap: 40px 0; } }

@media screen and (min-width: 768px) {
  .c-data-item {
    display: flex;
    align-items: flex-start;
    gap: 40px; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .c-data-item {
    gap: 3.0769230769vw; } }

@media screen and (max-width: 767px) {
  .c-data-item {
    display: flex;
    align-items: flex-start;
    flex-wrap: wrap;
    gap: 20px; } }

@media screen and (max-width: 767px) {
  .c-data-item__title {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-feature-settings: "palt";
    white-space: nowrap;
    margin-bottom: 0;
    min-width: 100%; } }

@media screen and (min-width: 768px) {
  .c-data-item__title {
    font-size: 24px;
    color: #333;
    font-weight: bold;
    display: flex;
    align-items: center;
    font-feature-settings: "palt";
    margin-bottom: 30px;
    line-height: 1.3;
    margin-top: 0.5em; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .c-data-item__title {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .c-data-item__text {
    max-width: 56.75%; } }

@media screen and (min-width: 768px) {
  .c-data-item__pict {
    max-width: 280px; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .c-data-item__pict {
    max-width: 18.4615384615vw; } }

@media screen and (max-width: 767px) {
  .c-data-item__pict {
    max-width: calc(43.25% - 20px); } }

.c-data-item__btn-list {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .c-data-item__btn-list .c-btn-pdf {
    font-feature-settings: normal; }
    @media screen and (min-width: 768px) {
      .c-data-item__btn-list .c-btn-pdf {
        padding-top: 14px;
        padding-bottom: 18px;
        font-size: 16px; } }
    @media screen and (max-width: 767px) {
      .c-data-item__btn-list .c-btn-pdf {
        font-feature-settings: "palt";
        white-space: nowrap;
        padding: 14px;
        letter-spacing: -0.02em; } }
    @media screen and (min-width: 768px) {
      .c-data-item__btn-list .c-btn-pdf:after {
        top: 0.25em; } }
  .c-data-item__btn-list .c-btn-pdf + .c-btn-pdf {
    margin-top: 16px; }

.c-types-lead {
  text-align: center;
  color: #333333;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-types-lead {
      font-size: 16px;
      text-align: left;
      margin-bottom: 50px; } }
  @media screen and (min-width: 768px) {
    .c-types-lead {
      font-size: 18px;
      margin-top: 60px;
      margin-bottom: 80px; } }

.l-types {
  display: grid;
  gap: 60px 70px;
  grid-template-columns: repeat(2, 1fr); }
  @media screen and (max-width: 767px) {
    .l-types {
      grid-template-columns: repeat(1, 1fr);
      gap: 40px; } }

.c-types-item__title {
  display: block;
  margin-bottom: 20px;
  margin-left: 55px;
  border-radius: 60px 60px 60px 5px;
  padding: 5px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .c-types-item__title {
      margin-bottom: 16px;
      margin-left: 20px;
      margin-right: -10px;
      border-radius: 40px 40px 40px 5px; } }
  .c-types-item__title img {
    margin-left: 10px; }
  .c-types-item__title span {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 36px 36px;
    border-radius: 55px 55px 55px 0;
    background-color: #fff;
    color: #333;
    font-weight: bold;
    font-size: 22px; }
    @media screen and (max-width: 767px) {
      .c-types-item__title span {
        font-size: 16px;
        padding: 26px 26px;
        border-radius: 35px 35px 35px 5px; } }

.c-types-item__title--grad-blue-pink {
  background: linear-gradient(to right, #89d8f0 0%, #e2b2c8 100%); }

.c-types-item__title--grad-orange-pink {
  background: linear-gradient(to right, #f5c85c 0%, #ffd1e2 100%); }

.c-types-item__title--grad-pink-purple {
  background: linear-gradient(to right, #efc3d1 0%, #6a87c5 100%); }

.c-types-item__title--grad-purple-yellow {
  background: linear-gradient(to right, #a7a6df 0%, #e5de5a 100%); }

.c-types-item__title--grad-yellow-green {
  background: linear-gradient(to right, #dfd966 0%, #91c29b 100%); }

.c-schedule-pict {
  display: block;
  margin-top: 70px; }
  @media screen and (max-width: 767px) {
    .c-schedule-pict {
      margin-top: 35px; } }

@media screen and (max-width: 767px) {
  .c-support-lead {
    margin-top: 55px; } }

@media screen and (min-width: 768px) {
  .c-support-lead {
    display: flex;
    margin-top: 120px;
    gap: 40px;
    align-items: center; } }

@media screen and (min-width: 768px) {
  .c-support-lead + .c-support-lead {
    margin-top: 0; } }

@media screen and (max-width: 767px) {
  .c-support-lead + .c-support-lead {
    margin-top: 0; } }

@media screen and (min-width: 768px) {
  .c-support-lead__pict {
    min-width: 600px;
    flex-basis: 600px; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .c-support-lead__pict {
    min-width: 46.1538461538vw;
    flex-basis: 46.1538461538vw; } }

.c-support-lead__pict p {
  color: #294a80;
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 1em;
  line-height: 1.44; }
  @media screen and (max-width: 767px) {
    .c-support-lead__pict p {
      margin-bottom: 0.8em; } }

.c-support-lead__text {
  margin-bottom: 0; }
  @media screen and (min-width: 768px) {
    .c-support-lead__text {
      font-size: 16px;
      line-height: 1.5; } }
  @media screen and (max-width: 767px) {
    .c-support-lead__text {
      margin-top: 0.7em;
      line-height: 1.5; } }

@media screen and (min-width: 768px) {
  .c-section-h2 + .c-support-h3 {
    margin-top: 80px; } }

.c-support-h3 {
  position: relative;
  color: #5d2889;
  font-weight: bold;
  padding-left: 40px;
  line-height: 1;
  background: url(/music-teacher/support/images/support_icon01.png) 0 0/30px auto no-repeat; }
  @media screen and (min-width: 768px) {
    .c-support-h3 {
      padding-bottom: 20px;
      margin-bottom: 60px;
      font-size: 32px;
      padding-left: 40px; } }
  @media screen and (max-width: 767px) {
    .c-support-h3 {
      padding-top: 0.2em;
      padding-bottom: 12px;
      font-size: 22px;
      background-size: 20px auto;
      background-position: 0 5px;
      padding-left: 30px; } }
  .c-support-h3:after {
    position: absolute;
    left: 0;
    right: 0;
    bottom: 0;
    display: block;
    height: 3px;
    border-radius: 3px;
    background-color: #f3a9d0;
    content: ""; }

.c-support-h3--after {
  color: #175a1c; }
  @media screen and (min-width: 768px) {
    .c-support-h3--after {
      margin-top: 80px;
      background: url(/music-teacher/support/images/support_icon02.png) 0 0/30px auto no-repeat; } }
  @media screen and (max-width: 767px) {
    .c-support-h3--after {
      margin-top: 60px;
      background: url(/music-teacher/support/images/support_icon02.png) 0 5px/20px auto no-repeat; } }
  .c-support-h3--after:after {
    background-color: #8bb77d; }

@media screen and (max-width: 767px) {
  .c-support-h3 + .c-contract-01 {
    margin-top: 30px; } }

@media screen and (max-width: 767px) {
  .c-contract-01 {
    margin-top: 40px;
    display: flex;
    flex-direction: column;
    gap: 20px; } }

@media screen and (min-width: 768px) {
  .c-contract-01 {
    display: flex;
    flex-direction: row-reverse;
    align-items: flex-start;
    gap: 40px; } }

@media screen and (min-width: 768px) {
  .c-contract-01 + .c-contract-01 {
    margin-top: 110px; } }

@media screen and (min-width: 768px) {
  .c-contract-01__text {
    flex-basis: 31.5%; } }

.c-contract-01__pict {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 20px; }
  @media screen and (min-width: 768px) {
    .c-contract-01__pict {
      gap: 40px;
      flex-basis: 66.6%; } }

.c-contract-01__contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  .c-contract-01__contents dt {
    background-color: #fce6f6;
    line-height: 1;
    border-radius: 10px;
    padding: 0.575em 0.75em;
    font-size: 16px;
    width: 72px;
    height: 35px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .c-contract-01__contents dt {
        padding-top: 0.575em;
        width: 72px;
        height: 35px; } }
  @media screen and (max-width: 767px) {
    .c-contract-01__contents dd {
      margin-top: 16px; } }
  @media screen and (min-width: 768px) {
    .c-contract-01__contents dd {
      margin-top: 16px; } }
  .c-contract-01__contents dd li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.5;
    font-feature-settings: "palt";
    margin-bottom: 0.5em; }
    @media screen and (min-width: 768px) {
      .c-contract-01__contents dd li {
        margin-bottom: 0.7em; } }
    .c-contract-01__contents dd li:last-child {
      margin-bottom: 0; }
    .c-contract-01__contents dd li:before {
      left: 0;
      position: absolute;
      background-color: #dc89b4;
      display: block;
      content: "";
      width: 10px;
      height: 10px;
      top: 0.6em;
      border-radius: 50%; }

.c-contract-02__title {
  font-size: 24px;
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1.2;
  margin-bottom: 25px; }
  @media screen and (max-width: 767px) {
    .c-contract-02__title {
      font-size: 18px;
      margin-bottom: 25px;
      margin-top: 40px; } }
  .c-contract-02__title:after {
    margin-left: 20px;
    display: block;
    content: "";
    width: 60px;
    height: 3px;
    background-color: #8bb77d;
    border-radius: 3px; }

@media screen and (max-width: 767px) {
  .c-contract-02 {
    margin-top: 24px;
    display: flex;
    flex-direction: column;
    gap: 20px; } }

@media screen and (min-width: 768px) {
  .c-contract-02 {
    display: flex;
    align-items: flex-start;
    gap: 40px; } }

@media screen and (min-width: 768px) {
  .c-contract-02 + .c-contract-02,
  .c-contract-02 + .c-contract-02__title {
    margin-top: 58px; } }

.c-contract-02__text {
  flex-basis: 50%; }
  .c-contract-02__text p {
    font-size: 16px;
    margin-bottom: 20px;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 767px) {
      .c-contract-02__text p {
        margin-bottom: 16px;
        line-height: 1.5; } }
  @media screen and (max-width: 767px) {
    .c-contract-02__text *:last-child {
      margin-bottom: 0; } }

.c-contract-02__pict {
  flex-basis: 50%; }

.c-contract-02__contents {
  display: flex;
  flex-direction: column;
  align-items: flex-start; }
  @media screen and (max-width: 767px) {
    .c-contract-02__contents {
      margin-top: 10px; } }
  .c-contract-02__contents dt {
    background-color: #e9f6e5;
    line-height: 1;
    border-radius: 10px;
    padding: 0.575em 0.75em;
    font-size: 16px;
    width: 72px;
    height: 35px;
    text-align: center; }
    @media screen and (min-width: 768px) {
      .c-contract-02__contents dt {
        padding-top: 0.575em;
        width: 72px;
        height: 35px; } }
  .c-contract-02__contents dd {
    margin-top: 20px; }
    .c-contract-02__contents dd small {
      display: block;
      font-size: 14px;
      margin-top: 1.5em; }
    .c-contract-02__contents dd li {
      position: relative;
      padding-left: 20px;
      font-size: 16px;
      font-feature-settings: "palt";
      line-height: 1.2; }
      .c-contract-02__contents dd li + li {
        margin-top: 1em; }
      .c-contract-02__contents dd li small {
        display: block;
        font-size: 14px;
        margin-top: 0.2em; }
      .c-contract-02__contents dd li:before {
        left: 0;
        position: absolute;
        background-color: #8bb77d;
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        top: 0.25em;
        border-radius: 50%; }

.c-voice {
  margin-top: 60px;
  background-color: #f8efef; }
  @media screen and (min-width: 768px) {
    .c-voice {
      margin-top: 60px;
      border-radius: 30px;
      padding: 40px; } }
  @media screen and (max-width: 767px) {
    .c-voice {
      margin-left: -20px;
      margin-right: -20px;
      border-radius: 20px;
      padding: 40px 20px 40px; } }

.c-voice__title {
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1; }
  @media screen and (min-width: 768px) {
    .c-voice__title {
      font-size: 24px;
      margin-bottom: 36px; } }
  @media screen and (max-width: 767px) {
    .c-voice__title {
      font-size: 18px;
      margin-bottom: 20px; } }
  .c-voice__title img {
    display: block;
    width: 52px;
    height: 36px;
    margin-right: 10px; }
    @media screen and (max-width: 767px) {
      .c-voice__title img {
        width: 36px;
        height: 25px; } }

@media screen and (min-width: 768px) {
  .c-testimonials {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px; } }

@media screen and (max-width: 767px) {
  .c-testimonials {
    display: grid;
    grid-template-columns: repeat(1, 1fr);
    gap: 50px; } }

.c-testimonial__title {
  display: flex;
  align-items: center;
  font-weight: bold;
  line-height: 1.44; }
  @media screen and (min-width: 768px) {
    .c-testimonial__title {
      font-size: 22px; } }
  @media screen and (max-width: 767px) {
    .c-testimonial__title {
      font-size: 16px; } }
  @media screen and (min-width: 768px) {
    .c-testimonial__title span {
      display: block;
      margin-top: 18px; } }
  .c-testimonial__title img {
    display: block;
    height: auto; }
    @media screen and (min-width: 768px) {
      .c-testimonial__title img {
        width: 74px;
        margin-right: 20px;
        margin-left: 40px; } }
    @media screen and (max-width: 767px) {
      .c-testimonial__title img {
        width: 59px;
        margin-right: 20px;
        margin-left: 15px; } }

.c-testimonial__text {
  background-color: #fff;
  border-radius: 10px; }
  @media screen and (min-width: 768px) {
    .c-testimonial__text + .c-testimonial__text {
      margin-top: 20px; } }
  @media screen and (max-width: 767px) {
    .c-testimonial__text + .c-testimonial__text {
      margin-top: 20px; } }
  @media screen and (min-width: 768px) {
    .c-testimonial__text {
      padding: 35px 40px 36px; } }
  @media screen and (max-width: 767px) {
    .c-testimonial__text {
      padding: 20px; } }
  .c-testimonial__text p {
    font-size: 16px;
    font-feature-settings: "palt";
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .c-testimonial__text p {
        margin-bottom: 0; } }
    .c-testimonial__text p .c-testimonial__name {
      margin-bottom: 0;
      line-height: 1; }
      @media screen and (min-width: 768px) {
        .c-testimonial__text p .c-testimonial__name {
          margin-top: 2em;
          font-size: 14px; } }
      .c-testimonial__text p .c-testimonial__name:after {
        display: inline-block;
        content: "／";
        color: #dc89b4;
        margin-left: 16px; }

.l-tabs {
  display: grid;
  grid-template-columns: repeat(2, 1fr); }
  @media screen and (min-width: 768px) {
    .l-tabs {
      gap: 40px;
      margin-top: -18px; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .l-tabs {
      gap: 3.0769230769vw; } }
  @media screen and (max-width: 767px) {
    .l-tabs {
      gap: 15px;
      padding-top: 10px; } }

.c-tab {
  font-size: 24px;
  line-height: 1;
  padding-bottom: 25px;
  background: url(/music-teacher/support/images/bg_tab.png) 0 100%/100% auto no-repeat; }
  @media screen and (max-width: 767px) {
    .c-tab {
      line-height: 1.44;
      padding-bottom: 20px;
      background: url(/music-teacher/support/images/bg_tab_sp.png) 0 100%/100% auto no-repeat; } }
  .c-tab span {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    min-height: 60px;
    transition: 0.3s;
    margin-bottom: 20px; }
    @media screen and (max-width: 767px) {
      .c-tab span {
        height: auto;
        font-size: 18px;
        margin-bottom: 4px; } }
  .c-tab small {
    display: block;
    text-align: center;
    margin-top: 0.5em; }

.c-tab--active {
  font-weight: bold; }

.c-tab--kids:hover span, .c-tab--kids:focus span {
  background-color: #f1f8eb;
  color: #0a7725; }

.c-tab--kids.c-tab--active {
  color: #0a7725;
  background: url(/music-teacher/support/images/bg_tab_kids_active.png) 0 100%/100% auto no-repeat; }
  .c-tab--kids.c-tab--active span {
    background-color: transparent !important; }
  @media screen and (max-width: 767px) {
    .c-tab--kids.c-tab--active {
      background: url(/music-teacher/support/images/bg_tab_kids_sp_active.png) 0 100%/100% auto no-repeat; } }

.c-tab--lesson:hover span, .c-tab--lesson:focus span {
  background-color: #f8f6eb;
  color: #d58c00;
  font-weight: bold; }

.c-tab--lesson.c-tab--active {
  color: #d58c00;
  background: url(/music-teacher/support/images/bg_tab_lesson_active.png) 0 100%/100% auto no-repeat; }
  @media screen and (max-width: 767px) {
    .c-tab--lesson.c-tab--active {
      background: url(/music-teacher/support/images/bg_tab_lesson_sp_active.png) 0 100%/100% auto no-repeat; } }

@media screen and (max-width: 767px) {
  .c-period__lead {
    margin-top: 40px; } }

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

.c-period {
  display: flex;
  gap: 40px;
  margin-top: 50px; }
  @media screen and (max-width: 767px) {
    .c-period {
      display: block;
      margin-top: 40px; } }
  @media screen and (min-width: 768px) {
    .c-period {
      gap: 40px; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .c-period {
      gap: 3.0769230769vw; } }
  @media screen and (max-width: 767px) {
    .c-period + .c-period {
      margin-top: 24px; } }
  @media screen and (max-width: 767px) {
    .c-period:last-child .icon-triangle-flow-sp {
      display: none; } }

@media screen and (max-width: 767px) {
  .c-period--after .icon-triangle-flow-sp {
    fill: #c45000; } }

@media screen and (min-width: 768px) {
  .c-period__pict {
    min-width: 500px;
    max-width: 500px; } }

@media screen and (min-width: 768px) and (max-width: 1300px) {
  .c-period__pict {
    min-width: 38.4615384615vw;
    max-width: 38.4615384615vw; } }

@media screen and (max-width: 767px) {
  .c-period__pict {
    min-width: 100%;
    max-width: 100%;
    margin-top: 40px; } }

.c-period__body {
  display: flex; }
  @media screen and (min-width: 768px) {
    .c-period__body {
      gap: 40px; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .c-period__body {
      gap: 3.0769230769vw; } }
  @media screen and (max-width: 767px) {
    .c-period__body {
      min-width: 100%;
      max-width: 100%; } }

.c-period__time {
  gap: 5px; }
  @media screen and (min-width: 768px) {
    .c-period__time {
      display: flex; } }
  .c-period__time.c-period__time--end .c-period__time-item {
    background: none !important; }

.c-period__time-item {
  position: relative;
  line-height: 1.2; }
  @media screen and (min-width: 768px) {
    .c-period__time-item {
      min-width: 115px;
      max-width: 115px; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .c-period__time-item {
      min-width: 8.8461538462vw;
      max-width: 8.8461538462vw; } }
  @media screen and (max-width: 767px) {
    .c-period__time-item {
      position: absolute;
      min-width: 85px;
      max-width: 85px; } }
  .c-period__time-item .icon-triangle-flow {
    left: 0;
    fill: #0a7725;
    width: 100%;
    aspect-ratio: 115 / 190; }
    @media screen and (min-width: 768px) {
      .c-period__time-item .icon-triangle-flow {
        margin-top: 30px; } }
    @media screen and (min-width: 768px) and (max-width: 1300px) {
      .c-period__time-item .icon-triangle-flow {
        margin-top: 2.3076923077vw; } }
    @media screen and (max-width: 767px) {
      .c-period__time-item .icon-triangle-flow {
        display: none; } }
  .c-period__time-item span {
    font-weight: bold;
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    min-width: 100%;
    background: #0a7725;
    border-radius: 30px; }
    @media screen and (min-width: 768px) {
      .c-period__time-item span {
        height: 60px; } }
    @media screen and (min-width: 768px) and (max-width: 1300px) {
      .c-period__time-item span {
        height: 4.6153846154vw; } }
    @media screen and (max-width: 767px) {
      .c-period__time-item span {
        height: 50px;
        font-size: 14px;
        font-feature-settings: "palt"; } }
  .c-period__time-item p {
    text-align: center;
    margin-bottom: 10px;
    line-height: 1;
    font-weight: bold;
    color: #0a7725; }
    @media screen and (min-width: 768px) {
      .c-period__time-item p {
        font-size: 18px; } }
    @media screen and (min-width: 768px) and (max-width: 1300px) {
      .c-period__time-item p {
        font-size: 16px; } }

.icon-triangle-flow-sp {
  fill: #0a7725;
  width: 28px;
  height: 18px; }
  @media screen and (min-width: 768px) {
    .icon-triangle-flow-sp {
      display: none; } }
  @media screen and (max-width: 767px) {
    .icon-triangle-flow-sp {
      margin-top: 24px;
      display: block;
      margin-left: auto;
      margin-right: auto; } }

.c-period--ml .c-period__text h3 {
  color: #c45000; }

.c-period--ml .c-period__time-item .icon-triangle-flow {
  fill: #c45000; }

.c-period--ml .c-period__time-item span {
  background: #c45000; }

.c-period--ml .c-period__time-item p {
  color: #c45000; }

.c-period--ml .icon-triangle-flow-sp {
  fill: #c45000; }

@media screen and (max-width: 767px) {
  .c-period__time-item--l {
    min-width: 60px;
    max-width: 60px; } }

.c-period__time-item--l span {
  border-radius: 30px 10px 10px 30px; }

@media screen and (max-width: 767px) {
  .c-period__time-item--r {
    margin-left: 65px;
    min-width: 60px;
    max-width: 60px; } }

.c-period__time-item--r span {
  border-radius: 10px 30px 30px 10px; }

.c-period__text h3 {
  font-weight: bold;
  color: #0a7725;
  margin-top: 12px;
  margin-bottom: 32px;
  line-height: 1.2; }
  @media screen and (min-width: 768px) {
    .c-period__text h3 {
      font-size: 32px; } }
  @media screen and (min-width: 768px) and (max-width: 1300px) {
    .c-period__text h3 {
      font-size: 2.4615384615vw; } }
  @media screen and (max-width: 767px) {
    .c-period__text h3 {
      margin-top: 15px;
      margin-left: 95px; } }

.c-period__text p {
  font-size: 16px;
  margin-bottom: 1.25em; }
  @media screen and (max-width: 767px) {
    .c-period__text p {
      line-height: 1.5;
      font-feature-settings: "palt"; } }

.c-period__text ul {
  margin-bottom: 1.25em; }
  .c-period__text ul li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    font-feature-settings: "palt";
    line-height: 1.2; }
    .c-period__text ul li + li {
      margin-top: 1em; }
    .c-period__text ul li small {
      display: block;
      font-size: 14px;
      margin-top: 0.2em; }
    .c-period__text ul li:before {
      left: 0;
      position: absolute;
      background-color: #0a7725;
      display: block;
      content: "";
      width: 10px;
      height: 10px;
      top: 0.25em;
      border-radius: 50%; }

.c-period__text *:last-child {
  margin-bottom: 0; }

@media screen and (max-width: 767px) {
  .c-period--after .c-period__body {
    display: block; } }

.c-period--after .c-period__text h3 {
  color: #c45000; }
  @media screen and (max-width: 767px) {
    .c-period--after .c-period__text h3 {
      margin-left: 135px;
      font-size: 20px;
      min-height: 66px;
      display: flex;
      align-items: center;
      padding-top: 12px;
      margin-bottom: 16px; } }

.c-period--after .c-period__text {
  padding-left: 10px; }

.c-period--after ul li:before {
  background-color: #c45000; }

.c-period--after .c-period__time-item p {
  color: #c45000; }
  @media screen and (max-width: 767px) {
    .c-period--after .c-period__time-item p {
      font-size: 11px;
      margin-bottom: 5px; } }

.c-period--after .c-period__time-item span {
  background: #c45000; }

.c-period--after .c-period__time-item svg {
  fill: #c45000; }

.l-partnership {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 0.531fr 1fr;
  gap: 2vw;
  align-items: flex-start;
  margin-top: 70px; }
  @media screen and (max-width: 767px) {
    .l-partnership {
      grid-template-columns: 1fr 1fr; } }

.c-partnership-teacher__title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-image: linear-gradient(to right, #617bb7 0%, #da6288 100%);
  height: clamp(59px, 7.6923076923vw, 100px);
  font-size: clamp(14px, 1.8461538462vw, 24px);
  font-weight: bold;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .c-partnership-teacher__title {
      border-radius: 50px; } }
  @media screen and (max-width: 767px) {
    .c-partnership-teacher__title {
      height: 100px;
      font-size: 16px;
      line-height: 1.4;
      text-align: center; } }

.c-partnership-ymf__title {
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
  background-image: linear-gradient(to right, #1494b1 0%, #52a514 100%);
  height: clamp(59px, 7.6923076923vw, 100px);
  font-size: clamp(14px, 1.8461538462vw, 24px);
  font-weight: bold;
  position: relative;
  z-index: 2; }
  @media screen and (min-width: 768px) {
    .c-partnership-ymf__title {
      border-radius: 50px; } }
  @media screen and (max-width: 767px) {
    .c-partnership-ymf__title {
      height: 100px;
      font-size: 16px;
      line-height: 1.4;
      text-align: center; } }

.c-partnership-teacher,
.c-partnership-ymf {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  flex-grow: 1;
  position: relative; }
  @media screen and (min-width: 768px) {
    .c-partnership-teacher,
    .c-partnership-ymf {
      gap: 37px 0; } }

.c-partnership-teacher__arrow {
  position: absolute;
  left: calc(50% - 6px);
  z-index: 1;
  width: 13px;
  height: 230px; }
  @media screen and (min-width: 768px) {
    .c-partnership-teacher__arrow {
      bottom: clamp(53px, 6.9230769231vw, 90px); } }
  @media screen and (max-width: 767px) {
    .c-partnership-teacher__arrow {
      top: 100px; } }

.c-partnership-ymf__arrow {
  position: absolute;
  left: calc(50% - 3px);
  z-index: 1;
  width: 3px;
  height: 86px; }
  @media screen and (min-width: 768px) {
    .c-partnership-ymf__arrow {
      top: clamp(59px, 7.6923076923vw, 100px); } }
  @media screen and (max-width: 767px) {
    .c-partnership-ymf__arrow {
      top: 100px; } }

.c-partnership-img {
  max-width: 250px; }
  @media screen and (max-width: 767px) {
    .c-partnership-img {
      position: absolute;
      max-width: 152px;
      left: 50%;
      top: 80px;
      transform: translateX(-50%);
      z-index: 10; } }

.c-contract-graph {
  display: block; }

.c-partnership-teacher__text,
.c-partnership-ymf__text {
  border-style: solid;
  border-width: 3px;
  border-color: #c6adce;
  border-radius: 10px;
  background-color: #fff;
  position: relative;
  z-index: 2;
  padding: clamp(12px, 1.6153846154vw, 21px) clamp(18px, 2.3076923077vw, 30px);
  line-height: 1.5;
  margin-bottom: 0;
  min-height: 145px;
  display: flex;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .c-partnership-teacher__text,
    .c-partnership-ymf__text {
      border-radius: 10px; } }
  @media screen and (max-width: 767px) {
    .c-partnership-teacher__text,
    .c-partnership-ymf__text {
      border-radius: 5px;
      font-size: 14px;
      margin-top: 92px;
      padding: 14px 10px; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-partnership-teacher__text,
    .c-partnership-ymf__text {
      font-size: 14px; } }

.c-partnership-ymf__text {
  border-color: #9bdab5; }

.c-partnership-teacher__text2 {
  border-radius: 5px;
  position: relative;
  height: 79px;
  z-index: 155;
  background-color: #edc2d1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 20px;
  font-weight: bold;
  margin-bottom: 0; }
  @media screen and (max-width: 767px) {
    .c-partnership-teacher__text2 {
      border-radius: 5px;
      font-size: 16px;
      height: 50px;
      margin-top: 20px; } }

.c-contract-img {
  display: flex;
  align-items: center;
  justify-content: center;
  border-style: solid;
  border-width: 3px;
  border-color: #eff5fc;
  border-radius: 40px;
  padding-top: 58px;
  padding-bottom: 58px;
  margin-top: 40px; }
  @media screen and (max-width: 767px) {
    .c-contract-img {
      padding: 30px;
      margin-top: 40px; } }
  .c-contract-img img {
    display: block;
    width: 864px;
    height: auto; }

.c-movie {
  margin-top: 60px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
  gap: 48px 58px; }
  .c-movie iframe {
    width: 100%; }

.l-nav-local {
  display: flex;
  justify-content: center;
  margin-top: 25px; }
  @media screen and (max-width: 767px) {
    .l-nav-local {
      margin-bottom: 55px; } }
  @media screen and (min-width: 768px) {
    .l-nav-local {
      margin-top: 80px; } }
  .l-nav-local ul {
    display: flex;
    justify-content: center;
    gap: 50px; }
    @media screen and (max-width: 767px) {
      .l-nav-local ul {
        flex-wrap: wrap;
        gap: 20px;
        align-items: flex-end; } }
    .l-nav-local ul a {
      position: relative;
      color: #333;
      font-weight: bold;
      line-height: 1; }
      @media screen and (max-width: 767px) {
        .l-nav-local ul a {
          font-size: 10px;
          display: flex;
          flex-direction: column;
          align-items: center;
          text-align: center;
          line-height: 1.3;
          padding-bottom: 12px;
          height: calc(2.6em + 10px); } }
      .l-nav-local ul a:after {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: 62px;
        height: 5px;
        content: "";
        margin-top: 8px;
        background-color: #58dad8;
        border-radius: 3px; }
        @media screen and (max-width: 767px) {
          .l-nav-local ul a:after {
            position: absolute;
            min-width: 48px;
            max-width: 48px;
            height: 3px;
            bottom: 2px; } }
      .l-nav-local ul a:before {
        content: "";
        position: absolute;
        bottom: -5px;
        display: block;
        left: 50%;
        width: 0;
        height: 0;
        margin-left: -6px;
        border-style: solid;
        border-width: 8px 6px 0px 6px;
        border-color: #58dad8 transparent transparent transparent; }
        @media screen and (max-width: 767px) {
          .l-nav-local ul a:before {
            bottom: -4px;
            border-width: 6px 4px 0px 4px; } }

.l-lesson-types {
  display: none; }
  @media screen and (max-width: 767px) {
    .l-lesson-types {
      grid-template-columns: repeat(1, 1fr);
      gap: 50px 0;
      border-radius: 20px;
      padding: 30px 25px;
      border: 4px solid #d6e7f9; } }
  @media screen and (min-width: 768px) {
    .l-lesson-types {
      grid-template-columns: repeat(2, 1fr);
      gap: 40px;
      border-radius: 20px;
      padding: 54px 40px 40px;
      border: 5px solid #d6e7f9; } }
  .l-lesson-types.is-active {
    display: grid; }

@media screen and (max-width: 767px) {
  .l-lesson-types--ml {
    grid-template-columns: repeat(1, 1fr); } }

@media screen and (min-width: 768px) {
  .l-lesson-types--ml {
    grid-template-columns: repeat(3, 1fr); } }

@media screen and (min-width: 768px) {
  .c-lesson-item {
    border-radius: 20px; } }

.c-lesson-item h3 {
  color: #333;
  text-align: center;
  font-weight: bold;
  line-height: 1.2; }
  @media screen and (max-width: 767px) {
    .c-lesson-item h3 {
      font-size: 18px;
      margin-bottom: 24px; } }
  @media screen and (min-width: 768px) {
    .c-lesson-item h3 {
      font-size: 26px;
      margin-bottom: 36px; } }

.c-lesson-item img {
  width: 100%;
  height: auto; }

.c-lesson-item figcaption {
  font-feature-settings: "palt";
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-lesson-item figcaption {
      margin-top: 16px; } }
  @media screen and (min-width: 768px) {
    .c-lesson-item figcaption {
      padding: 30px 40px 0; } }

.l-flow {
  margin-top: 110px; }
  @media screen and (max-width: 767px) {
    .l-flow {
      margin-top: 0;
      margin-left: 20px; } }
  @media screen and (max-width: 767px) {
    .l-flow.l-flow-nophoto {
      margin-left: 0; } }

.c-flow {
  position: relative; }
  @media screen and (min-width: 768px) {
    .c-flow {
      margin-left: 100px;
      min-height: 230px; } }
  @media screen and (max-width: 767px) {
    .c-flow.c-flow--nophoto {
      margin-left: 20px; } }
  @media screen and (max-width: 767px) {
    .c-flow.c-flow--nophoto .c-flow__title {
      padding-left: 60px;
      font-size: 20px;
      text-align: left;
      line-height: 1.4;
      margin-bottom: 20px;
      min-height: 2.5em; } }
  @media screen and (min-width: 768px) {
    .c-flow.c-flow--nophoto .c-flow__title {
      font-size: 20px;
      margin-bottom: 30px; } }
  @media screen and (max-width: 767px) {
    .c-flow.c-flow--nophoto .c-flow__pict {
      top: 0;
      left: 0; } }
  @media screen and (min-width: 768px) {
    .c-flow.c-flow--nophoto .c-flow__pict {
      top: 0;
      left: 0; } }
  @media screen and (max-width: 767px) {
    .c-flow.c-flow--nophoto .c-flow__text {
      padding-left: 30px; } }
  @media screen and (min-width: 768px) {
    .c-flow.c-flow--nophoto .c-flow__text {
      padding-left: 60px; } }
  .c-flow + .c-flow {
    margin-top: 100px; }
    .c-flow + .c-flow:before {
      content: "";
      position: absolute;
      width: 6px;
      height: 100px;
      bottom: 100%;
      left: 185px;
      background-color: #59c2f0; }
  @media screen and (min-width: 768px) {
    .c-flow .c-btn-table {
      font-size: 16px; } }

.c-flow__pict {
  position: absolute;
  left: -100px;
  top: -30px;
  width: 230px; }
  @media screen and (max-width: 767px) {
    .c-flow__pict {
      width: 125px;
      left: -20px; } }
  .c-flow__pict img {
    width: 100%;
    height: auto; }

@media screen and (max-width: 767px) {
  .c-flow.c-flow--nophoto:before {
    left: 28px; } }

@media screen and (max-width: 767px) {
  .c-flow.c-flow--nophoto + .c-flow.c-flow--nophoto {
    margin-top: 60px !important; } }

@media screen and (max-width: 767px) {
  .c-flow.c-flow--nophoto + .c-flow.c-flow--nophoto:before {
    height: 60px; } }

.c-flow.c-flow--nophoto .c-flow__num {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  color: #751bb4;
  background: url(/music-teacher/_common/images/bg_flow_num.png) 50% 50%/100% auto no-repeat; }
  @media screen and (min-width: 768px) {
    .c-flow.c-flow--nophoto .c-flow__num {
      left: 0;
      top: 0;
      width: 130px;
      height: 130px; } }
  @media screen and (max-width: 767px) {
    .c-flow.c-flow--nophoto .c-flow__num {
      left: 0;
      top: 30px;
      width: 100px;
      height: 100px;
      font-size: 24px; } }

.c-flow.c-flow--nophoto .c-flow__pict {
  position: absolute;
  left: -100px;
  top: -50px;
  width: 230px; }
  @media screen and (max-width: 767px) {
    .c-flow.c-flow--nophoto .c-flow__pict {
      width: 125px;
      left: -20px; } }
  .c-flow.c-flow--nophoto .c-flow__pict img {
    width: 100%;
    height: auto; }

.c-flow__num {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  font-style: normal;
  font-weight: bold;
  font-size: 24px;
  color: #751bb4;
  background: url(/music-teacher/_common/images/bg_flow_num_circle.png) 50% 50%/100% auto no-repeat; }
  @media screen and (min-width: 768px) {
    .c-flow__num {
      left: -0px;
      top: -0px;
      width: 60px;
      height: 60px; } }
  @media screen and (max-width: 767px) {
    .c-flow__num {
      width: 40px;
      height: 40px;
      font-size: 18px; } }
  @media screen and (max-width: 767px) {
    .c-flow__num .c-flow__title {
      padding-left: 80px; } }

.c-flow__text {
  background-color: #f5fafe;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .c-flow__text {
      padding: 25px 20px 25px 30px;
      border-radius: 20px; } }
  @media screen and (min-width: 768px) {
    .c-flow__text {
      padding: 40px 60px 40px 180px;
      border-radius: 30px; } }

.c-flow__title {
  color: #195da7;
  font-weight: bold; }
  @media screen and (max-width: 767px) {
    .c-flow__title {
      font-size: 20px;
      margin-bottom: 30px;
      padding-left: 90px;
      min-height: 3em; } }
  @media screen and (min-width: 768px) {
    .c-flow__title {
      font-size: 20px;
      margin-bottom: 30px; } }

.c-flow__desc {
  color: #333; }
  .c-flow__desc small {
    display: block; }

.c-movie__text {
  display: flex;
  font-weight: bold;
  color: #2366b5;
  align-items: center;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-movie__text {
      padding-top: 16px;
      align-items: flex-start; } }
  @media screen and (min-width: 768px) {
    .c-movie__text {
      padding-top: 20px;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .c-movie__text img {
      width: 40px;
      margin-right: 20px; } }
  @media screen and (min-width: 768px) {
    .c-movie__text img {
      width: 50px;
      margin-right: 30px; } }

.c-position__item {
  background-color: #fafbfd; }
  @media screen and (max-width: 767px) {
    .c-position__item {
      margin-left: -20px;
      margin-right: -20px;
      padding: 20px; } }
  @media screen and (min-width: 768px) {
    .c-position__item {
      display: flex;
      align-items: center;
      padding: 36px 30px; } }
  .c-position__item:nth-child(2n) {
    background-color: #fff; }
  @media screen and (min-width: 768px) {
    .c-position__item dl {
      min-width: 16em;
      max-width: 16em; } }
  .c-position__item dl dt {
    font-weight: bold;
    line-height: 1.5; }
    @media screen and (min-width: 768px) {
      .c-position__item dl dt {
        font-size: 20px; } }
  .c-position__item dl dd {
    font-size: 14px;
    line-height: 1.5; }

@media screen and (max-width: 767px) {
  .c-position__item-labels {
    display: flex;
    flex-wrap: wrap;
    gap: 14px 20px;
    margin-top: 20px; } }

@media screen and (min-width: 768px) {
  .c-position__item-labels {
    display: flex;
    align-items: center;
    gap: 40px; } }

.c-position__item-label {
  width: 200px;
  height: 60px;
  font-size: 16px;
  font-weight: bold;
  padding: 5px;
  border-radius: 30px;
  background: linear-gradient(to right, #89d8f0 0%, #e2b2c8 100%); }
  @media screen and (max-width: 767px) {
    .c-position__item-label {
      max-width: calc(50vw - 30px); } }
  .c-position__item-label span {
    display: flex;
    align-items: center;
    justify-content: center;
    background-color: #fff;
    border-radius: 25px;
    height: 100%; }
  .c-position__item-label.c-position__item-label--orange-pink {
    background: linear-gradient(to right, #f5c85c 0%, #ffd1e2 100%); }
  .c-position__item-label.c-position__item-label--pink-purple {
    background: linear-gradient(to right, #efc3d1 0%, #6a87c5 100%); }

.c-position__item-label2 {
  white-space: nowrap;
  font-size: 14px; }
  @media screen and (max-width: 767px) {
    .c-position__item-label2 {
      min-width: 100%; } }

.c-interview-header {
  position: relative;
  font-weight: bold;
  line-height: 1.2;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .c-interview-header {
      font-size: 40px;
      padding-left: 65px;
      margin-bottom: 70px; } }
  @media screen and (max-width: 767px) {
    .c-interview-header {
      font-size: 24px;
      padding-left: 28px;
      margin-bottom: 48px; } }
  .c-interview-header:before {
    position: absolute;
    display: block;
    left: 0;
    width: 45px;
    height: 45px;
    content: "";
    background: url(/music-teacher/interview/images/icon_message_kids.png) 50% 50%/contain no-repeat; }
    @media screen and (max-width: 767px) {
      .c-interview-header:before {
        width: 23px;
        height: 23px;
        left: 0;
        top: 1px; } }
  .c-interview-header.c-interview-header--ml:before {
    background-image: url(/music-teacher/interview/images/icon_message_ml.png); }
  .c-interview-header.c-interview-header--talk {
    font-size: 32px; }
    @media screen and (max-width: 767px) {
      .c-interview-header.c-interview-header--talk {
        padding-top: 5px;
        font-size: 20px;
        line-height: 1.2;
        font-weight: bold;
        color: #333;
        padding-left: 44px;
        margin-bottom: 40px;
        margin-top: 50px; } }
    .c-interview-header.c-interview-header--talk:after {
      display: block;
      content: "";
      background-image: linear-gradient(0deg, #f8713c 0%, #eedb3e 100%);
      height: 3px;
      z-index: 41;
      margin-left: -65px;
      margin-top: 20px; }
      @media screen and (max-width: 767px) {
        .c-interview-header.c-interview-header--talk:after {
          margin-left: -45px;
          border-radius: 2px;
          margin-top: 16px; } }
    @media screen and (max-width: 767px) {
      .c-interview-header.c-interview-header--talk:before {
        top: calc(50% - 26px);
        width: 35px;
        height: 35px;
        background: url(/music-teacher/_common/images/icon_talk.png) 50% 50%/35px auto no-repeat; } }
    @media screen and (min-width: 768px) {
      .c-interview-header.c-interview-header--talk:before {
        top: -0.2em;
        width: 42px;
        height: 42px;
        background-image: url(/music-teacher/interview/images/icon_talk.png); } }

.l-interviews {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 75px 45px; }
  @media screen and (max-width: 767px) {
    .l-interviews {
      grid-template-columns: repeat(1, 1fr);
      gap: 43px 0; } }
  .l-interviews .c-interview__overview {
    position: relative;
    padding-top: 4px; }
    .l-interviews .c-interview__overview span {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      top: 0;
      left: 0; }
      @media screen and (min-width: 768px) {
        .l-interviews .c-interview__overview span {
          width: 51px;
          min-width: 51px;
          height: 35px;
          font-size: 18px;
          font-weight: bold;
          background-color: #3473b9;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .l-interviews .c-interview__overview span {
          width: 51px;
          min-width: 51px;
          height: 30px;
          font-size: 16px;
          font-weight: bold;
          background-color: #3473b9;
          color: #fff;
          border-radius: 5px;
          padding-top: 0.1em;
          line-height: 1.2; } }
    .l-interviews .c-interview__overview li {
      position: relative;
      line-height: 1.2;
      color: #333;
      padding-left: 80px;
      font-weight: normal; }
      .l-interviews .c-interview__overview li:before {
        left: 64px;
        position: absolute;
        background-color: #3473b9;
        display: block;
        content: "";
        width: 10px;
        height: 10px;
        top: 0.4em;
        border-radius: 50%; }

.c-interview__title {
  font-size: 22px;
  font-weight: bold;
  color: #333;
  line-height: 1.363;
  margin-bottom: 20px; }
  @media screen and (max-width: 767px) {
    .c-interview__title {
      font-size: 18px;
      margin-bottom: 8px; } }
  .c-interview__title:after {
    display: block;
    height: 25.5px;
    content: "";
    background: url(/music-teacher/interview/images/bar_interview_kids.png) 50% 50%/100% 100% no-repeat; }
    @media screen and (min-width: 768px) {
      .c-interview__title:after {
        margin-top: 25px; } }
    @media screen and (max-width: 767px) {
      .c-interview__title:after {
        margin-top: 20px; } }

.c-interview__text {
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .c-interview__text {
      margin-top: 30px;
      margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    .c-interview__text {
      margin-top: 18px;
      margin-bottom: 12px; } }
  @media screen and (max-width: 767px) {
    .c-interview__text {
      font-feature-settings: "palt"; } }

.c-interview__overview {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .c-interview__overview {
      margin-top: 30px;
      margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    .c-interview__overview {
      margin-top: 18px;
      margin-bottom: 12px; } }
  .c-interview__overview li {
    position: relative;
    display: flex;
    gap: 10px;
    font-feature-settings: "palt";
    padding-top: 0.15em;
    padding-left: 61px; }
    @media screen and (min-width: 768px) {
      .c-interview__overview li {
        font-size: 18px;
        font-weight: bold;
        color: #3473b9; } }
    @media screen and (max-width: 767px) {
      .c-interview__overview li {
        font-size: 16px;
        font-weight: bold;
        color: #3473b9;
        line-height: 1.5; } }
    .c-interview__overview li span {
      position: absolute;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 10px;
      top: 0;
      left: 0; }
      @media screen and (min-width: 768px) {
        .c-interview__overview li span {
          width: 51px;
          min-width: 51px;
          height: 35px;
          font-size: 18px;
          font-weight: bold;
          background-color: #3473b9;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .c-interview__overview li span {
          width: 51px;
          min-width: 51px;
          height: 30px;
          font-size: 16px;
          font-weight: bold;
          background-color: #3473b9;
          color: #fff;
          border-radius: 5px;
          padding-top: 0.1em;
          line-height: 1.2; } }

@media screen and (max-width: 767px) {
  .c-interview-profile__inner .c-interview__overview li {
    line-height: 1.5; } }

@media screen and (max-width: 767px) {
  .c-interview-profile__inner .c-interview__overview li span {
    border-radius: 10px;
    width: 43px;
    min-width: 43px;
    height: 31px;
    font-size: 12px; } }

.c-interview {
  color: #333; }

.c-interview__list {
  background-color: #f4f9ea;
  border-radius: 10px;
  padding: 20px 20px;
  margin-top: 20px; }
  @media screen and (min-width: 768px) {
    .c-interview__list {
      margin-top: 26px;
      padding-left: 20px; } }
  .c-interview__list li {
    position: relative;
    padding-left: 20px;
    font-size: 16px;
    line-height: 1.2;
    font-feature-settings: "palt";
    margin-bottom: 0.5em; }
    @media screen and (min-width: 768px) {
      .c-interview__list li {
        margin-bottom: 0.4em; } }
    .c-interview__list li:last-child {
      margin-bottom: 0; }
    .c-interview__list li:before {
      left: 0;
      position: absolute;
      color: #53ac2b;
      display: block;
      content: "#";
      width: 10px;
      height: 10px;
      top: 0em;
      font-weight: bold;
      border-radius: 50%; }

.c-interview__pict {
  display: block;
  position: relative; }
  .c-interview__pict .c-icon-circle {
    position: absolute;
    bottom: 10px;
    right: 10px; }

.l-interviews--ml .c-interview__title:after {
  background: url(/music-teacher/interview/images/bar_interview_ml.png) 50% 50%/100% 100% no-repeat; }

.l-interviews--ml .c-interview__list {
  background-color: #fff8e5; }
  .l-interviews--ml .c-interview__list li:before {
    color: #e27021; }

.c-interview-mv {
  position: relative;
  max-width: 1190px;
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media (min-width: 768px) and (max-width: 1300px) {
    .c-interview-mv {
      max-width: calc(100% - 110px); } }
  @media screen and (min-width: 768px) {
    .c-interview-mv {
      margin-top: 95px; } }
  @media screen and (max-width: 767px) {
    .c-interview-mv {
      margin-top: 48px;
      padding-left: 20px;
      padding-right: 20px; } }
  .c-interview-mv picture {
    position: relative; }

.c-interview-profile__decoration {
  display: block;
  background: url(/music-teacher/interview/images/decoration01.png) 50% 50%/100% 100% no-repeat;
  position: absolute;
  content: ""; }
  @media screen and (min-width: 768px) {
    .c-interview-profile__decoration {
      top: clamp(325px, 42.3076923077vw, 550px);
      left: 0;
      width: clamp(383px, 49.8461538462vw, 648px);
      height: clamp(89px, 11.5384615385vw, 150px); } }
  @media screen and (max-width: 767px) {
    .c-interview-profile__decoration {
      display: none;
      z-index: 191;
      bottom: clamp(94px, 25.0666666667vw, 160px);
      width: 315px;
      height: 65px;
      background: url(/music-teacher/interview/images/decoration01_sp.png) 50% 50%/100% 100% no-repeat; } }

.c-interview-profile {
  border-radius: 10px 40px 40px 40px;
  background-color: white;
  z-index: 181;
  padding: 6px;
  background-image: linear-gradient(to right, #abc8ee 0%, #fbd58a 41%, #e2b2c8 100%); }
  @media screen and (max-width: 767px) {
    .c-interview-profile {
      position: relative;
      left: 10px;
      margin-left: 19px;
      top: -73px;
      margin-bottom: -73px; } }
  @media screen and (min-width: 768px) {
    .c-interview-profile {
      position: absolute;
      right: -50px;
      bottom: 50px;
      width: 445px; } }
  @media screen and (max-width: 767px) {
    .c-interview-profile:after {
      position: absolute;
      content: "";
      z-index: 191;
      bottom: clamp(-34px, -9.0666666667vw, -58px);
      right: clamp(35px, 9.3333333333vw, 60px);
      width: clamp(315px, 84vw, 538px);
      height: clamp(65px, 17.3333333333vw, 111px);
      background: url(/music-teacher/interview/images/decoration01_sp.png) 50% 50%/100% 100% no-repeat; } }
  @media screen and (max-width: 767px) {
    .c-interview-profile p {
      line-height: 1.42;
      font-size: 14px; } }

.c-interview-profile__inner {
  background-color: #fff;
  border-radius: 4px 36px 36px 36px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .c-interview-profile__inner {
      padding: 30px; } }
  @media screen and (min-width: 768px) {
    .c-interview-profile__inner {
      padding: 40px; } }
  .c-interview-profile__inner *:last-child {
    margin-bottom: 0; }

.c-interview-profile__name {
  font-weight: bold;
  line-height: 1.2; }
  @media screen and (max-width: 767px) {
    .c-interview-profile__name {
      font-size: 22px; } }
  @media screen and (min-width: 768px) {
    .c-interview-profile__name {
      font-size: 36px; } }
  .c-interview-profile__name small {
    display: inline-block; }
    @media screen and (max-width: 767px) {
      .c-interview-profile__name small {
        font-size: 14px;
        margin-left: 12px; } }
    @media screen and (min-width: 768px) {
      .c-interview-profile__name small {
        margin-left: 16px;
        font-size: 24px; } }

.c-interview-h2 {
  position: relative;
  z-index: 10;
  font-weight: bold;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-interview-h2 {
      margin-top: 50px;
      font-size: 24px; } }
  @media screen and (min-width: 768px) {
    .c-interview-h2 {
      padding-left: 55px;
      padding-top: 60px;
      font-size: 40px; } }

.c-interview-h3 {
  position: relative; }
  @media screen and (max-width: 767px) {
    .c-interview-h3 {
      line-height: 1.3;
      font-size: 18px;
      font-weight: bold;
      margin-bottom: 35px; } }
  @media screen and (min-width: 768px) {
    .c-interview-h3 {
      padding-left: 60px;
      font-size: 26px;
      font-weight: bold;
      line-height: 1.3;
      padding-top: 0.45em;
      margin-bottom: 50px; } }
  .c-interview-h3:before {
    content: "";
    background: url(/music-teacher/_common/images/icon_interview_icon01.png) 50% 50%/contain no-repeat; }
    @media screen and (min-width: 768px) {
      .c-interview-h3:before {
        width: 45px;
        height: 40px;
        top: 0;
        left: 0;
        position: absolute; } }
    @media screen and (max-width: 767px) {
      .c-interview-h3:before {
        width: 45px;
        height: 40px;
        display: block;
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 18px; } }

@media screen and (min-width: 768px) {
  .c-interview-text {
    padding-left: 60px; } }

@media screen and (min-width: 768px) {
  .c-interview-picttext {
    display: grid;
    grid-template-areas: "text pict";
    margin-left: 60px;
    grid-template-columns: minmax(0, 560px) minmax(0, 500px);
    gap: 30px; } }

@media screen and (max-width: 767px) {
  .c-interview-picttext {
    grid-template-columns: repeat(1, 1fr);
    gap: 30px 0; } }

@media screen and (min-width: 768px) {
  .c-interview-picttext__text {
    grid-area: text; } }

@media screen and (min-width: 768px) {
  .c-interview-picttext__pict {
    grid-area: pict; } }

@media screen and (max-width: 767px) {
  .c-interview-picttext__pict {
    margin-top: 35px; } }

/* 反転用のクラス */
@media screen and (min-width: 768px) {
  .c-interview-picttext--reverse {
    grid-template-areas: "pict text";
    grid-template-columns: minmax(0, 500px) 1fr; } }

/* 反転用のクラス */
@media screen and (min-width: 768px) {
  .c-interview-picttext--vert {
    grid-template-columns: 1fr;
    grid-template-areas: "text" "pict"; } }

@media screen and (min-width: 768px) {
  .c-interview-picttext--vert .c-interview-picttext__pict,
  .c-interview-picttext--vert .c-interview-picttext__text {
    grid-column: auto; } }

@media screen and (min-width: 768px) {
  .c-interview-picttext2 {
    margin-left: 60px;
    display: grid;
    gap: 30px;
    grid-template-columns: minmax(0, 420px) minmax(0, 650px);
    /* エリアに名前をつける */
    grid-template-areas: "pict text"; } }

@media screen and (min-width: 768px) {
  .c-interview-picttext__text {
    grid-area: text; } }

@media screen and (min-width: 768px) {
  .c-interview-picttext__pict {
    grid-area: pict; } }

.l-lower-recruitment {
  border-radius: 0;
  justify-content: center;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .l-lower-recruitment .l-contianer {
      display: flex;
      justify-content: center;
      align-items: center; } }

.c-recommend-header {
  text-align: center;
  font-size: 40px;
  font-weight: bold;
  margin-bottom: 40px; }

.l-recommend-posts {
  display: grid; }
  @media screen and (min-width: 768px) {
    .l-recommend-posts {
      grid-template-columns: 1fr 1fr;
      gap: 60px; } }
  @media screen and (max-width: 767px) {
    .l-recommend-posts {
      grid-template-columns: repeat(1, 1fr); } }

.c-recommend-post-wrap {
  position: relative; }
  @media screen and (min-width: 768px) {
    .c-recommend-post-wrap {
      padding-left: 40px; } }
  @media screen and (max-width: 767px) {
    .c-recommend-post-wrap {
      padding-left: 30px; } }
  .c-recommend-post-wrap .icon {
    transition: 0.3s; }
  .c-recommend-post-wrap:hover .icon, .c-recommend-post-wrap:focus .icon {
    transform: translateX(5px); }

.c-recommend-post {
  background-image: linear-gradient(to right, #89d8f0 0%, #e2b2c8 100%); }
  @media screen and (min-width: 768px) {
    .c-recommend-post {
      position: relative;
      left: -40px;
      top: -80px;
      margin-bottom: -80px;
      border-radius: 40px 10px 40px 40px;
      background-color: white;
      width: 520px;
      z-index: 181;
      padding: 6px; } }
  @media screen and (max-width: 767px) {
    .c-recommend-post {
      position: relative;
      left: -30px;
      top: -50px;
      border-radius: 30px 5px 30px 30px;
      background-color: white;
      width: 305px;
      z-index: 181;
      padding: 6px; } }
  .c-recommend-post .icon-arrow-right {
    position: absolute;
    width: 20px;
    height: 17px;
    stroke: #4b1e78;
    right: 30px;
    bottom: 30px; }
    @media screen and (max-width: 767px) {
      .c-recommend-post .icon-arrow-right {
        right: 20px;
        bottom: 20px; } }

.c-recommend-post__inner {
  padding: 33px 40px;
  background-color: #fff;
  border-radius: 36px 4px 36px 36px;
  overflow: hidden; }
  @media screen and (max-width: 767px) {
    .c-recommend-post__inner {
      padding: 25px;
      border-radius: 26px 4px 26px 26px; } }
  .c-recommend-post__inner *:last-child {
    margin-bottom: 0; }

.c-recommend-post__title {
  font-size: 22px;
  font-weight: bold;
  line-height: 1.3;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 767px) {
    .c-recommend-post__title {
      font-size: 16px; } }

.c-recommend-post__name {
  font-size: 18px;
  font-weight: bold;
  line-height: 1.2; }
  .c-recommend-post__name small {
    margin-left: 16px;
    display: inline-block;
    font-size: 14px; }

.c-recommend-post__overview {
  gap: 10px;
  display: flex;
  align-items: flex-start;
  flex-direction: column; }
  @media screen and (min-width: 768px) {
    .c-recommend-post__overview {
      margin-top: 15px;
      margin-bottom: 25px; } }
  @media screen and (max-width: 767px) {
    .c-recommend-post__overview {
      margin-top: 10px; } }
  .c-recommend-post__overview li {
    display: flex;
    align-items: center;
    gap: 10px;
    position: relative;
    padding-left: 47px;
    padding-top: 0.2em; }
    @media screen and (min-width: 768px) {
      .c-recommend-post__overview li {
        font-size: 16px;
        line-height: 1;
        font-weight: bold;
        color: #3473b9; } }
    @media screen and (max-width: 767px) {
      .c-recommend-post__overview li {
        font-size: 12px;
        line-height: 1;
        font-weight: bold;
        color: #3473b9; } }
    .c-recommend-post__overview li span {
      position: absolute;
      left: 0;
      top: 0;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 5px; }
      @media screen and (min-width: 768px) {
        .c-recommend-post__overview li span {
          width: 37px;
          min-width: 37px;
          height: 23px;
          font-size: 14px;
          font-weight: bold;
          background-color: #3473b9;
          color: #fff; } }
      @media screen and (max-width: 767px) {
        .c-recommend-post__overview li span {
          width: 37px;
          min-width: 37px;
          height: 23px;
          font-size: 14px;
          font-weight: bold;
          background-color: #3473b9;
          color: #fff; } }

.c-accordion {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  overflow: hidden;
  margin-top: 74px; }
  @media screen and (max-width: 767px) {
    .c-accordion {
      margin-top: 20px; } }
  @media screen and (max-width: 767px) {
    .c-accordion {
      padding-bottom: 0;
      border-radius: 20px; } }
  .c-accordion + .c-accordion {
    margin-top: 25px; }
    @media screen and (max-width: 767px) {
      .c-accordion + .c-accordion {
        margin-top: 20px; } }
  .c-accordion + .c-section-h2 {
    margin-top: 120px; }

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

.c-accordion__title button {
  width: 100%;
  position: relative;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  line-height: 1.5; }
  @media screen and (max-width: 767px) {
    .c-accordion__title button .c-icon-plus {
      position: absolute;
      top: calc(50% - 8px);
      right: -4px; } }
  @media screen and (min-width: 768px) {
    .c-accordion__title button {
      font-size: 26px;
      line-height: 1.2;
      padding: 32px 80px 32px 90px; } }
  @media screen and (max-width: 767px) {
    .c-accordion__title button {
      padding: 17px 49px 15px 49px;
      line-height: 1.3; } }
  .c-accordion__title button:before {
    position: absolute;
    display: block;
    left: 40px;
    width: 32px;
    height: 33px;
    content: "";
    margin-top: -0.1em;
    background: url(/music-teacher/_common/images/icon_music.png) 50% 50%/contain no-repeat; }
    @media screen and (max-width: 767px) {
      .c-accordion__title button:before {
        width: 19px;
        height: 18px;
        left: 20px;
        top: calc(50% - 8px); } }

.c-point__title {
  font-size: 20px;
  font-weight: bold;
  margin-top: 55px;
  padding-left: 40px;
  line-height: 1.5;
  margin-bottom: 30px;
  position: relative; }
  @media screen and (max-width: 767px) {
    .c-point__title {
      padding-left: 20px;
      padding-top: 8px; } }
  .c-point__title:before {
    position: absolute;
    display: block;
    left: 0;
    width: 32px;
    height: 33px;
    content: "";
    margin-top: -0.1em;
    background: url(/music-teacher/_common/images/icon_point.png) 50% 50%/contain no-repeat; }
    @media screen and (max-width: 767px) {
      .c-point__title:before {
        width: 16px;
        height: 27px;
        left: 0;
        top: 10px;
        background: url(/music-teacher/_common/images/icon_point.png) 50% 50%/16px 27px no-repeat; } }

.c-accordion__body {
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
  height: 0;
  font-size: 16px; }
  .c-accordion__body .c-accordion__body__inner {
    display: block;
    border-radius: 10px;
    line-height: 1.5; }
    @media screen and (min-width: 768px) {
      .c-accordion__body .c-accordion__body__inner {
        padding: 0 40px 40px; } }
    @media screen and (max-width: 767px) {
      .c-accordion__body .c-accordion__body__inner {
        padding: 10px 20px 20px 20px; } }
    .c-accordion__body .c-accordion__body__inner > *:last-child {
      margin-bottom: 0; }

.c-faq {
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);
  border-radius: 30px;
  overflow: hidden;
  margin-top: 74px; }
  @media screen and (max-width: 767px) {
    .c-faq {
      margin-top: 20px; } }
  @media screen and (max-width: 767px) {
    .c-faq {
      padding-bottom: 15px;
      border-radius: 20px; } }
  .c-faq + .c-faq {
    margin-top: 30px; }
    @media screen and (max-width: 767px) {
      .c-faq + .c-faq {
        margin-top: 20px; } }
  .c-faq + .c-section-h2 {
    margin-top: 120px; }

.c-icon-plus:before, .c-icon-plus:after {
  position: absolute;
  display: block;
  content: "";
  width: 25px;
  height: 6px;
  border-radius: 4px;
  background-color: #cb257b;
  right: 40px;
  top: calc(50% - 3px);
  transition: 0.3s; }
  @media screen and (max-width: 767px) {
    .c-icon-plus:before, .c-icon-plus:after {
      width: 20px;
      height: 3px;
      border-radius: 4px;
      background-color: #cb257b;
      right: 20px;
      top: calc(50% + 6px); } }

.c-icon-plus:after {
  transform: rotate(-90deg); }

.is-open .c-icon-plus:after {
  transform: rotate(0); }

.c-faq__Q {
  width: 100%;
  position: relative;
  font-weight: bold;
  text-align: left;
  font-size: 16px;
  line-height: 1.5; }
  @media screen and (min-width: 768px) {
    .c-faq__Q {
      font-size: 20px;
      padding: 32px 80px 32px 80px; } }
  @media screen and (max-width: 767px) {
    .c-faq__Q {
      padding: 18px 49px 0 49px;
      line-height: 1.3; } }
  .c-faq__Q:before {
    position: absolute;
    display: block;
    left: 40px;
    width: 24px;
    height: 22px;
    content: "";
    margin-top: 0.2em;
    background: url(/music-teacher/_common/images/icon_faq_q.svg) 50% 50% no-repeat; }
    @media screen and (max-width: 767px) {
      .c-faq__Q:before {
        width: 19px;
        height: 18px;
        left: 20px;
        top: calc(50%);
        margin-top: -0.1em; } }

.c-faq__A {
  position: relative;
  overflow: hidden;
  transition: 0.3s ease;
  height: 0;
  font-size: 16px; }
  .c-faq__A span, .c-faq__A > div {
    background-color: #f8f8f8;
    display: block;
    margin: 0 40px 36px 40px;
    border-radius: 10px; }
    @media screen and (min-width: 768px) {
      .c-faq__A span, .c-faq__A > div {
        padding: 30px 40px 26px 70px; } }
    @media screen and (max-width: 767px) {
      .c-faq__A span, .c-faq__A > div {
        margin: 20px 20px 0 20px;
        padding: 20px 20px 20px 49px;
        line-height: 1.5; } }
  .c-faq__A:before {
    position: absolute;
    display: block;
    width: 22px;
    height: 23px;
    content: "";
    background: url(/music-teacher/_common/images/icon_faq_a.svg) 50% 50% no-repeat; }
    @media screen and (min-width: 768px) {
      .c-faq__A:before {
        left: 70px;
        top: 32px; } }
    @media screen and (max-width: 767px) {
      .c-faq__A:before {
        width: 18px;
        height: 19px;
        left: 40px;
        top: calc(50% - 8px); } }

.c-table-std {
  border-radius: 20px;
  overflow: hidden; }
  .c-table-std table {
    width: 100%; }
  .c-table-std thead tr th, .c-table-std thead tr td {
    background-color: #efefef;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .c-table-std thead tr th, .c-table-std thead tr td {
        width: 100px;
        padding: 20px 10px; } }
    @media screen and (min-width: 768px) {
      .c-table-std thead tr th, .c-table-std thead tr td {
        letter-spacing: 0.1em;
        width: 200px;
        padding: 20px; } }
  .c-table-std tr th {
    background-color: #efefef;
    text-align: center;
    vertical-align: middle;
    font-weight: bold;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    line-height: 1.5; }
    @media screen and (max-width: 767px) {
      .c-table-std tr th {
        width: 100px;
        padding: 20px 10px; } }
    @media screen and (min-width: 768px) {
      .c-table-std tr th {
        letter-spacing: 0.1em;
        width: 200px;
        padding: 20px; } }
  .c-table-std tr td {
    vertical-align: middle;
    border-left: 1px solid #fff;
    border-top: 1px solid #fff;
    background-color: #f8f8f8;
    padding: 20px;
    line-height: 1.5; }
    .c-table-std tr td ul li, .c-table-std tr td p, .c-table-std tr td a {
      font-size: inherit; }

@media screen and (max-width: 767px) {
  .c-table-std--ml {
    margin-bottom: 1em; } }

.c-table-std--ml tr th {
  vertical-align: middle; }
  @media screen and (min-width: 768px) {
    .c-table-std--ml tr th {
      padding-top: 25px;
      padding-bottom: 25px; } }

@media screen and (min-width: 768px) {
  .c-table-std--ml tr td {
    padding-top: 25px;
    padding-bottom: 25px; } }

@media screen and (max-width: 767px) {
  .c-table-std--ml tr td {
    font-size: 14px; } }

@media screen and (min-width: 768px) {
  .c-table-std--ml tr td p {
    margin-bottom: 1.875em;
    font-feature-settings: "palt"; } }

.c-table-std--ml tr td p small {
  display: block; }
  @media screen and (min-width: 768px) {
    .c-table-std--ml tr td p small {
      margin-top: 1em; } }

.c-table-std--ml tr td *:last-child {
  margin-bottom: 0; }

.c-table-std--schedule tr td {
  text-align: center; }

.c-table-std--schedule tr th,
.c-table-std--schedule tr td {
  max-width: 300px;
  width: 300px;
  vertical-align: middle; }
  @media screen and (max-width: 767px) {
    .c-table-std--schedule tr th,
    .c-table-std--schedule tr td {
      padding: 10px;
      font-size: 14px;
      vertical-align: middle; } }

.c-table-std--schedule tr th:first-child,
.c-table-std--schedule tr td:first-child {
  max-width: 180px;
  width: 180px; }
  @media screen and (max-width: 767px) {
    .c-table-std--schedule tr th:first-child,
    .c-table-std--schedule tr td:first-child {
      white-space: nowrap; } }

.c-table-std--bosyu tbody tr:nth-child(2n-1) td {
  background-color: #f8f8f8; }

.c-table-std--bosyu tbody tr:nth-child(2n) td {
  background-color: #f5f5f5; }

.c-table-std--bosyu tr th {
  text-align: left; }

.c-table-std--area thead th, .c-table-std--area thead td {
  padding-left: 0;
  padding-right: 0;
  font-size: 16px;
  white-space: nowrap; }

.c-table-std--area tbody tr:nth-child(2n-1) td {
  background-color: #f8f8f8; }

.c-table-std--area tbody tr:nth-child(2n) td {
  background-color: #f5f5f5; }

.c-table-std--area tr td {
  text-align: center; }

.c-table-std--area tr th,
.c-table-std--area tr td {
  max-width: 72px;
  width: 72px; }

.c-table-std--area tr th:first-child,
.c-table-std--area tr td:first-child {
  max-width: 140px;
  width: 140px; }
  @media screen and (max-width: 767px) {
    .c-table-std--area tr th:first-child,
    .c-table-std--area tr td:first-child {
      max-width: 120px;
      min-width: 120px; } }

.c-table-std__list li {
  position: relative;
  padding-left: 20px;
  font-size: 16px;
  line-height: 1.5;
  font-feature-settings: "palt";
  margin-bottom: 0.5em; }
  @media screen and (min-width: 768px) {
    .c-table-std__list li {
      margin-bottom: 0.7em; } }
  .c-table-std__list li:last-child {
    margin-bottom: 0; }
  .c-table-std__list li:before {
    left: 0;
    position: absolute;
    background-color: #3473b9;
    display: block;
    content: "";
    width: 10px;
    height: 10px;
    top: 0.4em;
    border-radius: 50%; }

@media screen and (min-width: 768px) {
  .c-table-std--boshu {
    margin-top: 60px; } }

@media screen and (max-width: 767px) {
  .c-table-std--boshu table th {
    white-space: nowrap;
    min-width: 78px;
    padding-left: 0;
    padding-right: 0;
    max-width: 70px;
    font-size: 14px; } }

.c-table-std--boshu table td {
  font-feature-settings: "palt";
  line-height: 1; }

.c-table-std--boshu table th, .c-table-std--boshu table td {
  vertical-align: middle; }

.c-table-std--boshu table svg {
  width: 20px;
  height: 16px;
  stroke: #4b1e78; }

.c-table-std--boshu table a {
  color: #333; }
  @media screen and (min-width: 768px) {
    .c-table-std--boshu table a {
      white-space: nowrap; } }

.icon-circle-grad {
  display: inline-block;
  border-radius: 50%;
  background-image: linear-gradient(0deg, #728bc6 0%, #f0c3d1 100%);
  width: 20px;
  height: 20px;
  line-height: 1; }

@media screen and (max-width: 767px) {
  .c-table-scroll {
    overflow-x: auto; } }

@media screen and (max-width: 767px) {
  .c-table-scroll.c-table-std--area table {
    min-width: 1160px; } }

@media screen and (max-width: 767px) {
  .c-table-scroll table {
    white-space: nowrap; } }

@media screen and (max-width: 767px) {
  .c-exam-table {
    width: 100%;
    display: block; } }

@media screen and (max-width: 767px) {
  .c-exam-table tbody {
    display: block; } }

@media screen and (max-width: 767px) {
  .c-exam-table tr {
    display: block; } }

.c-exam-table tr:last-child th, .c-exam-table tr:last-child td {
  border-bottom: none;
  padding-bottom: 0; }

.c-exam-table tr th, .c-exam-table tr td {
  border-bottom: 1px solid #efefef; }
  @media screen and (max-width: 767px) {
    .c-exam-table tr th, .c-exam-table tr td {
      display: block; } }

.c-exam-table tr th {
  font-size: 18px;
  font-weight: bold;
  padding-top: 30px;
  padding-bottom: 30px;
  white-space: nowrap;
  padding-right: 20px; }
  @media screen and (max-width: 767px) {
    .c-exam-table tr th {
      padding-bottom: 0;
      border-bottom: none;
      padding-top: 20px; } }

.c-exam-table tr td {
  padding-top: 30px;
  padding-bottom: 30px;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 767px) {
    .c-exam-table tr td {
      padding-top: 0;
      padding-bottom: 20px; } }

.l-about-point {
  background-color: #fffafc; }
  @media screen and (min-width: 768px) {
    .l-about-point {
      border-radius: 30px;
      padding: 40px 30px 50px;
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .l-about-point {
      padding: 30px 20px;
      border-radius: 15px; } }

.c-about-point__pict {
  max-width: 530px;
  margin-left: auto; }

.c-about-point__title {
  font-size: 24px;
  display: flex;
  align-items: center;
  font-weight: bold;
  font-feature-settings: "palt"; }
  @media screen and (max-width: 767px) {
    .c-about-point__title {
      font-size: 20px; } }
  .c-about-point__title img {
    width: 37px;
    margin-right: 17px; }

.c-about-point__text {
  font-weight: bold;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .c-about-point__text {
      padding-left: 53px;
      margin-top: 30px;
      margin-bottom: 38px;
      font-size: 20px;
      padding-right: 1em; } }
  @media screen and (max-width: 767px) {
    .c-about-point__text {
      margin-top: 1em;
      font-size: 16px; } }

@media screen and (min-width: 768px) {
  .l-about-image {
    display: flex;
    align-items: flex-start; } }

@media screen and (min-width: 768px) {
  .l-about-image img {
    display: block;
    max-width: calc(45% - 30px);
    margin-left: 30px; } }

@media screen and (max-width: 767px) {
  .l-about-image img {
    display: block;
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    max-width: 300px; } }

@media screen and (min-width: 768px) {
  .l-seminar-map {
    gap: 30px 0; } }

@media screen and (max-width: 767px) {
  .l-seminar-map {
    gap: 30px 0; } }

.l-seminar-map a {
  color: #ca00be; }

.l-seminar-map iframe {
  width: 100%; }

@media screen and (max-width: 767px) {
  .l-lesson-images {
    gap: 20px; } }

.u-color-blue {
  color: #3473b9; }

.u-color-green {
  color: #0a7725; }

.u-color-orange {
  color: #c45000; }

.u-color-purple {
  color: #865bc7; }

.u-color-red {
  color: #CC0000; }

.u-color-pink {
  color: #a2116a; }

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

.u-bg-pink {
  background-color: #fff9f9; }

.u-bg-green {
  background-color: #0a7725; }

.u-bg-orange {
  background-color: #c45000; }

.u-bg-baige, .l-top-recruitment, .l-lower-recruitment {
  background-color: #fafbf1; }

.u-grad-green {
  background-image: linear-gradient(-135deg, #599a6a 0, #aae900 100%); }

.u-grad-orange {
  background-image: linear-gradient(-135deg, #d27341 0, #eedb3e 100%); }

.u-tr-square, .u-tr-square * {
  overflow: hidden;
  border-radius: 50% 0 50% 50%; }

.u-bl-square, .u-bl-square * {
  overflow: hidden;
  border-radius: 50% 50% 50% 0; }

.u-rounded-40 {
  border-radius: 40px; }

.u-rounded-80 {
  border-radius: 80px; }

a:hover.u-color-green, a:focus.u-color-green {
  color: #47a200; }

a:hover.u-color-orange, a:focus.u-color-orange {
  color: #df9300; }

a:hover .u-bg-green, a:focus .u-bg-green {
  background-color: #47a200; }

a:hover .u-bg-orange, a:focus .u-bg-orange {
  background-color: #df9300; }

a:hover.u-hover-bg-green-white, a:focus.u-hover-bg-green-white {
  color: #fff;
  background-color: #47a200; }

a:hover.u-hover-bg-orange-white, a:focus.u-hover-bg-orange-white {
  color: #fff;
  background-color: #df9300; }

.c-movie-16by9 iframe {
  aspect-ratio: 16 / 9;
  width: 100%;
  height: auto;
  display: block; }

@media screen and (max-width: 767px) {
  .l-sp-rowgap-20 {
    row-gap: 20px; } }

.u-indent {
  text-indent: -1em;
  padding-left: 1em; }

.d-none {
  display: none; }

.text-center {
  text-align: center; }

@media screen and (min-width: 768px) {
  .u-text-lg {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .u-text-lg {
    font-size: 18px; } }

@media screen and (min-width: 768px) {
  .u-text-xl {
    font-size: 24px; } }

@media screen and (max-width: 767px) {
  .u-text-xl {
    font-size: 22px; } }

.u-text-wrap {
  white-space: normal !important; }

.u-font-bold {
  font-weight: bold !important; }

.u-text-under {
  text-decoration: underline; }

.icon-anchor {
  width: 60px;
  height: 10px; }
  @media screen and (max-width: 767px) {
    .icon-anchor {
      width: 48px;
      height: 7.5px; } }

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