@media screen and (max-width: 1032px) {
    .job-type {
        a {
            padding: 5px 30px;
        }
    }

    .business-top-container {
        width: 75vw;
        img {
            height: 20vh;
        }
    }
}

@media screen and (max-width: 820px) {
    .business-top-container {
        width: 65vw;
    }
    .job-type{
        max-width: 1024px;
        width: 80vw;
    }
}

@media screen and (max-width: 768px) {
    .business-achievements-card {
        width: 40vw;
        object-fit: cover;
        margin-bottom: 3vw;
        img {
            width: 100%;
        }
        .business-achievements-text {
            width: 100%;
            display: flex;
        }
        .business-achievements-text h3 {
            width: 30%;
            font-size: 0.8em;
            color: #ea553a;
            margin: 0 auto;
        }

        .business-achievements-text p {
            width: 70%;
            font-size: 0.6em;
            align-self: center;
            margin-bottom: 0;
            margin: 0 auto;
        }
    }
    .business-top-container{
        p{
            font-size: 0.9em;
        }
    }
}



/* 440px以下のSwiperスタイル */
@media screen and (max-width: 440px) {
    .business-achievements-flex-box {
        display: none;
    }

    .swiper {
        display: block;
        width: 100%;
        padding-bottom: 20px;
    }

    .swiper-slide {
        display: flex;
        justify-content: center;
        align-items: center;
    }

    .business-achievements-card {
        width: 100vw;
    }

    .business-h2{
        font-size: 3.6vw;
        font-weight: 700;
    }

    .business-achievements-text h3{
        font-size: 2.5vw;
    }

    .business-achievements-text p{
        font-size: 2.5vw;
    }

    .business-top-container{
        img{
            height: 20vh;
        }
        p{
            font-size: 2vw;
        }
    }

    .job-type{
        width: 90vw;
        p{
            font-size: 3.5vw;
        }
    }

    .business-achievements-card {
        .business-achievements-text {
            h3 {
                width: 30%;
                font-size: 3.2vw;
                color: #ea553a;
                margin: 0 auto;
            }
            p {
                        width: 70%;
                        font-size: 10px;
                        align-self: center;
                        margin-bottom: 0;
                        margin: 0 auto;
            }
        }
    }
    .job-type {
        margin: 10vw auto;
        a {
            padding: 3px 20px;
            font-size: 11px;

        }
    }

    .business-h2{
        font-size: 5vw;
    }

    .about-vision-container {
        width: 90%;
        margin: 0 auto;
        margin-top: 5vw;
    }

    .about-vision-container {
        .about-vision-textbox:nth-child(-n+3) {
            margin-bottom: 20px;
        }
    }

    .about-vision-container {
        & .about-vision-textbox {
            h3 {
                font-size: 16px;
            }
        }
    }
    
    
}

/* 440px以上の時はSwiperを非表示 */
@media screen and (min-width: 441px) {
    .swiper {
        display: none;
    }


}