@charset "UTF-8";

/* ==========================================================================
   Content - テキスト装飾・アニメーション
   ========================================================================== */

/* 1. 基本タイポグラフィ */
body {
    font-family: var(--cre-font-family-base);
    color: var(--cre-color-text);
    font-size: 1.2rem;
    line-height: var(--cre-line-height-base);
}

p {
    margin-bottom: 1.6rem;
}

@media (max-width: 480px) {
    body {
        font-weight: 500;
        font-size: 1.1rem;
    }
    p {
        margin-bottom: 1.5rem;
    }
}

/* 2. 装飾（太字・サイズ・色） */
.bold { font-weight: bold; }
.big { font-size: 130%; }
.small { font-size: 0.85em; }
.red { color: var(--cre-color-red); }
@media (max-width: 480px) {
    .big {
        font-size: 110%;
    }
}

/* 見出し */
.h2 {
    font-size: 1.8rem;
    font-weight: bold;
    color: var(--cre-color-text);
    text-align: center;
    margin-bottom: 3rem;
    padding-bottom: 1rem;
    border-bottom: 2px solid var(--cre-color-accent);
}
@media (max-width: 480px) {
    .h2 {
        font-size: 1.4rem;
    }
}

/* 3. 余白調整（旧 t2, t3 等） */
.t2 { margin-top: 4rem !important; }
.t3 { margin-top: 5rem !important; }

@media (max-width: 768px) {
    .t2 { margin-top: 3rem !important; }
    .t3 { margin-top: 4rem !important; }
}

/* 4. アニメーション（旧 add.css 等） */
.inview {
    opacity: 0;
    transition: 2s;
}
.inview.is-show {
    opacity: 1;
}

.fadeIn2 {
    opacity: 0;
    transition: 2s;
}
.fadeIn2.is-show {
    opacity: 1;
}

/* 5. 配置調整 */
.txt-center { text-align: center; }
.txt-right { text-align: right; }
.w100 { width: 100%; height: auto; }
.mb50 { margin-top: 5rem; margin-bottom: 5rem; }
.mb15 { margin-top: 1.5rem; margin-bottom: 1.5rem; }