@charset "UTF-8"; @media screen and (max-width: 768px) {
    /* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
    p.cmn_btn a {
        font-size: 3.3rem;
        width: 50rem;
        height: 12rem;
        border-radius: 6rem;
    }

    p.cmn_btn a::before, p.cmn_btn a::after {
        width: 7.2rem;
        height: 7.2rem;
        right: 3rem;
    }

    p.cmn_btn a::after {
        mask-size: 2.6rem auto;
    }

    h2.cmn_ttl span.ja {
        font-size: 3rem;
    }

    h2.cmn_ttl span.en {
        font-size: 9.8rem;
    }

    /***********************************************
お知らせ　汎用
***********************************************/

    ul.cmn_post_list li {
        padding: 2.5rem 5rem 3rem 0rem;
    }

    ul.cmn_post_list li .post_wrap p.cat {
        font-size: 2.2rem;
        min-width: 13rem;
    }

    ul.cmn_post_list li .post_wrap p.date {
        font-size: 3.2rem;
    }

    ul.cmn_post_list li .post_wrap h3.ttl a {
        font-size: 2.8rem;
        line-height: 1.75;
    }

    /***********************************************
dl
***********************************************/
    .cmn_dl_wrap dl.dl_list dt {
        width: 100%;
        font-size: 4.533333333vw;
        display: block;
        padding: 0;
        padding-top: 20px;
        margin-bottom: 10px;
        position: relative;
    }

    .cmn_dl_wrap dl.dl_list:last-of-type dt {
        border-bottom: none;
    }

    .cmn_dl_wrap dl.dl_list dd {
        width: 100%;
        display: block;
        border-top: none;
        padding: 0;
        padding-bottom: 25px;
        line-height: 1.75;
        font-size: 4.533333333vw;
    }

    .cmn_dl_wrap dl.dl_list:last-of-type dd {
        border-color: var(--theme_m_color);
    }

    /***********************************************
表形式リスト（グリッド）
***********************************************/
    dl.cmn_data_list {
        padding: 0 0;
    }

    dl.cmn_data_list .data_item {
        grid-template-columns: 1fr;
        border-bottom: 1px solid #CCCCCC;
        padding: 5rem 3rem 7rem 3rem;
    }

    dl.cmn_data_list .data_item:first-child {
        border-top: 1px solid #CCCCCC;
        border-color: #CCCCCC;
    }

    dl.cmn_data_list.cmn_data_list dt, dl.cmn_data_list dd {
        font-size: 3rem;
        border: none;
        padding: 0;
    }

    dl.cmn_data_list .data_item:first-child dt, dl.cmn_data_list .data_item:first-child dd {
        border: none;
    }

    dl.cmn_data_list dt {
        margin-bottom: 1.5rem;
    }

    dl.cmn_data_list.cmn_data_list .data_item dd {
        padding: 0;
    }

    /***********************************************
採用・問い合わせ
***********************************************/
    #info_area .inner {
        flex-direction: column;
    }

    #info_area .inner .contents_area {
        width: 100%;
        padding: 5rem 5rem;
    }

    #info_area .inner .contents_area.contact {
    padding: 3rem 0 7rem;
    }

    #info_area .inner .contents_area.entry {
    padding: 3rem 0 7rem;
    }

    #info_area .inner .contents_area .box {
        margin: 0 auto;
        width: 100%;
    }

    #info_area .inner .contents_area.contact .box {
        margin: 0 auto;
    }

    #info_area .inner .contents_area .ttl_wrap h2.main_ttl {
        font-size: 9rem;
        margin-bottom: 0.5rem;
    }

    #info_area .inner .contents_area .ttl_wrap p.main_txt {
        font-size: 3rem;
        line-height: 1.5;
        margin-bottom: 4rem;
    }

    #info_area .inner .contents_area .btn_wrap p.btn a {
        font-size: 3.8rem;
        width: 58rem;
        margin: 0 auto;
    }

    #info_area .inner .contents_area .btn_wrap p.btn.tel a::before {
        width: 3.8rem;
        height: 3.8rem;
    }

    #info_area .inner .contents_area .btn_wrap p.btn.tel a span.num {
        font-size: 4.6rem;
    }

    #info_area .inner .contents_area .btn_wrap p.btn.tel a span.open {
        font-size: 2.6rem;
    }

    #info_area .inner .contents_area .btn_wrap p.btn.mail a::before {
        width: 4rem;
        height: 2.8rem;
    }

}