@charset "UTF-8";
/*
  Template: swell
  Theme Name: SWELL CHILD
  Theme URI: https://swell-theme.com/
  Description: SWELLの子テーマ
  Version: 1.0.0
  Author: LOOS WEB STUDIO
  Author URI: https://loos-web-studio.com/
}

/* ========== 施工事例：画像セット ========== */

div.p-entry__text {
    line-height: 1.8 !important;
}

/* ブロック余白 */
.c-imageSet {
    margin-bottom: 2em;
}

/* 行（PC: 2カラム / SP: 1カラム） */
.c-imageSet__row {
    display: flex;
    flex-wrap: wrap;
    gap: 20px;
    margin-bottom: 2em;
}

/* カラム */
.c-imageSet__col {
    flex: 1 1 calc(50% - 20px);
    /* PCは2分割 */
}

/* 画像（比率そのまま） */
.c-imageSet__col img {
    display: block;
    width: 100%;
    height: auto;
}

/* キャプション（説明文と差別化：センター・やや小さめ） */
.c-imageSet__caption {
    margin-top: .5em;
    font-family: inherit;
    /* 本文と同書体 */
    font-size: .9em;
    /* 少しだけ小さく */
    line-height: 1.8 !important;
    color: #666;
    /* わずかにトーンダウン */
    text-align: center;
}

/* 追加説明（本文扱い） */
.c-imageSet__desc {
    margin-top: 1em;
    font-family: inherit;
    font-size: 1em;
    line-height: 1.8 !important;
    color: inherit;
    text-align: left;
}

.c-headline {
    position: relative;
    padding-left: 1em;
    font-size: 1.4em;
    font-weight: bold;
    border-left: 5px solid #006d49;
    line-height: 1.8 !important;
    margin: 2em 0;
}

/* SP: 1カラムに */
@media (max-width: 767px) {
    .c-imageSet__col {
        flex: 1 1 100%;
    }
}