@charset "UTF-8";
@media screen and (max-width: 768px) {
/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
汎用
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body {}

main {}

.grid {}

.noimage {}

p.cmn_btn a {}

p.cmn_btn a::before,
p.cmn_btn a::after {}

p.cmn_btn a::after {
    right: 4.5rem;
    }

.feather_bg,
.feather_bg {}

.feather_bg::before,
.feather_bg::after {}

/***********************************************
お知らせ　汎用
***********************************************/
    ul.cmn_post_list {
        gap: 4rem;
        height: 46rem;
    }

    ul.cmn_post_list li {
        grid-template-columns: 20.5rem 1fr;
    }

    ul.cmn_post_list li:not(:last-of-type) {
    }

    ul.cmn_post_list li .area_a {
    }

    ul.cmn_post_list li .area_a p.img {
    }

    ul.cmn_post_list li .area_b {
        margin-top: 0;
    }

    ul.cmn_post_list li .area_b .f_wrap {
    }

    ul.cmn_post_list li .area_b p.cat {
        font-size: 1.8rem;
        min-height: 4rem;
        border-radius: 2rem;
        padding: 0 1rem;
    }

    ul.cmn_post_list li .area_b p.date {
        font-size: 2.6rem;
    }

    ul.cmn_post_list li .area_b h3.ttl {
    }

    ul.cmn_post_list li .area_b h3.ttl a {
        font-size: 2.8rem;
        -webkit-line-clamp: 3;
    }

    /* スクロールバー全体 */
    ul.cmn_post_list::-webkit-scrollbar {
    }

    /* スクロールバーの背景 */
    ul.cmn_post_list::-webkit-scrollbar-track {
    }

    /* スクロールバーのつまみ */
    ul.cmn_post_list::-webkit-scrollbar-thumb {
    }

    /* hover */
    ul.cmn_post_list::-webkit-scrollbar-thumb:hover {
    }

    
/***********************************************
表形式リスト（フレックス）
***********************************************/
    
    .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 var(--theme_m_color);
        padding: 5rem 0;
    }

    dl.cmn_data_list .data_item:first-child {
        border-top: 1px solid var(--theme_m_color);
    }

    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;
    }

    .cmn_data_list.cmn_data_list.cmn_data_list dt {
        margin-bottom: 2.5rem;
    }

    dl.cmn_data_list.cmn_data_list .data_item dd {
        padding: 0;
    }
    
/***********************************************
MARU　リスト
***********************************************/
    .cmn_maru_list {
    }

    .cmn_maru_list li {
        padding-left: 3rem;
    }

    .cmn_maru_list li::before {

    }

    
/***********************************************
固定ページ　階層ボタン
***********************************************/
    .child_page_btns {
        grid-template-columns: repeat(2,1fr);
        margin-top: 14rem;
        gap: 2rem 3rem;
    }

    .child_page_btns li {
    }

    .child_page_btns li a {
        font-size: 3rem;
        min-height: 12rem;
        padding: 1rem 4rem 1rem 2rem;
    }

    .child_page_btns li a::after {
        width: 2rem;
        height: 2rem;
    }

    .child_page_btns li.active a {
    }

    .child_page_btns li.active a::after {
    }
}