@charset "utf-8";

.mainimage img {
    width: 100%;
    vertical-align: bottom;
}

.slick-slide img { /* 画像下の隙間削除 */
	vertical-align: bottom;
	display: inline!important;
}

section {
    h2 {
        border-left: 7px solid var(--color-main);
        margin-bottom: 25px;
        padding: 4px 15px 6px 15px;
        font-size: 2.4rem;
        font-weight: bold;
    }
}

/* headlineSenction */

/* infoSection */
.infoSection {
    .sectionInner {
        .info-block {
            display: grid;
            grid-template-columns: 1fr 1fr;
            gap: 25px;
            @media (width <= 999px) {
                grid-template-columns: 1fr;
                gap: 15px;
                margin-bottom: 30px;
            }
            .info-box {
                .info-box_img {
                    img {
                        margin-bottom: 10px;
                        vertical-align: bottom;
                    }
                }
                .buttonLink1 {
                    margin-bottom: 0;
                }
            }
        }
        .x-block {
            .x-embed {
                .fb-wrap {
                    width: 100%;
                    max-width: 355px; /* Facebookプラグインの最大幅に合わせる */
                    margin: 0 auto;   /* 中央に配置したい場合（お好みで） */
                }

                /* iframeが親要素をはみ出さないように念押し */
                .fb-wrap iframe {
                    max-width: 100% !important;
                }
            }
            
        }
    }
}

/* linkSection */
.banner {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr 1fr;
    gap: 25px;
    @media (width <= 999px) {
        grid-template-columns: 1fr;
        gap: 10px;
    }
    a {
        padding: 5px 0;
        border: 1px solid #ddd;
        text-align: center;
        display: block;
        img {
            vertical-align: bottom;
        }
    }
}