.title-container > h1 {
    margin-top: -2.0vw;
}
@media only screen and (max-width:560px) {
    .title-container {
        height: 36.97vw;
    }
    .title-container > h1 {
        font-size: 4.828vw;
        margin-top: 5.45vw;
    }
    .title-container > h1.right {
        right: 20.20vw;
    }
}



.news-container {
    display: flex;
    justify-content: space-between;
    margin: 4.73vw 14.13vw 4.73vw 8.33vw;
}
@media only screen and (max-width:560px) {
    .news-container {
        display: block;
        margin: 9.711vw 6.071vw 4.73vw 6.071vw;
    }
}

.news-container > div:first-child {
    width: 58.19vw;
}

    .news-frame {
        display: flex;
        justify-content: space-between;
        width: 100%;
        border-top: 1px solid #9FA0A0;
        padding-top: 1.53vw;
    }
    .news-frame > div {
        
    }
    .news-frame > div:first-child {
        overflow: hidden;
        width: 13.33vw;
        height: 13.33vw;
        min-width: 13.33vw;
        min-height: 13.33vw;
        position: relative;
    }
        .news-frame > div:first-child > img {
            position: absolute;
            top: 50%;
            left: 50%;
            -webkit-transform: translate(-50%, -50%);
            -ms-transform: translate(-50%, -50%);
            transform: translate(-50%, -50%);
            width: auto;
            height: 100%
        }
    .news-frame > div:last-child {
        width: calc(100% - 13.33vw);
        padding-left: 1.6vw;
    }
        .news-frame > div:last-child > div:first-of-type {
            font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
            font-size: 0.889vw;
        }
        .news-frame > div:last-child > h2 {
            font-size: 1.86vw;
            margin: 1vw 0;
            line-height: 2.311vw;
            font-family: "リュウミン M-KL";
        }
        .news-frame > div:last-child > div:last-of-type {
            font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
            font-size: 1.155vw;
            line-height: 2.017vw;
            display: -webkit-box;
            -webkit-box-orient: vertical;
            -webkit-line-clamp: 3;
            overflow: hidden; 
        }
        .news-frame > div:last-child > p:nth-of-type(0) {
            font-size: 1.156vw;
            margin: 0;
        }
        .news-frame > div:last-child > p:nth-of-type(1) {
            text-align: right;
        }
        .news-frame > div:last-child > p:last-child button {
            font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
            border: 0;
            border-radius: 2vw;
            padding: 0.2vw 2.5vw 0.35vw 2.5vw;
            color: white;
            font-size: 0.8vw;
            background-color: #91425B;
            vertical-align: text-top;
        }
@media only screen and (max-width:560px) {
    .news-container > div:first-child {
        width: 100%;
    }
        .news-frame {
            display: flex;
            justify-content: space-between;
            width: 100%;
            border-top: 1px solid #9FA0A0;
            padding-top: 1.53vw;
        }
        .news-frame > div {
            
        }
        .news-frame > div:first-child {
            overflow: hidden;
            width: 32.576vw;
            height: 32.576vw;
            min-width: 32.576vw;
            min-height: 32.576vw;
            position: relative;
        }
            .news-frame > div:first-child > img {
                position: absolute;
                top: 50%;
                left: 50%;
                -webkit-transform: translate(-50%, -50%);
                -ms-transform: translate(-50%, -50%);
                transform: translate(-50%, -50%);
                width: auto;
                height: 100%
            }
        .news-frame > div:last-child {
            width: calc(100% - 32.57vw);
            padding-left: 2.6vw;
        }
            .news-frame > div:last-child > div:first-of-type {
                font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
                font-size: 2.171vw;
            }
            .news-frame > div:last-child > div:last-of-type {
                font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
                font-size: 2.823vw;
                line-height: 4.927vw;
                display: -webkit-box;
                -webkit-box-orient: vertical;
                -webkit-line-clamp: 3;
                overflow: hidden; 
            }
            .news-frame > div:last-child > h2 {
                font-size: 3.420vw;
                margin: 1vw 0;
                line-height: 5.646vw;
                margin: 3.393vw 0 3.393vw;
            }
            .news-frame > div:last-child > p:nth-of-type(0) {
                font-size: 2.117vw;
                margin: 0;
            }
            .news-frame > div:last-child > p:nth-of-type(1) {
                text-align: right;
            }
            .news-frame > div:last-child > p:last-child button {
                font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
                border: 0;
                border-radius: 2vw;
                padding: 0.5vw 3vw 0.5vw 3vw;
                color: white;
                font-size: 2.511vw;
                background-color: #91425B;
                vertical-align: text-top;
            }
}
    

.news-container > div:last-child {
    width: 15.33vw;
    margin-top: -0.8vw;
}
.news-container > div:last-child > h4 {
    font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
    margin-top: 0;
    font-size: 1.3vw;
}
.news-container > div:last-child > ul {
    list-style: none;
    margin: 0;
    padding: 0;
    margin-bottom: 4.26vw;
}
.news-container > div:last-child > ul > li {
    font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
    font-size: 1.3vw;
    margin: 1.0vw 0;
}
.news-container > div:last-child > ul > li a {
    font-family: "ヒラギノ角ゴ ProN W3", "Noto Sans JP";
}