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

@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: "GenJyuuGothicX-P-Bold";
  src: url("../fonts/GenJyuuGothicX-P-Bold.woff2") format("woff2");
  font-display: swap;
}
.GenJyuuGothicX-P-Bold {
  font-family: "GenJyuuGothicX-P-Bold", sans-serif;
}

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

.method04 {
  color: #5e5248;
}
.method04 .green1 {
  color: #37aab0;
}
.method04 .orange1 {
  color: #ff5a00;
}
.method04 .orange2 {
  color: #ff8503;
}

/* pc */
@media screen and (min-width: 961px) {
  /*ここにpc用スタイルを記述*/
  .method04 .title {
    margin: 100px 0 20px 0;
  }
  .method04 .title .sub-title {
    border: solid 2px #ffb15f;
    border-radius: 5px;
    text-align: center;
    width: 60%;
    margin: 0 auto 40px;
    padding: 3px;
    font-size: 1.5rem;
  }
  .method04 .title .sub-title .orange {
    color: #eb7f0e;
  }
  .method04 .title h1 {
    font-size: 2.5rem;
    text-align: center;
  }
  .method04 .title h1 .big {
    font-size: 3.2rem;
  }
  .method04 p {
    font-size: clamp(0.938rem, -1.287rem + 3.7vw, 1.063rem);
  }
  .method04 .keikaku {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/method04/keikaku.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 998/1276;
  }
  .method04 .keikaku h3 {
    position: absolute;
    background: #fff;
    font-size: 32px;
    padding: 0;
    margin-top: 55px;
    margin-left: 127px;
  }
  .method04 .keikaku .p1 {
    padding-top: clamp(6.875rem, -4.248rem + 18.52vw, 7.5rem);
    padding-left: 65px;
    padding-right: 105px;
  }
  .method04 .keikaku .p2 {
    padding-top: clamp(12.813rem, -20.556rem + 55.56vw, 14.688rem);
    padding-left: 65px;
    padding-right: 105px;
  }
  .method04 .keikaku .p3 {
    padding-top: clamp(5rem, -17.245rem + 37.04vw, 6.25rem);
    padding-left: 65px;
    padding-right: 105px;
    font-size: 14px;
    line-height: 1.3rem;
    display: flex;
  }
  .method04 .keikaku .p3::before {
    content: "※1";
    display: block;
    width: 30px;
  }
  .method04 .teiki h2 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/method04/teiki.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 893/185;
    margin: 25px;
    font-size: 44px;
    padding-top: 10.5%;
    padding-left: 34%;
  }
  .method04 .teiki .point {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/method04/point.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 998/478;
  }
  .method04 .teiki .point h3 {
    padding-top: 4.8%;
    padding-left: 25%;
  }
  .method04 .teiki .point h3 span {
    font-size: 25px;
    -webkit-text-decoration: underline #fff 8px;
            text-decoration: underline #fff 8px;
    text-underline-offset: -5px;
  }
  .method04 .teiki .point p {
    color: #8a731d;
    padding-top: clamp(0.75rem, -9.26rem + 16.67vw, 1.313rem);
    padding-left: 20%;
    font-size: 26px;
  }
  .method04 .teiki .point p span {
    font-size: 17px;
  }
  .method04 .pc {
    display: block;
  }
  .method04 .sp {
    display: none;
  }
  .method04 .modoru {
    margin-top: 30px;
    margin-bottom: 30px;
  }
  .method04 .modoru .border {
    border: solid 3px #ffc07e;
    margin-bottom: 5px;
  }
  .method04 .modoru img {
    width: 30%;
    margin-left: auto;
    margin-right: 30px;
  }
  .method04 .form-banner {
    padding: 20px 10px 110px 10px;
  }
}
/* smartPhone */
@media screen and (max-width: 960px) {
  /*ここにスマホ用スタイルを記述*/
  .method04 .title {
    margin-top: clamp(4.375rem, 3.173rem + 5.13vw, 6.25rem);
    margin-left: 0;
    margin-right: 0;
    margin-bottom: clamp(0rem, -1.202rem + 5.13vw, 1.875rem);
  }
  .method04 .title p.sub-title {
    border: solid clamp(0.063rem, 0.022rem + 0.17vw, 0.125rem) #ffb15f;
    border-radius: 5px;
    text-align: center;
    width: 70%;
    margin: 0 auto clamp(1.25rem, 0.449rem + 3.42vw, 2.5rem);
    padding: clamp(0rem, -0.12rem + 0.51vw, 0.188rem);
    font-size: clamp(0.938rem, 0.577rem + 1.54vw, 1.5rem);
    line-height: inherit;
  }
  .method04 .title p.sub-title .orange {
    color: #eb7f0e;
  }
  .method04 .title h1 {
    font-size: clamp(1.25rem, 0.449rem + 3.42vw, 2.5rem);
    text-align: center;
  }
  .method04 .title h1 .big {
    font-size: clamp(1.875rem, 0.994rem + 3.76vw, 3.25rem);
  }
  .method04 p {
    font-size: clamp(0.813rem, 0.212rem + 2.56vw, 1.75rem);
    line-height: clamp(1.6rem, 0.703rem + 3.83vw, 3rem);
  }
  .method04 .keikaku {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/method04/sp/keikaku.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 999/2261;
  }
  .method04 .keikaku h3 {
    position: absolute;
    background: #fff;
    font-size: clamp(1.5rem, 0.659rem + 3.59vw, 2.813rem);
    padding: 0;
    margin-top: clamp(2.875rem, -0.891rem + 16.07vw, 8.75rem);
    margin-left: clamp(8.438rem, -0.176rem + 36.75vw, 21.875rem);
  }
  .method04 .keikaku .p1 {
    padding-top: clamp(5.625rem, -0.385rem + 25.64vw, 15rem);
    padding-left: clamp(1.5rem, -0.143rem + 7.01vw, 4.063rem);
    padding-right: clamp(1rem, -0.362rem + 5.81vw, 3.125rem);
  }
  .method04 .keikaku .p2 {
    padding-top: clamp(13.438rem, -3.189rem + 70.94vw, 39.375rem);
    padding-left: clamp(1.5rem, -0.143rem + 7.01vw, 4.063rem);
    padding-right: clamp(1rem, -0.362rem + 5.81vw, 3.125rem);
  }
  .method04 .keikaku .p3 {
    padding-top: clamp(0rem, -6.01rem + 25.64vw, 9.375rem);
    padding-left: clamp(1.5rem, -0.143rem + 7.01vw, 4.063rem);
    padding-right: clamp(1rem, -0.362rem + 5.81vw, 3.125rem);
    font-size: clamp(0.625rem, 0.024rem + 2.56vw, 1.563rem);
    line-height: clamp(1.3rem, 0.531rem + 3.28vw, 2.5rem);
    display: flex;
  }
  .method04 .keikaku .p3::before {
    content: "※1";
    display: block;
    width: clamp(1.875rem, 0.673rem + 5.13vw, 3.75rem);
  }
  .method04 .keikaku .p3 br {
    display: none;
  }
  .method04 .teiki h2 {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/method04/sp/teiki.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 955/261;
    margin: clamp(0.5rem, 0.019rem + 2.05vw, 1.25rem);
    font-size: clamp(1.75rem, 0.067rem + 7.18vw, 4.375rem);
    padding-top: clamp(3.125rem, -0.881rem + 17.09vw, 9.375rem);
    padding-left: clamp(7.5rem, -0.112rem + 32.48vw, 19.375rem);
  }
  .method04 .teiki .point {
    background: url(https://k-waffle.co.jp/wp-content/themes/original/images/teach/method04/sp/point.webp) no-repeat;
    background-size: contain;
    aspect-ratio: 999/584;
  }
  .method04 .teiki .point h3 {
    padding-top: clamp(1.625rem, -0.018rem + 7.01vw, 4.188rem);
    padding-left: clamp(1.875rem, -0.128rem + 8.55vw, 5rem);
    font-size: clamp(0.938rem, 0.136rem + 3.42vw, 2.188rem);
    line-height: clamp(1.2rem, 0.11rem + 4.65vw, 2.9rem);
  }
  .method04 .teiki .point h3 span {
    font-size: clamp(1.125rem, 0.123rem + 4.27vw, 2.688rem);
    -webkit-text-decoration: underline #fff 8px;
            text-decoration: underline #fff 8px;
    text-underline-offset: -5px;
  }
  .method04 .teiki .point .p1 {
    color: #8a731d;
    padding-top: clamp(0.313rem, -1.611rem + 8.21vw, 3.313rem);
    padding-left: 20%;
    padding-bottom: clamp(0rem, -0.401rem + 1.71vw, 0.625rem);
    font-size: clamp(1.125rem, 0.244rem + 3.76vw, 2.5rem);
  }
  .method04 .teiki .point .p1 span {
    font-size: clamp(0.75rem, 0.189rem + 2.39vw, 1.625rem);
  }
  .method04 .teiki .point .p2 {
    color: #8a731d;
    padding-top: clamp(0rem, -0.801rem + 3.42vw, 1.25rem);
    padding-left: 20%;
    font-size: clamp(1.125rem, 0.244rem + 3.76vw, 2.5rem);
  }
  .method04 .teiki .point .p2 span {
    font-size: clamp(0.75rem, 0.189rem + 2.39vw, 1.625rem);
  }
  .method04 .pc {
    display: none;
  }
  .method04 .sp {
    display: block;
  }
  .method04 .modoru {
    margin-top: clamp(0.625rem, -0.176rem + 3.42vw, 1.875rem);
    margin-bottom: clamp(0.625rem, -0.176rem + 3.42vw, 1.875rem);
  }
  .method04 .modoru .border {
    border: solid 3px #ffc07e;
    margin-bottom: 5px;
  }
  .method04 .modoru img {
    width: 40%;
    margin-left: auto;
    margin-right: clamp(0.625rem, -0.176rem + 3.42vw, 1.875rem);
  }
  .method04 .form-banner {
    padding: 20px 10px clamp(1.25rem, -2.356rem + 15.38vw, 6.875rem) 10px;
  }
}/*# sourceMappingURL=method04.css.map */