@charset "UTF-8";
@font-face {
  font-family: "GenJyuuGothicL";
  src: url(../font/GenJyuuGothicL-Bold.ttf) format("truetype");
  font-weight: 700;
}
@font-face {
  font-family: "GenJyuuGothicL";
  src: url(../font/GenJyuuGothicL-Medium.ttf) format("truetype");
  font-weight: 500;
}
body {
  font-family: "noto-sans-cjk-jp", sans-serif;
}

.u-desktop {
  display: block;
}
@media screen and (max-width: 768px) {
  .u-desktop {
    display: none;
  }
}

.u-mobile {
  display: none;
}
@media screen and (max-width: 768px) {
  .u-mobile {
    display: block;
  }
}

.test {
  font-size: 16px;
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: "GenJyuuGothicL", sans-serif;
}

/* リキッドレイアウト対応 */
html {
  font-size: 16px;
}
@media (max-width: 375px) {
  html {
    font-size: 4.2666666667vw;
  }
}
@media screen and (max-width: 768px) {
  html {
    font-size: 1.3793103448vw;
  }
}
@media (min-width: 1160px) {
  html {
    font-size: 16px;
  }
}

/* pcの電話番号発信対応 */
@media screen and (max-width: 768px) {
  a[href^="tel:"] {
    pointer-events: none;
  }
}

a {
  text-decoration: none;
  color: inherit;
}

img {
  height: 100% !important;
  -o-object-fit: cover;
     object-fit: cover;
}

*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* Remove default padding */
ul,
ol {
  padding: 0;
}

/* Remove default margin */
body,
h1,
h2,
h3,
h4,
p,
ul,
ol,
figure,
blockquote,
dl,
dd {
  margin: 0;
}

/* Set core root defaults */
/* Set core body defaults */
body {
  min-height: 100vh;
  text-rendering: optimizeSpeed;
  line-height: 1.5;
}

/* Remove list styles on ul, ol elements with a class attribute */
ul,
ol {
  list-style: none;
}

/* A elements that don't have a class get default styles */
a:not([class]) {
  text-decoration-skip-ink: auto;
}

/* Make images easier to work with */
img {
  max-width: 100%;
  display: block;
  width: 100%;
}

/* Natural flow and rhythm in articles by default */
article > * + * {
  margin-top: 1em;
}

/* Inherit fonts for inputs and buttons */
input,
button,
textarea,
select {
  font: inherit;
}

/* Blur images when they have no alt attribute */
img:not([alt]) {
  filter: url('data:image/svg+xml;charset=utf-8,<svg xmlns="http://www.w3.org/2000/svg"><filter id="filter"><feGaussianBlur stdDeviation="10" /></filter></svg>#filter');
  -webkit-filter: blur(10px);
          filter: blur(10px);
}

/* フォームリセット */
input,
button,
select,
textarea {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background: transparent;
  border: none;
  border-radius: 0;
  font: inherit;
  outline: none;
}

textarea {
  resize: vertical;
}

input[type=checkbox],
input[type=radio] {
  display: none;
}

input[type=submit],
input[type=button],
label,
button,
select {
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.about-about {
  position: relative;
}
.about-about::before {
  content: "";
  display: block;
  width: min(18.0833333333vw, 217px);
  height: min(3.8333333333vw, 46px);
  background-color: #fff;
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%) translateY(calc(100% - 1px));
          transform: translateX(-50%) translateY(calc(100% - 1px));
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about-about::before {
    width: 28.9333333333vw;
    height: 6.1333333333vw;
  }
}

.about-about__title {
  margin-bottom: min(3.6363636364vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .about-about__title {
    margin-bottom: min(5.3333333333vw, 40px);
  }
}

.about-about__copy {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.0909090909vw, 23px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-about__copy {
    font-size: min(6.9333333333vw, 52px);
    margin-bottom: min(3.3333333333vw, 25px);
  }
}

.about-about__square {
  width: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.5454545455vw, 17px);
}
@media screen and (max-width: 768px) {
  .about-about__square {
    width: 18.4vw;
  }
}

.about-about__copy-en {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .about-about__copy-en {
    font-size: min(3.2vw, 24px);
  }
}

.about-about__content {
  width: 100%;
  max-width: 1284px;
  margin-left: auto;
  margin-right: auto;
}

.about-education {
  margin-bottom: min(14.1666666667vw, 170px);
}

.about-education__title {
  margin-bottom: min(9.2727272727vw, 102px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-education__copy {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.0909090909vw, 23px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-education__copy {
    font-size: min(6.9333333333vw, 52px);
    line-height: 1.4;
    margin-bottom: min(3.3333333333vw, 25px);
  }
}

.about-education__square {
  width: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.5454545455vw, 17px);
}
@media screen and (max-width: 768px) {
  .about-education__square {
    width: 18.4vw;
  }
}

.about-education__copy-en {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .about-education__copy-en {
    font-size: min(3.2vw, 24px);
  }
}

.about-education__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  width: min(100vw, 1300px);
  margin-left: auto;
  margin-right: auto;
}

.about-education__content {
  width: min(91.6666666667vw, 1100px);
  margin-left: auto;
  margin-right: auto;
}

.about-education__label {
  width: 100%;
  padding: min(1.0833333333vw, 13px) min(3.75vw, 45px);
  font-size: min(2.6666666667vw, 32px);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.035em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: min(2.5vw, 30px);
}
@media screen and (max-width: 768px) {
  .about-education__label {
    font-size: min(5.3333333333vw, 40px);
    padding: min(1.7333333333vw, 13px) min(6vw, 45px);
  }
}

