@charset "utf-8";

body {
    font-family: "heisei-kaku-gothic-std", sans-serif;
    font-size: 80%;
    font-style: normal;
}

header {
    background-color: #000 !important;
}

.inner {
    padding: 0 10px 0 10px;
}

/* ローディング全体 */
#loading {
    position: fixed;
    width: 100%;
    height: 100%;
    background: white;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    z-index: 9999;
}



@keyframes spin {
    to {
        transform: rotate(360deg);
    }
}

/* ローディング非表示に */
body.loading-done #loading {
    display: none;
}

@media screen and (min-width:961px) {

    .information h3 {
        background: #dd571c;
        color: white;
        font-size: 24px;
        padding: 0.5em;
        border-bottom: solid 10px #91181e;
    }

    .information {
        max-width: 800px;
        margin: 0px auto 4em auto;
        border: 1px #333 solid;
    }

    .information div {
        overflow-y: auto;
        height: 200px;
    }

    .information div {
        overflow-y: auto;
        height: 200px;
        padding: 30px 20px 30px 20px;
        margin-bottom: 20px;
    }

    .information dl {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 20px;
    }

    .information dl:first-child {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 0px;
    }

    .information_blue {
        margin-left: 10px;
        background-color: #38a9ff;
        color: #fff;
        padding: 5px;
        font-size: 16px;
    }

    .information_orange {
        margin-left: 10px;
        background-color: #ffb500;
        color: #fff;
        padding: 5px;
        font-size: 16px;
    }


    /*SNSアイコン*/
    .sns_area ul {
        display: flex;
    }

    .sns_area ul li {
        margin: 20px;
    }


    /* ロゴ */
    #loading-logo {
        width: 20%;
        margin-bottom: 40px;
    }

    /* スピナー */
    .spinner {
        width: 50px;
        height: 50px;
        border: 5px solid #ccc;
        border-top: 5px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    .pc_nav li span {
        display: block;
        padding-top: 5px;
    }

    .sp_img {
        display: none !important;
    }

    .pc_nav li a {
        color: #fff;
    }

    .logo img {
        padding: 30px;
    }

    .logo {
        text-align: center;
    }

    .pankuzu {
        max-width: 1050px;
        margin: 0 auto;
    }

    .pankuzu span a {
        text-decoration: underline;
    }

    .inner {
        max-width: 1055px;
        margin: 0 auto;
        padding: 0 20px 0 20px;
    }

    ul.first_title_area {
        display: flex;
        margin-top: 0.5em;
        justify-content: center;
    }

    .table_flex div {
        width: 50%;
        display: flex;
        flex-direction: column;
        padding: 0 20px 0 20px;
        box-sizing: border-box;
    }

    .table_flex {
        display: flex;
        flex-wrap: wrap;
        border-bottom: 1px #333 solid;
        margin-bottom: 20px;
    }

    .first_title_area li:first-child {
        font-size: 35px;
        color: #91181e;
        font-weight: bold;
        text-align: center;
        margin-top: 75px;
        margin-right: 65px;
    }

    .first_title_area li:nth-of-type(2) {
        display: none;
    }

    .first_title_area li span {
        display: block;
    }

    .first_title_area li:last-child {
        margin-top: 55px;
        font-size: 14px;
        line-height: 1.5em;
    }

    .sub_title {
        margin-top: 30px;
    }

    .sub_title h2 {
        font-size: 60px;
        line-height: 1.2em;
        margin-left: 1.5em;
    }

    .sub_title span {
        display: block;
    }

    .youtube_area {
        width: 50%;
        aspect-ratio: 16 / 9;
        margin: 20px auto;
    }

    .youtube_area iframe {
        width: 100%;
        height: 100%;
    }

    .point_title img {
        display: block;
        margin: 0 auto;
        width: 90%;
    }

    .point_title {
        margin-top: 2em;
    }

    .point_title div {
        margin-left: 12em;
        margin-top: 30px;
    }

    .point_title div dl {
        display: flex;
        font-size: 50px;
        font-weight: bold;
        margin: 40px 0 40px 0;
    }

    span.point_mark {
        font-size: 18px;
    }

    .point_title div dl dt {
        margin-right: 30px;
        color: #91181e;
    }

    span.point_color {
        color: #91181e;
    }

    .timetable h3 {
        text-align: center;
        background-color: #dd571c;
        font-size: 24px;
        color: #fff;
        padding: 10px;
    }

    .timetable h4 {
        text-align: center;
        font-size: 30px;
        color: #dd571c;
        margin-top: 1em;
    }

    .timetable h5 {
        text-align: center;
        margin-top: 15px;
        font-size: 20px;
        font-weight: normal;
    }

    .ramen_flex {
        display: flex;
        width: 60%;
        margin: 30px auto;
    }

    .ramen_flex2 {
        display: flex;
        width: 80%;
        margin: 30px auto;
    }

    .ramen_flex ul {
        font-weight: bold;
        font-size: 20px;
        margin: 0 auto;
        line-height: 1.3;
    }

    .ramen_flex2 ul {
        font-weight: bold;
        font-size: 20px;
        margin: 0 auto;
        line-height: 1.3;
    }

    .ramen_flex ul li span {
        display: block;
        font-size: 16px;
        margin-left: 20px;
    }

    .ramen_border {
        border: 5px #dd571c solid;
        padding: 10px 0 20px 0;
        margin: 20px 0 20px 0;
    }

    .ramen_border p {
        width: 60%;
        margin: 0 auto;
        line-height: 1.2em;
    }

    .timetabelsen {
        background-color: #dd571c;
        height: 3px;
        margin-top: 40px;
    }

    .timetable_list dl dt {
        float: left;
    }

    .timetable_list dl dd {
        float: left;
        margin-left: 20px;
        line-height: 1.4em;
    }

    .timetable_list dl dd:nth-of-type(2) {
        float: left;
        width: 80%;
    }

    .timetable_list dl dd:nth-of-type(3) {
        float: left;
    }

    .timetable_list dl {
        clear: both;
        padding: 15px 0 15px 0;
    }

    .spleft {
        margin-left: 9px;
    }

    .spright {
        margin-right: 42px;
    }

    dd.widthsp {
        width: 12% !important;
    }

    span.colorgreen {
        color: #009944;
    }

    .support_bk {
        background-image: url(../img/support_title_bk.jpg);
        background-size: cover;
        padding-top: 7em;
    }

    .support_bk h2 {
        text-align: center;
        margin-left: 75px;
    }

    .support_bk h3 {
        color: #fff;
        font-size: 24px;
        margin-top: 95px;
        margin-left: 75px;
    }

    .support_bk h4 {
        text-align: center;
    }

    .support_bk span {
        display: block;
        text-align: right;
        padding-bottom: 10px;
    }

    .support_area {
        margin-top: 7em;
    }

    .fee_area_bk,
    .success_bk {
        background-color: #eeb619;
    }

    .fee_bk_img img,
    .success_bk_img img {
        width: 100%;
        vertical-align: bottom;
    }

    .fee_flex {
        display: flex;
        padding: 50px 50px 0 50px;
    }

    .fee_flex div {
        flex: 1;
        width: 50%;
        display: flex;
        flex-direction: column;
        align-items: center;
    }

    .fee_flex div p {
        font-size: 31px;
        font-weight: bold;
        line-height: 1.2em;
        text-align: justify;
    }

    .fee_area_bk h2 img {
        width: 92%;
        display: block;
        margin: 0 auto;
        padding-top: 45px;
    }

    .instructor_area h2 {
        text-align: center;
        font-size: 48px;
        color: #91181e;
    }

    .instructor_area {
        margin-top: 2em;
    }

    .instructor_area h3 {
        text-align: center;
        font-size: 30px;
        margin-top: 10px;
        color: #91181e;
    }

    .instructor_area h3 {
        position: relative;
    }

    .instructor_area h3 span {
        position: absolute;
        right: -25px;
        top: -5px;
    }

    .instructor_member_right {
        display: flex;
        margin-left: 76px;
        flex-wrap: wrap;
    }

    .instructor_member_right ul {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 0 10px 0 10px;
        box-sizing: border-box;
        width: 20%;
    }

    .instructor_list {
        display: flex;
        margin-top: 40px;
    }

    .instructor_member_right ul li {
        font-size: 12px;
        line-height: 1.2em;
        margin: 3px 0 3px 0;
        text-align: justify;
    }

    .instructor_member_left {
        display: flex;
        position: relative;
    }

    .instructor_member_left ul:nth-of-type(2) {
        position: absolute;
    }

    .instructor_member_left ul:nth-of-type(2) li:nth-of-type(1) {
        position: absolute;
        left: 125px;
        top: 25px;
    }

    .instructor_member_left ul:nth-of-type(2) li:nth-of-type(1) {
        position: absolute;
        left: 150px;
        top: 0px;
    }

    .instructor_member_left ul:nth-of-type(2) li:nth-of-type(2) {
        position: absolute;
        top: 207px;
        left: 110px;
    }

    .grandprix_bk {
        background-color: #eeb619;
        padding: 50px 50px 0 50px;
    }

    .grandprix span img {
        width: 100%;
    }

    .grandprix_bk h2 img {
        width: 100%;
        display: block;
        text-align: center;
    }

    .grandprix_bk ul {
        display: flex;
    }

    .grandprix_bk ul li {
        font-size: 30px;
        font-weight: bold;
        line-height: 1.5em;
        text-align: justify;
    }

    .produce_bk {
        background-image: url("../img/produce_bk.jpg");
    }

    .produce_bk {
        background-image: url(../img/produce_bk.jpg);
        background-size: cover;
        padding-top: 7em;
        padding-bottom: 7em;
    }

    .produce_left ul li:nth-of-type(2) {
        font-size: 48px;
        font-weight: bold;
        line-height: 1.3em;
        margin-top: 30px;
    }

    .produce_flex {
        color: #fff;
        display: flex;
        align-items: center;
    }

    .produce_left {
        flex: 1;
        text-align: center;
    }

    .produce_right {
        flex: 1;
    }

    .produce_left ul li span {
        font-size: 90px;
        display: block;
        margin-top: 30px;
    }

    .produce_right {
        flex: 1;
        background-color: #91181e;
        padding: 20px;
        font-size: 25px;
        font-weight: bold;
        line-height: 1.5em;
        text-align: justify;
    }

    .produce_more {
        text-align: right;
    }

    .success_bk {
        background-color: #eeb619;
        padding: 50px 50px 0 50px;
    }

    .success_bk ul {
        display: flex;
        align-items: center;
        justify-content: center;
    }

    .success_bk ul li img {
        width: 100%;
    }

    .fee_bk_img span img {
        width: auto;
        vertical-align: bottom;
        position: absolute;
        right: 0;
        top: -88px;
    }

    .success_bk h3 {
        font-size: 30px;
        margin: 5px 0 15px 0;
        line-height: 1.2em;
    }

    .application_area h2 {
        font-size: 60px;
        color: #91181e;
        text-align: center;
    }

    .application_area {
        margin-top: 2em;
    }

    .application_area h3 {
        margin-top: 10px;
        text-align: center;
        font-size: 24px;
        background-color: #dd571c;
        color: #fff;
        padding: 10px;
    }

    .application_area dl {
        display: flex;
        padding: 20px 20px 20px 20px;
        font-size: 18px;
        align-items: center;
        border-bottom: 1px #dd571c solid;
    }

    .application_area dl dt {
        flex: 0.5;
        text-align: center;
    }

    .application_area dl dd {
        flex: 2;
    }

    .application_area dl dd:nth-of-type(3) {
        flex: 3;
    }

    .application_area dl dd a {
        background-color: #dd571c;
        color: #fff;
        padding: 5px 20px 5px 20px;
        display: block;
        text-align: center;
        border-radius: 10px;
    }

    .application_area ul {
        display: flex;
        font-size: 18px;
        margin-top: 20px;
    }

    .application_area ul li:first-child {
        margin-left: 40px;
        flex: 1;
    }

    .application_area ul li:nth-of-type(2) {
        flex: 3;
        margin-left: 85px;
    }

    .application_area dl:nth-of-type(1) {
        border-top: 1px #dd571c solid;
        margin-top: 20px;
    }

    .application_area p {
        text-align: right;
        margin-top: 10px;
    }

    .map_area_bk {
        background-color: #db5310;
        margin-top: 20px;
        position: relative;
    }

    .map_area_flex {
        display: flex;
        flex-wrap: wrap;
        padding: 50px 40px 50px 40px;
    }

    .map-container {
        width: 100%;
        height: auto;
        /* 画面全体の高さを使いたい場合 */
        position: relative;
        margin-top: 10px;
    }

    .map-container iframe {
        width: 100%;
        border: 0;
    }

    .map_area_flex ul {
        width: 50%;
        padding: 0 10px 0 10px;
        box-sizing: border-box;
        color: #fff;
    }

    .map_area_flex ul li:first-child {
        font-size: 40px;
        font-weight: bold;
        text-align: center;
    }

    .circle-text::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 4em;
        height: 4em;
        background-color: #a41f32;
        border-radius: 50%;
        z-index: -1;
    }

    .circle-text {
        display: inline-block;
        color: white;
        font-weight: bold;
        z-index: 1;
        font-size: 30px;
        position: absolute;
        top: 25px;
    }

    .map_area_flex ul li {
        font-size: 16px;
        line-height: 1.5em;
    }

    .map_area_flex ul li:nth-of-type(2),
    .map_area_flex ul li:nth-of-type(3) {
        font-weight: normal;
        text-align: left;
    }

    .map_area_flex ul li a {
        color: #fff;
        text-decoration: underline;
        margin-left: 10px;
    }

    .member,
    .participation,
    .transfer {
        margin-top: 2em;
    }

    .member h2,
    .participation h2,
    .transfer h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .member p,
    .participation p,
    .transfer p {
        padding-left: 1em;
        text-indent: -1em;
        line-height: 1.3em;
        margin: 5px 0 5px 30px;
    }

    .participation h3 {
        font-size: 40px;
        margin-left: 18px;
        color: #91181e;
        margin-top: 30px;
    }

    .participation h4 {
        font-size: 24px;
        margin-left: 27px;
        margin-top: 10px;
        color: #a41f32;
    }

    .transfer h3 {
        font-size: 30px;
        margin-top: 30px;
        margin-left: 30px;
        margin-bottom: 20px;
    }

    .participation h3 span {
        font-size: 28px;
    }

    .sen_area {
        background-color: #91181e;
        height: 25px;
        margin: 3em 0 3em 0;
    }

    .azitukuri_title_area li:nth-of-type(2) {
        text-align: right;
        margin-right: 10px;
    }

    .azitukuri_title_area li:first-child {
        font-size: 35px;
        color: #91181e;
        font-weight: bold;
        text-align: center;
        margin-top: 75px;
        margin-right: 30px;
    }

    .azitukuri_title_area li:last-child {
        margin-top: 55px;
        font-size: 14px;
        line-height: 1.5em;
        flex: 1;
    }

    ul.azitukuri_title_area {
        display: flex;
        margin-top: 0.5em;
    }

    .setumei_area div {
        width: 50%;
        padding: 30px;
        box-sizing: border-box;
    }

    .setumei_area div:first-child {
        padding-left: 0;
    }

    .setumei_area div:last-child {
        padding-right: 0;
    }

    .setumei_area {
        display: flex;
    }

    .setumei_area div p {
        line-height: 1.5em;
        text-align: justify;
    }

    .attempt h2,
    .azitukuri_member h2,
    .azitukuri_zyouken h2,
    .azitukuri_participation h2,
    .azitukuri_content h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .attempt h3 {
        font-size: 24px;
        margin-left: 50px;
    }

    .attempt p,
    .azitukuri_member p,
    .azitukuri_zyouken p {
        padding-left: 1em;
        text-indent: -1em;
        margin-left: 3em;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.3em;
    }

    .azitukuri_member,
    .azitukuri_zyouken,
    .azitukuri_content {
        margin-top: 2em;
    }

    .azitukuri_participation h3 {
        font-size: 40px;
        margin-left: 18px;
        color: #91181e;
        margin-top: 30px;
    }

    .azitukuri_content ul li {
        width: 25%;
        padding: 5px;
        box-sizing: border-box;
    }

    .azitukuri_content ul li img {
        width: 100%;
    }

    .azitukuri_content ul {
        display: flex;
        flex-wrap: wrap;
    }

    .zinzai_title_area li:nth-of-type(2) {
        text-align: right;
    }

    .zinzai_title_area li:first-child {
        font-size: 35px;
        color: #91181e;
        font-weight: bold;
        text-align: center;
        margin-top: 75px;
        margin-right: 30px;
    }

    .zinzai_title_area li:last-child {
        line-height: 1.5em;
        flex: 1;
    }

    ul.zinzai_title_area {
        display: flex;
        margin-top: 0.5em;
    }

    .zinzai_title_area li img {
        width: 100%;
    }

    .course_area img {
        width: 100%;
    }

    .china_course {
        margin-top: 2em;
    }

    .usa_course {
        border-bottom: 1px #cfcfcf solid;
        padding-bottom: 10px;
    }

    .china_course {
        border-top: 1px #cfcfcf solid;
        padding-top: 20px;
    }

    .fee_bk_img {
        position: relative;
    }

    .fee_area_sp {
        display: none;
    }

    .slider-wrapper {
        display: flex;
    }

    .left-slider,
    .right-fixed {
        width: 50%;
    }

    .main_img {
        background-color: #91181e;
        margin-bottom: 1em;
    }

    .main_img img {
        vertical-align: bottom;
    }

    .nav {
        display: none;
    }

    .jump_btn {
        max-width: 1050px;
        margin: 2em auto 0 auto;
    }

    .jump_btn ul li {
        width: 20%;
        text-align: center;
        padding: 10px;
        box-sizing: border-box;
        background-color: #91181e;
        padding: 20px 0 15px 0;
        margin: 10px;
    }

    .jump_btn ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 40px;
    }

    .jump_btn span {
        display: block;
        margin-top: 5px;
    }

    .jump_btn ul li a {
        color: #fff;
        font-size: 17px;
        font-weight: bold;
    }

    .btn.js-btn-more4,
    .btn.js-btn-close4 {
        text-align: center;
        margin-top: 30px;
    }

    .timetable2 {
        background-color: #dd571c;
        padding: 30px;
        text-align: center;
        font-size: 24px;
        font-weight: bold;
        max-width: 600px;
        margin: 40px auto 0 auto;
    }

    .timetable2 a {
        color: #fff;
        text-decoration: underline;
    }




}

