@charset "utf-8";.top_page_font_color{color: #FFFFFF;}/* ===============================
    KV（修正版）
=============================== */
@media (min-width: 751px) {
    .featureContents .feature-detail2 .feature-kv-container {
        background-image: url(/photo/page/20210208/1920-2.jpg)!important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 100%;
        aspect-ratio: 1200 / 727;
        height: auto;
    }
}

@media (max-width: 750px) {
    .featureContents .feature-detail2 .feature-kv-container {
        background-image: url(/photo/page/20210208/7fad04d084259fe17305ec7e9f1991c5.jpg)!important;
        background-repeat: no-repeat;
        background-size: contain;
        background-position: center center;
        width: 100%;
        aspect-ratio: 1000 / 1000;
        height: auto;
    }
}

/* ===============================
    画像グリッド共通
=============================== */
.image-container {
    display: flex;
    flex-wrap: wrap;
    justify-content: center; /* 8個未満の時も中央に綺麗に並びます */
    gap: 10px;
}

.image-container .image-item {
    display: block;
    margin-bottom: 0;
}

.image-container .image-item img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===============================
    PCカラム指定
=============================== */

/* 2カラム（サイズは3カラムと同じ） */
.image-col-2 .image-item {
    width: calc((100% - 20px) / 3);
}

/* 3〜8カラム（画像サイズを「8個並び」のサイズに統一） */
.image-col-3 .image-item,
.image-col-4 .image-item,
.image-col-5 .image-item,
.image-col-7 .image-item,
.image-col-8 .image-item {
    width: calc((100% - 70px) / 8);
}


/* ===============================
    SP対応（750px以下）
=============================== */
@media (max-width: 750px) {
    .image-container {
        gap: 5px;
    }

    /* 2カラム */
    .image-col-2 .image-item {
        width: calc((100% - 5px) / 2);
    }

    /* 3カラム：SPでも3つ並びを維持 */
    .image-col-3 .image-item {
        width: calc((100% - 10px) / 3);
    }

    /* 4〜8カラム：SPではすべて「4つ並び」のサイズに統一 */
    /* （5〜8個ある場合は、自動的に折り返して2段になります） */
    .image-col-4 .image-item,
    .image-col-5 .image-item,
    .image-col-7 .image-item,
    .image-col-8 .image-item {
        width: calc((100% - 15px) / 4);
    }
}