@charset "UTF-8";

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

    .front_page header {
        height: 100vh;
        /* padding-top: 7vw; */
    }


    nav {
        top: 100px;
    }

    .front_page .sec1>div {
        padding: 0 0 62px;
    }

    .front_page .sec1 .mv1 {
        margin-bottom: 10px;
    }

    .front_page #sec2>div>div {
        padding: 0 5vw;
    }

    .page header>div:first-child>div>div span {
        margin-bottom: 0.4vw;
    }

    .page header>div>div:first-child {
        padding: 0.5vw 200px 1.5vw 1.5vw;
    }

    .outline header {
        height: 36.6vw;
    }

    .outline header>div:first-child>div.top {
        padding: 1vw 200px 1vw 2vw;
    }

    .outline nav {
        top: 6.5vw;
        right: 8vw;
    }

    .header_title {
        margin-top: 11vw;
    }


    .conv.show_top>div>div {
        padding: 7vw;
        margin: 0 auto;
    }

    .page header .top_conv a {
        height: 30px;
    }

    .page nav {
        right: 200px;
    }







    /* -------------------------------
    sub page
    ------------------------------- */
    .page header {
        height: 37vw;
    }

    .page nav {
        top: 7vw;
        /* right: 100px; */
    }


    #footer_copyright {
        margin-top: 0px;
    }

    .fixed_btn_wrap {
        width: 100%;
    }

    footer .footer_part1 {
        width: 30%;
        top: 30%;
    }

    footer .footer_part2 {
        width: 30%;
        top: 70%;
    }

}

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


    .front_page h2.bg_black {
        font-size: 20px;
        padding: 5px 0 7px;
    }

    .front_page header {
        margin-bottom: 20px;
    }

    .front_page .outer_regarding {
        margin-bottom: 20px;
    }

    .front_page header span {
        bottom: 25%;
    }

    footer {
        /* height: 603px; */
        background-image: url(../img/footer_bg_1000.png);
    }

    .show #sec3 .f_wrap {
        width: 100%;
    }


}

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

    /* -------------------------------
    common
    ------------------------------- */
    .no-wrap {
        white-space: break-spaces;
    }

    nav {
        display: none;
    }

    /* .front_page .wrap .header_logo a img,.wrap .header_logo a img {
        max-width: 80%;
    } */

    main {
        padding-top: 60px;
        padding-bottom: 60px;
    }

    .wrap .header_logo a img {
        width: 50%;
        max-width: 400px;
        height: auto;
    }

    .front_page .wrap .header_logo {
        top: 2vw;
        left: 4%;
    }

    .front_page header .header_support .f_wrap {
        font-size: 13px;
    }

    .front_page header .header_support {
        padding-left: 0;
        padding-top: 15px;
    }

    .front_page header div.main_logo {
        max-width: 90%;
        margin-top: 21vw;
    }

    .front_page header>div::before {
        transform: skewY(349deg);
        width: 120%;
        height: 80vh;
        min-height: 700px;
        background-color: rgba(45, 80, 29, 0.9);
        border-top: 8px solid rgba(255, 255, 0, 0.9);
        border-bottom: 8px solid rgba(255, 255, 0, 0.9);
    }

    .wrap {
        padding-top: 0;
    }


    .front_page header div.main_logo img {
        max-width: 100%;
    }


    .front_page .sec7 tr {
        display: flex;
        flex-wrap: wrap;
    }

    .front_page .sec7 th {
        min-width: auto;
        width: 100%;
        margin-bottom: 0;
        padding-bottom: 4px;
    }

    .front_page .sec7 td {
        width: 100%;
        border-bottom: none;
        margin-bottom: 0;
    }

    .page h2.box {
        min-width: 80%;
        height: 15vw;
        padding: 1vw 0;
    }

    .page h2.box>div {
        font-size: 5vw;
    }

    .page header .place_data, .page header .contact_data {
        display: none;
    }

    .page header>div:first-child>div>a {
        width: 80%;
        padding-top: 1vw;
    }

    .page header>div:first-child>div>a>img {
        width: 100%;
    }

    .page header .top_conv {
        display: none;
    }

    .page h2.box {
        margin-top: 6vw;
    }

    .page h2.box span {
        line-height: 1;
    }

    .pc_only {
        display: none;
    }

    .mb_only {
        display: block;
    }

    .page section {
        padding: 0 20px;
    }

    .page section h2 {
        margin-top: 10px;
        font-size: 26px;
    }




    .fixed_header {
        /* display: none; */
        /* height: 16vw; */
        height: 60px;
        background-color: #000;
        display: flex;
    }

    .fixed_header .header_right {
        display: none;
    }

    .fixed_header .header_menu_head {
        height: 60px;
    }



    /* -------------------------------
    Menu
    ------------------------------- */

    #overlay {
        content: "";
        display: block;
        width: 100vw;
        height: 120vh;
        background-color: var(--main-color);
        position: fixed;
        padding: 0;
        top: -120vh;
        left: 0;
        z-index: 20;
        opacity: 0.5;
        -webkit-transition: 0.5s;
        transition: 0.5s;
    }

    #overlay.open {
        top: 0;
        opacity: 1;
    }

    #overlay>div:first-child {
        /* background-image: url(../img/overlay_bg.png); */
        background-color: #001c07;
        background-repeat: no-repeat;
        background-position-y: 0;
        background-size: contain;
        height: 60px;
        display: flex;
        align-items: center;
        padding-left: 2vw;
    }

    #overlay>div:last-child {
        background-color: white;
    }

    #overlay>div:last-child li {
        padding: 4vw 0;
        font-size: 4vw;
        color: var(--main-color);
        border-bottom: 1px solid var(--main-color);
        padding-left: 5vw;
        display: flex;
        align-items: center;
        /* background-image: url(../img/arrow_right.svg); */
        background-repeat: no-repeat;
        background-position: 5% center;
        background-size: 7px;
        font-weight: bold;
    }

    #overlay>div:last-child span li {
        color: #999;
    }

    #overlay>div:last-child li img {
        width: 3vw;
        margin-right: 3vw;
    }

    #overlay>div:last-child li.unactive {
        color: #cbcbcb;
    }

    #overlay>div:last-child li span {
        display: inline-block;
        font-size: 10px;
        margin-left: 10px;
        color: #004fa2;
    }

    #overlay a {
        color: var(--main-color);
    }


    #overlay>div:first-child img {
        width: 80%;
        margin-top: 2vw;
    }

    #overlay>div:first-child .conv_btn {
        display: flex;
    }

    #overlay>div>div.conv_btn>a {
        display: flex;
        align-items: center;
        justify-content: center;
        color: white;
        margin: 0 5px;
    }

    #overlay>div>div.conv_btn>a {
        width: 12.8vw;
        height: 12vw;
    }

    #overlay>div>div.conv_btn>a>div {
        width: 100%;
        height: 100%;
        text-align: center;
        font-size: 2vw;
        line-height: 1.5;
        letter-spacing: 1;
        font-family: "Oswald", sans-serif;
        padding-top: 2.2vw;
        color: #1b224c;
    }

    #overlay>div>div.conv_btn>a>div>img {
        display: block;
        margin: 0 auto;
        width: 38%;
    }

    #overlay_menu {
        padding: 5vw 0;
    }

    #overlay_menu a {
        color: white;
        width: 100%;
        display: block;
        padding: 2vw;
        border-bottom: 1px solid #464c6e;
        font-size: 3.2vw;
        position: relative;
    }

    #overlay_menu .menu-item-has-children>a::after {
        content: "";
        width: 8px;
        height: 8px;
        border: 0px;
        border-bottom: solid 1px #fff;
        border-right: solid 1px #fff;
        -webkit-transform: rotate(45deg);
        transform: rotate(45deg);
        position: absolute;
        top: 50%;
        right: 25px;
        margin-top: -4px;
    }

    #overlay_menu .sub-menu {
        display: none;
    }

    #overlay_menu .sub-menu a {
        padding-left: 5.5vw;
    }

    #overlay .site_title img {
        width: 44vw;
    }

    #overlay .conv_btn a {
        background-color: white;
    }

    header.open {
        height: 100vh;
        background-color: #1b224c;
        transition-duration: 0.2s;
    }

    header.open .mb_menu {
        display: block;
    }

    /* .menu-trigger {
        display: inline-block;
        width: 7vw;
        height: 5vw;
        vertical-align: middle;
        cursor: pointer;
        position: fixed;
        top: 5.5vw;
        right: 5vw;
        z-index: 600;
    } */
    .menu-trigger {
        display: inline-block;
        width: 30px;
        height: 20px;
        vertical-align: middle;
        cursor: pointer;
        position: fixed;
        top: 18px;
        right: 20px;
        z-index: 600;
    }

    .menu-trigger>div {
        color: var(--main-color);
        text-align: center;
        margin-top: 0px;
    }

    .menu-trigger>div img {
        width: 100%;
        opacity: 1;
        webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .menu-trigger.active>div img {
        opacity: 0;
        webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .menu-trigger span {
        display: inline-block;
        -webkit-box-sizing: border-box;
        box-sizing: border-box;
        position: absolute;
        left: 0;
        width: 100%;
        height: 2px;
        background-color: white;
        -webkit-transition: all 0.5s;
        transition: all 0.5s;
    }

    .menu-trigger.active span {
        background-color: var(--main-color);
    }

    .menu-trigger span:nth-of-type(1) {
        top: 0;
    }

    .menu-trigger.active span:nth-of-type(1) {
        /* -webkit-transform: translateY(2.5vw) rotate(-45deg);
        transform: translateY(2.5vw) rotate(-45deg); */
        -webkit-transform: translateY(10px) rotate(-45deg);
        transform: translateY(10px) rotate(-45deg);
        background-color: white;
    }

    .menu-trigger span:nth-of-type(2) {
        top: 45%;
    }

    .menu-trigger.active span:nth-of-type(2) {
        opacity: 0;
    }

    .menu-trigger span:nth-of-type(3) {
        bottom: 0;
    }

    .menu-trigger.active span:nth-of-type(3) {
        /* -webkit-transform: translateY(-2vw) rotate(45deg);
        transform: translateY(-2vw) rotate(45deg); */
        -webkit-transform: translateY(-8px) rotate(45deg);
        transform: translateY(-8px) rotate(45deg);
        background-color: white;
    }

    .mb_sns {
        display: flex;
        align-items: center;
        justify-content: space-around;
        margin-top: 5vw;
    }

    .mb_sns a {
        display: block;
        width: 10vw;
        margin: 0 8px;
        line-height: 1;
    }

    .mb_sns a:last-child {
        width: 15vw;
    }

    .mb_sns a img {
        width: 100%;
    }

    footer {
        /* height: 603px; */
        background-image: url(../img/footer_bg_750.png);
    }

    main section {
        padding: 20px 20px;
        margin-bottom: 10px;
    }


    /* -------------------------------
    front-page
    ------------------------------- */
    .front_page h2::after {
        width: 60px;
    }
    .front_page header {
        height: 100vh;
        min-height: 820px;
        margin-top: 0;
    }

    .front_page .main_date {
        margin-top: 0px;
    }

    .front_page .wrap {
        background-image: url(../img/main_bg_mb.png);
    }

    .front_page .main_logo>img {
        width: 55%;
    }

    .front_page .main_date>img {
        width: 85%;
    }

    .front_page section h2 img {
        width: 90%;
        min-width: auto;
    }

    .front_page #sec4 .conv_btn a {
        width: 70%;
    }

    .front_page section h2 {
        /* font-size: 22px; */
        line-height: 1.5;
        padding: 0 5vw;
        margin-bottom: 10px;
        /* margin-top: 20px; */
    }

    .front_page .sec4 .f_wrap1>div {
        padding: 20px;
        flex: 0 0 70%;
    }

    .front_page .sec4 .bg_gray {
        padding: 20px;
    }

    .front_page .sec4 .bg_gray .f_wrap2 {
        flex-direction: column;
    }


    .front_page {
        .sec3 {
            .box {
                padding-top: 30px;
                .box3 {
                    margin-bottom: 5vw;
                    .t1 {
                        top: 4vw;
                        right: 5vw;
                        width: 25vw;
                    }

                    .t2 {
                        bottom: 2vw;
                        right: 2vw;
                        width: 30vw;
                    }

                    .t3 {
                        top: 17vw;
                        left: 1vw;
                        width: 25vw;
                    }
                }
            }

        }
    }


    .front_page .sec3 .text br {
        display: none;
    }

    .front_page {}

    .front_page {}


    .front_page .sec3 .text_catch span:first-child {
        display: inline-block;
        margin-bottom: 5px;
    }

    .front_page .sec3 .text_catch span.uline {
        margin-top: 10px;
        /* background: none; */
        display: inline;
    }

    .front_page .sec1 .mv_text1 {
        display: block;
        background-size: auto;
        height: auto;
        line-height: 1.6;
        padding: 6px 0;
        font-size: 19px;
    }

    .front_page .img_g>img {
        flex: 0 0 33.3333%;
    }

    .front_page .sec3 {
        margin-top: 0;
        margin: 0;
        padding-top: 30px;
    }

    .front_page .sec3 .event .event_inner {
        padding: 30px 0 0;
    }

    .front_page .sec4 .f_wrap1>div {
        /* padding-bottom: 180px; */
        padding-bottom: 0;
        padding: 0;
    }

    .front_page .sec4 .f_wrap1>div img {
        max-width: 100%;
        bottom: 0;
        right: 0;
        display: block;
        margin: 0 auto;
    }

    .front_page .sec4 a.btn {
        font-size: 20px;
        margin-top: 20px;
    }

    .front_page .sec4 .bg_gray .f_wrap2>div {
        padding: 10px 0;
    }

    .front_page .sec1 a.btn {
        font-size: 20px;
    }

    .front_page .sec6 h3 {
        font-size: 18px;
    }

    .front_page .sec6>div {
        padding: 20px 10px;
    }



    .front_page .sec9 {
        .inner {
            table {
                td {
                    padding: 5px 10px;
                }
            }
        }
    }

    .front_page .sec11 {
        padding: 30px 10px;
    }





    .front_page .sec4 .f_wrap1>div h3 {
        font-size: 16px;
        margin-bottom: 15px;
        padding: 0 15px;
    }

    .front_page .sec4 .f_wrap1 img {
        position: relative;
    }

    .front_page .sec4 .bg_gray img {
        max-width: 100%;
    }

    .front_page .sec5  {
        .text {
            ul {
                flex-direction: column;
            }
        }
    }

    /* -------------------------------
    outline
    ------------------------------- */
    .outline #sec1>div>div {
        padding: 70px 5vw 10vw;
    }

    .outline table, .outline table th, .outline table td {
        display: block;
        width: 100%;
    }

    .outline #sec1 table th {
        width: 100%;
    }

    /* -------------------------------
    sub page
    ------------------------------- */
    .page header {
        background-image: url(../img/sub_page_mv_mb.png);
        height: 58vw;
    }




    /* -------------------------------
    Show
    ------------------------------- */
    .conv>div>div a {
        width: 90%;
        margin: 10vw auto;
        font-size: 16px;
        height: 14vw;
    }

    .conv.show_top>div>div a {
        width: 90%;
        margin: 0 auto;
        font-size: 16px;
        height: 14vw;
    }

    .show #sec3 .pc_c {
        display: none;
    }

    .show #sec3 .mb_c {
        width: 100%;
        display: block;
    }

    .show #sec1>div {
        margin: 5vw auto 0;
    }

    .show #sec1>div>div:first-child {
        font-size: 6vw;
        line-height: 7vw;
        margin-bottom: 3vw;
    }

    .show #sec1 .f_wrap>div:first-child {
        text-align: center;
        font-size: 6vw;
    }

    .show #sec1 .f_wrap, .show #sec2 .f_wrap, .show #sec3 .f_wrap {
        display: block;
    }

    .show #sec2 .f_wrap img {
        max-width: 100%;
    }

    .show #sec2 .f_wrap>div:last-child {
        padding-left: 0;
    }

    .show #sec2>div>div {
        padding: 5vw;
    }

    .show #sec3 .f_wrap>div:nth-child(2) img {
        width: 70%;
        margin: 5vw auto;
    }

    .show #sec3 .f_wrap {
        padding: 8vw 0;
    }

    .show #sec1>div:first-child span {
        font-size: 6.5vw;
        line-height: 9vw;
        background: none;
    }

    .show #sec1>div:first-child span.large {
        font-size: 6.5vw;
        line-height: 9vw;
        background: none;
    }

    /* -------------------------------
    footer
    ------------------------------- */
    footer {
        /* height: 120vw; */
        background-size: cover;
        padding-bottom: 50px;
    }

    #footer_tel {
        margin-top: 2vw;
        line-height: 1.2;
    }

    footer .footer_part1 {
        display: none;
    }

    footer .footer_part2 {
        display: none;
    }

    .fixed_btn {
        width: 85%;
    }

    #footer_organization {
        /* font-size: 7vw;
        line-height: 8vw; */
    }

    #footer_organization span:first-child {
        /* font-size: 5vw; */
    }

    #footer_adress {
        /* font-size: 3vw;
        margin-top: 1vw; */
    }

    #footer_copyright {
        /* font-size: 4vw; */
    }



    .sub_page .content_area:last-child {
        padding: 33px 10px 0px;
    }

    .sub_page #contact_press {
        padding: 10px;
    }

    .sub_page .mainbox_wrap {
        display: block;
    }

    #press .content_block_upper {
        display: block;
    }

    #press .content_block_upper>div:first-child {
        margin-right: 0;
    }

    #press .content_block_upper>div:last-child {
        margin-top: 10px;
    }

    .sub_page #sidebox {
        float: none;
        display: none;
    }

    .sub_page .h1_pagettl {
        background-color: #202020;
        padding: 22px 20px 26px;
    }

    .sub_page h2.style_h201 {
        padding: 10px;
        font-size: 20px;
    }

    .sub_page .content_area section h3 {
        font-size: 20px;
    }





    .press {
        .sec1 {
            .content_block_upper {
                flex-direction: column;
                gap: 10px;
                margin-bottom: 10px;
            }
        }
    }



    .exhibitorslist {
        margin-top: 0;
    }

    .exhibitorslist .list_wrap {
        display: block;
        padding-bottom: 0;
        padding: 0;
    }

    .exhibitorslist .list_service_wrap {
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px;
    }

    .exhibitorslist .exhibitor_logo {
        margin-top: 5px;
    }

    .exhibitorslist .exhibitor_logo .noimage {
        /* display: none; */
    }



    .exhibitorslist .content_area:last-child {
        padding: 6.66vw 0;
    }

    .exhibitorslist .note_tar {
        text-align: center;
    }

    .exhibitorslist .exhibitor_wrap {
        padding: 10px 50px 10px 16px;
    }

    .exhibitorslist .list_wrap>div:first-child {
        padding-right: 0;
    }

    .exhibitorslist .list_wrap>div:nth-child(2) {
        width: auto;

    }

    .exhibitorslist .exhibitor_wrap::after {
        /* display: none; */
        right: 2%;
    }

    .exhibitorslist .exhibitor_name {
        font-size: 18px;
    }

    .exhibitorslist .list_service_wrap ul li {
        margin-right: 0;
    }

    .exhibitorslist .list_service_wrap ul li .exh_service_desc {
        padding: 10px;
    }

    .exhibitorslist .co-exhibitors {
        display: block !important;
    }

    .exhibitorslist .co-exhibitors>div {}

    .exhibitorslist .co-exhibitors>div:nth-child(n+2) {
        padding-left: 0;
    }



    .student {
        margin-top: 0;
    }

    .student .list_wrap {
        display: block;
        padding-bottom: 0;
        padding: 15px 10px;
    }

    .student .list_service_wrap {
        margin-top: 10px;
        margin-bottom: 20px;
        padding: 10px;
    }

    .student .list_wrap>div:first-child {
        padding-right: 0;
    }

    .student .pre_text {
        margin: 0;
    }

    .student .pre_text .title {
        font-size: 19px;
    }


    .header_menu_body {
        display: none;
    }

    .front_page header>div {
        padding-top: 14vw;
    }

    header .logo_data {
        font-size: 17px;
        margin: 10px 0;
    }

    header .logo_data div:first-child {
        justify-content: flex-start;
    }

    header .logo_data>div:first-child>div:last-child {
        flex-direction: column;
        flex-grow: 1;
        text-align: left;
        align-items: baseline;
        row-gap: 0px;
    }

    header .logo_data div span {
        font-size: 26px;
    }

    header .logo_data>div {
        margin: 10px 0;
    }

    header .logo_data .time {
        margin-top: 5px;
        font-size: 18px;
    }


    .front_page #sec9 {
        padding-top: 30px;

        /* margin-top: -100px;
    padding-top: 70px; */
        h2 {
            font-size: 28px;
            margin-bottom: 30px;
        }

        .inner {
            table {
                min-width: 100%;
            }

            ;
            padding-bottom: 20px;
        }
    }




    header .btn {
        margin-bottom: 10px;
    }



    .front_page section h2 {
        font-size: 28px;
    }



    .front_page .sec1 {
        background-position: center;
        padding: 10px;
        display: flex;
        align-items: center;
        height: 80vh;
        min-height: auto;

        .inner {
            max-width: 100%;
            padding-bottom: 0px;
        }

        .onboard {
            .blur2 {

                width: calc(100% - 20px);
            }

            .ontext {
                .mv1 {
                    max-width: 100%;
                }

                .schedule {
                    .outer_fwrap {
                        gap: 5px;

                        &>div:first-child {
                            width: 100%;
                            
                            span:nth-child(1) {
                                font-size: 24px;
                            }

                            span:nth-child(2), span:nth-child(4), span:nth-child(5) {
                                font-size: 34px;
                            }

                            span:nth-child(3), span:nth-child(6) {
                                font-size: 20px;
                            }
                        }

                        .place {
                            width: 96% !important;
                            
                            .inner_place {
                                font-size: 20px !important;
                            }
                        }
                    }

                }
            }

            .mv_text1 {
                font-size: 16px;
                letter-spacing: 1px;

                .f_wrap {
                    margin-bottom: 20px;
                    justify-content: flex-start;
                    padding-left: 30px;









                    .head {
                        font-size: 18px;
                        letter-spacing: 1px;
                    }

                    .body {
                        a {
                            font-size: 18px;
                        }

                    }

                }
            }

            a.btn {
                max-width: 80%;
                height: 50px;
                font-size: 16px;
            }
        }

        & .purpose {
            & .box {
                line-height: 1.6;
                padding: 20px;

                h3 {
                    font-size: 24px;
                    line-height: 1;
                    margin-bottom: 12px;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    gap: 10px;

                    &::before {
                        border-bottom: 1px solid #000;
                        content: "";
                        display: block;
                        flex: 0 0 20%;
                        height: 2px;
                    }

                    &::after {
                        border-bottom: 1px solid #000;
                        content: "";
                        display: block;
                        flex: 0 0 20%;
                        height: 2px;
                    }
                }

            }
        }
    }

    .front_page .sec2 {
        margin: 0;
        padding: 10px 20px 0;
        h2 {
            font-size: 18px;
            padding: 2px 15px 5px;
        }
    }

    .front_page .sec2 .info_list_wrap li {
        padding: 10px 0;
    }

    .front_page .sec3 {
        padding: 20px;
    }
    .front_page .sec3 h2 {
        font-size: 28px;
        margin-bottom: 30px;
    }

    .front_page .sec3 .box {
        & .box1 {
            padding-top: 10px;

            img {
                max-width: 80%;
                margin-bottom: 0px;
            }
        }

        & .box2 {
            img {
                max-width: 90%;
            }
        }

        & .box3 {
            font-size: 24px;
        }

        & .box4 {
            img {
                max-width: 100%;
                width: 100%;
            }
        }

        .box5 {
            font-size: 24px;
        }

        ;
        padding-bottom: 25px;
        margin-bottom: 0px;
    }



    .front_page .sec3 .event-info {
        text-align: center;
        margin-top: 30px;
        max-width: 96%;
        margin: 0 auto;
        padding: 0!important;

        .event-header-wrap {
            /* display: flex; */
            letter-spacing: 0px;
        }

        .event-header {
            color: var(--main-color);
            font-weight: bold;
            font-size: 18px;
            display: inline;
        }

        .event-subtext {
            font-size: 18px;
            display: inline;
            font-weight: bold;
        }

        .event-venue {
            margin-top: 20px;
            font-size: 17px;
            font-weight: 700;
            line-height: 1.5;
        }

        .event-highlight {
            font-size: 20px;
            font-weight: 900;

            .highlight-red {
                font-size: 26px;
                color: #e76345;
            }

            .highlight-green {
                display: block;
                font-size: 26px;
                line-height: 1.5;
                color: var(--main-color);
            }
        }
    }

    .front_page .sec4 .f_wrap1 {}

    .front_page .sec4 .f_wrap1>div {
        flex: 0 0 48%;
    }

    .front_page .sec4 h2 {
        font-size: 24px;
        margin-bottom: 20px;
    }

    .front_page .sec4 {
        padding-bottom: 30px;

        >div {
            padding: 0;
            padding-top: 0;
        }

        .box {
            font-size: 16px;
            margin-top: 30px;
            .text {
                padding: 20px;
            }
            .boldtext {
                font-size: 18px;
                line-height: 1.5;
            }
        }
    }

    .front_page .sec4 .f_wrap1>div>div:last-child {
        padding: 10px;
    }

    .front_page .sec4 .f_wrap1>div>div:last-child h3 {
        font-size: 16px;
        margin-bottom: 0;
        padding: 0;
    }


    .front_page .sec5 {
        padding-bottom: 0;
        &>div {
            h2 {
                font-size: 28px;
            }

            & .f_wrap2 {
                >div {
                    background-color: #EDEDED;
                    border-radius: 4px;
                    color: var(--main-color);
                    font-size: 22px;
                    font-weight: bold;
                    background-image: url(../img/img16.png);
                    background-repeat: no-repeat;
                    background-size: 33px;
                    padding-left: 88px;
                    background-position: 15px;
                    padding: 10px 0px 10px 60px;
                    letter-spacing: 0px;
                    margin-bottom: 5px;
                }
            }
        }
        .text {
            font-size: 18px;
        }
    }

    .front_page .sec5_wrap {
        padding: 30px 10px;
    }

    .front_page .sec6 {
        margin-top: 10px;
        padding-top: 30px;

        .howto {
            margin: 20px 0;
            text-align: center;

            img {
                width: 100%;
            }
        }
    }





    .schedule {

        >div.f_wrap {
            max-width: 100%;
            display: flex;
            flex-direction: column;

            >div:first-child {
                span:nth-child(1) {
                    font-size: 20px;
                }

                span:nth-child(2), span:nth-child(4), span:nth-child(5) {
                    font-size: 30px;
                }

                span:nth-child(3), span:nth-child(6) {
                    font-size: 20px;
                }

                padding-right: 0;
                line-height: 1;
                margin-bottom: 10px;
            }

            >div:last-child {
                >div:first-child {}

                >div:last-child {
                    font-size: 24px;
                }

                border-left: none;
                padding-left: 0;
                display: flex;
                gap: 10px;

                /* align-items: center; */

                /* line-height: 1; */

            }
        }
    }




    .front_page .sec8 {
        h2 {
            font-size: 20px;
            margin-bottom: 20px;
            padding: 0;
        }

        .content {
            font-size: 18px;
        }

        padding: 30px 10px;
    }




    .front_page .sec8 {
        .btn {
            display: flex;
            justify-content: center;
            margin-top: 20px;

            a {
                font-size: 18px;
            }
        }
    }

    .page section>div {
        padding: 20px;
    }

    .front_page .sec9 {

        .inner {
            table {
                th {
                    width: 100px;
                }

                td.f_wrap>div {
                    flex: 0 0 100%;
                }
            }
        }






    }

    .front_page {
        .kono {
            padding: 10px 20px;
            margin-bottom: 10px;
        }

        .kono .f_wrap {
            flex-wrap: wrap;
            flex-direction: column;
        }

        .kono .f_wrap .img {
            flex: 0 0 100%;
            text-align: center;

            img {
                width: 60%;
            }
        }

        .kono .f_wrap .text .btn {
            margin: 10px auto 10px;
        }

        .kono .f_wrap .text .title span:first-child {
            font-size: 18px;
        }

        .kono .f_wrap .text .title span:nth-child(2) {
            font-size: 28px;
        }

        .kono .f_wrap .text .title span:last-child {
            font-size: 18px;
        }

        .kono a:hover .f_wrap .text .btn {
            margin-top: 10px;
            margin-bottom: 10px;
            height: 29px;
        }
    }





}