@charset "UTF-8";
/********************************************************************************

page-news.css　お知らせ用css

********************************************************************************/

/*######################################################################
 一覧
######################################################################*/
/*============================================================
 メインビジュアル
*============================================================*/
#page-news-list #mainvisual {
}

/*============================================================
 セクション共通
*============================================================*/
#page-news-list .section {
}

/*============================================================
 セクション
*============================================================*/
/* #page-news-list #sec-AAA {
    background-color: var(--common-color-background1);
} */


/*######################################################################
 詳細
######################################################################*/
/*============================================================
 common 調整
*============================================================*/
/* フッター前余白
---------------------------------------- */
#page-news #main-contents {
    /* padding-bottom: 0; */
}

/*============================================================
 セクション 共通
*============================================================*/
#page-news .section {
    /* height: 600px;
    margin-bottom: 0; */
}

/*============================================================
 セクション 関連情報
*============================================================*/
#page-news .sec-information {
    margin-bottom: var(--free-post-section-margin);
}
#page-news .sec-information .inner {
}
#page-news .sec-information .inner .layout-bg {
    display: flex;
    flex-direction: column;
    gap: 8px;
    padding: 24px;
    border-radius: 16px;
    background-color: var(--common-color-white);
}
#page-news .sec-information .logo {
}
#page-news .sec-information .sec-title {
    font-weight: bold;
}

#page-news .sec-information  .block-info {
    padding: 16px 0;
    border-bottom: solid 1px #909090;
}
#page-news .sec-information  .block-info .title {
    font-weight: bold;
    line-height: 180%;
    margin-bottom: 8px;
}
#page-news .sec-information  .block-info .catch {
    margin-bottom: 8px;
}
#page-news .sec-information  .block-info:last-child {
    border-bottom: none;
}
#page-news .sec-information  .block-info .info-list {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
#page-news .sec-information  .block-info .url {
    padding: 8px 0;
}
#page-news .sec-information  .block-info .url a {
    color: var(--common-color-main);
    text-decoration: underline;
}

/* 概要
---------------------------------------- */
#page-news .sec-information  .block-summary .info-list .row {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}
#page-news .sec-information  .block-summary .info-list .row .label {
    width: 112px;
}
#page-news .sec-information  .block-summary .info-list .row .data {
    flex: 1;
}

/*============================================================
 セクション その他のお知らせ
*============================================================*/
#page-news #sec-relation {
}
#page-news #sec-relation .sec-title {
    font-weight: bold;
    font-size: var(--rem32px);
    line-height: 160%;
    margin-bottom: 24px;
}
#page-news #sec-relation .block-card {
    margin-bottom: var(--free-post-section-margin);
}

/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 Tablet
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 1247px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-news-list #mainvisual {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-news #mainvisual {
    }

}



/*_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/
 SP
_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/*/
@media screen and (max-width: 767px) {
    /*######################################################################
     一覧
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-news-list #mainvisual {
    }


    /*######################################################################
     詳細
    ######################################################################*/
    /*============================================================
     メインビジュアル
    *============================================================*/
    #page-news #mainvisual {
    }

}