@charset "UTF-8";
/*----------------------------
  共通
-----------------------------*/
body {
    color: #303030 !important;
    font-family: "Noto Sans JP", sans-serif !important;
}
p {
    margin-bottom: 0;
}
.sp {
    display: none;
}
a[href^="tel:"] {
    pointer-events: none;
}
header {
    min-width: 1180px;
}
section {
    min-width: 1180px;
}
footer {
    min-width: 1180px;
}
.mv_block {
    width: 100%;
    height: 520px;
    text-align: center;
    background: url(../img/elementary/mv_pc.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: repeat-x;
    position: relative;
    margin: 0 auto 70px;
}
.mv_block img.pc {
    position: absolute;
    top: 0;
    left: calc((100% - 1180px) / 2);
}
.bnr_block {
    max-width: 902px;
    padding: 0 30px;
    margin: 0 auto 70px;
    text-align: center;
}
.bnr_block img {
    width: 100%;
}
.onayami_block {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/elementary/bg-onayami.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.onayami_block .box {
    max-width: 1084px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 30px 30px 70px;
}
.onayami_block .box h2 {
    font-size: 41px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    font-style: italic;
    margin-bottom: 30px;
    color: #004152;
}
.onayami_block .box h2 span.grey {
    font-size: 59px;
    background-image: url("../img/soccer/bg-onayami.png");
    background-position: bottom;
    background-size: contain;
    background-repeat: no-repeat;
    display: inline-block !important;
    letter-spacing: 0.05em;
}
.onayami_block .box img {
    margin: 0 auto 25px;
}
.onayami_block .box p {
    font-size: 41px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    font-style: italic;
    letter-spacing: 0.05em;
    color: #004152;
}
.onayami_block .box p span.box {
    display: inline-block;
    max-width: none;
    width: auto;
    padding: 0;
    margin-left: -15px;
}
.onayami_block .box p span.red {
    font-size: 51px;
    color: #cf0202;
}
.basic {
    width: 100%;
    margin: 0 auto;
    padding: 80px 0;
    background-image: url(../img/elementary/bg-basic.jpg);
    background-repeat: repeat;
    background-position: center top;
    background-size: 20px;
}
.basic_block {
    max-width: 1160px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    text-align: center;
}
.basic_block h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-style: normal;
    font-size: 75px;
    color: #013d71;
    margin-bottom: 45px;
    position: relative;
}
.basic_block h2::before {
    content: "";
    width: 88px;
    height: 160px;
    background-image: url(../img/elementary/ba-basic-01_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 530px);
}
.basic_block h2::after {
    content: "";
    width: 88px;
    height: 160px;
    background-image: url(../img/elementary/ba-basic-02_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5px;
    right: calc(50% - 530px);
}
.basic_block h2 span {
    font-size: 65px;
    display: inline;
}
.basic_block p {
    font-size: 22px;
    text-align: left;
    margin-bottom: 40px;
}
.basic_block .sports {
    padding: 0;
    margin: 0;
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.basic_block .sports .box {
    display: inline-block;
    width: 18%;
    margin: 0 2.5% 30px 0;
    position: relative;
}
.basic_block .sports .box:nth-child(5n) {
    margin: 0 0 30px;
}
.basic_block .sports .box img {
    width: 100%;
}
.basic_block .sports .box h3 {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 23px;
    color: #fff;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 12px 0 15px;
}
.basic_block .sports .box.v01 h3 {
    background-color: #ff8300;
}
.basic_block .sports .box.v02 h3 {
    background-color: #194eb9;
}
.basic_block .sports .box.v03 h3 {
    background-color: #ea68a2;
}
.basic_block .sports .box.v04 h3 {
    background-color: #00b1f5;
}
.basic_block .sports .box.v05 h3 {
    background-color: #327e18;
}
.basic_block .sports .box.v06 h3 {
    background-color: #795126;
}
.basic_block .sports .box.v07 h3 {
    background-color: #944a8f;
}
.basic_block .sports .box.v08 h3 {
    background-color: #5eb348;
}
.basic_block .sports .box.v09 h3 {
    background-color: #013d71;
}
.basic_block .sports .box.v10 h3 {
    background-color: #ffb200;
}
.pga_block {
    width: 100%;
    text-align: center;
    margin: 0 auto 80px;
    background-image: url("../img/elementary/bg-pga-01_pc.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 100% auto;
}
.pga_block h2 {
    max-width: 1140px;
    width: 100%;
    padding: 60px 0 0;
    margin: 0 auto;
    text-align: left;
    background-image: url(../img/elementary/img-pga-01_pc.png);
    background-repeat: no-repeat;
    background-position: top 15px right;
    background-size: auto;
    height: 500px;
}
.pga_block .bg {
    width: 100%;
    margin: -12px auto 0;
    padding: 60px 30px 100px;
    background-image: url("../img/elementary/bg-pga-02_pc.png"), url("../img/elementary/bg-pga-02_pc.jpg");
    background-repeat: no-repeat, no-repeat;
    background-position: top center, top 20px center;
    background-size: 100% auto, cover;
}
.pga_block .in {
    max-width: 1100px;
    width: 100%;
    padding: 60px 55px 80px;
    margin: 0 auto;
    background-color: #fff;
}
.pga_block h3 {
    font-size: 38px;
    font-weight: 900;
    font-style: normal;
    padding-bottom: 18px;
    margin-bottom: 40px;
    color: #013d71;
    background-size: 100% 6px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: transparent;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, rgba(1, 61, 113, 1) 7px, rgba(1, 61, 113, 1) 14px);
}
.pga_block .graph + h3 {
    margin-bottom: 55px;
}
.pga_block h3 span {
    display: inline-block;
}
.pga_block h3 span.lar {
    font-size: 46px;
}
.pga_block h3 span.bdr {
    display: inline-block;
    position: relative;
    z-index: 0;
}
.pga_block .graph + h3 span.bdr {
    margin: 0 10px 0 5px;
}
.pga_block h3 span.bdr::before {
    background-color: #ff8a00;
    content: '';
    position: absolute;
    left: 2%;
    bottom: 0;
    display: inline-block;
    opacity: 1;
    width: 96%;
    height: 18px;
    transform: skewX(-35deg);
    z-index: -1;
}
.pga_block .graph + h3 span.bdr::before {
    width: 101%;
    left: -1%;
    bottom: -3px;
}
.pga_block .in .box.non {
    background: none;
    min-height: auto;
    max-width: 980px;
    width: 100%;
    margin: 0 auto;
}
.pga_block .in .box.non img {
    float: left;
    width: 450px;
}
.pga_block .box p {
    text-align: left;
    font-size: 22px;
    margin-bottom: 50px;
}
.pga_block .in .box.non p {
    float: right;
    width: calc(100% - 480px);
    margin-bottom: 0;
}
.pga_block .graph {
    width: 100%;
    background: #fff;
    text-align: center;
    margin: 0 auto;
    margin-bottom: 50px;
}
section.bg-01 {
    background-color: #daefff;
    background-image: url(../img/elementary/bg-merit-03.png);
    background-repeat: repeat;
    background-position: top center;
    background-size: 22px 22px;
}
section.bg-02 {
    background-color: #fff;
    background-image: url(../img/elementary/bg-price-01.png);
    background-repeat: repeat;
    background-position: top center;
    background-size: 22px 22px;
    margin: 0 auto 80px;
}
.feature_block {
    width: 100%;
    margin: -9px auto;
    background-image: url("../img/elementary/bg-point-01.png");
    background-repeat: repeat-x;
    background-position: center top;
    background-size: auto auto;
    padding: 9px 0 0;
}
.feature_block .bg-blue {
    background-color: #194eb9;
    background-image: url("../img/elementary/bg-point-02.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 21px auto;
    padding-bottom: 90px;
}
.feature_block h2 {
    padding: 80px 30px 35px;
    position: relative;
    margin-bottom: 0;
    color: #fff;
    text-align: center;
    font-size: 62px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    font-style: italic;
    line-height: 1.2;
}
.feature_block h2 span.sm {
    font-size: 49px;
    display: block;
}
.feature_block h2 span.bx::before {
    content: "";
    display: inline-block;
    width: 111px;
    height: 26px;
    margin-right: 30px;
    background-image: url("../img/elementary/img-point-before.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.feature_block h2 span.bx::after {
    content: "";
    display: inline-block;
    width: 111px;
    height: 26px;
    margin-left: 30px;
    background-image: url("../img/elementary/img-point-after.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.feature_block .box {
    max-width: 1100px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0 60px 90px;
    background-color: #fff;
}
.feature_block .box:nth-child(2) {
    padding: 70px 60px 90px;
    border-radius: 10px 10px 0 0;
}
.feature_block .box:last-child {
    padding: 0 60px 100px;
    border-radius: 0 0 10px 10px;
}
.feature_block .box h3 {
    margin-bottom: 50px;
    font-size: 40px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    letter-spacing: -0.08em;
    background-image: url("../img/elementary/bg-point-03.png");
    background-position: left bottom;
    background-repeat: repeat-x;
    background-size: 63px 16px;
    display: inline-block;
    padding: 0 12px 18px;
}
.feature_block .box h3 span {
    display: inline-block;
}
.feature_block .box:nth-child(3) h3 {
    letter-spacing: -0.05em;
}
.feature_block .box:last-child h3 {
    letter-spacing: 0;
}
.feature_block .box:last-child h3 span:nth-child(3) {
    letter-spacing: -0.05em;
}
.feature_block .box:last-child h3 span:nth-child(4) {
    letter-spacing: 0.01em;
}
.feature_block .box h3 span.top_left, .feature_block .box h3 span.bottom_left, .feature_block .box h3 span.top_right, .feature_block .box h3 span.bottom_right {
    display: inline-block;
}
.feature_block .box h3 span.top_left {
    background-image: url("../img/soccer/kk-01.png");
    background-position: 3px 0;
    background-repeat: no-repeat;
    background-size: 35px auto;
}
.feature_block .box h3 span.bottom_left {
    background-image: url("../img/soccer/kk-02.png");
    background-position: bottom left;
    background-repeat: no-repeat;
    background-size: 35px auto;
}
.feature_block .box h3 span.top_right {
    background-image: url("../img/soccer/kk-03.png");
    background-position: top right;
    background-repeat: no-repeat;
    background-size: 35px auto;
}
.feature_block .box h3 span.bottom_right {
    background-image: url("../img/soccer/kk-04.png");
    background-position: right 3px bottom;
    background-repeat: no-repeat;
    background-size: 35px auto;
}
.feature_block .box h3 span.num {
    font-size: 35px;
    background-color: #ea68a2;
    color: #fff;
    display: inline-block;
    padding: 5px 20px 10px;
    letter-spacing: 0.01em;
    margin-bottom: 18px;
    border-radius: 100px;
    line-height: 1;
}
.feature_block .box h3 span.num span {
    font-size: 38px;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
}
.feature_block .box h3 span.bottom_right {
    font-size: 36px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-style: normal;
    padding: 0 60px;
}
.feature_block .box h3 span.bottom_right span {
    display: inline-block;
}
.feature_block .box p {
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    margin-bottom: 80px;
}
.feature_block .box:last-child p {
    padding-top: 50px;
}
.feature_block .box:nth-child(3) p, .feature_block .box:last-child p {
    margin-bottom: 0;
}
.feature_block .box .comp {
    width: 100%;
    position: relative;
}
.feature_block .box .comp img {
    width: 60px;
    display: inline-block;
    margin: 0 15px 0 0;
    vertical-align: middle;
}
.feature_block .box .comp img.arrow {
    position: absolute;
    width: 70px;
    top: 78px;
    left: calc((100% - 70px) / 2);
    z-index: 1;
}
.feature_block .box .comp h4 {
    font-size: 35px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    color: #fff;
    padding: 10px 25px 10px 20px;
    display: inline-block;
    position: absolute;
    top: -35px;
    border-radius: 8px;
    letter-spacing: -0.03em;
}
.feature_block .box .comp h4 span:not(.num) {
    display: inline-block;
}
.feature_block .box .comp h4 span.num {
    display: inline;
    font-family: 'Noto Sans JP', sans-serif;
}
.feature_block .box .comp .item p {
    text-align: left;
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0;
    width: calc(100% - 75px);
    line-height: 1.2;
    display: inline-block;
    vertical-align: middle;
}
.feature_block .box .comp .school {
    width: calc(50% - 20px);
    float: left;
    border: 6px solid #727c90;
    position: relative;
    padding: 50px 20px 10px;
}
.feature_block .box .comp .school h4 {
    background-color: #727c90;
    left: calc((100% - 351px) / 2)
}
.feature_block .box .comp .school .item {
    height: 75px;
    background-color: #e0e2e7;
    border-radius: 10px;
    padding: 8px 15px 15px;
    margin-bottom: 20px;
    font-size: 0;
}
.feature_block .box .comp .first {
    width: calc(50% - 20px);
    float: right;
    border: 6px solid #f3a600;
    position: relative;
    padding: 50px 20px 10px;
}
.feature_block .box .comp .first h4 {
    background-color: #f3a600;
    left: calc((100% - 391px) / 2)
}
.feature_block .box .comp .first .item {
    height: 75px;
    background-color: #fcebc7;
    border-radius: 10px;
    padding: 8px 15px 15px;
    margin-bottom: 20px;
    font-size: 0;
}
.feature_block .box:nth-child(3) img {
    width: 485px;
    float: right;
    margin: 0 0 0 10px;
}
.feature_block .box:last-child img {
    float: left;
    width: 390px;
    margin: 0 20px 0 0;
}
.place_block {
    width: 100%;
    margin: -9px auto;
    background-image: url(../img/elementary/bg-place-01.png), url(../img/elementary/bg-place-03.png);
    background-repeat: repeat-x;
    background-position: center top, center bottom;
    background-size: auto auto, auto auto;
    padding: 9px 0;
    position: relative;
    z-index: 1;
}
.place_block .bg-grey {
    background-color: #d1dcf1;
    background-image: url("../img/elementary/bg-place-02.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 21px auto;
    padding: 80px 0 70px;
}
.place_block .box {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
}
.place_block .box img {
    float: right;
    width: 380px;
    margin: -15px 0 0 0;
}
.place_block .box h2 {
    font-size: 40px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    display: inline-block;
    margin-bottom: 30px;
}
.place_block .box h2 span {
    display: inline-block;
}
.place_block .box p {
    font-size: 21px;
    margin-bottom: 20px;
}
.place_block .box p span {
    color: #e4007f;
}
.dot_block {
    width: 100%;
    margin: 0 auto;
    background-image: url(../img/elementary/bg-place-01.png), url(../img/elementary/bg-place-03.png);
    background-repeat: repeat-x;
    background-position: center top, center bottom;
    background-size: auto auto, auto auto;
    padding: 9px 0;
    position: relative;
    z-index: 1;
}
.dot_block .bg-grey {
    background-color: #d1dcf1;
    background-image: url("../img/elementary/bg-place-02.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 21px auto;
    padding: 80px 0 90px;
}
.lesson_block {
    max-width: none;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0 30px;
}
.lesson_block.short {
    width: 100%;
    margin: 0 auto;
    background: none;
    background-image: url("../img/elementary/bg-lesson_pc.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-bottom: 120px;
}
.lesson_block h2 {
    margin-bottom: 30px;
    text-align: center;
    font-size: 70px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    color: #009944;
    letter-spacing: -0.08em;
}
.lesson_block h2 span {
    display: inline-block;
    font-size: 70px;
}
.lesson_block h2 span:first-child {
    letter-spacing: -0.18em;
    display: inline;
}
.lesson_block h2 img {
    margin-top: 0;
}
.lesson_block .in {
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.lesson_block .in .box {
    display: inline-block;
    width: 31%;
    margin-right: 3.5%;
    margin-bottom: 45px;
    position: relative;
    -moz-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.26);
    -webkit-box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 26%);
    -ms-box-shadow: 0px 0px 5px 0px rgba(0, 0, 0, 0.26);
    box-shadow: 0px 0px 5px 0px rgb(0 0 0 / 26%);
    border-radius: 10px;
    vertical-align: top;
    position: relative;
    padding: 0 0 20px;
}
.lesson_block .in .box:nth-child(3), .lesson_block .in .box:nth-child(6) {
    margin-right: 0;
}
.lesson_block .in .box a {
    text-decoration: none;
}
.lesson_block .in .box h3 {
    font-size: 27px;
    font-weight: bold;
    color: #fff;
    background: rgb(0, 51, 155);
    background: linear-gradient(98deg, rgba(0, 51, 155, 1) 0%, rgba(0, 113, 188, 1) 100%);
    line-height: 50px;
    margin-bottom: 0;
    border-radius: 10px 10px 0 0;
}
.lesson_block .in .box img {
    width: 100%;
    margin: 0 0 10px;
}
.lesson_block .in .box h4 {
    font-size: 21px;
    text-align: left;
    color: #303030;
    padding: 5px 10px 0;
    margin-bottom: 0;
    line-height: 1;
}
.lesson_block .in .box h4 + p {
    font-size: 21px;
    color: #303030;
    position: absolute;
    right: 15px;
    bottom: 20px;
    line-height: 1;
    margin-bottom: 0;
}
.merit_block {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/soccer/bg-feature_pc.png");
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
    background: none;
    padding: 0 0 120px;
}
.merit_block h2 {
    font-size: 76px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    font-style: italic;
    background-color: #1342a1;
    color: #fff;
    background-image: url(../img/elementary/bg-merit-02_pc.png), url(../img/elementary/bg-merit-01.png);
    background-repeat: no-repeat, repeat;
    background-position: top center, top center;
    background-size: cover, 6px 6px;
    letter-spacing: 0.05em;
    padding: 45px 30px 0;
    position: relative;
    margin-bottom: 150px;
    text-align: center;
    height: 222px;
    -moz-text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
    -ms-text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
}
.merit_block h2 span:first-child {
    display: inline-block;
    font-size: 76px;
}
.merit_block h2 span:first-child span {
    display: inline;
    font-size: 76px;
}
.merit_block h2 span:last-child {
    display: inline-block;
    font-size: 98px;
}
.merit_block h2 span:last-child span {
    letter-spacing: -0.08em;
    display: inline;
    font-size: 98px;
}
.lesson_block.short h2 span:last-child {
    letter-spacing: 0;
}
.merit_block h2 span {
    display: inline-block;
}
.merit_block h2::after {
    content: "";
    position: absolute;
    bottom: -50px;
    left: calc(50% - 30px);
    width: 60px;
    height: 50px;
    background-color: #1342a1;
    background-image: url(../img/elementary/bg-merit-01.png);
    background-repeat: repeat;
    background-position: top center;
    background-size: 6px 6px;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
}
.merit_block .in {
    max-width: 1100px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}
.merit_block .box {
    width: 100%;
    text-align: center;
    margin: 0 auto 130px;
    padding: 60px;
    background-color: #fff;
    min-height: 490px;
}
.merit_block .box:first-child {
    background-image: url("../img/elementary/img-merit-01_pc.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: auto;
}
.merit_block .box:nth-child(2) {
    background-image: url("../img/elementary/img-merit-02_pc.jpg");
    background-repeat: no-repeat;
    background-position: bottom left;
    background-size: auto
}
.merit_block .box:last-child {
    background-image: url("../img/elementary/img-merit-03_pc.jpg");
    background-repeat: no-repeat;
    background-position: bottom right;
    background-size: contain;
}
.merit_block .in .box:first-child img, .merit_block .in .box:last-child img {
    float: right;
}
.merit_block .in .box:last-child {
    margin-bottom: 0;
}
.lesson_block.short .box:last-child {
    max-width: 1100px;
    width: 100%;
    padding: 60px;
    background-color: #fff;
    margin: 0 auto;
    border: 4px solid #1342a1;
    box-shadow: 10px 10px 0px 0px rgba(10, 50, 130, 1);
}
.merit_block .box img {
    width: 450px;
    float: left;
    border-radius: 10px;
}
.lesson_block .box img {
    width: 357px;
    float: left;
}
.merit_block .box h3 {
    float: none;
    width: 100%;
    text-align: left;
    margin-bottom: 30px;
    font-size: 39px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-style: italic;
    color: #1342a1;
    line-height: 1.2;
}
.merit_block .box h3 span {
    display: inline-block;
}
.merit_block .box h3 .num {
    width: 423px;
    display: block;
    margin-top: -115px;
}
.merit_block .box h3 .num img {
    width: 100%;
    margin-bottom: 20px;
}
.merit_block .box:nth-child(2) h3 {
    float: right;
    width: calc(100% - 330px);
}
.merit_block .box p {
    float: right;
    width: calc(100% - 330px);
    text-align: left;
    font-size: 22px;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
}
.lesson_block .box p {
    float: right;
    width: calc(100% - 387px);
    text-align: left;
    font-size: 22px;
    font-family: "Noto Sans JP", sans-serif;
    font-style: normal;
}
.lesson_block .box p span {
    color: #d30000;
}
.merit_block .box:first-child p, .merit_block .box:last-child p {
    float: left;
    width: calc(100% - 360px);
}
.point_block {
    width: 100%;
    margin: 0 auto 70px;
    background-image: url("../img/soccer/bg-point_pc.png");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.point_block h2 {
    font-size: 77px;
    position: relative;
    padding: 0 85px;
    margin-bottom: 80px;
    color: #fff;
    color: rgba(255, 255, 255, 0.85);
    font-family: corporate-logo-ver2, sans-serif;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    text-shadow: 2px 2px 6px rgba(0, 0, 0, 0.52);
    padding-top: 80px;
}
.point_block h2 span:first-child {
    font-size: 65px;
    display: inline-block;
}
.point_block h2 span:nth-child(2) {
    display: inline-block;
}
.point_block h2 span:nth-child(2) span {
    font-size: 106px;
    display: inline;
}
.point_block h2:before {
    content: '';
    position: absolute;
    top: 70%;
    left: 0;
    display: inline-block;
    width: 100px;
    height: 4px;
    -webkit-transform: rotate(-110deg);
    transform: rotate(-110deg);
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(-45deg, transparent, transparent 6px, rgba(48, 48, 48, 1) 6px, rgba(48, 48, 48, 1) 12px);
    content: none;
}
.point_block h2::after {
    content: '';
    position: absolute;
    top: 70%;
    right: 15px;
    display: inline-block;
    width: 100px;
    height: 4px;
    -webkit-transform: rotate(-70deg);
    transform: rotate(-70deg);
    background-color: rgba(255, 255, 255, 1);
    background-image: repeating-linear-gradient(45deg, transparent, transparent 6px, rgba(48, 48, 48, 1) 6px, rgba(48, 48, 48, 1) 12px);
    content: none;
}
.point_block .bg {
    width: 100%;
    background-image: url("../img/bg-3point.png");
    background-repeat: repeat;
    padding: 0 0 120px;
    background-image: none;
}
.point_block .in {
    max-width: 1084px;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    padding: 0 30px;
}
.point_block .in .box {
    display: inline-block;
    width: 31%;
    margin-right: 3.5%;
    vertical-align: top;
    background-color: rgba(255, 255, 255, 0.85);
    padding: 0 20px 35px;
    min-height: 625px;
    box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.52);
}
.point_block .in .box:last-child {
    margin-right: 0;
}
.point_block .in .box h3 {
    font-size: 31px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: italic;
    text-align: center;
    background-size: 100% 2px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: rgba(255, 255, 255, 0);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(48, 48, 48, 1) 5px, rgba(48, 48, 48, 1) 12px);
    padding-bottom: 20px;
    margin-bottom: 20px;
}
.point_block .in .box h3:first-child {
    background-color: #252525;
    background-image: none;
    color: #fff;
    font-size: 38px;
    font-family: corporate-logo-ver2, sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    max-width: 75px;
    margin: -30px auto 20px;
    padding: 8px 0 12px;
    clip-path: polygon(20% 0%, 100% 0%, 80% 100%, 0% 100%);
    letter-spacing: 0.1em;
    text-align: center;
}
.point_block .in .box img {
    width: 180px;
    display: block;
    margin: 0 auto 20px;
}
.point_block .in .box p {
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: left;
    margin-bottom: 0;
}
.trial {
    width: 100%;
    margin: 0 auto;
    padding: 0;
    background-image: url("../img/elementary/bg-trial-01_pc.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-bottom: 90px;
}
.trial_block {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/elementary/bg-trial-02_pc.png");
    background-repeat: no-repeat;
    background-position: calc(50% + 400px) calc(100% - 0px);
    background-size: auto;
    min-height: 825px;
}
.trial_block .in {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto 60px;
    font-size: 0;
    padding: 115px 30px 70px;
    text-align: left;
    background: none;
}
.trial_block .in h2 {
    font-size: 55px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    font-style: normal;
    color: #194eb9;
    margin-bottom: 20px;
    text-shadow: 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1), 0px 0px 10px rgba(255, 255, 255, 1);
    letter-spacing: 0.03em;
}
.trial_block .in h2 span.box {
    display: inline-block;
}
.trial_block .in h2 span.lar {
    font-size: 68px;
    display: inline;
}
.trial_block .in h2 + h2 span.lar {
    font-size: 65px;
    display: inline;
}
.trial_block .in img {
    float: none !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    width: auto !important;
    position: inherit !important;
}
.trial_block .in .text {
    width: 100%;
    text-align: left;
}
.trial_block .in .text p {
    font-size: 23px;
    line-height: 1.6;
    margin-bottom: 25px;
    text-align: left;
}
.trial_block .in .text button {
    width: 615px;
    height: 115px;
    background-image: url("../img/elementary/btn_pc.png");
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-size: contain;
    border: none;
    background-color: transparent;
}
.trial_block .in .text button img {
    width: 28px !important;
    margin: 3px 0 0 15px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
}
.trial_block .in .text button span {
    font-size: 34px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.03em;
}
.trial_block .in .text button span span {
    display: inline-block;
    vertical-align: top;
    margin-top: 0;
}
.trial_block .in .text button span span:first-child {
    display: inline;
    letter-spacing: -0.15em;
    padding-left: 3px;
}
.trial_block .in .text button:hover span span {
    opacity: 1;
}
.trial_block .in .text button:hover span, .trial_block .in .text button:hover img {
    opacity: 0.8;
}
.coach_block {
    max-width: 1100px;
    width: 100%;
    margin: -40px auto 0;
    padding: 0;
    text-align: center;
    background: #fff;
    border: 33px solid #1342a1;
}
.coach_block .in {
    margin: 0 auto;
    border: none;
    padding: 40px 40px 20px;
    background-color: transparent;
}
.coach_block .in h2 {
    background-color: transparent;
    height: auto;
    width: auto;
    border-radius: 0;
    -moz-border-radius: 0;
    -webkit-border-radius: 0;
    text-align: center;
    padding: 0;
    margin: 0 auto 40px;
    color: #00479d;
    font-size: 39px;
    font-weight: 900;
    font-style: italic;
    line-height: 1.3;
}
.coach_block .in h2 span {
    display: inline-block;
}
.coach_block .in h3 {
    font-size: 32px !important;
    font-weight: 700 !important;
}
.swiper-slide {
    padding: 0;
    border-radius: 0;
    min-height: auto;
    margin-bottom: 40px;
}
.swiper-slide .box {
    background: url(/service/new/img/taiiku/img-coach-01.png)
}
.swiper-slide .box.v02 {
    background: url(/service/new/img/taiiku/img-coach-02.png)
}
.swiper-slide .box.v03 {
    background: url(/service/new/img/taiiku/img-coach-03.png)
}
.swiper-slide .box.v04 {
    background: url(/service/new/img/taiiku/img-coach-04.png)
}
.swiper-button-next:after, .swiper-button-prev:after {
    font-size: 0;
}
.swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
    margin: 0 15px;
}
.contact_block {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto 80px;
    text-align: center;
    padding: 0 30px;
    background-image: url("../img/elementary/bg-contact-01.png");
    background-position: left 50px top 15px;
    background-repeat: no-repeat;
    background-size: 193px auto;
    background: none !important;
}
.contact_block.mb0 {
    margin: 0 auto
}
.contact_block .box:first-child {
    width: 100%;
    padding: 0;
    background-image: url(../img/elementary/bg-contact-02.png), url("../img/elementary/bg-contact-01.png");
    background-position: right 20px top 80px, left top 55px;
    background-repeat: no-repeat, no-repeat;
    background-size: 214px auto, 238px auto;
    margin-bottom: -20px;
    padding-bottom: 45px;
}
.contact_block .box h2 {
    font-size: 54px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 900;
    font-style: normal;
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: transparent;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(37, 37, 37, 1) 5px, rgba(37, 37, 37, 1) 10px);
    display: inline-block;
    padding-bottom: 10px;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
}
.contact_block .box h2 span {
    font-size: 64px;
}
.contact_block .box h2 + p {
    font-size: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 5px;
    text-shadow: 2px 1px rgba(255, 255, 255, 1);
}
.contact_block .box h2 + p span {
    display: inline-block;
}
.contact_block .box a[href^="tel:"] img {
    width: 70px;
    margin: 0 10px 15px 0;
}
.contact_block .box a {
    display: block;
    font-size: 84px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #303030;
    letter-spacing: -0.05em;
    line-height: 1;
    padding-left: 0;
    text-shadow: 3px 3px 0px rgba(255, 255, 255, 1);
}
.contact_block .box a + p, .contact_block .box a + p + p {
    font-size: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-top: 3px;
    padding-bottom: 0;
    margin-bottom: 0;
    text-shadow: 2px 1px rgba(255, 255, 255, 1);
}
.contact_block .box a + p + p {
    padding-top: 0;
}
.contact_block .box:last-child .btn.blue {
    float: left;
    max-width: 49%;
    width: 530px;
    height: 110px;
    background-image: url(../img/elementary/btn-02_pc.png);
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    box-shadow: none;
}
.contact_block .box:last-child .btn.org {
    float: right;
    max-width: 49%;
    width: 530px;
    height: 110px;
    background-image: url("../img/elementary/btn-03_pc.png");
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: contain;
    padding: 0;
    box-shadow: none;
}
.contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
    display: block;
    color: #fff;
    font-size: 34px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    line-height: 85px;
    height: 93px;
    padding: 0 0 0 0;
    text-align: center;
    position: relative;
    text-shadow: none;
}
.contact_block .box:last-child .btn.blue a span, .contact_block .box:last-child .btn.org a span {
    display: inline-block;
    vertical-align: middle;
}
.contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
    width: 28px;
    margin: 0 0 0 15px;
    display: inline-block;
}
.contact_block .box:last-child .btn.blue a span:first-child span {
    display: inline !important;
    vertical-align: initial;
    letter-spacing: -0.15em;
    padding-left: 3px;
    float: none;
    margin: 0;
}
.contact_block .box:last-child .btn.org a {
    padding: 0 0 0 0;
}
.contact_block .box:last-child .btn a::before, .contact_block .box:last-child .btn a::after {
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    margin: auto;
    content: "";
    vertical-align: middle;
    content: none !important;
}
.contact_block .box:last-child .btn.blue a::before, .contact_block .box:last-child .btn.org a::before {
    width: 46px;
    height: 46px;
    -webkit-border-radius: 50%;
    border-radius: 50%;
    background: #fff;
}
.contact_block .box:last-child .btn.blue a::before {
    right: 5%;
}
.contact_block .box:last-child .btn.org a::before {
    right: 22%;
}
.contact_block .box:last-child .btn.blue a::after {
    right: 8%;
    width: 23px;
    height: 23px;
    border-top: 7px solid #1b63db;
    border-right: 7px solid #1b63db;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.contact_block .box:last-child .btn.org a::after {
    right: 25%;
    width: 23px;
    height: 23px;
    border-top: 7px solid #ff7b0a;
    border-right: 7px solid #ff7b0a;
    -webkit-transform: rotate(45deg);
    transform: rotate(45deg);
}
.price_block {
    width: 100%;
    margin: 0 auto 100px;
    background: none;
    background-image: url("../img/elementary/bg-price-02_pc.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-top: 80px;
}
.price_block .bg {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/soccer/bg-feature_pc.png");
    background-repeat: repeat-y;
    background-position: center top;
    background-size: 100% auto;
    background: none;
    padding: 60px 30px 0;
}
.price_block h2 {
    padding: 0;
    position: relative;
    margin-bottom: 30px;
    text-align: center;
    font-size: 70px;
    font-family: 'Zen Maru Gothic', sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
    color: #009944;
    padding-right: 15px;
}
.price_block h2 span:first-child {
    font-size: 63px;
    display: block;
}
.price_block h2 span {
    display: inline-block;
}
.price_block h2::before {
    content: "";
    width: 117px;
    height: 160px;
    background-image: url(../img/elementary/ba-price-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    left: calc(50% - 450px);
    bottom: -5px;
    content: none !important;
}
.price_block h2::after {
    content: "";
    width: 117px;
    height: 160px;
    background-image: url(../img/elementary/ba-price-02.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    right: calc(50% - 450px);
    bottom: -5px;
    content: none !important;
}
.price_block .bg h2 {
    padding: 0;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    font-size: 69px;
    font-family: 'M PLUS Rounded 1c', sans-serif;
    font-weight: 800;
    font-style: normal;
    line-height: 1.2;
}
.price_block .bg h2 span:first-child {
    font-size: 56px;
    display: block;
}
.price_block .in {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 80px 60px 60px;
    border: 4px solid #c50000;
    box-shadow: 10px 10px 0px 0px rgba(191, 0, 0, 1);
}
.price_block .in .box {
    width: 100%;
    background-color: #fff;
    margin: 0 auto 45px;
    padding: 70px 30px 25px;
    font-size: 0;
    border-top: 2px solid #656565;
    text-align: center;
}
.price_block .in .box:last-child {
    padding: 70px 0 0;
    margin-bottom: 0;
}
.price_block .in .box h3 {
    background: #141414 !important;
    color: #fff;
    font-size: 34px;
    font-weight: 700;
    font-style: italic;
    line-height: 1;
    max-width: 285px;
    margin: -100px auto 25px;
    padding: 8px 0 12px;
    clip-path: none;
    text-align: center;
    border-radius: 100px;
}
.price_block .in .box:last-child h3 span {
    display: inline;
    letter-spacing: -0.03em;
}
.price_block .in .box p {
    font-size: 77px;
    font-weight: 900;
    color: #cc0000;
    line-height: 1;
    margin-bottom: 25px;
}
.price_block .in .box p span:first-child {
    font-size: 51px;
}
.price_block .in .box p span:nth-child(2) {
    font-size: 44px;
    padding: 0 0 0 8px;
}
.price_block .in .box ul {
    margin: 0 auto;
    display: inline-block;
}
.price_block .in .box ul li {
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.3;
    margin-bottom: 8px;
    list-style: disc;
}
.price_block .in .box ul li span {
    font-weight: bold;
    color: #cc0000;
}
.price_block .in .box ul li:last-child {
    margin-bottom: 0;
}
.price_block .in .box:last-child .course {
    display: inline-block;
    width: 49%;
    vertical-align: top;
    text-align: left;
    border-right: 2px dotted #252525;
    padding: 0 30px;
    margin-bottom: 40px;
}
.price_block .in .box:last-child .course:nth-child(3) {
    width: 49%;
    border-right: none;
}
.price_block .in .box:last-child .course:nth-child(4) {
    border-right: none;
    width: 38%;
}
.price_block .in .box:last-child .course h4 {
    font-size: 25px;
    font-weight: 900;
    letter-spacing: -0.05em;
    margin-bottom: -10px;
}
.price_block .in .box:last-child ul {
    text-align: left;
    padding: 0 30px;
    display: block;
}
.price_block .in .box:last-child p {
    margin-bottom: 0;
    padding-left: 0;
    text-align: left;
}
.price_block .in .box:last-child p span.bx {
    display: inline-block;
}
.price_block .in .box:last-child p span.bx:first-child {
    font-size: 21px;
    font-weight: bold;
    color: #303030;
    display: inline-block;
    padding: 0 10px 0 25px;
    margin-bottom: 5px;
    text-align: left;
    line-height: 1.3;
    vertical-align: middle;
    padding-top: 10px;
}
.price_block .in .box:last-child p span.bx:first-child span {
    display: block;
    font-size: 18px;
    margin-left: -8px;
    padding: 0;
}
.price_block .in .box:last-child p span.bx:last-child span:first-child {
    font-size: 50px;
    display: block;
    padding: 0;
    color: #cc0000;
}
.price_block .in .box:last-child p span.bx:last-child span:first-child span:first-child {
    font-size: 33px;
    font-weight: 900;
    padding: 0;
    color: #cc0000;
    display: inline;
}
.price_block .in .box:last-child p span.bx:last-child span:first-child span:last-child {
    font-size: 27px;
    font-weight: 900;
    display: inline;
}
.outcome_block {
    width: 100%;
    margin: 0 auto;
    background-image: url(../img/elementary/bg-voice-02.png);
    background-repeat: repeat;
    background-position: center top;
    background-size: 36px 36px;
    text-align: center;
    padding: 0 0 60px;
}
.outcome_block h2, .qa_block h2 {
    font-size: 64px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    font-style: italic;
    background-color: #1342a1;
    color: #fff;
    background-image: url(../img/elementary/bg-voice-01_pc.png), url(../img/elementary/bg-merit-01.png);
    background-repeat: no-repeat, repeat;
    background-position: top center, top center;
    background-size: cover, 6px 6px;
    letter-spacing: 0.05em;
    padding: 40px 30px 0;
    position: relative;
    margin-bottom: 120px;
    text-align: center;
    height: 175px;
    -moz-text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
    -webkit-text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
    -ms-text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
    text-shadow: 7px 3px 0px rgba(0, 0, 0, 0.2);
    line-height: 1.2;
}
.qa_block h2 {
    margin-bottom: 80px;
}
.outcome_block h2::after, .qa_block h2::after {
    content: "";
    position: absolute;
    bottom: -49px;
    left: calc(50% - 30px);
    width: 60px;
    height: 50px;
    background-color: #1342a1;
    background-image: url(../img/elementary/bg-merit-01.png);
    background-repeat: repeat;
    background-position: top center;
    background-size: 6px 6px;
    clip-path: polygon(100% 0, 0 0, 50% 100%);
    right: auto;
    border: none;
}
.outcome_block h2 span, .qa_block h2 span {
    display: inline-block;
}
.outcome_block h2 span.lar, .qa_block h2 span.lar {
    font-size: 77px;
    display: inline;
}
.outcome_block .in {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.outcome_block .in .box {
    display: inline-block;
    width: 47.5%;
    margin: 0 5% 50px 0;
    text-align: left;
    padding: 30px 25px 35px;
    background-color: #fff;
    border: 6px solid #1342a1;
}
.outcome_block .in .box:nth-child(2n) {
    margin: 0 0 50px;
}
.outcome_block .in .box img {
    width: 150px;
    float: left;
    margin: 0 15px 8px 0;
}
.outcome_block .in .box .text {
    width: 100%;
}
.outcome_block .in .box h3 {
    font-size: 34px;
    margin-bottom: 20px;
    font-family: vdl-penletter, sans-serif;
    font-weight: bold;
    font-style: normal;
}
.outcome_block .in .box h3 span.bx {
    display: inline-block;
}
.outcome_block .in .box h3 span.bx span {
    display: inline;
    letter-spacing: -0.13em;
}
.outcome_block .in .box h3 + img {
    width: 50%;
    max-width: 200px;
    float: left;
    margin: 0 20px 20px 0;
}
.outcome_block .in .box p {
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.outcome_block .in .box p strong {
    display: block;
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 25px;
    background-color: #e7eef5;
    padding: 8px 20px 12px;
    line-height: 1.3;
}
.voice_block {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/bg-voice_pc.png");
    background-repeat: repeat;
    background-position: center top;
    text-align: center;
    padding: 70px 0 100px;
}
.voice_block h2 {
    margin-bottom: 40px;
}
.voice_block .in {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.voice_block .in .box {
    display: inline-block;
    width: 48%;
    margin: 0 4% 40px 0;
    vertical-align: top;
    background-color: #fff;
    border-radius: 5px;
    padding: 30px;
    position: relative;
}
.voice_block .in .box:nth-child(2n) {
    margin-right: 0;
}
.voice_block .in .box .bg h3 {
    margin-bottom: 0;
}
.voice_block .in .box .bg h3 img {
    width: 100%;
    margin-bottom: 25px;
    position: inherit;
}
.voice_block .in .box .bg p {
    font-size: 21px;
    width: calc(100% - 215px);
    float: left;
    text-align: left;
    margin-bottom: 0;
}
.voice_block .in .box img {
    width: 215px;
    position: absolute;
    top: 165px;
    right: 18px;
}
.qa_block {
    width: 100%;
    margin: 0 auto 90px;
    padding: 0;
    background: none;
}
.qa_block .in {
    max-width: 1084px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
}
.s_01 {
    margin: 0 0 60px;
}
.s_01 .accordion_one {
    max-width: 1024px;
    margin: 0 auto 25px;
    background-color: #e7eef5;
    border-radius: 10px;
    background-image: url(../img/elementary/bg-qa.png);
    background-position: left top;
    background-repeat: no-repeat;
    background-size: 75px auto;
}
.s_01 .accordion_one .accordion_header {
    font-size: 20px;
    font-weight: bold;
    padding: 22px 80px 22px 20px;
    text-align: left;
    position: relative;
    z-index: +1;
    cursor: pointer;
    transition-duration: 0.2s;
}
.s_01 .accordion_one .accordion_header span {
    color: #fff;
    font-size: 35px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    float: left;
    width: 70px;
    line-height: 1;
    margin-top: -12px;
}
.s_01 .accordion_one .accordion_header span + p {
    display: none;
}
.s_01 .accordion_one .accordion_header p {
    float: right;
    width: calc(100% - 70px);
    text-align: left;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.s_01 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    box-sizing: border-box;
    transform-origin: center center;
    transition-duration: 0.2s;
    background: #353535;
    border-radius: 50%;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #e7eef5;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 5px 25px 25px;
}
.s_01 .accordion_one .accordion_inner .box_one {
    height: auto;
    background-color: #fff;
    border-radius: 10px;
    padding: 15px 25px 20px;
}
.s_01 .accordion_one .accordion_inner .box_one span {
    color: #ff8a00;
    font-size: 57px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-style: normal;
    display: inline-block;
    float: left;
    width: 60px;
    line-height: 1;
}
.s_01 .accordion_one .accordion_inner .box_one span + p {
    display: none;
}
.s_01 .accordion_one .accordion_inner p.txt_a_ac {
    margin: 0;
    float: right;
    width: calc(100% - 60px);
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.5;
}
.qa_block .in .box {
    margin: 0 auto 50px;
}
.qa_block .in .box .qs {
    background-color: #ededed;
    border-radius: 10px;
    padding: 12px 20px 15px;
    margin-bottom: 20px;
}
.qa_block .in .box .qs span {
    font-size: 35px;
    font-weight: 900;
    display: inline-block;
    width: 45px;
    float: left;
    line-height: 0.7;
}
.qa_block .in .box .qs p {
    float: right;
    width: calc(100% - 45px);
    font-size: 21px;
    margin-bottom: 0;
}
.qa_block .in .box .as {
    padding: 0 15px;
}
.qa_block .in .box .as span {
    font-size: 57px;
    font-weight: 900;
    color: #f15a24;
    display: inline-block;
    width: 60px;
    float: left;
    line-height: 0.9;
}
.qa_block .in .box .as p {
    float: right;
    width: calc(100% - 60px);
    font-size: 21px;
    margin-bottom: 0;
}
.flow_block {
    width: 100%;
    text-align: center;
    padding: 90px 30px 60px;
    margin: 0 auto 70px;
    background-color: #d8efd2;
    background-image: none;
}
.flow_block .in {
    width: 1080px;
    margin: 0 auto;
    padding: 0 30px;
    font-size: 0;
}
.flow_block h2 {
    font-size: 77px;
    margin-bottom: 60px;
    letter-spacing: 0.05em;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 800;
    font-style: italic;
}
.flow_block h2 span {
    font-size: 64px;
    letter-spacing: 0;
}
.flow_block .box {
    width: 48%;
    margin: 0 4% 60px 0;
    background-size: auto auto;
    background-color: rgba(216, 239, 210, 1);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 7px, rgba(177, 195, 171, 1) 7px, rgba(177, 195, 171, 1) 14px);
    background-position: 10px 10px;
    display: inline-block;
    vertical-align: top;
    background-repeat: no-repeat;
    border: none;
    padding: 0 0 10px 0;
}
.flow_block .box:nth-child(2n) {
    margin: 0 0 60px 0;
}
.flow_block .box .item {
    width: calc(100% - 10px);
    background-color: #Fff;
    border: 5px solid #757575;
    position: relative;
    padding: 50px 15px 35px 20px;
    margin: 0 10px 0 0;
    min-height: 325px;
}
.flow_block .box:nth-child(3) .item, .flow_block .box:nth-child(4) .item {
    min-height: 295px;
}
.flow_block .box .item h3 {
    font-size: 31px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 15px;
    text-align: center;
}
.flow_block .box .num {
    background: #28a501;
    color: #fff;
    font-size: 44px;
    display: inline-block;
    width: 70px;
    height: 70px;
    border-radius: 50%;
    line-height: 68px;
    position: absolute;
    top: -35px;
    left: calc(50% - 35px);
    font-style: italic;
    font-weight: 800;
    font-family: 'M PLUS 1p', sans-serif;
}
.flow_block .box .num span {
    display: inline-block;
    margin-left: -9px;
}
.flow_block .box img {
    float: left;
    width: 120px;
}
.flow_block .box .text {
    text-align: left;
    width: calc(100% - 140px);
    float: right;
}
.flow_block .box .text h3 {
    font-size: 31px;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 20px;
}
.flow_block .box .text p {
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.4;
    margin-bottom: 0;
}
.flow_block .box .text p a {
    color: #db0100;
    text-decoration: underline;
    font-weight: bold;
}
.flow_block .box .text p a[href^="tel:"] {
    text-decoration: none;
    color: #db0100;
}
/*----------------------------
  レスポンシブ
-----------------------------*/
@media screen and (max-width: 820px) {
    .price_block .in .box:last-child .course h4 {
        text-align: center;
        margin-bottom: 20px;
    }
    .price_block .in .box:last-child .course h4 span:last-child {
        display: block;
    }
    .price_block .in .box:last-child p {
        text-align: center;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        display: block;
        padding: 0;
        margin-bottom: 10px;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child {
        display: block;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 1.2;
        padding: 5px 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a span:last-child {
        display: block;
    }
    .contact_block .box:last-child .btn.blue a::before {
        right: 8%;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 11%;
    }
    .contact_block .box:last-child .btn.org a::before {
        right: 8%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 11%;
    }
    .voice_block .in .box img {
        width: 180px;
    }
    .voice_block .in .box .bg p {
        width: calc(100% - 180px);
    }
    .lesson_block {
        margin: 0 auto;
        padding: 0 0 60px;
        background-image: url(../img/elementary/bg-price-illust_sp02.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: 1030px auto;
    }
    .lesson_block h2 {
        font-size: 7.4vw;
        letter-spacing: -0.05em;
    }
    .lesson_block h2 span {
        font-size: 6.2vw;
    }
    .point_block .bg {
        padding: 70px 0 80px;
    }
    .point_block h2 {
        font-size: 7.5vw;
    }
    .point_block h2 span:first-child {
        font-size: 5.2vw;
    }
    .point_block h2 span:nth-child(2) span {
        font-size: 10.4vw;
    }
    .trial_block .in {
        padding: 50px 30px 0;
        margin: 0 auto 40px;
    }
    .trial_block .in h2 {
        font-size: 9.6vw;
    }
    .trial_block .in h2 span {
        font-size: 5.7vw;
    }
    .coach_block {
        margin: 0 30px;
        padding: 35px 0 25px;
        width: calc(100% - 60px);
    }
    .coach_block h2 {
        text-align: center;
        margin: 0 auto;
    }
    .coach_block h3 {
        margin: 0 auto 50px;
    }
    .contact_block .box h2 {
        font-size: 6.7vw;
        font-weight: 800;
    }
    .contact_block .box h2 span {
        font-size: 7.7vw;
    }
    .contact_block .box h2 + p {
        font-size: 3.2vw;
        line-height: 1.3;
        display: block;
        margin-bottom: 8px;
    }
    .contact_block .box h2 + p span {
        display: block;
    }
    .contact_block .box h2 + p span:first-child {
        display: inline;
    }
    .contact_block .box a + p {
        font-size: 3.5vw;
    }
    .contact_block .box a + p + p {
        font-size: 3.3vw;
    }
    .contact_block .box:last-child .btn.blue {
        max-width: 48.5%;
        width: 100%;
        height: auto;
        min-height: 120px;
        background-image: url(../img/elementary/btn-02_sp.png);
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 1.1;
    }
    .contact_block .box:last-child .btn.org {
        max-width: 48.5%;
        width: 100%;
        height: auto;
        min-height: 120px;
        background-image: url(../img/elementary/btn-03_sp.png);
    }
    .contact_block .box:last-child {
        padding: 0 15px;
        margin-top: -3px;
    }
    .voice_block {
        padding: 50px 0 60px;
    }
    .voice_block h2 {
        margin-bottom: -10px;
    }
    .voice_block .in .box .bg h3 img {
        width: auto;
        float: none;
        margin-top: 0;
        margin-right: calc((100% - 475px) / 2);
    }
    .voice_block .in .box:nth-child(2n) .bg h3 img {
        margin-left: calc((100% - 475px) / 2);
        margin-right: 0;
    }
    .qa_block {
        margin: 0 auto 70px;
    }
    .price_block .in .box:last-child ul {
        padding: 0;
        padding-left: 30px;
    }
    .voice_block .in .box .bg h3 {
        text-align: left;
    }
    .voice_block .in .box .bg h3 img {
        margin-right: 0;
    }
    .voice_block .in .box:nth-child(2n) .bg h3 {
        text-align: right;
    }
    .voice_block .in .box:nth-child(2n) .bg h3 img {
        margin-left: 0;
    }
    .lesson_block .in .box {
        width: 32%;
        margin-right: 2%;
    }
    .contact_block .box:last-child .btn.blue a img {
        vertical-align: super;
    }
    .contact_block .box:last-child .btn.org a img {
        vertical-align: middle;
    }
    .price_block .bg h2 {
        font-size: 8.6vw;
    }
    .price_block .bg h2 span {
        font-size: 6.8vw;
    }
    .price_block .in .box:last-child .course {
        width: 32%;
        padding: 0;
    }
    .price_block .in .box:last-child .course:nth-child(3) {
        width: 32%;
    }
    .price_block .in .box:last-child .course:nth-child(4) {
        border-right: none;
        width: 36%;
    }
    .price_block .in .box:last-child .course h4 span {
        display: block;
    }
    .price_block .in .box:last-child .course:nth-child(2) h4 span:last-child {
        display: inline-block;
    }
    .lesson_block .in .box h3 {
        font-size: 26px;
    }
    .point_block .bg {
        padding: 50px 0 80px;
    }
    a[href^="tel:"] {
        pointer-events: auto;
        text-decoration: none;
    }
    .pc {
        display: none;
    }
    .sp {
        display: block;
    }
    header {
        min-width: auto;
    }
    section {
        min-width: auto;
    }
    footer {
        min-width: auto;
    }
    .mv_block {
        height: auto;
        background: none;
    }
    .mv_block .sp {
        width: 100%;
    }
    .lesson_block .in .box {
        width: 48%;
        margin-right: 4%;
    }
    .lesson_block .in .box:nth-child(2n) {
        margin-right: 0;
    }
    .lesson_block .in .box:nth-child(3) {
        margin-right: 4%;
    }
    .point_block .in .box {
        width: 100%;
        margin-right: 0;
        vertical-align: top;
        margin-bottom: 50px;
    }
    .point_block .in .box:last-child {
        margin-bottom: 0;
    }
    .point_block .in .box h3 {
        line-height: 1.15;
        font-size: 3.8vw;
        width: 350px;
        height: 350px;
        margin: 0 auto 20px;
        padding: 98px 0 0;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 12.5%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 12.5%;
    }
    .lesson_block h2 {
        font-size: 53px;
        padding-top: 15px;
        padding-right: 25px;
        margin-bottom: 20px;
    }
    .lesson_block h2 span {
        font-size: 53px;
        letter-spacing: -0.1em;
    }
    .lesson_block .in .box h3 {
        font-size: 32px;
        line-height: 62px;
    }
    .lesson_block .in .box h4 {
        font-size: 23px;
    }
    .lesson_block .in .box h4 + p {
        font-size: 22px;
    }
    .lesson_block .in .box {
        margin-bottom: 30px;
    }
    .point_block h2 span:first-child {
        font-size: 7.3vw;
    }
    .point_block h2 {
        font-size: 10.6vw;
        margin-bottom: 60px;
        color: #fff;
        padding: 60px 20px 0;
    }
    .point_block h2 span:nth-child(2) span {
        font-size: 10.6vw;
    }
    .point_block h2:before {
        top: 55%;
        left: -40px;
        width: 150px;
        height: 6px;
        -webkit-transform: rotate(-107deg);
        transform: rotate(-107deg);
    }
    .point_block h2::after {
        top: 55%;
        right: -30px;
        width: 150px;
        height: 6px;
        -webkit-transform: rotate(-70deg);
        transform: rotate(-70deg);
    }
    .point_block .bg {
        padding: 0 0 90px;
    }
    .point_block .in .box {
        margin-bottom: 60px;
        min-height: initial;
        min-height: auto;
        padding: 0 25px 40px;
    }
    .point_block .in .box h3 {
        font-size: 6.0vw;
        margin: 0 auto 30px;
        padding: 29% 0 50.0%;
        width: 100%;
        height: auto;
    }
    .point_block .in .box img {
        width: 250px;
        margin: 0 auto 10px;
    }
    .trial {
        background-image: url(../img/elementary/bg-trial-01_sp01.jpg), url(../img/elementary/bg-trial-01_sp02.jpg);
        background-repeat: no-repeat, no-repeat;
        background-position: top center, bottom center;
        background-size: contain, contain;
        padding-bottom: 70px;
    }
    .trial_block {
        background-image: url(../img/elementary/bg-trial-02_sp.png);
        background-repeat: no-repeat;
        background-position: top 280px right;
        background-size: 47vw auto;
        min-height: auto;
    }
    .trial_block .in h2 {
        font-size: 10.0vw;
        text-align: center;
        display: block;
        margin-bottom: 15px;
    }
    .trial_block .in h2 span {
        font-size: 7.1vw;
        display: block;
    }
    .trial_block .in .text p {
        font-size: 3.8vw;
        line-height: 1.2;
        color: #303030;
        font-weight: 500;
        margin-bottom: -40px;
        width: 53vw;
        background-color: rgba(255, 255, 255, 0.63);
        padding: 20px 0 60px 20px;
    }
    .coach_block .in + p {
        font-size: 31px;
        font-weight: normal;
        padding-left: 31px;
        text-indent: -31px;
        text-align: left;
        line-height: 1.4;
    }
    .contact_block {
        background-position: left 30px top 118px;
        background-size: 127px auto;
        padding: 0;
        margin: 0 auto 60px;
    }
    .contact_block .box h2 {
        margin-top: 0;
        padding-bottom: 8px;
        margin-bottom: 12px;
        padding-top: 0;
        margin-left: -5px;
    }
    .contact_block .box:first-child {
        background-position: right 35px top 150px, left 25px top 130px;
        background-size: 171px auto, 190px auto;
    }
    .contact_block .box:last-child {
        padding: 0 20px;
        margin-top: -30px;
    }
    .contact_block .box a {
        font-size: 7.9vw;
        display: inline-block;
        position: relative;
        padding: 0 30px 0 0;
        margin: 0 auto;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 53px;
        background: #fff;
        box-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
        margin: 0 10px 6px 0;
    }
    .contact_block .box a:before {
        position: absolute;
        top: 0;
        bottom: 0;
        right: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
        width: 30px;
        height: 30px;
        -webkit-border-radius: 50%;
        border-radius: 50%;
        background: #252525;
        content: none !important;
    }
    .contact_block .box a:after {
        position: absolute;
        top: 0;
        bottom: 0;
        margin: auto;
        content: "";
        vertical-align: middle;
        right: 2%;
        width: 15px;
        height: 15px;
        border-top: 5px solid #fff;
        border-right: 5px solid #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        content: none !important;
    }
    .contact_block .box a + p {
        padding-top: 5px;
        padding-bottom: 5px;
        line-height: 1.3;
    }
    .contact_block .box a + p span {
        display: block;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 15px 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a span {
        display: block;
        width: 250px;
        float: left;
        margin: 0 0 0 13%;
    }
    .contact_block .box:last-child .btn.blue a img {
        float: left;
        margin: 21px 0 0 8px;
    }
    .contact_block .box:last-child .btn.blue a::before {
        right: 5%;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 9.5%;
    }
    .contact_block .box:last-child .btn.org a {
        padding: 5px 0 0 0;
    }
    .contact_block .box:last-child .btn.org a::before {
        right: 5%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 9.5%;
    }
    .price_block .bg h2 {
        font-size: 7.5vw;
    }
    .price_block .bg h2 span, .price_block .bg h2 span:first-child {
        font-size: 6.3vw;
    }
    .price_block .in {
        width: 100%;
        padding: 80px 40px 0;
    }
    .price_block .in .box {
        padding: 70px 0 25px;
        border-top: 2px solid #b5b5b5;
    }
    .price_block .in .box:last-child {
        padding: 70px 0 50px;
    }
    .price_block .in .box h3 {
        font-size: 5.1vw;
        max-width: 310px;
        letter-spacing: 0;
        padding-right: 8px;
    }
    .price_block .in .box:first-child h3 {
        letter-spacing: 0.2em;
    }
    .price_block .in .box:last-child h3 {
        margin: -100px auto 40px;
    }
    .price_block .in .box p {
        font-size: 10.2vw;
    }
    .price_block .in .box p span:first-child {
        font-size: 6.8vw;
    }
    .price_block .in .box p span:nth-child(2) {
        font-size: 5.4vw;
    }
    .price_block .in .box ul {
        display: block;
        padding-left: 30px;
    }
    .price_block .in .box ul li {
        font-size: 24px;
        text-align: left;
    }
    .price_block .in .box ul li span {
        font-size: 125%;
    }
    .price_block .in .box:last-child .course {
        width: 100%;
        border-right: none;
        margin: 0 0 35px;
        background: none;
        border-bottom: 2px dotted #252525;
    }
    .price_block .in .box:last-child .course h4 {
        text-align: left;
        font-size: 39px;
        margin-bottom: 0;
        padding-left: 39px;
        text-indent: -39px;
    }
    .price_block .in .box:last-child .course h4 span {
        display: inline-block;
        padding-left: 0;
        text-indent: 0;
    }
    .price_block .in .box:last-child p {
        text-align: left;
        margin-bottom: 30px;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        display: inline-block;
        font-size: 29px;
        padding: 10px 0 0 45px;
        margin-bottom: 0;
        width: 295px;
    }
    .price_block .in .box:last-child p span.bx:first-child span {
        font-size: 24px;
        margin-left: -10px;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child {
        display: inline-block;
    }
    .price_block .in .box:last-child .course:nth-child(3) {
        width: 100%;
    }
    .price_block .in .box:last-child .course:nth-child(4) {
        border-right: none;
        width: 100%;
    }
    .price_block .in .box:last-child .course h4 span:last-child {
        display: inline-block;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child {
        font-size: 77px;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child span:first-child {
        font-size: 51px;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child span:last-child {
        font-size: 44px;
    }
    .voice_block h2 {
        margin: 0 20px -10px;
    }
    .voice_block h2 img {
        max-width: 600px;
        width: 100%;
    }
    .voice_block .in .box {
        display: block;
        width: 100%;
        margin: 0 0 40px 0;
    }
    .voice_block .in .box img {
        width: 215px;
        margin-top: -150px;
        right: 30px;
    }
    .voice_block .in .box .bg p {
        width: calc(100% - 235px);
    }
    .voice_block .in .box:nth-child(2n) img {
        margin-left: 0;
        right: auto;
        left: 30px;
    }
    .voice_block .in .box:nth-child(2n) .bg p {
        float: right;
    }
    .voice_block .in .box .bg h3 img {
        max-width: calc(100% - 235px);
        width: 100%;
    }
    .voice_block .in .box {
        background-color: transparent;
        border-radius: 0;
        padding: 0;
    }
    .voice_block .in .box .bg {
        background-color: #fff;
        border-radius: 10px;
        width: calc(100% - 190px);
        padding: 40px 30px;
    }
    .voice_block .in .box img {
        top: auto;
        right: 0;
        bottom: 20px;
    }
    .voice_block .in .box .bg h3 img {
        max-width: none;
    }
    .voice_block .in .box .bg p {
        width: 100%;
        font-size: 29px;
    }
    .voice_block .in .box:nth-child(2n) .bg {
        float: right;
    }
    .voice_block .in .box:nth-child(2n) img {
        top: auto;
        right: auto;
        left: 0;
        bottom: 5px;
    }
    .qa_block .in .box .qs p {
        font-size: 30px;
    }
    .qa_block .in .box .qs span {
        line-height: 1.2;
    }
    .qa_block .in .box .as p {
        font-size: 29px;
        line-height: 1.4;
    }
    .coach_block .in {
        width: 100%;
        padding: 0;
        background-color: transparent;
        margin: 0;
    }
    .coach_block .in h2 {
        margin: 0 auto 30px;
        line-height: 1.2;
        font-size: 42px;
    }
    .feature_block h2 span.sm {
        font-size: 6.3vw;
    }
    .feature_block h2 {
        font-size: 6.3vw;
        padding: 50px 0 40px;
    }
    .feature_block h2 span.bx::before {
        width: 65px;
        height: 15px;
        margin-right: 0;
    }
    .feature_block h2 span.bx::after {
        width: 65px;
        height: 15px;
        margin-left: 15px;
    }
    .feature_block .box p {
        text-align: left;
        font-size: 24px;
    }
    .feature_block .box:nth-child(3) img {
        width: 100%;
        float: none;
        margin: 30px 0 0;
    }
    .feature_block .box:last-child p {
        padding-top: 0;
    }
    .feature_block .box:last-child img {
        float: none;
        width: 90%;
        margin: 30px 5% 0;
    }
    .feature_block .box h3 span.bottom_right {
        padding: 0 30px;
        font-size: 4.8vw;
    }
    .feature_block .box h3 {
        margin-bottom: 30px;
        font-size: 6vw;
        padding: 0 12px 30px;
    }
    .feature_block .box:nth-child(2) h3 {
        width: 100%;
        margin: 0 auto 30px;
        line-height: 1.2;
    }
    .feature_block .box:nth-child(3) h3 {
        width: 100%;
        margin: 0 auto 30px;
        line-height: 1.2;
    }
    .feature_block .box:nth-child(4) h3 {
        width: 100%;
        margin: 0 auto 30px;
        line-height: 1.2;
    }
    .feature_block .box h3 span.top_right {
        background-position: top 53px right;
    }
    .feature_block .box h3 span.top_left {
        background-position: top 53px left 3px;
    }
    .feature_block .box .comp h4 {
        top: -60px;
    }
    .feature_block .box .comp .school h4 {
        left: calc((100% - 29vw) / 2);
        font-size: 4vw;
        padding: 8px 0 10px;
        line-height: 1.1;
        width: 29vw;
    }
    .feature_block .box .comp .first h4 {
        left: calc((100% - 29vw) / 2);
        font-size: 4vw;
        padding: 8px 0 10px;
        line-height: 1.1;
        width: 29vw;
    }
    .feature_block .box .comp h4 span:not(.num) {
        display: block;
    }
    .feature_block .box .comp .school {
        padding: 45px 10px 10px;
    }
    .feature_block .box .comp .first {
        padding: 45px 10px 10px;
    }
    .feature_block .box .comp img.arrow {
        width: 8.5vw;
        top: 6.2vh;
        left: calc((100% - 8.5vw) / 2);
    }
    .feature_block .box .comp .item p {
        font-size: 2.8vw;
    }
    .feature_block .box .comp .item p span {
        display: inline-block;
    }
    .feature_block .box .comp .item p span br {
        display: none;
    }
    .onayami_block .box h2 {
        font-size: 5.2vw;
        letter-spacing: -0.05em;
    }
    .onayami_block .box h2 span.grey {
        font-size: 7.5vw;
        padding: 0 0.5vw;
    }
    .onayami_block .box p {
        font-size: 4.5vw;
        letter-spacing: 0.01em;
        line-height: 1.3;
    }
    .onayami_block .box p span.red {
        font-size: 6.5vw;
    }
    .merit_block {
        padding: 0 0 60px;
    }
    .merit_block h2 {
        padding: 20px 0 0;
        height: 146px;
        background-image: url(../img/elementary/bg-merit-02_sp.png), url(../img/elementary/bg-merit-01.png);
        background-repeat: no-repeat, repeat;
        background-position: bottom center, top center;
        background-size: cover, 6px 6px;
        position: relative;
        z-index: 0;
    }
    .merit_block h2::after {
        bottom: -48px;
        z-index: -1;
    }
    .merit_block h2 span:first-child {
        font-size: 7vw;
    }
    .merit_block h2 span:first-child span {
        font-size: 7vw;
        letter-spacing: -0.05em;
    }
    .merit_block h2 span:last-child {
        font-size: 8.8vw;
        letter-spacing: -0.05em;
    }
    .merit_block h2 span:last-child span {
        font-size: 8.8vw;
        letter-spacing: -0.18em;
    }
    .merit_block .in {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
    .merit_block .box {
        width: 100%;
        padding: 90px 40px 60px;
        position: relative;
        min-height: auto;
        margin: 0 auto 100px;
    }
    .merit_block .box:first-child {
        background-image: url("../img/elementary/img-merit-01_sp.jpg");
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 43% auto;
    }
    .merit_block .box:nth-child(2) {
        background-image: url("../img/elementary/img-merit-02_sp.jpg");
        background-repeat: no-repeat;
        background-position: top 150px left;
        background-size: 43% auto;
    }
    .merit_block .box:last-child {
        background-image: url("../img/elementary/img-merit-03_sp.jpg");
        background-repeat: no-repeat;
        background-position: top 120px right;
        background-size: 43% auto;
    }
    .lesson_block.short .box:last-child {
        padding: 50px 40px;
        width: calc(100% - 80px);
        margin: 0 40px;
    }
    .merit_block .box h3 {
        float: none;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 40px;
    }
    .merit_block .box:nth-child(2) h3 {
        float: none;
        width: 100%;
    }
    .merit_block .box:last-child h3 {
        float: none;
        width: 100%;
        margin-bottom: 40px;
    }
    .merit_block .box img {
        width: 100%;
        float: none;
        margin: 0 auto;
    }
    .lesson_block .box img {
        width: 90%;
        float: none;
        margin-bottom: 10px;
    }
    .merit_block .box p, .lesson_block .box p {
        float: none;
        width: 100%;
        font-size: 24px;
    }
    .point_block {
        background-image: url(../img/soccer/bg-point_sp.png);
    }
    .point_block .in .box h3 {
        font-size: 40px;
        padding: 0 0 15px;
        margin-bottom: 20px;
    }
    .point_block .in .box h3 br {
        display: none;
    }
    .point_block .in .box h3 span {
        display: inline-block;
    }
    .outcome_block {
        padding: 0 0 80px;
    }
    .outcome_block h2, .qa_block h2 {
        font-size: 7vw;
        background-image: url(../img/elementary/bg-voice-01_sp.png), url(../img/elementary/bg-merit-01.png);
        background-repeat: no-repeat, repeat;
        background-position: top center, top center;
        background-size: contain, 6px 6px;
        padding: 25px 0 0;
        position: relative;
        margin-bottom: 80px;
        height: 145px;
    }
    .outcome_block h2 span {
        font-size: 7vw;
    }
    .outcome_block h2 span.lar, .qa_block h2 span.lar {
        font-size: 9.2vw;
    }
    .outcome_block h2 span.sm {
        font-size: 7.2vw;
    }
    .outcome_block .in {
        padding: 0 30px;
    }
    .outcome_block .in .box {
        display: block;
        width: 100%;
        margin: 0 auto 50px;
        padding: 30px 30px 30px;
    }
    .outcome_block .in .box:last-child {
        margin: 0 auto;
    }
    .outcome_block .in .box img:first-child {
        width: 190px;
        margin: 0 25px 8px 15px;
    }
    .outcome_block .in .box h3 {
        font-size: 6.3vw;
        line-height: 1.15;
        margin-bottom: 20px;
    }
    .outcome_block .in .box h3 + img {
        max-width: 285px;
    }
    .outcome_block .in .box p {
        font-size: 24px;
        margin-bottom: 10px;
    }
    .outcome_block .in .box p strong {
        font-size: 3.65vw;
        line-height: 1.3;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 25px;
        line-height: 1.3;
    }
    .s_01 .accordion_one .accordion_inner p.txt_a_ac {
        font-size: 24px;
        line-height: 1.3;
    }
    .s_01 .accordion_one .accordion_header {
        padding: 22px 70px 22px 20px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 4.3vw;
    }
    .feature_block .bg-blue {
        padding: 0 30px 90px;
    }
    .feature_block .box:nth-child(2) {
        padding: 40px 30px 60px;
    }
    .feature_block .box {
        padding: 0 30px 30px;
    }
    .feature_block .box:last-child {
        padding: 0 30px 60px;
    }
    .place_block .bg-grey {
        padding: 50px 30px 40px;
    }
    .place_block .box h2 {
        font-size: 5.75vw;
    }
    .place_block .box p {
        font-size: 24px;
        line-height: 1.3;
    }
    .place_block .box img {
        width: 330px;
        margin: 0 0 10px 10px;
    }
    .trial_block .in img {
        width: 100% !important;
        max-width: none;
        margin: 0 auto !important;
        text-align: center;
    }
    .coach_block .in h3 {
        font-size: 35px !important;
        margin-bottom: 15px !important;
        font-weight: bold !important;
        padding-top: 295px;
    }
    .swiper-container {
        background-color: #fff;
        border-radius: 20px;
    }
    .swiper-slide .box {
        padding: 0;
        background-size: 270px auto !important;
        background-position: center top !important;
    }
    .swiper-slide p {
        margin-bottom: 30px;
        padding: 0 30px;
        font-size: 24px;
        line-height: 1.4;
    }
    .swiper-button-prev {
        background-image: url(../img/elementary/prev_btn.png) !important;
    }
    .swiper-button-next {
        background-image: url(../img/elementary/next_btn.png) !important;
    }
    .merit_block h2 {
        margin-bottom: 120px;
    }
    .price_block .bg h2 {
        margin-bottom: 30px;
    }
    .dot_block .bg-grey {
        padding: 60px 0 80px;
    }
    .basic {
        padding: 60px 0 40px;
    }
    .basic_block h2 {
        font-size: 7vw;
        margin-bottom: 25px;
    }
    .basic_block h2 span {
        font-size: 5.5vw;
    }
    .basic_block h2::before {
        width: 47px;
        height: 106px;
        background-image: url(../img/elementary/ba-basic-01_sp.png);
        bottom: 0;
        left: 0;
    }
    .basic_block h2::after {
        width: 58px;
        height: 106px;
        background-image: url(../img/elementary/ba-basic-02_sp.png);
        bottom: 0;
        right: 0;
    }
    .basic_block p {
        font-size: 24px;
    }
    .basic_block .sports .box, .basic_block .sports .box:nth-child(5n) {
        width: 31%;
        margin: 0 3.5% 30px 0;
    }
    .basic_block .sports .box:nth-child(3n) {
        margin: 0 0 30px;
    }
    .basic_block .sports .box.v10 {
        display: none;
    }
    .basic_block .sports .box h3 {
        font-size: 3.6vw;
    }
    .pga_block {
        margin: 0 auto 80px;
        background-image: url(../img/elementary/bg-pga-01_sp.jpg);
    }
    .pga_block .bg {
        padding: 50px 30px 60px;
        background-image: url(../img/elementary/bg-pga-02_sp.png), url(../img/elementary/bg-pga-02_sp.jpg);
    }
    .pga_block h2 {
        padding: 35px 0 40px;
        background-image: url(../img/elementary/img-pga-01_sp.png);
        background-repeat: no-repeat;
        background-position: bottom right;
        background-size: 31vw auto;
        height: auto;
        min-height: auto;
    }
    .pga_block h2 img {
        width: 69vw;
    }
    .pga_block h3 {
        font-size: 41px;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    .pga_block h3 span.lar {
        font-size: 50px;
    }
    .pga_block .in {
        padding: 40px 30px 45px;
    }
    .pga_block .box p {
        font-size: 24px;
        margin-bottom: 30px;
    }
    .pga_block .box p img {
        float: right;
        width: 360px;
        margin: 0 -30px 30px 0;
    }
    .pga_block .graph {
        width: 100%;
        margin: 0 auto 50px;
        padding: 0;
    }
    .pga_block .in .box.non + img {
        margin: 0;
        width: 100%;
    }
    .pga_block .graph + h3 {
        margin-bottom: 25px;
    }
    .pga_block .in .box.non p {
        float: none;
        width: 100%;
        padding: 0;
        margin-bottom: 40px;
    }
    .pga_block {
        margin: 0 auto 50px;
    }
    .price_block h2 {
        margin-bottom: 20px;
        padding: 0 40px;
    }
    .price_block h2 span:first-child {
        font-size: 46px;
    }
    .price_block h2::before {
        width: 79px;
        height: 103px;
        left: calc(50% - 320px);
    }
    .price_block h2::after {
        width: 79px;
        height: 103px;
        right: calc(50% - 315px);
    }
    .merit_block .box h3 .num {
        margin-top: 0;
        position: absolute;
        top: -5.5vw;
        left: 20px;
        width: 51vw;
    }
    .merit_block .box h3 {
        padding-bottom: 0;
        font-size: 5.5vw;
        width: 80%;
    }
    .merit_block .box p {
        margin-bottom: 0;
    }
    .merit_block .box:first-child p {
        float: none;
        width: 62%;
    }
    .merit_block .box:last-child p {
        float: none;
        width: 100%;
    }
    .merit_block .box:nth-child(2) p {
        width: 62%;
        float: right;
        margin-right: -8px;
    }
    .merit_block .in .box:first-child img, .merit_block .in .box:last-child img {
        float: none;
        margin: 0 auto 30px;
        width: 100%;
        border-radius: 0;
    }
    .price_block {
        background-image: url(../img/elementary/bg-price-02_sp.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        padding: 50px 0;
        margin-bottom: 0;
    }
    .price_block .in {
        width: calc(100% - 80px);
        margin: 0 40px;
    }
    .trial_block .in .text button {
        width: 104%;
        height: 140px;
        background-image: url(../img/elementary/btn_sp01.png);
        margin: 0 -2%;
    }
    .trial_block .in .text button span {
        font-size: 6vw;
        margin-top: -10px;
    }
    .trial_block .in .text button img {
        width: 35px !important;
        margin: -10px 0 0 15px !important;
    }
    .flow_block {
        padding: 60px 30px 80px 60px;
        margin: 0 auto 50px;
    }
    .flow_block h2 {
        margin-bottom: 50px;
    }
    .flow_block .box {
        margin: 0 auto 85px;
        width: 100%;
        float: none;
        background-position: 18px 18px;
        padding-bottom: 18px;
    }
    .flow_block .box:nth-child(2) {
        margin: 0 auto 85px;
    }
    .flow_block .box .item {
        width: calc(100% - 18px);
        min-height: initial;
        min-height: auto;
        text-align: left;
        padding: 70px 20px 50px 30px;
    }
    .flow_block .box .item h3 {
        display: inline-block;
        padding-left: 30px;
    }
    .flow_block h2 {
        font-size: 10.1vw;
    }
    .flow_block h2 span {
        font-size: 7.4vw;
    }
    .flow_block .in {
        width: 100%;
        padding: 0;
    }
    .flow_block {
        padding: 60px 30px;
    }
    .flow_block h2 {
        margin-bottom: 65px;
    }
    .flow_block .box .num {
        left: calc(50% - 35px);
        top: -35px;
    }
    .flow_block h2 {
        margin-bottom: 70px;
    }
    .flow_block .box {
        margin: 0 auto 80px;
    }
    .flow_block .box .num {
        left: calc(50% - 45px);
        top: -45px;
        font-size: 57px;
        width: 90px;
        height: 90px;
        line-height: 90px;
        text-align: center;
    }
    .flow_block .box img {
        width: 120px;
    }
    .flow_block .box:first-child img, .flow_block .box:nth-child(4) img {
        width: 130px;
    }
    .flow_block .box:first-child .item h3, .flow_block .box:nth-child(4) .item h3 {
        padding-left: 20px;
    }
    .flow_block .box .text {
        width: calc(100% - 150px);
    }
    .flow_block .box .text h3 {
        font-size: 35px;
    }
    .flow_block .box .text p {
        font-size: 24px;
        line-height: 1.4;
    }
    .flow_block .box .text p a[href^="tel:"] {
        color: #db0100;
        text-decoration: underline;
    }
    .flow_block .box .text p a.sp {
        display: inline-block;
    }
    .flow_block .box:nth-child(4) {
        margin: 0 0 10px;
    }
    .flow_block .box:nth-child(3) .item, .flow_block .box:nth-child(4) .item {
        min-height: initial;
        min-height: auto;
    }
    .lesson_block.short {
        width: 100%;
        margin: 0 auto;
        background: none;
        background-image: url(../img/elementary/bg-lesson_sp.png);
        background-repeat: no-repeat;
        background-position: top center;
        background-size: contain;
        padding-bottom: 70px;
    }
    .lesson_block.short h2 {
        padding: 20px 40px 0;
    }
    .lesson_block.short h2 img {
        width: 100%;
        margin: 0 auto;
    }
    section.bg-02 {
        margin: 0 auto 50px;
    }
    .contact_block.mb0 {
        margin: 0 auto 30px;
    }
    .price_block .in .box:last-child h3 span {
        letter-spacing: -0.05em;
    }
    .pga_block .graph img {
        width: 100%;
    }
    .price_block h2 img {
        width: 100%;
    }
}
@media screen and (max-width: 800px) {
    .feature_block .box .comp .item p {
        font-size: 2.7vw;
    }
    .feature_block .box .comp img.arrow {
        top: 8.8vh;
    }
    .feature_block .box .comp .school .item {
        margin-bottom: 18px;
    }
    .feature_block .box .comp .first .item {
        margin-bottom: 18px;
    }
}
@media screen and (max-width: 768px) {
    .contact_block .box:last-child .btn.blue a {
        padding: 12px 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a::before {
        right: 3%;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 7.5%;
    }
    .contact_block .box:last-child .btn.org a {
        padding: 0 0 0 0;
    }
    .contact_block .box:last-child .btn.org a::before {
        right: 3%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 7.5%;
    }
    .feature_block .box .comp img {
        margin: 0 10px 0 0;
    }
    .feature_block .box .comp .item p {
        width: calc(100% - 70px);
    }
    .feature_block .box .comp .school .item {
        padding: 8px 0 10px 15px;
        margin-bottom: 14px;
        height: 9.8vw;
    }
    .feature_block .box .comp .first .item {
        padding: 8px 0 10px 15px;
        margin-bottom: 14px;
        height: 9.8vw;
    }
    .feature_block .box .comp img.arrow {
        top: 7.4vh;
    }
    .feature_block .box .comp .school h4 span {
        display: block;
    }
    .feature_block .box .comp .first h4 span:not(.num) {
        display: block;
    }
    .merit_block .box h3 {
        font-size: 5.6vw;
    }
    .price_block .in .box:last-child .course h4 {
        text-align: center;
        padding-left: 0;
        text-indent: 0;
    }
    .price_block .in .box:last-child p {
        text-align: center;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        display: block;
        padding: 15px 0 0;
        text-align: center;
        width: 100%;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child {
        text-align: center;
        display: block;
    }
    .onayami_block .box img {
        margin: 0 auto 15px;
    }
    .contact_block {
        background-position: left 30px top 105px;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 15px 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a span {
        margin: 0 0 0 10%;
    }
    .contact_block .box:last-child .btn.blue a img {
        float: left;
        margin: 18px 0 0 0;
    }
    .contact_block .box:last-child .btn.org a {
        padding: 3px 0 0 0;
    }
    .trial_block .in .text button {
        height: 130px;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        max-width: 49%;
    }
    .outcome_block .in .box h3 {
        font-size: 6.15vw;
    }
    .outcome_block .in .box {
        padding: 30px 25px 30px;
    }
    .outcome_block .in .box img:first-child {
        margin: 0 20px 8px 5px;
    }
    .merit_block .box {
        padding: 90px 30px 60px;
    }
    .merit_block .box:first-child p {
        float: none;
        width: 65%;
    }
    .price_block .in {
        padding: 80px 30px 0;
        width: calc(100% - 70px);
        margin: 0 40px 0 30px;
    }
    .lesson_block.short .box:last-child {
        padding: 50px 30px;
        width: calc(100% - 70px);
        margin: 0 40px 0 30px;
    }
    .trial_block {
        background-position: top 265px right;
    }
}
@media screen and (max-width: 730px) {
    .contact_block {
        background-position: left 30px top 100px;
    }
    .contact_block .box a {
        font-size: 8.6vw;
        margin: 0 auto;
    }
    .contact_block .box:last-child .btn.blue a {
        margin-top: 0;
        margin-left: 0;
        padding: 15px 0 0 0;
    }
    .contact_block .box:last-child .btn.org a {
        margin-top: 0;
        margin-left: 0;
    }
    .contact_block .box:last-child .btn.blue a span {
        margin: 0 0 0 14%;
    }
    .contact_block .box:last-child .btn.blue a span:first-child {
        display: block;
        width: auto;
    }
    .contact_block .box:last-child .btn.blue a span:last-child {
        display: inline;
    }
    .contact_block .box:last-child .btn.blue a img {
        margin: 20px 0 0 15px;
    }
    .onayami_block .box p {
        font-size: 7vw;
    }
    .onayami_block .box p span.red {
        font-size: 8vw;
    }
    .feature_block .box .comp .school .item {
        padding: 8px 0 10px 10px;
    }
    .feature_block .box .comp .first .item {
        padding: 8px 0 10px 10px;
    }
    .feature_block .box .comp .item p {
        font-size: 2.7vw;
    }
    .feature_block .box .comp img.arrow {
        top: 8.8vh;
    }
    .place_block .box h2 {
        font-size: 5.7vw;
    }
    .pga_block .graph + h3 span.bdr {
        display: block;
        width: 82vw;
        margin: 0 auto 8px;
    }
    .price_block h2::before {
        left: calc(50% - 325px);
    }
    .price_block h2::after {
        right: calc(50% - 305px);
    }
    .lesson_block {
        background-size: 980px auto;
    }
    .outcome_block .in .box img:first-child {
        width: 140px;
    }
    .basic_block h2::before {
        left: -10px;
    }
    .basic_block h2::after {
        right: -10px;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        max-width: 49.5%;
        min-height: 110px;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 13px 0 0 0;
    }
    .merit_block .box {
        padding: 80px 30px 50px;
    }
    .merit_block .box h3 {
        width: 85%;
        font-size: 5.56vw;
    }
    .merit_block .box:first-child p {
        width: 58%;
    }
    .trial_block .in {
        margin: 0 auto 35px;
    }
    .outcome_block h2, .qa_block h2 {
        padding: 30px 0 0;
    }
    .merit_block h2 {
        padding: 18px 0 0;
    }
}
@media screen and (max-width: 700px) {
    .contact_block .box:last-child .btn.blue a::after {
        right: 8.5%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 8.5%;
    }
    .point_block .in .box img {
        width: 200px;
    }
    .feature_block .box .comp .school {
        width: calc(50% - 5px);
    }
    .feature_block .box .comp .first {
        width: calc(50% - 5px);
    }
    .feature_block .box .comp .school .item {
        padding: 5px 0 10px 10px;
    }
    .feature_block .box .comp .first .item {
        padding: 5px 0 10px 10px;
    }
    .feature_block .box:nth-child(2) {
        padding: 40px 20px 60px;
    }
    .feature_block .box {
        padding: 0 20px 30px;
    }
    .feature_block .box:last-child {
        padding: 0 20px 60px;
    }
    .feature_block .box .comp .item p {
        font-size: 2.9vw;
    }
    .pga_block .graph + h3 span.bdr {
        width: 85vw;
    }
    .contact_block {
        background-position: left 30px top 95px;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 15px 0 0 0;
    }
    .contact_block .box:last-child .btn.org a {
        padding: 3px 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a img {
        margin: 18px 0 0 12px;
    }
    .merit_block .box h3 {
        font-size: 5.52vw;
    }
    .price_block h2::before, .price_block h2::after {
        content: none;
    }
    .lesson_block {
        background-size: 900px auto;
        background-position: top 10px center;
    }
    .lesson_block h2 span:first-child {
        letter-spacing: -0.23em;
    }
    .trial_block .in .text button {
        height: 120px;
    }
    .pga_block h3 {
        font-size: 5.8vw;
    }
    .contact_block .box:last-child {
        padding: 0 13px;
    }
    .contact_block .box:first-child {
        background-position: right 35px top 140px, left 25px top 130px;
    }
    .trial_block {
        background-position: top 245px right;
    }
    .merit_block .box:nth-child(2) p {
        margin-right: 0;
    }
    .coach_block .in h2 {
        font-size: 5.8vw;
    }
}
@media screen and (max-width: 668px) {
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 28px;
    }
    .trial_block .in {
        padding: 50px 20px 0;
    }
    .point_block .in .box p {
        font-size: 21px;
    }
    .coach_block {
        margin: 0 20px;
        width: calc(100% - 40px);
    }
    .coach_block h3 {
        font-size: 38px;
    }
    .coach_block h2 {
        font-size: 48px;
    }
    .coach_block h2 span:nth-child(2) {
        font-size: 69px;
    }
    .coach_block h2 span:nth-child(3) {
        font-size: 60px;
    }
    .coach_block h2 span:nth-child(4) {
        font-size: 48px;
    }
    .coach_block .in + p {
        font-size: 23px;
        padding-left: 23px;
        text-indent: -23px;
    }
    .contact_block .box:last-child .btn.blue {
        max-width: 100%;
        margin: 0 auto 5px;
        float: none;
        background-image: url(../img/elementary/btn-02_pc.png);
        min-height: 125px;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 0 0 0 0;
        line-height: 15vw;
    }
    .contact_block .box:last-child .btn.blue a span {
        margin: 0;
    }
    .contact_block .box:last-child .btn.blue a span:first-child {
        display: inline-block;
        width: auto;
        float: none;
        vertical-align: middle;
    }
    .contact_block .box:last-child .btn.blue a span:first-child br {
        display: none !important;
    }
    .contact_block .box:last-child .btn.blue a img {
        float: none;
        margin: 6px 0 0 12px;
        display: inline-block;
        vertical-align: middle;
    }
    .contact_block .box:last-child .btn.org {
        max-width: 100%;
        float: none;
        background-image: url(../img/elementary/btn-03_pc.png);
        min-height: 125px;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 14.5vw;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 6%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 6%;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 6.5vw;
    }
    .contact_block .box a + p {
        font-size: 4vw;
    }
    .price_block .bg h2 {
        font-size: 9vw;
    }
    .price_block .bg h2 span {
        font-size: 8vw;
    }
    .price_block .in .box {
        padding: 70px 0 30px;
    }
    .price_block .in .box ul li {
        font-size: 21px;
    }
    .price_block .in .box:last-child .course h4 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        font-size: 26px;
        padding: 0 20px 0 35px;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child {
        font-size: 10.2vw;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child span:first-child {
        font-size: 6.8vw;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child span:last-child {
        font-size: 5.4vw;
    }
    .price_block .in .box:last-child h3 {
        margin: -100px auto 30px;
    }
    .voice_block .in .box .bg p {
        font-size: 23px;
    }
    .voice_block .in .box img {
        width: 180px;
        right: -15px;
    }
    .voice_block .in .box .bg {
        width: calc(100% - 140px);
    }
    .voice_block .in .box:nth-child(2n) img {
        left: -15px;
    }
    .qa_block .in .box .qs {
        padding: 12px 20px 18px;
    }
    .qa_block .in .box .qs p {
        font-size: 26px;
        line-height: 1.2
    }
    .qa_block .in .box .qs span {
        line-height: 0.8;
    }
    .qa_block .in .box .as p {
        font-size: 23px;
    }
    .bnr_block {
        padding: 0 20px;
    }
    .lesson_block .in .box {
        width: 48.5%;
        margin-right: 3%;
    }
    .lesson_block .in .box:nth-child(3) {
        margin-right: 3%;
    }
    .voice_block .in {
        padding: 0 20px;
    }
    .qa_block .in {
        padding: 0 20px;
    }
    .feature_block .box p {
        text-align: left;
        font-size: 21px;
    }
    .contact_block .box h2 + p {
        font-size: 4vw;
        line-height: 1.3;
    }
    .merit_block .box p, .lesson_block .box p {
        font-size: 21px;
    }
    .point_block .in .box h3 {
        font-size: 5.3vw;
    }
    .outcome_block .in .box p {
        font-size: 21px;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 24px;
    }
    .s_01 .accordion_one .accordion_inner p.txt_a_ac {
        font-size: 21px;
    }
    .feature_block .box .comp .school {
        padding: 35px 10px 10px;
    }
    .feature_block .box .comp .first {
        padding: 35px 10px 10px;
    }
    .feature_block .box .comp img.arrow {
        top: 7.4vh;
        width: 8.7vw;
        left: calc((100% - 8.7vw) / 2);
    }
    .onayami_block .box {
        padding: 30px 20px 70px;
    }
    .place_block .bg-grey {
        padding: 50px 20px 40px;
    }
    .place_block .box h2 {
        font-size: 5.8vw;
    }
    .place_block .box p {
        font-size: 21px;
    }
    .place_block .box img {
        width: 280px;
    }
    .feature_block .bg-blue {
        padding: 0 20px 90px;
    }
    .contact_block {
        background-size: 132px auto;
        background-position: left 20px top 100px;
    }
    .price_block .bg {
        padding: 60px 20px 0;
    }
    .outcome_block .in {
        padding: 0 20px;
    }
    .price_block h2 {
        padding: 0 30px;
    }
    .lesson_block.short h2 {
        padding: 20px 30px 0;
    }
    .lesson_block.short .box:last-child {
        padding: 40px 30px 60px;
    }
    .merit_block h2 {
        padding: 0 20px 0;
        line-height: 1.05;
        height: 176px;
        margin-bottom: 90px;
    }
    .merit_block h2::after {
        bottom: -40px;
        background-position: top 8px center;
    }
    .merit_block h2 span:first-child, .merit_block h2 span:first-child span {
        font-size: 7.5vw;
    }
    .merit_block h2 span:last-child {
        font-size: 10vw;
        letter-spacing: -0.08em;
        display: block;
    }
    .merit_block h2 span:last-child span {
        font-size: 10vw;
    }
    .swiper-slide p {
        font-size: 21px;
    }
    .bnr_block {
        margin: 0 auto 60px;
    }
    .basic_block p {
        font-size: 21px;
    }
    .pga_block .graph + h3 span.bdr {
        width: 88vw;
    }
    .pga_block .box p {
        font-size: 21px;
    }
    .pga_block .in .box.non p {
        margin-bottom: 30px;
    }
    .basic_block {
        padding: 0 20px;
    }
    .pga_block .box p img {
        margin: 0 -20px 15px 0;
    }
    .merit_block .in {
        width: calc(100% - 60px);
        margin: 0 30px;
    }
    .price_block .in {
        width: calc(100% - 50px);
        margin: 0 30px 0 20px;
    }
    .lesson_block.short .box:last-child {
        width: calc(100% - 50px);
        margin: 0 30px 0 20px;
    }
    .outcome_block h2, .qa_block h2 {
        margin-bottom: 60px;
    }
    .outcome_block h2::after, .qa_block h2::after {
        bottom: -40px;
        background-position: top 8px center;
    }
    .basic_block h2 {
        margin-bottom: 30px;
    }
    .flow_block h2 {
        font-size: 9.6vw;
        margin-bottom: 65px;
    }
    .flow_block h2 span {
        font-size: 8vw;
    }
    .flow_block .box {
        margin: 0 auto 65px;
    }
    .flow_block .box:nth-child(2) {
        margin: 0 auto 65px;
    }
    .flow_block .box .text p {
        font-size: 21px;
    }
    .flow_block .box .num {
        left: calc(50% - 35px);
        top: -35px;
        font-size: 47px;
        width: 70px;
        height: 70px;
        line-height: 70px;
    }
    .flow_block .box .item {
        padding: 50px 20px 40px 25px;
    }
    .flow_block {
        padding: 60px 20px;
    }
    .pga_block .bg {
        padding: 50px 20px 60px;
    }
    .pga_block .in {
        padding: 40px 20px 45px;
    }
    .merit_block .box {
        padding: 70px 30px 45px;
    }
    .merit_block .box h3 {
        font-size: 5.45vw;
        width: 100%;
    }
    .merit_block .box:first-child h3 span.bx span:nth-child(6) {
        padding-right: 25vw;
    }
    .merit_block .box:last-child h3 {
        margin-bottom: 30px;
    }
    .coach_block {
        border: 23px solid #1342a1;
    }
    .trial_block .in .text button {
        width: 103%;
        margin: 0 -1.5%;
    }
    .trial_block .in {
        margin: 0 auto 30px;
    }
    .contact_block .box a {
        padding: 0;
    }
    .merit_block .box {
        margin: 0 auto 80px;
    }
    .price_block {
        padding: 50px 0 40px;
    }
    .contact_block {
        margin: 0 auto 50px;
    }
}
@media screen and (max-width: 640px) {
    .point_block .in .box {
        margin-bottom: 60px;
    }
    .point_block .in .box h3 {
        margin: 0 auto 20px;
    }
    .onayami_block .box h2 span:first-child {
        display: block;
    }
    .onayami_block .box h2 {
        font-size: 8vw;
        line-height: 1;
    }
    .onayami_block .box h2 span.grey {
        font-size: 10vw;
    }
    .onayami_block .box p {
        font-size: 7vw;
        letter-spacing: 0;
        line-height: 1.2;
    }
    .onayami_block .box p span.red {
        font-size: 10vw;
    }
    .feature_block h2 {
        font-size: 9.8vw;
    }
    .feature_block h2 span.sm {
        font-size: 7.3vw;
    }
    .feature_block h2 span.bx {
        display: block;
        line-height: 1.1;
    }
    .feature_block h2 span.bx::before, .feature_block h2 span.bx::after {
        content: none;
    }
    .feature_block h2 span.bx span {
        display: inline-block;
    }
    .feature_block h2 span.bx span::before {
        content: "";
        display: inline-block;
        width: 65px;
        height: 15px;
        margin-right: 30px;
        background-image: url("../img/elementary/img-point-before.png");
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .feature_block h2 span.bx span::after {
        content: "";
        display: inline-block;
        width: 65px;
        height: 15px;
        margin-left: 30px;
        background-image: url("../img/elementary/img-point-after.png");
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .feature_block .box h3 span.bottom_left {
        background-position: bottom left 2px;
    }
    .feature_block .box h3 span.top_right {
        background-position: top 53px right 2px;
    }
    .point_block h2 {
        font-size: 12.6vw;
    }
    .point_block h2 span:nth-child(2) span {
        font-size: 12.6vw;
    }
    .feature_block .box .comp img.arrow {
        top: 7.6vh;
    }
    .pga_block .graph + h3 span.bdr {
        width: 92vw;
    }
    .contact_block {
        background-position: left 20px top 90px;
    }
    .merit_block h2 {
        padding: 0 30px 0 20px;
        line-height: 1.05;
    }
    .price_block h2 span:first-child {
        font-size: 7.5vw;
    }
    .lesson_block {
        background-size: 133vw auto;
    }
    .lesson_block h2 {
        font-size: 8.4vw;
        padding-right: 15px;
    }
    .lesson_block h2 span {
        font-size: 8.4vw;
    }
    .outcome_block .in .box img:first-child {
        width: 23vw;
    }
    .contact_block .box:first-child {
        background-position: right 20px top 132px, left 25px top 115px;
    }
    .merit_block .box h3 {
        font-size: 5.4vw;
    }
    .trial_block {
        background-position: top 235px right;
        background-size: 55vw auto;
    }
    .trial_block .in {
        margin: 0 auto 25px;
    }
    .pga_block .graph {
        margin: 0 auto 30px;
    }
    .outcome_block {
        padding: 0 0 70px;
    }
    .qa_block {
        margin: 0 auto 60px;
    }
}
@media screen and (max-width: 600px) {
    .lesson_block .in .box h3 {
        font-size: 28px;
        line-height: 55px;
    }
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 26px;
    }
    .lesson_block .in .box h4 {
        font-size: 21px;
    }
    .lesson_block .in .box h4 + p {
        font-size: 20px;
    }
    .contact_block .box a:after {
        right: 2.5%;
    }
    .qa_block h2 img {
        width: 150px;
        margin: -10px 0 0 15px;
    }
    .feature_block .box .comp h4 {
        top: -50px;
    }
    .feature_block .box .comp .school .item {
        padding: 3px 0 10px 15px;
        margin-bottom: 13px;
    }
    .feature_block .box .comp .first .item {
        padding: 3px 0 10px 15px;
        margin-bottom: 13px;
    }
    .feature_block .box .comp .school {
        padding: 40px 10px 10px;
    }
    .feature_block .box .comp .first {
        padding: 40px 10px 10px;
    }
    .feature_block .box .comp img.arrow {
        top: 7vh;
    }
    .trial_block .in .text button {
        background-image: url(../img/elementary/btn_pc.png);
        height: 110px;
    }
    .trial_block .in .text button span {
        margin-top: 0;
    }
    .trial_block .in .text button img {
        margin: 0 0 0 15px !important;
    }
    .coach_block h2 {
        font-size: 7.8vw;
        padding: 0 10px;
        line-height: 1;
        margin-bottom: 5px;
    }
    .coach_block h3 {
        font-size: 7vw;
        margin-bottom: 30px;
    }
    .lesson_block.short .box:last-child {
        padding: 40px 20px 60px;
    }
    .price_block .in {
        padding: 75px 20px 0;
    }
    .price_block .in .box {
        padding: 70px 0 25px;
    }
    .price_block .in .box:last-child {
        padding: 60px 0 60px;
    }
    .price_block .in .box:last-child .course {
        width: 100%;
        border-right: none;
        margin: 0 0 35px;
    }
    .price_block .in .box:last-child .course:nth-child(3) {
        width: 100%;
    }
    .price_block .in .box:last-child .course:nth-child(4) {
        border-right: none;
        width: 100%;
    }
    .onayami_block .box h2 {
        line-height: 1.12;
    }
    .feature_block .box .comp img {
        margin: 0 5px 0 0;
    }
    .feature_block .box .comp .first {
        padding: 35px 10px 10px;
    }
    .feature_block .box .comp .first .item {
        padding: 3px 0 10px 10px;
        margin-bottom: 12px;
    }
    .feature_block .box .comp .school {
        padding: 35px 10px 10px;
    }
    .feature_block .box .comp .school .item {
        padding: 3px 0 10px 10px;
        margin-bottom: 12px;
    }
    .feature_block .box .comp .item p {
        width: calc(100% - 65px);
    }
    .contact_block {
        background-position: left 20px top 90px;
        background-size: 135px auto;
    }
    .place_block .box img {
        width: 250px;
    }
    .price_block .in .box:last-child h3 {
        margin: -90px auto 30px;
    }
    .pga_block h3 span.lar {
        font-size: 8.3vw;
    }
    .contact_block .box h2 + p {
        line-height: 1.2;
    }
    .contact_block .box h2 + p span:first-child {
        display: block;
    }
    .contact_block .box:first-child {
        background-position: right 15px top 125px, left 15px top 105px;
        background-size: 171px auto, 180px auto;
    }
    .contact_block .box a[href^="tel:"] img {
        margin: 0 10px 2px 0;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 110px;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 14vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 13.5vw;
    }
    .merit_block .box h3 {
        font-size: 5.3vw;
    }
    .outcome_block h2, .qa_block h2 {
        padding: 35px 0 0;
    }
    .trial_block .in {
        margin: 0 auto 40px;
    }
}
@media screen and (max-width: 568px) {
    .point_block h2:before {
        top: 45%;
        left: -10px;
        width: 120px;
    }
    .point_block h2::after {
        top: 45%;
        right: 0px;
        width: 120px;
    }
    .point_block .in {
        padding: 0 20px;
    }
    .contact_block .box a {
        margin: 5px auto 0 0;
        font-size: 10.5vw;
    }
    .contact_block .box a:after {
        right: 2.1%;
    }
    .trial_block .in .text button {
        height: 100px;
    }
    .coach_block h3 {
        font-size: 34px;
    }
    .coach_block h2 {
        font-size: 42px;
    }
    .coach_block h2 span:nth-child(2) {
        font-size: 59px;
    }
    .coach_block h2 span:nth-child(3) {
        font-size: 50px;
    }
    .coach_block h2 span:nth-child(4) {
        font-size: 42px;
    }
    .coach_block .in + p {
        font-size: 21px;
        padding-left: 21px;
        text-indent: -21px;
    }
    .price_block .in .box h3 {
        font-size: 6.2vw;
    }
    .price_block .in .box ul li {
        font-size: 21px;
    }
    .price_block .in .box:last-child .course {
        width: 100%;
        margin: 0 0 35px;
    }
    .price_block .in .box:last-child .course:nth-child(3) {
        width: 100%;
    }
    .price_block .in .box:last-child .course:nth-child(4) {
        border-right: none;
        width: 100%;
    }
    .price_block .in .box:last-child ul {
        padding-left: 30px;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        padding: 0 20px 0 25px;
    }
    .price_block .in .box ul {
        padding-left: 30px;
    }
    .price_block .in .box:last-child .course h4 {
        font-size: 28px;
    }
    .voice_block .in .box .bg p {
        font-size: 21px;
    }
    .voice_block .in .box img {
        width: 150px;
        right: -10px;
    }
    .voice_block .in .box .bg {
        width: calc(100% - 110px);
        padding: 30px 30px 35px;
    }
    .voice_block .in .box:nth-child(2n) img {
        left: -10px;
    }
    .voice_block .in .box .bg h3 img {
        margin-bottom: 15px;
    }
    .qa_block .in .box .qs p {
        font-size: 24px;
        line-height: 1.2;
    }
    .qa_block .in .box .qs span {
        line-height: 0.7;
    }
    .qa_block .in .box .qs {
        padding: 15px 20px 18px;
    }
    .qa_block .in .box .as p {
        font-size: 21px;
    }
    .feature_block .box h3 span.bottom_right {
        background-size: 25px auto;
    }
    .feature_block .box h3 span.top_right {
        background-position: top 53px right;
        background-size: 25px auto;
    }
    .feature_block .box h3 span.top_left {
        background-position: top 53px left 2px;
        background-size: 25px auto;
    }
    .feature_block .box h3 span.bottom_left {
        background-position: bottom left;
        background-size: 25px auto;
    }
    .feature_block .box .comp img {
        width: 50px;
        margin: 0 5px 0 0;
    }
    .feature_block .box .comp .item p {
        width: calc(100% - 55px);
    }
    .feature_block .box .comp .school .item {
        padding: 3px 0 10px 10px;
    }
    .feature_block .box .comp .first .item {
        padding: 3px 0 10px 10px;
    }
    .trial_block .in .text button span {
        margin-top: 0;
    }
    .trial_block .in .text button span span {
        display: inline;
    }
    .point_block .in .box img {
        width: 180px;
    }
    .feature_block .bg-blue {
        margin-top: -1px;
    }
    .feature_block .box {
        margin-top: -1px;
    }
    .place_block .bg-grey {
        margin-top: -1px;
    }
    .contact_block .box a[href^="tel:"] img {
        margin: 0 10px 6px 0;
    }
    .feature_block .box .comp img.arrow {
        top: 7.2vh;
    }
    .feature_block .box {
        padding: 0 20px 40px;
    }
    .swiper-slide {
        padding: 35px 30px;
    }
    .swiper-slide .box {
        background-size: 200px auto !important;
    }
    .coach_block .in h3 {
        padding-top: 225px !important;
    }
    .contact_block .box h2 + p {
        margin-bottom: 3px;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 15vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 14vw;
    }
    .lesson_block .box img {
        width: 100%;
        margin-bottom: 15px;
    }
    .pga_block .box p img {
        margin: 0 -20px 10px 0;
        width: 50vw;
    }
    .price_block .in .box h3 {
        max-width: 280px;
    }
    .trial_block .in .text button img {
        width: 30px !important;
    }
    .flow_block .box img {
        float: none;
        margin: 0 auto 20px;
    }
    .flow_block .box .text {
        width: 100%;
        float: none;
    }
    .flow_block .box .text h3 {
        text-align: center;
    }
    .flow_block .box .item h3 {
        display: block;
        text-align: center;
        padding-left: 0;
    }
    .basic_block h2::before {
        width: 40px;
        height: 89px;
    }
    .basic_block h2::after {
        width: 48px;
        height: 89px;
    }
    .contact_block .box:first-child {
        background-position: right 10px top 135px, left 10px top 115px;
        background-size: 161px auto, 170px auto;
    }
    .merit_block h2 {
        padding: 22px 0 0;
        line-height: 1.1;
        height: 158px;
    }
    .merit_block h2 span:first-child {
        display: block;
    }
    .merit_block .box {
        padding: 65px 30px 40px;
    }
    .merit_block .box h3 {
        font-size: 5.25vw;
    }
    .coach_block {
        padding: 35px 0 0;
    }
    .coach_block .in h2 {
        margin: 0 auto;
    }
    .swiper-slide p {
        padding: 0;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 40px !important;
    }
    .trial {
        background-size: 120% auto, 120% auto;
    }
    .trial_block {
        background-position: top 215px right;
    }
    .outcome_block h2, .qa_block h2 {
        padding: 30px 0 0;
        height: 135px;
    }
    .flow_block .box:first-child img, .flow_block .box:nth-child(4) img {
        width: 140px;
    }
    .flow_block .box:first-child .item h3, .flow_block .box:nth-child(4) .item h3 {
        padding-left: 0;
    }
    .contact_block .box:last-child .btn.blue a img {
        margin: 2px 0 0 12px;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 40px;
    }
}
@media screen and (max-width: 540px) {
    .lesson_block .in .box h3 {
        font-size: 26px;
    }
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 24px;
    }
    .lesson_block .in .box h4 {
        font-size: 20px;
        padding: 5px 5px 0;
    }
    .lesson_block .in .box h4 + p {
        font-size: 18px;
    }
    .feature_block .box p {
        margin-bottom: 70px;
    }
    .feature_block .box .comp img.arrow {
        display: none;
    }
    .feature_block .box .comp .school {
        width: 100%;
        margin-bottom: 50px;
    }
    .feature_block .box .comp .first {
        width: 100%;
    }
    .feature_block .box .comp .school h4 span {
        display: inline-block;
    }
    .feature_block .box .comp .first h4 span {
        display: inline-block;
    }
    .feature_block .box .comp .school h4 {
        font-size: 6vw;
        top: -30px;
        width: 75vw;
        left: calc((100% - 75vw) / 2);
    }
    .feature_block .box .comp .first h4 {
        font-size: 6vw;
        top: -30px;
        width: 75vw;
        left: calc((100% - 75vw) / 2);
    }
    .feature_block .box .comp .first h4 span:not(.num) {
        display: inline-block;
    }
    .feature_block .box .comp .school .item {
        padding: 3px 0 5px 15px;
        height: auto;
    }
    .feature_block .box .comp .first .item {
        padding: 3px 0 5px 15px;
        height: auto;
    }
    .feature_block .box .comp img {
        width: 12vw;
        margin: 0 1vw 0 0;
    }
    .feature_block .box .comp .item p {
        width: calc(100% - 13vw);
        font-size: 4vw;
    }
    .trial_block .in .text p {
        width: 55vw;
    }
    .trial_block .in .text button {
        width: 104%;
        margin: 0 -2%;
    }
    .trial_block .in .text button img {
        width: 28px !important;
    }
    .feature_block .box .comp .item p span {
        display: inline;
    }
    .feature_block .box .comp .item p span span {
        display: inline-block;
    }
    .place_block .box h2 {
        font-size: 5.7vw;
    }
    .feature_block .box .comp .school {
        padding: 40px 10px 10px;
    }
    .feature_block .box .comp .first {
        padding: 40px 10px 10px;
    }
    .coach_block .in h2 {
        font-size: 6.2vw;
    }
    .coach_block .in h3 {
        font-size: 32px !important;
    }
    .basic_block h2 {
        font-size: 8.3vw;
        letter-spacing: -0.03em;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 100px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 6.3vw;
    }
    .merit_block .box h3 {
        margin-bottom: 15px;
    }
    .outcome_block {
        padding: 0 0 70px;
    }
    .outcome_block .in .box {
        margin: 0 auto 30px;
    }
    .outcome_block .in .box:nth-child(2) {
        margin: 0 0 30px;
    }
    .pga_block .in {
        padding: 40px 20px 20px;
    }
    .basic {
        padding: 50px 0 40px;
    }
    .basic_block h2::before {
        width: 30px;
        height: 67px;
        left: -12px;
        bottom: -5px;
    }
    .basic_block h2::after {
        width: 36px;
        height: 67px;
        right: -12px;
        bottom: -5px;
    }
    .merit_block .in {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .merit_block .box {
        padding: 60px 25px 40px;
    }
    .merit_block .box h3 {
        font-size: 5.5vw;
    }
    .price_block h2 {
        padding: 0 25px;
    }
    .lesson_block.short h2 {
        padding: 15px 25px 0;
    }
    .swiper-slide {
        padding: 30px 30px;
        margin-bottom: 30px !important;
    }
    .merit_block h2 span:first-child, .merit_block h2 span:first-child span {
        font-size: 8vw;
    }
    .contact_block .box a + p + p {
        font-size: 3.8vw;
    }
    .outcome_block h2, .qa_block h2 {
        padding: 28px 0 0;
        height: 123px;
    }
    .contact_block .box:last-child .btn.blue a img {
        margin: 0 0 0 12px;
    }
}
@media screen and (max-width: 500px) {
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 23px;
    }
    .lesson_block .in .box h4 {
        font-size: 18px;
    }
    .point_block .in .box p {
        font-size: 21px;
    }
    .point_block .in .box {
        margin-bottom: 50px;
    }
    .coach_block h2 {
        font-size: 36px;
    }
    .coach_block h2 span:nth-child(4) {
        font-size: 36px;
    }
    .coach_block h3 {
        font-size: 32px;
    }
    .contact_block .box a:after {
        right: 2.2%;
    }
    .contact_block .box:last-child .btn.blue a::before, .contact_block .box:last-child .btn.org a::before {
        width: 35px;
        height: 35px;
    }
    .contact_block .box:last-child .btn.blue a::after {
        width: 20px;
        height: 20px;
    }
    .contact_block .box:last-child .btn.org a::after {
        width: 20px;
        height: 20px;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 5.5%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 5.5%;
    }
    .voice_block .in .box img {
        width: 130px;
    }
    .voice_block .in .box .bg {
        width: calc(100% - 90px);
    }
    .feature_block .box h3 {
        font-size: 7vw;
    }
    .feature_block .box:nth-child(2) h3 span.bottom_right {
        background-position: right 10px bottom;
    }
    .feature_block .box:nth-child(2) h3 span.top_left {
        background-position: top 53px left 10px;
    }
    .feature_block .box p {
        margin-bottom: 60px;
    }
    .feature_block .box h3 span.bottom_right {
        font-size: 5.8vw;
    }
    .place_block .box img {
        width: 180px;
        margin: -5px 0 10px 10px;
    }
    .trial_block .in h2 {
        margin-bottom: 20px;
    }
    .coach_block .in h2 {
        font-size: 6.3vw;
    }
    .contact_block .box:last-child {
        padding: 0 8px;
    }
    .contact_block {
        background-position: left 22px top 70px;
        background-size: 115px auto;
    }
    .contact_block {
        background-position: left 20px top 85px;
        background-size: 115px auto;
    }
    .contact_block .box a {
        padding: 0;
    }
    .merit_block .box {
        margin: 0 auto 65px;
    }
    .lesson_block {
        padding: 0 0 50px;
    }
    .trial {
        padding-bottom: 60px;
    }
    .trial_block .in {
        margin: 0 auto 35px;
    }
    .trial_block .in .text button {
        height: 95px;
    }
    .trial_block .in .text button img {
        width: 25px !important;
    }
    .qa_block {
        margin: 0 auto 50px;
    }
    .s_01 {
        margin: 0 0 50px;
    }
    .flow_block .box .text p {
        font-size: 21px;
    }
    .flow_block h2 {
        margin-bottom: 55px;
    }
    .basic_block .sports .box h3 {
        padding: 10px 0;
    }
    .basic_block .sports .box, .basic_block .sports .box:nth-child(5n) {
        width: 31%;
        margin: 0 3.5% 20px 0;
    }
    .basic_block .sports .box:nth-child(3n) {
        margin: 0 0 20px;
    }
    .pga_block .in {
        padding: 30px 20px 20px;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 93px;
    }
    .contact_block .box:first-child {
        background-position: right 10px top 122px, left 10px top 105px;
        background-size: 151px auto, 160px auto;
    }
    .contact_block .box a[href^="tel:"] img {
        margin: 0 10px 3px 0;
    }
    .merit_block h2 {
        height: 148px;
        margin-bottom: 80px;
        padding: 23px 0 0;
    }
    .merit_block .box h3 {
        font-size: 5.4vw;
    }
    .merit_block .box:first-child h3 span.bx span:nth-child(6) {
        padding-right: 0;
    }
    .merit_block .box:nth-child(2) h3 span.bx br {
        display: none;
    }
    .merit_block .box h3 {
        font-size: 6.5vw;
    }
    .merit_block .box h3 .num {
        left: 15px;
    }
    .merit_block .box {
        padding: 55px 20px 40px;
    }
    .merit_block .box:first-child {
        background-size: 40% auto;
    }
    .merit_block .box:nth-child(2) {
        background-size: 40% auto;
    }
    .merit_block .box:last-child {
        background-size: 40% auto;
    }
    .merit_block .box:first-child p {
        width: 63%;
    }
    .merit_block .box:nth-child(2) p {
        width: 65%;
    }
    .trial_block {
        background-position: top 200px right;
    }
    .coach_block {
        border: 20px solid #1342a1;
    }
    .outcome_block .in .box {
        padding: 30px 20px 30px;
    }
    .outcome_block {
        padding: 0 0 60px;
    }
}
@media screen and (max-width: 440px) {
    .basic_block h2::before {
        width: 25px;
        height: 56px;
        left: -8px;
        bottom: -8px;
    }
    .basic_block h2::after {
        width: 30px;
        height: 56px;
        right: -8px;
        bottom: -8px;
    }
    .trial_block .in .text button {
        height: 85px;
    }
}
@media screen and (max-width: 430px) {
    .mv_block {
        margin: 0 auto 50px;
    }
    .bnr_block {
        padding: 0 15px;
    }
    .onayami_block .box {
        padding: 30px 15px 70px;
    }
    .onayami_block .box p span.box {
        margin-left: -5px;
        margin-right: -5px;
    }
    .lesson_block .in .box h3 {
        font-size: 24px;
        line-height: 45px;
    }
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 20px;
    }
    .lesson_block .in .box h4 {
        font-size: 17px;
    }
    .lesson_block .in .box h4 + p {
        font-size: 16px;
        right: 12px;
    }
    .point_block h2:before {
        left: -30px;
        width: 100px;
        height: 5px;
    }
    .point_block h2::after {
        right: -25px;
        width: 100px;
        height: 5px;
    }
    .point_block .in {
        padding: 0 15px;
    }
    .coach_block h3 {
        font-size: 30px;
    }
    .coach_block h2 {
        font-size: 34px;
    }
    .coach_block h2 span:nth-child(2) {
        font-size: 55px;
    }
    .coach_block h2 span:nth-child(3) {
        font-size: 46px;
    }
    .coach_block h2 span:nth-child(4) {
        font-size: 34px;
    }
    .contact_block .box a:after {
        right: 2.5%;
    }
    .contact_block .box a + p {
        font-size: 5.5vw;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 5.8%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 5.8%;
    }
    .price_block .in .box h3 {
        font-size: 7.5vw;
        max-width: 300px;
    }
    .price_block .in .box p {
        font-size: 12.2vw;
    }
    .price_block .in .box p span:nth-child(2) {
        font-size: 6.4vw;
    }
    .price_block .in .box:last-child .course {
        margin: 0 0 20px;
    }
    .price_block .in .box:last-child .course h4 {
        padding-left: 0;
        text-indent: 0;
        text-align: center;
    }
    .price_block .in .box:last-child p {
        text-align: center;
        margin-bottom: 20px;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        padding: 0;
        display: block;
        text-align: center;
        margin-bottom: 8px;
        font-size: 24px;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child {
        font-size: 12.2vw;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child span:last-child {
        font-size: 6.4vw;
    }
    .price_block .in .box h3 {
        max-width: 240px;
        margin: -100px auto 20px;
    }
    .price_block .in .box:last-child h3 {
        margin: -80px auto 25px;
    }
    .voice_block {
        padding: 30px 0 40px;
    }
    .voice_block .in {
        padding: 0 15px;
    }
    .voice_block .in .box .bg {
        width: 100%;
        padding: 25px 20px 30px;
    }
    .voice_block .in .box .bg p {
        font-size: 18px;
        width: calc(100% - 100px);
    }
    .voice_block .in .box img {
        width: 120px;
        bottom: auto;
        top: 280px;
        right: -5px;
    }
    .voice_block .in .box:nth-child(2n) img {
        bottom: auto;
        top: 280px;
        left: -5px;
    }
    .qa_block h2 {
        margin-bottom: 50px;
    }
    .qa_block .in {
        padding: 0 15px;
    }
    .qa_block .in .box .qs p {
        font-size: 21px;
    }
    .qa_block .in .box .as p {
        font-size: 18px;
    }
    .qa_block .in .box {
        margin: 0 auto 40px;
    }
    .s_01 .accordion_one {
        margin: 0 auto 15px;
    }
    .s_01 .accordion_one .accordion_header .i_box {
        right: 15px;
    }
    .feature_block .box h3 span.bottom_right {
        font-size: 6.5vw;
    }
    .feature_block .box .comp .item p {
        font-size: 4.5vw;
    }
    .feature_block .box .comp .school h4 {
        width: 68vw;
        left: calc((100% - 68vw) / 2);
    }
    .feature_block .box .comp .first h4 {
        width: 68vw;
        left: calc((100% - 68vw) / 2);
    }
    .feature_block .box .comp .school .item {
        padding: 3px 0 5px 12px;
    }
    .feature_block .box .comp .first .item {
        padding: 3px 0 5px 12px;
    }
    .feature_block .box .comp .school {
        padding: 35px 10px 5px;
    }
    .feature_block .box .comp .first {
        padding: 35px 10px 5px;
    }
    .trial_block .in .text button {
        width: 104%;
        margin: 0 -2%;
    }
    .trial_block .in {
        padding: 50px 15px 0;
    }
    .contact_block .box:last-child .btn.org a {
        margin-top: 0;
    }
    .contact_block .box h2 + p {
        font-size: 4.5vw;
    }
    .contact_block .box a + p {
        font-size: 4.5vw;
    }
    .feature_block h2::after, .merit_block h2::after, .price_block h2::after, .qa_block h2::after {
        bottom: -30px;
    }
    .outcome_block .in .box img:first-child {
        width: 65vw;
    }
    .s_01 .accordion_one .accordion_header {
        padding: 15px 60px 22px 20px;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 21px;
    }
    .s_01 .accordion_one .accordion_inner p.txt_a_ac {
        font-size: 18px;
    }
    .feature_block .box {
        padding: 0 20px 50px;
    }
    .feature_block .box p {
        margin-bottom: 60px;
        line-height: 1.4;
        font-size: 18px;
    }
    .merit_block .box p, .lesson_block .box p {
        font-size: 18px;
    }
    .point_block .bg {
        padding: 0 0 70px;
    }
    .point_block .in .box h3 {
        font-size: 6.3vw;
    }
    .point_block .in .box img {
        width: 160px;
    }
    .outcome_block {
        padding: 0 0 50px;
    }
    .outcome_block .in .box p {
        font-size: 18px;
    }
    .point_block .bg {
        padding: 0 0 70px;
    }
    .price_block .in .box ul li {
        font-size: 18px;
    }
    .point_block {
        background-position: left 25% top;
    }
    .point_block .in .box p {
        font-size: 18px;
    }
    .contact_block .box:last-child .btn.org a img {
        vertical-align: middle;
    }
    .s_01 .accordion_one .accordion_inner {
        padding: 0 15px 20px;
    }
    .place_block .bg-grey {
        padding: 35px 20px 40px;
    }
    .place_block .box p {
        font-size: 18px;
    }
    .place_block .box img.sp {
        display: none;
    }
    .place_block .box img.pc {
        display: block;
        float: right;
        width: 150px;
        margin: 5px 0 10px 0;
    }
    .place_block .box h2 {
        font-size: 6.5vw;
        display: inline-block !important;
        width: calc(100% - 150px);
        margin-top: 20px;
    }
    .trial_block {
        background-position: top 170px right;
        background-size: 54vw auto;
    }
    .trial_block .in {
        padding: 40px 0 0;
        margin: 0 auto 25px;
    }
    .trial_block .in h2 {
        margin-bottom: 0;
    }
    .trial_block .in img {
        margin: 0 15px;
        width: calc(100% - 30px) !important;
    }
    .trial_block .in .text p {
        text-shadow: 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1), 0px 0px 5px rgba(255, 255, 255, 1);
        background: none;
        font-size: 4.5vw;
        font-weight: 600;
        width: 100vw;
        padding: 20px 0 0 20px;
        margin-bottom: 25px;
    }
    .trial_block .in .text button {
        height: 120px;
        background-image: url(../img/elementary/btn_sp02.png);
        background-position: top left;
        padding: 0;
        margin: 0 8px;
        width: calc(100% - 16px);
    }
    .trial_block .in .text button img {
        margin: -8px 0 0 15px !important;
        width: 30px !important;
    }
    .trial_block .in .text button span {
        font-size: 8vw;
        line-height: 1.1;
        margin-top: -10px;
    }
    .trial_block .in .text button span span {
        display: block;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 46px;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 25px;
        margin: 0 0 0 10px;
    }
    .contact_block {
        background-position: left 15px top 75px;
        background-size: 108px auto;
        margin: 0 auto 40px;
    }
    .contact_block .box h2 + p span:first-child {
        display: block;
    }
    .outcome_block h2 {
        margin-bottom: 60px;
    }
    .feature_block .bg-blue {
        padding: 0 15px 90px;
    }
    .feature_block .box:nth-child(2) {
        padding: 30px 15px 50px;
    }
    .feature_block .box {
        padding: 0 15px 40px;
    }
    .feature_block .box:last-child {
        padding: 0 15px 50px;
    }
    .price_block .bg {
        padding: 50px 15px 0;
    }
    .price_block .in {
        padding: 65px 15px 0;
    }
    .price_block .bg h2 {
        margin-bottom: 20px;
    }
    .merit_block {
        padding: 0 0 50px;
    }
    .merit_block h2 {
        margin-bottom: 65px;
        line-height: 1.2;
        height: 128px;
        padding: 18px 0 0;
    }
    .merit_block .box {
        padding: 45px 20px 40px;
        margin: 0 auto 50px;
    }
    .merit_block .box h3 {
        font-size: 6.6vw;
    }
    .lesson_block.short {
        padding-bottom: 60px;
    }
    .lesson_block.short .box:last-child {
        padding: 30px 15px 30px;
    }
    .price_block .in .box ul {
        padding-left: 25px;
    }
    .price_block .in .box:last-child ul {
        padding-left: 25px;
    }
    .price_block .in .box:last-child p span.bx:first-child span {
        font-size: 18px;
        margin-left: 0;
    }
    .swiper-slide p {
        font-size: 18px;
    }
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px;
    }
    .bnr_block {
        margin: 0 auto 45px;
    }
    .basic {
        padding: 40px 0 40px;
    }
    .basic_block {
        padding: 0 15px;
    }
    .basic_block h2 {
        margin-bottom: 20px;
    }
    .basic_block p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .basic_block .sports .box {
        width: 32%;
        margin: 0 2% 15px 0;
    }
    .basic_block .sports .box:nth-child(5) {
        width: 32%;
        margin: 0 2% 15px 0;
    }
    .basic_block .sports .box:nth-child(3n) {
        margin: 0 0 15px;
    }
    .basic_block .sports .box h3 {
        font-size: 4vw;
        padding: 8px 0 10px;
    }
    .basic_block .sports .box.v01 h3 span {
        display: inline;
        letter-spacing: -0.1em;
    }
    .basic_block .sports .box.v07 h3 {
        letter-spacing: -0.03em;
    }
    .pga_block {
        margin: 0 auto 35px;
    }
    .pga_block .box p {
        font-size: 18px;
    }
    .pga_block .box p img {
        width: 45vw;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 80px;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 15.5vw;
        height: auto;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 14.5vw;
        height: auto;
    }
    .merit_block .in {
        width: calc(100% - 30px);
        margin: 0 15px;
    }
    .price_block {
        padding: 40px 0 40px;
    }
    .price_block h2 {
        padding: 0 15px;
        margin-bottom: 15px;
    }
    .price_block .in {
        width: calc(100% - 40px);
        margin: 0 25px 0 15px;
        padding: 60px 15px 0;
    }
    .price_block .in .box {
        padding: 70px 0 20px;
    }
    .price_block .in .box:last-child {
        padding: 50px 0 30px;
    }
    .lesson_block {
        padding: 0 0 40px;
    }
    .lesson_block.short .box:last-child {
        width: calc(100% - 40px);
        margin: 0 25px 0 15px;
    }
    .lesson_block.short h2 {
        padding: 10px 15px 0;
        margin-bottom: 15px;
    }
    .trial {
        padding-bottom: 50px;
        background-position: top left, bottom left;
        background-size: 130% auto, 130% auto;
    }
    .outcome_block h2::after, .qa_block h2::after {
        bottom: -30px;
    }
    .outcome_block h2, .qa_block h2 {
        margin-bottom: 45px;
        height: 110px;
    }
    .outcome_block .in .box img:first-child {
        width: 120px;
        display: block;
        margin: 0 auto 10px;
        float: none;
    }
    .outcome_block .in .box {
        padding: 20px 20px 20px;
    }
    .outcome_block .in .box p strong {
        font-size: 5vw;
        line-height: 1.4;
        text-align: center;
        margin-bottom: 15px;
    }
    .outcome_block .in .box p strong span {
        display: inline-block;
    }
    .flow_block {
        padding: 40px 15px;
        margin: 0 auto 40px;
    }
    .flow_block .box .text h3 {
        font-size: 8.2vw;
    }
    .flow_block .box .text p {
        font-size: 18px;
    }
    .flow_block .box {
        padding-bottom: 10px;
        margin: 0 auto 55px;
    }
    .flow_block .box:nth-child(2) {
        margin: 0 auto 55px;
    }
    .flow_block .box .item {
        width: calc(100% - 10px);
        margin: 0 10px 0 0;
    }
    .flow_block .box img {
        width: 100px;
    }
    .flow_block .box .item h3 {
        font-size: 7vw;
    }
    .pga_block h2 {
        background-position: bottom right -3vw;
        background-size: 40vw auto;
    }
    .pga_block .bg {
        padding: 30px 15px 50px;
    }
    .contact_block .box:first-child {
        background-position: right 8px top 108px, left 5px top 95px;
        background-size: 130px auto, 130px auto;
    }
    .coach_block {
        border: 15px solid #1342a1;
        padding: 25px 0 0;
        margin: 0 15px;
        width: calc(100% - 30px);
    }
    .coach_block .in h3 {
        padding-top: 215px !important;
        margin-bottom: 10px !important;
    }
    .swiper-slide {
        padding: 20px 20px 30px;
        margin-bottom: 20px !important;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 30px !important;
    }
    section.bg-02 {
        margin: 0 auto 40px;
    }
    .outcome_block .in .box h3 {
        font-size: 7.5vw;
        text-align: center;
        margin-bottom: 15px;
    }
    .flow_block h2 {
        font-size: 10.6vw;
        margin-bottom: 50px;
    }
    .contact_block .box a + p + p {
        font-size: 4.3vw;
    }
    .pga_block h3 {
        line-height: 1.3;
    }
    .merit_block .box:nth-child(2) {
        background-position: top 110px left;
    }
    .merit_block .box:last-child h3 {
        margin-bottom: 25px;
    }
    .merit_block .in .box:last-child img {
        margin: 0 auto 22px;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 30px;
    }
}
@media screen and (max-width: 414px) {
    .trial_block .in .text button {
        height: 115px;
    }
    .coach_block h2 {
        width: 78%;
    }
    .feature_block h2 {
        padding: 50px 0 30px;
    }
    .feature_block .box h3 {
        font-size: 8vw;
    }
    .feature_block .box h3 span.num {
        font-size: 7vw;
    }
    .feature_block .box h3 span.num span {
        font-size: 8vw;
    }
    .feature_block .box:nth-child(2) h3 {
        margin: 0 auto 20px;
    }
    .feature_block .box:nth-child(3) h3 {
        margin: 0 auto 20px;
    }
    .feature_block .box:nth-child(4) h3 {
        margin: 0 auto 20px;
    }
    .place_block .box h2 {
        font-size: 6.4vw;
    }
    .pga_block h3 {
        margin-bottom: 20px;
    }
    .pga_block .graph + h3 {
        margin-bottom: 20px;
    }
    .pga_block .box p {
        margin-bottom: 20px;
    }
    .pga_block .box p img {
        margin: 0 -15px 10px 0;
    }
    .pga_block .in .box.non p {
        margin-bottom: 20px;
    }
    .merit_block .in {
        width: calc(100% - 30px);
        margin: 0 15px;
    }
    .merit_block .box:first-child p, .merit_block .box:last-child p {
        margin-bottom: 0;
    }
    .coach_block {
        margin: 0 15px;
        width: calc(100% - 30px);
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 4px 0 0 10px;
    }
    .outcome_block .in {
        padding: 0 15px;
    }
    .trial_block .in .text p {
        padding: 18px 0 0 15px;
    }
}
@media screen and (max-width: 393px) {
    .trial_block .in .text button {
        height: 110px;
    }
}
@media screen and (max-width: 390px) {
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 18px;
    }
    .lesson_block .in .box h4 {
        font-size: 16px;
        padding: 5px 3px 0;
    }
    .lesson_block .in .box h4 + p {
        font-size: 15px;
        right: 10px;
    }
    .point_block .in .box p {
        font-size: 18px;
    }
    .coach_block h3 {
        font-size: 28px;
    }
    .coach_block h2 {
        font-size: 30px;
    }
    .coach_block h2 span:nth-child(4) {
        font-size: 30px;
    }
    .coach_block .in + p {
        font-size: 18px;
        padding-left: 18px;
        text-indent: -18px;
    }
    .price_block .in .box ul li {
        font-size: 18px;
    }
    .voice_block .in .box img {
        top: 270px;
    }
    .voice_block .in .box:nth-child(2n) img {
        top: 270px;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 6%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 6%;
    }
    .onayami_block .box {
        padding: 30px 0 60px;
    }
    .onayami_block .box h2 {
        font-size: 9vw;
    }
    .onayami_block .box h2 span.grey {
        font-size: 11vw;
    }
    .onayami_block .box p {
        font-size: 7.2vw;
    }
    .onayami_block .box img {
        margin: 0 15px 15px;
        width: calc(100% - 30px);
    }
    .feature_block .box .comp .item p {
        font-size: 4.7vw;
    }
    .feature_block .box .comp .school .item {
        padding: 5px 0 8px 12px;
    }
    .feature_block .box .comp .first .item {
        padding: 5px 0 8px 12px;
    }
    .contact_block .box a {
        margin: 0 auto;
        font-size: 11vw;
    }
    .trial_block .in h2 span {
        font-size: 8.1vw;
    }
    .trial_block .in h2 {
        font-size: 14.0vw;
    }
    .coach_block h2 {
        font-size: 9vw;
    }
    .coach_block h3 {
        font-size: 8vw;
    }
    .coach_block h2 {
        width: 90%;
    }
    .s_01 .accordion_one .accordion_header {
        padding: 15px 60px 22px 18px;
    }
    .s_01 .accordion_one {
        background-size: 65px auto;
    }
    .s_01 .accordion_one .accordion_header span {
        font-size: 30px;
        width: 55px;
    }
    .s_01 .accordion_one .accordion_header p {
        width: calc(100% - 55px);
    }
    .s_01 .accordion_one .accordion_inner .box_one {
        padding: 10px 15px 15px;
    }
    .s_01 .accordion_one .accordion_inner .box_one span {
        font-size: 47px;
        width: 45px;
    }
    .s_01 .accordion_one .accordion_inner p.txt_a_ac {
        width: calc(100% - 45px);
    }
    .place_block .bg-grey {
        padding: 35px 15px 40px;
    }
    .place_block .box img.pc {
        width: 140px;
    }
    .place_block .box h2 {
        width: calc(100% - 140px);
    }
    .place_block .box h2 {
        font-size: 6.7vw;
    }
    .contact_block {
        background-position: left 10px top 70px;
        background-size: 103px auto;
    }
    .feature_block .box .comp .school h4 {
        font-size: 6.8vw;
        width: 75vw;
        left: calc((100% - 75vw) / 2);
    }
    .feature_block .box .comp .first h4 {
        font-size: 6.8vw;
        width: 75vw;
        left: calc((100% - 75vw) / 2);
    }
    .price_block .in .box {
        padding: 70px 0 10px;
    }
    .trial_block .in .text button {
        height: 110px;
    }
    .trial_block .in .text button span span {
        display: block;
    }
    .outcome_block .in .box h3 + img {
        width: 40%;
    }
    .swiper-slide .box {
        background-size: 155px auto !important;
    }
    .coach_block .in h3 {
        font-size: 28px !important;
        padding-top: 170px !important;
        margin-bottom: 8px !important;
    }
    .basic_block p {
        margin-bottom: 25px;
    }
    .basic_block h2 {
        font-size: 8.1vw;
    }
    .outcome_block h2, .qa_block h2 {
        font-size: 7.5vw;
    }
    .price_block .in .box h3 {
        margin: -95px auto 20px;
    }
    .price_block .in .box:last-child h3 {
        margin: -75px auto 25px;
    }
    .flow_block h2 {
        margin-bottom: 45px;
    }
    .flow_block .box img {
        width: 100px;
    }
    .flow_block .box .text p {
        font-size: 18px;
    }
    .flow_block .box .text h3 {
        font-size: 7.5vw;
        margin-bottom: 15px;
    }
    .flow_block .box .num {
        left: calc(50% - 30px);
        top: -30px;
        font-size: 45px;
        width: 60px;
        height: 60px;
        line-height: 60px;
    }
    .flow_block h2 {
        font-size: 10.5vw;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 75px;
        margin: 0 auto;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 16.5vw;
    }
    .contact_block .box:last-child .btn.org a {
        padding: 0;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 0 0 0 10px;
        width: 22px;
    }
    .merit_block h2 {
        height: 120px;
    }
    .merit_block .box h3 {
        font-size: 6.7vw;
    }
    .merit_block .box h3 .num {
        width: 55vw;
    }
    .merit_block .box {
        padding: 50px 15px 40px;
    }
    .merit_block .box:nth-child(2) p {
        width: 66%;
    }
    .merit_block .box:last-child h3 {
        margin-bottom: 20px;
    }
    .merit_block .in .box:last-child img {
        margin: 0 auto 20px;
    }
    .price_block .in {
        padding: 55px 15px 0;
    }
    .contact_block .box:first-child {
        background-position: right 8px top 103px, left 5px top 90px;
        background-size: 120px auto, 120px auto;
    }
    .trial {
        background-size: 130% auto, 130% auto;
    }
    .trial_block {
        background-position: top 150px right;
        background-size: 55vw auto;
    }
    .outcome_block .in .box img:first-child {
        width: 100px;
    }
    .outcome_block h2, .qa_block h2 {
        padding: 25px 0 0;
        height: 102px;
    }
    .outcome_block .in .box h3 {
        font-size: 8vw;
    }
    .pga_block .in {
        padding: 25px 15px 20px;
    }
    .pga_block h3 {
        font-size: 6vw;
        line-height: 1.4;
    }
    .flow_block .box .item {
        padding: 50px 15px 35px 15px;
    }
    .outcome_block .in .box {
        padding: 20px 15px 20px;
    }
    .pga_block h2 {
        background-size: 37vw auto;
    }
    .merit_block .box:first-child {
        background-position: top 120px right;
    }
}
@media screen and (max-width: 375px) {
    .lesson_block .in .box h4 {
        font-size: 15px;
    }
    .voice_block .in .box img {
        top: 265px;
    }
    .voice_block .in .box:nth-child(2n) img {
        top: 265px;
    }
    .contact_block .box:last-child .btn.org a {
        padding: 0 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a::before {
        right: 0;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 3.5%;
    }
    .contact_block .box:last-child .btn.org a::before {
        right: 0;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 3.5%;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 19px;
    }
    .contact_block {
        background-size: 98px auto;
    }
    .dot_block .bg-grey {
        padding: 50px 0 70px;
    }
    .price_block .in .box h3 {
        max-width: 230px;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 2px 0 0 10px;
        width: 22px;
    }
    .trial_block .in .text button {
        height: 105px;
    }
    .trial_block .in .text button img {
        margin: -10px 0 0 15px !important;
    }
    .outcome_block .in .box p strong {
        font-size: 5.5vw;
    }
    .contact_block .box:first-child {
        background-position: right 8px top 95px, left 5px top 85px;
        background-size: 110px auto, 110px auto;
        padding-bottom: 40px;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 40px;
        margin: 0 8px 4px 0;
    }
    .merit_block h2 {
        height: 115px;
    }
    .trial_block {
        background-position: top 145px right -5px;
        background-size: 56vw auto;
    }
    .trial_block .in .text p {
        padding: 15px 0 0 15px;
    }
    .outcome_block h2, .qa_block h2 {
        height: 95px;
    }
}
@media screen and (max-width: 360px) {
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 17px;
    }
    .lesson_block .in .box h4 {
        letter-spacing: -0.03em;
    }
    .contact_block .box a:after {
        right: 2.8%;
    }
    .feature_block .box .comp .item p {
        font-size: 4.6vw;
    }
    .contact_block .box:last-child {
        padding: 0 5px;
    }
    .price_block .in .box {
        margin: 0 auto 40px;
    }
    .point_block .in .box h3 {
        font-size: 6.8vw;
    }
    .contact_block .box:last-child .btn.org a img {
        vertical-align: middle;
    }
    .place_block .box img.pc {
        width: 130px;
    }
    .place_block .box h2 {
        width: calc(100% - 130px);
    }
    .trial_block .in .text p {
        font-size: 4.8vw;
    }
    .trial_block .in .text button {
        height: 100px;
    }
    .price_block .in .box {
        padding: 70px 0 25px;
    }
    .price_block .in .box h3 {
        margin: -95px auto 20px;
    }
    .price_block .in .box:last-child h3 {
        margin: -75px auto 22px;
    }
    .price_block .in .box:last-child p {
        text-align: center;
        margin-bottom: 15px;
    }
    .price_block .in .box p {
        margin-bottom: 20px;
    }
    .coach_block .in h3 {
        font-size: 26px !important;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 6.5vw;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 0 0 0 8px;
        width: 20px;
    }
    .trial_block .in {
        padding: 35px 0 0;
        margin: 0 auto 30px;
    }
    .contact_block {
        background-size: 93px auto;
    }
    .flow_block .box .item {
        padding: 45px 15px 40px 15px;
    }
    .basic_block .sports .box h3 {
        padding: 8px 0;
    }
    .pga_block h3 {
        font-size: 6.7vw;
        line-height: 1.25;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 70px;
    }
    .merit_block .box:first-child p {
        width: 70%;
    }
    .merit_block .box h3 {
        font-size: 6.8vw;
    }
    .merit_block .box:nth-child(2) p {
        width: 69%;
    }
    .merit_block .box {
        padding: 45px 15px 30px;
    }
    .contact_block .box:first-child {
        background-position: right 8px top 90px, left 5px top 80px;
    }
    .trial {
        background-size: 140% auto, 140% auto;
    }
    .trial_block {
        background-position: top 130px right -10px;
        background-size: 59vw auto;
    }
    .merit_block h2 {
        margin-bottom: 58px;
    }
    .merit_block h2::after {
        bottom: -25px;
    }
    .outcome_block h2, .qa_block h2 {
        margin-bottom: 40px;
    }
    .outcome_block h2::after, .qa_block h2::after {
        bottom: -25px;
    }
}
@media screen and (max-width: 344px) {
    .trial_block .in .text button {
        height: 95px;
    }
}
@media screen and (max-width: 320px) {
    .lesson_block .in .box {
        width: 100%;
        margin-right: 0;
    }
    .lesson_block .in .box h4 {
        font-size: 18px;
        letter-spacing: 0;
        padding: 5px 5px 0;
    }
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 24px;
    }
    .lesson_block .in .box h4 + p {
        font-size: 17px;
        right: 12px;
    }
    .coach_block h3 {
        font-size: 26px;
    }
    .coach_block h2 {
        font-size: 28px;
    }
    .coach_block h2 span:nth-child(2) {
        font-size: 50px;
    }
    .coach_block h2 span:nth-child(3) {
        font-size: 40px;
    }
    .coach_block h2 span:nth-child(4) {
        font-size: 28px;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 35px;
        margin: 0 5px 3px 0;
    }
    .contact_block .box a:after {
        right: 3.5%;
    }
    .contact_block .box:last-child .btn.blue a span:last-child {
        display: block;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 8.2vw;
    }
    .contact_block .box:last-child .btn.org a {
        padding: 0 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a::before {
        right: 2%;
    }
    .contact_block .box:last-child .btn.blue a::after {
        right: 5.5%;
    }
    .contact_block .box:last-child .btn.org a::before {
        right: 2%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 5.5%;
    }
    .price_block .in .box h3 {
        max-width: 200px;
    }
    .price_block .in .box p {
        margin-bottom: 15px;
    }
    .voice_block .in .box img {
        top: 250px;
        width: 100px;
    }
    .voice_block .in .box .bg p {
        width: calc(100% - 80px);
    }
    .voice_block .in .box:nth-child(2n) img {
        top: 250px;
    }
    .qa_block h2 img {
        width: 130px;
        margin: -5px 0 0 10px;
    }
    .qa_block .in .box .qs p {
        font-size: 18px;
    }
    .feature_block .box h3 span.bottom_left {
        background-position: bottom left 0px;
    }
    .feature_block .box h3 span.bottom_right {
        background-position: right bottom;
    }
    .feature_block .box:nth-child(2) h3 span.top_left {
        background-position: top 53px left 5px;
    }
    .feature_block .box:nth-child(2) h3 span.bottom_left {
        background-position: bottom left;
    }
    .feature_block .box:nth-child(2) h3 span.bottom_right {
        background-position: right 5px bottom;
    }
    .feature_block .box .comp .item p {
        font-size: 5vw;
    }
    .feature_block .box .comp .school {
        padding: 30px 10px 5px;
    }
    .feature_block .box .comp .first {
        padding: 30px 10px 5px;
    }
    .feature_block .box .comp .item p span br {
        display: none;
    }
    .trial_block .in .text button img {
        width: 25px !important;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 7vw;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 18px;
    }
    .point_block .in .box {
        padding: 0 15px 30px;
    }
    .place_block .box img.pc {
        width: 100px;
        margin: 5px 0 10px 0;
    }
    .place_block .box h2 {
        width: calc(100% - 100px);
    }
    .place_block .box h2 {
        font-size: 7vw;
    }
    .trial_block .in .text button {
        height: 90px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 6.6vw;
    }
    .price_block .in {
        padding: 50px 15px 0;
    }
    .contact_block .box h2 + p {
        font-size: 5vw;
    }
    .contact_block {
        background-size: 85px auto;
    }
    .merit_block h2 {
        margin-bottom: 52px;
    }
    .outcome_block .in .box {
        padding: 15px 15px 20px;
    }
    .outcome_block h2::after, .qa_block h2::after {
        bottom: -25px;
    }
    .outcome_block .in .box p strong {
        font-size: 6vw;
    }
    .flow_block .box .text h3 {
        font-size: 8vw;
    }
    .basic_block h2::before {
        width: 20px;
        height: 45px;
        bottom: -5px;
    }
    .basic_block h2::after {
        width: 24px;
        height: 45px;
        bottom: -5px;
    }
    .pga_block h2 {
        padding: 30px 0 35px;
    }
    .pga_block h3 {
        font-size: 6.6vw;
    }
    .pga_block h3 {
        margin-bottom: 15px;
    }
    .pga_block .graph + h3 {
        margin-bottom: 15px;
    }
    .contact_block {
        margin: 0 auto 35px;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 65px;
    }
    .contact_block .box:first-child {
        background-position: right 5px top 85px, left 5px top 75px;
        background-size: 100px auto, 100px auto;
    }
    .merit_block h2 {
        height: 108px;
    }
    .merit_block .box h3 {
        font-size: 6.7vw;
    }
    .trial {
        background-size: 152% auto, 152% auto;
    }
    .trial_block {
        background-size: 55vw auto;
    }
    .trial_block .in .text p {
        margin-bottom: 20px;
    }
    .trial_block .in {
        margin: 0 auto 25px;
    }
    .outcome_block .in .box h3 {
        font-size: 8.5vw;
    }
}
@media screen and (max-width: 280px) {
    .contact_block .box a[href^="tel:"] img {
        width: 30px;
        margin: 0 5px 2px 0;
    }
    .price_block .in .box:last-child .course h4 {
        font-size: 20px;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        font-size: 18px;
    }
    .qa_block h2 img {
        width: 100px;
    }
    .voice_block .in .box img {
        top: 245px;
    }
    .voice_block .in .box:nth-child(2n) img {
        top: 245px;
    }
    .feature_block .box h3 span.bottom_right {
        font-size: 7vw;
    }
    .point_block .in .box img {
        width: 120px;
    }
    .point_block .in .box h3 {
        font-size: 7.8vw;
    }
    .onayami_block .box p {
        margin-left: 12px;
    }
    .place_block .box h2 {
        font-size: 6.5vw;
        width: calc(100% - 90px);
    }
    .place_block .box img.pc {
        width: 90px;
    }
    .trial_block .in .text button {
        height: 78px;
    }
    .contact_block {
        background-position: left 5px top 50px;
    }
    .price_block .in .box:last-child p span.bx:first-child span {
        font-size: 16px;
    }
    .basic_block h2 {
        font-size: 7.8vw;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 18px;
    }
    .price_block .in .box h3 {
        max-width: 160px;
    }
    .price_block .in .box {
        padding: 70px 0 10px;
    }
    .price_block .in .box h3 {
        margin: -92px auto 16px;
    }
    .price_block .in .box:last-child h3 {
        margin: -73px auto 22px;
    }
    .price_block .in {
        padding: 50px 15px 0;
    }
    .pga_block h3 {
        font-size: 6.3vw;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        min-height: 55px;
    }
    .contact_block .box:first-child {
        background-position: right 5px top 75px, left 5px top 68px;
        background-size: 90px auto, 90px auto;
    }
    .merit_block h2 {
        height: 98px;
    }
    .merit_block .box h3 {
        font-size: 6.5vw;
    }
    .trial {
        background-size: 175% auto, 175% auto;
    }
    .flow_block h2 {
        font-size: 10vw;
    }
    .outcome_block h2, .qa_block h2 {
        height: 85px;
    }
}