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

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0; }

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

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

html, body {
  margin: 0;
  padding: 0;
  scroll-behavior: smooth; }

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: 18px;
    line-height: 1.75; } }

@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;
    padding-left: 30px;
    padding-right: 30px;
    margin-left: auto;
    margin-right: auto; } }

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

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

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

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

p {
  margin-bottom: 0.75em; }

body {
  line-height: 1.6;
  font-size: clamp(16px, 1.2315270936vw, 20px); }

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

@media screen and (min-width: 1025px) and (max-width: 1326px) {
  .tab-on {
    display: none; } }

@media screen and (min-width: 1326px) {
  .tab-on {
    display: none; } }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

.c-arrow::before, .l-kb-footer-link ul a::before,
.c-arrow::after,
.l-kb-footer-link 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%; }

.c-arrow::before, .l-kb-footer-link ul a::before {
  transform: rotate(45deg); }


.c-arrow::after,
.l-kb-footer-link ul a::after {
  transform: rotate(-45deg); }

@media screen and (min-width: 768px) {
  .p-header {
    padding-top: clamp(15.1330049261px, 1.9704433498vw, 32px);
    padding-bottom: clamp(15.1330049261px, 1.9704433498vw, 32px);
    padding-left: clamp(24.5911330049px, 3.2019704433vw, 52px);
    padding-right: clamp(24.5911330049px, 3.2019704433vw, 52px);
    height: clamp(62.4236453202px, 8.1280788177vw, 132px); } }

@media screen and (max-width: 767px) {
  .p-header {
    display: flex;
    justify-content: center;
    align-items: center;
    height: clamp(105px, 26.9230769231vw, 206.769230769px);
    padding-top: clamp(18px, 4.6153846154vw, 35.4461538462px); } }

.p-header a {
  display: block; }
  @media screen and (min-width: 768px) {
    .p-header a {
      width: clamp(90.7980295567px, 11.8226600985vw, 192px);
      height: auto; } }
  @media screen and (max-width: 767px) {
    .p-header a {
      width: clamp(131px, 33.5897435897vw, 257.969230769px);
      height: auto; } }

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

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

.l-kb-footer-logo {
  display: flex;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .l-kb-footer-logo a:first-child {
      width: 278px; } }
  @media screen and (max-width: 767px) {
    .l-kb-footer-logo a:first-child {
      width: 170px; } }
  @media screen and (max-width: 767px) {
    .l-kb-footer-logo a:last-child {
      width: 94px;
      margin-left: -4px; } }

