@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: 1140px;
}
section {
    min-width: 1140px;
}
footer {
    min-width: 1140px;
}
.mv_block {
    width: 100%;
    height: 525px;
    text-align: center;
    background: url(../img/primary/mv_pc.png);
    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% - 1660px) / 2);
}
.bnr_block {
    max-width: 898px;
    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/primary/bg-onayami_pc.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
}
.onayami_block .box {
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 40px 0 0;
}
.onayami_block .box h2 {
    font-size: 60px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 30px;
    color: #fff;
    -moz-text-shadow: 0px 0px 12px rgba(79, 77, 77, 1);
    -webkit-text-shadow: 0px 0px 12px rgba(79, 77, 77, 1);
    -ms-text-shadow: 0px 0px 12px rgba(79, 77, 77, 1);
    text-shadow: 0px 0px 12px rgba(79, 77, 77, 1);
    letter-spacing: -0.03em;
    padding: 0 30px;
}
.onayami_block .box h2 span.grey {
    font-size: 83px;
    letter-spacing: 0.03em;
    padding: 0 8px;
}
.onayami_block .box img {
    margin: 0 auto;
}
.onayami_block .box p {
    font-size: 50px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    background-color: #22a243;
    padding: 15px 30px;
}
.onayami_block .box p span.box {
    display: inline-block;
    max-width: none;
    width: auto;
    padding: 0;
}
.onayami_block .box p span.box:last-child {
    margin-left: -15px;
}
.onayami_block .box p span.yellow {
    font-size: 60px;
    color: #fcff00;
}
.onayami_block .box p::before {
    content: "";
    display: inline-block;
    width: 102px;
    height: 28px;
    margin-right: 35px;
    background-image: url(../img/primary/ba-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
.onayami_block .box p::after {
    content: "";
    display: inline-block;
    width: 102px;
    height: 28px;
    margin-left: 35px;
    background-image: url(../img/primary/ba-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
section.green {
    background-color: #e1f2e6;
    background-image: url("../img/primary/bg-green.png");
    background-size: auto;
    background-repeat: repeat;
    padding: 0 0 90px;
}
.feature_block {
    width: 100%;
}
.feature_block h2 {
    padding: 80px 30px 35px;
    position: relative;
    margin-bottom: 0;
    color: #22a243;
    text-align: center;
    font-size: 66px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.05em;
}
.feature_block h2 span.sm {
    font-size: 50px;
    display: block;
    margin: 0 auto -40px;
}
.feature_block h2 span.bx::before {
    content: "";
    display: inline-block;
    width: 66px;
    height: 121px;
    margin-right: 30px;
    background-image: url("../img/primary/ba-02.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: sub;
}
.feature_block h2 span.bx::after {
    content: "";
    display: inline-block;
    width: 66px;
    height: 121px;
    margin-left: 30px;
    background-image: url("../img/primary/ba-03.png");
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: sub;
}
.feature_block h2 span.bx span:first-child {
    display: inline;
    letter-spacing: -0.15em;
}
.feature_block .box {
    max-width: 1100px;
    width: 100%;
    text-align: center;
    margin: 0 auto 45px;
    padding: 40px 60px 55px;
    background-color: #fff;
    border-radius: 10px;
}
.feature_block .box h3 {
    margin-bottom: 35px;
    font-size: 45px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    letter-spacing: -0.08em;
}
.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.05em;
}
.feature_block .box:last-child h3 span:not(.num):first-child {
    letter-spacing: -0.08em;
}
.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: 37px;
    background-color: #fff;
    color: #22a243;
    display: inline-block;
    padding: 5px 20px 10px;
    letter-spacing: 0;
    margin-bottom: 0;
    border-radius: 100px;
    line-height: 1;
    border: 6px solid #22a243;
}
.feature_block .box h3 span.num span {
    font-size: 42px;
    letter-spacing: 0 !important;
}
.feature_block .box h3 span.bx {
    display: block;
    background-size: auto auto;
    background-color: rgba(57, 171, 86, 1);
    background-image: repeating-linear-gradient(90deg, transparent, transparent 6px, rgba(34, 162, 67, 1) 6px, rgba(34, 162, 67, 1) 12px);
    color: #fff;
    border-radius: 40px;
    padding: 35px 10px 20px;
    margin: -30px auto 0;
}
.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: 70px;
}
.feature_block .box:nth-child(2) p {
    text-align: center;
}
.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: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    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: 501px;
    float: right;
    margin: 0 0 0 10px;
}
.feature_block .box:last-child img {
    float: left;
    width: 460px;
    margin: 0 20px 0 0;
}
.place_block {
    width: 100%;
}
.place_block .box {
    max-width: 1100px;
    width: 100%;
    text-align: center;
    margin: 0 auto;
    padding: 40px 60px 55px;
    background-color: #fff;
    border-radius: 10px;
}
.place_block .box img {
    float: right;
    width: 345px;
    margin: 8px 0 0 20px;
}
.place_block .box h2 {
    font-size: 45px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    margin-bottom: 40px;
    color: #22a243;
    letter-spacing: -0.05em;
    background-size: 100% 4px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-image: repeating-linear-gradient(135deg, transparent, transparent 5px, rgba(34, 162, 67, 1) 5px, rgba(34, 162, 67, 1) 10px);
    padding-bottom: 10px;
}
.place_block .box h2 span {
    display: inline-block;
}
.place_block .box p {
    font-size: 21px;
    margin-bottom: 20px;
    text-align: left;
}
.place_block .box p:last-child {
    margin-bottom: 0;
}
.place_block .box p span {
    color: #cd0e2f;
}
.dot_block {
    width: 100%;
    margin: 0 auto;
    background-image: url(../img/primary/bg-place-01.png), url(../img/primary/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/primary/bg-place-02.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 21px auto;
    padding: 80px 0 90px;
}
.lesson_block {
    max-width: 1060px;
    width: 100%;
    text-align: center;
    margin: 0 auto 70px;
    padding: 0 30px;
}
.lesson_block h2 {
    font-size: 76px;
    font-weight: bold;
    margin-bottom: 20px;
}
.lesson_block h2 span {
    font-size: 64px;
}
.lesson_block h2 img {
    margin-top: -30px;
}
.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;
}
.lesson02_block {
    width: 100%;
    margin: 0 auto;
    background-image: url("../img/primary/bg-lesson_pc.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 80px 0 90px;
}
.lesson02_block.short {
    background: none;
    padding: 0;
}
.lesson02_block h2 {
    padding: 0;
    position: relative;
    margin-bottom: 40px;
    text-align: center;
    font-size: 63px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.08em;
    color: #fff;
    -moz-text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
    -webkit-text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
    -ms-text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
    text-shadow: 3px 3px 3px rgba(0, 0, 0, 1);
}
.lesson02_block.short h2 {
    margin-bottom: 20px;
    text-align: center;
    font-size: 73px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.1em;
    color: #22a243;
    text-shadow: none;
}
.lesson02_block h2 span:first-child {
    font-size: 62px;
    display: block;
    margin-bottom: -60px;
}
.lesson02_block.short h2 span:first-child {
    display: inline;
    letter-spacing: -0.3em !important;
    margin-bottom: 0;
    font-size: 73px;
}
.lesson02_block h2 span.bx {
    display: block;
}
.lesson02_block h2 span.bx span {
    display: inline-block;
}
.lesson02_block h2 span.bx span span {
    display: inline !important;
    letter-spacing: -0.25em !important;
}
.lesson02_block.short h2 span:last-child {
    letter-spacing: 0;
}
.lesson02_block h2 span {
    display: inline-block;
}
.lesson02_block h2 span.bx::before {
    content: "";
    display: inline-block;
    width: 75px;
    height: 135px;
    margin-right: 10px;
    background-image: url(../img/primary/ba-04.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
}
.lesson02_block h2 span.bx::after {
    content: "";
    display: inline-block;
    width: 75px;
    height: 135px;
    margin-left: 10px;
    background-image: url(../img/primary/ba-05.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: bottom;
}
.lesson02_block .box {
    max-width: 1100px;
    width: 100%;
    text-align: center;
    margin: 0 auto 50px;
    padding: 50px 60px;
    background-color: rgba(255, 255, 255, 0.85);
}
.lesson02_block .box:last-child {
    margin-bottom: 0;
}
.lesson02_block.short .box:last-child {
    padding: 60px;
    border-radius: 10px;
    background-color: #fff;
}
.lesson02_block .box img {
    width: 430px;
    float: right;
}
.lesson02_block.short .box img {
    width: 360px;
    float: left;
}
.lesson02_block .box:nth-child(3) img {
    float: left;
}
.lesson02_block .box h3 {
    float: left;
    width: calc(100% - 460px);
    text-align: left;
    font-size: 34px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    background-size: 100% 6px;
    background-repeat: no-repeat;
    background-position: bottom center;
    background-color: rgba(255, 255, 255, 0);
    background-image: repeating-linear-gradient(135deg, transparent, transparent 8px, rgba(34, 162, 67, 1) 8px, rgba(34, 162, 67, 1) 16px);
    padding-bottom: 15px;
    margin-bottom: 15px;
    margin-top: -7px;
    letter-spacing: -0.08em;
}
.lesson02_block .box:nth-child(3) h3 {
    float: right;
}
.lesson02_block .box h3 span {
    display: inline-block;
}
.lesson02_block .box h3 span span {
    display: inline;
    letter-spacing: -0.25em;
}
.lesson02_block .box p {
    float: left;
    width: calc(100% - 460px);
    text-align: left;
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.lesson02_block.short .box p {
    float: right;
    width: calc(100% - 390px);
    margin-top: -7px;
}
.lesson02_block.short .box p span {
    color: #cd0f2e;
}
.lesson02_block .box:nth-child(3) p {
    float: right;
}
.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;
    background-image: url("../img/primary/bg-trial-01_pc.png");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
    padding-bottom: 75px;
}
.trial_block {
    width: 100%;
    margin: 0 auto;
    background: none;
}
.trial_block .in {
    max-width: 1084px;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    padding: 80px 0 50px;
    text-align: center;
    background-image: url(../img/primary/bg-trial-02.png), url(../img/primary/bg-trial-03.png);
    background-position: left 0 bottom -20px, right 0 bottom -25px;
    background-size: 253px auto, 247px auto;
    background-repeat: no-repeat, no-repeat;
}
.trial_block .in h2 {
    font-size: 55px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #194eb9;
    margin-bottom: 45px;
    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);
    text-align: center;
    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%;
}
.trial_block .in .text p {
    font-size: 24px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.5;
    color: #fff;
    margin-bottom: 25px;
    -moz-text-shadow: 0px 0px 10px rgba(0, 101, 186, 1);
    -webkit-text-shadow: 0px 0px 10px rgba(0, 101, 186, 1);
    -ms-text-shadow: 0px 0px 10px rgba(0, 101, 186, 1);
    text-shadow: 0px 0px 10px rgba(0, 101, 186, 1);
}
.trial_block .in .text button {
    width: 590px;
    height: 100px;
    background: rgb(255, 72, 0);
    background: linear-gradient(0deg, rgba(255, 72, 0, 1) 0%, rgba(255, 94, 19, 1) 25%, rgba(255, 130, 54, 1) 50%, rgba(255, 168, 96, 1) 75%, rgba(255, 196, 134, 1) 100%);
    position: relative;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 4px 4px 10px 0px rgba(0, 0, 0, 0.66);
    border: none;
}
.trial_block .in .text button::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(to bottom, #ffa443 0%, #ff4800 100%) border-box border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
}
.trial_block .in .text button img {
    width: 28px !important;
    margin: 0 0 0 15px !important;
    display: inline-block !important;
    vertical-align: middle !important;
    float: none !important;
    top: auto !important;
}
.trial_block .in .text button span {
    font-size: 39px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: -0.08em;
}
.trial_block .in .text button span span:first-child {
    display: inline;
    letter-spacing: -0.25em;
}
.trial_block .in .text button span span {
    display: inline-block;
    vertical-align: top;
}
.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: 0 auto;
    padding: 35px;
    background-image: url("../img/primary/bg-coach.png");
    background-repeat: repeat;
    background-position: top center;
    background-size: auto;
}
.coach_block .in {
    margin: 0 auto;
    border: none;
}
.coach_block .in h2 {
    background-color: #fff;
    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: #22a243;
    font-size: 47px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.3;
    letter-spacing: -0.08em;
}
.coach_block .in h2 span {
    display: inline-block;
}
.coach_block .in h3 {
    font-size: 25px !important;
}
.swiper-slide .box {
    background: url("../img/primary/img-coach-01.png")
}
.swiper-slide .box.v02 {
    background: url("../img/primary/img-coach-02.png")
}
.swiper-slide .box.v03 {
    background: url("../img/primary/img-coach-03.png")
}
.swiper-slide .box.v04 {
    background: url("../img/primary/img-coach-04.png")
}
.swiper-pagination-bullet-active {
    background: #22a243 !important;
}
.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;
}
.flow_block {
    width: 100%;
    text-align: center;
    padding: 70px 0 20px;
    margin: 0 auto;
    background: none;
}
.flow_block .in {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    padding: 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;
}
.flow_block h2 {
    font-size: 77px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 60px;
    letter-spacing: -0.05em;
}
.flow_block h2 span {
    font-size: 63px;
    letter-spacing: -0.08em;
}
.flow_block .box {
    width: 23.5%;
    margin: 0 2% 60px 0;
    display: inline-block;
    vertical-align: top;
    background-color: #f1f5fb;
    border: none;
    padding: 0;
    position: relative;
}
.flow_block .box:nth-child(4) {
    margin: 0 0 60px 0;
}
.flow_block .box .item {
    width: 100%;
    background-color: #f1f5fb;
    border: none;
    position: relative;
    padding: 50px 15px 35px 20px;
    margin: 0 10px 0 0;
    min-height: auto;
}
.flow_block .box:nth-child(2n), .flow_block .box:nth-child(2n) .item {
    background-color: #dfe6f5;
}
.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;
    line-height: 1.3;
}
.flow_block .box .item h3 span {
    display: inline-block;
}
.flow_block .box .item h3 span.pc {
    padding-bottom: 25px;
    padding-top: 15px;
}
.flow_block .box .num {
    background: #194eb9;
    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-family: "Jost", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.flow_block .box .num span {
    display: inline-block;
    margin-left: 0;
}
.flow_block .box img {
    float: none;
    width: 190px;
    margin: 0 auto 20px;
}
.flow_block .box img.arrow {
    width: 34px;
    margin: 0;
    position: absolute;
    top: 230px;
    right: -25px;
    z-index: 1;
}
.flow_block .box .text {
    text-align: left;
    width: 100%;
    float: none;
}
.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: #e4007f;
    text-decoration: underline;
    font-weight: bold;
}
.flow_block .box .text p a[href^="tel:"] {
    text-decoration: underline;
    color: #e4007f;
    pointer-events: auto;
}
.contact_block {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto 90px;
    text-align: center;
    padding: 0 30px;
    background-image: url("../img/primary/bg-contact-01.png");
    background-position: left 45px top 0;
    background-repeat: no-repeat;
    background-size: 181px auto;
}
.contact_block.mb0 {
    margin: 0 auto 50px;
}
.contact_block .box:first-child {
    width: 100%;
    padding: 0;
    background-image: url("../img/primary/bg-contact-02.png");
    background-position: right 20px bottom 0;
    background-repeat: no-repeat;
    background-size: 132px auto;
    margin-bottom: -2px;
    padding-left: 30px;
}
.contact_block .box h2 {
    font-size: 47px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    background-size: 100% 4px;
    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(37, 37, 37, 1) 5px, rgba(37, 37, 37, 1) 10px);
    display: inline-block;
    padding-bottom: 5px;
    margin-bottom: 5px;
    margin-top: 5px;
    letter-spacing: -0.05em;
}
.contact_block .box h2 span {
    font-size: 56px;
    letter-spacing: -0.03em;
}
.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: 65px;
    margin: 0 10px 15px 0;
}
.contact_block .box a {
    font-size: 78px;
    font-family: 'M PLUS 1p', sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #303030;
    letter-spacing: -0.05em;
    line-height: 1;
    padding-left: 15px;
    text-shadow: 3px 3px 0px rgba(255, 255, 255, 1);
}
.contact_block .box a + p {
    font-size: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    padding-top: 0;
    padding-bottom: 25px;
    margin-bottom: 0;
    text-shadow: 2px 1px rgba(255, 255, 255, 1);
}
.contact_block .box:last-child .btn.blue {
    float: left;
    max-width: 49.8%;
    width: 510px;
    height: 100px;
    background: rgb(255, 72, 0);
    background: linear-gradient(0deg, rgba(255, 72, 0, 1) 0%, rgba(255, 94, 19, 1) 25%, rgba(255, 130, 54, 1) 50%, rgba(255, 168, 96, 1) 75%, rgba(255, 196, 134, 1) 100%);
    position: relative;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.66);
    padding: 0;
    border: none;
}
.contact_block .box:last-child .btn.blue::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(to bottom, #ffa443 0%, #ff4800 100%) border-box border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
    width: auto;
    height: auto;
}
.contact_block .box:last-child .btn.org {
    float: right;
    max-width: 49.8%;
    width: 510px;
    height: 100px;
    background: rgb(26, 98, 219);
    background: linear-gradient(0deg, rgba(26, 98, 219, 1) 0%, rgba(45, 116, 224, 1) 25%, rgba(75, 142, 231, 1) 50%, rgba(109, 170, 238, 1) 75%, rgba(145, 196, 244, 1) 100%);
    position: relative;
    display: inline-block;
    border-radius: 10px;
    box-shadow: 4px 4px 5px 0px rgba(0, 0, 0, 0.66);
    padding: 0;
    border: none;
}
.contact_block .box:last-child .btn.org::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border-radius: 10px;
    border: 2px solid transparent;
    background: linear-gradient(to bottom, #54a3ee 0%, #1a62db 100%) border-box border-box;
    -webkit-mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    -webkit-mask-composite: destination-out;
    mask: linear-gradient(#fff 0 0) padding-box, linear-gradient(#fff 0 0) border-box;
    mask-composite: exclude;
    width: auto;
    height: auto;
}
.contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
    display: block;
    color: #fff;
    font-size: 37px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    line-height: 92px;
    height: 100px;
    padding: 0 0 0 0;
    text-align: center;
    position: relative;
    text-shadow: none;
    letter-spacing: -0.08em;
}
.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 span span {
    display: inline-block;
    vertical-align: top;
    letter-spacing: -0.25em;
}
.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.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 70px;
    background-image: url("../img/bg-price-01_pc.png");
    background-repeat: repeat;
    background-position: center top;
    background: none;
}
.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: 80px 0 0;
}
.price_block h2 {
    padding: 25px 30px 35px;
    position: relative;
    margin-bottom: 0;
    text-align: center;
    font-size: 66px;
    font-family: corporate-logo-ver2, sans-serif;
    font-weight: 700;
    font-style: italic;
    line-height: 1.2;
}
.price_block h2 span:first-child {
    font-size: 51px;
    display: block;
}
.price_block h2 span {
    display: inline-block;
}
.price_block h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #194eb9 transparent transparent transparent;
    border-width: 40px 30px 0 30px;
    content: none;
}
.price_block .bg h2 {
    padding: 0;
    position: relative;
    margin-bottom: 20px;
    text-align: center;
    font-size: 73px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    color: #22a243;
    letter-spacing: -0.08em;
}
.price_block .bg h2 span:first-child {
    font-size: 62px;
    display: inline-block;
    padding: 0 20px 0 0;
}
.price_block .in {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 80px 60px 60px;
    border-radius: 10px;
}
.price_block .in .box {
    width: 100%;
    background-color: #fff;
    margin: 0 auto 65px;
    padding: 70px 30px 25px;
    font-size: 0;
    border-top: 2px solid #5b5b5b;
    text-align: center;
}
.price_block .in .box:last-child {
    padding: 70px 0 0;
    margin-bottom: 0;
}
.price_block .in .box h3 {
    background: #252525 !important;
    color: #fff;
    font-size: 36px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1;
    max-width: 285px;
    margin: -100px auto 30px;
    padding: 10px 0;
    clip-path: none;
    text-align: center;
    border-radius: 100px;
}
.price_block .in .box h3 span {
    display: inline;
    letter-spacing: -0.08em;
    padding-right: 3px;
}
.price_block .in .box h3 span span {
    letter-spacing: -0.18em;
    padding-right: 0;
}
.price_block .in .box p {
    font-size: 77px;
    font-weight: 900;
    color: #cd0f2e;
    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: 10px;
    list-style: disc;
}
.price_block .in .box ul li span {
    font-weight: bold;
    color: #cd0f2e;
}
.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: 23px;
    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: #cd0f2e;
}
.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: #cd0f2e;
    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/soccer/bg-outcome-05.png");
    background-repeat: repeat;
    background-position: center top;
    background-size: 2px 2px;
    text-align: center;
    padding: 80px 0 100px;
    background: none;
}
.outcome_block h2 {
    font-size: 76px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    display: inline-block;
    clip-path: none;
    padding: 0;
    margin-bottom: 30px;
}
.outcome_block h2 span {
    display: inline-block;
    font-size: 91px;
    color: #fff;
    background: #194eb9;
    height: 130px;
    width: 130px;
    border-radius: 50%;
    -moz-border-radius: 50%;
    -webkit-border-radius: 50%;
    padding-top: 10px;
    margin-right: -25px;
}
.outcome_block .in {
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
    padding: 0 15px;
    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: 48.9%;
    margin: 0 2% 0 0;
    vertical-align: top;
    background-image: url(../img/primary/bg-outcome-04.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    text-align: left;
    padding: 0 0 30px;
}
.outcome_block .in .box:last-child {
    margin: 0;
}
.outcome_block .in .box .updown {
    background-image: url(../img/primary/bg-outcome-02.png), url(../img/primary/bg-outcome-03.png);
    background-repeat: no-repeat, repeat-y;
    background-position: top center, top center;
    background-size: 100% auto, 100% auto;
    min-height: 560px;
    padding: 80px 40px 0;
}
.outcome_block .in .box img {
    width: 205px;
    float: left;
    margin: 0 20px 20px 0;
}
.outcome_block .in .box img:first-child {
    width: 285px;
    margin-top: -50px;
    margin-left: 5px;
    margin-bottom: 0;
}
.outcome_block .in .box h3 {
    font-size: 33px;
    font-family: vdl-penletter, sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-bottom: 10px;
    letter-spacing: -0.1em;
}
.outcome_block .in .box h3 span {
    display: inline-block;
}
.outcome_block .in .box h3 + img {
    width: 50%;
    max-width: 200px;
    float: left;
    margin: 0 20px 20px 0;
}
.outcome_block .in .box h4 {
    font-size: 25px;
    font-family: vdl-penletter, sans-serif;
    font-weight: 500;
    font-style: normal;
    text-align: right;
    margin-bottom: 25px;
}
.outcome_block .in .box h4 span {
    display: inline-block;
    margin-left: 15px;
}
.outcome_block .in .box p {
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    margin-top: -7px;
    line-height: 1.45;
}
.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 h2 {
    background: #22a243;
    padding: 22px 30px 25px;
    position: relative;
    margin-bottom: 70px;
    color: #fff;
    text-align: center;
    font-size: 66px;
    font-family: fot-chiaro-std, sans-serif;
    font-weight: 700;
    font-style: normal;
    line-height: 1.2;
    letter-spacing: -0.05em;
}
.qa_block h2 span:first-child {
    font-size: 51px;
    display: block;
}
.qa_block h2 span:first-child span {
    display: inline-block;
}
.qa_block h2 span {
    display: inline-block;
}
.qa_block h2::after {
    content: "";
    position: absolute;
    right: 0;
    bottom: -40px;
    left: 0;
    width: 0px;
    height: 0px;
    margin: auto;
    border-style: solid;
    border-color: #22a243 transparent transparent transparent;
    border-width: 40px 30px 0 30px;
}
.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: #e7f5ea;
    border-radius: 10px;
    background-image: url(../img/primary/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: #e7f5ea;
    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: #f15a24;
    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;
}
/*----------------------------
  レスポンシブ
-----------------------------*/
@media screen and (max-width: 1250px) {
    .onayami_block .box p::before, .onayami_block .box p::after {
        content: none;
    }
    .onayami_block .box p span.box {
        display: block;
    }
    .onayami_block .box p span.box:last-child {
        margin-left: 0;
    }
    .onayami_block .box p span.box:first-child::before {
        content: "";
        display: inline-block;
        width: 102px;
        height: 28px;
        margin-right: 35px;
        background-image: url(../img/primary/ba-01.png);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
    .onayami_block .box p span.box:first-child::after {
        content: "";
        display: inline-block;
        width: 102px;
        height: 28px;
        margin-left: 20px;
        background-image: url(../img/primary/ba-01.png);
        background-size: contain;
        background-repeat: no-repeat;
        vertical-align: middle;
    }
}
@media screen and (max-width: 1185px) {
    .point_block h2 {
        margin-bottom: 40px;
        line-height: 1;
    }
    .point_block h2 span:first-child {
        display: block;
    }
    .point_block h2:before {
        top: 50%;
        left: -50px;
        width: 160px;
    }
    .point_block h2::after {
        top: 50%;
        right: -45px;
        width: 160px;
    }
}
@media screen and (max-width: 820px) {
    .onayami_block {
        background-image: url(../img/primary/bg-onayami_sp.png);
    }
    .onayami_block .box img {
        width: 96%;
    }
    .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 {
        padding: 0 0 0 0;
    }
    .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 50px;
    }
    .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: 60px 20px 50px;
        background-size: 196px auto, 184px auto;
        background-position: left 18px bottom -25px, right 5px bottom -20px;
    }
    .trial_block .in h2 {
        font-size: 9.6vw;
    }
    .trial_block .in h2 span {
        font-size: 5.7vw;
    }
    .trial_block .in .text button {
        width: 550px;
    }
    .coach_block {
        margin: 0 20px;
        padding: 30px 0;
        width: calc(100% - 40px);
    }
    .coach_block h2 {
        text-align: center;
        margin: 0 auto;
    }
    .coach_block h3 {
        margin: 0 auto 50px;
    }
    .flow_block {
        padding: 70px 30px 0;
        margin: 0 auto 70px;
    }
    .flow_block h2 {
        margin-bottom: 50px;
    }
    .flow_block .box {
        margin: 0 auto 85px;
        width: 100%;
        float: none;
        background-position: 18px 18px;
        padding-bottom: 0;
    }
    .flow_block .box .item {
        width: 100%;
        background-color: #f1f5fb;
        min-height: initial;
        min-height: auto;
        text-align: left;
        padding: 60px 20px 50px 35px;
        margin: 0;
    }
    .flow_block .box .item h3 {
        display: inline-block;
        padding-left: 30px;
    }
    .flow_block .box .item h3 span.pc {
        display: none;
    }
    .contact_block .box h2 {
        font-size: 5vw;
    }
    .contact_block .box h2 span {
        font-size: 5.8vw;
    }
    .contact_block .box h2 + p {
        font-size: 3.2vw;
        line-height: 1.3;
        display: block;
    }
    .contact_block .box h2 + p span {
        display: block;
    }
    .contact_block .box h2 + p span:first-child {
        display: inline;
    }
    .contact_block .box a {
        font-size: 7.8vw;
    }
    .contact_block .box a + p {
        font-size: 3.1vw;
    }
    .contact_block .box:last-child .btn.blue {
        max-width: 49%;
        width: 100%;
        height: 100px;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 1;
    }
    .contact_block .box:last-child .btn.org {
        max-width: 49%;
        width: 100%;
        height: 100px;
    }
    .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 80px;
    }
    .contact_block .box:first-child {
        background-position: right bottom;
        background-size: 180px auto;
    }
    .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:first-child {
        min-height: 258px;
    }
    .contact_block .box:last-child .btn.blue a img {
        vertical-align: super;
    }
    .contact_block .box:last-child .btn.org a img {
        vertical-align: middle;
    }
    .flow_block h2 {
        font-size: 10.1vw;
    }
    .flow_block h2 span {
        font-size: 7.4vw;
    }
    .flow_block .in {
        width: 100%;
        padding: 0;
    }
    .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: none;
    }
    .lesson_block .in .box h3 {
        font-size: 26px;
    }
    .point_block .bg {
        padding: 50px 0 80px;
    }
    .flow_block {
        padding: 70px 30px 0;
    }
    .flow_block h2 {
        margin-bottom: 65px;
    }
    .flow_block .box .num {
        left: calc(50% - 35px);
        top: -35px;
    }
    .contact_block .box a {
        font-size: 7.5vw;
    }
    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 img {
        width: 290px;
        margin: -15px auto -10px;
    }
    .lesson_block h2 {
        font-size: 9.3vw;
    }
    .lesson_block h2 span {
        font-size: 7.8vw;
        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/primary/bg-trial-01_sp.png);
        padding-bottom: 45px;
    }
    .trial_block {
        background-image: none;
    }
    .trial_block .in h2 {
        font-size: 10.0vw;
        text-align: center;
        display: block;
        margin-bottom: 30px;
    }
    .trial_block .in h2 span {
        font-size: 7.1vw;
        display: block;
    }
    .trial_block .in .text p {
        font-size: 3.8vw;
        line-height: 1.2;
        font-weight: 500;
        margin-bottom: 35px;
    }
    .coach_block .in + p {
        font-size: 31px;
        font-weight: normal;
        padding-left: 31px;
        text-indent: -31px;
        text-align: left;
        line-height: 1.4;
    }
    .flow_block .box {
        margin: 0 auto 65px;
    }
    .flow_block .box .num {
        left: calc(50% - 35px);
        top: -35px;
        font-size: 49px;
        width: 70px;
        height: 70px;
        line-height: 70px;
        text-align: center;
    }
    .flow_block .box img {
        width: 165px;
        float: left;
        margin-bottom: 0;
    }
    .flow_block .box img.arrow {
        display: none;
    }
    .flow_block .box .text {
        width: calc(100% - 195px);
        float: right;
    }
    .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.sp {
        display: inline-block;
    }
    .contact_block {
        background-position: left 20px top 65px;
        background-size: 137px auto;
        padding: 0;
    }
    .contact_block .box h2 {
        margin-top: 0;
        padding-bottom: 10px;
        margin-bottom: 10px;
    }
    .contact_block .box:first-child {
        background-position: right 30px bottom 28px;
        background-size: 100px auto;
        min-height: auto;
        padding-bottom: 30px;
        padding-left: 0;
    }
    .contact_block .box:last-child {
        padding: 0 20px;
        margin-top: -30px;
    }
    .contact_block .box a {
        font-size: 7.5vw;
        display: inline-block;
        position: relative;
        padding: 0 0 0 35px;
        margin: 0 auto;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 66px;
        background: #fff;
        box-shadow: 2px 2px 0px rgba(255, 255, 255, 1);
        margin: 0 10px 2px 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: 0;
        padding-bottom: 15px;
    }
    .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: auto;
        float: left;
        margin: 0 0 0 18%;
    }
    .contact_block .box:last-child .btn.blue a span span {
        width: auto !important;
        float: none !important;
        margin: 0 !important;
        display: inline !important;
    }
    .contact_block .box:last-child .btn.blue a img {
        float: left;
        margin: 5.1% 0 0 15px;
    }
    .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: 0 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 span, .price_block .bg h2 span:first-child {
        font-size: 7.3vw;
        display: block;
    }
    .price_block .in {
        width: calc(100% - 60px);
        padding: 80px 40px 0;
    }
    .price_block .in .box {
        padding: 70px 0 25px;
    }
    .price_block .in .box:last-child {
        padding: 70px 0 60px;
    }
    .price_block .in .box h3 {
        font-size: 5.1vw;
        max-width: 390px;
        letter-spacing: 0;
    }
    .price_block .in .box:last-child h3 {
        margin: -100px auto 35px;
    }
    .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: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: calc(100% - 60px);
        padding: 35px 0 30px;
        background-color: #fff;
        margin: 0 30px;
    }
    .coach_block .in h2 {
        margin: 0 auto 25px;
    }
    .feature_block h2 span.sm {
        font-size: 6.3vw;
        margin-bottom: 0;
    }
    .feature_block h2 {
        font-size: 7.5vw;
        padding: 50px 0 40px;
        letter-spacing: -0.06em;
        position: relative;
        margin-left: -15px;
    }
    .feature_block h2 span.bx::before {
        width: 66px;
        height: 121px;
        position: absolute;
        left: 25px;
        bottom: 35px;
    }
    .feature_block h2 span.bx::after {
        width: 66px;
        height: 121px;
        position: absolute;
        right: 10px;
        bottom: 35px;
    }
    .feature_block .box p {
        text-align: left;
        font-size: 24px;
    }
    .feature_block .box:nth-child(2) p {
        text-align: left;
        margin-bottom: 90px;
    }
    .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;
    }
    .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: 6.5vw;
        letter-spacing: -0.08em;
        padding: 0;
    }
    .onayami_block .box h2 span.grey {
        font-size: 8.5vw;
        padding: 0 0.5vw;
    }
    .onayami_block .box p {
        line-height: 1.3;
    }
    .onayami_block .box p span.red {
        font-size: 6.5vw;
    }
    .lesson02_block {
        background-image: url(../img/primary/bg-lesson_sp.png);
        padding: 70px 0 80px;
    }
    .lesson02_block h2 {
        padding: 0;
        font-size: 7.5vw;
    }
    .lesson02_block.short h2, .lesson02_block.short h2 span:first-child {
        padding: 0;
        font-size: 8.6vw;
    }
    .lesson02_block h2 span:first-child {
        font-size: 7.3vw;
        margin-bottom: 10px;
    }
    .lesson02_block h2 span.bx {
        display: block;
        line-height: 0.9;
        position: relative;
    }
    .lesson02_block h2 span.bx span {
        font-size: 7.5vw;
    }
    .lesson02_block h2 span.bx::before {
        position: absolute;
        bottom: -20px;
        left: 15px;
    }
    .lesson02_block h2 span.bx::after {
        position: absolute;
        bottom: -20px;
        right: 15px;
    }
    .lesson02_block .box {
        width: calc(100% - 60px);
        padding: 40px 40px 50px;
    }
    .lesson02_block.short .box:last-child {
        padding: 60px 40px;
        box-shadow: none;
    }
    .lesson02_block .box h3 {
        float: none !important;
        width: 100%;
        padding-bottom: 20px;
        margin-bottom: 20px;
        margin-top: 0;
        font-size: 40px;
    }
    .lesson02_block .box img {
        width: 100%;
        float: none !important;
        margin-bottom: 10px;
    }
    .lesson02_block .box p {
        float: none !important;
        width: 100%;
        font-size: 24px;
    }
    .lesson02_block.short .box img {
        width: 100%;
        float: none;
    }
    .lesson02_block.short .box p {
        float: none;
        width: 100%;
        margin-top: 0;
    }
    .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: 60px 0 70px;
    }
    .outcome_block h2 {
        font-size: 9.3vw;
    }
    .outcome_block h2 span {
        font-size: 10vw;
    }
    .outcome_block .in {
        padding: 0 25px;
    }
    .outcome_block .in .box {
        display: block;
        width: 100%;
        margin: 0 auto 30px;
        padding: 0 0 50px;
    }
    .outcome_block .in .box img:first-child {
        width: 400px;
        margin-top: -40px;
        margin-left: 0;
    }
    .outcome_block .in .box .updown {
        padding: 120px 45px 0;
        min-height: 600px;
    }
    .outcome_block .in .box h3 {
        font-size: 5.3vw;
    }
    .outcome_block .in .box h3 + img {
        max-width: 285px;
    }
    .outcome_block .in .box h4 {
        font-size: 3.5vw;
    }
    .outcome_block .in .box p {
        font-size: 24px;
        margin-top: 0;
    }
    .qa_block h2 {
        padding: 22px 0 25px;
        font-size: 8.1vw;
    }
    .qa_block h2 span:first-child {
        font-size: 5.3vw;
        letter-spacing: 0;
    }
    .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;
    }
    .flow_block .box:nth-child(4) {
        margin: 0;
    }
    .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;
    }
    .flow_block .box:nth-child(3) .item, .flow_block .box:nth-child(4) .item {
        min-height: initial;
        min-height: auto;
    }
    .feature_block .bg-blue {
        padding: 0 30px 90px;
    }
    .feature_block .box {
        padding: 40px 30px 50px;
        margin: 0 30px;
        width: calc(100% - 60px);
        margin-bottom: 40px;
    }
    .place_block .bg-grey {
        padding: 50px 30px 40px;
    }
    .place_block .box {
        width: calc(100% - 60px);
        margin: 0 30px;
        padding: 40px 30px 50px;
    }
    .place_block .box h2 {
        font-size: 5.4vw;
        padding-left: 0;
        padding-bottom: 20px;
        margin-bottom: 30px;
        display: block;
        letter-spacing: -0.05em;
    }
    .place_block .box h2 span {
        margin-left: -2vw;
    }
    .place_block .box p {
        font-size: 24px;
        line-height: 1.3;
    }
    .place_block .box img {
        max-width: 460px;
        width: 100%;
        margin: 0 auto 20px;
        float: none;
    }
    .trial_block .in img {
        width: 100% !important;
        max-width: 630px;
        margin: 0 auto !important;
        text-align: center;
    }
    .coach_block .in h3 {
        font-size: 31px !important;
    }
    .swiper-slide p {
        margin-bottom: 30px;
        padding: 0 30px;
        font-size: 24px;
        line-height: 1.4;
    }
    .swiper-button-prev {
        background-image: url(../img/primary/prev_btn.png) !important;
    }
    .swiper-button-next {
        background-image: url(../img/primary/next_btn.png) !important;
    }
    .lesson02_block h2 {
        letter-spacing: -0.08em;
    }
    .price_block .bg h2 {
        margin-bottom: 30px;
    }
    .dot_block .bg-grey {
        padding: 60px 0 80px;
    }
}
@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 {
        background-position: left 20px top 55px;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 60px;
        margin: 0 10px 1px 0;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 4.7vw;
    }
    .contact_block .box:last-child .btn.blue a span {
        margin: 0 0 0 14.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;
    }
    .lesson02_block .box h3 {
        font-size: 5.3vw;
    }
    .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;
    }
    .outcome_block h2 span {
        height: 120px;
        width: 120px;
    }
}
@media screen and (max-width: 730px) {
    .contact_block {
        background-position: left 20px top 80px;
    }
    .contact_block .box:first-child {
        background-position: right 25px bottom 9px;
    }
    .contact_block .box h2 {
        font-size: 6vw;
        margin-bottom: 10px;
    }
    .contact_block .box h2 span {
        font-size: 6.8vw;
    }
    .contact_block .box a {
        font-size: 8.6vw;
        padding: 0 0 0 20px;
        margin: 0 auto;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 56px;
        margin: 0 10px 3px 0;
    }
    .onayami_block .box p {
        font-size: 7vw;
    }
    .onayami_block .box p span.red {
        font-size: 8vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 2.7;
    }
    .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.3vw;
    }
    .trial_block .in {
        background-position: left 18px bottom -40px, right 5px bottom -35px;
    }
}
@media screen and (max-width: 700px) {
    .contact_block {
        background-position: left 20px top 75px;
    }
    .contact_block .box:first-child {
        background-position: right 25px bottom 5px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 5vw;
    }
    .contact_block .box:last-child .btn.blue a span {
        margin: 0 0 0 11%;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 2.6;
    }
    .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 {
        padding: 30px 20px 40px;
    }
    .feature_block .box .comp .item p {
        font-size: 2.9vw;
    }
    .place_block .box {
        padding: 30px 20px 40px;
    }
    .lesson02_block .box {
        padding: 30px 20px 40px;
    }
    .lesson02_block .box h3 {
        font-size: 5.7vw;
    }
    .price_block .in {
        padding: 65px 20px 0;
    }
    .price_block .in .box {
        padding: 70px 0 15px;
    }
    .price_block .in .box:last-child {
        padding: 70px 0 40px;
    }
    .lesson02_block.short .box:last-child {
        padding: 30px 20px 40px;
    }
    .outcome_block h2 span {
        height: 110px;
        width: 110px;
        margin-right: -20px;
    }
    .outcome_block h2 span:first-child {
        margin-left: 5px;
    }
    .outcome_block .in .box .updown {
        padding: 110px 35px 0;
    }
    .feature_block .box .comp img.arrow {
        top: 9.2vh;
    }
}
@media screen and (max-width: 668px) {
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 28px;
    }
    .trial_block .in {
        position: relative;
        background-position: left 18px bottom -55px, right 5px bottom -50px;
    }
    .point_block .in .box p {
        font-size: 21px;
    }
    .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;
    }
    .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 .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;
    }
    .contact_block .box:last-child .btn.blue {
        max-width: 100%;
        margin: 0 auto 18px;
        float: none;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 0 0 0 0;
        line-height: 14vw;
    }
    .contact_block .box:last-child .btn.blue a span {
        margin: 0;
    }
    .contact_block .box:last-child .btn.blue a span:first-child {
        float: none;
    }
    .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: 0 0 0 15px;
        display: inline-block;
        vertical-align: middle;
    }
    .contact_block .box:last-child .btn.org {
        max-width: 100%;
        margin: 0 auto;
        float: none;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 14vw;
    }
    .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;
        padding-left: 30px;
    }
    .price_block .bg h2 {
        font-size: 9vw;
        margin-bottom: 20px;
    }
    .price_block .bg h2 span {
        font-size: 8vw;
    }
    .price_block .in .box ul li {
        font-size: 23px;
    }
    .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;
    }
    .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 {
        padding: 0 20px;
    }
    .lesson_block .in .box {
        width: 48.5%;
        margin-right: 3%;
    }
    .lesson_block .in .box:nth-child(3) {
        margin-right: 3%;
    }
    .flow_block {
        padding: 70px 20px 0;
    }
    .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 {
        font-size: 6.8vw;
        margin-bottom: 15px;
    }
    .contact_block .box h2 span {
        font-size: 7.8vw;
    }
    .contact_block .box h2 + p {
        font-size: 4vw;
        line-height: 1.3;
        padding-left: 30px;
    }
    .lesson02_block .box h3 {
        font-size: 5.8vw;
    }
    .lesson02_block .box p {
        font-size: 21px;
    }
    .point_block .in .box h3 {
        font-size: 5.3vw;
    }
    .outcome_block .in .box h3 {
        font-size: 6.2vw;
    }
    .outcome_block .in .box h4 {
        font-size: 4.5vw;
    }
    .outcome_block .in .box img:first-child {
        width: 50vw;
    }
    .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);
    }
    .coach_block .in {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .lesson02_block .box {
        width: calc(100% - 40px);
    }
    .place_block .bg-grey {
        padding: 50px 20px 40px;
    }
    .place_block .box p {
        font-size: 21px;
    }
    .trial_block .in .text button span {
        font-size: 5.5vw;
    }
    .coach_block {
        padding: 20px 0;
        position: relative;
    }
    .feature_block .bg-blue {
        padding: 0 20px 90px;
    }
    .contact_block {
        background-size: 132px auto;
        background-position: left 20px top 80px;
    }
    .contact_block .box:first-child {
        background-position: right 20px bottom 25px;
    }
    .coach_block .in h3 {
        font-size: 28px !important;
    }
    .swiper-slide p {
        font-size: 21px;
    }
    .price_block {
        margin: 0 auto 60px;
    }
    .price_block .bg {
        padding: 60px 20px 0;
    }
    .price_block .in {
        width: 100%;
    }
    .outcome_block .in {
        padding: 0 15px;
    }
    .outcome_block .in .box {
        padding: 0 0 60px;
    }
    .lesson02_block {
        padding: 60px 0 70px;
    }
    .lesson02_block.short h2, .lesson02_block.short h2 span:first-child {
        font-size: 9vw;
    }
    .lesson02_block h2 {
        margin-left: -10px;
    }
    .lesson02_block h2 span.bx::before {
        left: 20px;
        bottom: -30px;
    }
    .lesson02_block h2 span.bx::after {
        right: 10px;
        bottom: -30px;
    }
    .lesson02_block h2 span:nth-child(2) {
        letter-spacing: -0.07em;
    }
    .lesson02_block.short h2 span:first-child {
        font-size: 9vw;
    }
    section.green {
        padding: 0 0 70px;
    }
    .feature_block h2 {
        font-size: 8.6vw;
    }
    .feature_block h2 span.sm {
        font-size: 7.3vw;
    }
    .feature_block h2 span.bx {
        line-height: 0.9;
    }
    .feature_block h2 span.bx span {
        display: block;
    }
    .feature_block h2 span.bx::before {
        left: calc(3vw + 12px);
        bottom: 30px;
    }
    .feature_block h2 span.bx::after {
        right: 3vw;
        bottom: 30px;
    }
    .feature_block .box {
        width: calc(100% - 40px);
        margin: 0 20px 40px;
    }
    .place_block .box {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .place_block .box h2 {
        font-size: 5.5vw;
    }
    .trial_block .in h2 {
        margin-bottom: 30px;
    }
    .trial_block .in .text button {
        width: 520px;
    }
}
@media screen and (max-width: 640px) {
    .lesson_block h2 img {
        width: 250px;
    }
    .point_block .in .box {
        margin-bottom: 60px;
    }
    .point_block .in .box h3 {
        margin: 0 auto 20px;
    }
    .onayami_block .box h2 {
        font-size: 7vw;
        line-height: 1;
    }
    .onayami_block .box h2 span.grey {
        font-size: 9.5vw;
    }
    .onayami_block .box p {
        font-size: 7vw;
        letter-spacing: 0;
        line-height: 1.2;
        padding: 15px 0;
    }
    .onayami_block .box p span.red {
        font-size: 10vw;
    }
    .feature_block h2 {
        font-size: 9vw;
    }
    .feature_block h2 span.sm {
        font-size: 7.3vw;
    }
    .feature_block h2 span.bx::before {
        left: calc(2vw + 12px);
        bottom: 20px;
    }
    .feature_block h2 span.bx::after {
        right: 2vw;
        bottom: 20px;
    }
    .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;
    }
    .lesson02_block h2 span:first-child {
        font-size: 7.3vw;
    }
    .price_block h2 {
        padding: 25px 0 35px;
    }
    .point_block h2 {
        font-size: 12.6vw;
    }
    .point_block h2 span:nth-child(2) span {
        font-size: 12.6vw;
    }
    .outcome_block h2 span {
        height: 100px;
        width: 100px;
        margin-right: -15px;
    }
    .outcome_block .in .box .updown {
        padding: 100px 35px 0;
    }
    .feature_block .box .comp img.arrow {
        top: 7.6vh;
    }
    .trial_block .in .text button span {
        font-size: 6vw;
    }
    .contact_block .box:first-child {
        background-position: right 20px top 78px;
    }
    .lesson02_block .box {
        margin: 0 auto 40px;
    }
    .outcome_block .in .box {
        padding: 0 0 20px;
    }
}
@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 {
        background-size: 176px auto, 164px auto;
        background-position: left 18px bottom -35px, right 5px bottom -20px;
    }
    .trial_block .in .text button {
        width: 500px;
    }
    .coach_block h2 {
        font-size: 7.8vw;
        padding: 0 10px;
        line-height: 1;
        margin-bottom: 5px;
    }
    .coach_block h2 span:nth-child(1) span {
        font-size: 15vw;
        vertical-align: sub;
    }
    .coach_block h3 {
        font-size: 7vw;
        margin-bottom: 30px;
    }
    .coach_block .in h2 {
        font-size: 7vw;
        line-height: 1.2;
    }
    .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%;
    }
    .price_block {
        margin: 0 auto 60px;
    }
    .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);
    }
    .feature_block .box:nth-child(2) p {
        margin-bottom: 75px;
    }
    .contact_block {
        background-position: left 20px top 75px;
        background-size: 120px auto;
    }
    .contact_block .box:first-child {
        background-size: 90px auto;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 50px;
    }
    .lesson02_block h2 span.bx::before {
        left: 15px;
    }
    .lesson02_block h2 span.bx::after {
        right: 5px;
    }
    .outcome_block .in .box .updown {
        padding: 90px 35px 0;
    }
    .onayami_block .box p span.box:first-child::before {
        margin-right: 25px;
    }
    .onayami_block .box p span.box:first-child::after {
        margin-left: 0;
    }
    .onayami_block .box p span.yellow {
        font-size: 9.5vw;
    }
    .outcome_block h2 {
        margin-bottom: 25px;
    }
    .outcome_block .in .box .updown {
        min-height: 555px;
    }
    .place_block .box h2 {
        font-size: 5.7vw;
        letter-spacing: -0.08em;
    }
    .lesson02_block .box h3 {
        font-size: 6vw;
    }
    .lesson02_block .box:nth-child(3) h3 {
        letter-spacing: -0.13em;
    }
}
@media screen and (max-width: 568px) {
    .lesson_block h2 img {
        width: 230px;
    }
    .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;
    }
    .trial_block .in h2 {
        margin-bottom: 30px;
    }
    .flow_block .box img {
        float: none;
        margin: 0 auto 20px;
        width: 140px;
    }
    .flow_block .box .text {
        width: 100%;
        float: none;
    }
    .flow_block .box .text h3 {
        text-align: center;
    }
    .contact_block {
        background-position: left 20px top 70px;
        background-image: url(../img/primary/bg-contact-01-2.png);
        background-size: 110px auto;
    }
    .contact_block .box:first-child {
        background-position: right 20px top 72px;
        background-size: 85px auto;
        background-image: url(../img/primary/bg-contact-02-2.png);
    }
    .contact_block .box a {
        margin: 5px auto 0 0;
        font-size: 10.5vw;
        padding: 0;
    }
    .contact_block .box a:after {
        right: 2.1%;
    }
    .trial_block .in .text p {
        font-size: 4.2vw;
    }
    .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;
        max-width: 350px;
        letter-spacing: 0.1em;
    }
    .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 {
        font-size: 6.3vw;
    }
    .trial_block .in .text button span span {
        display: inline;
    }
    .flow_block .box .item h3 {
        display: block;
        text-align: center;
        padding-left: 0;
    }
    .outcome_block .in .box .updown {
        padding: 85px 30px 0;
    }
    .point_block .in .box img {
        width: 180px;
    }
    .feature_block .bg-blue {
        margin-top: -1px;
    }
    .place_block .bg-grey {
        margin-top: -1px;
    }
    .contact_block .box a[href^="tel:"] img {
        margin: 0 8px 5px 0;
    }
    .contact_block .box h2 + p {
        padding-left: 20px;
    }
    .contact_block .box a + p {
        padding-left: 20px;
    }
    .feature_block .box .comp img.arrow {
        top: 7.2vh;
    }
    .feature_block .box:last-child img {
        width: 98%;
        margin: 30px 1% 0;
    }
    .trial_block .in {
        background-size: 166px auto, 154px auto;
    }
    .trial_block .in .text button {
        width: 480px;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 16vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 16vw;
    }
    .lesson02_block h2 span.bx::before {
        width: 65px;
        height: 117px;
    }
    .lesson02_block h2 span.bx::after {
        width: 65px;
        height: 117px;
    }
    .feature_block .box h3 span.num {
        font-size: 30px;
    }
    .feature_block .box h3 span.num span {
        font-size: 33px;
    }
    .place_block .box img {
        max-width: 100%;
    }
    .outcome_block .in .box .updown {
        min-height: 570px;
    }
    .outcome_block .in .box {
        padding: 0 0 40px;
    }
}
@media screen and (max-width: 540px) {
    .onayami_block .box p span.box:first-child::before {
        margin-right: 15px;
        margin-bottom: 5px;
        width: 73px;
        height: 20px;
    }
    .onayami_block .box p span.box:first-child::after {
        margin-left: -5px;
        margin-bottom: 5px;
        width: 73px;
        height: 20px;
    }
    .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 {
        font-size: 4.1vw;
    }
    .feature_block .box .comp .item p span {
        display: inline;
    }
    .feature_block .box .comp .item p span span {
        display: inline-block;
    }
    .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.5vw;
    }
    .outcome_block h2 span {
        height: 90px;
        width: 90px;
    }
    .feature_block .box:nth-child(2) p {
        margin-bottom: 60px;
    }
    .trial_block .in {
        background-size: 156px auto, 144px auto;
        background-position: left 8px bottom -20px, right -3px bottom -10px;
    }
    .trial_block .in .text button {
        width: 92%;
        height: 90px;
    }
    .coach_block {
        margin: 0 10px;
        width: calc(100% - 20px);
    }
    .lesson02_block .box h3 {
        font-size: 6.7vw;
    }
    .outcome_block h2 {
        margin-bottom: 20px;
    }
    .place_block .box h2 {
        font-size: 5.6vw;
    }
    .trial_block .in {
        padding: 50px 20px 40px;
    }
    .trial_block .in h2 {
        margin-bottom: 25px;
    }
    .price_block .bg h2 {
        font-size: 9.5vw;
    }
    .price_block .bg h2 span, .price_block .bg h2 span:first-child {
        font-size: 8.3vw;
    }
    .lesson02_block.short h2, .lesson02_block.short h2 span:first-child {
        font-size: 9.5vw;
    }
    .lesson02_block.short h2 span:first-child {
        font-size: 9.5vw;
    }
    .outcome_block .in .box img {
        width: 185px;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 510px;
    }
}
@media screen and (max-width: 500px) {
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 23px;
    }
    .lesson_block h2 img {
        width: 210px;
    }
    .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;
    }
    .flow_block .box .text p {
        font-size: 21px;
    }
    .flow_block h2 {
        margin-bottom: 55px;
    }
    .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;
    }
    .trial_block .in {
        background-size: 130px auto, 122px auto;
        background-position: left 12px bottom -5px, right 3px bottom 0px;
    }
    .trial_block .in .text p {
        font-size: 4.5vw;
    }
    .lesson02_block .box h3 {
        font-size: 6.6vw;
    }
    .outcome_block .in .box .updown {
        padding: 80px 25px 0;
    }
    .feature_block .box h3 span.bottom_right {
        font-size: 5.8vw;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 56px;
    }
    .trial_block .in h2 {
        margin-bottom: 20px;
    }
    .coach_block .in h2 {
        font-size: 6.3vw;
    }
    .swiper-slide p {
        padding: 0 20px;
        margin-bottom: 20px;
    }
    .contact_block .box:last-child {
        padding: 0 15px;
    }
    .contact_block {
        background-position: left 10px top 65px;
    }
    .contact_block .box:first-child {
        background-position: right 10px top 65px;
    }
    .contact_block .box a[href^="tel:"] img {
        margin: 0 5px 0 0;
    }
    .flow_block {
        margin: 0 auto 60px;
    }
    .feature_block h2 span.bx::before {
        width: 56px;
        height: 103px;
        bottom: 20px;
    }
    .feature_block h2 span.bx::after {
        width: 56px;
        height: 103px;
        bottom: 20px;
    }
    .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 {
        line-height: 18vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 18vw;
    }
    .lesson02_block h2 span.bx::before {
        width: 50px;
        height: 90px;
        bottom: -30px;
    }
    .lesson02_block h2 span.bx::after {
        width: 50px;
        height: 90px;
        bottom: -30px;
    }
    .lesson02_block h2 {
        font-size: 8vw;
    }
    .lesson02_block h2 span.bx span {
        font-size: 8vw;
    }
    .contact_block.mb0 {
        margin: 0 auto 70px;
    }
    .feature_block .box:nth-child(2) h3 {
        margin: 0 auto 20px;
    }
    .feature_block .box:nth-child(2) p {
        margin-bottom: 55px;
    }
    .feature_block .box:nth-child(3) h3 {
        margin: 0 auto 20px;
    }
    .feature_block .box:nth-child(3) img {
        margin: 25px 0 0;
    }
    .feature_block .box:nth-child(4) h3 {
        margin: 0 auto 20px;
    }
    .feature_block .box:last-child img {
        margin: 25px 1% 0;
    }
    .outcome_block h2 span {
        font-size: 11vw;
    }
    .outcome_block .in .box img {
        width: 165px;
    }
    .outcome_block .in .box .updown {
        min-height: 520px;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 485px;
    }
}
@media screen and (max-width: 440px) {
    .place_block .box h2 {
        font-size: 7.5vw;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 20vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 20vw;
    }
    .lesson02_block .box h3 {
        font-size: 6.5vw;
    }
    .price_block .in .box h3 {
        max-width: 250px;
    }
    .outcome_block h2 span {
        height: 80px;
        width: 80px;
    }
}
@media screen and (max-width: 430px) {
    .mv_block {
        margin: 0 auto 50px;
    }
    .bnr_block {
        padding: 0 15px;
    }
    .lesson_block h2 img {
        width: 180px;
    }
    .lesson_block .in .box h3 {
        font-size: 24px;
        line-height: 45px;
    }
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 20px;
    }
    .lesson_block {
        padding: 0 15px;
    }
    .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;
    }
    .flow_block {
        padding: 60px 15px 0;
        margin: 0 auto 50px;
    }
    .flow_block .box .text h3 {
        font-size: 8.2vw;
    }
    .flow_block .box .text p {
        font-size: 18px;
    }
    .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 {
        margin: 0 auto 70px;
    }
    .price_block .in .box h3 {
        font-size: 7.5vw;
        max-width: 270px;
    }
    .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: 25px;
    }
    .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:last-child h3 {
        margin: -80px auto 30px;
    }
    .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 {
        background-size: 135px auto, 125px auto;
        padding: 50px 8px 50px;
    }
    .flow_block .box img {
        width: 120px;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 18vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 18vw;
    }
    .contact_block .box:last-child .btn.org a {
        margin-top: 0;
    }
    .flow_block .box .item h3 {
        font-size: 7vw;
    }
    .contact_block .box h2 + p {
        font-size: 4.5vw;
    }
    .contact_block .box a + p {
        font-size: 4.5vw;
    }
    .feature_block h2::after, .lesson02_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: 20px 15px 30px;
        width: calc(100% - 30px);
        margin: 0 15px 30px;
    }
    .feature_block .box p {
        margin-bottom: 60px;
        line-height: 1.4;
        font-size: 18px;
    }
    .lesson02_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 .in {
        padding: 0 10px;
    }
    .outcome_block .in .box h3 {
        font-size: 6.4vw;
    }
    .outcome_block {
        padding: 50px 0 60px;
    }
    .outcome_block .in .box .updown {
        padding: 70px 20px 0;
    }
    .outcome_block .in .box h4 {
        font-size: 5.2vw;
    }
    .outcome_block .in .box p {
        font-size: 18px;
        margin-top: -5px;
    }
    .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;
    }
    .qa_block {
        margin: 0 auto 50px;
    }
    .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;
        line-height: 1.4;
    }
    .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: 7.5vw;
        padding-bottom: 12px;
        margin-bottom: 18px;
    }
    .trial_block .in .text button img {
        margin: 0 0 0 10px !important;
        width: 25px !important;
    }
    .trial_block .in .text button span {
        font-size: 6.5vw;
    }
    .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 .box h2 + p span:first-child {
        display: block;
    }
    .outcome_block h2 span {
        height: 75px;
        width: 75px;
    }
    .outcome_block .in .box {
        margin: 0 auto 25px;
        padding: 0 0 30px;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 450px;
    }
    .trial_block .in img {
        width: calc(100% - 24px) !important;
        margin: 0 12px !important;
    }
    .swiper-slide p {
        font-size: 18px;
    }
    .feature_block .bg-blue {
        padding: 0 15px 90px;
    }
    .coach_block .in {
        width: calc(100% - 30px);
        margin: 0 15px;
        padding: 25px 0 15px;
    }
    .lesson02_block .box {
        width: calc(100% - 30px);
        padding: 20px 15px 30px;
        margin: 0 auto 30px;
    }
    .lesson02_block .box h3 {
        font-size: 6.8vw;
        margin-right: -2vw;
    }
    .price_block .bg {
        padding: 50px 15px 0;
    }
    .price_block .in {
        padding: 60px 15px 0;
    }
    .price_block .in .box:last-child {
        padding: 50px 0 40px;
    }
    .price_block {
        margin: 0 auto 50px;
    }
    .price_block .bg h2 {
        margin-bottom: 20px;
    }
    .lesson02_block {
        padding: 50px 0 60px;
    }
    .lesson02_block h2 {
        font-size: 9vw;
        margin-bottom: 25px;
    }
    .lesson02_block h2 span.bx span {
        font-size: 9vw;
    }
    .lesson02_block.short .box:last-child {
        padding: 30px 15px 40px;
    }
    .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;
    }
    section.green {
        padding: 0 0 60px;
    }
    .feature_block h2 span.bx::before {
        width: 46px;
        height: 85px;
    }
    .feature_block h2 span.bx::after {
        width: 46px;
        height: 85px;
    }
    .place_block .box {
        padding: 20px 15px 30px;
        width: calc(100% - 30px);
        margin: 0 15px;
    }
    .feature_block h2 {
        padding: 40px 0 25px;
    }
    .feature_block .box h3 span.num {
        border: 4px solid #22a243;
    }
    .feature_block .box h3 span.num {
        font-size: 28px;
    }
    .feature_block .box h3 span.num span {
        font-size: 31px;
    }
    .place_block .box img {
        margin: 0 auto 15px;
    }
    .trial_block .in .text p {
        margin-bottom: 25px;
    }
    .trial_block .in {
        background-size: 115px auto, 108px auto;
        padding: 50px 8px 35px;
    }
    .trial_block .in .text button {
        width: 90%;
        height: 80px;
    }
    .contact_block {
        margin: 0 auto 70px;
    }
    .contact_block .box:last-child .btn.blue {
        height: 85px;
        margin: 0 auto 15px;
    }
    .contact_block .box:last-child .btn.org {
        height: 85px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        height: 85px;
    }
    .lesson02_block h2 span.bx::before, .lesson02_block h2 span.bx::after {
        content: none;
    }
    .qa_block h2 span:first-child {
        font-size: 5.5vw;
    }
    .price_block .in .box p span:nth-child(2) {
        padding: 0 0 0 3px;
    }
    .outcome_block .in .box h4 {
        text-align: left;
    }
    .swiper-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet {
        margin: 0 10px;
    }
}
@media screen and (max-width: 414px) {
    .coach_block h2 {
        width: 78%;
    }
    .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;
    }
    .flow_block {
        margin: 0 auto 50px;
    }
    .flow_block .box {
        margin: 0 auto 55px;
    }
    .outcome_block {
        padding: 50px 0 60px;
    }
    .outcome_block .in .box .updown {
        min-height: 530px;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 480px;
    }
    .outcome_block .in .box h3 {
        font-size: 6.3vw;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 19vw;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 19vw;
    }
}
@media screen and (max-width: 393px) {
    .lesson02_block .box h3 {
        font-size: 6.7vw;
    }
}
@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;
    }
    .flow_block h2 {
        margin-bottom: 45px;
    }
    .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;
    }
    .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: 20px 0 0;
    }
    .onayami_block .box h2 {
        font-size: 9vw;
        margin-bottom: 20px;
    }
    .onayami_block .box h2 span.grey {
        font-size: 11vw;
    }
    .onayami_block .box p {
        font-size: 7.2vw;
    }
    .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;
    }
    .trial_block .in {
        background-size: 110px auto, 103px auto;
        padding: 45px 8px 25px;
    }
    .trial_block .in .text button {
        width: 78%;
        height: 90px;
    }
    .trial_block .in .text button span:first-child {
        margin-top: -1px;
    }
    .trial_block .in .text button img {
        margin: 0 0 0 10px !important;
    }
    .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 h2 span:nth-child(1) span {
        font-size: 18vw;
    }
    .coach_block h3 {
        font-size: 8vw;
    }
    .coach_block h2 {
        width: 90%;
    }
    .flow_block h2 {
        font-size: 10.5vw;
    }
    .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;
    }
    .contact_block .box:last-child .btn.blue {
        height: 75px;
    }
    .contact_block .box:last-child .btn.org {
        height: 75px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 7.3vw;
        height: 75px;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 17vw;
    }
    .contact_block .box:last-child .btn.blue a span span {
        letter-spacing: -0.28em;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 18vw;
    }
    .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);
    }
    .outcome_block {
        padding: 40px 0 60px;
    }
    .outcome_block h2 span {
        font-size: 12vw;
    }
    .price_block .in .box {
        padding: 70px 0 10px;
    }
    .flow_block .box {
        margin: 0 auto 50px;
    }
    .qa_block {
        margin: 0 auto 60px;
    }
    .trial_block .in .text button span span {
        display: block;
    }
    .trial_block .in .text button span {
        margin-top: 3px;
        font-size: 7.8vw;
    }
    .outcome_block .in .box h3 + img {
        width: 40%;
    }
    .coach_block .in h2 {
        margin: 0 auto 15px;
        font-size: 7vw;
    }
    .outcome_block .in .box h3 {
        font-size: 6.7vw;
    }
    .feature_block .box h3 span.num {
        padding: 3px 20px 6px;
    }
    .feature_block h2 {
        margin-left: -10px;
    }
    .feature_block h2 span.bx::before {
        bottom: 15px;
        left: calc(2vw + 8px);
    }
    .feature_block h2 span.bx::after {
        bottom: 15px;
    }
    .onayami_block .box h2 span:not(.grey):first-child {
        display: block;
    }
    .contact_block {
        background-position: left 10px top 55px;
        background-size: 100px auto;
    }
    .contact_block .box:first-child {
        background-position: right 10px top 58px;
        background-size: 80px auto;
    }
    .contact_block .box:last-child {
        padding: 0 10px;
    }
    .lesson02_block .box h3 {
        font-size: 6.7vw;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 535px;
    }
}
@media screen and (max-width: 375px) {
    .lesson_block h2 img {
        width: 160px;
    }
    .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.blue a {
        padding: 0 0 0 0;
    }
    .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%;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        font-size: 7.1vw;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 18vw;
    }
    .lesson02_block .box {
        width: calc(100% - 20px);
    }
    .outcome_block .in {
        padding: 0 10px;
    }
    .outcome_block .in .box .updown {
        padding: 55px 15px 0;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 19px;
    }
    .contact_block {
        background-position: left 15px top 55px;
    }
    .dot_block .bg-grey {
        padding: 50px 0 70px;
    }
    .price_block .in .box h3 {
        max-width: 230px;
    }
    .outcome_block .in .box img:first-child {
        width: 70vw;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 42px;
    }
}
@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;
    }
    .trial_block .in .text button span {
        margin-top: 3px;
    }
    .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;
    }
    .flow_block .box .item {
        padding: 45px 15px 40px 15px;
    }
    .place_block .box img.pc {
        width: 130px;
    }
    .trial_block .in .text p {
        font-size: 4.8vw;
    }
    .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;
    }
    .trial_block .in {
        padding: 45px 0 30px;
        background-size: 100px auto, 93px auto;
        background-position: left 5px bottom -5px, right -2px bottom 0px;
    }
    .trial_block .in .text p {
        padding-left: 5px;
    }
    .trial_block .in .text button {
        width: 72%;
        height: 80px;
    }
    .trial_block .in .text button span {
        font-size: 7.6vw;
    }
    .trial_block .in .text button span:first-child {
        margin-top: -2px;
    }
    .coach_block {
        margin: 0 5px;
        width: calc(100% - 10px);
    }
    .contact_block {
        margin: 0 auto 60px;
        background-size: 95px auto;
    }
    .contact_block .box:last-child .btn.blue {
        height: 70px;
    }
    .contact_block .box:last-child .btn.org {
        height: 70px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        height: 70px;
    }
    .lesson02_block .box h3 {
        font-size: 6.8vw;
    }
    .outcome_block .in .box img {
        width: 140px;
        margin: 0 15px 10px 0;
    }
    .outcome_block .in .box .updown {
        min-height: 500px;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 485px;
    }
    .onayami_block .box p span.box:first-child::before, .onayami_block .box p span.box:first-child::after {
        margin-bottom: 10px;
        width: 56px;
        height: 15px;
    }
}
@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;
    }
    .flow_block .box .text h3 {
        font-size: 8vw;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 40px;
        margin: 0 5px 0 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.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: 23px !important;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 23px;
    }
    .point_block .in .box {
        padding: 0 15px 30px;
    }
    .outcome_block .in .box img:first-child {
        width: 75vw;
    }
    .place_block .box img.pc {
        width: 100px;
        margin: 5px 0 10px 0;
    }
    .coach_block .in {
        padding: 20px 0 15px;
    }
    .price_block .in {
        padding: 55px 15px 0;
    }
    .qa_block h2 span:first-child {
        font-size: 5.5vw;
    }
    .outcome_block .in .box {
        padding: 0 0 35px;
    }
    .outcome_block h2 span {
        font-size: 14vw;
    }
    .contact_block .box h2 + p {
        font-size: 5vw;
    }
    .onayami_block .box p span.box:first-child::before, .onayami_block .box p span.box:first-child::after {
        margin-bottom: 5px;
    }
    .feature_block h2 span.bx::before, .feature_block h2 span.bx::after {
        width: 40px;
        height: 74px;
    }
    .feature_block .box h3 {
        font-size: 7.8vw;
    }
    .trial_block .in {
        background-position: left 5px bottom -5px, right -2px bottom -1px;
    }
    .trial_block .in .text button span {
        font-size: 8vw;
    }
    .trial_block .in .text button span:first-child {
        margin-top: 0;
    }
    .coach_block .in h3 {
        font-size: 26px !important;
    }
    .contact_block {
        background-size: 85px auto;
        background-position: left 8px top 50px;
    }
    .contact_block .box:first-child {
        background-position: right 10px top 50px;
        background-size: 70px auto;
    }
    .contact_block .box h2 + p {
        padding-left: 15px;
    }
    .contact_block .box a + p {
        padding-left: 15px;
    }
    .contact_block .box:last-child .btn.blue {
        height: 65px;
    }
    .contact_block .box:last-child .btn.org {
        height: 65px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        height: 65px;
    }
    .lesson02_block .box h3 {
        font-size: 8vw;
    }
    .outcome_block .in .box h3 {
        font-size: 9vw;
    }
    .outcome_block .in .box h4 {
        font-size: 5.8vw;
        text-align: left;
    }
}
@media screen and (max-width: 280px) {
    .contact_block .box a[href^="tel:"] img {
        width: 30px;
        margin: 0 5px 0 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;
    }
    .outcome_block .in .box h4 {
        font-size: 7vw;
    }
    .outcome_block .in .box h4 span {
        margin-left: 0;
    }
    .place_block .box img.pc {
        width: 90px;
    }
    .flow_block h2 {
        font-size: 10vw;
    }
    .contact_block {
        background-position: left 15px top 50px;
    }
    .price_block .in .box:last-child p span.bx:first-child span {
        font-size: 16px;
    }
    .outcome_block .in .box {
        padding: 0 0 30px;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 20px;
        margin: 0 0 0 8px;
    }
    .contact_block .box:last-child .btn.blue {
        height: 55px;
    }
    .contact_block .box:last-child .btn.org {
        height: 55px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        height: 55px;
    }
}