@charset "utf-8";


/**
 * スマホ用設定
 */
@media ( width < 768px ) {

    #page-mv.no-bg {
        background: none;
        aspect-ratio: initial;
    }
    .news-wrap {
        margin: 0 auto;
        width: 90%;
    }
    #news-main .news-wrap .date {
        margin: 0.2em 0 0;
        padding: 0;
        color: #878787;
        font-size: 3.6vw;
        font-weight: 400;
        font-family: 'Helvetica';
        text-align: left;
        line-height: calc( 20 / 18 );
    }
    #news-main .news-wrap .title {
        margin: 0;
        padding: 0;
        font-size: 4.8vw;
        font-weight: 700;
        text-align: left;
        line-height: calc( 30 / 18 );
    }
    #news-main .news-wrap .cat {
        margin: 1.0em 0 4.0em;
        padding: 0 0.5em;
        width: max-content;
        font-size: 3.2vw;
        border: 1px solid #888;
        border-radius: 5px;
    }
    #news-main .news-wrap p {
        margin: 1.5em 0 0;
        padding: 0;
        width: 100%;
        font-size: 3.6vw;
        font-weight: 400;
    }
    #news-main .news-wrap .btn-common {
        display: block;
        margin: 8.0vw auto 0;
        padding: 0.8em 2.0em;
        width: max-content;
        color: #fff;
        font-size: 3.6vw;
        background: #ff9d00;
        border-radius: 1.0vw;
    }

}


/**
 * PC用設定
 */
@media ( width >= 768px ) {

    #page-mv.no-bg {
        background: none;
        aspect-ratio: initial;
    }
    .news-wrap {
        margin: 0 auto;
        width: 90%;
        max-width: 1112px;
    }
    #news-main .news-wrap .date {
        margin: 0.2em 0 0;
        padding: 0;
        width: 160px;
        color: #878787;
        font-size: 18px;
        font-weight: 400;
        font-family: 'Helvetica';
        text-align: left;
        line-height: calc( 20 / 18 );
    }
    #news-main .news-wrap .title {
        margin: 0;
        padding: 0;
        font-size: 28px;
        font-weight: 700;
        text-align: left;
        line-height: calc( 30 / 18 );
    }
    #news-main .news-wrap .cat {
        margin: 1.0em 0 4.0em;
        padding: 0 0.5em;
        width: max-content;
        font-size: 14px;
        border: 1px solid #888;
        border-radius: 5px;
    }
    #news-main .news-wrap p {
        margin: 1.5em 0 0;
        padding: 0;
        width: 100%;
        font-size: 16px;
        font-weight: 400;
    }
    #news-main .news-wrap .btn-common {
        display: block;
        margin: 60px auto 0;
        padding: 0.8em 2.0em;
        width: max-content;
        color: #fff;
        font-size: 16px;
        background: #ff9d00;
        border-radius: 5px;
    }

}