/* カスタムスタイル */
        body {
            color: #404040;
            line-height: 1.8;
            background-color: #ffffff;
            -webkit-font-smoothing: antialiased;
        }
        h1, h2, h3, h4, h5, h6 {
            color: #171717;
            font-weight: 700;
            line-height: 1.4;
            letter-spacing: 0.05em;
        }
        html { scroll-behavior: smooth; }
        
        /* 銀行員向けのアニュアルレポート風・グリッドデザイン用 */
        .border-grid {
            border-top: 1px solid #e5e5e5;
            border-bottom: 1px solid #e5e5e5;
        }
        .border-grid + .border-grid {
            border-top: none;
        }
        
        /* FAQアコーディオンのスタイル */
        details > summary {
            list-style: none;
            cursor: pointer;
        }
        details > summary::-webkit-details-marker {
            display: none;
        }
        
        /* セクションの共通余白 */
        .section-padding {
            padding-top: 6rem;
            padding-bottom: 6rem;
        }
        @media (min-width: 1024px) {
            .section-padding {
                padding-top: 10rem;
                padding-bottom: 10rem;
            }
        }

        /* 追従ヘッダー */
        #sticky-header {
            transform: translateY(-100%);
            transition: transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);
        }
        #sticky-header.is-visible {
            transform: translateY(0);
        }

        /* アニメーション用クラス */
        .fade-in-up {
            opacity: 0;
            transform: translateY(20px);
            transition: opacity 0.8s ease-out, transform 0.8s ease-out;
        }
        .fade-in-up.visible {
            opacity: 1;
            transform: translateY(0);
        }