/* ----------------------------------------

メルマガ

---------------------------------------- */

<style>
/* メールアドレス入力欄を大きく */
.mail-input {
    width: 100%;
    max-width: 400px; /* PCでの最大幅 */
    height: 50px;     /* 高さを確保して押しやすく */
    font-size: 16px;  /* iPhoneで拡大されないサイズ */
    padding: 10px;
    margin-bottom: 10px;
    border: 1px solid #ccc;
    box-sizing: border-box;
}

/* 登録ボタンを大きく */
.submit_gra {
    width: 100%;
    max-width: 200px;
    height: 50px;
    font-size: 18px;
    font-weight: bold;
    cursor: pointer;
}

/* スマホ表示時の調整 */
@media screen and (max-width: 600px) {
    .mail-input {
        max-width: 100%;
    }
}
</style>