form {
    width: 840px;
    background-color: #EEFDF9;
    padding: 20px;
    border-radius: 8px;
    margin: 0 auto;
    margin-top: 10px;
    margin-bottom: 10px;
}

h1 {
    text-align: center;
    margin-bottom: 20px;
}

select, textarea {
    width: 100%;
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    box-sizing: border-box;
    font-size: 18px;
}

textarea {
    height: 150px;
    resize: none;
}

.check-content {
    text-align: center;
    margin-bottom: 10px;
}

input[type="checkbox"] {
    width: auto;
    margin-right: 8px;
}

label[for="privacy"] {
    display: inline;
    font-weight: normal;
}

/* ボタンのスタイル */
button {
    width: 200px;
    background-color: #4BE8C3; /* 薄緑の背景色 */
    color: white; /* 文字色を白に */
    border-radius: 8px; /* 角を丸くする */
    padding: 10px 20px; /* 内側の余白を設定 */
    font-size: 16px; /* フォントサイズを設定 */
    cursor: pointer; /* カーソルをポインターに */
    display: block; /* ボタンをブロック要素に */
    text-align: center; /* テキストを中央揃えに */
    margin: auto;
}

button:hover {
    background-color: #149C7C; /* ホバー時の背景色を少し明るくする */
}

/* スマートフォン用のレスポンシブデザイン */
@media (max-width: 768px) {
    h1 {
        font-size: 20px; /* フォントサイズを小さく調整 */
    }

    h2 {
        font-size: 18px; /* フォントサイズを小さく調整 */
    }

    form {
        width: 100%;
        margin: 0;
        box-sizing: border-box; /* パディングを含めた幅の計算 */
    }
}