.business-h2 {
    font-size: 3vw;
    font-weight: 700;
    color: #ea553a;
    text-align: center;
    margin: 5vw 0;
}

/*会社概要*/

.company-profile-container {
    width: 65%;
    margin: 0 auto;
    display: flex;
    flex-direction: column;
}

/* メイン画像エリア */
.company-profile-top-img-box {
    width: 100%;
    height: 70%; /* メイン画像の高さ */
    position: relative;
}

.swiper-main {
    width: 100%;
    height: 100%;
}

.swiper-main .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Swiperスライダーエリア */
.company-profile-bottom-img-box {
    width: 100%;
    height: 150px; /* サブスライダーの高さ */
    margin-top: 50px;
    position: relative;
}

.swiper-sub {
    width: 100%;
    height: 100%;
}

.swiper-sub .swiper-slide {
    width: 25%; /* 1スライドの幅を25%に設定 */
    height: 100%;
}

.swiper-sub .swiper-slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* Swiperのナビゲーションボタンのカスタマイズ */
.swiper-button-next,
.swiper-button-prev {
    color: white;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    z-index: 10;
}

.swiper-button-prev {
    left: 10px;
}

.swiper-button-next {
    right: 10px;
}

.company-profile-list-container {
    max-width: 1024px;
    width: 80%;
    margin: 0 auto;
    margin-top: 5vw;
    table {
        width: 100%;
        border-collapse: collapse; /* 二重線をなくす */
        th,td {
            border: 1px solid #9a9a9a;
            padding: 2vw;
        }
        th:nth-child(even),td:nth-child(even) {
            background-color: #EBEBEB;
        }
        th {
            background-color: #d3d3d3; /* thの背景色を変更 */
        }
    }
}