@font-face {
    font-family: 'Noto Serif Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Noto_Serif_JP/NotoSerifJP-Regular.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Serif Japanese-bold';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/Noto_Serif_JP/NotoSerifJP-Bold.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Serif Japanese-SemiBold';
    font-style: normal;
    /* font-weight: 900; */
    src: url('../fonts/Noto_Serif_JP/NotoSerifJP-SemiBold.otf') format('opentype');
}

@font-face {
    font-family: 'Noto Serif Japanese-Light';
    font-style: normal;
    /* font-weight: 900; */
    src: url('../fonts/Noto_Serif_JP/NotoSerifJP-Light.otf') format('opentype');
}

@media screen and (min-width:768px) and (max-width:1024px) {
    .pconly {
        display: none;
    }

    .sponly {
        display: none;
    }

    #top .main_visual img {
        max-width: 100%;
        /* background-image: url('../images/top_sp.jpg');
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat; */
    }

    #top .point1 {
        background: #ffffff;
        font-size: 20pt;
        padding: 0.5rem;
        font-family: 'Noto Serif Japanese';
        color: #443A29;
        margin: 0;
        width: 125px;
        text-align: center;
    }

    #top .point2 {
        font-family: 'Noto Serif Japanese-bold';
        font-size: 22pt;
        color: #a8041a;
        margin-top: 1rem;
        text-align: center;
    }

    #top .point3 {
        font-family: 'Noto Serif Japanese';
        font-size: 19pt;
        color: #231815;
    }

    #top .personal_baner {
        margin: 0 auto;
        width: 90%;
        padding: 2rem 0;
        gap: 40px;
    }

    .space_a_sp {
        justify-content: space-around;
    }

    #top .right_area {
        font-family: 'Noto Serif Japanese';
        font-size: 14pt;
        color: #231815;
        line-height: 2rem;
        margin-top: 2rem;
    }


    .subtitle1,
    .subtitle_rental {
        background-color: #796a56;
        color: #ffffff;
        font-size: 20pt;
        font-family: 'Noto Serif Japanese-SemiBold';
        width: 100%;
        height: 60px;
        margin: 0;
        padding: 5px;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .subtitle_rental {
        padding-left: 2rem;
        padding-top: 1rem;
        margin-bottom: 2rem;
    }

    .spItemAlign {
        align-items: center;
    }

    .subtitle_log {
        width: 200px;
        height: 50px;
    }

    .course {
        margin: 2rem auto;
    }

    .course_contents {
        margin: 1rem auto;
        width: 95%;
    }

    .subtitle2 {
        background-color: #E9E5D9;
        padding: 1rem;
        margin: 1rem auto 2rem auto;
        border-radius: 25px;
        text-align: center;
        color: #231815;
    }

    #top .yen {
        font-family: 'Noto Serif Japanese';
        font-size: 20pt;
        color: #3C3324;
        padding-left: 1rem;
    }

    #top .course_list {
        margin: 2rem 0;
        line-height: 2rem;
    }

    #top .course_list li {
        font-family: 'Noto Serif Japanese';
        font-size: 14pt;
        color: #231815;
        /* text-indent: -2em; */
    }

    #top .course_list li::before {
        content: "■";
        font-size: 14pt;
        margin-right: 10px;
        color: #796A56;
    }

    #top .caption {
        font-family: 'Noto Serif Japanese';
        font-size: 12pt;

    }

    #top .button_area {
        text-align: center;
    }

    #top .button_area img {
        margin-bottom: 1rem;
    }

    #top .application_captions {
        font-size: 12pt;
        color: #231815;
        font-family: 'Noto Serif Japanese';
    }

    .rental_right img {
        max-width: 100%;
    }

    .sprental {
        width: 95%;
        margin: 0 auto;
    }

    footer {
        background-color: #3E3A39;
        padding: 3rem 0;
    }

    footer .footer_contents {
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 1rem;
        text-align: center;
    }

    footer .footer_bottom {
        width: 100%;
        margin: 1rem auto;
        padding-bottom: 1rem;
        padding-left: 1rem;
        /* text-align: center; */
        justify-content: space-around;
    }

    footer .register {
        font-family: 'Noto Serif Japanese';
        font-size: 20pt;
        color: #ffffff;
        text-align: center;
    }

    footer .sitename {
        font-family: 'Noto Serif Japanese-SemiBold';
        font-size: 20pt;
        color: #ffffff;
        margin-bottom: 1rem;
    }

    footer .address {
        font-family: 'Noto Serif Japanese-Light';
        font-size: 16pt;
        color: #ffffff;
        line-height: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .pconly {
        display: none;
    }

    .tbonly {
        display: none;
    }

    #top .main_visual img {
        max-width: 100%;
        /* background-image: url('../images/top_sp.jpg');
        height: 500px;
        background-size: cover;
        background-repeat: no-repeat; */
    }

    #top .point1 {
        background: #ffffff;
        font-size: 20pt;
        padding: 0.5rem;
        font-family: 'Noto Serif Japanese';
        color: #443A29;
        margin: 0;
        width: 125px;
        text-align: center;
    }

    #top .point2 {
        font-family: 'Noto Serif Japanese-bold';
        font-size: 20pt;
        color: #a8041a;
        margin-top: 1rem;
        text-align: center;
    }

    #top .point3 {
        font-family: 'Noto Serif Japanese';
        font-size: 19pt;
        color: #231815;
    }

    #top .personal_baner {
        margin: 0 auto;
        width: 90%;
        padding: 2rem 0;
        gap: 40px;
    }

    .space_a_sp {
        justify-content: space-around;
    }

    #top .right_area {
        font-family: 'Noto Serif Japanese';
        font-size: 14pt;
        color: #231815;
        line-height: 2rem;
        margin-top: 2rem;
    }


    .subtitle1,
    .subtitle_rental {
        background-color: #796a56;
        color: #ffffff;
        font-size: 20pt;
        font-family: 'Noto Serif Japanese-SemiBold';
        width: 100%;
        height: 60px;
        margin: 0;
        padding: 5px;
        justify-content: center;
        align-items: center;
        gap: 30px;
    }

    .subtitle_rental {
        padding-left: 2rem;
        padding-top: 1rem;
        margin-bottom: 2rem;
    }

    .spItemAlign {
        align-items: center;
    }

    .subtitle_log {
        width: 200px;
        height: 50px;
    }

    .course {
        margin: 2rem auto;
    }

    .course_contents {
        margin: 1rem auto;
        width: 95%;
    }

    .subtitle2 {
        background-color: #E9E5D9;
        padding: 1rem;
        margin: 1rem auto 2rem auto;
        border-radius: 25px;
        text-align: center;
        color: #231815;
    }

    #top .yen {
        font-family: 'Noto Serif Japanese';
        font-size: 17pt;
        color: #3C3324;
        padding-left: 1rem;
    }

    #top .course_list {
        margin: 2rem 0;
        line-height: 2rem;
    }

    #top .course_list li {
        font-family: 'Noto Serif Japanese';
        font-size: 14pt;
        color: #231815;
        /* text-indent: -2em; */
    }

    #top .course_list li::before {
        content: "■";
        font-size: 14pt;
        margin-right: 10px;
        color: #796A56;
    }

    #top .caption {
        font-family: 'Noto Serif Japanese';
        font-size: 12pt;

    }

    #top .button_area {
        text-align: center;
    }

    #top .button_area img {
        margin-bottom: 1rem;
    }

    #top .application_captions {
        font-size: 12pt;
        color: #231815;
        font-family: 'Noto Serif Japanese';
    }

    .rental_right img {
        max-width: 100%;
    }

    .sprental {
        width: 95%;
        margin: 0 auto;
    }

    footer {
        background-color: #3E3A39;
        padding: 3rem 0;
    }

    footer .footer_contents {
        width: 100%;
        margin: 0 auto;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 1rem;
        text-align: center;
    }

    footer .footer_bottom {
        width: 100%;
        margin: 1rem auto;
        padding-bottom: 1rem;
        padding-left: 1rem;
        /* text-align: center; */
        justify-content: space-around;
    }

    footer .register {
        font-family: 'Noto Serif Japanese';
        font-size: 20pt;
        color: #ffffff;
        text-align: center;
    }

    footer .sitename {
        font-family: 'Noto Serif Japanese-SemiBold';
        font-size: 20pt;
        color: #ffffff;
        margin-bottom: 1rem;
    }

    footer .address {
        font-family: 'Noto Serif Japanese-Light';
        font-size: 16pt;
        color: #ffffff;
        line-height: 2rem;
    }
}

