@charset "UTF-8"; @media (max-width: 768px) {
    .cmn_slug::before {
        font-size: 16.4rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
プロモ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .promo_frame::before {
        background-image: url("../../images/home/index_main_hane_sp.png");
    }

    .promo_frame .promo_txt p.main_txt {
        width: 69.4rem;
        left: 2.5rem;
        bottom: 9.5rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
大切なお知らせ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    .important {
        width: 60rem;
        margin-top: -3rem;
    }
    

    .important .inner {
        padding: 4rem 2rem 3rem;
    }

    .important .inner h2.main_ttl {
        font-size: 3.2rem;
        margin-bottom: 3rem;
    }

    .important .inner ul.cmn_post_list {
        height: 28rem;
        gap: 2.5rem;
    }
    
    .important.only_one .inner ul.cmn_post_list {
        height: 20rem;
    }

    .important .inner ul.cmn_post_list li {
        padding-right: 1rem;
    }

    .important .inner ul.cmn_post_list li .contents {
        flex-wrap: wrap;
        gap: 1rem;
    }

    .important .inner ul.cmn_post_list li .contents .f_wrap p.date {
        font-size: 2.6rem;
    }

    .important .inner ul.cmn_post_list li .contents .f_wrap p.cat {
        font-size: 1.8rem;
        padding: 0 4rem;
        border-radius: 1.7rem;
    }

    .important .inner ul.cmn_post_list li .contents h3.ttl a {
        font-size: 2.8rem;
        -webkit-line-clamp: 2;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カテゴリー一覧「投稿」・プロジェクト一覧「カスタム投稿」
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_news {
        padding-top: 11rem;
        padding-bottom: 6rem;
    }

    #home_news::before {
        font-size: 16.4rem;
    }

    #home_news .inner {
        margin: 0;
        grid-template-columns: 1fr;
        gap: 7.5rem 0;
    }

    #home_news .inner .post_wrap .sec_head {
        margin-bottom: 3rem;
    }

    #home_news .inner .post_wrap .sec_head h2.main_ttl {
        gap: 3rem;
    }

    #home_news .inner .post_wrap .sec_head h2.main_ttl span.en {
        font-size: 7.2rem;
    }

    #home_news .inner .post_wrap .sec_head h2.main_ttl span.ja {
        font-size: 2.6rem;
    }

    #home_news .inner .post_wrap .sec_head p.btn a {
        font-size: 2.4rem;
        padding-right: 4rem;
        margin-top: 2rem;
        display: block;
    }

    #home_news .inner .post_wrap .sec_head p.btn a::after {
        width: 2.1rem;
        height: 2.1rem;
    }

    #home_news .inner .post_wrap .scroll_wrap {
        padding: 0 2rem;
    }

    #home_news .inner .post_wrap .scroll_wrap ul.cmn_post_list {
        margin: 0;
    }

    #home_news .inner .post_wrap .scroll_wrap ul.cmn_post_list li .area_b h3.ttl {
        margin-top: 0.5rem;
    }

    #home_news .insta_btn {
        margin-top: 9.5rem;
    }

    #home_news .insta_btn a {
        font-size: 2.8rem;
        width: 55.2rem;
        height: 14.2rem;
        border-radius: 7.1rem;
    }

    #home_news .insta_btn a::before {
        width: 10.8rem;
        height: 13.1rem;
        top: -5rem;
        left: -4.5rem;
    }

    #home_news .insta_btn a span::before {
        width: 5.6rem;
        height: 5.6rem;
    }

    #home_news .insta_btn a span::after {
        width: 2rem;
        height: 2rem;
        right: 5rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ポリシー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_policy {
        padding: 14.5rem 0 7rem;
    }
    
    #home_policy .feather_bg::before {
        top: 94rem;
        left: 0rem;
    }

    #home_policy .feather_bg::after {
        top: 110rem;
        right: 7rem;
    }

    #home_policy .gallery_wrap_sp {
        width: 100vw;
        margin: 0 calc(50% - 50vw) 6rem;
    }

    #home_policy .grid.inner {
        gap: 0rem;
        margin-right: -1.5rem;
        margin-bottom: 5rem;
    }

    #home_policy .grid.inner p.main_txt {
        font-size: 2.6rem;
        line-height: 2.3846153;
        padding-left: 3rem;
        margin-top: 9.5rem;
    }

    #home_policy p.btn a {
        font-size: 3.8rem;
        width: 60rem;
        border-width: 1px;
        height: 16.5rem;
        border-radius: 8.25rem;
        padding: 2.5rem 6rem 2.5rem 15rem;
    }

    #home_policy p.btn a::before {
        left: 5rem;
    }

    #home_policy p.btn a span.small {
        font-size: 2.6rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
