/*---------------------------------
  newsSection
---------------------------------*/
.newsSection {
    margin-bottom: min(13.281vw, 170px);
    margin-top: max(-1.25vw, -16px);
}

.newsSection .sectionTitleArea {
    padding-top: min(7.187vw, 92px);
    position: relative;
}

.newsSection .sectionTitleArea .test,
.newsSection .sectionTitleArea img {
    position: absolute;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.bluebirdBox {
    position: absolute;
    width: min(5.859vw, 75px);
    left: calc(50% - min(13.984vw, 179px));
    bottom: min(6.171875vw, 79px);
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

.newsSection .sectionTitleArea .bluebird {
    transform: unset;
    -webkit-transform: unset;
    -ms-transform: unset;
}

.bbfootprintLeft {
    width: min(6.563vw, 84px);
    bottom: min(0.781vw, 10px);
    left: calc(50% - min(9.141vw, 117px));
}

.bbfootprintRight {
    width: min(6.563vw, 84px);
    bottom: min(0.781vw, 10px);
    left: calc(50% + min(8.906vw, 114px));
}

.newsPostArea {
    margin-top: min(3.672vw, 47px);
}

.newsPostArea .postTitle {
    font-size: min(1.953vw, 25px);
    display: flex;
    align-items: center;
    background-image: linear-gradient(to right, #eada88 min(0.234vw, 3px), transparent min(0.234vw, 3px));
    background-size: min(0.703vw, 9px) min(0.234vw, 3px);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: min(1.094vw, 14px);
    letter-spacing: max(-0.062vw, -0.8px);
    font-weight: 500;
}

.newsPostArea .postTitle .emphasis {
    background-color: #f55559;
    color: #ffffff;
    border-radius: min(1.172vw, 15px);
    font-size: min(1.094vw, 14px);
    padding: min(0.469vw, 6px) min(0.625vw, 8px) min(0.703vw, 9px);
    margin-right: min(0.469vw, 6px);
    margin-top: min(0.078vw, 1px);
    line-height: 1;
    letter-spacing: 0;
    font-weight: 400;
}

.newsPostArea .postDate {
    text-align: right;
    margin-top: min(0.938vw, 12px);
    font-size: min(1.25vw, 16px);
    margin-right: min(0.234vw, 3px);
}

.postContentsArea {
    margin-top: min(4.219vw, 54px);
    font-size: min(1.484vw, 19px);
    line-height: min(2.5vw, 32px);
    letter-spacing: min(0.016vw, 0.2px);
    background-image: linear-gradient(to right, #eada88 min(0.234vw, 3px), transparent min(0.234vw, 3px));
    background-size: min(0.703vw, 9px) min(0.234vw, 3px);
    background-repeat: repeat-x;
    background-position: left bottom;
    padding-bottom: min(5.313vw, 68px);
}

.postContentsArea .contentsTitle {
    margin-top: min(2.5vw, 32px);
    font-weight: 500;
}

.postContentsArea .contentsText.caution {
    font-size: min(1.25vw, 16px);
    letter-spacing: 0;
    margin-top: max(-0.078vw, -1px);
    margin-bottom: min(0.078vw, 1px);
}

.postContentsArea .contentsText.red {
    color: #db5d60;
}

.postContentsArea .contentsTable td:nth-child(1) {
    padding-right: min(1.406vw, 18px);
}

.postContentsArea .contentsTable td:nth-child(2) {
    padding-right: min(1.719vw, 22px);
}

.postContentsArea .contentsImgArea {
    width: min(37.5vw, 480px);
    height: min(25vw, 320px);
    margin: 0 auto;
    margin-top: min(3.75vw, 48px);
}

.postContentsArea .contentsImgArea img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    cursor: pointer;
}

/* =====================================================
コース画像拡大モーダル （ここから本PEN のコア）
===================================================== */
#grayDisplay {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    /* コンテンツ全てに対して固定的に 1160pxとか指定されているときの対応で、
    ダサいが!importantつける */
    max-width: 100% !important;
    height: 100%;
    background: rgba(0, 0, 0, 0.6);
    z-index: 999;
}

#grayDisplay img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    max-width: 65%;
    max-height: 65%;
    height: 65%;
    object-fit: contain;
}

.newsPostArea .postContact {
    text-align: center;
    font-size: min(1.563vw, 20px);
    margin-top: min(0.859vw, 11px);
    letter-spacing: max(-0.023vw, -0.3px);
}

@media only screen and (max-width: 767px) {
    .gnaviBackdropBlue {
        margin-top: 6.667vw;
    }

    .newsSection {
        margin-bottom: 26.667vw;
        margin-top: 0px;
    }

    .newsSection .sectionTitleArea {
        padding-top: 9.3vw;
        margin-bottom: 1.9vw;
    }

    .bluebirdBox {
        width: 9.3vw;
        bottom: 10.1vw;
        left: calc(50% - 24.3vw);
    }

    .bbfootprintLeft {
        width: 11.2vw;
        bottom: 1.5vw;
        left: calc(50% - 15.9vw);
    }

    .bbfootprintRight {
        width: 11.2vw;
        bottom: 1.5vw;
        left: calc(50% + 15.9vw);
    }

    .newsPostArea {
        margin-top: 8.13vw;
    }

    .newsPostArea .postTitle {
        font-size: 4.533vw;
        background-image: linear-gradient(to right, #eada88 0.6vw, transparent 0.6vw);
        background-size: 1.7vw 0.6vw;
        padding-bottom: 1.867vw;
        letter-spacing: -0.107vw;
    }

    .newsPostArea .postTitle .emphasis {
        border-radius: 4vw;
        font-size: 3.467vw;
        padding: 0.8vw 1.333vw 1.2vw;
        margin-right: 1.6vw;
        margin-top: 0.267vw;
    }

    .newsPostArea .postDate {
        margin-top: 0.8vw;
        font-size: 3.2vw;
        margin-right: 0.533vw;
    }

    .postContentsArea {
        margin-top: 4.267vw;
        font-size: 3.733vw;
        line-height: 1.6;
        letter-spacing: 0;
        background-image: linear-gradient(to right, #eada88 0.6vw, transparent 0.6vw);
        background-size: 1.7vw 0.6vw;
        padding-bottom: 8vw;
    }

    .postContentsArea .contentsTitle {
        margin-top: 4.8vw;
    }

    .postContentsArea .contentsText.caution {
        font-size: 3.2vw;
        margin: 0;
    }

    .postContentsArea .contentsTable tr {
        display: flex;
        flex-wrap: wrap;
    }

    .postContentsArea .contentsTable td:nth-child(1) {
        padding-right: 3.2vw;
    }

    .postContentsArea .contentsTable td:nth-child(2) {
        padding-right: 0;
    }

    .postContentsArea .contentsTable td:nth-child(3) {
        width: 100%;
        padding-left: 0.5rem;
    }

    .postContentsArea .contentsImgArea {
        width: 64vw;
        height: 42.667vw;
        margin-top: 6.667vw;
    }

    .newsPostArea .postContact {
        font-size: 3.2vw;
        margin-top: 2.133vw;
        letter-spacing: 0;
    }

    /* 追記 */
    .commonWidth{
        width: 93%;
    }
}