超新星スバルファイブ | ボランティア劇団公式サイト

body { font-family: ‘Helvetica Neue’, Arial, sans-serif; margin: 0; color: #333; }
header { background: #003399; color: white; padding: 20px; text-align: center; }

/* メインビジュアル */
.hero {
background: linear-gradient(rgba(0,0,0,0.5), rgba(0,0,0,0.5)), url(‘hero-bg.jpg’);
height: 600px;
background-size: cover;
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
color: white;
text-align: center;
}
.hero h1 { font-size: 3rem; margin-bottom: 10px; text-shadow: 2px 2px 4px rgba(0,0,0,0.5); }
.hero p { font-size: 1.2rem; margin-bottom: 30px; }

/* ボタン */
.btn {
background: #ffcc00;
color: #003399;
padding: 15px 30px;
text-decoration: none;
font-weight: bold;
border-radius: 50px;
transition: 0.3s;
}
.btn:hover { transform: scale(1.1); background: #fff; }

/* セクション共通 */
section { padding: 60px 20px; max-width: 1000px; margin: auto; text-align: center; }
h2 { border-bottom: 3px solid #003399; display: inline-block; padding-bottom: 10px; margin-bottom: 30px; }

.grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.card { border: 1px solid #ddd; border-radius: 10px; overflow: hidden; }
.card img { width: 100%; height: 200px; object-fit: cover; }