main.content {
            flex: 1 1 auto;
            padding-top: 1.5rem;

            flex-direction: column;
            display: flex;
            justify-content: flex-start;
            /* ← 上揃え */
            align-items: center;
            /* ← 横中央 */
        }

        .maintext {
            margin: 0px auto 0px auto;
            padding: 0;
        }

        .title {
            margin-left: 20px;
        }

        section {
            margin-bottom: 1rem;
            /* 下に余白を追加 */
            margin-left: 1rem;
            margin-right: 1rem;
        }

        /* 最後のセクションだけ余白を追加 */
        section:last-child {
            margin-bottom: 100px;
        }

        .notice-scroll {
            background: #fafafa;
            border-left: 4px solid #4a90e2;
            padding: 10px 16px;
            margin-top: 1.5rem;
            margin-bottom: 1.5rem;
            border-radius: 6px;
            max-height: 120px;
            /* 高さ制限 */
            overflow-y: auto;
            /* 縦スクロール有効 */
            margin-left: 1rem;
            margin-right: 1rem;
        }

        .notice-scroll h2 {
            margin-top: 0;
            font-size: 1.2rem;
        }

        .notice-scroll ul {
            margin: 0.5rem 0 0 1rem;
            padding: 0;
            list-style: disc;
            /* 項目に丸 */
        }

        .notice-scroll li {
            margin-bottom: 0.3rem;
        }

        h2+p {
            margin-top: 4px;
            /* h2の直後のpにスペースを追加 */
        }

        .sample-img {
            max-width: 800px;
            margin: 0.5rem 0;
            border-radius: 8px;
        }

        @media(max-width: 800px) {
            .sample-img {
                max-width: 90%;
            }
        }

        #page-intro {
            margin-left: 20px;
            margin-bottom: 1rem;
            /* 下に余白を追加 */
            border-bottom: 2px solid #ccc;
        }