.about-education__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media screen and (max-width: 768px) {
  .about-education__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.about-education__read {
  font-size: min(1.5vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: min(3vw, 36px);
}
@media screen and (max-width: 768px) {
  .about-education__read {
    font-size: min(3.4666666667vw, 26px);
    line-height: 1.8;
  }
}

.about-education__sub-read {
  font-size: min(1.8333333333vw, 22px);
  font-weight: 700;
  line-height: 1.6363636364;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-education__sub-read {
    font-size: min(3.7333333333vw, 28px);
  }
}

.about-education__box {
  border: 2px solid #00a960;
  border-radius: 12px;
  padding: min(2vw, 24px) min(2.5vw, 30px);
  margin: min(1.6666666667vw, 20px) 0;
}
@media screen and (max-width: 768px) {
  .about-education__box {
    padding: min(3.2vw, 24px) min(4vw, 30px);
    border-radius: 1.6vw;
  }
}

.about-education__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(1.25vw, 15px);
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-education__items {
    row-gap: min(2vw, 15px);
  }
}

.about-education__item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-education__head {
  width: min(10.8333333333vw, 130px);
  font-size: min(1.6666666667vw, 20px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-education__head {
    width: min(25.3333333333vw, 190px);
    font-size: min(3.7333333333vw, 28px);
  }
}

.about-education__word {
  font-size: min(1.6666666667vw, 20px);
  font-weight: 700;
  line-height: 1;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-education__word {
    font-size: min(3.7333333333vw, 28px);
  }
}

.about-education__item--01 span {
  color: #ec6800;
}
.about-education__item--01 .about-education__word {
  color: #ec6800;
}

.about-education__item--02 span {
  color: #d95c93;
}
.about-education__item--02 .about-education__word {
  color: #d95c93;
}

.about-education__item--03 span {
  color: #ebc32d;
}
.about-education__item--03 .about-education__word {
  color: #ebc32d;
}

.about-education__item--04 span {
  color: #9b1770;
}
.about-education__item--04 .about-education__word {
  color: #9b1770;
}

.about-education__item--05 span {
  color: #00a960;
}
.about-education__item--05 .about-education__word {
  color: #00a960;
}

.about-education__content--blue {
  margin-bottom: min(7.6666666667vw, 92px);
}
.about-education__content--blue .about-education__label {
  background-color: #00afc8;
}
.about-education__content--blue .about-education__sub-read {
  color: #00afc8;
}
@media screen and (max-width: 768px) {
  .about-education__content--blue .about-education__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.about-education__content--blue .about-education__left {
  width: min(43vw, 516px);
}
@media screen and (max-width: 768px) {
  .about-education__content--blue .about-education__left {
    width: 100%;
  }
}
.about-education__content--blue .about-education__right {
  width: min(53.3333333333vw, 640px);
  border-radius: 12px 0 0 12px;
  margin-top: max(-11.6666666667vw, -140px);
  margin-right: max(-10vw, -120px);
}
@media screen and (max-width: 768px) {
  .about-education__content--blue .about-education__right {
    width: 100%;
    border-radius: 1.6vw;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: min(4.2666666667vw, 32px);
  }
}

.about-education__content--orange {
  margin-bottom: min(7.5833333333vw, 91px);
}
.about-education__content--orange .about-education__label {
  background-color: #ec6800;
}
.about-education__content--orange .about-education__sub-read {
  color: #ec6800;
}
.about-education__content--orange .about-education__left {
  margin-top: min(1vw, 12px);
  width: min(43.3333333333vw, 520px);
}
@media screen and (max-width: 768px) {
  .about-education__content--orange .about-education__left {
    width: 100%;
    margin-top: 0;
    margin-bottom: min(4.2666666667vw, 32px);
  }
}
.about-education__content--orange .about-education__right {
  width: min(42.1666666667vw, 506px);
}
@media screen and (max-width: 768px) {
  .about-education__content--orange .about-education__right {
    width: 100%;
  }
}

.about-education__content--green .about-education__label {
  background-color: #00a960;
}
.about-education__content--green .about-education__wrapper {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
@media screen and (max-width: 768px) {
  .about-education__content--green .about-education__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
  }
}
.about-education__content--green .about-education__sub-read {
  color: #00a960;
}
.about-education__content--green .about-education__left {
  width: min(43.3333333333vw, 520px);
}
@media screen and (max-width: 768px) {
  .about-education__content--green .about-education__left {
    width: 100%;
  }
}
.about-education__content--green .about-education__right {
  width: min(42.5vw, 510px);
}
@media screen and (max-width: 768px) {
  .about-education__content--green .about-education__right {
    width: 100%;
    padding-right: 4.2666666667vw;
  }
}
.about-education__content--green .about-education__right img {
  height: auto !important;
}

.about-learn {
  margin-bottom: min(4.1666666667vw, 50px);
}

.about-learn__title {
  margin-bottom: min(5.2727272727vw, 58px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-learn__copy {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.0909090909vw, 23px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-learn__copy {
    font-size: min(6.9333333333vw, 52px);
    line-height: 1.4;
    margin-bottom: min(3.3333333333vw, 25px);
  }
}

.about-learn__square {
  width: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.5454545455vw, 17px);
}
@media screen and (max-width: 768px) {
  .about-learn__square {
    width: 18.4vw;
  }
}

.about-learn__copy-en {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .about-learn__copy-en {
    font-size: min(3.2vw, 24px);
  }
}

.about-learn__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-right: 70px;
  width: min(100vw, 1300px);
  margin-left: auto;
  margin-right: auto;
  -webkit-column-gap: 64px;
     -moz-column-gap: 64px;
          column-gap: 64px;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 1300px) {
  .about-learn__contents {
    padding-right: min(4.6666666667vw, 70px);
    -webkit-column-gap: min(4.2666666667vw, 64px);
       -moz-column-gap: min(4.2666666667vw, 64px);
            column-gap: min(4.2666666667vw, 64px);
  }
}
@media screen and (max-width: 768px) {
  .about-learn__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 0 20px;
    row-gap: min(4.2666666667vw, 32px);
    margin-bottom: min(4.2666666667vw, 32px);
  }
}

.about-learn__img {
  width: min(46.9230769231vw, 610px);
  min-width: min(46.9230769231vw, 610px);
  border-radius: 0 12px 12px 0;
}
@media screen and (max-width: 768px) {
  .about-learn__img {
    width: 100%;
    min-width: auto;
    border-radius: 1.8666666667vw;
    -webkit-box-shadow: 3px 3px 5px rgba(0, 0, 0, .12);
            box-shadow: 3px 3px 5px rgba(0, 0, 0, .12);
  }
}
.about-learn__img img {
  border-radius: 0 12px 12px 0;
}
@media screen and (max-width: 768px) {
  .about-learn__img img {
    border-radius: 1.8666666667vw;
  }
}

.about-learn__text p {
  font-size: min(1.5vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2.2222222222;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-learn__text p {
    font-size: min(3.7333333333vw, 28px);
    line-height: 1.6;
  }
}

.about-learn__wrapper {
  margin-top: max(-5.1666666667vw, -62px);
  position: relative;
  z-index: 0;
  overflow: hidden;
}
@media screen and (max-width: 1300px) {
  .about-learn__wrapper {
    overflow: visible;
  }
}
@media screen and (max-width: 1000px) {
  .about-learn__wrapper {
    margin-top: -2.3407022107vw;
  }
}
@media screen and (max-width: 768px) {
  .about-learn__wrapper {
    margin-top: 0;
  }
}

.about-learn__nami-top {
  position: relative;
  z-index: -1;
  outline: 5px solid #fff;
}

.about-learn__nami-bottom {
  position: relative;
  z-index: -2;
}

.about-learn__container {
  margin-top: -11.1538461538vw;
  margin-bottom: -27.6923076923vw;
  position: relative;
}
.about-learn__container::before {
  content: "";
  position: absolute;
  top: -5%;
  left: 0;
  right: 0;
  bottom: 35%;
  background-color: #fff799;
}
@media screen and (max-width: 768px) {
  .about-learn__container::before {
    top: -3%;
    bottom: 10%;
  }
}

.about-learn__inner {
  position: relative;
}

.about-learn__object-top {
  position: absolute;
  top: max(-12.0833333333vw, -145px);
  right: min(2.5vw, 30px);
  width: min(17.0833333333vw, 205px);
}
@media screen and (max-width: 768px) {
  .about-learn__object-top {
    top: max(-19.3333333333vw, -145px);
    right: min(4vw, 30px);
    width: min(27.3333333333vw, 205px);
  }
}

.about-learn__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(3.1666666667vw, 38px);
  margin: 0;
}

.about-learn__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-learn__box {
  background-color: #fff;
  border-radius: min(1.6666666667vw, 20px);
  font-size: min(2.5vw, 30px);
  font-weight: 700;
  line-height: 1.4666666667;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .about-learn__box {
    font-size: min(4.2666666667vw, 32px);
  }
}

.about-learn__block {
  width: min(74.1666666667vw, 890px);
  margin-top: min(1.9166666667vw, 23px);
  border-radius: min(1vw, 12px);
  font-size: min(1.5vw, 18px);
  font-weight: 300;
  color: #fff;
  line-height: 1.8888888889;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  position: relative;
}
@media screen and (max-width: 768px) {
  .about-learn__block {
    width: min(118.6666666667vw, 890px);
    margin-top: min(3.0666666667vw, 23px);
    font-size: min(3.7333333333vw, 28px);
    line-height: 1.4;
  }
}
.about-learn__block::before {
  content: "";
  width: min(2.0833333333vw, 25px);
  height: min(2.0833333333vw, 25px);
  -webkit-clip-path: polygon(100% 0, 0 0, 0 100%);
          clip-path: polygon(100% 0, 0 0, 0 100%);
  position: absolute;
}
@media screen and (max-width: 768px) {
  .about-learn__block::before {
    width: min(3.3333333333vw, 25px);
    height: min(3.3333333333vw, 25px);
  }
}

.about-learn__list--green .about-learn__box {
  border: 4px solid #00a960;
  color: #00a960;
  width: min(20.5vw, 246px);
  min-width: min(20.5vw, 246px);
  height: min(15.75vw, 189px);
  margin-right: max(-2.3333333333vw, -28px);
}
@media screen and (max-width: 768px) {
  .about-learn__list--green .about-learn__box {
    width: min(32.8vw, 246px);
    min-width: min(32.8vw, 246px);
    height: min(25.2vw, 189px);
    margin-right: max(-3.7333333333vw, -28px);
    border-width: min(0.5333333333vw, 4px);
  }
}
.about-learn__list--green .about-learn__block {
  background-color: #00a960;
  padding: min(2.3333333333vw, 28px) min(3.5vw, 42px) min(2.1666666667vw, 26px) min(5.25vw, 63px);
}
.about-learn__list--green .about-learn__block::before {
  background-color: #007945;
  left: 0;
  bottom: min(1vw, 12px);
}
@media screen and (max-width: 768px) {
  .about-learn__list--green .about-learn__block::before {
    bottom: auto;
    top: min(21.6vw, 161px);
  }
}

.about-learn__list--blue {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}
.about-learn__list--blue .about-learn__box {
  border: 4px solid #00afc8;
  color: #00afc8;
  width: min(21.6666666667vw, 260px);
  min-width: min(21.6666666667vw, 260px);
  height: min(15.75vw, 189px);
  margin-left: max(-3.3333333333vw, -40px);
}
@media screen and (max-width: 768px) {
  .about-learn__list--blue .about-learn__box {
    width: min(34.6666666667vw, 260px);
    min-width: min(34.6666666667vw, 260px);
    height: min(25.2vw, 189px);
    margin-left: max(-5.3333333333vw, -40px);
    border-width: min(0.5333333333vw, 4px);
  }
}
.about-learn__list--blue .about-learn__block {
  margin-top: min(2.5833333333vw, 31px);
  background-color: #00afc8;
  padding: min(2.25vw, 27px) min(6.5vw, 78px) min(2.25vw, 27px) min(5vw, 60px);
}
@media screen and (max-width: 768px) {
  .about-learn__list--blue .about-learn__block {
    margin-top: min(4.1333333333vw, 31px);
  }
}
.about-learn__list--blue .about-learn__block::before {
  background-color: #008193;
  -webkit-clip-path: polygon(100% 100%, 100% 0, 0 0);
          clip-path: polygon(100% 100%, 100% 0, 0 0);
  right: 0;
  bottom: min(0.8333333333vw, 10px);
}
@media screen and (max-width: 768px) {
  .about-learn__list--blue .about-learn__block::before {
    bottom: auto;
    top: min(20.8vw, 156px);
  }
}

.about-learn__list--orange .about-learn__box {
  border: 4px solid #ec6800;
  color: #ec6800;
  width: min(20.5vw, 246px);
  min-width: min(20.5vw, 246px);
  height: min(15.75vw, 189px);
  margin-right: max(-2.3333333333vw, -28px);
}
@media screen and (max-width: 768px) {
  .about-learn__list--orange .about-learn__box {
    width: min(32.8vw, 246px);
    min-width: min(32.8vw, 246px);
    height: min(25.2vw, 189px);
    margin-right: max(-3.7333333333vw, -28px);
    border-width: min(0.5333333333vw, 4px);
  }
}
.about-learn__list--orange .about-learn__block {
  background-color: #ec6800;
  padding: min(2.25vw, 27px) min(3.5vw, 42px) min(2.25vw, 27px) min(5.25vw, 63px);
}
.about-learn__list--orange .about-learn__block::before {
  background-color: #b04e00;
  left: 0;
  bottom: min(1.0833333333vw, 13px);
}
@media screen and (max-width: 768px) {
  .about-learn__list--orange .about-learn__block::before {
    bottom: auto;
    top: min(21.6vw, 161px);
  }
}

.about-learn__object-bottom {
  position: absolute;
  bottom: max(-18.3333333333vw, -220px);
  left: min(5.75vw, 69px);
  width: min(12.5833333333vw, 151px);
}
@media screen and (max-width: 768px) {
  .about-learn__object-bottom {
    bottom: max(-20vw, -150px);
    left: min(9.2vw, 69px);
    width: min(20.1333333333vw, 151px);
  }
}

.about-learning {
  overflow: hidden;
  position: relative;
  padding: min(19.5833333333vw, 235px) 0 min(10.6666666667vw, 128px);
}

.about-learning__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 1300px) {
  .about-learning__bg {
    bottom: 0;
  }
}

.about-learning__title {
  margin-bottom: min(4.8181818182vw, 53px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-learning__copy {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.0909090909vw, 23px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-learning__copy {
    font-size: min(6.9333333333vw, 52px);
    line-height: 1.4;
    margin-bottom: min(3.3333333333vw, 25px);
  }
}

.about-learning__square {
  width: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.5454545455vw, 17px);
}
@media screen and (max-width: 768px) {
  .about-learning__square {
    width: 18.4vw;
  }
}

.about-learning__copy-en {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .about-learning__copy-en {
    font-size: min(3.2vw, 24px);
  }
}

.about-learning__text {
  width: min(91.6666666667vw, 1100px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(2.5vw, 30px);
}
@media screen and (max-width: 768px) {
  .about-learning__text {
    width: 100%;
  }
}
.about-learning__text p {
  font-size: min(1.5vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2.2222222222;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-learning__text p {
    font-size: min(4.2666666667vw, 26px);
    line-height: 1.6;
  }
}

.about-learning__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-learning__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.about-learning__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-learning__read p {
  font-size: min(1.5vw, 18px);
  font-weight: 400;
  color: #00afc8;
  line-height: 1.7777777778;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-learning__read p {
    font-size: min(3.2vw, 24px);
    line-height: 1.4;
  }
}

.about-learning__wrapper--01 {
  width: 50%;
}
.about-learning__wrapper--01 .about-learning__img {
  width: min(34.5833333333vw, 415px);
  margin-left: auto;
  margin-bottom: max(-0.8333333333vw, -10px);
}
@media screen and (max-width: 768px) {
  .about-learning__wrapper--01 .about-learning__img {
    width: min(37.3333333333vw, 280px);
  }
}
.about-learning__wrapper--01 .about-learning__img img {
  border-radius: 50%;
}
.about-learning__wrapper--01 .about-learning__read {
  width: min(41.6666666667vw, 500px);
  margin-left: auto;
}

.about-learning__wrapper--02 {
  width: 50%;
  margin-top: min(12.5vw, 150px);
}
.about-learning__wrapper--02 .about-learning__img {
  width: min(44vw, 528px);
  margin-left: min(10.0833333333vw, 121px);
  margin-bottom: min(2vw, 24px);
}
.about-learning__wrapper--02 .about-learning__read {
  width: min(38.5vw, 462px);
  margin-left: auto;
}

.about-learning__wrapper--03 {
  width: 50%;
  margin-top: max(-9.4166666667vw, -113px);
}
.about-learning__wrapper--03 .about-learning__img {
  width: min(40.8333333333vw, 490px);
  margin-right: auto;
  margin-bottom: min(2.1666666667vw, 26px);
}
.about-learning__wrapper--03 .about-learning__read {
  width: min(40.8333333333vw, 490px);
  margin-right: auto;
}

.about-learning__wrapper--04 {
  width: 50%;
  margin-top: min(4.1666666667vw, 50px);
}
.about-learning__wrapper--04 .about-learning__img {
  width: 100%;
  margin-bottom: min(2.3333333333vw, 28px);
}
.about-learning__wrapper--04 .about-learning__read {
  width: min(36vw, 432px);
  margin-left: auto;
}

.about-learning__wrapper--05 {
  width: 50%;
  margin-left: min(9vw, 108px);
  margin-top: max(-10.25vw, -123px);
}
.about-learning__wrapper--05 .about-learning__img {
  width: min(36.6666666667vw, 440px);
  margin-left: auto;
  margin-bottom: min(2.25vw, 27px);
}
.about-learning__wrapper--05 .about-learning__read {
  width: min(36.6666666667vw, 440px);
  margin-left: auto;
}

.about-learning__wrapper--06 {
  width: 50%;
  margin-top: min(6.5vw, 78px);
}
.about-learning__wrapper--06 .about-learning__img {
  width: min(36.6666666667vw, 440px);
  margin-left: auto;
  margin-bottom: min(2.25vw, 27px);
}
.about-learning__wrapper--06 .about-learning__read {
  width: min(36.6666666667vw, 440px);
  margin-left: auto;
}

.about-learning__wrapper--07 {
  width: 50%;
  margin-top: max(-10.4166666667vw, -125px);
}
.about-learning__wrapper--07 .about-learning__img {
  width: min(40.8333333333vw, 490px);
  margin-right: auto;
  margin-bottom: min(2.25vw, 27px);
}
.about-learning__wrapper--07 .about-learning__read {
  width: min(39.75vw, 477px);
  margin-right: auto;
}

.about-learning__wrapper--08 {
  width: 50%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  margin-top: min(5vw, 60px);
}
@media screen and (max-width: 768px) {
  .about-learning__wrapper--08 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: normal;
        -ms-flex-align: normal;
            align-items: normal;
  }
}
.about-learning__wrapper--08 .about-learning__img {
  width: min(30.8333333333vw, 370px);
  min-width: min(30.8333333333vw, 370px);
  margin-right: min(2.5vw, 30px);
}
@media screen and (max-width: 768px) {
  .about-learning__wrapper--08 .about-learning__img {
    width: min(37.3333333333vw, 280px);
  }
}
.about-learning__wrapper--08 .about-learning__img img {
  border-radius: 50%;
}
.about-mv {
  position: relative;
  margin-bottom: min(8.1818181818vw, 90px);
}

.about-mv__text {
  width: 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

.about-mv__title {
  margin-left: auto;
  margin-right: auto;
  font-size: min(6.3636363636vw, 70px);
  font-weight: 500;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: min(1.2727272727vw, 14px);
}
@media screen and (max-width: 768px) {
  .about-mv__title {
    font-size: min(8vw, 60px);
  }
}

.about-mv__label {
  display: block;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-left: auto;
  margin-right: auto;
  background-color: rgba(0, 175, 200, .9);
  padding: min(0.7272727273vw, 8px) min(4.8181818182vw, 53px);
  text-align: center;
  font-size: min(1.4545454545vw, 16px);
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .about-mv__label {
    font-size: min(3.2vw, 24px);
    padding: min(1.0666666667vw, 8px) min(7.0666666667vw, 53px);
  }
}

.about-mv__copy {
  text-align: center;
  font-size: min(1.6363636364vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2.5555555556;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: min(12.3636363636vw, 136px);
}
@media screen and (max-width: 768px) {
  .about-mv__copy {
    font-size: min(4.2666666667vw, 32px);
    line-height: 2;
  }
}
.about-mv__copy span {
  font-size: min(2.9090909091vw, 32px);
  font-weight: 700;
  color: #00afc8;
  line-height: 1;
  position: relative;
}
@media screen and (max-width: 768px) {
  .about-mv__copy span {
    font-size: min(5.6vw, 42px);
  }
}
.about-mv__copy span::before {
  content: "";
  width: 100%;
  height: min(1.0909090909vw, 12px);
  background-color: #fff799;
  position: absolute;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .about-mv__copy span::before {
    height: min(1.6vw, 12px);
  }
}

.about-play {
  overflow: hidden;
  margin-bottom: -10px;
}

.about-play__title {
  margin-bottom: min(4.8181818182vw, 53px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-play__copy {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.0909090909vw, 23px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-play__copy {
    font-size: min(6.9333333333vw, 52px);
    line-height: 1.4;
    margin-bottom: min(3.3333333333vw, 25px);
  }
}

.about-play__square {
  width: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.5454545455vw, 17px);
}
@media screen and (max-width: 768px) {
  .about-play__square {
    width: 18.4vw;
  }
}

.about-play__copy-en {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .about-play__copy-en {
    font-size: min(3.2vw, 24px);
  }
}

.about-play__text {
  width: min(91.6666666667vw, 1100px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5.1666666667vw, 62px);
}
@media screen and (max-width: 768px) {
  .about-play__text {
    width: 100%;
  }
}
.about-play__text p {
  font-size: min(1.5vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2.2222222222;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-play__text p {
    font-size: min(4.2666666667vw, 26px);
    line-height: 1.6;
  }
}

.about-play__contents {
  width: min(82.8333333333vw, 994px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .about-play__contents {
    width: 100vw;
    margin: 0 calc(50% - 50vw);
  }
}

.about-point {
  position: relative;
  padding-top: min(10.5454545455vw, 116px);
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .about-point {
    padding-top: min(15.4666666667vw, 116px);
  }
}

.about-point__container {
  padding-top: min(11.3636363636vw, 125px);
  padding-bottom: min(11.8181818182vw, 130px);
  background-color: #fff799;
}

.about-point__bg-top {
  position: absolute;
  top: min(5.3076923077vw, 69px);
  left: min(5.1538461538vw, 67px);
  right: 0;
  z-index: 0;
}

.about-point__bg-bottom {
  position: absolute;
  left: 6px;
  right: 0;
  bottom: 0;
  z-index: 0;
}

.about-point__title {
  margin-bottom: min(6.3636363636vw, 70px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-point__copy {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.0909090909vw, 23px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-point__copy {
    font-size: min(6.9333333333vw, 52px);
    margin-bottom: min(3.3333333333vw, 25px);
  }
}

.about-point__square {
  width: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.5454545455vw, 17px);
}
@media screen and (max-width: 768px) {
  .about-point__square {
    width: 18.4vw;
  }
}

.about-point__copy-en {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .about-point__copy-en {
    font-size: min(3.2vw, 24px);
  }
}

.about-point__contents {
  max-width: min(93.3333333333vw, 1120px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .about-point__contents {
    max-width: 100%;
    padding: 0 20px;
  }
}

.about-point__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(4.5833333333vw, 55px);
  margin: 0;
}
@media screen and (max-width: 768px) {
  .about-point__cards {
    row-gap: min(7.3333333333vw, 55px);
  }
}

.about-point__card {
  background-color: #fff;
  border-radius: 12px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .about-point__card {
    border-radius: 1.6vw;
  }
}

.about-point__bubble {
  position: absolute;
  left: min(2.1666666667vw, 26px);
  top: max(-2.1666666667vw, -26px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(1.25vw, 15px);
     -moz-column-gap: min(1.25vw, 15px);
          column-gap: min(1.25vw, 15px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .about-point__bubble {
    left: min(3.4666666667vw, 26px);
    top: max(-3.4666666667vw, -26px);
    -webkit-column-gap: min(2vw, 15px);
       -moz-column-gap: min(2vw, 15px);
            column-gap: min(2vw, 15px);
  }
}

.about-point__number {
  width: min(8.1666666667vw, 98px);
  height: min(8.1666666667vw, 98px);
  border-radius: 50% 50% 3px 50%;
  background-color: #fabf14;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}
@media screen and (max-width: 768px) {
  .about-point__number {
    width: min(11.2vw, 84px);
    height: min(11.2vw, 84px);
  }
}
.about-point__number span {
  font-size: min(5vw, 60px);
  font-weight: 500;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "davis-sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .about-point__number span {
    font-size: min(6.9333333333vw, 52px);
  }
}

.about-point__point {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 300;
  color: #00afc8;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "davis-sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .about-point__point {
    font-size: clamp(10px, 2.6666666667vw, 20px);
  }
}

.about-point__card-title {
  font-size: min(3.3333333333vw, 40px);
  font-weight: 700;
  color: #00afc8;
  line-height: 1.35;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .about-point__card-title {
    font-size: min(6.4vw, 48px);
  }
}
.about-point__card-title span {
  font-size: min(2vw, 24px);
  font-weight: 500;
}
@media screen and (max-width: 768px) {
  .about-point__card-title span {
    font-size: min(4.2666666667vw, 32px);
  }
}

.about-point__card-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(4.8333333333vw, 58px);
     -moz-column-gap: min(4.8333333333vw, 58px);
          column-gap: min(4.8333333333vw, 58px);
  padding-right: min(4.75vw, 57px);
}
@media screen and (max-width: 768px) {
  .about-point__card-container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-right: 0;
    row-gap: min(2.6666666667vw, 20px);
  }
}

.about-point__card-img {
  width: min(43.3333333333vw, 520px);
  min-width: min(43.3333333333vw, 520px);
}
@media screen and (max-width: 768px) {
  .about-point__card-img {
    width: 100%;
    min-width: auto;
  }
}
.about-point__card-img img {
  border-radius: 0 0 0 12px;
}
@media screen and (max-width: 768px) {
  .about-point__card-img img {
    border-radius: 1.6vw;
  }
}

.about-point__card-text {
  font-size: min(1.5vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-top: max(-1vw, -12px);
}
@media screen and (max-width: 768px) {
  .about-point__card-text {
    font-size: min(4.2666666667vw, 32px);
    line-height: 1.6;
    margin-top: 0;
  }
}

.about-point__card--01 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(0.9166666667vw, 11px);
  padding: min(4.8333333333vw, 58px) min(7.5vw, 90px) min(2.1666666667vw, 26px);
}
@media screen and (max-width: 768px) {
  .about-point__card--01 {
    padding: min(10.6666666667vw, 80px) min(1.3333333333vw, 10px) min(3.4666666667vw, 26px);
  }
}

.about-point__card--02 {
  padding: min(5.1666666667vw, 62px) 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(3.9166666667vw, 47px);
}
@media screen and (max-width: 768px) {
  .about-point__card--02 {
    padding: min(8.5333333333vw, 64px) min(4.8vw, 36px) min(3.4666666667vw, 26px);
  }
}

.about-point__card--04 {
  padding: min(2.6666666667vw, 32px) 0 0 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(3.5vw, 42px);
}
@media screen and (max-width: 768px) {
  .about-point__card--04 {
    padding: min(8.5333333333vw, 64px) min(4.8vw, 36px) min(3.4666666667vw, 26px);
  }
}

.about-point__card--06 {
  padding: min(4.75vw, 57px) 0 min(3.3333333333vw, 40px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(4vw, 48px);
}
@media screen and (max-width: 768px) {
  .about-point__card--06 {
    padding: min(8.5333333333vw, 64px) min(4.8vw, 36px) min(3.4666666667vw, 26px);
  }
}
.about-point__card--06 .about-point__card-container {
  padding: 0 min(4.75vw, 57px) 0 min(3.9166666667vw, 47px);
}
@media screen and (max-width: 768px) {
  .about-point__card--06 .about-point__card-container {
    padding: 0;
  }
}
.about-point__card--06 .about-point__card-img {
  width: min(39.6666666667vw, 476px);
  min-width: min(39.6666666667vw, 476px);
}
@media screen and (max-width: 768px) {
  .about-point__card--06 .about-point__card-img {
    width: 100%;
    min-width: auto;
  }
}
.about-point__card--06 .about-point__card-img img {
  border-radius: 0;
}

.about-power {
  padding-top: min(10vw, 120px);
  margin-bottom: min(10.8333333333vw, 130px);
}

.about-power__title {
  margin-bottom: min(5vw, 55px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.about-power__copy {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.0909090909vw, 23px);
  text-align: center;
}
@media screen and (max-width: 768px) {
  .about-power__copy {
    font-size: min(6.9333333333vw, 52px);
    line-height: 1.4;
    margin-bottom: min(3.3333333333vw, 25px);
  }
}

.about-power__square {
  width: 69px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.5454545455vw, 17px);
}
@media screen and (max-width: 768px) {
  .about-power__square {
    width: 18.4vw;
  }
}

.about-power__copy-en {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.1em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  text-transform: uppercase;
}
@media screen and (max-width: 768px) {
  .about-power__copy-en {
    font-size: min(3.2vw, 24px);
  }
}

.about-power__contents {
  padding-right: min(6.0833333333vw, 73px);
  max-width: min(102.75vw, 1233px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5.75vw, 69px);
}
@media screen and (max-width: 768px) {
  .about-power__contents {
    max-width: 100%;
    padding-right: min(3.2vw, 24px);
  }
}

.about-power__read {
  font-size: min(2.6666666667vw, 32px);
  font-weight: 700;
  color: #000;
  line-height: 1.75;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  margin-bottom: min(3.3333333333vw, 40px);
}
@media screen and (max-width: 768px) {
  .about-power__read {
    font-size: min(5.3333333333vw, 40px);
    line-height: 1.4;
  }
}

.about-power__main-read {
  font-size: min(3.3333333333vw, 40px);
  color: #000;
  line-height: 1.35;
}
@media screen and (max-width: 768px) {
  .about-power__main-read {
    font-size: min(6.4vw, 48px);
    line-height: 1;
  }
}

.about-power__blue {
  color: #00afc8;
  margin-right: max(-0.6666666667vw, -8px);
}

.about-power__number {
  font-size: min(5vw, 60px);
  margin-left: min(1vw, 12px);
  margin-right: max(-1vw, -12px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .about-power__number {
    font-size: min(8vw, 60px);
  }
}

.about-power__kyocho {
  position: absolute;
  top: min(1vw, 12px);
  left: max(-1.6666666667vw, -20px);
  width: min(2.25vw, 27px);
}
@media screen and (max-width: 768px) {
  .about-power__kyocho {
    width: min(2.6666666667vw, 20px);
  }
}

.about-power__box {
  width: min(89.2307692308vw, 1160px);
  margin-left: auto;
  margin-right: auto;
  border-radius: 12px;
  border: 2px solid #00afc8;
  padding: min(3.6666666667vw, 44px) min(4.1538461538vw, 54px) min(5.5vw, 66px) min(4.3846153846vw, 57px);
}
@media screen and (max-width: 768px) {
  .about-power__box {
    border-radius: min(1.6vw, 12px);
  }
}

.about-power__text {
  font-size: min(1.5vw, 18px);
  font-weight: 400;
  color: #00afc8;
  line-height: 2;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: 0;
  margin-bottom: 2.1em;
}
@media screen and (max-width: 768px) {
  .about-power__text {
    font-size: min(3.7333333333vw, 28px);
    line-height: 1.8;
  }
}

.about-power__text-mini {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 400;
  color: #00afc8;
  line-height: 2.1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .about-power__text-mini {
    font-size: clamp(10px, 2.6666666667vw, 20px);
    line-height: 1.2;
  }
}

.campus-anchor {
  margin-bottom: min(11.8181818182vw, 130px);
}
@media screen and (max-width: 768px) {
  .campus-anchor {
    margin-bottom: min(17.3333333333vw, 130px);
  }
}

.campus-anchor__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(2.2727272727vw, 25px);
     -moz-column-gap: min(2.2727272727vw, 25px);
          column-gap: min(2.2727272727vw, 25px);
  margin-top: 0;
  margin-bottom: min(8.1818181818vw, 90px);
}
@media screen and (max-width: 768px) {
  .campus-anchor__lists {
    margin-bottom: min(10.6666666667vw, 80px);
    -webkit-column-gap: min(1.3333333333vw, 10px);
       -moz-column-gap: min(1.3333333333vw, 10px);
            column-gap: min(1.3333333333vw, 10px);
    row-gap: min(1.3333333333vw, 10px);
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
}

.campus-anchor__list {
  width: 14.2857142857%;
  border-radius: min(1.6vw, 12px);
}
@media screen and (max-width: 768px) {
  .campus-anchor__list {
    width: 23.884%;
  }
}
.campus-anchor__list a {
  border-radius: min(1.6vw, 12px);
  font-size: min(1.8181818182vw, 20px);
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  display: block;
  padding: min(2.3636363636vw, 26px) 0 min(4.1818181818vw, 46px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .campus-anchor__list a {
    font-size: min(3.2vw, 24px);
    padding: min(3.4666666667vw, 26px) 0 min(6.1333333333vw, 46px);
  }
}
.campus-anchor__list a::before {
  content: "";
  width: 8px;
  height: 8px;
  border-bottom: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  bottom: min(1.6363636364vw, 18px);
  left: 50%;
  -webkit-transform: translateX(-50%) rotate(45deg);
          transform: translateX(-50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .campus-anchor__list a::before {
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
    bottom: min(2.4vw, 18px);
  }
}

.campus-anchor__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(8.1818181818vw, 90px);
}
@media screen and (max-width: 768px) {
  .campus-anchor__items {
    row-gap: min(12vw, 90px);
  }
}

.campus-anchor__item {
  width: 100%;
}

.campus-anchor__label {
  padding: min(3vw, 33px) 0;
  text-align: center;
  font-size: min(2.1818181818vw, 24px);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  border-radius: min(1.6vw, 12px);
  margin-bottom: min(2.7272727273vw, 30px);
}
@media screen and (max-width: 768px) {
  .campus-anchor__label {
    font-size: min(3.7333333333vw, 28px);
    padding: min(4.4vw, 33px) 0;
    margin-bottom: min(4vw, 30px);
  }
}

.campus-anchor__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: min(2.7272727273vw, 30px);
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.campus-anchor__card {
  width: 31.39%;
  border: 2px solid #efefef;
  border-radius: min(1.6vw, 12px);
  padding: min(1.8181818182vw, 20px) min(1.8181818182vw, 20px) min(2.9090909091vw, 32px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}
@media screen and (max-width: 768px) {
  .campus-anchor__card {
    width: 48.4%;
  }
}

.campus-anchor__img {
  width: 100%;
  height: min(20.9090909091vw, 230px);
  margin-bottom: min(3vw, 33px);
}
.campus-anchor__img img {
  aspect-ratio: 340/230;
}

.campus-anchor__name {
  font-size: min(1.8181818182vw, 20px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  margin-bottom: min(1.2727272727vw, 14px);
}
@media screen and (max-width: 768px) {
  .campus-anchor__name {
    font-size: min(3.7333333333vw, 28px);
  }
}

.campus-anchor__prefecture {
  font-size: min(1.6363636364vw, 18px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  margin-bottom: min(2.4545454545vw, 27px);
}
@media screen and (max-width: 768px) {
  .campus-anchor__prefecture {
    font-size: clamp(10px, 2.6666666667vw, 20px);
  }
}

.campus-anchor__button {
  width: min(14vw, 154px);
  margin-left: auto;
  margin-right: auto;
  border-radius: 20px;
}
@media screen and (max-width: 768px) {
  .campus-anchor__button {
    width: min(26.6666666667vw, 200px);
  }
}
.campus-anchor__button a {
  border-radius: 20px;
  display: block;
  text-align: center;
  padding: min(1.1818181818vw, 13px) 0;
  font-size: min(1.2727272727vw, 14px);
  font-weight: 300;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .campus-anchor__button a {
    padding: min(1.7333333333vw, 13px) 0;
    font-size: clamp(10px, 2.6666666667vw, 20px);
  }
}

.campus--hokkaido {
  background-color: #2e3094;
}
.campus--hokkaido a:hover {
  outline: 1px solid #2e3094;
  color: #2e3094;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--hokkaido a:hover::before {
  border-color: #2e3094;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus--tohoku {
  background-color: #0171bd;
}
.campus--tohoku a:hover {
  outline: 1px solid #0171bd;
  color: #0171bd;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--tohoku a:hover::before {
  border-color: #0171bd;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus--kanto {
  background-color: #29ace4;
}
.campus--kanto a:hover {
  outline: 1px solid #29ace4;
  color: #29ace4;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--kanto a:hover::before {
  border-color: #29ace4;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus--hokuriku {
  background-color: #00a960;
}
.campus--hokuriku a:hover {
  outline: 1px solid #00a960;
  color: #00a960;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--hokuriku a:hover::before {
  border-color: #00a960;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus--tokai {
  background-color: #ea618e;
}
.campus--tokai a:hover {
  outline: 1px solid #ea618e;
  color: #ea618e;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--tokai a:hover::before {
  border-color: #ea618e;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus--kansai {
  background-color: #65ab31;
}
.campus--kansai a:hover {
  outline: 1px solid #65ab31;
  color: #65ab31;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--kansai a:hover::before {
  border-color: #65ab31;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus--shikoku {
  background-color: #f3c21d;
}
.campus--shikoku a:hover {
  outline: 1px solid #f3c21d;
  color: #f3c21d;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--shikoku a:hover::before {
  border-color: #f3c21d;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus--kyusyu {
  background-color: #f05a25;
}
.campus--kyusyu a:hover {
  outline: 1px solid #f05a25;
  color: #f05a25;
  background-color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus--kyusyu a:hover::before {
  border-color: #f05a25;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.campus-text--hokkaido {
  color: #2e3094;
}

.campus-text--tohoku {
  color: #0171bd;
}

.campus-text--kanto {
  color: #29ace4;
}

.campus-text--hokuriku {
  color: #00a960;
}

.campus-text--tokai {
  color: #ea618e;
}

.campus-text--kansai {
  color: #65ab31;
}

.campus-text--shikoku {
  color: #f3c21d;
}

.campus-text--kyusyu {
  color: #f05a25;
}

.campus-branch {
  position: relative;
}
.campus-branch:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background-color: #c1e4e9;
  height: min(4.5454545455vw, 50px);
}
@media screen and (max-width: 768px) {
  .campus-branch:before {
    height: min(6.6666666667vw, 50px);
  }
}

.campus-branch__head {
  width: min(23.6363636364vw, 260px);
  margin-right: auto;
  position: relative;
  z-index: 5;
  margin-bottom: min(2vw, 22px);
}
@media screen and (max-width: 768px) {
  .campus-branch__head {
    width: min(34.6666666667vw, 260px);
    margin-bottom: min(2.9333333333vw, 22px);
  }
}

.campus-branch__logo {
  width: 81px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5vw, 55px);
}
@media screen and (max-width: 768px) {
  .campus-branch__logo {
    width: min(10.8vw, 81px);
  }
}

.campus-branch__title {
  font-size: min(4.1818181818vw, 46px);
  font-weight: 700;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  margin-bottom: min(6.8181818182vw, 75px);
}
@media screen and (max-width: 768px) {
  .campus-branch__title {
    font-size: min(7.2vw, 54px);
    margin-bottom: min(10vw, 75px);
  }
}

.campus-branch__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: min(5.04vw, 63px);
     -moz-column-gap: min(5.04vw, 63px);
          column-gap: min(5.04vw, 63px);
  margin-bottom: min(9.0909090909vw, 100px);
}
@media screen and (max-width: 768px) {
  .campus-branch__wrapper {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    row-gap: min(4.2666666667vw, 32px);
    margin-bottom: min(13.3333333333vw, 100px);
  }
}

.campus-branch__text {
  font-size: min(1.6363636364vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .campus-branch__text {
    font-size: min(4vw, 30px);
    line-height: 1.6;
  }
}

.campus-branch__right {
  width: min(50vw, 550px);
  min-width: min(50vw, 550px);
}
@media screen and (max-width: 768px) {
  .campus-branch__right {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
  }
}

.campus-branch__swiper-img {
  width: 100%;
}
.campus-branch__swiper-img img {
  aspect-ratio: 550/360;
  border-radius: min(1.6vw, 12px);
}

.campus-branch__access {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(1.5454545455vw, 17px);
     -moz-column-gap: min(1.5454545455vw, 17px);
          column-gap: min(1.5454545455vw, 17px);
  padding: min(2.7272727273vw, 30px) 0;
  background-color: #00a497;
  border-radius: min(1.6vw, 12px);
  margin-bottom: min(4.0909090909vw, 45px);
}
@media screen and (max-width: 768px) {
  .campus-branch__access {
    -webkit-column-gap: min(2.2666666667vw, 17px);
       -moz-column-gap: min(2.2666666667vw, 17px);
            column-gap: min(2.2666666667vw, 17px);
    padding: min(4vw, 30px) 0;
    margin-bottom: min(6vw, 45px);
  }
}

.campus-branch__map-icon {
  width: min(2.2727272727vw, 25px);
}
@media screen and (max-width: 768px) {
  .campus-branch__map-icon {
    width: min(3.3333333333vw, 25px);
  }
}

.campus-branch__copy {
  font-size: min(2.1818181818vw, 24px);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .campus-branch__copy {
    font-size: min(4.2666666667vw, 32px);
  }
}

.campus-branch__access-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(3.0769230769vw, 40px);
     -moz-column-gap: min(3.0769230769vw, 40px);
          column-gap: min(3.0769230769vw, 40px);
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-bottom: min(9.0909090909vw, 100px);
}
@media screen and (max-width: 768px) {
  .campus-branch__access-content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(4.2666666667vw, 32px);
    margin-bottom: min(13.3333333333vw, 100px);
  }
}

.campus-branch__access-lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.6em;
  margin: 0;
}

.campus-branch__access-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}
@media screen and (max-width: 768px) {
  .campus-branch__access-list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(2.1333333333vw, 16px);
  }
}

.campus-branch__access-label {
  width: min(16.1538461538vw, 210px);
  min-width: min(16.1538461538vw, 210px);
  font-size: min(1.6363636364vw, 18px);
  font-weight: 400;
  color: #000;
  line-height: 1.6;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .campus-branch__access-label {
    width: 100%;
    min-width: auto;
    font-size: min(3.7333333333vw, 28px);
  }
}
.campus-branch__access-label span {
  color: #00a497;
}

.campus-branch__access-item {
  margin: 0;
}
.campus-branch__access-item span {
  font-size: min(1.6363636364vw, 18px);
  font-weight: 400;
  color: #000;
  line-height: 1.6;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .campus-branch__access-item span {
    font-size: min(3.7333333333vw, 28px);
  }
}

.campus-branch__map {
  width: min(46.1538461538vw, 600px);
  min-width: min(46.1538461538vw, 600px);
}
@media screen and (max-width: 768px) {
  .campus-branch__map {
    width: 100%;
    min-width: auto;
  }
}
.campus-branch__map iframe {
  width: 100%;
  height: 100%;
  aspect-ratio: 600/360;
}

.campus-branch__fac {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(1.5454545455vw, 17px);
     -moz-column-gap: min(1.5454545455vw, 17px);
          column-gap: min(1.5454545455vw, 17px);
  padding: min(2.7272727273vw, 30px) 0;
  background-color: #f3970c;
  border-radius: min(1.6vw, 12px);
  margin-bottom: min(4.0909090909vw, 45px);
}
@media screen and (max-width: 768px) {
  .campus-branch__fac {
    -webkit-column-gap: min(2.2666666667vw, 17px);
       -moz-column-gap: min(2.2666666667vw, 17px);
            column-gap: min(2.2666666667vw, 17px);
    padding: min(4vw, 30px) 0;
    margin-bottom: min(6vw, 45px);
  }
}

.campus-branch__fac-icon {
  width: min(2.1818181818vw, 24px);
}
@media screen and (max-width: 768px) {
  .campus-branch__fac-icon {
    width: min(3.2vw, 24px);
  }
}

.campus-branch__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(9.4545454545vw, 104px);
     -moz-column-gap: min(9.4545454545vw, 104px);
          column-gap: min(9.4545454545vw, 104px);
  margin-bottom: min(9.0909090909vw, 100px);
}
@media screen and (max-width: 768px) {
  .campus-branch__container {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(4.2666666667vw, 32px);
  }
}

.campus-branch__img {
  width: min(34.0909090909vw, 375px);
  min-width: min(34.0909090909vw, 375px);
}
@media screen and (max-width: 768px) {
  .campus-branch__img {
    width: 100%;
    min-width: auto;
  }
}
.campus-branch__img img {
  aspect-ratio: 375/250;
}

.campus-branch__calender {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(1.5454545455vw, 17px);
     -moz-column-gap: min(1.5454545455vw, 17px);
          column-gap: min(1.5454545455vw, 17px);
  padding: min(2.7272727273vw, 30px) 0;
  background-color: #75bc39;
  border-radius: min(1.6vw, 12px);
  margin-bottom: min(4.0909090909vw, 45px);
}
@media screen and (max-width: 768px) {
  .campus-branch__calender {
    -webkit-column-gap: min(2.2666666667vw, 17px);
       -moz-column-gap: min(2.2666666667vw, 17px);
            column-gap: min(2.2666666667vw, 17px);
    padding: min(4vw, 30px) 0;
    margin-bottom: min(6vw, 45px);
  }
}

.campus-branch__calender-icon {
  width: min(3.0909090909vw, 34px);
}
@media screen and (max-width: 768px) {
  .campus-branch__calender-icon {
    width: min(4.5333333333vw, 34px);
  }
}

.campus-branch__block {
  width: min(87.2727272727vw, 960px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(9.0909090909vw, 100px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(8.1818181818vw, 90px);
}
@media screen and (max-width: 768px) {
  .campus-branch__block {
    width: 100%;
    margin-bottom: min(13.3333333333vw, 100px);
    row-gap: min(12vw, 90px);
  }
}

.campus-brach__calender-head {
  font-size: min(2.7272727273vw, 30px);
  font-weight: 700;
  color: #75bc39;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  margin-bottom: min(3.1818181818vw, 35px);
}
@media screen and (max-width: 768px) {
  .campus-brach__calender-head {
    font-size: min(5.3333333333vw, 40px);
    margin-bottom: min(4.6666666667vw, 35px);
  }
}

.campus-branch__calender-img {
  width: 100%;
  margin-bottom: min(3.1818181818vw, 35px);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .campus-branch__calender-img {
    margin-bottom: min(4.6666666667vw, 35px);
  }
}

.campus-branch__next {
  display: block;
  margin-left: auto;
  width: min(22.7272727273vw, 250px);
  text-align: center;
  position: relative;
  border-radius: 30px;
  border: 1px solid #75bc39;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .campus-branch__next {
    width: min(53.3333333333vw, 400px);
    margin-right: auto;
  }
}
.campus-branch__next a {
  display: block;
  padding: min(1.7272727273vw, 19px) 0;
  font-size: min(1.1818181818vw, 13px);
  font-weight: 300;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .campus-branch__next a {
    padding: min(2.5333333333vw, 19px) 0;
    font-size: min(3.2vw, 24px);
  }
}
.campus-branch__next::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #75bc39;
  border-right: 1px solid #75bc39;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .campus-branch__next::before {
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
    right: 10px;
  }
}
.campus-branch__next:hover {
  background-color: #75bc39;
  border: 1px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus-branch__next:hover::before {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus-branch__next:hover a {
  color: #000;
}

.campus-branch__next--schedule {
  border: 1px solid #1ba0e2;
}
.campus-branch__next--schedule::before {
  border-top: 1px solid #1ba0e2;
  border-right: 1px solid #1ba0e2;
}
.campus-branch__next--schedule:hover {
  background-color: #1ba0e2;
  border: 1px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus-branch__next--schedule:hover::before {
  border-top: 1px solid #000;
  border-right: 1px solid #000;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.campus-branch__next--schedule:hover a {
  color: #000;
}

.campus-branch__schedule {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(1.5454545455vw, 17px);
     -moz-column-gap: min(1.5454545455vw, 17px);
          column-gap: min(1.5454545455vw, 17px);
  padding: min(2.7272727273vw, 30px) 0;
  background-color: #1ba0e2;
  border-radius: min(1.6vw, 12px);
  margin-bottom: min(4.0909090909vw, 45px);
}
@media screen and (max-width: 768px) {
  .campus-branch__schedule {
    -webkit-column-gap: min(2.2666666667vw, 17px);
       -moz-column-gap: min(2.2666666667vw, 17px);
            column-gap: min(2.2666666667vw, 17px);
    padding: min(4vw, 30px) 0;
    margin-bottom: min(6vw, 45px);
  }
}

.campus-branch__clock-icon {
  width: min(3.0909090909vw, 34px);
}
@media screen and (max-width: 768px) {
  .campus-branch__clock-icon {
    width: min(4.5333333333vw, 34px);
  }
}

.campus-branch__read {
  text-align: center;
  font-size: min(1.6363636364vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: min(4.5454545455vw, 50px);
}
@media screen and (max-width: 768px) {
  .campus-branch__read {
    font-size: min(3.7333333333vw, 28px);
    line-height: 2;
    margin-bottom: min(6.6666666667vw, 50px);
  }
}

.campus-branch__group {
  width: min(76.8181818182vw, 845px);
  margin-left: auto;
  margin-right: auto;
}
@media screen and (max-width: 768px) {
  .campus-branch__group {
    width: min(80vw, 600px);
  }
}

.campus-branch__schedule-img {
  width: 100%;
  margin-bottom: min(3.1818181818vw, 35px);
  cursor: pointer;
}
@media screen and (max-width: 768px) {
  .campus-branch__schedule-img {
    margin-bottom: min(4.6666666667vw, 35px);
  }
}

.campus-logo {
  margin-bottom: min(7.2727272727vw, 80px);
}
@media screen and (max-width: 768px) {
  .campus-logo {
    margin-bottom: min(10.6666666667vw, 80px);
  }
}

.campus-logo__inner {
  position: relative;
}

.campus-logo__img {
  width: min(33.4545454545vw, 368px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5.4545454545vw, 60px);
}
@media screen and (max-width: 768px) {
  .campus-logo__img {
    width: min(49.0666666667vw, 368px);
    margin-bottom: min(8vw, 60px);
    padding-top: min(13.3333333333vw, 100px);
  }
}

.campus-logo__read {
  font-size: min(1.8181818182vw, 20px);
  font-weight: 400;
  color: #000;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .campus-logo__read {
    font-size: min(3.2vw, 24px);
  }
}

.campus-logo__picture {
  width: min(32.1818181818vw, 354px);
  position: absolute;
  left: -25px;
  bottom: 0;
}
@media screen and (max-width: 768px) {
  .campus-logo__picture {
    width: min(40vw, 300px);
    top: 0;
    bottom: auto;
    left: 0px;
  }
}

.campus-mv {
  margin-bottom: min(7.2727272727vw, 80px);
}
.cta {
  background-color: #c1e4e9;
  padding: min(3.75vw, 45px) 0;
}
@media screen and (max-width: 768px) {
  .cta {
    padding: min(6vw, 45px) 0;
  }
}

.cta__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(5vw, 60px);
     -moz-column-gap: min(5vw, 60px);
          column-gap: min(5vw, 60px);
}
@media screen and (max-width: 768px) {
  .cta__content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(4.2666666667vw, 32px);
  }
}

.cta__link {
  width: 50%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .cta__link {
    width: 100%;
  }
}
.cta__link:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.curriculum-detail {
  margin-bottom: min(11.8181818182vw, 130px);
}
@media screen and (max-width: 768px) {
  .curriculum-detail {
    margin-bottom: min(17.3333333333vw, 130px);
  }
}

.curriculum-detail__bar {
  padding: min(1.0909090909vw, 12px) 0 min(1.8181818182vw, 20px);
  margin-bottom: min(4.5454545455vw, 50px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .curriculum-detail__bar {
    padding: min(3.4666666667vw, 26px) 0 min(5.3333333333vw, 40px);
    margin-bottom: min(6.6666666667vw, 50px);
  }
}

.curriculum-detail__title {
  text-align: center;
  font-size: min(4.1818181818vw, 46px);
  font-weight: 700;
  color: #000;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .curriculum-detail__title {
    font-size: min(6.1333333333vw, 46px);
  }
}
.curriculum-detail__title span {
  font-size: min(8.1818181818vw, 90px);
}
@media screen and (max-width: 768px) {
  .curriculum-detail__title span {
    font-size: min(12vw, 90px);
  }
}

.curriculum-detail__sub-title {
  font-size: min(1.4545454545vw, 16px);
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  position: absolute;
  right: min(4.0909090909vw, 45px);
  bottom: min(2.7272727273vw, 30px);
}
@media screen and (max-width: 768px) {
  .curriculum-detail__sub-title {
    font-size: clamp(10px, 2.6666666667vw, 20px);
    right: min(1.3333333333vw, 10px);
  }
}

.curriculum-detail__main-img {
  width: min(90.9090909091vw, 1000px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(7.2727272727vw, 80px);
}
.curriculum-detail__main-img img {
  border-radius: min(2vw, 22px);
  aspect-ratio: 1000/600;
}

.curriculum-detail__copy {
  width: min(64.8181818182vw, 713px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(3.0909090909vw, 34px);
}
@media screen and (max-width: 768px) {
  .curriculum-detail__copy {
    width: min(77.3333333333vw, 580px);
  }
}

.curriculum-detail__box {
  width: min(54.5454545455vw, 600px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(7.2727272727vw, 80px);
  border-radius: min(2.9333333333vw, 22px);
  border: 3px solid;
  background-color: #fff;
  position: relative;
  padding: min(3.6363636364vw, 40px) min(6.8181818182vw, 75px) min(3.8181818182vw, 42px) min(10.2727272727vw, 113px);
}
@media screen and (max-width: 768px) {
  .curriculum-detail__box {
    width: min(80vw, 600px);
    padding: min(3.6363636364vw, 40px) min(6.8181818182vw, 75px) min(3.8181818182vw, 42px) min(10.2727272727vw, 113px);
  }
}

.curriculum-detail__shadow {
  width: 100%;
  height: 100%;
  position: absolute;
  right: max(-1.4545454545vw, -16px);
  bottom: max(-1.4545454545vw, -16px);
  z-index: -1;
  border-radius: min(2.9333333333vw, 22px);
}
@media screen and (max-width: 768px) {
  .curriculum-detail__shadow {
    right: max(-2.1333333333vw, -16px);
    bottom: max(-2.1333333333vw, -16px);
  }
}

.curriculum-detail__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(2.5454545455vw, 28px);
  margin: 0;
}

.curriculum-detail__list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(1.8181818182vw, 20px);
     -moz-column-gap: min(1.8181818182vw, 20px);
          column-gap: min(1.8181818182vw, 20px);
}

.curriculum-detail__icon {
  width: min(1.8181818182vw, 20px);
  min-width: min(1.8181818182vw, 20px);
  height: min(1.8181818182vw, 20px);
  border-radius: min(0.3636363636vw, 4px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .curriculum-detail__icon {
    width: min(3.2vw, 24px);
    min-width: min(3.2vw, 24px);
    height: min(3.2vw, 24px);
    border-radius: min(0.5333333333vw, 4px);
  }
}
.curriculum-detail__icon img {
  width: 17px;
  height: auto !important;
  position: absolute;
  top: 50%;
  right: max(-0.4545454545vw, -5px);
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .curriculum-detail__icon img {
    width: min(2.6666666667vw, 20px);
  }
}

.curriculum-detail__read {
  font-size: min(2.1818181818vw, 24px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: GenJyuuGothicL;
  margin: 0;
}
@media screen and (max-width: 768px) {
  .curriculum-detail__read {
    font-size: min(3.7333333333vw, 28px);
  }
}

.curriculum-detail__flag {
  width: min(10.6363636364vw, 117px);
  position: absolute;
  right: max(-2.0909090909vw, -23px);
  bottom: max(-3.6363636364vw, -40px);
}
@media screen and (max-width: 768px) {
  .curriculum-detail__flag {
    width: min(15.6vw, 117px);
  }
}

.curriculum-detail__text {
  width: min(90.9090909091vw, 1000px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(10.1818181818vw, 112px);
}

.curriculum-detail__text {
  font-size: min(1.6363636364vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .curriculum-detail__text {
    font-size: min(3.7333333333vw, 28px);
    line-height: 1.6;
  }
}

.curriculum-material {
  margin-bottom: min(9.0909090909vw, 100px);
}
@media screen and (max-width: 768px) {
  .curriculum-material {
    margin-bottom: min(13.3333333333vw, 100px);
  }
}

.curriculum-material__title {
  font-size: min(3.8181818182vw, 42px);
  font-weight: 500;
  color: #000;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: GenJyuuGothicL;
  margin-bottom: min(4.9090909091vw, 54px);
}
@media screen and (max-width: 768px) {
  .curriculum-material__title {
    font-size: min(5.6vw, 42px);
  }
}

.curriculum-material__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(4.3636363636vw, 48px);
  width: min(103.6363636364vw, 1140px);
  margin-left: auto;
  margin-right: auto;
}

.curriculum-message {
  padding-top: min(8.1818181818vw, 90px);
  padding-bottom: min(10.9090909091vw, 120px);
  position: relative;
}
@media screen and (max-width: 768px) {
  .curriculum-message {
    padding-top: min(12vw, 90px);
    padding-bottom: min(16vw, 120px);
  }
}
.curriculum-message::before {
  content: "";
  display: block;
  width: min(19.7272727273vw, 217px);
  height: min(4.1818181818vw, 46px);
  background-color: #fff;
  position: absolute;
  left: 50%;
  bottom: 0;
  -webkit-transform: translateX(-50%) translateY(calc(100% - 1px));
          transform: translateX(-50%) translateY(calc(100% - 1px));
  -webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);
          clip-path: polygon(50% 100%, 0 0, 100% 0);
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .curriculum-message::before {
    width: min(28.9333333333vw, 217px);
    height: min(6.1333333333vw, 46px);
  }
}

.curriculum-message__read {
  text-align: center;
  font-size: min(1.6363636364vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 2.5555555556;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .curriculum-message__read {
    font-size: min(3.7333333333vw, 28px);
    line-height: 2;
  }
}
.curriculum-message__read span {
  font-size: min(2.9090909091vw, 32px);
  font-weight: 700;
  color: #00afc8;
  line-height: 1.4375;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  position: relative;
}
@media screen and (max-width: 768px) {
  .curriculum-message__read span {
    font-size: min(5.3333333333vw, 40px);
  }
}
.curriculum-message__read span::before {
  content: "";
  width: 100%;
  height: min(1.0909090909vw, 12px);
  background-color: #fff799;
  position: absolute;
  bottom: 0;
  z-index: -1;
}

.curriculum-mv {
  position: relative;
}
.curriculum-mv__text {
  position: absolute;
  top: 43%;
  left: 50%;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.curriculum-mv__title {
  font-size: min(6.3636363636vw, 70px);
  font-weight: 500;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .curriculum-mv__title {
    font-size: min(9.3333333333vw, 70px);
  }
}

.curriculum-mv__label {
  display: block;
  width: 100%;
  background-color: rgba(0, 175, 200, .9);
  padding: min(0.7272727273vw, 8px) 0;
  text-align: center;
  font-size: min(1.4545454545vw, 16px);
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-top: min(1.1818181818vw, 13px);
}
@media screen and (max-width: 768px) {
  .curriculum-mv__label {
    font-size: min(3.2vw, 24px);
    padding: min(1.0666666667vw, 8px) 0;
    margin-top: min(1.7333333333vw, 13px);
  }
}

.curriculum-theme {
  padding: min(8.0909090909vw, 89px) 0 min(9.4545454545vw, 104px);
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .curriculum-theme {
    padding: min(11.8666666667vw, 89px) 0 min(13.8666666667vw, 104px);
  }
}

.curriculum-theme__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.curriculum-theme__bg--bottom {
  position: absolute;
  bottom: -5px;
  left: 0;
  right: 0;
  z-index: -1;
}

.curriculum-theme__title {
  width: min(62.8181818182vw, 691px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(3.6363636364vw, 40px);
}
@media screen and (max-width: 768px) {
  .curriculum-theme__title {
    width: min(85.3333333333vw, 640px);
    margin-bottom: min(5.3333333333vw, 40px);
  }
}

.curriculum-theme__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 8px;
  margin: 0;
}

.curriculum-theme__card {
  width: 100%;
  background-color: #fff;
  padding: min(2.7272727273vw, 30px) min(3.6363636364vw, 40px) min(2.7272727273vw, 30px) 0;
}
@media screen and (max-width: 768px) {
  .curriculum-theme__card {
    padding: min(4vw, 30px) min(5.3333333333vw, 40px);
  }
}

.curriculum-theme__card-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(4.5454545455vw, 50px);
     -moz-column-gap: min(4.5454545455vw, 50px);
          column-gap: min(4.5454545455vw, 50px);
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding-left: min(5.4545454545vw, 60px);
  margin-bottom: min(1.1818181818vw, 13px);
}
@media screen and (max-width: 768px) {
  .curriculum-theme__card-title {
    -webkit-column-gap: min(2.6666666667vw, 20px);
       -moz-column-gap: min(2.6666666667vw, 20px);
            column-gap: min(2.6666666667vw, 20px);
    padding-left: 0;
    margin-bottom: min(2.1333333333vw, 16px);
  }
}

.curriculum-theme__number {
  position: relative;
}

.curriculum-theme__theme {
  width: min(5.2727272727vw, 58px);
  position: absolute;
  top: 42%;
  left: -30%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
@media screen and (max-width: 768px) {
  .curriculum-theme__theme {
    width: min(7.7333333333vw, 58px);
  }
}

.curriculum-theme__card-number {
  font-size: min(8.1818181818vw, 90px);
  font-weight: 500;
  color: #bbcf2f;
  line-height: 1;
  letter-spacing: 0;
  font-family: "davis-sans", sans-serif;
}
@media screen and (max-width: 768px) {
  .curriculum-theme__card-number {
    font-size: min(12vw, 90px);
  }
}

.curriculum-theme__card-head {
  font-size: min(3.6363636364vw, 40px);
  font-weight: 500;
  color: #000;
  line-height: 1.25;
  letter-spacing: 0.05em;
  font-family: GenJyuuGothicL;
}
@media screen and (max-width: 768px) {
  .curriculum-theme__card-head {
    font-size: min(5.3333333333vw, 40px);
  }
}

.curriculum-theme__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(3.6363636364vw, 40px);
     -moz-column-gap: min(3.6363636364vw, 40px);
          column-gap: min(3.6363636364vw, 40px);
}
@media screen and (max-width: 768px) {
  .curriculum-theme__contents {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(5.3333333333vw, 40px);
  }
}

.curriculum-theme__card-img {
  width: min(43.6363636364vw, 480px);
  min-width: min(43.6363636364vw, 480px);
}
@media screen and (max-width: 768px) {
  .curriculum-theme__card-img {
    width: 100%;
    min-width: auto;
  }
}
.curriculum-theme__card-img img {
  border-radius: 0 min(2.9333333333vw, 22px) min(2.9333333333vw, 22px) 0;
}
@media screen and (max-width: 768px) {
  .curriculum-theme__card-img img {
    border-radius: min(2.9333333333vw, 22px);
  }
}

.curriculum-theme__container {
  padding-top: 4px;
}
@media screen and (max-width: 768px) {
  .curriculum-theme__container {
    padding-top: 0;
  }
}

.curriculum-theme__read {
  font-size: min(1.6363636364vw, 18px);
  font-weight: 300;
  color: #000;
  line-height: 1.6666666667;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .curriculum-theme__read {
    font-size: min(3.7333333333vw, 28px);
  }
}

.curriculum {
  background-color: #fff799;
  position: relative;
  padding: min(12.4545454545vw, 137px) 0 min(11.8181818182vw, 130px);
}
@media screen and (max-width: 768px) {
  .curriculum {
    padding: min(18.2666666667vw, 137px) 0 min(17.3333333333vw, 130px);
  }
}

.curriculum__bg--top {
  position: absolute;
  top: max(-17.2727272727vw, -190px);
  left: 0;
  right: 0;
  z-index: 1;
}
.curriculum__bg--top img {
  height: auto !important;
}

.curriculum__bg--bottom {
  width: min(28.1818181818vw, 310px);
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .curriculum__bg--bottom {
    width: min(41.3333333333vw, 310px);
  }
}
.curriculum__bg--bottom img {
  height: auto !important;
}

.curriculum__inner {
  position: relative;
  z-index: 1;
}

.curriculum__copy {
  font-size: min(3.2727272727vw, 36px);
  font-weight: 700;
  color: #00afc8;
  line-height: 1.5555555556;
  letter-spacing: 0.05em;
  font-family: GenJyuuGothicL;
  margin-bottom: min(6.3636363636vw, 70px);
  margin-left: auto;
  margin-right: auto;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
}
@media screen and (max-width: 768px) {
  .curriculum__copy {
    font-size: min(5.8666666667vw, 44px);
    text-align: center;
    margin-bottom: min(9.3333333333vw, 70px);
  }
}
.curriculum__copy::before, .curriculum__copy::after {
  content: "";
  width: min(4.0909090909vw, 45px);
  height: 1.5px;
  background-color: #00afc8;
  position: absolute;
  bottom: 0.7em;
}
@media screen and (max-width: 768px) {
  .curriculum__copy::before, .curriculum__copy::after {
    width: min(17.3333333333vw, 130px);
    height: clamp(1.5px, 0.2666666667vw, 2px);
    bottom: 1.4em;
  }
}
.curriculum__copy::before {
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  left: -1.3em;
}
.curriculum__copy::after {
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}
@media screen and (max-width: 768px) {
  .curriculum__copy::after {
    right: -1.3em;
  }
}

.curriculum__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-column-gap: min(3.6363636364vw, 40px);
     -moz-column-gap: min(3.6363636364vw, 40px);
          column-gap: min(3.6363636364vw, 40px);
  row-gap: min(4.9090909091vw, 54px);
  margin: 0;
}
@media screen and (max-width: 768px) {
  .curriculum__lists {
    row-gap: min(14.4vw, 108px);
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.curriculum__list {
  width: 48%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  position: relative;
}
@media screen and (max-width: 768px) {
  .curriculum__list {
    width: 100%;
  }
}
.curriculum__list:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.curriculum__age {
  position: absolute;
  left: min(3.305785124vw, 40px);
  top: min(14.8760330579vw, 180px);
  font-size: min(1.3223140496vw, 16px);
  font-weight: 300;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .curriculum__age {
    font-size: 2.6666666667vw;
    left: 6.9333333333vw;
    top: 30.4vw;
  }
}
@media screen and (max-width: 600px) {
  .curriculum__age {
    font-size: 2.4vw;
    left: 6.6666666667vw;
    top: 29.0666666667vw;
  }
}

.experience-banner {
  padding-bottom: min(3.8181818182vw, 42px);
  position: relative;
}
.experience-banner::before {
  content: "";
  background-color: #c1e4e9;
  position: absolute;
  top: min(1.8181818182vw, 20px);
  left: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .experience-banner::before {
    top: min(2.6666666667vw, 20px);
  }
}

.experience-banner__copy {
  width: min(68.4545454545vw, 753px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.7272727273vw, 19px);
}
@media screen and (max-width: 768px) {
  .experience-banner__copy {
    width: min(85.3333333333vw, 640px);
    margin-bottom: min(2.5333333333vw, 19px);
  }
}

.curriculum-experience__read {
  text-align: center;
  font-size: min(1.8181818182vw, 20px);
  font-weight: 500;
  color: #00a497;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: GenJyuuGothicL;
  margin-bottom: min(2.1818181818vw, 24px);
}
@media screen and (max-width: 768px) {
  .curriculum-experience__read {
    font-size: min(3.2vw, 24px);
    margin-bottom: min(3.2vw, 24px);
  }
}

.curriculum-banner__button {
  width: min(23.6363636364vw, 260px);
  margin-left: auto;
  margin-right: auto;
  position: relative;
  background-color: #fff;
  border-radius: 30px;
}
@media screen and (max-width: 768px) {
  .curriculum-banner__button {
    width: min(53.3333333333vw, 400px);
  }
}
.curriculum-banner__button a {
  border-radius: 30px;
  font-size: min(1.4545454545vw, 16px);
  font-weight: 300;
  color: #eb6fa5;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  display: block;
  text-align: center;
  padding: min(1.5454545455vw, 17px) 0;
}
@media screen and (max-width: 768px) {
  .curriculum-banner__button a {
    padding: min(2.6666666667vw, 20px) 0;
    font-size: min(3.2vw, 24px);
  }
}
.curriculum-banner__button a::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #eb6fa5;
  border-right: 1px solid #eb6fa5;
  position: absolute;
  top: 50%;
  right: 16px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .curriculum-banner__button a::before {
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
    right: 14px;
  }
}
.curriculum-banner__button a:hover {
  outline: 1px solid #fff;
  background-color: #eb6fa5;
  color: #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.curriculum-banner__button a:hover::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer-lp {
  background-color: #fff;
  padding: min(5.6923076923vw, 74px) 0 min(9.2307692308vw, 120px);
}
@media screen and (max-width: 768px) {
  .footer-lp {
    padding: min(9.8666666667vw, 74px) 0 min(16vw, 120px);
  }
}

.footer-lp__experience {
  display: block;
  width: min(50.7692307692vw, 660px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(5.3846153846vw, 70px);
}
@media screen and (max-width: 768px) {
  .footer-lp__experience {
    width: min(48vw, 360px);
  }
}

.footer-lp__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer-lp__line {
  width: auto;
  padding: min(2.5384615385vw, 33px) min(6.1538461538vw, 80px) min(2.5384615385vw, 33px) min(3.0769230769vw, 40px);
  background-color: #4cc764;
  margin-right: min(5.3846153846vw, 70px);
  font-size: min(1.8461538462vw, 24px);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  position: relative;
}
@media screen and (max-width: 768px) {
  .footer-lp__line {
    padding: min(2.6666666667vw, 20px) min(10.6666666667vw, 80px) min(2.6666666667vw, 20px) min(5.3333333333vw, 40px);
    font-size: min(3.2vw, 24px);
  }
}
.footer-lp__line::before {
  content: "";
  width: 10px;
  height: 10px;
  border-right: 2px solid #fff;
  border-top: 2px solid #fff;
  position: absolute;
  top: 50%;
  right: min(2.3076923077vw, 30px);
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .footer-lp__line::before {
    width: min(1.6vw, 12px);
    height: min(1.6vw, 12px);
    border-right: min(0.2666666667vw, 2px) solid #fff;
    border-top: min(0.2666666667vw, 2px) solid #fff;
  }
}
.footer-lp__line:hover {
  color: #fff;
  opacity: 0.8;
}

.footer-lp__insta {
  width: min(3.3076923077vw, 43px);
  margin-right: min(4.6153846154vw, 60px);
}
@media screen and (max-width: 768px) {
  .footer-lp__insta {
    width: min(5.3333333333vw, 40px);
  }
}

.footer-lp__note {
  width: min(8.5384615385vw, 111px);
}
@media screen and (max-width: 768px) {
  .footer-lp__note {
    width: min(14.6666666667vw, 110px);
  }
}

footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  position: relative;
  z-index: 1;
}

.footer__top {
  background-color: #fff;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: min(5.8333333333vw, 70px) 0 min(5vw, 60px);
}
@media screen and (max-width: 768px) {
  .footer__top {
    padding: min(9.3333333333vw, 70px) 0 min(8vw, 60px);
  }
}

.footer__logo {
  width: min(10vw, 120px);
  margin-bottom: min(5vw, 60px);
}
@media screen and (max-width: 768px) {
  .footer__logo {
    width: min(21.3333333333vw, 160px);
    margin-bottom: min(8vw, 60px);
  }
}

.footer__items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: min(3.3333333333vw, 40px);
     -moz-column-gap: min(3.3333333333vw, 40px);
          column-gap: min(3.3333333333vw, 40px);
  margin-bottom: min(5vw, 60px);
}
@media screen and (max-width: 768px) {
  .footer__items {
    -webkit-column-gap: min(5.3333333333vw, 40px);
       -moz-column-gap: min(5.3333333333vw, 40px);
            column-gap: min(5.3333333333vw, 40px);
    margin-bottom: min(8vw, 60px);
  }
}

.footer__item {
  width: min(3.1666666667vw, 38px);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footer__item {
    width: min(6.6666666667vw, 50px);
  }
}
.footer__item:hover {
  -webkit-transform: scale(1.2);
          transform: scale(1.2);
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.footer__item--x {
  width: min(2.4166666667vw, 29px);
}
@media screen and (max-width: 768px) {
  .footer__item--x {
    width: min(5.3333333333vw, 40px);
  }
}

.footer__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: 1.875em;
  margin-bottom: 3.75em;
}

.footer__office {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.footer__name {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 700;
  color: #000;
  line-height: 1.875;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .footer__name {
    font-size: min(3.2vw, 24px);
  }
}

.footer__info {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 400;
  color: #000;
  line-height: 1.875;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .footer__info {
    font-size: min(3.2vw, 24px);
  }
}

.footer__lists {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: min(1.3333333333vw, 16px);
  font-weight: 400;
  color: #000;
  line-height: 1.875;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .footer__lists {
    font-size: min(3.2vw, 24px);
  }
}

.footer__anchor {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 400;
  color: #000;
  line-height: 1.875;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .footer__anchor {
    font-size: min(3.2vw, 24px);
  }
}
.footer__anchor a {
  color: #000;
}

.footer__lists a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: underline;
}

.footer__bottom {
  background-color: #e8ece9;
  padding: min(3vw, 36px) 0 min(2.4166666667vw, 29px);
}
@media screen and (max-width: 768px) {
  .footer__bottom {
    padding: min(6.4vw, 48px) 0 min(4.8vw, 36px);
  }
}

.footer__copy {
  font-size: min(1.1666666667vw, 14px);
  font-weight: 300;
  color: #000;
  line-height: 1;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .footer__copy {
    font-size: clamp(10px, 1.8666666667vw, 14px);
  }
}

#header {
  height: clamp(100px, 12.6363636364vw, 139px);
  background-color: #fff;
  position: fixed;
  top: 0;
  right: 0;
  left: 0;
  z-index: 99;
}
@media screen and (max-width: 768px) {
  #header {
    height: clamp(60px, 16.1333333333vw, 121px);
  }
}

.header__bg {
  height: 10px;
  position: absolute;
  right: 0;
  left: 0;
  bottom: -0.3px;
}
@media screen and (max-width: 768px) {
  .header__bg {
    height: min(1.3333333333vw, 10px);
  }
}

.header__inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  z-index: 999;
}

.header__title {
  width: min(10.25vw, 123px);
}
@media screen and (max-width: 768px) {
  .header__title {
    width: min(16.4vw, 123px);
  }
}

.header__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  row-gap: min(2vw, 24px);
  padding-bottom: 10px;
}
@media screen and (max-width: 768px) {
  .header__block--pc {
    display: none;
  }
}

.header__block--sp {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__block--sp {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}

.header__top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(5.25vw, 63px);
     -moz-column-gap: min(5.25vw, 63px);
          column-gap: min(5.25vw, 63px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}
@media screen and (max-width: 768px) {
  .header__top {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    row-gap: min(4.2666666667vw, 32px);
  }
}

.header__left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-column-gap: min(0.5vw, 6px);
     -moz-column-gap: min(0.5vw, 6px);
          column-gap: min(0.5vw, 6px);
}

.header__trial {
  position: relative;
  padding: min(0.9166666667vw, 11px);
  margin-bottom: -2px;
}
@media screen and (max-width: 768px) {
  .header__trial {
    padding: min(2.6666666667vw, 20px);
    margin-bottom: 0;
  }
}

.header__lesson {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 700;
  color: #fffbcd;
  line-height: 1;
  letter-spacing: 0.025em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .header__lesson {
    font-size: min(3.7333333333vw, 28px);
  }
}
.header__lesson span {
  font-size: min(1.6666666667vw, 20px);
  letter-spacing: 0.1em;
}
@media screen and (max-width: 768px) {
  .header__lesson span {
    font-size: min(4.5333333333vw, 34px);
  }
}

.header__lesson-bg {
  position: absolute;
  top: 0.1em;
  left: 0;
  right: 3px;
  z-index: -1;
}
@media screen and (max-width: 1000px) {
  .header__lesson-bg {
    top: 0.4em;
  }
}
@media screen and (max-width: 768px) {
  .header__lesson-bg {
    top: 0;
  }
}

.header__contact {
  font-size: min(1vw, 12px);
  font-weight: 400;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  padding-bottom: min(0.6666666667vw, 8px);
  margin-bottom: 6px;
  position: relative;
}
@media screen and (max-width: 768px) {
  .header__contact {
    font-size: min(3.7333333333vw, 28px);
    padding-bottom: min(2.1333333333vw, 16px);
    margin-bottom: 0;
  }
}
.header__contact::before {
  content: "";
  width: min(10.6666666667vw, 128px);
  height: min(0.6666666667vw, 8px);
  border-bottom: 1px solid #eb6fa5;
  border-right: 1px solid #eb6fa5;
  -webkit-transform: skewX(45deg);
          transform: skewX(45deg);
  position: absolute;
  bottom: 0;
  left: -6px;
}
@media screen and (max-width: 768px) {
  .header__contact::before {
    display: none;
  }
}

.header__right {
  background-color: #00a497;
  width: min(23.75vw, 285px);
  padding: min(1.6666666667vw, 20px) min(2.8333333333vw, 34px) min(1.25vw, 15px) min(1.8333333333vw, 22px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(1.1666666667vw, 14px);
     -moz-column-gap: min(1.1666666667vw, 14px);
          column-gap: min(1.1666666667vw, 14px);
  position: relative;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .header__right {
    width: 100%;
    row-gap: min(2.1333333333vw, 16px);
    -webkit-column-gap: min(1.8666666667vw, 14px);
       -moz-column-gap: min(1.8666666667vw, 14px);
            column-gap: min(1.8666666667vw, 14px);
    padding: min(4vw, 30px) min(4.5333333333vw, 34px) min(3.3333333333vw, 25px) min(2.9333333333vw, 22px);
  }
}
.header__right::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 12px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .header__right::before {
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
    right: 14px;
  }
}
.header__right:hover {
  opacity: 0.7;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.header__message {
  width: min(8.5833333333vw, 103px);
}
@media screen and (max-width: 768px) {
  .header__message {
    width: min(24vw, 180px);
  }
}

.header__copy {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 700;
  color: #fff;
  line-height: 1;
  letter-spacing: 0.09em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .header__copy {
    font-size: min(4.2666666667vw, 32px);
  }
}

.header__links {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-size: min(1.1666666667vw, 14px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #00afc8;
}
@media screen and (max-width: 768px) {
  .header__links {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 600px;
    width: 100%;
    height: auto;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: min(6.4vw, 48px);
  }
}
.header__links a {
  font-size: min(1.1666666667vw, 14px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #00afc8;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.header__links a:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: underline;
}

@media screen and (max-width: 768px) {
  .header__link {
    border-top: 1px solid rgba(32, 156, 210, .5);
    width: 100%;
    height: auto;
    position: relative;
  }
}

.header__link a {
  height: 100%;
  font-size: min(1.1666666667vw, 14px);
  font-weight: 400;
  line-height: 1;
  letter-spacing: 0;
  color: #00afc8;
}
@media screen and (max-width: 768px) {
  .header__link a {
    display: block;
    width: 100%;
    padding: 7.2vw 4vw;
    font-size: 4.2666666667vw;
    position: relative;
  }
  .header__link a::before {
    content: "";
    display: block;
    border-top: 1px solid #00afc8;
    border-right: 1px solid #00afc8;
    position: absolute;
    top: 50%;
    -webkit-transform: translateY(-50%) rotate(45deg);
            transform: translateY(-50%) rotate(45deg);
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
    right: 14px;
  }
}

.header__button {
  display: none;
}
@media screen and (max-width: 768px) {
  .header__button {
    display: block;
    position: relative;
    height: 100%;
    padding: 0;
    width: 8.5333333333vw;
  }
}
.header__button span {
  width: 100%;
  height: 2px;
  background-color: #000;
  position: absolute;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.header__button span:nth-child(1) {
  top: 40%;
  left: 0;
}
.header__button span:nth-child(2) {
  bottom: 40%;
  left: 0;
}

.open .header__inner {
  background-color: #fff;
}

.open .header__button span {
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}
.open .header__button span:nth-child(1) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
  top: 48%;
}
.open .header__button span:nth-child(2) {
  -webkit-transform: rotate(-30deg);
          transform: rotate(-30deg);
  bottom: 48%;
}

.header__nav-sp {
  z-index: 99;
  width: 100%;
  height: 100vh;
  overflow-y: scroll;
  padding: 25.3333333333vw 30px;
  background-color: #fff;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  visibility: hidden;
  opacity: 0;
  -webkit-transition: visibility 0.6s ease, opacity 0.6s ease;
  transition: visibility 0.6s ease, opacity 0.6s ease;
}

.header__nav-sp.open {
  opacity: 1;
  visibility: visible;
  -webkit-transition: all 0.3s;
  transition: all 0.3s;
}

.header__fixed {
  overflow: hidden;
}

.info-top {
  padding: min(8.3333333333vw, 100px) 0 !important;
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 768px) {
  .info-top {
    padding: min(13.3333333333vw, 100px) 0 !important;
  }
}

.info-top__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.info-top__bg img {
  aspect-ratio: 1300/848;
  -o-object-fit: fill;
     object-fit: fill;
}
@media screen and (max-width: 768px) {
  .info-top__bg img {
    aspect-ratio: auto;
    -o-object-fit: cover;
       object-fit: cover;
  }
}

.info-top__contents {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(6.6666666667vw, 80px);
}
@media screen and (max-width: 768px) {
  .info-top__contents {
    row-gap: min(13.3333333333vw, 100px);
  }
}

.info-top__location {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 768px) {
  .info-top__location {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .info-top__location::before {
    content: "";
    background-color: #fff;
    width: 100vw;
    height: 90%;
    position: absolute;
    top: 20%;
    margin: 0 calc(50% - 50vw);
  }
}

.info-top__img {
  width: min(42.5vw, 510px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .info-top__img {
    width: 100%;
  }
}

.info-top__text {
  padding: min(6.6666666667vw, 80px) min(5.3333333333vw, 64px) 0 min(4.5vw, 54px);
  position: relative;
  z-index: 1;
}

.info-top__text--location::before {
  content: "";
  background-color: #fff;
  width: 180%;
  height: 100%;
  position: absolute;
  top: min(3.75vw, 45px);
  right: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .info-top__text--location::before {
    display: none;
  }
}

.info-top__text--curriculum::before {
  content: "";
  background-color: #fff;
  width: 172%;
  height: 100%;
  position: absolute;
  top: min(3.75vw, 45px);
  left: 0;
  bottom: 0;
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .info-top__text--curriculum::before {
    display: none;
  }
}

.info-top__logo {
  margin-left: auto;
  margin-right: auto;
}

.info-top__logo--location {
  width: min(40vw, 480px);
  margin-bottom: min(2.0833333333vw, 25px);
}
@media screen and (max-width: 768px) {
  .info-top__logo--location {
    width: min(64vw, 480px);
    margin-bottom: min(4.2666666667vw, 32px);
  }
}

.info-top__logo--curriculum {
  width: min(41.6666666667vw, 500px);
  margin-bottom: min(2.0833333333vw, 25px);
}
@media screen and (max-width: 768px) {
  .info-top__logo--curriculum {
    width: min(66.6666666667vw, 500px);
    margin-bottom: min(4.2666666667vw, 32px);
  }
}

.info-top__button {
  padding: min(1.5833333333vw, 19px) 0;
  border-radius: 50px;
  display: block;
  width: min(23.3333333333vw, 280px);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: min(1.3333333333vw, 16px);
  font-weight: 300;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  position: relative;
}
@media screen and (max-width: 768px) {
  .info-top__button {
    padding: min(3.2vw, 24px) 0;
    width: min(61.3333333333vw, 460px);
    font-size: min(3.7333333333vw, 28px);
  }
}
.info-top__button::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 30px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .info-top__button::before {
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
    right: 14px;
  }
}

.info-top__button--location {
  background-color: #0ba95f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.info-top__button--location:hover {
  outline: 1px solid #0ba95f;
  background-color: #fff;
  color: #0ba95f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.info-top__button--location:hover::before {
  border-top: 1px solid #0ba95f;
  border-right: 1px solid #0ba95f;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.info-top__button--curriculum {
  background-color: #eb6fa5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.info-top__button--curriculum:hover {
  outline: 1px solid #eb6fa5;
  background-color: #fff;
  color: #eb6fa5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.info-top__button--curriculum:hover::before {
  border-top: 1px solid #eb6fa5;
  border-right: 1px solid #eb6fa5;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.info-top__curriculum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}
@media screen and (max-width: 768px) {
  .info-top__curriculum {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
        -ms-flex-direction: column-reverse;
            flex-direction: column-reverse;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    position: relative;
  }
}
@media screen and (max-width: 768px) {
  .info-top__curriculum::before {
    content: "";
    background-color: #fff;
    width: 100vw;
    height: 86%;
    position: absolute;
    top: 20%;
    margin: 0 calc(50% - 50vw);
  }
}

.inner {
  width: 100%;
  max-width: 1210px;
  padding-right: 25px;
  padding-left: 25px;
  margin-right: auto;
  margin-left: auto;
}
@media screen and (max-width: 768px) {
  .inner {
    max-width: 100%;
    padding-right: 20px;
    padding-left: 20px;
  }
}

.instagram {
  padding: min(8.3333333333vw, 100px) 0 min(10.3333333333vw, 124px);
  background-color: #fff;
}

.instagram__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  max-width: 1065px;
  margin-left: auto;
  margin-right: auto;
  -webkit-column-gap: min(4.1666666667vw, 50px);
     -moz-column-gap: min(4.1666666667vw, 50px);
          column-gap: min(4.1666666667vw, 50px);
  row-gap: min(4.1666666667vw, 50px);
}
@media screen and (max-width: 768px) {
  .instagram__cards {
    max-width: 600px;
  }
}

.instagram__card {
  width: 21.4%;
}
@media screen and (max-width: 768px) {
  .instagram__card {
    width: 47.3%;
  }
}

.join {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  margin-bottom: max(-68.0769230769vw, -885px);
}

.join__01 {
  width: min(82.3076923077vw, 1070px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(5.3846153846vw, 70px);
     -moz-column-gap: min(5.3846153846vw, 70px);
          column-gap: min(5.3846153846vw, 70px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: min(193.0769230769vw, 2510px);
}

.join__02 {
  width: min(82.3076923077vw, 1070px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(5.3846153846vw, 70px);
     -moz-column-gap: min(5.3846153846vw, 70px);
          column-gap: min(5.3846153846vw, 70px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: min(504.0769230769vw, 6553px);
}

.join__03 {
  width: min(82.3076923077vw, 1070px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(5.3846153846vw, 70px);
     -moz-column-gap: min(5.3846153846vw, 70px);
          column-gap: min(5.3846153846vw, 70px);
  margin-left: auto;
  margin-right: auto;
  position: absolute;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  top: min(623.6153846154vw, 8107px);
}

.join__btn {
  display: block;
  width: 100%;
}

.modal__content {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transition: 0.4s;
  transition: 0.4s;
  overflow-y: scroll;
}
.modal__content.is-show {
  visibility: visible;
  opacity: 1;
  z-index: 9999;
}

.modal__bg {
  width: 100%;
  height: 100%;
  background-color: rgba(30, 30, 30, .9);
  overflow-y: scroll;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 200px 20px 100px;
}
@media screen and (max-width: 768px) {
  .modal__bg {
    padding: min(20vw, 150px) 20px min(20vw, 150px);
  }
}

.modal__img {
  max-width: 100%;
  width: 1200px;
  margin-left: auto;
  margin-right: auto;
}

.mv {
  padding-bottom: min(3.6666666667vw, 44px);
  background-color: #f8f4e6;
  overflow: hidden;
}
.swiper-mv {
  overflow: visible !important;
}

.mv__swiper .swiper-mv .swiper-pagination {
  bottom: max(-3.6666666667vw, -44px);
}

.swiper-pagination.swiper-pagination-clickable.swiper-pagination-bullets.swiper-pagination-horizontal {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-column-gap: min(2.5vw, 30px);
     -moz-column-gap: min(2.5vw, 30px);
          column-gap: min(2.5vw, 30px);
}

.mv__swiper .swiper-pagination-bullet {
  width: min(1.1666666667vw, 14px);
  height: min(1.1666666667vw, 14px);
  background-color: #fff;
  border: 1px solid #999999;
  opacity: 1;
}
.mv__swiper .swiper-pagination-bullet.swiper-pagination-bullet-active {
  background-color: #999;
}
@media screen and (max-width: 768px) {
  .mv__swiper .swiper-pagination-bullet {
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
  }
}

.news {
  padding-top: min(8.3333333333vw, 100px);
  background-color: #f8f4e6;
  padding-bottom: min(9.1666666667vw, 110px);
  margin-bottom: -1%;
}
@media screen and (max-width: 768px) {
  .news {
    margin-bottom: -3%;
  }
}

.news__cards {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-column-gap: min(3.75vw, 45px);
     -moz-column-gap: min(3.75vw, 45px);
          column-gap: min(3.75vw, 45px);
  margin-bottom: min(2.1666666667vw, 26px);
}
@media screen and (max-width: 768px) {
  .news__cards {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: min(6vw, 45px);
  }
}

.news__card {
  width: 33.3333333333%;
}
@media screen and (max-width: 768px) {
  .news__card {
    width: 100%;
  }
}

.news__link {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.news__link:hover {
  -webkit-transition: 0.3s;
  transition: 0.3s;
  text-decoration: underline;
}

.news__thmub {
  margin-bottom: min(1.75vw, 21px);
}

.news__title {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 300;
  color: #000;
  line-height: 1.875;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .news__title {
    font-size: min(3.7333333333vw, 28px);
  }
}

.news__time {
  font-size: min(1.3333333333vw, 16px);
  font-weight: 300;
  color: #999999;
  line-height: 1.875;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .news__time {
    font-size: min(3.7333333333vw, 28px);
  }
}

.news__button {
  padding: min(1.5833333333vw, 19px) 0;
  border-radius: 50px;
  display: block;
  width: min(21.6666666667vw, 260px);
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  font-size: min(1.3333333333vw, 16px);
  font-weight: 300;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  background-color: #ffa63c;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .news__button {
    padding: min(3.2vw, 24px) 0;
    width: min(61.3333333333vw, 460px);
    font-size: min(3.7333333333vw, 28px);
  }
}
.news__button:hover {
  outline: 1px solid #ffa63c;
  background-color: #fff;
  color: #ffa63c;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.recruitment {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
}

.recruitment__01 {
  display: block;
  width: min(50.3076923077vw, 654px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(8.0769230769vw, 105px);
  margin-top: max(-12.3076923077vw, -160px);
}

.recruitment__02 {
  width: min(92.3076923077vw, 1200px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(10vw, 130px);
}

.recruitment__03 {
  display: block;
  width: min(50.3076923077vw, 654px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(13.2307692308vw, 172px);
  margin-top: max(-21.1538461538vw, -275px);
}

.recruitment__04 {
  display: block;
  width: min(50.3076923077vw, 654px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(7.3076923077vw, 95px);
  margin-top: max(-0.4615384615vw, -6px);
}

.recruitment__wrapper {
  position: relative;
  overflow: hidden;
}

.recruit__bg {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: -1;
}

.recruitment__lists {
  width: min(76.1538461538vw, 990px);
  margin-left: auto;
  margin-right: auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  row-gap: min(1.5384615385vw, 20px);
  margin-top: min(23.6153846154vw, 307px);
}
@media screen and (max-width: 768px) {
  .recruitment__lists {
    width: 100%;
    padding: 0 5.3333333333vw;
    row-gap: min(5.3333333333vw, 40px);
  }
}

.recruitment__list {
  position: relative;
}

.recruitment__age {
  position: absolute;
  left: min(20.9230769231vw, 272px);
  bottom: min(4.1538461538vw, 54px);
  font-size: min(1.2307692308vw, 16px);
  font-weight: 300;
  color: #000;
  line-height: 1.5;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: 0;
}
@media screen and (max-width: 768px) {
  .recruitment__age {
    font-size: 1.4666666667vw;
    left: 24.5333333333vw;
    bottom: 4.8vw;
  }
}
.recruitment__age br {
  display: none;
}

.section-title {
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  row-gap: min(1.5vw, 18px);
  margin-bottom: min(3.75vw, 45px);
}
@media screen and (max-width: 768px) {
  .section-title {
    row-gap: min(2.4vw, 18px);
  }
}

.section-title__en--insta {
  width: min(20.6666666667vw, 248px);
}
@media screen and (max-width: 768px) {
  .section-title__en--insta {
    width: min(37.3333333333vw, 280px);
  }
}

.section-title__en--news {
  width: min(10vw, 120px);
}
@media screen and (max-width: 768px) {
  .section-title__en--news {
    width: min(20vw, 150px);
  }
}

.section-title__jp {
  font-size: min(1.1666666667vw, 14px);
  font-weight: 300;
  color: #999999;
  line-height: 1;
  letter-spacing: 0.05em;
  font-family: "noto-sans-cjk-jp", sans-serif;
}
@media screen and (max-width: 768px) {
  .section-title__jp {
    font-size: min(3.2vw, 24px);
  }
}

body.single {
  margin-top: clamp(100px, 12.6363636364vw, 139px);
}
@media screen and (max-width: 768px) {
  body.single {
    margin-top: clamp(60px, 16.1333333333vw, 121px);
  }
}

body.archive {
  margin-top: clamp(100px, 12.6363636364vw, 139px);
}
@media screen and (max-width: 768px) {
  body.archive {
    margin-top: clamp(60px, 16.1333333333vw, 121px);
  }
}

body.page {
  margin-top: clamp(100px, 12.6363636364vw, 139px);
}
@media screen and (max-width: 768px) {
  body.page {
    margin-top: clamp(60px, 16.1333333333vw, 121px);
  }
}
body.page.page-id-5340 {
  margin-top: 0;
}

.container {
  width: 100%;
  max-width: 1280px;
}

#section, article {
  width: 100%;
  max-width: 1280px;
  margin-left: auto !important;
  margin-right: auto !important;
}

.steam {
  background-color: #f8f4e6;
  padding: min(6.25vw, 75px) 0 min(4.1666666667vw, 50px);
}

.steam__logo {
  width: min(38.4166666667vw, 461px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(4.1666666667vw, 50px);
}

.steam__wrapper {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.steam__title {
  padding-left: min(8.3333333333vw, 100px);
  width: min(78.75vw, 945px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: max(-4.5vw, -54px);
  position: relative;
  z-index: 2;
}
@media screen and (max-width: 768px) {
  .steam__title {
    padding-left: min(4.5333333333vw, 34px);
    width: min(87.4666666667vw, 656px);
    margin-bottom: max(-5.3333333333vw, -40px);
  }
}

.steam__block {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-column-gap: min(3.1666666667vw, 38px);
     -moz-column-gap: min(3.1666666667vw, 38px);
          column-gap: min(3.1666666667vw, 38px);
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  max-width: 1106px;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  .steam__block {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.steam__block::before {
  content: "";
  background-color: #fff;
  position: absolute;
  top: min(3vw, 36px);
  left: min(9.1666666667vw, 110px);
  right: 0;
  bottom: max(-2.5vw, -30px);
  z-index: -1;
}
@media screen and (max-width: 768px) {
  .steam__block::before {
    left: 0;
  }
}

.steam__info {
  padding-right: min(8.1666666667vw, 98px);
}
@media screen and (max-width: 768px) {
  .steam__info {
    padding-right: 0;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    margin-left: auto;
    margin-right: auto;
  }
}

.steam__img {
  width: min(30vw, 360px);
}
@media screen and (max-width: 768px) {
  .steam__img {
    width: 70%;
    margin-left: auto;
    margin-right: auto;
  }
}

.steam__text {
  width: min(50.8333333333vw, 610px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: min(1.3333333333vw, 16px);
}
@media screen and (max-width: 768px) {
  .steam__text {
    width: min(81.3333333333vw, 610px);
    margin-left: max(-7.2vw, -54px);
    margin-bottom: min(2.1333333333vw, 16px);
  }
}

.steam__name {
  text-align: center;
  font-size: min(1.5vw, 18px);
  font-weight: 400;
  color: #000;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  margin-bottom: min(1.9166666667vw, 23px);
  padding-left: min(5vw, 60px);
}
@media screen and (max-width: 768px) {
  .steam__name {
    font-size: min(3.7333333333vw, 28px);
    padding-left: 0;
    margin-bottom: min(3.0666666667vw, 23px);
  }
}

.steam__button {
  display: block;
  width: min(46.6666666667vw, 560px);
  margin-left: auto;
  margin-right: -6px;
  text-align: center;
  padding: min(2.5vw, 30px) 0;
  margin-bottom: min(2.0833333333vw, 25px);
  position: relative;
  background-color: #e50012;
  font-size: min(1.5vw, 18px);
  font-weight: 400;
  color: #fff;
  line-height: 1;
  letter-spacing: 0;
  font-family: "noto-sans-cjk-jp", sans-serif;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
@media screen and (max-width: 768px) {
  .steam__button {
    width: min(74.6666666667vw, 560px);
    margin-right: auto;
    padding: min(3.2vw, 24px) 0;
    font-size: min(3.7333333333vw, 28px);
    margin-bottom: min(3.3333333333vw, 25px);
  }
}
.steam__button::before {
  content: "";
  display: block;
  width: 8px;
  height: 8px;
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
  position: absolute;
  top: 50%;
  right: 20px;
  -webkit-transform: translateY(-50%) rotate(45deg);
          transform: translateY(-50%) rotate(45deg);
}
@media screen and (max-width: 768px) {
  .steam__button::before {
    width: min(1.8666666667vw, 14px);
    height: min(1.8666666667vw, 14px);
    right: 14px;
  }
}
.steam__button:hover {
  outline: 1px solid #e50012;
  background-color: #fff;
  color: #e50012;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}
.steam__button:hover::before {
  border-top: 1px solid #e50012;
  border-right: 1px solid #e50012;
  -webkit-transition: 0.3s;
  transition: 0.3s;
}

.steam__logo-mini {
  width: min(18.6666666667vw, 224px);
  padding-left: min(5vw, 60px);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 12px;
}
@media screen and (max-width: 768px) {
  .steam__logo-mini {
    width: min(29.8666666667vw, 224px);
    padding-left: 0;
  }
}
/*# sourceMappingURL=styles.css.map */