@media screen and (max-width:640px) {

    .information h3 {
        background: #dd571c;
        color: white;
        font-size: 24px;
        padding: 0.5em;
        border-bottom: solid 10px #91181e;
    }

    .information {
        max-width: 800px;
        margin: 30px auto 2em auto;
        border: 1px #333 solid;
    }

    .information div {
        overflow-y: auto;
        height: 200px;
    }

    .information div {
        overflow-y: auto;
        height: 200px;
        padding: 30px 20px 30px 20px;
        margin-bottom: 20px;
    }

    .information div dl dd {
        margin-top: 10px;
        line-height: 1.2em;
    }

    .information dl {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 20px;
    }

    .information dl:first-child {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 0px;
    }

    .information_blue {
        margin-left: 10px;
        background-color: #38a9ff;
        color: #fff;
        padding: 5px;
        font-size: 16px;
    }

    .information_orange {
        margin-left: 10px;
        background-color: #ffb500;
        color: #fff;
        padding: 5px;
        font-size: 16px;
    }


    /*SNSアイコン*/
    .sns_area ul {
        display: flex;
    }

    .sns_area img {
        width: 100%;
    }

    .sns_area ul li {
        margin: 20px;
    }

    .timetable2 {
        text-align: center;
        margin-top: 30px;
        background-color: #dd571c;
        padding: 20px;
        font-size: 24px;
        list-style: 1.2em;
    }

    .timetable2 a {
        color: #fff;
        font-weight: bold;
    }

    .tb_img {
        display: none !important;
    }

    .pc_img {
        display: none !important;
    }

    .course_title {
        margin-top: 20px;
    }

    .first_title_area li:first-child,
    .azitukuri_title_area li:first-child,
    .zinzai_title_area li:first-child {
        text-align: center;
        color: #91181e;
        font-weight: bold;
        font-size: 30px;
        margin-top: 10px;
    }

    .first_title_area li:last-child {
        text-align: justify;
        line-height: 1.2em;
        margin: 10px 0 10px 0;
    }

    .sub_title span {
        font-size: 24px;
        line-height: 1.2em;
    }

    .point_title {
        margin-top: 10px;
        text-align: center;
    }

    .point_title div dt {
        color: #91181e;
        font-weight: bold;
        font-size: 30px;
    }

    span.point_mark {
        font-size: 15px;
    }

    .sp_img {
        display: block !important;
    }

    .point_title div dl dd {
        font-size: 20px;
        font-weight: bold;
        line-height: 1.2em;
    }

    span.point_color {
        color: #91181e;
    }

    .point_title div dl {
        margin: 10px 0 10px 0;
    }

    .timetable {
        margin-top: 20px;
    }

    .timetable h3 {
        background-color: #dd571c;
        color: #fff;
        padding: 10px 0 10px 0;
        text-align: center;
    }

    .timetable h4 {
        text-align: center;
        margin: 10px 0 10px 0;
        color: #dd571c;
        font-size: 24px;
    }

    .ramen_flex,
    .ramen_flex2 {
        margin-top: 5px;
    }

    .ramen_flex ul li span,
    .ramen_flex2 ul li span {
        display: block;
        margin-left: 18px;
    }

    .ramen_flex ul li,
    .ramen_flex2 ul li {
        margin: 8px 0 8px 0;
        line-height: 1.2em;
        padding-left: 1em;
        text-indent: -1em;
    }

    .timetable p {
        text-align: justify;
        line-height: 1.2em;
        margin-top: 20px;
    }

    .ramen_border {
        border: 1px #dd571c solid;
        padding: 20px;
    }

    .timetable h5 {
        text-align: center;
        font-size: 20px;
    }

    .timetable h5 {
        text-align: center;
        font-size: 20px;
        line-height: 1.2em;
    }

    .timetable h5 span {
        display: block;
    }

    .timetable_list {
        margin-top: 1em;
    }

    .timetable_list dl dt {
        margin-bottom: 5px;
        margin-top: 15px;
    }

    .timetable_list dl dd {
        line-height: 1.2em;
        text-align: justify;
    }

    .timetabelsen {
        background-color: #dd571c;
        height: 3px;
        margin-top: 10px;
    }

    span.colorgreen {
        color: #009944;
    }

    .support_area {
        margin-top: 30px;
    }

    .support_bk {
        background-image: url(../img/support_title_bk_sp.jpg);
        padding-bottom: 20px;
    }

    .support_bk h4 img {
        width: 100%;
    }

    .support_bk h2 img {
        width: 100%;
        padding-top: 30px;
    }

    .support_bk h3 {
        color: #fff;
        margin: 5px 0 5px 0;
        text-align: center;
    }

    .main_img img {
        width: 100%;
    }

    .point_title img {
        width: 100%;
    }

    .fee_area_bk h2 img {
        width: 100%;
    }

    .fee_flex div img {
        width: 100%;
    }

    .grandprix_bk h2 img {
        width: 100%;
    }

    .grandprix_bk ul li img {
        width: 100%;
    }

    .grandprix span img {
        width: 100%;
    }

    .produce_left img {
        width: 100%;
    }

    .success_bk h2 img {
        width: 100%;
    }

    .azitukuri_title_area li img {
        width: 100%;
    }

    .zinzai_title_area li img {
        width: 100%;
    }

    .usa_course img,
    .china_course img {
        width: 100%;
    }

    .success_bk ul li img {
        width: 100%;
    }

    .support_bk span a {
        display: block;
        text-align: right;
    }

    .fee_area {
        display: none;
    }

    .fee_area_bk {
        background-color: #eeb618;
        padding: 10px;
    }

    .fee_flex p {
        line-height: 1.2em;
        font-weight: bold;
        margin: 10px 0 10px 0;
        text-align: justify;
        letter-spacing: -1px;
    }

    .instructor_area h2 {
        color: #91181e;
        font-size: 30px;
        text-align: justify;
        letter-spacing: -3px;
        line-height: 1.1em;
    }

    .instructor_area {
        margin-top: 1em;
    }

    .instructor_area h3 {
        text-align: justify;
        margin: 5px 0 5px 0;
        line-height: 1.2em;
    }

    .instructor_area h4 {
        font-size: 20px;
        margin: 10px 0 10px 0;
    }

    span.box_red {
        color: #e50012;
        margin-right: 5px;
    }

    span.box_blue {
        color: #0067b5;
        margin-right: 5px;
    }

    span.box_green {
        color: #8dc21f;
        margin-right: 5px;
    }

    .instructor_top ul {
        text-align: center;
    }

    .instructor_top {
        display: flex;
        flex-wrap: wrap;
    }

    .instructor_top ul {
        text-align: center;
        width: 50%;
        padding-right: 10px;
        box-sizing: border-box;
        margin-top: 10px;
        position: relative;
    }

    .instructor_top ul:nth-of-type(2),
    .instructor_top ul:nth-of-type(4),
    .instructor_top ul:nth-of-type(6) {
        padding-right: 0px;
        padding-left: 10px;
    }

    .instructor_top img {
        width: 100%;
    }

    .instructor_top ul li:last-child {
        margin-top: 5px;
    }

    .box ul {
        line-height: 1.2em;
    }

    .instructor_top ul li a img {
        width: 35%;
        position: absolute;
        top: 65px;
        right: 0;
    }

    .grandprix {
        margin-top: 20px;
    }

    .grandprix_bk {
        background-color: #eeb618;
        padding: 20px 0 10px 0;
    }

    .grandprix_bk ul li {
        color: #333;
        font-weight: bold;
        line-height: 1.2em;
        margin: 10px 0 10px 0;
    }

    .produce_bk {
        background-image: url(../img/produce_bk_sp.jpg);
    }

    .produce_left {
        padding-top: 20px;
    }

    .produce_left ul {
        color: #fff;
        font-weight: bold;
        text-align: center;
        font-size: 30px;
        line-height: 1.2em;
    }

    .produce_left ul li {
        margin: 5px 0 5px 0;
    }

    .produce_right p {
        color: #fff;
        line-height: 1.3em;
        text-align: justify;
        margin: 10px 0 0 0;
    }

    .produce_more span {
        text-align: right;
        display: block;
        padding-bottom: 10px;
    }

    .success_bk {
        background-color: #eeb618;
    }

    .success_bk h2 {
        padding-top: 20px;
    }

    .success_bk h3 {
        line-height: 1.2em;
        letter-spacing: -1px;
        margin: 10px 0 10px 0;
    }

    .success_bk ul li {
        margin: 10px 0 5px 0;
    }

    .success_bk span {
        text-align: right;
        display: block;
    }

    .more_link img {
        width: 100%;
    }

    .more_link {
        margin-top: 10px;
        text-align: center;
    }

    .application_area h2 {
        font-size: 24px;
        color: #91181e;
        text-align: center;
    }

    .application_area {
        margin-top: 20px;
    }

    .application_area h3 {
        background-color: #dd571c;
        padding: 10px;
        color: #fff;
        text-align: center;
        font-size: 16px;
        line-height: 1.3em;
        margin: 10px 0 10px 0;
    }

    .application_area dl dd {
        margin: 10px 0 10px 0;
    }

    .application_area dl {
        margin: 15px 0 15px 0;
        text-align: center;
    }

    .application_area dl dd a {
        border-radius: 15px;
        background-color: #dd571c;
        padding: 15px;
        color: #fff;
        display: block;
    }

    .application_area p {
        line-height: 1.2em;
        text-align: justify;
        padding-left: 1em;
        text-indent: -1em;
    }

    .map_area {
        margin-top: 1em;
    }

    .map_area_flex ul li:first-child {
        font-size: 20px;
    }

    .map_area_bk {
        padding: 20px 0 20px 0;
        background-color: #db5310;
    }

    .map_area_bk ul {
        color: #fff;
        line-height: 1.4em;
    }

    .member h2,
    .participation h2,
    .transfer h2 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 10px;
    }

    span.price {
        display: block;
        font-size: 30px;
    }

    span.tax {
        font-size: 20px;
    }

    .participation h3 {
        font-size: 20px;
        margin-top: 5px;
        line-height: 1.5em;
    }

    .participation p {
        text-align: justify;
        line-height: 1.2em;
    }

    .participation h4 {
        margin-bottom: 15px;
        margin-top: 2px;
    }

    .transfer h3 {
        font-size: 20px;
        line-height: 1.2em;
        margin-bottom: 10px;
    }

    .transfer p {
        margin: 5px 0 5px 0;
        line-height: 1.2em;
        padding-left: 1em;
        text-indent: -1em;
    }

    .setumei_area {
        margin-top: 20px;
        text-align: justify;
        line-height: 1.2em;
    }

    .member {
        margin-top: 20px;
    }

    .attempt h2,
    .azitukuri_member h2,
    .azitukuri_zyouken h2,
    .azitukuri_participation h2,
    .transfer h2 {
        font-size: 20px;
        margin-bottom: 10px;
        margin-top: 20px;
    }

    .attempt h3 {
        margin: 10px 0 10px 0;
    }

    .attempt p {
        line-height: 1.2em;
        padding-left: 1em;
        text-indent: -1em;
        text-align: justify;
        letter-spacing: -0.5px;
    }

    .azitukuri_member p {
        margin: 5px 0 5px 0;
    }

    .azitukuri_member p,
    .azitukuri_zyouken p {
        margin: 5px 0 5px 0;
        line-height: 1.2em;
        padding-left: 1em;
        text-align: justify;
        text-indent: -1em;
        letter-spacing: -0.5px;
    }

    .sen_area {
        background-color: #91181e;
        height: 10px;
        margin: 20px 0 20px 0;
    }

    .first_title_area img {
        width: 70%;
        display: block;
        margin: 10px auto;
    }

    .youtube_area {
        width: 100%;
        aspect-ratio: 16 / 9;
        margin-top: 20px;
    }

    .youtube_area iframe {
        width: 100%;
        height: 100%;
    }

    .map-container {
        width: 100%;
        height: auto;
        /* 画面全体の高さを使いたい場合 */
        position: relative;
        margin-top: 10px;
    }

    .map-container iframe {
        width: 100%;
        border: 0;
        height: 100%;
    }

    .map_area_flex ul li a {
        color: #fff;
        text-decoration: underline;
    }

    .map_area_bk ul:last-child {
        margin-top: 1em;
    }

    .pc_nav li span {
        display: block;
        padding-top: 5px;
    }

    header {
        background: #333;
        padding: 10px;
        color: white;
    }

    .logo h1 {
        padding: 10px;
        text-align: center;
    }

    .logo h1 img {
        width: 70%;
    }

    .pankuzu {
        margin-top: 10px;
        margin-left: 15px;
    }

    .pankuzu span a {
        text-decoration: underline;
        color: #000;
    }

    .inner {
        padding: 0 15px 0 15px !important;
    }

    /* ロゴ */
    #loading-logo {
        width: 70%;
        margin-bottom: 40px;
    }

    /* スピナー */
    .spinner {
        width: 50px;
        height: 50px;
        border: 5px solid #ccc;
        border-top: 5px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    .jump_btn ul li a {
        color: #fff;
        font-size: 18px;
        font-weight: bold;
    }

    .jump_btn ul li {
        background-color: #91181e;
        margin: 10px 0 10px 0;
        padding: 15px;
        text-align: center;
    }

    .jump_btn ul li span {
        display: block;
        margin-top: 10px;
    }

    ul.first_title_area {
        margin-top: 5em;
    }

    .btn.js-btn-more4,
    .btn.js-btn-close4 {
        text-align: center;
        margin-top: 30px;
    }

    .azitukuri_content h2 {
        margin: 20px 0 20px 0;
        font-size: 23px;
    }

    .js-accordion4 ul {
        display: flex;
        flex-wrap: wrap;
    }

    .js-accordion4 ul li {
        width: 25%;
        padding: 10px;
        box-sizing: border-box;
    }

    .js-accordion4 ul li img {
        width: 100%;
    }

    .ramen_flex2 ul {
        display: block !important;
        border: none !important;
        padding: 0 !important;
        margin: 0 !important;
    }

    .ramen_flex2 ul li {
        width: 100% !important;
        padding: 5px !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
}



@media screen and (min-width: 641px) and (max-width: 960px) {

    .information h3 {
        background: #dd571c;
        color: white;
        font-size: 24px;
        padding: 0.5em;
        border-bottom: solid 10px #91181e;
    }

    .information {
        max-width: 800px;
        margin: 30px auto 2em auto;
        border: 1px #333 solid;
    }

    .information div {
        overflow-y: auto;
        height: 200px;
    }

    .information div {
        overflow-y: auto;
        height: 200px;
        padding: 30px 20px 30px 20px;
        margin-bottom: 20px;
    }

    .information div dl dd {
        margin-top: 10px;
        line-height: 1.2em;
    }

    .information dl {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 20px;
    }

    .information dl:first-child {
        font-size: 18px;
        line-height: 1.5;
        margin-top: 0px;
    }

    .information_blue {
        margin-left: 10px;
        background-color: #38a9ff;
        color: #fff;
        padding: 5px;
        font-size: 16px;
    }

    .information_orange {
        margin-left: 10px;
        background-color: #ffb500;
        color: #fff;
        padding: 5px;
        font-size: 16px;
    }

    /* ロゴ */
    #loading-logo {
        width: 50%;
        margin-bottom: 40px;
    }

    /* スピナー */
    .spinner {
        width: 50px;
        height: 50px;
        border: 5px solid #ccc;
        border-top: 5px solid #3498db;
        border-radius: 50%;
        animation: spin 1s linear infinite;
    }

    /* 画面幅"中"版のスタイルを記述 */

    .pc_nav li span {
        display: block;
        padding-top: 5px;
    }

    .tb_img_none {
        display: none !important;
    }

    .sp_img {
        display: none !important;
    }

    .header_flex {
        max-width: 1200px;
        margin: 0 auto;
    }

    .logo h1 {
        padding: 10px;
        text-align: center;
    }

    .logo h1 img {
        width: 70%;
    }

    .pankuzu {
        margin-top: 10px;
        margin-left: 15px;
    }

    .pankuzu span a {
        text-decoration: underline;
        color: #000;
    }





    .main_img img {
        width: 100%;
    }

    .inner {
        max-width: 1055px;
        margin: 0 auto;
        padding: 0 20px 0 20px;
    }

    ul.first_title_area {
        display: flex;
        margin-top: 0.5em;
    }

    .first_title_area li:first-child {
        display: none;
    }

    .first_title_area li:nth-of-type(2) {
        font-size: 30px;
        color: #91181e;
        font-weight: bold;
        flex: 1;
        text-align: center;
        margin-top: 55px;
    }

    .first_title_area li:nth-of-type(3) {
        margin-right: 10px;
    }

    .first_title_area li:last-child {
        margin-top: 40px;
        font-size: 14px;
        line-height: 1.5em;
        flex: 1;
        text-align: justify;
    }

    .sub_title {
        margin-top: 30px;
    }

    .sub_title h2 {
        font-size: 40px;
        line-height: 1.2em;
        text-align: justify;
    }

    .youtube_area {
        width: 100%;
        aspect-ratio: 16 / 9;
        margin-top: 20px;
    }

    .youtube_area iframe {
        width: 100%;
        height: 100%;
    }

    .point_title img {
        width: 100%;
    }

    .point_title {
        margin-top: 2em;
    }

    .point_title div {
        margin-top: 30px;
    }

    .point_title div dl {
        display: flex;
        font-size: 50px;
        font-weight: bold;
        margin: 40px 0 40px 0;
    }

    span.point_mark {
        font-size: 18px;
    }

    .point_title div dl dt {
        margin-right: 30px;
        color: #91181e;
    }

    span.point_color {
        color: #91181e;
    }

    .timetable h3 {
        text-align: center;
        background-color: #dd571c;
        font-size: 24px;
        color: #fff;
        padding: 10px;
    }

    .timetable h4 {
        text-align: center;
        font-size: 30px;
        color: #dd571c;
        margin-top: 1em;
    }

    .timetable h5 {
        text-align: center;
        margin-top: 15px;
        font-size: 20px;
        font-weight: normal;
    }

    .ramen_flex {
        display: flex;
        margin: 30px auto;
    }

    .ramen_flex2 {
        display: flex;
        margin: 30px auto;
    }

    .ramen_flex ul {
        font-weight: bold;
        font-size: 20px;
        margin: 0 auto;
        line-height: 1.3;
    }

    .ramen_flex2 ul {
        font-weight: bold;
        font-size: 20px;
        margin: 0 auto;
        line-height: 1.3;
        flex: 1;
        padding: 0 10px 0 10px;
        text-align: justify;
    }

    .ramen_flex2 ul li {
        padding-left: 1em;
        text-indent: -1em;
    }

    .ramen_flex ul li span {
        display: block;
        font-size: 16px;
        margin-left: 20px;
    }

    .ramen_border {
        border: 5px #dd571c solid;
        padding: 10px 0 20px 0;
        margin: 20px 0 20px 0;
    }

    .ramen_border p {
        /* width: 60%; */
        margin: 0 auto;
        line-height: 1.2em;
        padding: 0 30px 0 30px;
        text-align: justify;
    }

    .timetabelsen {
        background-color: #dd571c;
        height: 3px;
        margin-top: 40px;
    }

    .timetable_list dl dt {
        float: left;
    }

    .timetable_list dl dd {
        float: left;
        margin-left: 20px;
        line-height: 1.4em;
    }

    .timetable_list dl dd:nth-of-type(2) {
        float: left;
        width: 80%;
    }

    .timetable_list dl dd:nth-of-type(3) {
        float: left;
    }

    .timetable_list dl {
        clear: both;
        padding: 15px 0 15px 0;
    }

    .spleft {
        margin-left: 9px;
    }

    .spright {
        margin-right: 42px;
    }

    dd.widthsp {
        width: 12% !important;
    }

    span.colorgreen {
        color: #009944;
    }

    .support_bk {
        background-image: url(../img/support_title_bk.jpg);
        background-size: cover;
        padding-top: 2em;
    }

    .support_bk h2 {
        text-align: center;
    }

    .support_bk h3 {
        color: #fff;
        font-size: 24px;
        margin-top: 20px;
        margin-bottom: 10px;
    }

    .support_bk h4 {
        text-align: center;
    }

    .support_bk span {
        display: block;
        text-align: right;
        padding-bottom: 10px;
    }

    .support_area {
        margin-top: 7em;
    }

    .fee_area_bk,
    .success_bk {
        background-color: #eeb619;
    }

    .fee_bk_img img,
    .success_bk_img img {
        width: 100%;
        vertical-align: bottom;
    }

    .fee_flex div p {
        font-size: 25px;
        font-weight: bold;
        line-height: 1.2em;
        text-align: justify;
        margin-bottom: 10px;
    }

    .fee_flex {
        padding: 10px 30px 30px 30px;
    }

    .fee_flex img {
        width: 100%;
    }

    .fee_area_bk h2 img {
        width: 92%;
        display: block;
        margin: 0 auto;
        padding-top: 45px;
    }

    .instructor_area h2 {
        color: #91181e;
        font-size: 30px;
        text-align: justify;
        letter-spacing: -3px;
        line-height: 1.1em;
    }

    .instructor_area {
        margin-top: 1em;
    }

    .instructor_area h3 {
        text-align: justify;
        margin: 5px 0 5px 0;
        line-height: 1.2em;
    }

    .instructor_area h4 {
        font-size: 20px;
        margin: 10px 0 10px 0;
    }

    span.box_red {
        color: #e50012;
        margin-right: 5px;
    }

    span.box_blue {
        color: #0067b5;
        margin-right: 5px;
    }

    span.box_green {
        color: #8dc21f;
        margin-right: 5px;
    }

    .instructor_top ul {
        text-align: center;
    }

    .instructor_top {
        display: flex;
        flex-wrap: wrap;
    }

    .instructor_top ul {
        text-align: center;
        width: 50%;
        padding-right: 10px;
        box-sizing: border-box;
        margin-top: 10px;
        position: relative;
    }

    .instructor_top ul:nth-of-type(2),
    .instructor_top ul:nth-of-type(4),
    .instructor_top ul:nth-of-type(6) {
        padding-right: 0px;
        padding-left: 10px;
    }

    .instructor_top ul li:last-child {
        margin-top: 5px;
    }

    .box ul {
        line-height: 1.2em;
    }

    .instructor_top ul li a img {
        width: 20%;
        position: absolute;
        top: 65px;
        right: 35px;
    }

    .grandprix_bk {
        background-color: #eeb619;
        padding: 50px 50px 0 50px;
    }

    .grandprix span img {
        width: 100%;
    }

    .grandprix_bk h2 img {
        width: 100%;
        display: block;
        text-align: center;
    }

    .grandprix_bk ul {
        display: flex;
    }

    .grandprix_bk ul li {
        font-size: 24px;
        font-weight: bold;
        line-height: 1.5em;
        text-align: justify;
    }

    .produce_bk {
        background-image: url("../img/produce_bk.jpg");
    }

    .produce_bk {
        background-image: url(../img/produce_bk.jpg);
        background-size: cover;
        padding-top: 4em;
        padding-bottom: 4em;
    }

    .produce_left ul li:nth-of-type(2) {
        font-size: 48px;
        font-weight: bold;
        line-height: 1.3em;
        margin-top: 10px;
    }

    .produce_flex {
        color: #fff;
        align-items: center;
    }

    .produce_left {
        flex: 1;
        text-align: center;
    }

    .produce_right {
        flex: 1;
    }

    .produce_left ul li span {
        font-size: 90px;
        display: block;
        margin-top: 30px;
    }

    .produce_right {
        flex: 1;
        background-color: #91181e;
        padding: 20px;
        font-size: 25px;
        font-weight: bold;
        line-height: 1.5em;
        text-align: justify;
        margin-top: 30px;
    }

    .produce_more {
        text-align: right;
        margin-top: 20px;
    }

    .success_bk {
        background-color: #eeb619;
        padding: 30px 10px 30px 10px;
    }

    .success_bk ul {
        display: flex;
    }

    .success_bk ul li img {
        width: 100%;
    }

    .fee_bk_img span img {
        width: auto;
        vertical-align: bottom;
    }

    .success_bk h3 {
        font-size: 30px;
        margin: 5px 0 15px 0;
        line-height: 1.2em;
    }

    .application_area h2 {
        font-size: 40px;
        color: #91181e;
        text-align: center;
    }

    .application_area {
        margin-top: 20px;
    }

    .application_area h3 {
        background-color: #dd571c;
        padding: 10px;
        color: #fff;
        text-align: center;
        font-size: 30px;
        line-height: 1.3em;
        margin: 10px 0 10px 0;
    }

    .application_area dl dd {
        margin: 10px 0 10px 0;
    }

    .application_area dl {
        margin: 15px 0 15px 0;
        text-align: center;
    }

    .application_area dl dd a {
        border-radius: 15px;
        background-color: #dd571c;
        padding: 15px;
        color: #fff;
        display: block;
    }

    .application_area p {
        line-height: 1.2em;
        text-align: justify;
        padding-left: 1em;
        text-indent: -1em;
    }

    .map_area_bk {
        background-color: #db5310;
        margin-top: 20px;
        position: relative;
    }

    .map_area_flex {
        display: flex;
        flex-wrap: wrap;
        padding: 50px 40px 50px 40px;
    }

    .map-container {
        width: 100%;
        height: auto;
        /* 画面全体の高さを使いたい場合 */
        position: relative;
        margin-top: 10px;
    }

    .map-container iframe {
        width: 100%;
        border: 0;
    }

    .map_area_flex ul {
        width: 50%;
        padding: 0 10px 0 10px;
        box-sizing: border-box;
        color: #fff;
    }

    .map_area_flex ul li:first-child {
        font-size: 40px;
        font-weight: bold;
        text-align: center;
    }

    .circle-text::before {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
        width: 4em;
        height: 4em;
        background-color: #a41f32;
        border-radius: 50%;
        z-index: -1;
    }

    .circle-text {
        display: inline-block;
        color: white;
        font-weight: bold;
        z-index: 1;
        font-size: 30px;
        position: absolute;
        top: 25px;
    }

    .map_area_flex ul li {
        font-size: 16px;
        line-height: 1.5em;
    }

    .map_area_flex ul li:nth-of-type(2),
    .map_area_flex ul li:nth-of-type(3) {
        font-weight: normal;
        text-align: left;
    }

    .map_area_flex ul li a {
        color: #fff;
        text-decoration: underline;
        margin-left: 10px;
    }

    .member,
    .participation,
    .transfer {
        margin-top: 2em;
    }

    .member h2,
    .participation h2,
    .transfer h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .member p,
    .participation p,
    .transfer p {
        padding-left: 1em;
        text-indent: -1em;
        line-height: 1.3em;
        margin: 5px 0 5px 30px;
    }

    .participation h3 {
        font-size: 40px;
        margin-left: 18px;
        color: #91181e;
        margin-top: 30px;
    }

    .participation h4 {
        font-size: 24px;
        margin-left: 27px;
        margin-top: 10px;
        color: #a41f32;
    }

    .transfer h3 {
        font-size: 30px;
        margin-top: 30px;
        margin-left: 30px;
        margin-bottom: 20px;
    }

    .participation h3 span {
        font-size: 28px;
    }

    .sen_area {
        background-color: #91181e;
        height: 25px;
        margin: 3em 0 3em 0;
    }

    .azitukuri_title_area li:nth-of-type(2) {
        text-align: right;
        margin-right: 10px;
    }

    .azitukuri_title_area li:first-child {
        font-size: 35px;
        color: #91181e;
        font-weight: bold;
        text-align: center;
        margin-top: 75px;
        margin-right: 30px;
        flex: 1;
    }

    .azitukuri_title_area li:last-child {
        margin-top: 55px;
        font-size: 14px;
        line-height: 1.5em;
        flex: 1;
    }

    ul.azitukuri_title_area {
        display: flex;
        margin-top: 0.5em;
    }

    .setumei_area div {
        width: 50%;
        padding: 30px;
        box-sizing: border-box;
    }

    .setumei_area div:first-child {
        padding-left: 0;
    }

    .setumei_area div:last-child {
        padding-right: 0;
    }

    .setumei_area {
        display: flex;
    }

    .setumei_area div p {
        line-height: 1.5em;
        text-align: justify;
    }

    .attempt h2,
    .azitukuri_member h2,
    .azitukuri_zyouken h2,
    .azitukuri_participation h2,
    .azitukuri_content h2 {
        font-size: 30px;
        margin-bottom: 10px;
    }

    .attempt h3 {
        font-size: 24px;
        margin-left: 50px;
    }

    .attempt p,
    .azitukuri_member p,
    .azitukuri_zyouken p {
        padding-left: 1em;
        text-indent: -1em;
        margin-left: 3em;
        margin-top: 10px;
        margin-bottom: 10px;
        line-height: 1.3em;
    }

    .azitukuri_member,
    .azitukuri_zyouken,
    .azitukuri_content {
        margin-top: 2em;
    }

    .azitukuri_participation h3 {
        font-size: 40px;
        margin-left: 18px;
        color: #91181e;
        margin-top: 30px;
    }

    .azitukuri_content ul li {
        width: 25%;
        padding: 5px;
        box-sizing: border-box;
    }

    .azitukuri_content ul li img {
        width: 100%;
    }

    .azitukuri_content ul {
        display: flex;
        flex-wrap: wrap;
    }

    .zinzai_title_area li:nth-of-type(2) {
        text-align: right;
    }

    .zinzai_title_area li:first-child {
        font-size: 35px;
        color: #91181e;
        font-weight: bold;
        text-align: center;
        margin-top: 75px;
        margin-right: 30px;
    }

    .zinzai_title_area li:last-child {
        line-height: 1.5em;
        flex: 1;
    }

    ul.zinzai_title_area {
        display: flex;
        margin-top: 0.5em;
    }

    .zinzai_title_area li img {
        width: 100%;
    }

    .course_area img {
        width: 100%;
    }

    .china_course {
        margin-top: 2em;
    }

    .usa_course {
        border-bottom: 1px #cfcfcf solid;
        padding-bottom: 10px;
    }

    .china_course {
        border-top: 1px #cfcfcf solid;
        padding-top: 20px;
    }

    .fee_bk_img {
        text-align: right;
    }

    .fee_area_sp {
        display: none;
    }

    img.pc_img {
        width: 100%;
    }

    .success_bk img {
        width: 100%;
    }

    .support_bk h2 img {
        width: 100%;
    }

    .instructor_area.pc_img {
        display: none !important;
    }

    .instructor_area.sp_img {
        display: block !important;
    }

    .instructor_area h4 {
        margin-top: 25px;
    }

    .more_link {
        margin-top: 30px;
        margin-bottom: 30px;
        text-align: center;
    }

    .grandprix.pc_img {
        display: none;
    }

    .grandprix.sp_img {
        display: block !important;
    }

    .grandprix_bk h2 img {
        width: 100%;
    }

    .grandprix_bk ul li img {
        width: 100%;
    }

    .grandprix span img {
        width: 100%;
    }

    .grandprix {
        margin-top: 20px;
    }

    .grandprix_bk {
        background-color: #eeb619;
        padding: 20px 0 10px 0;
    }

    .grandprix_bk ul li {
        color: #333;
        font-weight: bold;
        line-height: 1.2em;
        margin: 10px 0 10px 0;
        flex: 1;
        padding: 10px;
        box-sizing: border-box;
    }

    .produce_left img {
        width: 70%;
    }

    .success_area.pc_img {
        display: none;
    }

    .success_area.sp_img {
        display: block !important;
    }

    .application_area.pc_img {
        display: none !important;
    }

    .participation.sp_img {
        display: block !important;
    }

    .application_area.sp_img {
        display: block !important;
    }

    .nav {
        display: none;
    }

    .jump_btn {
        max-width: 1050px;
        margin: 2em auto 0 auto;
    }

    .jump_btn ul li {
        width: 33.3333%;
        text-align: center;
        box-sizing: border-box;
        background-color: #91181e;
        padding: 20px 20px 15px 20px;
        margin: 10px;
    }

    .jump_btn ul {
        display: flex;
        flex-wrap: wrap;
        justify-content: center;
        padding-bottom: 40px;
    }

    .jump_btn span {
        display: block;
        margin-top: 5px;
    }

    .jump_btn ul li a {
        color: #fff;
        font-size: 15px;
        font-weight: bold;
    }

    .btn.js-btn-more4,
    .btn.js-btn-close4 {
        text-align: center;
        margin-top: 30px;
    }

    .ramen_flex2 ul {
        display: block !important;
        border: none !important;
        padding: 0 !important;
    }

    .ramen_flex2 ul li {
        width: 100% !important;
        padding: 0px 0px 0px 1em !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }


}