/* レスポンシブな改行制御のためのスタイル */

/* デフォルトスタイル - PC用に改行を維持 */
.text-content br {
    display: inline; /* PC表示では改行タグを表示 */
}

/* モバイル向け特別スタイル - デフォルトの改行を非表示に */
@media screen and (max-width: 767px) {
    .text-content br {
        display: none; /* モバイルでは通常の改行タグを非表示 */
    }

    /* モバイルでの特定の場所での改行 */
    .mobile-break::before {
        content: "\A";
        white-space: pre;
    }

    /* モバイル表示でのテキスト調整 */
    .text-content {
        word-break: keep-all; /* 単語の途中での改行を防止 */
        overflow-wrap: break-word; /* 長い単語は必要に応じて折り返す */
        line-height: 1.6; /* 読みやすさを向上させるための行間調整 */
    }
}

/* 6.1インチモバイル端末向けの追加調整 */
@media screen and (max-width: 428px) {
    /* iPhone 12/13 Pro Max, iPhone 14 Plus/Pro Maxのような6.1インチ前後の端末向け */
    .text-content {
        font-size: 0.95rem; /* 6.1インチ端末向けに少し文字サイズを調整 */
        letter-spacing: -0.01em; /* 文字間隔を少し詰める */
    }
}