section {
    background-color: #ffffff;
    /* 白背景 */
    border-radius: 12px;
    padding: 20px 20px 10px;
    margin: 20px 20px;
    /* ←横にも余白をつける */
    max-width: 800px;
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
    position: relative;
    margin-top: 5rem;
}

h1 {
    margin: 1rem;
}

@media (min-width: 1024px) {

    /* セクション全体を中央寄せ・広めに */
    section {
        max-width: 1000px;
        /* 画面に合わせて少し広め */
        margin: 40px auto;
        /* 横中央寄せ */
        padding: 40px 60px 20px;
        /* 余白を増やす */
        border-radius: 16px;
        box-shadow: 0 6px 16px rgba(0, 0, 0, 0.1);
    }
}