/* 412px以下の画面用の追加スタイル */
@media screen and (max-width: 420px) {
    .hero-title {
        font-size: 22px;
        letter-spacing: 0.01em;
    }
    
    .line-mask {
        white-space: normal;
    }
    
    /* 1行目は改行させない */
    .title-line.line-1 {
        white-space: nowrap;
        overflow: hidden;
        text-overflow: ellipsis;
    }
    
    .hero-content {
        padding: 0 10px;
    }
}

/* コンセプトタイトルの改行防止 - すべての画面幅で適用 */
.concept-title {
    white-space: nowrap;
}

@media screen and (max-width: 768px) {
    .concept-title {
        white-space: nowrap;
        font-size: 18px;
    }
    
    .concept-card {
        padding: 30px 15px;
    }
    
    .concept-description {
        font-size: 13px;
        line-height: 1.7;
    }
}