@charset "UTF-8";

/* 全体設定 */
body {
    margin: 0;
    padding: 0;
    background-color: #f0f0f0; /* 背景色は適宜調整 */
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    color: #333;
    line-height: 1.6;
}

.container {
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    background-color: #fff;
    overflow: hidden;
}

img {
    width: 100%;
    display: block; /* 画像下の隙間排除 */
}

/* ヘッダー */
.header {
    padding: 20px 0;
    background-color: #fff;
}
.logo {
    width: 40%; /* ロゴのサイズ感調整 */
    margin: 0 auto;
}

/* 各セクション */
.mv, .coupon-section, .guide-section {
    width: 100%;
}

/* テキスト＆ボタン部分 */
.action-section {
    padding: 40px 5%;
    background: url("../image/birthday/regina_birthday_bg@2x.png") no-repeat center / cover;
}

.notes {
    margin-bottom: 30px;
    font-size: 14px;
}

.notes p {
    font-weight: bold;
    margin-bottom: 10px;
}

.notes ul {
    list-style: none;
    padding: 0;
    margin: 0;
}

.notes ul li {
    position: relative;
    padding-left: 1.2em;
    margin-bottom: 5px;
}

.notes ul li::before {
    content: "・";
    position: absolute;
    left: 0;
}

/* ボタン */
.btn-link {
    display: block;
    width: 100%;
    max-width: 600px;
    margin: 0 auto;
    transition: opacity 0.3s;
}

.btn-link:hover {
    opacity: 0.8;
}