/*学校紹介のCSS*/

/* type04: 4枚画像用 */
.contents-image-container.type04 ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    gap: 10px;
    list-style: none;
    padding: 0;
    margin: 0;
}

.contents-image-container.type04 ul li {
    width: calc(50% - 10px); /* PC版: 2列 (50%ずつ) */
    box-sizing: border-box;
}

.contents-image-container.type04 ul li figure {
    margin: 0;
}

.contents-image-container.type04 ul li img {
    width: 100%;
    height: auto;
}

/* スマホ版: 768px以下で1列に変更 */
@media screen and (max-width: 768px) {
    .contents-image-container.type04 ul li {
        width: 100%; /* 1列 (100%) */
    }
}