/**
 * Override CSS
 * オーバーライドCSS
 * 
 * このファイルは非エンジニアがサーバー上で直接編集できます。
 * 全てのスタイルの最後に読み込まれるため、
 * ここに記載したスタイルが最優先で適用されます。
 * 
 * ========================================
 * 注意事項
 * ========================================
 * 
 * 1. 編集前に必ずバックアップを取ってください
 * 
 * 2. !important は基本的に不要です
 *    （このファイルが最後に読み込まれるため）
 * 
 * 3. 変更後はブラウザのキャッシュをクリアしてください
 *    - Windows: Ctrl + F5
 *    - Mac: Cmd + Shift + R
 * 
 * 4. CSSの書き方例:
 *    .クラス名 {
 *      プロパティ: 値;
 *    }
 * 
 * ========================================
 * 使用例
 * ========================================
 * 
 * 文字色を変更:
 * .header { color: #333; }
 * 
 * 背景色を変更:
 * .section { background-color: #f5f5f5; }
 * 
 * フォントサイズを変更:
 * .title { font-size: 24px; }
 * 
 * 余白を変更:
 * .content { padding: 20px; margin-bottom: 30px; }
 * 
 * 要素を非表示:
 * .banner { display: none; }
 * 
 */

/* ===== カスタムスタイルをここに記載 ===== */

.p-home-about__title {
    font-family: Zen Old Mincho, Zen Kaku Gothic New, Hiragino Sans, Hiragino Kaku Gothic ProN, YuGothic, Yu Gothic, Meiryo, Verdana, sans-serif;
    font-weight: 400;
    font-size: 1.5rem;
    letter-spacing: .18em;
    margin: 2.8em auto 0;
    writing-mode: vertical-rl;
    text-align: unset;
}

.p-home-about__head::before {
    content: "";
    display: block;
    width: 0.0625rem;
    height: 10.375rem;
    border-left: 0.03125rem solid #0c415a;
    position: absolute;
    bottom: 5rem;
    left: calc(50% + 0.015625rem);
    transform: translateX(-50%);
}
.upright-text {
  writing-mode: vertical-rl;
  text-orientation: upright; 
}

.p-home-vision__slider {
    margin: 3.5rem 0;
}

@media screen and (max-width: 767px) {
    .p-home-about__head::before {
        height: 4.375rem;
        bottom: 3rem;
    }
    .text-
}

@media screen and (min-width: 768px) {
    .l-aside-right {
        padding: 5em 0;
    }
}