@charset "UTF-8";

/*
 * Bloom Beauty School Premium Version 9
 * Typography & Responsive Polish
 * Existing style.css is preserved; this file applies final visual refinements.
 */

/* 共通：見出しを意図した位置でのみ改行 */
.hero-title span,
.story-title span,
.future-title span,
.voice-title span,
.final-title span,
.contact-title span,
.instructor-message span,
.hero-copy span{
    display:block;
}

/* PC */
.hero .hero-title{
    max-width:none;
    font-size:clamp(58px,5.45vw,84px);
    line-height:1.18;
    letter-spacing:.055em;
}

.hero-title span{
    white-space:nowrap;
}

.hero-copy{
    max-width:520px;
    font-size:16px;
    line-height:1.95;
    letter-spacing:.045em;
}

.hero-copy span{
    white-space:nowrap;
}

.story-title{
    width:max-content;
    max-width:none;
    font-size:clamp(42px,4vw,59px)!important;
    line-height:1.48!important;
    letter-spacing:.045em!important;
}

.story-title span{
    white-space:nowrap;
}

.future-title{
    max-width:850px;
    margin-inline:auto!important;
    font-size:clamp(39px,4.15vw,58px)!important;
    line-height:1.38!important;
    letter-spacing:.045em!important;
    text-align:center;
}

.future-title span{
    white-space:nowrap;
}

.voice-title{
    max-width:850px;
    margin-inline:auto!important;
    font-size:clamp(39px,4.1vw,57px)!important;
    line-height:1.38!important;
    letter-spacing:.04em!important;
    text-align:center;
}

.voice-title span{
    white-space:nowrap;
}

.instructor-message{
    font-size:22px;
    line-height:1.75;
    letter-spacing:.045em;
}

.instructor-message span{
    white-space:nowrap;
}

.final-title{
    font-size:clamp(42px,5vw,68px)!important;
    line-height:1.4!important;
    letter-spacing:.05em!important;
}

.final-title span{
    white-space:nowrap;
}

.contact-title{
    font-size:clamp(37px,3.75vw,54px)!important;
    line-height:1.45!important;
    letter-spacing:.04em!important;
}

.contact-title span{
    white-space:nowrap;
}

/* セクション見出しの余白を統一 */
.section-heading h2,
.section-title h2,
.instructor-copy h2,
.contact-box h2{
    text-wrap:balance;
}

.section-title.center,
.experience-heading.center{
    text-align:center;
}

/* 文章の読みやすさ */
.story-copy,
.course-copy>p:not(.course-number),
.voice-card p:last-child,
.instructor-copy>p:not(.section-en):not(.role):not(.message),
.contact-box>p:not(.section-en):not(.contact-note){
    line-height:2;
}

/* 大画面でのHeroバランス */
@media(min-width:1400px){
    .hero-content{
        padding-top:108px;
    }

    .hero .hero-title{
        font-size:82px;
    }
}

/* 小さめPC・タブレット横 */
@media(max-width:1180px) and (min-width:901px){
    .hero .hero-title{
        font-size:clamp(51px,5.3vw,68px);
        letter-spacing:.045em;
    }

    .hero-copy{
        font-size:15px;
    }

    .story-title{
        font-size:clamp(38px,4vw,49px)!important;
    }

    .future-title,
    .voice-title{
        font-size:clamp(37px,4vw,48px)!important;
    }

    .contact-title{
        font-size:clamp(34px,3.55vw,46px)!important;
    }
}

/* タブレット・スマホ */
@media(max-width:900px){
    .hero .hero-title{
        max-width:none;
        font-size:clamp(40px,10vw,53px);
        line-height:1.24;
        letter-spacing:.035em;
    }

    .hero-title span,
    .hero-copy span{
        white-space:normal;
    }

    .hero-copy{
        max-width:none;
        font-size:14px;
        line-height:1.9;
    }

    .story-title,
    .future-title,
    .voice-title,
    .final-title,
    .contact-title{
        width:auto;
        max-width:100%;
        font-size:clamp(34px,7.5vw,46px)!important;
        line-height:1.48!important;
        letter-spacing:.035em!important;
    }

    .story-title span,
    .future-title span,
    .voice-title span,
    .final-title span,
    .contact-title span,
    .instructor-message span{
        white-space:normal;
    }

    .instructor-message{
        font-size:20px;
        line-height:1.75;
    }
}

/* スマホ */
@media(max-width:620px){
    .hero .hero-title{
        font-size:clamp(38px,11.5vw,45px);
        line-height:1.25;
        letter-spacing:.025em;
    }

    .hero-copy{
        margin-top:22px;
        font-size:14px;
        line-height:1.85;
    }

    .story-title,
    .future-title,
    .voice-title,
    .final-title,
    .contact-title{
        font-size:32px!important;
        line-height:1.52!important;
        letter-spacing:.025em!important;
    }

    .story-title span,
    .future-title span,
    .voice-title span,
    .final-title span,
    .contact-title span{
        display:block;
    }

    .instructor-message{
        font-size:19px;
    }

    .section-en,
    .eyebrow{
        letter-spacing:.18em;
    }
}

/* 極小スマホ */
@media(max-width:390px){
    .hero .hero-title{
        font-size:36px;
    }

    .story-title,
    .future-title,
    .voice-title,
    .final-title,
    .contact-title{
        font-size:29px!important;
    }
}