@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: 1200px;
}
section {
    min-width: 1200px;
}
footer {
    min-width: 1200px;
}
.mv_block {
    width: 100%;
    height: 520px;
    text-align: center;
    background: url(../img/proinstructor/mv_pc.jpg);
    background-position: center top;
    background-size: cover;
    background-repeat: repeat-x;
    position: relative;
    margin: 0 auto 70px;
}
.mv_block img.pc {
    position: absolute;
    top: 150px;
    left: calc((100% - 796px) / 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/proinstructor/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/proinstructor/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/proinstructor/ba-01.png);
    background-size: contain;
    background-repeat: no-repeat;
    vertical-align: middle;
}
section.green {
    background-color: #e1f2e6;
    background-image: url("../img/proinstructor/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/proinstructor/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/proinstructor/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/proinstructor/bg-place-01.png), url(../img/proinstructor/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/proinstructor/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/proinstructor/bg-lesson_pc.png");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: cover;
    padding: 80px 0 90px;
}
.lesson02_block.short {
    width: 100%;
    padding: 110px 0 130px;
    margin: 0 auto;
    background-color: #636363;
    background-image: url(../img/proinstructor/bg-black_pc.jpg);
    background-repeat: repeat;
    background-position: center top;
    text-align: center;
    background-size: contain;
}
.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/proinstructor/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/proinstructor/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: 0;
    background: none;
}
.lesson02_block .box img {
    width: 430px;
    float: right;
}
.lesson02_block.short .box img {
    width: 425px;
    float: left;
}
.lesson02_block .box:nth-child(3) img {
    float: left;
}
.lesson02_block .box:nth-child(3) h3 {
    float: right;
}
.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% - 490px);
    padding: 0;
    color: #fff;
    font-weight: normal;
}
.lesson02_block.short .box p span {
    color: #cc0000;
}
.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/proinstructor/bg-trial_pc.jpg");
    background-repeat: no-repeat;
    background-position: top center;
    background-size: cover;
}
.trial_block {
    width: 100%;
    margin: 0 auto;
    background: none;
}
.trial_block .in {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    font-size: 0;
    padding: 130px 0 120px;
    text-align: center;
    background: none;
}
.trial_block .in h2 {
    font-size: 68px;
    font-weight: 900;
    font-style: italic;
    color: #fff;
    margin-bottom: 20px;
    text-shadow: none;
}
.trial_block .in h2 span.ls.v02 {
    letter-spacing: -0.3em;
}
.trial_block .in h2 span.box {
    display: inline-block;
    background: rgb(205, 0, 0);
    background: linear-gradient(90deg, rgba(205, 0, 0, 1) 0%, rgba(255, 26, 0, 1) 100%);
    padding: 8px 20px 15px;
    margin-bottom: 10px;
}
.trial_block .in h2 span.box:first-child {
    font-size: 56px;
}
.trial_block .in h2 span.box:last-child {
    font-size: 68px;
    padding: 8px 20px 18px;
}
.trial_block .in h2 span.box:last-child span.ls {
    font-size: 68px;
    display: inline;
    letter-spacing: -0.12em;
}
.trial_block .in h2 span.lar {
    font-size: 68px;
    display: inline;
}
.trial_block .in h2 + h2 span.lar {
    font-size: 65px;
    display: inline;
}
.trial_block .in img {
    float: none !important;
    margin-top: 0 !important;
    margin-right: 0 !important;
    height: auto !important;
    width: auto !important;
    position: inherit !important;
}
.trial_block .in .text {
    width: 100%;
    text-align: center;
}
.trial_block .in .text p:last-child {
    font-size: 20px;
    font-weight: 600;
    font-style: normal;
    line-height: 1.5;
    margin-bottom: 0;
    text-align: center;
    text-indent: 0;
    padding-left: 0;
    padding-top: 0;
    color: #fff;
}
.trial_block .in .text button {
    width: 630px;
    height: 120px;
    background-image: url(../img/proinstructor/btn-01_pc.png);
    background-position: 0 10px;
    background-repeat: no-repeat;
    background-size: contain;
}
.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;
    display: none;
}
.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: 33px;
    font-weight: 700;
    font-style: normal;
    color: #fff;
    display: inline-block;
    vertical-align: middle;
    line-height: 1;
    letter-spacing: 0;
}
.trial_block .in .text button span span:first-child {
    display: inline;
    letter-spacing: -0.08em;
}
.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 {
    width: 100%;
    position: relative;
    padding: 100px 0 90px;
    background-color: #636363;
    background-image: url(../img/proinstructor/bg-grey_pc.jpg);
    background-repeat: repeat;
    background-position: center top;
    text-align: center;
    background-size: contain;
}
.coach .wm {
    position: absolute;
    top: -37px;
    left: calc(50% - 560px);
    font-size: 86px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: italic;
    color: #5b5b5c;
    opacity: 23%;
    mix-blend-mode: multiply;
    letter-spacing: -0.042em;
}
.coach_block {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    background: none;
}
.coach_block .in {
    margin: 0 auto;
    border: none;
    background-color: transparent;
    padding: 0;
}
.coach_block .in h2 {
    font-size: 84px;
    font-weight: 800;
    font-style: italic;
    color: #fff;
    margin-bottom: 80px;
    height: auto;
    width: auto;
    background: none;
    padding: 0;
    line-height: 1.2;
}
.coach_block .in h2 span {
    display: block;
    font-size: 56px;
    margin-bottom: 5px;
}
.coach_block .in h2 span span {
    display: inline-block;
    font-size: 64px;
}
.coach_block .in h3 {
    font-size: 29px !important;
    margin-top: -8px;
}
.swiper-slide {
    height: 285px !important;
    padding: 40px 30px 0;
    margin: 0 3.8% 40px 0;
}
.swiper-slide .box {
    background: url("../img/proinstructor/img-coach-01.png");
    background-size: 195px auto !important;
    padding: 0 0 0 220px;
}
.swiper-slide .box.v02 {
    background: url("../img/proinstructor/img-coach-02.png");
}
.swiper-slide .box.v03 {
    background: url("../img/proinstructor/img-coach-03.png");
}
.swiper-slide .box.v04 {
    background: url("../img/proinstructor/img-coach-04.png");
}
.swiper-pagination-bullet-active {
    background: #0347ac !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 .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 .box {
    width: 23.5%;
    margin: 0 2% 0 0;
    display: inline-block;
    vertical-align: top;
    background-color: #e6edf7;
    border: none;
    padding: 0;
    position: relative;
}
.flow_block .box:nth-child(4) {
    margin: 0 0 0 0;
}
.flow_block .box .item {
    width: 100%;
    background-color: #e6edf7;
    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: #becfe9;
}
.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: #0d4dad;
    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: 100%;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 50px 30px 80px;
    background-image: url("../img/proinstructor/bg-contact-01_pc.png");
    background-position: top center;
    background-repeat: no-repeat;
    background-size: cover;
}
.contact_block.mb0 {
    margin: 0 auto 50px;
}
.contact_block .box {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0;
}
.contact_block .box:first-child {
    width: 100%;
    padding: 0 0 0 395px;
    background-image: url(../img/proinstructor/bg-contact-02_pc.png);
    background-position: left 60px bottom 18px;
    background-repeat: no-repeat;
    background-size: 307px auto;
    text-align: left;
}
.contact_block .box h2 {
    font-size: 38px;
    font-weight: 900;
    font-style: italic;
    background: none;
    display: inline-block;
    padding-bottom: 0;
    margin-bottom: 10px;
    letter-spacing: -0.03em;
    padding-top: 25px;
}
.contact_block .box h2 span:first-child, .contact_block .box h2 span:last-child {
    font-size: 38px;
    letter-spacing: -0.15em;
}
.contact_block .box h2 span:nth-child(2) {
    font-size: 50px;
    letter-spacing: 0;
}
.contact_block .box h2 + p {
    font-size: 25px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    margin-bottom: 0;
    text-shadow: 2px 1px rgba(255, 255, 255, 1);
}
.contact_block .box h2 + p span {
    display: inline-block;
}
.contact_block .box h2 + img {
    margin-bottom: 3px;
}
.contact_block .box:first-child div:last-child {
    width: 650px;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}
