/* custom.css */
.slider-title-right {
    position: absolute;       /* 絶対配置 */
    top: 180px;               /* 画面上部からの余白 */
    right: 20px;             /* 画面右端からの余白 */
    color: #fff;             /* 文字色（白） */
    white-space: nowrap;     /* 1行に収める（改行させない） */
    font-size: 3rem;       /* 必要に応じてサイズ調整 */
    /* 必要に応じてその他調整 */
}

.slider-subtitle-left {
    position: absolute;
    bottom: 100px; /* 下からの距離 */
    left: 100px; /* 左からの距離 */
    font-size: 40px; /* 英語用のフォントサイズ */
    line-height: 1.5; /* 英語の各行の間隔を調整 */
    color: #fff;
    opacity: 0.9; /* 少し透明にする */
    z-index: 10;
    animation: fadeInUp 0.7s ease-in-out;
}



/* デフォルト (PC版) - 改行を非表示 */
.responsive-line-break {
    display: none !important; /* 優先度を高める */
}


/* スマホ版 (768px以下) */
@media (max-width: 768px) {
    .slider-title-right {
        white-space: normal !important; /* nowrapを解除 */
        word-break: break-word; /* 長い単語の折返し設定 */
        font-size: 1.5rem; /* 必要に応じた調整 */
        line-height: 1.4; /* 読みやすさを確保 */
    }

    .slider-subtitle-left {
        font-size: 1.7rem; /* 必要に応じた調整 */
    }

    /* 改行用のspanタグを表示 */
    /* 改行用のスタイル調整 */
    .responsive-line-break {
    display: block !important;
        width: auto; /* 改行部分の幅をコンテンツに合わせる */
        height: auto; /* 不要な空白を防ぐ */
        margin-left: 0; /* 左の余白を削除 */
        margin-right: 0; /* 右の余白を削除 */
    }
}