.l-kb-footer-link {
  margin-left: auto; }
  @media screen and (max-width: 767px) {
    .l-kb-footer-link ul {
      display: flex;
      flex-direction: column;
      align-items: flex-start;
      margin-top: 34px; } }
  @media screen and (min-width: 768px) {
    .l-kb-footer-link ul {
      display: flex;
      align-items: center; } }
  @media screen and (max-width: 767px) {
    .l-kb-footer-link ul li + li {
      margin-top: 20px; } }
  @media screen and (min-width: 768px) {
    .l-kb-footer-link ul li + li {
      margin-left: 60px; } }
  .l-kb-footer-link ul a {
    display: block;
    padding-right: 14px;
    position: relative; }
    @media screen and (max-width: 767px) {
      .l-kb-footer-link ul a {
        line-height: 1; } }
    .l-kb-footer-link ul a:before, .l-kb-footer-link ul a:after {
      right: 0;
      background-color: #4a1f7b; }

@media screen and (max-width: 767px) {
  .l-kb-footer-copyright {
    margin-top: 50px;
    font-size: 10px;
    text-align: center; } }

.l-main {
  overflow: hidden;
  letter-spacing: 0; }
  .l-main a {
    transition: 0.4s; }
    .l-main a:hover, .l-main a:focus {
      opacity: 0.8; }

@media screen and (min-width: 1025px) and (max-width: 1326px) {
  .l-container {
    width: clamp(627.073891626px, 81.6502463054vw, 1326px);
    padding-left: clamp(30.2660098522px, 3.9408866995vw, 64px);
    padding-right: clamp(30.2660098522px, 3.9408866995vw, 64px); } }

@media screen and (min-width: 768px) {
  .l-container {
    width: 100%;
    padding-left: clamp(30.2660098522px, 3.9408866995vw, 64px);
    padding-right: clamp(30.2660098522px, 3.9408866995vw, 64px); } }

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

@media screen and (min-width: 768px) {
  .l-container.sec-bnr {
    width: 100%;
    padding-left: clamp(24.5911330049px, 3.2019704433vw, 52px);
    padding-right: clamp(24.5911330049px, 3.2019704433vw, 52px); } }

.p-mv {
  position: relative;
  z-index: 3; }

.lead_l {
  position: absolute;
  z-index: 4; }
  @media screen and (min-width: 768px) {
    .lead_l {
      width: clamp(171.192118227px, 22.2906403941vw, 362px);
      margin-top: clamp(-52px, -3.2019704433vw, -24.5911330049px); } }
  @media screen and (max-width: 767px) {
    .lead_l {
      width: clamp(96px, 24.6153846154vw, 189.046153846px);
      margin-top: clamp(-35.4461538462px, -4.6153846154vw, -18px); } }

.lead_r {
  position: absolute;
  right: 0; }
  @media screen and (min-width: 768px) {
    .lead_r {
      width: clamp(296.039408867px, 38.5467980296vw, 626px);
      margin-top: clamp(-98px, -6.0344827586vw, -46.3448275862px); } }
  @media screen and (max-width: 767px) {
    .lead_r {
      width: clamp(238px, 61.0256410256vw, 468.676923077px);
      margin-top: clamp(-59.0769230769px, -7.6923076923vw, -30px); } }

.sec-lead {
  position: relative;
  margin-bottom: clamp(50px, 12.8205128205vw, 98.4615384615px); }

@media screen and (min-width: 768px) {
  .p-lead {
    text-align: center;
    margin-top: clamp(30.2660098522px, 3.9408866995vw, 64px);
    margin-bottom: clamp(-4px, -0.2463054187vw, -1.8916256158px);
    font-size: clamp(15.1330049261px, 1.9704433498vw, 32px); } }

@media screen and (max-width: 767px) {
  .p-lead {
    text-align: center;
    padding-top: clamp(60px, 15.3846153846vw, 118.153846154px);
    font-size: clamp(12px, 4.6153846154vw, 18px);
    line-height: 1.7; } }

@media screen and (max-width: 767px) {
  .p-lead + img + .p-h2 {
    margin-top: clamp(30px, 7.6923076923vw, 59.0769230769px); } }

.p-h2 {
  position: relative;
  background: url(../img/lead_tit_bg.png) 50% 100%/clamp(289.418719212px, 37.684729064vw, 612px) auto no-repeat; }
  @media screen and (min-width: 768px) {
    .p-h2 {
      margin-top: clamp(75.6650246305px, 9.8522167488vw, 160px);
      min-width: clamp(289.418719212px, 37.684729064vw, 612px);
      padding-bottom: clamp(30.2660098522px, 3.9408866995vw, 64px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: clamp(15.1330049261px, 1.9704433498vw, 32px); } }
  @media screen and (max-width: 767px) {
    .p-h2 {
      margin-top: clamp(78px, 20vw, 153.6px);
      min-width: clamp(314px, 80.5128205128vw, 618.338461538px);
      max-width: clamp(314px, 80.5128205128vw, 618.338461538px);
      padding-bottom: clamp(34px, 8.7179487179vw, 66.9538461538px);
      display: flex;
      flex-direction: column;
      align-items: center;
      justify-content: center;
      margin-left: auto;
      margin-right: auto;
      margin-bottom: clamp(28px, 7.1794871795vw, 55.1384615385px);
      background: url(../img/lead_tit_bg_sp.png) 50% 100%/100% auto no-repeat; } }
  .p-h2 .beginner {
    display: flex;
    flex-direction: column;
    text-align: center;
    align-items: center;
    line-height: 1.2;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .p-h2 .beginner {
        position: absolute;
        right: clamp(3.7832512315px, 0.4926108374vw, 8px);
        top: clamp(-8px, -0.4926108374vw, -3.7832512315px);
        font-size: clamp(11.3497536946px, 1.4778325123vw, 24px); } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .p-h2 .beginner {
        right: clamp(75.6650246305px, 9.8522167488vw, 160px); } }
    @media screen and (max-width: 767px) {
      .p-h2 .beginner {
        font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
        margin-bottom: clamp(32px, 8.2051282051vw, 63.0153846154px); } }
    @media screen and (min-width: 768px) {
      .p-h2 .beginner img {
        position: static;
        width: clamp(26.0098522167px, 3.3866995074vw, 55px);
        margin-bottom: clamp(15.1330049261px, 1.9704433498vw, 32px); } }
    @media screen and (max-width: 767px) {
      .p-h2 .beginner img {
        display: block;
        margin-left: auto;
        margin-right: auto;
        width: clamp(28px, 7.1794871795vw, 55.1384615385px);
        margin-bottom: clamp(16px, 4.1025641026vw, 31.5076923077px); } }
  .p-h2 small {
    display: block;
    text-align: center;
    line-height: 1; }
    @media screen and (min-width: 768px) {
      .p-h2 small {
        margin-bottom: clamp(23.645320197px, 3.078817734vw, 50px);
        font-size: clamp(15.1330049261px, 1.9704433498vw, 32px); } }
    @media screen and (max-width: 767px) {
      .p-h2 small {
        line-height: 1.7;
        font-size: clamp(18px, 4.6153846154vw, 35.4461538462px);
        margin-bottom: clamp(28px, 7.1794871795vw, 55.1384615385px); } }
  .p-h2 h2 {
    text-align: center;
    line-height: 1;
    font-weight: bold; }
    @media screen and (min-width: 768px) {
      .p-h2 h2 {
        font-size: clamp(19.3891625616px, 2.5246305419vw, 41px); } }
    @media screen and (max-width: 767px) {
      .p-h2 h2 {
        font-size: clamp(21px, 5.3846153846vw, 41.3538461538px); } }

.p-h3 {
  position: relative;
  text-align: center; }
  @media screen and (min-width: 768px) {
    .p-h3 h3 {
      margin-bottom: clamp(19.8620689655px, 2.5862068966vw, 42px);
      font-size: clamp(15.1330049261px, 1.9704433498vw, 32px); } }
  @media screen and (max-width: 767px) {
    .p-h3 h3 {
      margin-bottom: clamp(30px, 7.6923076923vw, 59.0769230769px);
      font-size: clamp(18px, 4.6153846154vw, 35.4461538462px);
      font-feature-settings: "palt";
      margin-left: -1em;
      margin-right: -1em;
      font-weight: bold; } }

@media screen and (max-width: 767px) {
  .c-present-title1 {
    color: #000 !important;
    font-size: clamp(18px, 4.6153846154vw, 35.4461538462px) !important; } }

.p-slash {
  display: flex;
  align-items: center; }
  @media screen and (min-width: 768px) {
    .p-slash {
      gap: 10px;
      margin-top: clamp(-16px, -0.9852216749vw, -7.5665024631px); } }
  @media screen and (max-width: 767px) {
    .p-slash {
      text-align: center;
      align-items: flex-end;
      font-feature-settings: "palt";
      gap: 5px; } }
  .p-slash img {
    width: clamp(7.5665024631px, 0.9852216749vw, 16px);
    min-width: clamp(7.5665024631px, 0.9852216749vw, 16px);
    height: clamp(9.9310344828px, 1.2931034483vw, 21px); }
    @media screen and (max-width: 767px) {
      .p-slash img {
        width: clamp(16px, 4.1025641026vw, 31.5076923077px);
        height: clamp(21px, 5.3846153846vw, 41.3538461538px); } }

@media screen and (max-width: 767px) {
  .c-list-check__note {
    display: inline; } }

@media screen and (min-width: 768px) {
  .c-list-check__note {
    font-size: clamp(16px, 1.724137931vw, 28px); } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .c-list-check__note {
    font-size: 20px; } }

@media screen and (max-width: 767px) {
  .c-list-check__note {
    font-size: clamp(18px, 4.6153846154vw, 35.4461538462px); } }

.present_01 {
  display: block;
  margin-left: auto;
  margin-right: auto; }
  @media screen and (min-width: 768px) {
    .present_01 {
      margin-top: clamp(0px, 0vw, 0px);
      width: clamp(108.768472906px, 14.1625615764vw, 230px); } }
  @media screen and (max-width: 767px) {
    .present_01 {
      margin-top: clamp(12.7684729064px, 1.6625615764vw, 27px);
      width: clamp(230px, 58.9743589744vw, 452.923076923px); } }

.c-list-check {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center; }
  @media screen and (max-width: 767px) {
    .c-list-check {
      display: inline; } }
  @media screen and (min-width: 768px) {
    .c-list-check ul {
      margin-top: clamp(3.7832512315px, 0.4926108374vw, 8px);
      margin-bottom: clamp(9.4581280788px, 1.2315270936vw, 20px); } }
  @media screen and (max-width: 767px) {
    .c-list-check ul {
      display: inline; } }
  @media screen and (min-width: 768px) {
    .c-list-check ul li {
      padding-left: clamp(17.0246305419px, 2.2167487685vw, 36px);
      font-size: clamp(16px, 1.724137931vw, 28px);
      background: url(../img/check.svg) 0 50%/auto 0.8em no-repeat; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-list-check ul li {
      font-size: 20px; } }
  @media screen and (max-width: 767px) {
    .c-list-check ul li {
      font-size: clamp(18px, 4.6153846154vw, 35.4461538462px); } }
  @media screen and (max-width: 767px) {
    .c-list-check ul li {
      display: inline; } }
  .c-list-check p {
    margin-bottom: 0; }

.lead_b {
  position: absolute; }
  @media screen and (min-width: 768px) {
    .lead_b {
      width: clamp(178.75862069px, 23.275862069vw, 378px);
      right: clamp(-280px, -17.2413793103vw, -132.413793103px);
      bottom: clamp(70.9359605911px, 9.236453202vw, 150px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .lead_b {
      width: clamp(178.75862069px, 23.275862069vw, 378px);
      right: 0;
      bottom: clamp(47.2906403941px, 6.157635468vw, 100px); } }
  @media screen and (max-width: 767px) {
    .lead_b {
      display: block;
      position: relative;
      margin-left: auto;
      width: clamp(106px, 27.1794871795vw, 208.738461538px);
      height: auto;
      right: clamp(20px, 5.1282051282vw, 39.3846153846px);
      margin-top: clamp(-19.6923076923px, -2.5641025641vw, -10px);
      margin-bottom: clamp(36px, 9.2307692308vw, 70.8923076923px); } }

.c-reason-list {
  position: relative; }
  @media screen and (min-width: 768px) {
    .c-reason-list {
      margin-bottom: clamp(56.7487684729px, 7.3891625616vw, 120px); } }
  .c-reason-list ol {
    display: flex;
    justify-content: center;
    flex-wrap: wrap; }
    @media screen and (min-width: 768px) {
      .c-reason-list ol {
        gap: clamp(1.8916256158px, 0.2463054187vw, 4px) clamp(13.2413793103px, 1.724137931vw, 28px); } }
    @media screen and (max-width: 767px) {
      .c-reason-list ol {
        display: flex;
        justify-content: center;
        flex-wrap: wrap; } }
  @media screen and (min-width: 768px) {
    .c-reason-list li {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      padding-top: clamp(9.4581280788px, 1.2315270936vw, 20px);
      max-width: clamp(174.975369458px, 22.7832512315vw, 370px);
      width: 33.3%;
      height: clamp(231.724137931px, 30.1724137931vw, 490px);
      padding-left: clamp(14.1871921182px, 1.8472906404vw, 30px);
      padding-right: clamp(14.1871921182px, 1.8472906404vw, 30px);
      background: url(../img/lead_waku.png) 50% 50%/100% 100% no-repeat;
      margin-bottom: clamp(22.6995073892px, 2.9556650246vw, 48px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-reason-list li {
      min-width: 38%;
      max-width: 38%;
      aspect-ratio: 370 / 490;
      height: auto; } }
  @media screen and (max-width: 767px) {
    .c-reason-list li {
      display: flex;
      align-items: center;
      justify-content: flex-start;
      flex-direction: column;
      padding-top: clamp(20px, 5.1282051282vw, 39.3846153846px);
      padding-left: clamp(30px, 7.6923076923vw, 59.0769230769px);
      padding-right: clamp(30px, 7.6923076923vw, 59.0769230769px);
      padding-bottom: clamp(30px, 7.6923076923vw, 59.0769230769px);
      min-height: clamp(260px, 66.6666666667vw, 512px);
      background: url(../img/lead_waku_sp.png) 50% 50%/100% 100% no-repeat;
      margin-bottom: clamp(36px, 9.2307692308vw, 70.8923076923px); } }
  @media screen and (max-width: 767px) {
    .c-reason-list li:nth-child(2) {
      background: url(../img/lead_waku_sp_02.png) 50% 50%/100% 100% no-repeat; } }
  @media screen and (max-width: 767px) {
    .c-reason-list li:nth-child(3) {
      background: url(../img/lead_waku_sp_03.png) 50% 50%/100% 100% no-repeat; } }
  @media screen and (max-width: 767px) {
    .c-reason-list li:nth-child(4) {
      background: url(../img/lead_waku_sp_04.png) 50% 50%/100% 100% no-repeat; } }
  @media screen and (max-width: 767px) {
    .c-reason-list li:nth-child(5) {
      background: url(../img/lead_waku_sp_05.png) 50% 50%/100% 100% no-repeat; } }
  .c-reason-list li span {
    font-family: "GTAmericaYCompressedBold",sans-serif; }
    @media screen and (min-width: 768px) {
      .c-reason-list li span {
        font-weight: bold;
        font-size: clamp(16.5517241379px, 2.1551724138vw, 35px); } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .c-reason-list li span {
        font-size: 20px; } }
    @media screen and (max-width: 767px) {
      .c-reason-list li span {
        margin-top: clamp(-19.6923076923px, -2.5641025641vw, -10px);
        margin-bottom: clamp(-19.6923076923px, -2.5641025641vw, -10px);
        font-size: clamp(12px, 10.2564102564vw, 40px); } }
  .c-reason-list li h3 {
    text-align: center; }
    @media screen and (min-width: 768px) {
      .c-reason-list li h3 {
        margin-top: clamp(9.4581280788px, 1.2315270936vw, 20px);
        margin-bottom: clamp(9.4581280788px, 1.2315270936vw, 20px);
        font-size: clamp(16px, 1.724137931vw, 28px);
        font-weight: normal;
        font-feature-settings: "palt"; } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .c-reason-list li h3 {
        font-size: 20px;
        margin-top: 30px; } }
    @media screen and (max-width: 767px) {
      .c-reason-list li h3 {
        margin-top: clamp(16px, 4.1025641026vw, 31.5076923077px);
        margin-bottom: clamp(16px, 4.1025641026vw, 31.5076923077px);
        font-size: clamp(18px, 4.6153846154vw, 35.4461538462px);
        font-weight: normal;
        font-feature-settings: "palt"; } }
  .c-reason-list li p {
    font-feature-settings: "palt";
    margin-bottom: 0; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-reason-list li.c-reason-list-n5 br {
      display: none; } }

@media screen and (min-width: 768px) {
  .bg-stripe {
    padding-top: clamp(62.4236453202px, 8.1280788177vw, 132px);
    padding-bottom: clamp(104.039408867px, 13.5467980296vw, 220px);
    background: url(../img/bg_stripe.png) 50% 50%/100% 100% no-repeat; } }

@media screen and (min-width: 768px) {
  .bg-stripe.l-present {
    padding-bottom: clamp(37.8325123153px, 4.9261083744vw, 80px);
    background: url(../img/bg-stripe_present.png) 50% 50%/100% 100% no-repeat; } }

@media screen and (max-width: 767px) {
  .bg-stripe.l-present {
    padding-bottom: clamp(37.8325123153px, 4.9261083744vw, 80px);
    background: url(../img/bg-stripe_present_sp.png) 50% 50%/100% 100% no-repeat; } }

@media screen and (max-width: 767px) {
  .bg-stripe {
    padding-top: clamp(40px, 10.2564102564vw, 78.7692307692px);
    padding-bottom: clamp(108px, 27.6923076923vw, 212.676923077px);
    padding-left: clamp(40px, 10.2564102564vw, 78.7692307692px);
    padding-right: clamp(40px, 10.2564102564vw, 78.7692307692px);
    background: url(../img/bg_stripe_sp.png) 50% 50%/100% 100% no-repeat; } }

@media screen and (max-width: 767px) {
  .bg-stripe .p-h2 {
    max-width: clamp(264px, 67.6923076923vw, 519.876923077px);
    min-width: 100%;
    background-size: 100% auto; } }

.flex-center {
  display: flex;
  flex-direction: column;
  align-items: center; }

.c-hr {
  margin-top: clamp(22.2266009852px, 2.89408867vw, 47px);
  min-width: 100%;
  border-top: 1px solid #000; }

.c-present-wrap {
  margin-left: auto;
  margin-right: auto;
  position: relative; }
  @media screen and (min-width: 768px) {
    .c-present-wrap {
      width: clamp(330.088669951px, 42.9802955665vw, 698px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-present-wrap {
      width: clamp(425.615763547px, 55.4187192118vw, 900px); } }
  @media screen and (max-width: 767px) {
    .c-present-wrap .c-btn {
      margin-top: clamp(42px, 10.7692307692vw, 82.7076923077px) !important; } }
  @media screen and (min-width: 768px) {
    .c-present-wrap .p-h3 h3 {
      font-weight: bold;
      font-size: clamp(13.2413793103px, 1.724137931vw, 28px); } }
  @media screen and (max-width: 767px) {
    .c-present-wrap .p-h3 h3 {
      font-size: clamp(21px, 5.3846153846vw, 41.3538461538px);
      text-align: center;
      color: #4b1e78;
      margin-bottom: clamp(20px, 5.1282051282vw, 39.3846153846px); } }

.c-present-wrap + .c-present-wrap {
  border-top: 1px solid #000; }
  @media screen and (min-width: 768px) {
    .c-present-wrap + .c-present-wrap {
      margin-top: clamp(23.1724137931px, 3.0172413793vw, 49px);
      padding-top: clamp(17.4975369458px, 2.2783251232vw, 37px); } }
  @media screen and (max-width: 767px) {
    .c-present-wrap + .c-present-wrap {
      margin-top: clamp(40px, 10.2564102564vw, 78.7692307692px);
      padding-top: clamp(47px, 12.0512820513vw, 92.5538461538px); } }

@media screen and (min-width: 768px) {
  .p-present-lead {
    margin-bottom: clamp(0px, 0vw, 0px); } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .p-present-lead {
    text-align: center;
    display: flex;
    flex-direction: column; } }

@media screen and (max-width: 767px) {
  .p-present-lead {
    text-align: center;
    display: flex;
    flex-direction: column; } }

.position-relative {
  position: relative; }

.icon-beginner {
  position: absolute; }
  @media screen and (min-width: 768px) {
    .icon-beginner {
      right: clamp(4.7290640394px, 0.6157635468vw, 10px);
      width: clamp(10.8768472906px, 1.4162561576vw, 23px);
      top: clamp(28.3743842365px, 3.6945812808vw, 60px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .icon-beginner {
      position: static;
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: clamp(21.7536945813px, 2.8325123153vw, 46px);
      margin-bottom: clamp(14.1871921182px, 1.8472906404vw, 30px); } }
  @media screen and (max-width: 767px) {
    .icon-beginner {
      position: static;
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: clamp(21.7536945813px, 2.8325123153vw, 46px);
      margin-top: clamp(9.4581280788px, 1.2315270936vw, 20px);
      margin-bottom: clamp(14.1871921182px, 1.8472906404vw, 30px); } }

.icons {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  right: 0; }
  @media screen and (min-width: 768px) {
    .icons {
      position: absolute;
      top: clamp(14.1871921182px, 1.8472906404vw, 30px);
      gap: clamp(4.7290640394px, 0.6157635468vw, 10px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .icons {
      margin-left: auto;
      margin-right: auto;
      position: static;
      display: flex;
      justify-content: center;
      width: clamp(21.7536945813px, 2.8325123153vw, 46px);
      margin-bottom: clamp(14.1871921182px, 1.8472906404vw, 30px); } }
  @media screen and (max-width: 767px) {
    .icons {
      position: relative;
      gap: clamp(10px, 2.5641025641vw, 19.6923076923px);
      margin-top: clamp(9.4581280788px, 1.2315270936vw, 20px);
      margin-bottom: clamp(14.1871921182px, 1.8472906404vw, 30px); } }
  .icons i {
    display: flex;
    align-items: center;
    justify-content: center;
    border: 2px solid #765ca4;
    border-radius: 50%;
    font-style: normal;
    text-decoration: none;
    color: #765ca4; }
    @media screen and (min-width: 768px) {
      .icons i {
        width: clamp(30.2660098522px, 3.9408866995vw, 64px);
        height: clamp(30.2660098522px, 3.9408866995vw, 64px); } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .icons i {
        width: 42px;
        min-width: 42px;
        height: 42px; } }
    @media screen and (max-width: 767px) {
      .icons i {
        position: absolute;
        width: clamp(64px, 16.4102564103vw, 126.030769231px);
        min-width: clamp(64px, 16.4102564103vw, 126.030769231px);
        height: clamp(64px, 16.4102564103vw, 126.030769231px);
        font-size: clamp(20px, 5.1282051282vw, 39.3846153846px);
        right: clamp(-204.8px, -26.6666666667vw, -104px);
        top: clamp(-59.0769230769px, -7.6923076923vw, -30px); } }
  .icons img {
    width: clamp(10.8768472906px, 1.4162561576vw, 23px); }
    @media screen and (max-width: 767px) {
      .icons img {
        min-width: clamp(23px, 5.8974358974vw, 45.2923076923px); } }

.c-btn {
  display: flex;
  align-items: center;
  justify-content: center;
  margin-left: auto;
  margin-right: auto;
  background-color: #765ca4;
  color: #fff;
  text-decoration: none; }
  @media screen and (min-width: 768px) {
    .c-btn {
      width: clamp(189.162561576px, 24.6305418719vw, 400px);
      height: clamp(34.0492610837px, 4.4334975369vw, 72px);
      font-size: clamp(16px, 1.724137931vw, 28px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-btn {
      width: 300px;
      height: 54px;
      font-size: 20px; } }
  @media screen and (max-width: 767px) {
    .c-btn {
      width: clamp(260px, 66.6666666667vw, 512px);
      height: clamp(48px, 12.3076923077vw, 94.5230769231px);
      font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
      border-radius: clamp(6px, 1.5384615385vw, 11.8153846154px); } }

@media screen and (min-width: 768px) {
  .c-btn--rounded {
    border-radius: clamp(4.7290640394px, 0.6157635468vw, 10px); } }

.l-lesson {
  position: relative; }
  @media screen and (max-width: 767px) {
    .l-lesson .p-h2 {
      margin-top: clamp(50px, 12.8205128205vw, 98.4615384615px); } }

.img-lesson {
  position: absolute; }
  @media screen and (min-width: 768px) {
    .img-lesson {
      right: clamp(47.2906403941px, 6.157635468vw, 100px);
      top: clamp(387.783251232px, 50.4926108374vw, 820px);
      width: clamp(185.379310345px, 24.1379310345vw, 392px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .img-lesson {
      top: clamp(293.201970443px, 38.1773399015vw, 620px);
      right: clamp(47.2906403941px, 6.157635468vw, 100px);
      width: clamp(113.497536946px, 14.7783251232vw, 240px); } }
  @media screen and (max-width: 767px) {
    .img-lesson {
      position: relative;
      z-index: 10;
      display: block;
      margin-left: auto;
      margin-right: auto;
      width: clamp(187px, 47.9487179487vw, 368.246153846px);
      margin-top: clamp(-118.153846154px, -15.3846153846vw, -60px); } }

@media screen and (min-width: 768px) {
  .table-lesson {
    width: 100%;
    margin-top: clamp(-14px, -0.8620689655vw, -6.6206896552px);
    margin-bottom: clamp(19.8620689655px, 2.5862068966vw, 42px); } }

@media screen and (max-width: 767px) {
  .table-lesson tr td:first-child {
    display: none; } }

@media screen and (min-width: 768px) and (max-width: 1024px) {
  .table-lesson td {
    font-size: 14px; } }

.table-lesson .border td {
  border-left: 1px solid #000;
  padding-left: 0.5em;
  padding-right: 0.5em; }
  .table-lesson .border td:last-child {
    border-right: 1px solid #000; }

.table-lesson .space td {
  font-size: 10px;
  line-height: 1; }

@media screen and (min-width: 768px) {
  .table-lesson + .table-lesson {
    margin-top: 1em; } }

@media screen and (max-width: 767px) {
  .table-lesson + .table-lesson {
    margin-top: 1em; } }

@media screen and (min-width: 768px) {
  .sec-bnr {
    padding-top: clamp(40.6699507389px, 5.2955665025vw, 86px);
    padding-bottom: clamp(42.5615763547px, 5.5418719212vw, 90px); } }

@media screen and (max-width: 767px) {
  .sec-bnr {
    padding: clamp(47px, 12.0512820513vw, 92.5538461538px) clamp(0px, 0vw, 0px); } }

.sec-bnr a {
  position: relative;
  display: block; }
  @media screen and (max-width: 767px) {
    .sec-bnr a {
      max-width: clamp(300px, 76.9230769231vw, 590.769230769px);
      margin-left: auto;
      margin-right: auto; } }
  .sec-bnr a p {
    display: flex;
    justify-content: center;
    align-items: center;
    color: #fff;
    position: absolute;
    font-weight: bold;
    margin-bottom: 0; }
    @media screen and (min-width: 768px) {
      .sec-bnr a p {
        top: 0;
        bottom: 0;
        right: 0;
        width: 50%;
        font-size: clamp(15.1330049261px, 1.9704433498vw, 32px);
        max-width: clamp(300px, 76.9230769231vw, 590.769230769px); } }
    @media screen and (max-width: 767px) {
      .sec-bnr a p {
        top: 60%;
        bottom: 0;
        right: 0;
        width: 100%;
        font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
        max-width: clamp(300px, 76.9230769231vw, 590.769230769px); } }
    @media screen and (max-width: 375px) {
      .sec-bnr a p {
        font-size: clamp(15px, 3.8461538462vw, 29.5384615385px);
        line-height: 1.5; } }

@media screen and (min-width: 768px) {
  .c-present_wrap {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0 0;
    margin-top: clamp(15.1330049261px, 1.9704433498vw, 32px);
    margin-bottom: clamp(19.8620689655px, 2.5862068966vw, 42px); } }

@media screen and (max-width: 767px) {
  .c-present_wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    gap: 0 44px;
    margin-top: clamp(36px, 9.2307692308vw, 70.8923076923px);
    margin-bottom: clamp(36px, 9.2307692308vw, 70.8923076923px);
    border-top: 1px solid #000;
    border-bottom: 1px solid #000;
    padding-top: clamp(32px, 8.2051282051vw, 63.0153846154px);
    padding-bottom: clamp(32px, 8.2051282051vw, 63.0153846154px); } }

@media screen and (max-width: 767px) {
  .c-present_wrap .c-btn {
    margin-top: clamp(42px, 10.7692307692vw, 82.7076923077px) !important; } }

@media screen and (max-width: 767px) {
  .table-title {
    font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
    font-feature-settings: "palt";
    margin-left: -1em;
    margin-right: -1em;
    margin-bottom: 1em;
    line-height: 1; } }

@media screen and (max-width: 767px) {
  .table-lesson + .table-title {
    margin-top: clamp(24px, 6.1538461538vw, 47.2615384615px); } }

.present_or {
  position: relative;
  display: flex;
  justify-content: center; }
  @media screen and (min-width: 768px) {
    .present_or {
      position: relative;
      top: clamp(-20px, -1.2315270936vw, -9.4581280788px); } }
  .present_or span {
    display: flex;
    align-items: center;
    justify-content: center;
    color: #fff;
    border-radius: 50%;
    background-color: #000; }
    @media screen and (min-width: 768px) {
      .present_or span {
        width: clamp(41.6157635468px, 5.4187192118vw, 88px);
        height: clamp(41.6157635468px, 5.4187192118vw, 88px); } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .present_or span {
        width: 66px;
        min-width: 66px;
        height: 66px; } }
    @media screen and (max-width: 767px) {
      .present_or span {
        position: relative;
        width: clamp(88px, 22.5641025641vw, 173.292307692px);
        min-width: clamp(88px, 22.5641025641vw, 173.292307692px);
        height: clamp(88px, 22.5641025641vw, 173.292307692px);
        margin-left: auto;
        margin-right: auto; } }
  @media screen and (max-width: 767px) {
    .present_or:before {
      position: absolute;
      content: "";
      height: 1px;
      background-color: #000;
      width: clamp(255px, 65.3846153846vw, 502.153846154px);
      top: 50%; } }

@media screen and (min-width: 768px) {
  .present_02 {
    width: clamp(229.359605911px, 29.8645320197vw, 485px); } }

@media screen and (max-width: 767px) {
  .present_02 {
    margin-bottom: clamp(24px, 6.1538461538vw, 47.2615384615px); } }

@media screen and (min-width: 768px) {
  .present_03 {
    position: relative;
    width: clamp(229.359605911px, 29.8645320197vw, 485px);
    left: clamp(12.2955665025px, 1.6009852217vw, 26px);
    top: clamp(7.5665024631px, 0.9852216749vw, 16px); } }

@media screen and (max-width: 767px) {
  .present_03 {
    margin-top: clamp(24px, 6.1538461538vw, 47.2615384615px); } }

@media screen and (min-width: 768px) {
  .p-period {
    margin-bottom: clamp(28.3743842365px, 3.6945812808vw, 60px);
    font-size: clamp(15.1330049261px, 1.9704433498vw, 32px); } }

@media screen and (max-width: 767px) {
  .p-period {
    text-align: center;
    margin-bottom: clamp(40px, 10.2564102564vw, 78.7692307692px); } }

@media screen and (min-width: 768px) {
  .l-present {
    padding-top: clamp(89.8522167488px, 11.6995073892vw, 190px);
    padding-bottom: clamp(80.39408867px, 10.4679802956vw, 170px) !important; } }

@media screen and (min-width: 768px) {
  .l-present .p-h2 {
    margin-top: 0; } }

@media screen and (max-width: 767px) {
  .l-present .p-h2 {
    margin-top: clamp(40px, 10.2564102564vw, 78.7692307692px); } }

@media screen and (min-width: 768px) {
  .l-present .c-present-lead {
    margin-top: clamp(6.6206896552px, 0.8620689655vw, 14px); } }

@media screen and (max-width: 767px) {
  .l-present .c-present-lead {
    text-align: center;
    font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
    margin-bottom: 0; } }

@media screen and (max-width: 767px) {
  .l-present.bg-stripe {
    padding-bottom: clamp(80px, 20.5128205128vw, 157.538461538px); } }

@media screen and (min-width: 768px) {
  .sec-voice {
    margin-top: clamp(52.0197044335px, 6.7733990148vw, 110px);
    padding-bottom: clamp(37.8325123153px, 4.9261083744vw, 80px); } }

@media screen and (max-width: 767px) {
  .sec-voice {
    padding-bottom: clamp(52px, 13.3333333333vw, 102.4px); } }

.c-app-bnr {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 2px solid #514761;
  text-decoration: none;
  color: #4b1e78;
  position: relative; }
  @media screen and (min-width: 768px) {
    .c-app-bnr {
      height: clamp(91.7438423645px, 11.9458128079vw, 194px);
      border-radius: clamp(9.4581280788px, 1.2315270936vw, 20px); } }
  @media screen and (max-width: 767px) {
    .c-app-bnr {
      padding-top: clamp(32px, 8.2051282051vw, 63.0153846154px);
      padding-left: clamp(20px, 5.1282051282vw, 39.3846153846px);
      padding-right: clamp(20px, 5.1282051282vw, 39.3846153846px);
      border-width: 4px;
      margin-top: clamp(40px, 10.2564102564vw, 78.7692307692px);
      flex-direction: column;
      border-radius: clamp(40px, 10.2564102564vw, 78.7692307692px); } }
  .c-app-bnr:after {
    position: absolute;
    content: "";
    background: url(../img/arw_purple.png) 50% 50%/contain no-repeat; }
    @media screen and (min-width: 768px) {
      .c-app-bnr:after {
        right: clamp(14.1871921182px, 1.8472906404vw, 30px);
        bottom: clamp(9.4581280788px, 1.2315270936vw, 20px);
        display: block;
        width: clamp(4.7290640394px, 0.6157635468vw, 10px);
        height: clamp(10.4039408867px, 1.354679803vw, 22px); } }
    @media screen and (max-width: 767px) {
      .c-app-bnr:after {
        right: clamp(26px, 6.6666666667vw, 51.2px);
        bottom: clamp(20px, 5.1282051282vw, 39.3846153846px);
        display: block;
        width: clamp(8px, 2.0512820513vw, 15.7538461538px);
        height: clamp(16px, 4.1025641026vw, 31.5076923077px);
        background: url(../img/arw_purple_sp.png) 50% 50%/contain no-repeat; } }

@media screen and (min-width: 768px) {
  .c-app-bnr-l {
    width: clamp(178.75862069px, 23.275862069vw, 378px); } }

@media screen and (max-width: 767px) {
  .c-app-bnr-l {
    margin-bottom: clamp(15px, 3.8461538462vw, 29.5384615385px); } }

@media screen and (max-width: 767px) {
  .c-app-bnr-c {
    order: 3; } }

@media screen and (min-width: 768px) {
  .c-app-bnr-c img {
    position: absolute;
    bottom: 0;
    width: clamp(102.147783251px, 13.3004926108vw, 216px); } }

@media screen and (max-width: 767px) {
  .c-app-bnr-c img {
    width: clamp(134px, 34.358974359vw, 263.876923077px); } }

@media screen and (min-width: 768px) {
  .c-app-bnr-c {
    margin-left: clamp(18.9162561576px, 2.4630541872vw, 40px);
    margin-right: clamp(16.5517241379px, 2.1551724138vw, 35px);
    width: clamp(102.147783251px, 13.3004926108vw, 216px); } }

@media screen and (max-width: 767px) {
  .c-app-bnr-r {
    order: 2; } }

.c-app-bnr-r dd {
  font-weight: bold;
  font-feature-settings: "palt"; }
  @media screen and (min-width: 768px) {
    .c-app-bnr-r dd {
      font-size: clamp(9.4581280788px, 1.2315270936vw, 20px); } }
  @media screen and (max-width: 767px) {
    .c-app-bnr-r dd {
      text-align: center; } }

.c-app-bnr-r dt {
  font-weight: bold;
  margin-top: 0.1em; }
  @media screen and (min-width: 768px) {
    .c-app-bnr-r dt {
      font-feature-settings: "palt";
      font-size: clamp(15.1330049261px, 1.9704433498vw, 32px); } }
  @media screen and (max-width: 767px) {
    .c-app-bnr-r dt {
      font-size: clamp(20px, 5.1282051282vw, 39.3846153846px);
      font-weight: bold;
      margin-top: 0.5em;
      letter-spacing: .05em; } }

@media screen and (min-width: 768px) {
  .c-voice-list {
    margin-top: clamp(25.5369458128px, 3.3251231527vw, 54px); } }

.c-voice-list ul {
  padding: 0;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .c-voice-list ul {
      display: flex;
      justify-content: center;
      gap: clamp(15.1330049261px, 1.9704433498vw, 32px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-voice-list ul {
      gap: 10px; } }
  @media screen and (max-width: 767px) {
    .c-voice-list ul {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: clamp(18px, 4.6153846154vw, 35.4461538462px); } }

.c-voice-list li {
  position: relative; }
  @media screen and (min-width: 768px) {
    .c-voice-list li {
      display: flex;
      justify-content: center;
      align-items: center;
      width: clamp(181.123152709px, 23.5837438424vw, 383px);
      height: clamp(171.192118227px, 22.2906403941vw, 362px);
      padding-bottom: clamp(32.157635468px, 4.1871921182vw, 68px);
      background: url(../img/bg_voice_l.png) 50% 50%/100% 100% no-repeat; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-voice-list li {
      display: flex;
      justify-content: center;
      align-items: center;
      width: 100%;
      height: clamp(189.162561576px, 24.6305418719vw, 400px);
      padding-bottom: clamp(32.157635468px, 4.1871921182vw, 68px);
      padding-left: clamp(15.1330049261px, 1.9704433498vw, 32px);
      padding-right: clamp(15.1330049261px, 1.9704433498vw, 32px); }
      .c-voice-list li br {
        display: none; } }
  @media screen and (max-width: 767px) {
    .c-voice-list li {
      display: block;
      width: clamp(340px, 87.1794871795vw, 669.538461538px);
      height: auto;
      padding-left: clamp(35px, 8.9743589744vw, 68.9230769231px);
      padding-right: clamp(35px, 8.9743589744vw, 68.9230769231px);
      background: url(../img/bg_voice_l_sp.png) 50% 0/contain no-repeat !important; } }
  @media screen and (max-width: 767px) {
    .c-voice-list li dt {
      padding-top: clamp(26px, 6.6666666667vw, 51.2px);
      font-size: clamp(16px, 4.1025641026vw, 31.5076923077px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-voice-list li dt, .c-voice-list li dd {
      font-size: 14px; } }
  @media screen and (min-width: 768px) {
    .c-voice-list li dd {
      margin-top: 1em; } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-voice-list li dd {
      margin-top: 1em; } }
  @media screen and (max-width: 767px) {
    .c-voice-list li dd {
      position: absolute;
      right: 0;
      top: clamp(150px, 38.4615384615vw, 295.384615385px);
      color: #4b1e78;
      font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
      text-align: right; } }
  @media screen and (min-width: 768px) {
    .c-voice-list li:first-child {
      background: url(../img/bg_voice_r.png) 50% 50%/100% 100% no-repeat; } }
  @media screen and (max-width: 767px) {
    .c-voice-list li:nth-child(2) {
      background: url(../img/bg_voice_r_sp.png) 50% 0/contain no-repeat !important; } }
  @media screen and (max-width: 767px) {
    .c-voice-list li:nth-child(2) dd {
      right: 0;
      left: 0;
      text-align: left; } }

@media screen and (min-width: 768px) {
  .voice_01 {
    position: absolute;
    width: clamp(49.6551724138px, 6.4655172414vw, 105px);
    top: 70%;
    right: 3%; } }

@media screen and (max-width: 767px) {
  .voice_01 {
    width: clamp(73px, 18.7179487179vw, 143.753846154px);
    margin-left: clamp(30px, 7.6923076923vw, 59.0769230769px);
    margin-top: clamp(12px, 3.0769230769vw, 23.6307692308px); } }

@media screen and (min-width: 768px) {
  .voice_02 {
    position: absolute;
    width: clamp(43.5073891626px, 5.6650246305vw, 92px);
    top: 85%;
    left: 18%; } }

@media screen and (max-width: 767px) {
  .voice_02 {
    width: clamp(64px, 16.4102564103vw, 126.030769231px);
    margin-left: clamp(180px, 46.1538461538vw, 354.461538462px); } }

@media screen and (min-width: 768px) {
  .voice_03 {
    position: absolute;
    width: clamp(44.9261083744px, 5.8497536946vw, 95px);
    top: 75%;
    left: 16%; } }

@media screen and (max-width: 767px) {
  .voice_03 {
    transform: scaleX(-1);
    width: clamp(71px, 18.2051282051vw, 139.815384615px);
    margin-left: clamp(10px, 2.5641025641vw, 19.6923076923px);
    margin-top: clamp(10px, 2.5641025641vw, 19.6923076923px); } }

@media screen and (min-width: 768px) {
  .c-teacher-list {
    margin-top: clamp(132.413793103px, 17.2413793103vw, 280px); } }

.c-teacher-list ul {
  padding: 0;
  margin: 0; }
  @media screen and (min-width: 768px) {
    .c-teacher-list ul {
      display: flex;
      justify-content: center;
      gap: clamp(15.1330049261px, 1.9704433498vw, 32px);
      margin-top: clamp(20.8078817734px, 2.7093596059vw, 44px); } }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-teacher-list ul {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px; } }
  @media screen and (max-width: 767px) {
    .c-teacher-list ul {
      display: grid;
      grid-template-columns: repeat(1, 1fr);
      gap: clamp(56px, 14.358974359vw, 110.276923077px); } }

.c-teacher-list li {
  position: relative; }
  @media screen and (min-width: 768px) and (max-width: 1024px) {
    .c-teacher-list li {
      display: flex;
      flex-direction: column;
      align-items: center; } }
  .c-teacher-list li p {
    grid-template-columns: repeat(3, 1fr); }
    @media screen and (min-width: 768px) {
      .c-teacher-list li p {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        width: clamp(181.123152709px, 23.5837438424vw, 383px);
        height: clamp(295.093596059px, 38.4236453202vw, 624px);
        padding: clamp(18.9162561576px, 2.4630541872vw, 40px) clamp(19.8620689655px, 2.5862068966vw, 42px) clamp(23.645320197px, 3.078817734vw, 50px) clamp(19.8620689655px, 2.5862068966vw, 42px);
        line-height: 1.6;
        font-size: clamp(9.4581280788px, 1.2315270936vw, 20px);
        background: url(../img/bg_teacher_r.png) 50% 50%/100% 100% no-repeat; } }
    @media screen and (max-width: 767px) {
      .c-teacher-list li p {
        display: flex;
        justify-content: center;
        align-items: flex-start;
        aspect-ratio: 350 / 440;
        width: 100%;
        height: auto;
        max-width: 350px;
        padding: clamp(32px, 8.2051282051vw, 63.0153846154px) clamp(32px, 8.2051282051vw, 63.0153846154px);
        font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
        font-feature-settings: "palt";
        line-height: 1.6;
        margin-left: auto;
        margin-right: auto;
        background: url(../img/bg_voice_c_sp.png) 50% 0/100% 100% no-repeat; } }
    @media (min-width: 1025px) and (max-width: 1300px) {
      .c-teacher-list li p {
        padding-left: clamp(18.9162561576px, 2.4630541872vw, 40px);
        padding-right: clamp(14.1871921182px, 1.8472906404vw, 30px);
        padding-bottom: clamp(42.5615763547px, 5.5418719212vw, 90px); } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .c-teacher-list li p {
        width: 100%;
        padding-left: clamp(18.9162561576px, 2.4630541872vw, 40px);
        padding-right: clamp(14.1871921182px, 1.8472906404vw, 30px);
        padding-bottom: clamp(42.5615763547px, 5.5418719212vw, 90px);
        font-size: clamp(11.3497536946px, 1.4778325123vw, 24px); } }
    @media screen and (min-width: 768px) and (max-width: 1024px) {
      .c-teacher-list li p br {
        display: none; } }
  .c-teacher-list li figure {
    display: flex;
    flex-direction: column;
    align-items: center; }
    @media screen and (min-width: 768px) {
      .c-teacher-list li figure {
        margin-top: clamp(11.3497536946px, 1.4778325123vw, 24px); } }
    @media screen and (max-width: 767px) {
      .c-teacher-list li figure {
        margin-top: clamp(30px, 7.6923076923vw, 59.0769230769px); } }
    @media screen and (min-width: 768px) {
      .c-teacher-list li figure img {
        width: clamp(81.3399014778px, 10.5911330049vw, 172px); } }
    @media screen and (max-width: 767px) {
      .c-teacher-list li figure img {
        width: clamp(150px, 38.4615384615vw, 295.384615385px); } }
    .c-teacher-list li figure figcaption {
      margin-top: 0.5em; }
      @media screen and (max-width: 767px) {
        .c-teacher-list li figure figcaption {
          margin-top: 0.8em; } }

.sec-faq {
  position: relative; }
  @media screen and (min-width: 768px) {
    .sec-faq {
      padding-top: clamp(37.8325123153px, 4.9261083744vw, 80px);
      padding-bottom: clamp(37.8325123153px, 4.9261083744vw, 80px);
      background-color: #fff8eb; } }
  @media screen and (max-width: 767px) {
    .sec-faq {
      padding-top: clamp(80px, 20.5128205128vw, 157.538461538px);
      padding-bottom: clamp(80px, 20.5128205128vw, 157.538461538px);
      background-color: #fff8eb; } }
  .sec-faq .p-h2 {
    margin-top: 0; }

.faq_r {
  position: absolute;
  top: 0;
  right: 0; }
  @media screen and (min-width: 768px) {
    .faq_r {
      width: clamp(296.039408867px, 38.5467980296vw, 626px); } }
  @media screen and (max-width: 767px) {
    .faq_r {
      width: clamp(200px, 51.2820512821vw, 393.846153846px); } }

.c-faq {
  position: relative;
  z-index: 10;
  background-color: #fff; }
  @media screen and (min-width: 768px) {
    .c-faq {
      padding-top: clamp(14.1871921182px, 1.8472906404vw, 30px);
      padding-bottom: clamp(14.1871921182px, 1.8472906404vw, 30px);
      padding-left: clamp(30.2660098522px, 3.9408866995vw, 64px);
      padding-right: clamp(30.2660098522px, 3.9408866995vw, 64px); } }
  @media screen and (max-width: 767px) {
    .c-faq {
      padding-top: clamp(16px, 4.1025641026vw, 31.5076923077px);
      padding-bottom: clamp(16px, 4.1025641026vw, 31.5076923077px);
      padding-left: clamp(16px, 4.1025641026vw, 31.5076923077px);
      padding-right: clamp(16px, 4.1025641026vw, 31.5076923077px); } }
  .c-faq dt {
    position: relative;
    display: flex;
    align-items: flex-start;
    font-feature-settings: "palt"; }
    .c-faq dt:before {
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      content: "Q";
      color: #fff;
      background-color: #ca4476;
      line-height: 1;
      padding-bottom: 0.1em; }
      @media screen and (min-width: 768px) {
        .c-faq dt:before {
          font-size: clamp(11.3497536946px, 1.4778325123vw, 24px);
          min-width: clamp(24.5911330049px, 3.2019704433vw, 52px);
          height: clamp(24.5911330049px, 3.2019704433vw, 52px);
          margin-right: clamp(13.2413793103px, 1.724137931vw, 28px); } }
      @media screen and (max-width: 767px) {
        .c-faq dt:before {
          font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
          min-width: clamp(33px, 8.4615384615vw, 64.9846153846px);
          height: clamp(33px, 8.4615384615vw, 64.9846153846px);
          margin-right: clamp(10px, 2.5641025641vw, 19.6923076923px); } }
  .c-faq dd {
    position: relative;
    display: flex;
    align-items: flex-start; }
    @media screen and (min-width: 768px) {
      .c-faq dd {
        margin-top: clamp(13.2413793103px, 1.724137931vw, 28px); } }
    @media screen and (max-width: 767px) {
      .c-faq dd {
        margin-top: clamp(16px, 4.1025641026vw, 31.5076923077px);
        font-feature-settings: "palt"; } }
    .c-faq dd:before {
      padding-bottom: 0.1em;
      line-height: 1;
      position: relative;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 50%;
      content: "A";
      color: #fff;
      background-color: #006eb4; }
      @media screen and (min-width: 768px) {
        .c-faq dd:before {
          min-width: clamp(24.5911330049px, 3.2019704433vw, 52px);
          height: clamp(24.5911330049px, 3.2019704433vw, 52px);
          margin-right: clamp(13.2413793103px, 1.724137931vw, 28px);
          font-size: clamp(11.3497536946px, 1.4778325123vw, 24px); } }
      @media screen and (max-width: 767px) {
        .c-faq dd:before {
          font-size: clamp(16px, 4.1025641026vw, 31.5076923077px);
          min-width: clamp(33px, 8.4615384615vw, 64.9846153846px);
          height: clamp(33px, 8.4615384615vw, 64.9846153846px);
          margin-right: clamp(10px, 2.5641025641vw, 19.6923076923px); } }
  @media screen and (min-width: 768px) {
    .c-faq.c-faq {
      margin-top: clamp(5.6748768473px, 0.7389162562vw, 12px); } }
  @media screen and (max-width: 767px) {
    .c-faq.c-faq {
      margin-top: clamp(14px, 3.5897435897vw, 27.5692307692px); } }

.ai-center {
  align-items: center !important; }

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

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