@media screen and (min-width: 1024px) {
    .sponly {
        display: none;
    }

    .tbonly {
        display: none;
    }

    #top .main_visual img {
        max-width: 100%;
        /* background-image: url('../images/top_pc.jpg');
        height: 630px;
        background-size: cover;
        background-repeat: no-repeat; */
    }

    #top .left_area {
        white-space: nowrap;
    }

    #top .right_area {
        font-family: 'Noto Serif Japanese';
        font-size: 21pt;
        color: #231815;
    }

    #top .flexBoxPc {
        display: flex;
    }

    #top .flexBoxPc2 {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    #top .point1 {
        background: #ffffff;
        font-size: 28pt;
        padding: 0.5rem;
        font-family: 'Noto Serif Japanese';
        color: #443A29;
        margin: 0;
    }

    #top .point2 {
        font-family: 'Noto Serif Japanese-bold';
        font-size: 37pt;
        color: #a8041a;
        margin: 0;
    }

    #top .point3 {
        font-family: 'Noto Serif Japanese';
        font-size: 34pt;
        color: #231815;
    }

    #top .personal_baner {
        margin: 0 auto;
        width: 80%;
        padding: 2rem 0;
        gap: 40px;
    }

    #top .right_area {
        font-family: 'Noto Serif Japanese';
        font-size: 21pt;
        color: #231815;
    }

    .subtitle1 {
        background-color: #796a56;
        color: #ffffff;
        font-size: 26pt;
        font-family: 'Noto Serif Japanese-SemiBold';
        width: 590px;
        height: 70px;
        margin: 0;
        padding: 10px;
        justify-content: space-between;
    }


    .subtitle_log {
        width: 200px;
        height: 50px;
    }

    .course {
        margin: 2rem auto;
    }

    .course_contents {
        width: 500px;
        margin: 1rem auto;
    }

    .course_contents2x {
        width: 1000px;
        margin: 1rem auto;
    }

    .subtitle_rental {
        background-color: #796a56;
        color: #ffffff;
        font-size: 26pt;
        font-family: 'Noto Serif Japanese-SemiBold';
        width: 1200px;
        height: 70px;
        margin: 0 auto 2rem auto;
        padding: 10px;
        justify-content: space-between;
    }

    .rental {
        width: 1200px;
        margin: 0 auto;
    }

    .rental_right img {
        width: 400px;
    }

    .subtitle2 {
        background-color: #E9E5D9;
        padding: 1rem;
        margin: 1rem auto 2rem auto;
        border-radius: 25px;
        text-align: center;
        color: #231815;
    }

    #top .yen {
        font-family: 'Noto Serif Japanese';
        font-size: 26pt;
        color: #3C3324;
        padding-left: 1rem;
    }

    #top .course_list {
        margin: 2rem 0;
    }

    #top .course_list li {
        font-family: 'Noto Serif Japanese';
        font-size: 14pt;
        color: #231815;
        /* text-indent: -2em; */
    }

    #top .course_list li::before {
        content: "■";
        font-size: 14pt;
        margin-right: 10px;
        color: #796A56;
    }

    #top .caption {
        font-family: 'Noto Serif Japanese';
        font-size: 12pt;

    }

    #top .button_area {
        text-align: center;
    }

    #top .button_area img {
        margin-bottom: 1rem;
    }

    #top .application_captions {
        font-size: 12pt;
        color: #231815;
        font-family: 'Noto Serif Japanese';
    }

    footer {
        background-color: #3E3A39;
        padding: 3rem 0;
    }

    footer .footer_contents {
        width: 1200px;
        margin: 0 auto;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 1rem;
        text-align: center;
    }

    footer .footer_bottom {
        width: 1200px;
        margin: 1rem auto;
        padding-bottom: 1rem;
        text-align: center;
        justify-content: space-around;
    }

    footer .register {
        font-family: 'Noto Serif Japanese';
        font-size: 30pt;
        color: #ffffff;
    }

    footer .sitename {
        font-family: 'Noto Serif Japanese-SemiBold';
        font-size: 27pt;
        color: #ffffff;
    }

    footer .address {
        font-family: 'Noto Serif Japanese-Light';
        font-size: 16pt;
        color: #ffffff;
    }
}



#top .personal {
    background: #e9e5d9;
}



#top .flexBox {
    display: flex;
}