CSS（first.css）
body {
margin: 0;
font-family: 'Noto Sans JP', sans-serif;
background: #f8fcff;
color: #333;
}

.first-visit {
background: linear-gradient(to bottom, #eaf6fb, #ffffff);
padding: 60px 20px;
}

.container {
max-width: 900px;
margin: 0 auto;
text-align: center;
}

.main-title {
font-size: 36px;
color: #3a8ca8;
margin-bottom: 40px;
font-weight: 700;
}

.policy-box {
background: #ffffff;
border-radius: 20px;
padding: 40px 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
margin-bottom: 50px;
}

.policy-box h2 {
background: #7cc5d9;
display: inline-block;
padding: 6px 20px;
border-radius: 20px;
color: #fff;
font-weight: 600;
margin-bottom: 20px;
}

.policy-box h3 {
font-size: 24px;
color: #2e6f84;
margin-bottom: 20px;
}

.policy-box p {
line-height: 1.8;
font-size: 15px;
}

.about-box {
background: #ffffff;
border-radius: 20px;
padding: 40px 30px;
box-shadow: 0 10px 30px rgba(0,0,0,0.05);
}

.about-box h2 {
background: #88c999;
display: inline-block;
padding: 6px 20px;
border-radius: 20px;
color: #fff;
font-weight: 600;
margin-bottom: 20px;
}

.about-box p {
line-height: 1.8;
font-size: 15px;
}

.time-box {
background: #fdf6e9;
border-radius: 15px;
padding: 20px;
margin: 25px auto;
max-width: 400px;
font-weight: 600;
}

.time-box h4 {
margin-bottom: 10px;
color: #8c6b3e;
}

.note {
font-size: 14px;
margin-top: 20px;
}