.contact_block .box a[href^="tel:"] img {
    width: 50px;
    margin: 0 10px 15px 0;
}
.contact_block .box a {
    width: auto;
    font-size: 56px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 900;
    font-style: normal;
    color: #303030;
    letter-spacing: -0.01em;
    line-height: 1;
    text-shadow: 3px 3px 0px rgba(255, 255, 255, 1);
}
.contact_block .box p {
    width: 650px;
    text-align: center;
    font-size: 19px;
    font-weight: 500;
    color: #fff;
    background-color: #252525;
    letter-spacing: 0.1em;
    line-height: 1;
    padding: 5px 0 8px;
    margin-bottom: 8px;
}
.contact_block .box p:last-child {
    width: auto;
    font-size: 19px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-style: normal;
    padding-top: 5px;
    padding-bottom: 0;
    margin-bottom: 25px;
    text-shadow: 2px 0 rgba(255, 255, 255, 1);
    background: none;
    color: #252525;
    line-height: 1.3;
    letter-spacing: 0.05em;
}
.contact_block .box:last-child .btn.blue {
    float: left;
    width: 49%;
    max-width: 538px;
    height: 90px;
    background: #0d4dad;
    position: relative;
    display: inline-block;
    border-radius: 0;
    padding: 0;
    box-shadow: none;
    margin-right: 20px;
}
.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;
    display: none;
}
.contact_block .box:last-child .btn.org {
    float: right;
    width: 49%;
    max-width: 538px;
    height: 90px;
    background: #29a363;
    position: relative;
    display: inline-block;
    border-radius: 0;
    padding: 0;
    box-shadow: 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;
    display: none;
}
.contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
    display: block;
    color: #fff;
    font-size: 33px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: normal;
    text-decoration: none;
    line-height: 75px;
    padding: 0 0 0 0;
    text-align: center;
    position: relative;
    text-shadow: none;
}
.contact_block .box:last-child .btn.blue a span, .contact_block .box:last-child .btn.org a span {
    display: inline-block;
    vertical-align: middle;
}
.contact_block .box:last-child .btn.blue a span span {
    display: inline-block;
    vertical-align: top;
    letter-spacing: -0.12em;
}
.contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
    width: 46px;
    margin: 3px 0 0 10px;
    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%;
    padding: 110px 0 0;
    margin: 0 auto;
    background-color: #636363;
    background-image: url(../img/proinstructor/bg-price_pc.jpg), url(../img/proinstructor/bg-black_pc.jpg);
    background-repeat: no-repeat, repeat;
    background-position: center top, center top;
    background-size: contain;
    text-align: center;
}
.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: 0;
}
.price_block h2 {
    font-size: 65px;
    font-weight: 800;
    line-height: 1.35;
    color: #fff;
    margin-bottom: 30px;
}
.price_block h2 span:first-child {
    display: block;
    font-size: 41px;
    font-weight: 600;
}
.price_block h2 span:last-child {
    display: inline;
    letter-spacing: -0.1em;
}
.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 h2 + p {
    font-size: 32px;
    font-weight: 600;
    color: #fff;
    margin-bottom: 18px;
}
.price_block h2 + p span {
    display: inline-block;
}
.price_block .inlink {
    max-width: 1040px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto 100px;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
}
.price_block .inlink a {
    display: inline-block;
    width: 32%;
    text-align: center;
    background-color: #000;
    color: #fff !important;
    font-size: 21px;
    font-weight: bold;
    font-style: italic;
    padding: 8px 0;
    clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
}
.price_block .inlink a.v01 {
    background: rgb(71, 215, 255);
    background: linear-gradient(90deg, rgba(71, 215, 255, 1) 0%, rgba(30, 183, 242, 1) 50%, rgba(0, 160, 233, 1) 100%);
}
.price_block .inlink a.v02 {
    background: rgb(154, 225, 102);
    background: linear-gradient(90deg, rgba(154, 225, 102, 1) 0%, rgba(120, 209, 56, 1) 50%, rgba(88, 193, 12, 1) 100%);
}
.price_block .inlink a.v03 {
    background: rgb(205, 0, 0);
    background: linear-gradient(90deg, rgba(205, 0, 0, 1) 0%, rgba(233, 14, 0, 1) 50%, rgba(255, 26, 0, 1) 100%);
}
.price_block .inlink a span {
    position: relative;
    padding: 0 23px 0 0;
    letter-spacing: -0.03em;
}
.price_block .inlink a span::after {
    position: absolute;
    content: "";
    width: 12px;
    height: 12px;
    top: 8px;
    right: 0;
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
.price_block .in {
    max-width: 1160px;
    width: 100%;
    margin: 0 auto;
    padding: 0 30px;
    border-radius: 0;
}
.price_block .in.v02 {
    max-width: 100%;
    background-color: rgba(255, 255, 255, 0.1);
    padding: 55px 30px 45px;
    position: relative;
    margin: 140px 0 0;
}
.price_block .in.v02 h4 {
    position: absolute;
    top: -30px;
    left: calc((100% - 330px) / 2);
    background: #252525 !important;
    color: #fff;
    font-size: 29px;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    max-width: 350px;
    width: 100%;
    padding: 10px 0 15px;
    text-align: center;
    border-radius: 0;
    clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
}
.price_block .in.v02 ul {
    max-width: 1050px;
    width: 100%;
    margin: 0 auto;
}
.price_block .in.v02 ul li {
    font-size: 21px;
    font-weight: normal;
    color: #fff;
    text-align: left;
    line-height: 1.3;
    margin-bottom: 5px;
    list-style: disc;
}
.price_block .in.v02 ul li:last-child {
    margin-bottom: 0;
}
.price_block .in h3 {
    font-size: 43px;
    font-weight: 900;
    font-style: italic;
    max-width: 660px;
    width: 100%;
    padding: 15px 0 20px;
    line-height: 1;
    color: #fff;
    clip-path: polygon(3% 0, 100% 0, 100% 65%, 97% 100%, 0 100%, 0 35%);
    margin: 0 auto 30px;
}
.price_block .in h3#technical {
    background: rgb(71, 215, 255);
    background: linear-gradient(90deg, rgba(71, 215, 255, 1) 0%, rgba(30, 183, 242, 1) 50%, rgba(0, 160, 233, 1) 100%);
}
.price_block .in h3#support {
    background: rgb(154, 225, 102);
    background: linear-gradient(90deg, rgba(154, 225, 102, 1) 0%, rgba(120, 209, 56, 1) 50%, rgba(88, 193, 12, 1) 100%);
}
.price_block .in h3#instructor {
    background: rgb(205, 0, 0);
    background: linear-gradient(90deg, rgba(205, 0, 0, 1) 0%, rgba(233, 14, 0, 1) 50%, rgba(255, 26, 0, 1) 100%);
}
.price_block .in h3 + p {
    font-size: 21px;
    color: #fff;
    margin-bottom: 35px;
}
.price_block .in h3 + p + p {
    font-size: 18px;
    color: #fff;
    margin-top: -25px;
    margin-bottom: 35px;
}
.price_block .in img {
    margin-bottom: 75px;
}
.price_block .in .box {
    max-width: 980px;
    width: 100%;
    margin: 0 auto 130px;
    padding: 0 !important;
    font-size: 0;
    text-align: center;
    border: 1px solid #fff;
    background: none;
}
.price_block .in .box:last-child {
    margin-bottom: 0;
}
.price_block .in .box .type {
    color: #fff;
    display: flex;
    align-items: center;
    text-align: left;
    padding: 10px 30px 15px;
    border-bottom: 1px solid;
    line-height: 1;
}
.price_block .in .box .type:last-child {
    border-bottom: none;
}
.price_block .in .box .type .nm {
    display: inline-block;
    font-size: 25px;
    width: 35%;
}
.price_block .in .box .type .hour {
    display: inline-block;
    font-size: 19px;
    width: 40%;
}
.price_block .in .box .type .price {
    display: inline-block;
    font-size: 50px;
    font-weight: bold;
}
.price_block .in .box .type .price span:first-child {
    font-size: 34px;
}
.price_block .in .box .type .price span:last-child {
    font-size: 27px;
    font-weight: 900;
    padding-left: 3px;
}
.price_block .in .box h4, .lesson02_block .box h3 {
    background: #252525 !important;
    color: #fff;
    font-size: 29px;
    font-weight: 800;
    font-style: normal;
    line-height: 1;
    max-width: 330px;
    margin: -30px auto -5px;
    padding: 10px 0 15px;
    text-align: center;
    border-radius: 0;
    clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
}
.lesson02_block .box h3 {
    font-size: 36px;
    font-weight: 800;
    font-style: italic;
    max-width: 470px;
    margin: 0 auto 45px;
    padding: 18px 0 23px;
    clip-path: polygon(5% 0, 100% 0, 100% 70%, 95% 100%, 0 100%, 0 30%);
    background: rgb(255, 173, 86);
    background: linear-gradient(90deg, rgba(255, 173, 86, 1) 0%, rgba(255, 143, 42, 1) 50%, rgba(255, 114, 0, 1) 100%) !important;
}
.price_block .in .box h4 span {
    display: inline;
    letter-spacing: 0;
}
.price_block .in .box h4 span span, .lesson02_block .box h3 span:first-child {
    letter-spacing: -0.08em;
    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:last-child p span:nth-child(2) {
    padding: 0 0 0 6px;
}
.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 .in {
    max-width: 1130px;
    width: 100%;
    margin: 0 auto;
    padding: 80px 15px 110px;
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.outcome_block .in .box {
    display: inline-block;
    width: 47.5%;
    margin: 0 5% 0 0;
    vertical-align: top;
    background-image: url(../img/proinstructor/bg-outcome-04.png);
    background-repeat: no-repeat;
    background-position: bottom;
    background-size: 100% auto;
    text-align: center;
    padding: 0 40px 50px;
    border: 7px solid #194dba;
    box-shadow: 10px 10px 0px 0px rgba(25, 77, 186, 1);
}
.outcome_block .in .box:last-child {
    margin: 0;
}
.outcome_block .in .box .updown {
    background-image: url(../img/proinstructor/bg-outcome-02.png), url(../img/proinstructor/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: 100%;
    margin: 0 auto 30px;
}
.outcome_block .in .box h3 {
    font-size: 35px;
    font-weight: bold;
    font-style: normal;
    background-color: #fff;
    margin: -40px auto 25px;
    display: inline-block;
    padding: 0 15px;
    line-height: 1.3;
}
.outcome_block .in .box h3 span {
    display: inline-block;
}
.outcome_block .in .box h3 + img {
    width: 100%;
    margin: 0 auto 30px;
}
.outcome_block .in .box h4 {
    font-size: 23px;
    font-weight: bold;
    font-style: normal;
    text-align: left;
    margin-bottom: 35px;
    background-color: #d1ddf7;
    padding: 10px;
}
.outcome_block .in .box h4 span {
    display: inline-block;
}
.outcome_block .in .box p {
    font-size: 23px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    line-height: 1.45;
    text-align: left;
}
.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 {
    font-size: 66px;
    font-weight: 800;
    font-style: italic;
    line-height: 1.25;
    padding: 35px 30px 40px;
    margin-bottom: 65px;
    background-color: #636363;
    background-image: url(../img/proinstructor/bg-black_pc.jpg);
    background-repeat: repeat;
    background-position: center top;
    text-align: center;
    background-size: contain;
}
.qa_block h2::after {
    display: none;
}
.qa_block h2 span {
    display: block;
    font-size: 51px;
}
.qa_block h2 span span {
    display: inline-block;
}
.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: #e3e4e5;
}
.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: 55px;
    height: 55px;
    line-height: 1.3;
    margin-top: -10px;
    margin-bottom: -10px;
    background-color: #636363;
    background-image: url(../img/proinstructor/bg-black_pc.jpg);
    background-repeat: repeat;
    background-position: center top;
    text-align: center;
    background-size: contain;
}
.s_01 .accordion_one .accordion_header span + p {
    display: none;
}
.s_01 .accordion_one .accordion_header p {
    float: right;
    width: calc(100% - 70px);
    text-align: left;
    margin-bottom: 0;
    line-height: 1.5;
    font-size: 21px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
}
.s_01 .accordion_one .accordion_header .i_box {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    top: 50%;
    right: 20px;
    width: 35px;
    height: 35px;
    margin-top: -17.5px;
    box-sizing: border-box;
    transform-origin: center center;
    transition-duration: 0.2s;
    background: #353535;
    border-radius: 50%;
}
.s_01 .accordion_one .accordion_header .i_box .one_i {
    display: block;
    width: 18px;
    height: 18px;
    transform-origin: center center;
    transition-duration: 0.2s;
    position: relative;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before, .s_01 .accordion_one .accordion_header .i_box .one_i:after {
    display: flex;
    content: '';
    background-color: #e7eef5;
    border-radius: 10px;
    width: 18px;
    height: 4px;
    position: absolute;
    top: 7px;
    left: 0;
    transform-origin: center center;
}
.s_01 .accordion_one .accordion_header .i_box .one_i:before {
    width: 4px;
    height: 18px;
    top: 0;
    left: 7px;
}
.s_01 .accordion_one .accordion_header.open .i_box .one_i:before {
    content: none;
}
.s_01 .accordion_one .accordion_inner {
    display: none;
    padding: 5px 25px 25px;
}
.s_01 .accordion_one .accordion_inner .box_one {
    height: auto;
    background-color: #fff;
    padding: 15px 25px 20px;
}
.s_01 .accordion_one .accordion_inner .box_one span {
    color: #a60000;
    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;
}
.tp {
    width: 100%;
    margin: 0 auto;
    padding: 90px 0 110px;
    background-color: #a60000;
    background-image: url("../img/proinstructor/bg-basic-01_pc.jpg");
    background-repeat: no-repeat;
    background-position: center top;
    background-size: contain;
}
.tp_block {
    max-width: 1160px;
    width: 100%;
    padding: 0 30px;
    margin: 0 auto;
    text-align: center;
}
.tp_block h2 {
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 800;
    font-style: normal;
    font-size: 65px;
    color: #fff;
    margin-bottom: 60px;
    position: relative;
    line-height: 1.35;
}
.tp_block h2::before {
    content: "";
    width: 88px;
    height: 160px;
    background-image: url(../img/proinstructor/ba-basic-01_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5px;
    left: calc(50% - 450px);
    display: none !important;
}
.tp_block h2::after {
    content: "";
    width: 88px;
    height: 160px;
    background-image: url(../img/proinstructor/ba-basic-02_pc.png);
    background-size: contain;
    background-repeat: no-repeat;
    position: absolute;
    bottom: 5px;
    right: calc(50% - 450px);
    display: none !important;
}
.tp_block h2 span {
    font-size: 41px;
    display: block;
    font-weight: 700;
}
.tp_block h4 {
    font-size: 44px;
    font-weight: bold;
    color: #fff;
    margin-bottom: 30px;
}
.tp_block p {
    font-size: 22px;
    text-align: left;
    margin-bottom: 40px;
}
.tp_block .points, .tp_block .sports {
    padding: 0;
    margin: 0;
    font-size: 0;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: flex;
    justify-content: space-between;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
}
.tp_block .points {
    margin-bottom: 70px;
}
.tp_block .points .box {
    background-color: rgba(255, 255, 255, 0.9);
    display: inline-block;
    width: 23%;
    padding: 40px 15px;
    color: #252525;
}
.tp_block .points .box h3 {
    font-size: 34px;
    font-weight: 900;
    font-style: italic;
    margin-left: -7px;
    background-image: url("../img/proinstructor/bg-basic-02.png");
    background-position: left 5px bottom;
    background-repeat: no-repeat;
    background-size: contain;
    padding-bottom: 15px;
    margin-bottom: 20px;
}
.tp_block .points .box:nth-child(3) h3 {
    letter-spacing: -0.03em;
}
.tp_block .points .box h3 span {
    display: inline-block;
    letter-spacing: -0.1em;
}
.tp_block .points .box p {
    font-size: 27px;
    font-weight: 900;
    font-style: italic;
    margin-bottom: 0;
    padding-left: 12px;
    margin-right: -12px;
}
.tp_block .sports .box {
    display: inline-block;
    width: 23.6%;
    margin: 0 0 30px;
    position: relative;
}
.tp_block .sports .box img {
    width: 100%;
}
.tp_block .sports .box h5 {
    position: absolute;
    width: 100%;
    bottom: 0;
    text-align: center;
    font-size: 23px;
    color: #fff;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 500;
    font-style: normal;
    padding: 12px 0;
    background: rgba(27, 27, 27, 0.8);
}
.tp_block .sports .box.v06 h3 {
    letter-spacing: -0.05em;
}
.tp_block .sports .box.v06 h3 span {
    letter-spacing: -0.2em;
}
.isc {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.isc h2 span.thin {
    display: inline;
    font-size: 100px;
    font-weight: 100;
}
.isc_block {
    width: 100%;
    background-image: url("../img/proinstructor/bg-isc.jpg");
    background-repeat: repeat;
    background-position: top center;
    background-size: auto;
    margin: -350px 0 50px;
}
.isc_block .in {
    max-width: 1100px;
    width: 100%;
    margin: 0 auto;
    background-color: #fff;
    padding: 380px 30px 10px;
}
.isc_block .in .box {
    margin: 0 auto 30px;
}
.isc_block .in .box img {
    float: left;
    padding-top: 50px;
}
.isc_block .in .box:last-child img {
    float: right;
    margin: 0 !important;
}
.isc_block .in .box .text {
    float: right;
    width: calc(100% - 580px);
    text-align: left;
}
.isc_block .in .box:last-child .text {
    float: left;
}
.isc_block .in .box .text h3 {
    display: inline-block;
    font-family: 'Zen Old Mincho', serif;
    font-size: 60px;
    font-weight: 900;
    line-height: 1.1;
    border-bottom: 3px solid;
    padding-bottom: 20px;
    margin-bottom: 30px;
    text-shadow: 2px 3px 2px rgba(0, 0, 0, 0.23);
    position: relative;
}
.isc_block .in .box:last-child .text h3 {
    font-size: 57px;
    padding-bottom: 30px;
}
.isc_block .in .box .text h3::after {
    content: "";
    width: 100%;
    height: 2px;
    background-color: #939393;
    position: absolute;
    left: 0;
    bottom: -5px;
}
.isc_block .in .box .text h3 span {
    display: inline-block;
}
.isc_block .in .box .text h3 span span {
    display: inline;
    font-size: 53px;
}
.isc_block .in .box:last-child .text h3 span span {
    font-size: 50px;
}
.isc_block .in .box .text h3 span span.ls {
    display: inline;
    font-size: 60px;
    letter-spacing: -0.25em;
}
.isc_block .in .box .text p {
    font-size: 22px;
    margin-bottom: 30px;
}
.isc_block .in .box:last-child .text p {
    margin-bottom: 0;
}
.isc_block .in .box .text img {
    float: right;
    margin: 0 -30px 0 0;
    padding-top: 0;
}
.isc_block .in .box:last-child img {
    margin: 0 30px 0 0;
}
.flow_block {
    width: 100%;
    text-align: center;
    position: relative;
    padding: 100px 0 60px;
    background: none;
}
.flow_block h2 {
    font-size: 84px;
    font-weight: 900;
    font-style: italic;
    letter-spacing: -0.03em;
    margin-bottom: 110px;
}
.merit_block .wm, .flow_block .wm {
    position: absolute;
    top: -40px;
    left: calc(50% - 560px);
    font-size: 88.5px;
    font-family: "Noto Sans JP", sans-serif;
    font-weight: 700;
    font-style: italic;
    color: #5b5b5c;
    opacity: 11%;
    mix-blend-mode: multiply;
    letter-spacing: 0.03em;
}
.flow_block .wm {
    letter-spacing: 0.045em;
}
.merit_block .wm span, .flow_block .wm span {
    display: inline-block;
    font-size: 82px;
}
.merit_block h2 span, .flow_block h2 span {
    display: inline-block;
    font-size: 85px;
    padding-bottom: 10px;
    border-bottom: 8px solid #194dba;
    margin-left: 5px;
}
.flow_block h2 span {
    margin-left: 10px;
    padding-bottom: 15px;
}
.flow_block h2 span.ls {
    display: inline;
    font-size: 53px;
    letter-spacing: -0.1em;
    padding-bottom: 0;
    border-bottom: none;
    margin-left: 0;
}
.merit_block h2 span span {
    display: inline;
    vertical-align: top;
    letter-spacing: -0.18em;
    border-bottom: none;
    padding-bottom: 0;
    margin-left: 0;
}
.flow_block h2 span span {
    display: inline;
    font-size: 53px;
    vertical-align: baseline;
    border-bottom: none;
    padding-bottom: 0;
    margin-right: -2px;
    margin-left: 5px;
}
.merit_block .in {
    max-width: 1460px;
    width: 100%;
    padding: 50px 50px 0;
    background-image: url("../img/proinstructor/bg-merit-01.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: auto;
    margin: 0 auto 90px;
}
.merit_block .in.v02 {
    background-image: url("../img/proinstructor/bg-merit-02.jpg");
    background-position: right top;
}
.merit_block .in.v03 {
    background-image: url("../img/proinstructor/bg-merit-03.jpg");
    margin-bottom: 0;
}
.merit_block .in .box {
    width: 1100px;
    height: 710px;
    margin: 0 auto;
    background-image: url("../img/proinstructor/img-merit-01_pc.jpg");
    background-repeat: no-repeat;
    background-position: left top;
    background-size: cover;
}
.merit_block .in.v02 .box {
    background-image: url("../img/proinstructor/img-merit-02_pc.jpg");
}
.merit_block .in.v03 .box {
    background-image: url("../img/proinstructor/img-merit-03_pc.jpg");
}
.merit_block .in .box .text {
    width: 50%;
    float: right;
    height: 710px;
    background-color: rgba(48, 48, 48, 0.74);
    text-align: center;
    padding: 70px 0 0;
}
.merit_block .in .box .text .num {
    margin-bottom: 40px;
}
.merit_block .in .box .text h3 {
    font-size: 39px;
    font-weight: bold;
    font-style: italic;
    color: #fff;
    margin-bottom: 30px;
    text-align: left;
    padding: 0 60px;
}
.merit_block .in .box .text p {
    font-size: 22px;
    font-weight: bold;
    color: #fff;
    text-align: left;
    padding: 0 60px;
}
/*----------------------------
  レスポンシブ
-----------------------------*/
@media screen and (max-width: 820px) {
    .onayami_block {
        background-image: url(../img/proinstructor/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: 80px 30px 0;
        background-size: 57vw auto;
        background-position: right -5vw top 305px;
    }
    .trial_block .in h2 span {
        font-size: 5.7vw;
    }
    .trial_block .in .text {
        width: calc(100% + 4vw);
        margin-left: -2vw;
    }
    .trial_block .in .text button {
        width: 100%;
        height: 145px;
    }
    .coach_block {
        margin: 0;
        padding: 0;
        width: 100%;
    }
    .coach_block h2 {
        text-align: center;
        margin: 0 auto;
    }
    .coach_block h3 {
        margin: 0 auto 50px;
    }
    .flow_block {
        padding: 60px 30px 90px;
        margin: 0 auto;
    }
    .flow_block h2 {
        font-size: 8.5vw;
        margin-bottom: 85px;
        margin-left: -15px;
    }
    .flow_block .box {
        margin: 0 auto 85px;
        width: 100%;
        float: none;
        background-position: 18px 18px;
        padding-bottom: 0;
    }
    .flow_block .box .item {
        width: 100%;
        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: 5.3vw;
    }
    .contact_block .box h2 span {
        font-size: 7vw;
    }
    .contact_block .box h2 span:first-child, .contact_block .box h2 span:last-child {
        font-size: 5.3vw;
    }
    .contact_block .box h2 + img + img {
        margin-right: 30px;
        width: calc(100% - 30px);
    }
    .contact_block .box h2 + p {
        font-size: 3.2vw;
        line-height: 1.3;
        display: none;
    }
    .contact_block .box h2 + p span {
        display: block;
    }
    .contact_block .box h2 + p span:first-child {
        display: inline;
    }
    .contact_block .box:last-child .btn.blue {
        max-width: 49%;
        width: 100%;
        height: 100px;
        margin-right: 0;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 1.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;
    }
    .price_block .in .box:last-child ul {
        padding: 0;
        padding-left: 30px;
    }
    .voice_block .in .box .bg h3 {
        text-align: left;
    }
    .voice_block .in .box .bg h3 img {
        margin-right: 0;
    }
    .voice_block .in .box:nth-child(2n) .bg h3 {
        text-align: right;
    }
    .voice_block .in .box:nth-child(2n) .bg h3 img {
        margin-left: 0;
    }
    .lesson_block .in .box {
        width: 32%;
        margin-right: 2%;
    }
    .contact_block .box:last-child .btn.blue a img {
        vertical-align: super;
    }
    .contact_block .box:last-child .btn.org a img {
        vertical-align: middle;
    }
    .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 h2 span, .merit_block h2 span {
        margin-left: 0;
        padding-bottom: 15px;
        padding-top: 8px;
    }
    .flow_block .box .num {
        left: calc(50% - 35px);
        top: -35px;
    }
    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/proinstructor/bg-trial_sp.jpg);
        padding-bottom: 80px;
    }
    .trial_block {
        background-image: none;
    }
    .trial_block .in h2 span.ls {
        font-size: 15vw;
    }
    .trial_block .in h2 span.box:last-child {
        font-size: 8vw;
        padding: 5px 20px 15px;
    }
    .trial_block .in h2 span.box:last-child span.ls {
        font-size: 8vw;
    }
    .trial_block .in .text p:last-child {
        font-size: 4.2vw;
        font-weight: 500;
        line-height: 1.3;
    }
    .trial_block .in .text p:last-child br {
        display: block;
    }
    .trial_block .in .text button img {
        width: 35px !important;
        margin: -5px 0 0 15px !important;
    }
    .trial_block .in .text button span {
        font-size: 5.6vw;
        margin-top: -12px;
    }
    .trial_block .in .text button span span {
        margin-top: 0;
    }
    .trial_block .in .text button span span:first-child {
        letter-spacing: -0.15em;
    }
    .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% - 41px);
        top: -35px;
        font-size: 58px;
        width: 82px;
        height: 82px;
        line-height: 82px;
        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-image: url(../img/proinstructor/bg-contact-01_sp.png);
        background-position: top center;
        background-size: cover;
        padding: 70px 0 90px;
        margin: 0 auto;
    }
    .contact_block.mb0 {
        margin: 0 auto -20px;
    }
    .contact_block .box h2 {
        margin-top: 0;
        padding-top: 10px;
        margin-bottom: 15px;
        line-height: 1.1;
    }
    .contact_block .box:first-child {
        background-image: url(../img/proinstructor/bg-contact-02_sp.png);
        background-position: left -10px top;
        background-size: 38vw auto;
        min-height: auto;
        padding-bottom: 25px;
        padding-left: 0;
    }
    .contact_block .box:first-child div:first-child {
        margin-left: 38vw;
    }
    .contact_block .box p {
        width: calc(100% - 60px);
        font-size: 3.5vw;
        letter-spacing: 0.05em;
        padding: 8px 0 10px;
        margin: 0 auto 15px;
    }
    .contact_block .box:last-child {
        padding: 0 30px;
    }
    .contact_block .box:first-child div:last-child {
        width: calc(100% - 60px);
        margin: 0 auto;
    }
    .contact_block .box a {
        font-size: 8.3vw;
        padding: 0;
        margin: 0;
        letter-spacing: -0.04em;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 7vw;
        background: #fff;
        margin: 0 12px 8px 0;
        text-shadow: 3px 3px 0px rgba(255, 255, 255, 1);
    }
    .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 span br {
        display: none;
    }
    .contact_block .box a + p span:last-child {
        display: block;
    }
    .contact_block .box p:last-child {
        font-size: 3vw;
        margin: 0;
        line-height: 1.2;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 8px 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a span {
        display: block;
        width: auto;
        float: left;
        margin: 0 0 0 11%;
        text-align: left;
    }
    .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: 17px 0 0 10px;
    }
    .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: 3px 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 .inlink {
        margin: 0 auto 60px;
        width: 75%;
        justify-content: center;
    }
    .price_block .inlink a {
        width: 100%;
        font-size: 27px;
        font-weight: 800;
        padding: 11px 0;
        clip-path: polygon(3% 0, 100% 0, 100% 65%, 97% 100%, 0 100%, 0 35%);
        margin-bottom: 20px;
    }
    .price_block .inlink a span {
        padding: 0 35px 0 0;
        letter-spacing: 0;
    }
    .price_block .inlink a span::after {
        width: 18px;
        height: 18px;
        top: 10px;
        border-top: 6px solid #fff;
        border-right: 6px solid #fff;
    }
    .price_block .in h3 {
        max-width: 100%;
    }
    .price_block .in h3 + p {
        font-size: 3.7vw;
        font-weight: 400;
        line-height: 1.3;
    }
    .price_block .in h3 + p + p {
        font-size: 21px;
        font-weight: 400;
        line-height: 1.3;
        padding-left: 21px;
        text-indent: -21px;
        margin-top: -12px;
        margin-bottom: 40px;
        text-align: left;
    }
    .price_block .in img {
        margin-bottom: 85px;
        width: 100%;
    }
    .price_block .in .box {
        margin: 0 auto 110px;
    }
    .price_block .in .box h4 {
        font-size: 34px;
        letter-spacing: 0.05em;
        margin: -40px auto 8px;
    }
    .price_block .in .box .type {
        padding: 10px 20px 12px;
        flex-wrap: wrap;
        justify-content: space-between;
    }
    .price_block .in .box .type:last-child {
        padding: 18px 20px 12px;
    }
    .price_block .in .box .type .nm {
        font-size: 30px;
        font-weight: 600;
        width: 65%;
    }
    .price_block .in .box .type .hour {
        font-size: 27px;
        font-weight: 400;
        padding-left: 30px;
        width: 65%;
    }
    .price_block .in .box .type .hour span {
        display: inline-block;
        margin-left: -1.5vw;
    }
    .price_block .in .box .type .price {
        font-weight: 600;
        width: 35%;
        text-align: right;
        line-height: 0.6;
        padding-bottom: 15px;
    }
    .price_block .in .box .type .price span:last-child {
        font-size: 23px;
        font-weight: 800;
    }
    .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;
    }
    .price_block .in.v02 {
        padding: 50px 30px 45px;
    }
    .price_block .in.v02 h4 {
        top: -40px;
        font-size: 34px;
        letter-spacing: 0.05em;
    }
    .price_block .in.v02 ul {
        width: calc(100% - 30px);
        margin-left: 30px;
    }
    .price_block .in.v02 ul li {
        font-size: 24px;
    }
    .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: 0;
        margin: 0 30px;
    }
    .coach_block .in h2 {
        margin: 0 auto 40px;
        font-size: 10.1vw;
        margin-left: -20px;
        letter-spacing: -0.05em;
    }
    .coach_block .in h2 span {
        font-size: 56px;
        font-size: 6.8vw;
        margin-left: 0;
        letter-spacing: -0.02em;
    }
    .coach_block .in h2 span span {
        font-size: 7.8vw;
    }
    .coach_block .in h2 span br:last-child {
        display: none;
    }
    .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/proinstructor/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 .box h3 {
        max-width: 100%;
        font-size: 43px;
        padding: 15px 0 20px;
        clip-path: polygon(3% 0, 100% 0, 100% 65%, 97% 100%, 0 100%, 0 35%);
        margin-bottom: 55px;
    }
    .lesson02_block .box img {
        width: 100%;
        float: none !important;
        margin-bottom: 35px;
    }
    .lesson02_block .box p {
        float: none !important;
        width: 100%;
        font-size: 24px;
    }
    .lesson02_block.short .box img {
        width: 75%;
        float: none;
    }
    .lesson02_block.short .box p {
        float: none;
        width: 100%;
        margin-top: 0;
        padding: 0;
        font-size: 26px;
    }
    .lesson02_block.short .box p br:last-child {
        display: none;
    }
    .point_block {
        background-image: url(../img/soccer/bg-point_sp.png);
    }
    .point_block .in .box h3 {
        font-size: 40px;
        padding: 0 0 15px;
        margin-bottom: 20px;
    }
    .point_block .in .box h3 br {
        display: none;
    }
    .point_block .in .box h3 span {
        display: inline-block;
    }
    .outcome_block {
        padding: 0 0 100px;
    }
    .outcome_block h2 {
        font-size: 9.3vw;
    }
    .outcome_block h2 span {
        font-size: 10vw;
    }
    .outcome_block .in {
        padding: 70px 48px 0 30px;
    }
    .outcome_block .in .box {
        display: block;
        width: 100%;
        margin: 0 auto 110px;
        padding: 0 40px 50px;
        border: 6px solid #194dba;
        box-shadow: 18px 22px 0px 0px rgba(25, 77, 186, 1);
    }
    .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: 39px;
    }
    .outcome_block .in .box h3 + img {
        max-width: 285px;
    }
    .outcome_block .in .box h4 {
        font-size: 29px;
        text-align: center;
        padding: 8px 15px 12px;
    }
    .outcome_block .in .box p {
        font-size: 24px;
        margin-top: 0;
    }
    .qa_block h2 {
        padding: 25px 0 30px;
        font-size: 10.1vw;
        background-image: url(../img/proinstructor/bg-black_sp.jpg);
    }
    .qa_block h2 span:first-child {
        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;
        letter-spacing: 0;
        height: 100px;
    }
    .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 {
        padding: 60px 0 90px;
        background-image: url(../img/proinstructor/bg-grey_sp.jpg);
    }
    .coach_block .in h3 {
        font-size: 46px !important;
        font-weight: 800 !important;
        margin-top: 0;
        margin-bottom: 330px !important;
    }
    .swiper-slide {
        height: auto !important;
        background-color: #fff;
        margin-bottom: 0 !important;
    }
    .swiper-slide .box {
        background-size: 285px auto !important;
        background-position: center top 78px !important;
        padding: 0;
    }
    .swiper-slide p {
        margin-bottom: 125px;
        padding: 0 20px;
        font-size: 30px;
        line-height: 1.4;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 50px !important;
    }
    .swiper-button-prev {
        background-image: url(../img/proinstructor/prev_btn.png) !important;
        left: 8px !important;
    }
    .swiper-button-next {
        background-image: url(../img/proinstructor/next_btn.png) !important;
        right: 8px !important;
    }
    .lesson02_block h2 {
        letter-spacing: -0.08em;
    }
    .price_block .bg h2 {
        margin-bottom: 30px;
    }
    .dot_block .bg-grey {
        padding: 60px 0 80px;
    }
    .tp {
        padding: 60px 0 60px;
        background-image: url(../img/proinstructor/bg-basic-01_sp.jpg);
    }
    .tp_block h2 {
        font-size: 8.1vw;
        margin-bottom: 60px;
    }
    .tp_block h2 span {
        font-size: 5vw;
    }
    .tp_block h2::before {
        width: 68px;
        height: 127px;
        background-image: url(../img/proinstructor/ba-basic-01_sp.png);
        bottom: 0;
        left: 0;
    }
    .tp_block h2::after {
        width: 68px;
        height: 127px;
        background-image: url(../img/proinstructor/ba-basic-02_sp.png);
        bottom: 0;
        right: 0;
    }
    .tp_block h4 {
        font-size: 8.1vw;
    }
    .tp_block p {
        font-size: 24px;
    }
    .tp_block .sports {
        padding: 0 30px;
    }
    .tp_block .sports .box {
        width: 47.9%;
    }
    .tp_block .sports .box.v10 {
        display: none;
    }
    .tp_block .sports .box h5 {
        font-size: 3.6vw;
        padding: 13px 0;
    }
    .tp_block .points {
        margin-bottom: 30px;
    }
    .tp_block .points .box {
        width: 48%;
        margin-bottom: 30px;
        padding: 35px 15px 50px;
    }
    .tp_block .points .box h3 {
        width: 92%;
        font-size: 5vw;
        padding-bottom: 22px;
        margin-bottom: 25px;
        margin: 0 auto 25px;
    }
    .tp_block .points .box p {
        font-size: 4.4vw;
        margin-right: 0;
    }
    .outcome_block h2, .qa_block h2 {
        margin-top: 0;
    }
    .isc h2 span:first-child, .price_block h2 span:first-child, .outcome_block h2 span:first-child, .qa_block h2 span:first-child {
        display: block;
        font-size: 5vw;
    }
    .isc h2 span:first-child {
        margin-bottom: -8px;
    }
    .qa_block h2 span:first-child span {
        font-size: 42px;
        font-size: 5.1vw;
    }
    .qa_block h2 span:first-child span:first-child {
        display: inline-block;
    }
    .isc h2 span.thin {
        display: inline-block;
        vertical-align: text-top;
        font-size: 91px;
    }
    .isc h2 span:last-child.thin {
        vertical-align: text-bottom;
    }
    .isc_block {
        margin: -150px 0 50px;
        padding: 0 30px;
    }
    .isc_block .in .box img {
        float: none;
        padding-top: 0;
        margin-left: -15px;
    }
    .isc_block .in .box:last-child img {
        float: none;
        margin-left: -15px !important;
    }
    .isc_block .in .box .text {
        float: none;
        width: 100%;
    }
    .isc_block .in .box .text h3 {
        display: block;
    }
    .merit_block .wm, .flow_block .wm {
        top: -27px;
        left: -1vw;
        font-size: 7.8vw;
        width: 100%;
    }
    .flow_block .wm {
        letter-spacing: 0.049em;
    }
    .merit_block .wm span, .flow_block .wm span {
        font-size: 7.5vw;
    }
    .merit_block .in {
        padding: 30px 20px 0;
    }
    .merit_block .in .box {
        width: 100%;
        height: auto;
        background: none;
    }
    .merit_block .in .box .text {
        width: 100%;
        float: none;
        height: auto;
        background-color: #5f5f5f;
        text-align: left;
        padding: 80px 45px 70px;
    }
    .merit_block .in .box .text .num {
        border: 4px solid #fff;
        padding: 15px 20px 12px;
    }
    .merit_block .in .box .text .num .lar {
        font-weight: bold;
        font-style: italic;
        font-size: 118px;
        line-height: 1;
        background-color: #5f5f5f;
        color: #fff;
        display: inline-block;
        margin: -90px 0 0;
    }
    .merit_block .in .box .text .num .sm {
        font-family: 'M PLUS Rounded 1c', sans-serif;
        font-weight: bold;
        font-style: italic;
        font-size: 17px;
        color: #fff;
        display: inline-block;
        float: right;
        letter-spacing: 0.05em;
        padding-top: 5px;
    }
    .merit_block .in .box .text h3 {
        padding: 0;
    }
    .merit_block .in .box .text h3 span {
        display: inline-block;
    }
    .merit_block .in .box .text p {
        font-size: 24px;
        padding: 0;
    }
    .coach .wm {
        top: -27px;
        left: 0;
        font-size: 7.55vw;
        width: 100%;
    }
    .isc_block .in {
        padding: 180px 30px 10px;
    }
    .isc_block .in .box .text h3 {
        font-size: 8vw;
    }
    .isc_block .in .box .text h3 span span {
        font-size: 8vw;
    }
    .isc_block .in .box .text h3 span span.ls {
        font-size: 8vw;
    }
    .isc_block .in .box .text h3 br {
        display: none;
    }
    .isc_block .in .box {
        margin: 0 auto 40px;
    }
    .isc_block .in .box:last-child {
        margin: 0 auto;
    }
    .isc_block .in .box .text p {
        font-size: 24px;
        margin-bottom: 40px;
    }
    .isc_block .in .box:last-child .text p {
        margin-bottom: 40px;
    }
    .isc_block .in .box:last-child .text h3 {
        font-size: 8vw;
    }
    .isc_block .in .box:last-child .text h3 span span {
        font-size: 8vw;
    }
    .merit_block {
        padding: 85px 0 180px;
    }
    .price_block {
        padding: 70px 0 0;
        background-image: url(../img/proinstructor/bg-price_sp.jpg), url(../img/proinstructor/bg-black_sp.jpg);
        background-size: contain;
    }
    .price_block h2 {
        font-size: 8.1vw;
        margin-bottom: 15px;
    }
    .price_block h2 + p {
        font-size: 4.4vw;
        line-height: 1.3;
        margin-bottom: 25px;
    }
    .lesson02_block.short {
        padding: 80px 0 90px;
        background-image: url(../img/proinstructor/bg-black_sp.jpg);
    }
    .swiper {
        background-color: #fff;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 50px;
    }
}
@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;
    }
    .merit_block .wm, .flow_block .wm {
        font-size: 7.95vw;
    }
    .coach .wm {
        top: -25px;
        font-size: 7.7vw;
    }
}
@media screen and (max-width: 768px) {
    .contact_block .box a[href^="tel:"] img {
        width: 7.5vw;
        margin: 0 10px 5px 0;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 11px 0 0 0;
    }
    .contact_block .box:last-child .btn.blue a img {
        margin: 12px 0 0 10px;
    }
    .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;
    }
    .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;
    }
    .tp_block h2::before {
        left: -10px;
    }
    .tp_block h2::after {
        right: -10px;
    }
    .isc_block .in .box:last-child .text h3 span span {
        letter-spacing: -0.05em;
    }
    .merit_block h2 {
        margin-bottom: 60px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -26px;
    }
    .merit_block h2 span, .flow_block h2 span {
        font-size: 11.1vw;
    }
    .merit_block .in {
        margin: 0 auto 70px;
    }
    .merit_block .in .box .text .num .lar {
        font-size: 15.3vw;
    }
    .flow_block h2 span.ls {
        font-size: 6.9vw;
    }
    .flow_block h2 span span {
        font-size: 6.9vw;
    }
    .trial_block .in .text button {
        height: 135px;
    }
    .coach .wm {
        top: -25px;
    }
    .contact_block .box a + p {
        font-size: 3.8vw;
    }
    .tp_block h2 {
        font-size: 8.5vw;
        letter-spacing: -0.03em;
        margin-bottom: 50px;
    }
    .tp_block h2 span {
        letter-spacing: 0;
    }
    .price_block h2 {
        font-size: 9vw;
    }
    .contact_block .box h2 {
        padding-top: 0;
    }
    .price_block .in .box .type:last-child .hour {
        padding-top: 10px;
        padding-bottom: 15px;
    }
    .price_block .in .box .type .hour span {
        display: block;
        margin-left: -1.8vw;
        font-size: 80%;
        padding-top: 8px;
    }
    .price_block .in .box .type:last-child .price {
        padding-bottom: 0;
    }
    .flow_block h2 {
        font-size: 9.5vw;
    }
    .trial_block .in h2 span.box:last-child {
        margin-left: -2vw;
        margin-right: -2vw;
    }
}
@media screen and (max-width: 730px) {
    .onayami_block .box p {
        font-size: 7vw;
    }
    .onayami_block .box p span.red {
        font-size: 8vw;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 13px 0 0 0;
    }
    .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;
    }
    .tp_block h2::before {
        left: -10px;
    }
    .tp_block h2::after {
        right: -10px;
    }
    .isc_block .in .box .text h3 {
        letter-spacing: -0.02em;
    }
    .merit_block .wm, .flow_block .wm {
        top: -25px;
    }
    .isc_block .in {
        padding: 170px 30px 10px;
    }
    .merit_block .in .box .text .num .sm {
        padding-top: 3px;
    }
    .trial_block .in {
        background-position: right -5vw top 275px;
    }
    .trial_block .in h2 {
        margin-bottom: 30px;
    }
    .tp_block h2::before, .tp_block h2::after {
        width: 60px;
        height: 112px;
    }
    .coach .wm {
        top: -24px;
    }
    .contact_block .box p:last-child {
        font-size: 2.85vw;
    }
}
@media screen and (max-width: 700px) {
    .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;
    }
    .price_block .in .box {
        padding: 70px 30px 50px;
    }
    .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;
    }
    .isc h2 span.thin {
        font-size: 13vw;
    }
    .contact_block .box a + p {
        padding: 8px 0 3px 22px;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 11px 0 0 0;
        line-height: 1.15;
    }
    .contact_block .box:last-child .btn.blue a span {
        margin: 0 0 0 8.5%;
    }
    .contact_block .box p:last-child {
        padding: 5px 0 0;
        letter-spacing: 0.03em;
    }
    .merit_block .wm, .flow_block .wm {
        top: -24px;
    }
    .flow_block h2 span, .merit_block h2 span {
        padding-top: 3px;
    }
    .merit_block .in .box .text {
        padding: 80px 30px 70px;
    }
    .trial_block .in .text button {
        width: 106%;
        margin-left: -3%;
    }
    .coach .wm {
        top: -23px;
    }
    .merit_block .in {
        background-size: 85% auto;
    }
}
@media screen and (max-width: 668px) {
    .lesson_block .in .box:nth-child(2) h3 {
        font-size: 28px;
    }
    .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 .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: 60px 20px 40px 25px;
    }
    .contact_block {
        padding: 50px 0 60px;
    }
    .contact_block .box:last-child .btn.blue {
        max-width: 100%;
        margin: 0 auto 15px;
        float: none;
    }
    .contact_block .box:last-child .btn.blue a {
        padding: 3px 0 0 0;
        line-height: 1.8;
    }
    .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, .contact_block .box:last-child .btn.org a img {
        float: none;
        margin: 5px 0 0 10px;
        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: 1.8;
    }
    .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.2vw;
    }
    .contact_block .box a {
        font-size: 12vw;
        width: 100%;
        text-align: center;
    }
    .contact_block .box a[href^="tel:"] img {
        width: 12vw;
        margin: 0 10px 3px 0;
    }
    .contact_block .box p {
        margin: 0 auto 10px;
    }
    .contact_block .box p:last-child {
        font-size: 4vw;
        width: 100%;
        text-align: center;
        padding: 10px 0 0;
    }
    .contact_block .box a + p span:last-child {
        display: inline;
    }
    .contact_block .box p:last-child br {
        display: none;
    }
    .contact_block .box a + p span:last-child::before {
        content: ":";
        display: inline-block;
        margin: 0 8px 0 5px;
    }
    .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: 21px;
    }
    .price_block .in .box:last-child .course h4 {
        font-size: 32px;
        margin-bottom: 10px;
    }
    .price_block .in .box:last-child p span.bx:first-child {
        font-size: 26px;
        padding: 0 20px 0 35px;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child {
        font-size: 10.2vw;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child span:first-child {
        font-size: 6.8vw;
    }
    .price_block .in .box:last-child p span.bx:last-child span:first-child span:last-child {
        font-size: 5.4vw;
    }
    .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 {
        margin: 0 auto 70px;
    }
    .qa_block h2 {
        margin-bottom: 50px;
    }
    .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: 50px 20px 70px;
    }
    .flow_block h2 {
        margin-bottom: 75px;
    }
    .voice_block .in {
        padding: 0 20px;
    }
    .qa_block .in {
        padding: 0 20px;
    }
    .feature_block .box p {
        text-align: left;
        font-size: 21px;
    }
    .contact_block .box h2 + p {
        font-size: 4vw;
        line-height: 1.3;
        padding-left: 30px;
    }
    .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);
    }
    .place_block .bg-grey {
        padding: 50px 20px 40px;
    }
    .place_block .box p {
        font-size: 21px;
    }
    .feature_block .bg-blue {
        padding: 0 20px 90px;
    }
    .coach_block .in h3 {
        font-size: 40px !important;
        margin-bottom: 285px !important;
    }
    .swiper-slide .box {
        background-size: 245px auto !important;
        background-position: center top 68px !important;
    }
    .swiper-slide p {
        font-size: 24px;
    }
    .price_block {
        padding: 50px 0 0;
    }
    .price_block .bg {
        padding: 60px 20px 0;
    }
    .price_block .in img {
        margin-bottom: 75px;
    }
    .price_block .in .box .type:last-child {
        padding: 18px 20px 10px;
    }
    .price_block .in h3 + p {
        font-size: 24px;
        text-align: left;
        line-height: 1.4;
    }
    .price_block .in h3 + p br.sp, .price_block .in h3 + p br.both {
        display: none;
    }
    .price_block .in h3 + p br.sp.both {
        display: block;
    }
    .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 {
        padding-bottom: 70px;
    }
    .trial_block .in {
        padding: 60px 30px 0;
    }
    .trial_block .in h2 {
        margin-bottom: 15px;
        line-height: 1;
    }
    .trial_block .in h2 span.box:first-child {
        font-size: 7vw;
        margin-bottom: 8px;
    }
    .tp_block p {
        font-size: 21px;
    }
    .tp_block h2 {
        margin-bottom: 30px;
    }
    .tp {
        padding: 50px 0 40px;
    }
    .tp_block h2::before {
        left: -5px;
    }
    .tp_block h2::after {
        right: -5px;
    }
    .tp_block h4 {
        margin-bottom: 25px;
    }
    .tp_block .points {
        margin-bottom: 20px;
    }
    .isc_block {
        padding: 0 20px;
    }
    .isc_block .in .box .text p {
        font-size: 21px;
    }
    .isc_block .in {
        padding: 170px 25px 10px;
    }
    .isc_block .in .box img {
        margin-left: -12px;
    }
    .isc_block .in .box:last-child img {
        margin-left: -12px !important;
    }
    .merit_block .wm, .flow_block .wm {
        top: -22px;
    }
    .merit_block .in .box .text h3 {
        font-size: 5.6vw;
    }
    .merit_block .in .box .text p {
        font-size: 21px;
    }
    .merit_block {
        padding: 70px 0 170px;
    }
    .merit_block h2 {
        margin-bottom: 50px;
    }
    .merit_block .in {
        margin: 0 auto 60px;
    }
    .price_block .inlink {
        width: 80%;
        margin: 0 auto 55px;
    }
    .price_block .inlink a {
        margin-bottom: 15px;
    }
    .price_block .in .box {
        margin: 0 auto 80px;
        padding: 70px 25px 50px;
    }
    .price_block .in h3 {
        margin: 0 auto 25px;
        font-size: 6.3vw;
    }
    .price_block .in h3 + p + p {
        font-size: 18px;
        padding-left: 18px;
        text-indent: -18px;
        margin-top: -15px;
    }
    .price_block .in.v02 {
        margin: 110px 0 0;
    }
    .price_block .in.v02 ul li {
        font-size: 21px;
    }
    .lesson02_block.short {
        padding: 70px 0 70px;
    }
    .lesson02_block .box h3 {
        margin-bottom: 35px;
        font-size: 6.3vw;
    }
    .lesson02_block .box img {
        margin-bottom: 20px;
    }
    .lesson02_block.short .box p {
        font-size: 24px;
    }
    .trial_block .in .text button {
        height: 130px;
    }
    .coach {
        padding: 50px 0 70px;
    }
    .coach .wm {
        top: -22px;
    }
    .outcome_block .in {
        padding: 60px 38px 0 20px;
    }
    .outcome_block .in .box {
        padding: 0 25px 50px;
    }
    .outcome_block .in .box h4 span:first-child {
        display: block;
        margin-bottom: 2px;
        margin-right: -15px;
    }
    .lesson02_block.short .box:last-child {}
    .price_block .in .box p span:nth-child(2) {
        padding: 0 0 0 6px;
    }
    .bnr_block {
        margin: 0 auto 60px;
    }
    .contact_block .box:first-child {
        background-position: left -5px top;
        padding-bottom: 20px;
    }
    .contact_block .box:first-child div:first-child {
        margin-left: 39vw;
    }
    .contact_block .box:first-child div:last-child {
        flex-wrap: wrap;
    }
}
@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;
    }
    .point_block h2 {
        font-size: 12.6vw;
    }
    .point_block h2 span:nth-child(2) span {
        font-size: 12.6vw;
    }
    .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;
    }
    .lesson02_block .box {
        margin: 0 auto 40px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -21px;
    }
    .merit_block .in .box .text .num .sm {
        padding-top: 1px;
    }
    .trial_block .in .text button {
        height: 120px;
    }
    .coach .wm {
        top: -21px;
    }
    .outcome_block .in .box h3 {
        margin: -40px auto 20px;
    }
    .outcome_block .in .box h4 {
        margin-bottom: 30px;
    }
    .outcome_block .in .box img {
        margin: 0 auto 25px;
    }
    .contact_block .box p:last-child {
        padding: 5px 0 0;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 8px 0 0 10px;
    }
    .price_block .in .box .type .nm {
        width: 100%;
    }
    .price_block .in .box .type .hour {
        width: 50%;
    }
    .price_block .in .box .type .price {
        width: 50%;
    }
}
@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;
    }
    .coach_block h3 {
        font-size: 7vw;
        margin-bottom: 30px;
    }
    .price_block .in .box:last-child .course {
        width: 100%;
        border-right: none;
        margin: 0 0 35px;
    }
    .price_block .in .box:last-child .course:nth-child(3) {
        width: 100%;
    }
    .price_block .in .box:last-child .course:nth-child(4) {
        border-right: none;
        width: 100%;
    }
    .onayami_block .box h2 {
        line-height: 1.12;
    }
    .feature_block .box .comp img {
        margin: 0 5px 0 0;
    }
    .feature_block .box .comp .first {
        padding: 35px 10px 10px;
    }
    .feature_block .box .comp .first .item {
        padding: 3px 0 10px 10px;
        margin-bottom: 12px;
    }
    .feature_block .box .comp .school {
        padding: 35px 10px 10px;
    }
    .feature_block .box .comp .school .item {
        padding: 3px 0 10px 10px;
        margin-bottom: 12px;
    }
    .feature_block .box .comp .item p {
        width: calc(100% - 65px);
    }
    .feature_block .box:nth-child(2) p {
        margin-bottom: 75px;
    }
    .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 .in .box .updown {
        min-height: 555px;
    }
    .place_block .box h2 {
        font-size: 5.7vw;
        letter-spacing: -0.08em;
    }
    .lesson02_block .box:nth-child(3) h3 {
        letter-spacing: -0.13em;
    }
    .isc_block .in {
        padding: 165px 25px 10px;
    }
    .contact_block .box a {
        font-size: 11.8vw;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2.1;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 7px 0 0 10px;
    }
    .trial_block .in {
        background-position: right -5vw top 240px;
        padding: 60px 20px 0;
    }
    .trial_block .in .text button {
        height: 115px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -20px;
    }
    .coach .wm {
        top: -20px;
    }
    .outcome_block .in .box {
        margin: 0 auto 100px;
    }
    .isc_block .in .box img {
        margin-left: -10px;
    }
    .isc_block .in .box:last-child img {
        margin-left: -10px !important;
    }
    .price_block .inlink {
        width: 85%;
    }
    .price_block .in h3 + p {
        font-size: 21px;
        margin-bottom: 30px;
    }
    .price_block .in .box .type .nm {
        font-size: 28px;
        width: 100%;
        margin-bottom: 12px;
    }
    .price_block .in .box .type .hour {
        font-size: 24px;
        width: 100%;
        margin-bottom: -20px;
    }
    .price_block .in .box .type .price {
        width: 100%;
    }
    .price_block .in .box .type:last-child {
        padding: 18px 20px 15px;
    }
    .price_block .in .box .type:last-child .hour {
        padding-top: 0;
        padding-bottom: 0;
        margin-bottom: -40px;
    }
    .price_block .in .box .type:last-child .price {
        padding-bottom: 15px;
    }
    .price_block .in .box .type .hour span {
        margin-left: -2vw;
    }
    .lesson02_block.short .box p {
        font-size: 21px;
    }
    .swiper-slide p {
        font-size: 21px;
        padding: 0 10px;
        margin-bottom: 110px;
    }
    .price_block .in .box h4 {
        font-size: 30px;
        margin: -38px auto 8px;
    }
    .price_block .in img {
        margin-bottom: 70px;
    }
    .price_block .in.v02 {
        padding: 45px 30px 45px;
    }
    .price_block .in.v02 h4 {
        top: -38px;
        font-size: 30px;
    }
    .price_block .in h3 {
        margin: 0 auto 20px;
    }
    .price_block .in h3 + p + p {
        margin-bottom: 30px;
    }
}
@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;
    }
    .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 .box a {
        font-size: 12.3vw;
    }
    .contact_block .box a:after {
        right: 2.1%;
    }
    .contact_block .box a + p {
        font-size: 4.2vw;
    }
    .trial_block .in .text p:last-child {
        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 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 {
        width: 100%;
        margin-left: 0;
    }
    .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 h2 + p {
        padding-left: 20px;
    }
    .contact_block .box p:last-child {
        font-size: 4.2vw;
    }
    .contact_block .box a + p span {
        display: none;
    }
    .feature_block .box .comp img.arrow {
        top: 7.2vh;
    }
    .feature_block .box:last-child img {
        width: 98%;
        margin: 30px 1% 0;
    }
    .contact_block .box:last-child .btn.blue a {
        line-height: 1.7;
    }
    .contact_block .box:last-child .btn.org a {
        line-height: 1.75;
    }
    .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;
    }
    .tp_block h2::before {
        width: 40px;
        height: 89px;
    }
    .tp_block h2::after {
        width: 48px;
        height: 89px;
    }
    .tp_block h2::before, .tp_block h2::after {
        width: 45px;
        height: 84px;
    }
    .isc_block .in .box .text h3, .isc_block .in .box:last-child .text h3 {
        line-height: 1.2;
        padding-bottom: 20px;
        margin-bottom: 25px;
    }
    .isc_block .in .box:last-child .text h3 span span {
        letter-spacing: 0;
    }
    .merit_block .wm, .flow_block .wm {
        top: -19px;
    }
    .merit_block {
        padding: 60px 0 170px;
    }
    .merit_block h2 {
        margin-bottom: 40px;
    }
    .merit_block .in {
        padding: 20px 20px 0;
        margin: 0 auto 50px;
    }
    .trial {
        padding-bottom: 50px;
    }
    .trial_block .in {
        padding: 40px 0 0;
    }
    .trial_block .in .text p:last-child {
        line-height: 1.35;
    }
    .coach {
        padding: 40px 0 60px;
    }
    .coach .wm {
        top: -19px;
    }
    .coach_block .in h2 {
        margin: 0 auto 30px;
    }
    .flow_block {
        padding: 50px 20px 60px;
    }
    .flow_block h2 {
        margin-bottom: 65px;
    }
    .outcome_block .in .box {
        padding: 0 20px 45px;
    }
    .swiper-slide p {
        padding: 0;
    }
    .isc_block .in {
        padding: 165px 20px 10px;
    }
    .isc_block .in .box .text p {
        margin-bottom: 30px;
    }
    .isc_block .in .box:last-child .text p {
        margin-bottom: 30px;
    }
    .tp {
        padding: 40px 0 40px;
    }
    .tp_block {
        padding: 0 20px;
    }
    .tp_block .points .box {
        width: 48.2%;
        margin-bottom: 20px;
    }
    .tp_block .sports {
        padding: 0;
    }
    .tp_block .sports .box {
        width: 48.2%;
        margin: 0 0 20px;
    }
    .price_block .inlink {
        width: 90%;
    }
    .price_block .in {
        padding: 0 20px;
    }
    .price_block .in.v02 {
        padding: 45px 20px 45px;
        margin: 105px 0 0;
    }
    .price_block .in .box {
        margin: 0 auto 70px;
    }
    .lesson02_block.short {
        padding: 60px 0 60px;
    }
    .lesson02_block.short .box:last-child {
        width: calc(100% - 40px);
    }
    .contact_block .box p {
        width: calc(100% - 40px);
        font-size: 3.7vw;
        letter-spacing: 0.04em;
    }
    .contact_block .box:first-child div:last-child {
        width: calc(100% - 40px);
    }
    .contact_block .box:last-child {
        padding: 0 20px;
    }
    .contact_block .box:last-child .btn.blue, .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;
    }
    .trial_block .in h2 span.box:first-child {
        font-size: 7vw;
        margin-bottom: 0;
    }
    .trial_block .in h2 span.box:last-child {
        font-size: 8.7vw;
        padding: 5px 10px 15px;
        margin-left: 0;
        margin-right: 0;
    }
    .trial_block .in h2 span.box:last-child span.ls {
        font-size: 8.7vw;
    }
    .coach_block .in {
        width: calc(100% - 40px);
        margin: 0 20px;
    }
    .coach_block .in h2 span {
        margin-bottom: 3px;
    }
    .qa_block {
        margin: 0 auto 60px;
    }
    .qa_block h2 {
        margin-bottom: 40px;
    }
    .coach_block .in h3 {
        font-size: 38px !important;
    }
    .lesson02_block .box h3 {
        margin-bottom: 30px;
    }
    .price_block h2 {
        font-size: 9.5vw;
        margin-bottom: 8px;
    }
}
@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:last-child {
        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;
    }
    .feature_block .box:nth-child(2) p {
        margin-bottom: 60px;
    }
    .trial_block .in .text button {
        height: 105px;
    }
    .lesson02_block .box h3 {
        font-size: 6.8vw;
    }
    .place_block .box h2 {
        font-size: 5.6vw;
    }
    .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:last-child .updown {
        min-height: 510px;
    }
    .tp_block h2 {
        font-size: 8.3vw;
        letter-spacing: -0.03em;
    }
    .contact_block .box:last-child .btn.blue, .contact_block .box:last-child .btn.org {
        height: 80px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        height: 80px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 1.6;
    }
    .contact_block .box:last-child .btn.blue a {
        letter-spacing: -0.02em;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 40px;
    }
    .merit_block {
        padding: 55px 0 160px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -18px;
    }
    .merit_block .in .box .text {
        padding: 60px 20px 50px;
    }
    .merit_block .in .box .text .num {
        margin-bottom: 35px;
    }
    .merit_block .in .box .text p {
        font-weight: normal;
    }
    .isc_block {
        margin: -150px 0 40px;
    }
    .isc_block .in .box {
        margin: 0 auto 30px;
    }
    .trial_block .in .text button span {
        margin-top: -8px;
        letter-spacing: -0.02em;
    }
    .trial_block .in .text button img {
        width: 30px !important;
    }
    .coach {
        padding: 35px 0 50px;
    }
    .coach .wm {
        top: -18px;
    }
    .flow_block {
        padding: 55px 20px 60px;
    }
    .flow_block h2 {
        margin-bottom: 70px;
    }
    .outcome_block {
        padding: 0 0 93px;
    }
    .qa_block {
        margin: 0 auto 50px;
    }
    .s_01 {
        margin: 0 0 50px;
    }
    .tp_block .points .box {
        padding: 30px 10px 40px;
    }
    .tp_block .points .box h3 {
        width: 100%;
        font-size: 6vw;
        padding-bottom: 18px;
        padding-right: 5px;
        margin: 0 auto 15px;
        background-position: left bottom;
    }
    .tp_block .points .box p {
        font-size: 4.8vw;
        letter-spacing: -0.05em;
        line-height: 1.4;
        padding-left: 10px;
    }
    .price_block .inlink {
        width: 93%;
    }
    .price_block .in .box .type .nm {
        font-size: 26px;
    }
    .price_block .in .box .type .hour {
        font-size: 23px;
    }
    .price_block .in .box .type .price {
        font-size: 42px;
    }
    .price_block .in .box h4 {
        max-width: 300px;
    }
    .price_block .in.v02 h4 {
        left: calc((100% - 300px) / 2);
        max-width: 300px;
    }
    .trial_block .in h2 span.box:last-child {
        font-size: 8.4vw;
        padding: 8px 10px 15px;
        margin-bottom: 0;
    }
    .trial_block .in h2 span.box:last-child span.ls {
        font-size: 8.4vw;
    }
    .coach_block .in h2 {
        margin-left: -15px;
    }
}
@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;
    }
    .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 .text p:last-child {
        font-size: 4.5vw;
        line-height: 1.3;
        letter-spacing: -0.03em;
    }
    .outcome_block .in .box .updown {
        padding: 80px 25px 0;
    }
    .feature_block .box h3 span.bottom_right {
        font-size: 5.8vw;
    }
    .contact_block .box:last-child {
        padding: 0 15px;
    }
    .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 {
        line-height: 1.85;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 4px 0 0 10px;
    }
    .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 10px;
    }
    .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 .updown {
        min-height: 520px;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 485px;
    }
    .tp_block .sports .box h5 {
        padding: 10px 0;
    }
    .contact_block .box a + p {
        padding: 8px 0 3px 17px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -17px;
    }
    .merit_block .in .box .text .num .sm {
        padding-top: 0;
        margin-top: -2px;
    }
    .merit_block .in .box .text .num .sm {
        margin-top: -3px;
    }
    .price_block .in .box h4 {
        max-width: 300px;
    }
    .trial_block .in {
        background-position: right -8vw top 200px;
    }
    .trial_block .in h2 {
        margin-bottom: 25px;
    }
    .trial_block .in .text button {
        height: 95px;
    }
    .trial_block .in .text button span {
        margin-top: -3px;
    }
    .trial_block .in .text button img {
        margin: -2px 0 0 10px !important;
    }
    .coach .wm {
        top: -16px;
    }
    .isc_block .in .box img {
        margin-left: -18px;
        margin-right: -2px;
        max-width: calc(100% + 20px);
    }
    .isc_block .in .box:last-child img {
        margin-left: -18px !important;
        margin-right: -2px !important;
        max-width: calc(100% + 20px);
    }
    .price_block .inlink {
        width: 100%;
        margin: 0 auto 48px;
    }
    .price_block .inlink a {
        font-size: 5.4vw;
        margin-bottom: 12px;
    }
    .price_block .inlink a span {
        letter-spacing: -0.03em;
    }
    .contact_block .box a {
        font-size: 12.1vw;
    }
    .coach_block .in h3 {
        font-size: 34px !important;
        margin-bottom: 260px !important;
    }
    .swiper-slide {
        padding: 35px 30px 0;
    }
    .swiper-slide .box {
        background-size: 225px auto !important;
        background-position: center top 58px !important;
    }
    .swiper-slide p {
        margin-bottom: 100px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 40px !important;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 40px;
    }
    .contact_block .box:first-child div:last-child {
        width: 100%;
    }
}
@media screen and (max-width: 440px) {
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2.1;
    }
}
@media screen and (max-width: 430px) {
    .mv_block {
        margin: 0 auto 50px;
    }
    .bnr_block {
        padding: 0 15px;
        margin: 0 auto 45px;
    }
    .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: 45px 15px 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:last-child .btn.blue a::after {
        right: 5.8%;
    }
    .contact_block .box:last-child .btn.org a::after {
        right: 5.8%;
    }
    .price_block .in .box 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 .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;
    }
    .flow_block .box img {
        width: 120px;
    }
    .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;
    }
    .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 15px;
    }
    .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 .box h3 {
        font-size: 6.4vw;
    }
    .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;
        margin: 4px 0 0 10px;
    }
    .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 span {
        font-size: 6.5vw;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 30px;
        margin: 5px 0 0 10px;
    }
    .contact_block .box h2 + p span:first-child {
        display: block;
    }
    .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;
    }
    .lesson02_block .box {
        width: calc(100% - 30px);
    }
    .lesson02_block .box {
        padding: 20px 15px 30px;
        margin: 0 auto 30px;
    }
    .price_block .bg {
        padding: 50px 15px 0;
    }
    .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;
    }
    .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;
    }
    .contact_block .box:last-child .btn.blue {
        height: 75px;
        margin: 0 auto 10px;
    }
    .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 {
        height: 75px;
    }
    .lesson02_block h2 span.bx::before, .lesson02_block h2 span.bx::after {
        content: none;
    }
    .qa_block h2 span:first-child {
        font-size: 5.5vw;
    }
    .tp_block {
        padding: 0 15px;
    }
    .tp_block h2 {
        margin-bottom: 15px;
    }
    .tp_block h2::before, .tp_block h2::after {
        width: 35px;
        height: 65px;
    }
    .tp_block h2::before {
        left: 0;
    }
    .tp_block h2::after {
        right: 0;
    }
    .tp_block p {
        font-size: 18px;
        margin-bottom: 30px;
    }
    .tp_block .sports .box h5 {
        padding: 8px 0;
        font-size: 4.5vw;
    }
    .tp_block .sports .box.v01 h3 span {
        display: inline;
        letter-spacing: -0.1em;
    }
    .tp_block .sports .box.v07 h3 {
        letter-spacing: -0.03em;
    }
    .isc_block {
        padding: 0 15px;
        margin: -100px 0 30px;
    }
    .isc_block .in {
        padding: 110px 15px 10px;
    }
    .isc_block .in .box .text h3, .isc_block .in .box:last-child .text h3 {
        padding-bottom: 15px;
        margin-bottom: 20px;
    }
    .isc_block .in .box .text p {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .isc_block .in .box img {
        margin-left: -13px;
        margin-right: 2px;
        max-width: calc(100% + 11px);
    }
    .isc_block .in .box:last-child img {
        margin-left: -13px !important;
        margin-right: 2px !important;
        max-width: calc(100% + 11px);
    }
    .isc_block .in .box {
        margin: 0 auto 25px;
    }
    .isc_block .in .box:last-child .text p {
        margin-bottom: 25px;
    }
    .contact_block .box h2 {
        margin-bottom: 5px;
    }
    .contact_block .box a {
        font-size: 11.8vw;
    }
    .merit_block .wm, .flow_block .wm {
        top: -15px;
        letter-spacing: 0;
        font-size: 8.35vw;
    }
    .flow_block .wm {
        letter-spacing: 0.015em;
    }
    .merit_block {
        padding: 45px 0 145px;
    }
    .merit_block h2 {
        margin-bottom: 30px;
    }
    .merit_block .in {
        padding: 15px 15px 0;
        margin: 0 auto 40px;
    }
    .merit_block .in .box .text {
        padding: 50px 15px 40px;
    }
    .merit_block .in .box .text .num {
        border: 3px solid #fff;
        text-align: center;
        margin-bottom: 25px;
    }
    .merit_block .in .box .text .num .lar {
        margin: -55px auto 5px;
        display: block;
        width: 33vw;
    }
    .merit_block .in .box .text .num .sm {
        margin-top: 0;
        float: none;
    }
    .merit_block .in .box .text h3 {
        margin-bottom: 20px;
    }
    .merit_block .in .box .text p {
        font-size: 17.5px;
    }
    .price_block .in .box:last-child h3 {
        margin: -80px auto 25px;
    }
    .lesson02_block .box h3 {
        font-size: 6.8vw;
        margin-bottom: 25px;
    }
    .contact_block .box a + p {
        padding: 10px 0 3px 17px;
    }
    .lesson02_block .box img {
        margin-bottom: 15px;
    }
    .trial_block .in {
        padding: 35px 0 0;
        background-size: 58vw auto;
        background-position: right -9vw top 180px;
    }
    .trial_block .in h2 {
        margin-bottom: 20px;
        line-height: 0.8;
    }
    .trial_block .in h2 span.box {
        padding: 15px 20px 18px;
    }
    .trial_block .in h2 span.box:last-child {
        padding: 15px 10px 22px;
    }
    .trial_block .in .text button {
        width: 103%;
        margin-left: -1.5%;
        height: 130px;
        background-image: url(../img/proinstructor/btn-01_sp.png);
    }
    .trial_block .in .text button span {
        font-size: 8vw;
        line-height: 1.15;
    }
    .trial_block .in .text button span span {
        display: block;
    }
    .trial_block .in .text button img {
        margin: 0 0 0 15px !important;
        width: 35px !important;
    }
    .coach {
        padding: 40px 0 50px;
    }
    .coach .wm {
        top: -14px;
        font-size: 8.25vw;
        letter-spacing: -0.08em;
    }
    .coach_block .in h2 {
        margin: 0 auto 25px;
        margin-left: -15px;
    }
    .coach_block .in h3 {
        font-size: 31px !important;
        margin-bottom: 208px !important;
    }
    .swiper-slide {
        padding: 25px 20px 0;
    }
    .swiper-slide .box {
        background-size: 175px auto !important;
        background-position: center top 52px !important;
    }
    .swiper-slide p {
        margin-bottom: 70px;
    }
    .swiper-container-horizontal > .swiper-pagination-bullets {
        bottom: 30px !important;
    }
    .swiper-horizontal > .swiper-pagination-bullets, .swiper-pagination-bullets.swiper-pagination-horizontal {
        bottom: 30px;
    }
    .flow_block .box .item {
        padding: 55px 20px 40px 25px;
    }
    .outcome_block {
        padding: 0 0 60px;
    }
    .outcome_block .in {
        padding: 55px 25px 0 15px;
    }
    .outcome_block .in .box {
        padding: 0 15px 40px;
        border: 4px solid #194dba;
        box-shadow: 10px 10px 0px 0px rgba(25, 77, 186, 1);
        margin: 0 auto 80px;
    }
    .outcome_block .in .box h3 {
        margin: -40px auto 15px;
    }
    .outcome_block .in .box h4 {
        margin-bottom: 20px;
    }
    .outcome_block .in .box img {
        margin: 0 auto 20px;
    }
    .qa_block {
        margin: 0 auto 40px;
    }
    .qa_block h2 {
        margin-bottom: 30px;
        padding: 18px 0 20px;
    }
    .qa_block .in {
        padding: 0 15px;
    }
    .s_01 {
        margin: 0 0 50px;
    }
    .flow_block h2 {
        margin-bottom: 65px;
    }
    .merit_block .wm span, .flow_block .wm span {
        font-size: 8.3vw;
    }
    .tp_block h2 {
        font-size: 8.9vw;
        margin-bottom: 20px;
    }
    .tp_block h2 span {
        font-size: 5.5vw;
    }
    .tp_block .points .box {
        padding: 22px 10px 30px;
    }
    .tp_block .points .box p {
        padding-left: 5px;
    }
    .tp_block h4 {
        margin-bottom: 20px;
    }
    .isc h2 span:first-child, .price_block h2 span:first-child, .outcome_block h2 span:first-child, .qa_block h2 span:first-child {
        display: block;
        font-size: 5.5vw;
    }
    .price_block h2 {
        font-size: 10vw;
    }
    .price_block h2 + p {
        font-size: 4.8vw;
        margin-bottom: 20px;
    }
    .price_block .inlink a span {
        padding: 0 30px 0 0;
    }
    .price_block .inlink a span::after {
        width: 15px;
        height: 15px;
        top: 1.5vw;
        border-top: 5px solid #fff;
        border-right: 5px solid #fff;
    }
    .price_block .in h3 + p {
        font-size: 18px;
        margin-bottom: 25px;
    }
    .price_block .in h3 + p + p {
        font-size: 16px;
        padding-left: 16px;
        text-indent: -16px;
        margin-top: -10px;
        margin-bottom: 28px;
    }
    .price_block .in .box .type {
        padding: 10px 15px 12px;
    }
    .price_block .in .box .type:last-child {
        padding: 18px 15px 15px;
    }
    .price_block .in h3 {
        font-size: 6.8vw;
        letter-spacing: -0.05em;
        padding-right: 8px;
    }
    .price_block .in img {
        margin-bottom: 60px;
    }
    .price_block .in .box {
        margin: 0 auto 60px;
    }
    .price_block .in .box h4 {
        font-size: 6vw;
        max-width: 270px;
        font-weight: bold;
    }
    .price_block .in.v02 h4 {
        font-size: 6vw;
        max-width: 270px;
        left: calc((100% - 270px) / 2);
        font-weight: bold;
        top: -35px;
    }
    .price_block .in .box .type .nm {
        font-size: 5.3vw;
    }
    .price_block .in .box .type .hour {
        font-size: 4.9vw;
    }
    .price_block .in .box .type .price {
        font-size: 8.4vw;
        line-height: 0.8;
        padding-bottom: 12px;
    }
    .price_block .in .box .type:last-child .price {
        padding-bottom: 23px;
        line-height: 0.6;
    }
    .price_block .in .box .type .hour span {
        margin-left: -2.5vw;
        padding-top: 6px;
    }
    .price_block .in .box h4 {
        margin: -35px auto 5px;
    }
    .price_block .in.v02 {
        padding: 40px 20px 35px 10px;
        margin: 95px 0 0;
    }
    .lesson02_block.short .box p {
        font-size: 18px;
    }
    .tp_block .points {
        margin-bottom: 10px;
    }
    .price_block .in {
        padding: 0 15px;
    }
    .price_block .in.v02 ul li {
        font-size: 18px;
    }
    .lesson02_block.short {
        padding: 50px 0 50px;
    }
    .lesson02_block.short .box:last-child {
        width: calc(100% - 30px);
    }
    .contact_block {
        padding: 40px 0 50px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2;
    }
    .s_01 .accordion_one .accordion_header span {
        margin-top: 0;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 20px;
    }
    .contact_block .box p {
        width: calc(100% - 30px);
        font-size: 3.8vw;
        letter-spacing: 0.02em;
        margin: 0 auto 8px;
    }
    .contact_block .box:first-child {
        padding-bottom: 15px;
    }
    .price_block .inlink a {
        clip-path: polygon(5% 0, 100% 0, 100% 65%, 95% 100%, 0 100%, 0 35%);
    }
    .price_block .in h3 {
        clip-path: polygon(5% 0, 100% 0, 100% 65%, 95% 100%, 0 100%, 0 35%);
    }
    .lesson02_block .box h3 {
        clip-path: polygon(5% 0, 100% 0, 100% 65%, 95% 100%, 0 100%, 0 35%);
    }
    .tp_block .points .box h3 span {
        letter-spacing: -0.15em;
    }
    .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 .box {
        margin: 0 auto 55px;
    }
    .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;
    }
    .merit_block .in .box .text .num {
        padding: 15px 10px 10px;
    }
    .trial_block .in {
        background-size: 59vw auto;
        background-position: right -9vw top 160px;
    }
    .trial_block .in .text button span {
        margin-top: -8px;
    }
    .trial_block .in .text button img {
        margin: -3px 0 0 10px !important;
    }
    .coach .wm {
        top: -14px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -14px;
    }
    .trial_block .in h2 span.box:last-child {
        padding: 15px 10px 18px;
        font-size: 8.3vw;
    }
    .trial_block .in h2 span.box:last-child span.ls {
        font-size: 8.3vw;
    }
    .coach_block .in h3 {
        font-size: 29px !important;
        margin-bottom: 205px !important;
    }
    .swiper-slide .box {
        background-position: center top 50px !important;
    }
}
@media screen and (max-width: 393px) {
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2.3;
    }
}
@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: 60px;
    }
    .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 .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 h3 {
        font-size: 8vw;
    }
    .coach_block h2 {
        width: 90%;
    }
    .s_01 .accordion_one {
        background-size: 65px auto;
    }
    .s_01 .accordion_one .accordion_header {
        padding: 12px 60px 22px 15px;
    }
    .s_01 .accordion_one .accordion_header span {
        font-size: 30px;
        width: 55px;
        height: 50px;
    }
    .s_01 .accordion_one .accordion_header p {
        width: calc(100% - 68px);
        font-size: 19px;
    }
    .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 a, .contact_block .box:last-child .btn.org a {
        line-height: 1.8;
    }
    .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 h2 span {
        font-size: 12vw;
    }
    .price_block .in .box {
        padding: 70px 0 10px;
    }
    .flow_block .box {
        margin: 0 auto 50px;
    }
    .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%;
    }
    .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;
    }
    .outcome_block .in .box:last-child .updown {
        min-height: 535px;
    }
    .tp_block p {
        margin-bottom: 25px;
    }
    .isc_block .in .box .text h3, .isc_block .in .box:last-child .text h3 {
        padding-bottom: 12px;
        margin-bottom: 15px;
    }
    .contact_block .box a + p {
        font-size: 5vw;
    }
    .contact_block .box p:last-child {
        font-size: 4.8vw;
    }
    .contact_block .box a + p span:last-child {
        display: inline;
    }
    .contact_block .box a + p span br {
        display: block;
    }
    .merit_block .wm, .flow_block .wm {
        top: -13px;
    }
    .price_block .in .box {
        padding: 70px 15px 30px;
    }
    .price_block .in .box:last-child h3 {
        margin: -80px auto 20px;
    }
    .price_block .in .box:last-child p {
        margin-bottom: 15px;
    }
    .trial_block .in {
        background-size: 60vw auto;
        background-position: right -10vw top 150px;
    }
    .trial_block .in .text button {
        height: 118px;
    }
    .coach .wm {
        top: -13px;
    }
    .flow_block .box .item {
        padding: 50px 20px 35px 25px;
    }
    .outcome_block .in .box {
        padding: 0 15px 35px;
    }
    .contact_block .box a + p {
        padding: 10px 0 3px 13px;
    }
    .isc h2 span:first-child {
        margin-bottom: -6px;
    }
    .contact_block .box a {
        font-size: 11.6vw;
    }
    .trial_block .in h2 span.box:first-child {
        margin-bottom: 5px;
    }
    .trial_block .in h2 span.box:last-child {
        font-size: 8.2vw;
    }
    .trial_block .in h2 span.box:last-child span.ls {
        font-size: 8.2vw;
    }
    .coach_block .in h2 span {
        margin-bottom: 0;
    }
    .coach_block .in h2 span span {
        font-size: 8.8vw;
    }
    .contact_block .box:last-child .btn.blue, .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;
    }
    .tp_block .points .box h3 {
        font-size: 5.9vw;
    }
}
@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%;
    }
    .lesson02_block .box {
        width: calc(100% - 20px);
    }
    .outcome_block .in .box .updown {
        padding: 55px 15px 0;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 19px;
    }
    .dot_block .bg-grey {
        padding: 50px 0 70px;
    }
    .price_block .in .box h4 {
        max-width: 230px;
    }
    .outcome_block .in .box img:first-child {
        width: 70vw;
    }
    .tp_block h2::before {
        left: -3px;
    }
    .tp_block h2::after {
        right: -3px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -12px;
    }
    .merit_block {
        padding: 40px 0 145px;
    }
    .merit_block h2 span, .flow_block h2 span {
        border-bottom: 6px solid #194dba;
    }
    .trial_block .in {
        background-size: 58vw auto;
    }
    .trial_block .in .text button {
        height: 113px;
    }
    .trial_block .in .text button img {
        margin: 2px 0 0 10px !important;
        width: 32px !important;
    }
    .coach .wm {
        top: -12px;
    }
    .flow_block {
        padding: 40px 15px 50px;
    }
    .flow_block h2 {
        margin-bottom: 55px;
    }
    .swiper-slide p {
        margin-bottom: 75px;
    }
    .price_block .inlink {
        padding: 0 20px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2.2;
    }
    .price_block .in.v02 h4 {
        max-width: 230px;
        left: calc((100% - 230px) / 2);
    }
}
@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;
    }
    .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:last-child {
        font-size: 4.7vw;
    }
    .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 .text button span {
        font-size: 7.6vw;
    }
    .trial_block .in .text button span:first-child {
        margin-top: -2px;
    }
    .lesson02_block .box h3 {
        font-size: 6.8vw;
    }
    .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;
    }
    .tp_block .sports .box h5 {
        padding: 8px 0;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        margin: 5px 0 0 8px;
    }
    .merit_block .wm, .flow_block .wm {
        top: -12px;
    }
    .merit_block .in .box .text h3 {
        font-size: 5.8vw;
    }
    .trial_block .in {
        background-size: 54vw auto;
        background-position: right -10vw top 155px;
    }
    .trial_block .in .text button {
        height: 110px;
    }
    .coach .wm {
        top: -11px;
    }
    .contact_block .box a[href^="tel:"] img {
        margin: 0 5px 3px 0;
    }
    .tp_block .points .box h3 {
        padding-right: 3px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2.3;
    }
    .trial_block .in {
        padding: 35px 0 0;
    }
    .trial_block .in h2 span.box:last-child {
        font-size: 8.1vw;
    }
    .trial_block .in h2 span.box:last-child span.ls {
        font-size: 8.1vw;
    }
}
@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: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 h4 {
        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;
        margin: -10px 0 0 10px !important;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 23px;
        margin: 2px 0 0 8px;
    }
    .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;
    }
    .qa_block h2 span:first-child {
        font-size: 5.5vw;
    }
    .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 .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 .box h2 + p {
        padding-left: 15px;
    }
    .outcome_block .in .box h3 {
        font-size: 7.2vw;
    }
    .outcome_block .in .box h4 {
        font-size: 5.8vw;
        padding: 8px 10px 12px;
    }
    .tp_block h2::before, .tp_block h2::after {
        width: 25px;
        height: 46px;
    }
    .isc_block .in .box .text h3 {
        letter-spacing: 0;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2.2;
    }
    .merit_block .wm, .flow_block .wm {
        top: -11px;
    }
    .merit_block .in .box .text p {
        font-size: 16px;
    }
    .trial_block .in {
        background-position: right -10vw top 145px;
    }
    .trial_block .in .text button {
        height: 90px;
        background-position: 0 0;
    }
    .trial_block .in .text button span:first-child {
        margin-top: -15px;
    }
    .coach .wm {
        top: -10px;
    }
    .tp_block h2 {
        font-size: 8.7vw;
    }
    .tp_block .points .box p {
        padding-left: 0;
    }
    .tp_block .points .box h3 {
        font-size: 5.7vw;
        padding-right: 0;
    }
    .contact_block .box a {
        font-size: 11.4vw;
    }
    .contact_block .box:last-child .btn.blue, .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;
    }
    .trial {
        padding-bottom: 40px;
    }
    .s_01 .accordion_one .accordion_header p {
        font-size: 18px;
        width: calc(100% - 55px);
        line-height: 1.2;
    }
    .s_01 .accordion_one .accordion_header span {
        font-size: 26px;
        width: 45px;
        height: 43px;
    }
    .s_01 .accordion_one .accordion_header {
        padding: 12px 55px 22px 15px;
    }
    .price_block .inlink a span {
        padding: 0 25px 0 0;
    }
    .price_block .inlink a span::after {
        width: 13px;
        height: 13px;
        top: 1.2vw;
        border-top: 4px solid #fff;
        border-right: 4px solid #fff;
    }
    .swiper-slide .box {
        background-position: center top 45px !important;
    }
    .price_block .in.v02 h4 {
        max-width: 200px;
        left: calc((100% - 200px) / 2);
    }
    .price_block .in .box .type .hour {
        padding-left: 0px;
    }
    .price_block .in img {
        margin-bottom: 55px;
    }
    .price_block .in .box h4 {
        margin: -30px auto 5px;
    }
    .price_block .in.v02 {
        margin: 85px 0 0;
    }
    .price_block .in.v02 h4 {
        top: -30px;
    }
    .contact_block .box:first-child {
        background-position: left -3px top;
    }
    .swiper-button-prev {
        left: 3px !important;
    }
    .swiper-button-next {
        right: 3px !important;
    }
    .s_01 .accordion_one .accordion_header {
        padding: 10px 50px 22px 10px;
    }
    .s_01 .accordion_one .accordion_inner {
        padding: 0 10px 10px;
    }
    .price_block .in .box .type .price {
        font-size: 10.4vw;
    }
    .price_block .in .box .type .price span:first-child {
        font-size: 26px;
    }
    .price_block .in .box .type .price span:last-child {
        font-size: 18px;
    }
}
@media screen and (max-width: 280px) {
    .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;
    }
    .price_block .in .box:last-child p span.bx:first-child span {
        font-size: 16px;
    }
    .contact_block .box:last-child .btn.blue a img, .contact_block .box:last-child .btn.org a img {
        width: 20px;
        margin: 3px 0 0 5px;
    }
    .contact_block .box:last-child .btn.blue a, .contact_block .box:last-child .btn.org a {
        line-height: 2.6;
    }
    .merit_block .wm, .flow_block .wm {
        top: -9px;
    }
    .merit_block .in .box .text .num .sm {
        font-size: 15px;
    }
    .merit_block .in .box .text h3 {
        font-size: 7.2vw;
    }
    .merit_block .in .box .text .num {
        padding: 15px 0 6px;
        margin-bottom: 20px;
    }
    .merit_block .in .box .text h3 {
        margin-bottom: 15px;
    }
    .trial_block .in {
        background-position: right -10vw top 130px;
    }
    .trial_block .in .text button {
        height: 75px;
    }
    .trial_block .in .text button span:first-child {
        margin-top: -9px;
    }
    .trial_block .in .text button img {
        margin: -6px 0 0 10px !important;
    }
    .coach .wm {
        top: -8px;
    }
    .outcome_block .in .box h3 {
        padding: 0 8px;
    }
    .outcome_block .in .box h4 {
        font-size: 6vw;
        padding: 8px 0 12px;
    }
    .trial_block .in h2 {
        margin-bottom: 10px;
    }
    .tp_block .points .box {
        padding: 20px 8px 25px;
    }
    .tp_block .points .box h3 {
        margin: 0 auto 10px;
    }
    .contact_block .box a {
        font-size: 11.1vw;
    }
    .contact_block .box:first-child {
        background-position: left top;
    }
}