/* ===================================================
   KAKEKOMITERA（ブランド相談室 / 駆け込み寺）
   Branding / Creative / Partner 共通・CONTACT直前に設置
=================================================== */
.kakekomitera {
    background: #F5F5F2;
    padding-block: 140px;
}

.kakekomitera__inner {
    max-width: var(--max-width);
    margin-inline: auto;
    padding-inline: var(--gutter);
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 64px;
    align-items: center;
}

.kakekomitera__title {
    font-family: 'Jost', sans-serif;
    font-weight: 400;
    font-size: clamp(28px, 3vw, 40px);
    letter-spacing: 0.1em;
    color: var(--color-text);
    margin-bottom: 24px;
}

.kakekomitera__subtitle {
    font-family: var(--font-ja);
    font-weight: var(--weight-regular);
    font-size: 18px;
    letter-spacing: 0.08em;
    color: var(--color-text);
    margin-bottom: 32px;
}

.kakekomitera__body p {
    font-family: var(--font-ja-gothic);
    font-size: 15px;
    line-height: 1.9;
    letter-spacing: 0.03em;
    color: var(--color-text);
}

.kakekomitera__more {
    display: flex;
    width: fit-content;
    margin-left: auto;
    margin-top: 40px;
}

.kakekomitera__img {
    position: relative;
    overflow: hidden;
}

.kakekomitera__img img {
    width: 100%;
    height: auto;
    display: block;
}

/* ===================================================
   SP
=================================================== */
@media (max-width: 768px) {
    .kakekomitera {
        padding-block: 80px;
    }

    .kakekomitera__inner {
        grid-template-columns: 1fr;
        gap: 0;
    }

    /* SP: タイトル → 画像 → 文章 → ボタン の順に並び替え */
    .kakekomitera__text {
        display: contents;
    }

    .kakekomitera__title {
        order: 1;
        margin-bottom: 16px;
    }

    .kakekomitera__subtitle {
        order: 2;
        margin-bottom: 32px;
    }

    .kakekomitera__img {
        order: 3;
        margin-bottom: 32px;
    }

    .kakekomitera__body {
        order: 4;
    }

    .kakekomitera__more {
        order: 5;
        margin-top: 32px;
    }
	
}