body {
    font-family: Arial, sans-serif;
    text-align: center;
    margin: 20px;
}

h1 {
    font-size: 24px;
}

p {
    font-size: 18px;
}

input {
    width: 60%;  /* 実際入力しないのでサイズを小さく */
    padding: 8px;
    font-size: 16px;
}

button {
    padding: 12px;
    width: 200px;
    cursor: pointer;
    display: block; /* ボタンをブロック表示して枠の下に来るように */
    margin: 10px auto; /* 中央配置 */
}

#answer-section {
    margin-top: 20px;
}

ul {
    list-style-type: none;
    padding: 0;
}

li {
    color: red;
}
body {
    background-color: #fce4ec; /* 淡いピンク */
}
/* スマホ対応 */
@media screen and (max-width: 600px) {
    h1 {
        font-size: 22px;
    }
    p, button, input {
        font-size: 16px;
    }
    input {
        width: 80%;
    }
    button {
        width: 90%;
    }
}
body {
    background-color: #fce4ec; /* 淡いピンク */
}