学校の・・・・
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_schools {
        padding: 7rem 0 6rem;
    }

    #home_schools > .wide_width {
        width: calc(100% - 7rem);
    }

    #home_schools .inner {
        grid-template-columns: 1fr;
        gap: 7.5rem;
    }

    #home_schools .inner .box {
        height: 62.8rem;
    }

    #home_schools .inner .box::before {
        content: none !important;
    }

    #home_schools .inner .box p.lead {
        width: 13rem;
    }

    #home_schools .inner .box .contents_area {
        left: 5rem;
        bottom: 5rem;
    }

    #home_schools .inner .box .contents_inner::before, #home_schools .inner .box .contents_inner::after {
        bottom: 1rem;
    }

    #home_schools .inner .box .contents_area h3.ttl {
        margin-bottom: 1rem;
    }

    #home_schools .inner .box .contents_area h3.ttl a {
        font-size: 6rem;
    }

    #home_schools .inner .box .contents_area p.txt {
        font-size: 2.6rem;
        padding-right: 16rem;
    }

    #home_schools .inner .box.about {
        background-image: url("../../images/home/index_aboutschool_img01_sp.jpg");
    }

    #home_schools .inner .box.active {
        background-image: url("../../images/home/index_schoollife_img01_sp.jpg");
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
学習指導
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_guidance {
        padding-bottom: 31.5rem;
        padding-top: 0rem;
    }

    #home_guidance::before, #home_guidance::after {
        content: none;
    }

    #home_guidance .wide_width {
        width: calc(100% - 6rem);
    }

    #home_guidance fieldset {
        padding: 0 4rem 13.5rem 4rem;
        border-width: 1px;
    }

    #home_guidance fieldset::before, #home_guidance fieldset::after {
        top: auto;
        bottom: -20.5rem;
        right: -4rem;
    }

    #home_guidance fieldset::before {
        bottom: -15.5rem;
        left: -1rem;
    }

    #home_guidance fieldset legend h2.main_ttl {
        min-width: auto;
        font-size: 6.2rem;
        padding: 9rem 15rem 0;
        font-weight: 400;
    }

    #home_guidance fieldset legend h2.main_ttl::before {
        font-size: 12.8rem;
        top: 2rem;
    }

    #home_guidance fieldset p.main_txt {
        font-size: 2.8rem;
        margin-bottom: 5rem;
    }

    #home_guidance fieldset ul.items {
        width: 100%;
        grid-template-columns: 1fr;
        gap: 4rem;
        padding: 0 2rem;
    }

    #home_guidance fieldset ul.items li {
        padding: 0 0 4rem 3rem;
    }

    #home_guidance fieldset ul.items li:not(:nth-last-child(-n+1)) {
    border-bottom: 1px solid #CCCCCC;
    }

    #home_guidance fieldset ul.items li .ttl_wrap {
        gap: 3rem;
        margin-bottom: 1.5rem;
    }

    #home_guidance fieldset ul.items li .ttl_wrap p.icon {
        width: 4.4rem;
    }

    #home_guidance fieldset ul.items li .ttl_wrap h3.ttl a {
        font-size: 4.4rem;
    }

    #home_guidance fieldset ul.items li p.txt {
        font-size: 2.6rem;
        padding-right: 12rem;
    }

    #home_guidance fieldset ul.items li p.txt::before, #home_guidance fieldset ul.items li p.txt::after {
        right: 3rem;
        bottom: 00;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
受験生の方へ
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
 #home_exam {
        padding: 0 0 12rem;
    }

    #home_exam .feather_bg::before {
        content: none;
    }

    #home_exam .feather_bg::after {
        content: none;
    }

    #home_exam h2.main_ttl {
        font-size: 6.2rem;
        padding-top: 8rem;
        margin-bottom: 7rem;
        font-weight: 400;
    }

    #home_exam h2.main_ttl::before {
        top: 1rem;
        line-height: .6;
        content: "Entrance \A exams";
        white-space: pre;
    }

    #home_exam ul.items {
        grid-template-columns: 1fr;
        gap: 4rem;
        margin-bottom: 9rem;
    }

    #home_exam ul.items li p.main_bg img {
        object-fit: cover;
        aspect-ratio: 640 / 360;
    }

    #home_exam ul.items li .contents_area {
        bottom: 2.5rem;
    }

    #home_exam ul.items li .contents_area h3.ttl a {
        font-size: 4.4rem;
    }

    #home_exam ul.items li .contents_area p.txt {
        font-size: 2.6rem;
        padding-right: 18rem;
    }

    #home_exam ul.items li .contents_area p.txt::before, #home_exam ul.items li .contents_area p.txt::after {
        top: -2rem;
        right: 2rem;
    }

    #home_exam ul.btn_list {
        grid-template-columns: 1fr;
        padding: 0 3rem 0;
        gap: 4.5rem;
    }

    #home_exam ul.btn_list li {
        padding: 0;
    }

    #home_exam ul.btn_list li a {
        font-size: 3.6rem;
        padding-bottom: 5rem;
        padding-left: 3rem;
    }

    #home_exam ul.btn_list li a::before, #home_exam ul.btn_list li a::after {
        right: 3rem;
        margin-top: 0;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
ボタンエリア
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_btns > .base_width {
        width: calc(100% - 7rem);
    }

    #home_btns ul.items.grid {
        grid-template-columns: repeat(2,1fr);
    }

    #home_btns ul.items.grid li a {
        font-size: 3.4rem;
        min-height: auto;
        height: 15.2rem;
        border-radius: 7.6rem;
        padding: 0 4rem;
    }

    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
スライダー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    #home_slider .slider-wrap p.main_ttl {
        font-size: 8.6rem;
        width: 100%;
        top: 47%;
    }

    #home_slider .slider-wrap p.main_ttl span {
        line-height: 1.2;
    }
}

/*FINISH*/