@media screen and (max-width: 1032px) {
    .common-section{
        height: 60vh;
    }
    .top-view-container{
        .top-view-text{
            top: 30%;
            font-size: 3.5vw;
        }
    }
    .top-news-container{
        width: 80vw;
        margin: 0 auto;
    }

    .top-various-container-right{
        .various-right-bg{
            height: 30vh;
        }
    }

    .top-various-container-left{
        .various-left-bg{
            height: 30vh;
        }
    }
}

@media screen and (max-width: 820px) {
    .top-various-container-right, .top-various-container-left{
        width: 90vw;
    }
}

@media screen and (max-width: 768px) {
    .top-various-container-right {
        .various-right-box-red,
        .various-right-box-white {
            height: 150px;
        }
    }
    .top-various-container-left {
        .various-left-box-red,
        .various-left-box-white {
            height: 150px;
        }
    }

    .top-view-text{
        width: 80vw;
    }
    .top-view-text-p{
        width: 70vw;
    }
    .top-view-text-p {
        p{
            font-size: 1.2em;
        }
    }
    .top-mission-container {
        & .top-mission-bg {
            & .top-mission-text-box {
                p {
                    text-align: center;
                    font-size: 1.3em;
                    font-weight: 700;
                    line-height: 2;
                }
            }
        }
    }
}

@media screen and (max-width: 440px) {

    .top-view-container {
        .top-view-text {
            top: 30%;
            font-size: 4vw;
        }
    }

    .top-view-text-p{
        width: 100vw;
        top: 60%;
        font-size: 3.6vw;
    }

    .common-section {
        height: 40vh;
        margin-top: 10vw;
    }

    .top-news-container{
        width: 86vw;
        margin: 0 auto;
        .top-news-flexbox-container{
            .top-news-flexbox{
                .top-news-text-box{
                    border: #ea553a 1px solid;
                    background-color: #ea553a;
                    color: #fff;
                    padding: 5px;
                    font-size: 14px;
                }
                .top-news-flex-right{
                    font-size: 3vw;
                }
        }
        }
    }

    .readmore-btn{
        width: 150px;
    }

    .top-various-container-left{
        width: 100vw;
        .various-left-bg{
            width: 100%;
        }
        .various-right-box-red, .various-right-box-white{
            width: 100%;
            height: 100px;
        }
    }

    .top-various-container-right{
        width: 100vw;
        .various-right-bg{
            width: 100%;
        }
    }

    .w{
        margin: 0;
    }
    .top-various-container-right {
        .various-right-box-red, .various-right-box-white{
            top: auto;
            transform: none;
            bottom: 0;
            width: 100vw;
            height: 80px;
        }
        .various-right-text-box{
            top: auto;
            bottom: 0;
            left: 100px;
            transform: none;
            padding: 15px;
            h3{
                font-size: 4vw;
                justify-self: unset;
                font-weight: 600;
                margin-bottom: 0;

            }
            p{
                font-size: 2.5vw;
            }
        }
    }
    .various-readmore-btn{
        width: 150px;
        padding: 3px;
    }
    .top-various-container-right {
        .various-right-box-white {
            background-color: #fff;
            clip-path: polygon(15% 0, 100% 0, 110% 0%, 85% 100%, 0 100%, 0 50%);
        }
    }
    .top-various-container-left {
        .various-left-box-red, .various-left-box-white {
            top: auto;
            transform: none;
            bottom: 0;
            width: 100vw;
            height: 80px;
        }
        .various-left-text-box{
            top: auto;
            bottom: 0;
            left: 100px;
            transform: none;
            padding: 15px;
            h3{
                font-size: 4vw;
                justify-self: unset;
                font-weight: 600;
                margin-bottom: 0;

            }
            p{
                font-size: 2.5vw;
            }
        }
    }
    .top-various-container-left {
        .various-left-box-white {
            background-color: #fff;
            clip-path: polygon(30% 0, 100% 0, 100% 50%, 85% 100%, 0 100%, 0 85%);
        }
    }
    .top-various-container-right {
        .various-right-bg {
            height: 35vh;
        }
    }
    .top-various-container-left {
        .various-left-bg {
            height: 35vh;
        }
    }
    .top-mission-container{
        padding: 0;
        padding-top: 80px;
    }

    .top-various-container-right {
        .various-right-box-red, .various-right-box-white {
            padding: 15px 0;
        }
    }
    .top-various-container-left {
        .various-left-box-red, .various-left-box-white {
            position: absolute;
            padding: 15px;
        }
    }
    .top-mission-container {
        border-top-left-radius: 100% 100px;
        /* より丸みを強調 */
        border-top-right-radius: 100% 100px;
        .top-mission-bg {
            .top-mission-text-box {
                h2{
                font-size: 5vw;
                }
                p {
                    text-align: center;
                    font-size: 3vw;
                    font-weight: 500;
                }
            }
        }
    }

    .top-news-container {
        h2 {
            font-size: 5vw;;
        }
    }

    .top-view-text-p p{
        font-size: 3.5vw;
    }
}