/* ============================================================
 * statement（大切なきものの、これからを一緒に考える。）
 *
 * Figma PC: 1240 x 864 / SP: 750 x 1451。
 * concern と同じ和紙テクスチャの上に、見出しと本文を中央寄せで置くだけ。
 * 本文の空行は段落ブロックの下マージン（＝1行ぶん）で表現している。
 * このセクションの下に続く CTA 帯は別パターン。
 * ============================================================ */

.hm-rp-statement {
    position: relative;
    height: calc(864 * var(--u));
    /* 和紙テクスチャ。原寸比 2400:2257 を width 100% で保ったまま縦に繰り返す */
    background-image: url(../img/washi.jpg);
    background-position: top center;
    background-size: 100% auto;
    background-repeat: repeat-y;
}

.hm-rp-statement .hm-rp-statement__title {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(120 * var(--u));
    margin: 0;
    color: var(--rp-purple);
    font-size: calc(36 * var(--u));
    line-height: 1.45;
    letter-spacing: calc(1.8 * var(--u));
    text-align: center;
}

.hm-rp-statement__body {
    position: absolute;
    left: 0;
    right: 0;
    top: calc(243 * var(--u));
}
.hm-rp-statement .hm-rp-statement__body p {
    margin: 0 0 calc(37 * var(--u));
    color: var(--rp-ink);
    font-family: var(--rp-mincho);
    font-weight: 700;
    font-size: calc(18 * var(--u));
    line-height: calc(37 / 18);
    letter-spacing: calc(1.8 * var(--u));
    text-align: center;
}
/* エディタは末尾にブロック追加用の要素を足すので last-child ではなく last-of-type */
.hm-rp-statement .hm-rp-statement__body p:last-of-type {
    margin-bottom: 0;
}

/* ============================================================
 * SP
 * ============================================================ */
@media (max-width: 768px) {
    .hm-rp-statement {
        height: calc(1451 * var(--u));
    }
    .hm-rp-statement .hm-rp-statement__title {
        top: calc(100 * var(--u));
        font-size: calc(54 * var(--u));
        letter-spacing: calc(2.7 * var(--u));
    }
    .hm-rp-statement__body {
        top: calc(316 * var(--u));
    }
    .hm-rp-statement .hm-rp-statement__body p {
        margin-bottom: calc(55.5 * var(--u));
        font-size: calc(28 * var(--u));
        line-height: calc(55.5 / 28);
        letter-spacing: calc(2.8 * var(--u));
    }
}