@charset "UTF-8";
.nitalago-ruika {
  font-family: "nitalago-ruika", sans-serif;
  font-weight: 100;
  font-style: normal;
}

.m-plus-rounded-1c-bold {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 700;
  font-style: normal;
}

.m-plus-rounded-1c-heavy {
  font-family: "m-plus-rounded-1c", sans-serif;
  font-weight: 800;
  font-style: normal;
}

.ab-tombo-bold {
  font-family: "ab-tombo-bold", sans-serif;
  font-weight: 400;
  font-style: normal;
}

@font-face {
  font-family: "mgenplus-1cp-bold";
  src: url("../fonts/mgenplus-1cp-bold.woff2") format("woff2");
  font-display: swap;
}
.mgenplus-1cp-bold {
  font-family: "mgenplus-1cp-bold", sans-serif;
  font-weight: 700;
}

@font-face {
  font-family: "GenJyuuGothicX-P-Regular";
  src: url("../fonts/GenJyuuGothicX-P-Regular.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicX-P-Regular {
  font-family: "GenJyuuGothicX-P-Regular", sans-serif;
}

@font-face {
  font-family: "GenJyuuGothicX-P-Medium";
  src: url("../fonts/GenJyuuGothicX-P-Medium.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicX-P-Medium {
  font-family: "GenJyuuGothicX-P-Medium", sans-serif;
}

@font-face {
  font-family: "GenJyuuGothicL-P-Regular";
  src: url("../fonts/GenJyuuGothicL-P-Regular.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicL-P-Regular {
  font-family: "GenJyuuGothicL-P-Regular", sans-serif;
}

@font-face {
  font-family: "GenJyuuGothicL-P-Medium";
  src: url("../fonts/GenJyuuGothicL-P-Medium.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicL-P-Medium {
  font-family: "GenJyuuGothicL-P-Medium", sans-serif;
}

.teach {
  color: #5e5248;
}
.teach .orange1 {
  color: #ff6418;
}
.teach .orange2 {
  color: #f06b00;
}
.teach .green1 {
  color: #4ac694;
}
.teach .blue1-bg {
  background-color: #c7fff8;
}

/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .teach .title {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/title.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1000/439;
    position: relative;
  }
  .teach .title h1 {
    position: absolute;
    bottom: 14%;
    right: 8%;
    line-height: 1.3rem;
  }
  .teach .title h1 .katei {
    font-size: 30px;
  }
  .teach .title h1 .waffle {
    font-size: 40px;
    letter-spacing: -5px;
  }
  .teach .title h1 .oshie {
    font-size: 80px;
  }
  .teach .title h1 .no {
    font-size: 20px;
  }
  .teach .title h1 .no2 {
    font-size: 25px;
    padding: 10px;
  }
  .teach .waffledeha1 .kyoukasyono {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/waffledeha.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1000/162;
    position: relative;
  }
  .teach .waffledeha1 .kyoukasyono h2 {
    position: absolute;
    bottom: 14%;
    left: 16%;
  }
  .teach .waffledeha1 .kyoukasyono h2 span {
    font-size: 34px;
  }
  .teach .waffledeha1 p {
    padding: 0 50px;
    font-size: 18px;
  }
  .teach .waffledeha1 p .monbu-pc {
    display: inline;
    font-size: 14px;
  }
  .teach .waffledeha1 .grid {
    display: grid;
    grid-template-columns: 60% 40%;
    padding: 0 50px 20px;
  }
  .teach .waffledeha1 .grid .pc {
    display: block;
  }
  .teach .waffledeha1 .grid .sp {
    display: none;
  }
  .teach .waffledeha1 .grid p {
    padding: 30px 10px 0 0;
  }
  .teach .waffledeha1 .grid .monbu-sp {
    display: none;
  }
  .teach .waffledeha2 .benkyouno {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/waffledeha.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1000/162;
    position: relative;
  }
  .teach .waffledeha2 .benkyouno h2 {
    position: absolute;
    bottom: 14%;
    left: 16%;
  }
  .teach .waffledeha2 .benkyouno h2 span {
    font-size: 34px;
  }
  .teach .waffledeha2 .sp {
    display: none;
  }
  .teach .waffledeha2 .grid1 {
    display: grid;
    grid-template-columns: 30% 70%;
    padding: 0 35px;
  }
  .teach .waffledeha2 .grid1 .pc {
    display: block;
  }
  .teach .waffledeha2 .grid1 p {
    font-size: 15px;
  }
  .teach .course {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/course.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1000/2379;
    position: relative;
  }
  .teach .course h2 {
    -webkit-text-stroke-width: 5px;
    -webkit-text-stroke-color: #fff;
    paint-order: stroke;
    font-size: 25px;
    letter-spacing: 2px;
  }
  .teach .course h2 span.big {
    font-size: 35px;
    padding-right: 5px;
  }
  .teach .course h2 span.small {
    font-size: 25px;
  }
  .teach .course h2:nth-of-type(1) {
    position: absolute;
    top: 8.4%;
    left: 25%;
  }
  .teach .course h2:nth-of-type(2) {
    position: absolute;
    top: 55.5%;
    left: 23%;
  }
  .teach .course .gakunen {
    padding: 200px 50px 60px;
  }
  .teach .course .gakunen img {
    padding: 10px 0;
  }
  .teach .course .mokuteki {
    padding: 11% 50px 2%;
    display: grid;
    grid-template-columns: 49% 49%;
    -moz-column-gap: 2%;
         column-gap: 2%;
    row-gap: 10px;
  }
  .teach .course .ueno p {
    padding: clamp(3.75rem, -17.383rem + 35.19vw, 4.938rem) 12%;
    font-size: 18px;
  }
  .teach .form-banner {
    padding: 20px 10px 110px 10px;
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .teach .title {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/title.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1000/439;
    position: relative;
  }
  .teach .title h1 {
    position: absolute;
    bottom: clamp(0.625rem, -1.579rem + 9.4vw, 4.063rem);
    right: clamp(1.875rem, 0.072rem + 7.69vw, 4.688rem);
    line-height: clamp(1rem, 0.679rem + 1.37vw, 1.5rem);
  }
  .teach .title h1 .katei {
    font-size: clamp(1rem, -0.042rem + 4.44vw, 2.625rem);
  }
  .teach .title h1 .waffle {
    font-size: clamp(1.563rem, 0.361rem + 5.13vw, 3.438rem);
    letter-spacing: -5px;
  }
  .teach .title h1 .oshie {
    font-size: clamp(2.5rem, -0.304rem + 11.97vw, 6.875rem);
  }
  .teach .title h1 .no {
    font-size: clamp(0.875rem, 0.234rem + 2.74vw, 1.875rem);
  }
  .teach .title h1 .no2 {
    font-size: clamp(0.875rem, 0.234rem + 2.74vw, 1.875rem);
    padding: 5px;
  }
  .teach .waffledeha1 .kyoukasyono {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/sp/waffledeha.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 999/214;
    position: relative;
  }
  .teach .waffledeha1 .kyoukasyono h2 {
    position: absolute;
    bottom: clamp(1.25rem, -0.793rem + 8.72vw, 4.438rem);
    left: 18%;
    font-size: clamp(1rem, 0.239rem + 3.25vw, 2.188rem);
    padding: 0;
  }
  .teach .waffledeha1 .kyoukasyono h2 span {
    font-size: clamp(1.25rem, 0.048rem + 5.13vw, 3.125rem);
  }
  .teach .waffledeha1 p {
    padding: 0 clamp(1.25rem, 0.048rem + 5.13vw, 3.125rem);
    font-size: clamp(0.75rem, 0.229rem + 2.22vw, 1.563rem);
    line-height: clamp(1.3rem, 0.531rem + 3.28vw, 2.5rem);
  }
  .teach .waffledeha1 p .monbu-pc {
    display: none;
  }
  .teach .waffledeha1 .grid {
    padding: 0 clamp(1.25rem, 0.048rem + 5.13vw, 3.125rem) 20px;
  }
  .teach .waffledeha1 .grid .pc {
    display: none;
  }
  .teach .waffledeha1 .grid .sp {
    display: block;
  }
  .teach .waffledeha1 .grid p {
    padding: 30px 0px 0 0;
  }
  .teach .waffledeha1 .grid .monbu-sp {
    display: block;
    font-size: clamp(0.625rem, 0.224rem + 1.71vw, 1.25rem);
    text-align: right;
  }
  .teach .waffledeha2 .benkyouno {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/sp/waffledeha.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 999/214;
    position: relative;
  }
  .teach .waffledeha2 .benkyouno h2 {
    position: absolute;
    bottom: clamp(1.25rem, -0.793rem + 8.72vw, 4.438rem);
    left: 18%;
    font-size: clamp(1rem, 0.239rem + 3.25vw, 2.188rem);
    padding: 0;
  }
  .teach .waffledeha2 .benkyouno h2 span {
    font-size: clamp(1.25rem, 0.048rem + 5.13vw, 3.125rem);
  }
  .teach .waffledeha2 .sp {
    display: block;
  }
  .teach .waffledeha2 .grid1 {
    display: block;
    padding: 0 clamp(0.625rem, -0.978rem + 6.84vw, 3.125rem);
  }
  .teach .waffledeha2 .grid1 .pc {
    display: none;
  }
  .teach .waffledeha2 .grid1 p {
    font-size: clamp(0.75rem, 0.229rem + 2.22vw, 1.563rem);
    line-height: clamp(1.3rem, 0.531rem + 3.28vw, 2.5rem);
  }
  .teach .course {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/course.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 1000/2379;
    position: relative;
  }
  .teach .course h2 {
    -webkit-text-stroke-width: 5px;
    -webkit-text-stroke-color: #fff;
    paint-order: stroke;
    font-size: clamp(1.125rem, 0.244rem + 3.76vw, 2.5rem);
    letter-spacing: 0px;
  }
  .teach .course h2 span.big {
    font-size: clamp(1.438rem, 0.356rem + 4.62vw, 3.125rem);
    padding-right: 5px;
  }
  .teach .course h2 span.small {
    font-size: clamp(1.125rem, 0.244rem + 3.76vw, 2.5rem);
  }
  .teach .course h2:nth-of-type(1) {
    position: absolute;
    top: clamp(3.75rem, -1.659rem + 23.08vw, 12.188rem);
    left: clamp(4.563rem, -1.928rem + 27.69vw, 14.688rem);
  }
  .teach .course h2:nth-of-type(2) {
    position: absolute;
    top: clamp(30.125rem, -1.045rem + 132.99vw, 78.75rem);
    left: clamp(4.125rem, -2.646rem + 28.89vw, 14.688rem);
  }
  .teach .course .gakunen {
    padding: clamp(6.25rem, -0.962rem + 30.77vw, 17.5rem) 20px 60px;
  }
  .teach .course .gakunen img {
    padding: 5px clamp(0rem, -1.202rem + 5.13vw, 1.875rem);
  }
  .teach .course .mokuteki {
    padding-top: clamp(0.625rem, -4.583rem + 22.22vw, 8.75rem);
    padding-left: clamp(1.563rem, -0.04rem + 6.84vw, 4.063rem);
    padding-right: clamp(1.563rem, -0.04rem + 6.84vw, 4.063rem);
    padding-bottom: 0;
    display: grid;
    grid-template-columns: 49% 49%;
    -moz-column-gap: 2%;
         column-gap: 2%;
    row-gap: 10px;
  }
  .teach .course .ueno p {
    padding-top: clamp(2.625rem, -0.42rem + 12.99vw, 7.375rem);
    padding-left: clamp(2.625rem, 0.101rem + 10.77vw, 6.563rem);
    font-size: clamp(0.625rem, 0.024rem + 2.56vw, 1.563rem);
    line-height: clamp(1rem, 0.167rem + 3.56vw, 2.3rem);
  }
  .teach .form-banner {
    padding: 20px 10px 110px 10px;
  }
}/*# sourceMappingURL=teach.css.map */