/* リセットCSS: 全体の余白などをリセットし、背景を白に設定 */
body {
    margin: 0;
    padding: 0;
    background-color: white; /* 背景を白に設定 */
    font-family: Arial, sans-serif; /* フォントを指定 */
}

/* 画面全体を使って、子要素を中央に配置するためのスタイル */
.center-container {
    /* ビューポート（画面）いっぱいに高さを設定 */
    height: 100vh; 
    /* Flexboxを使って子要素（h1）を中央に配置 */
    display: flex;
    justify-content: center; /* 水平方向の中央揃え */
    align-items: center;    /* 垂直方向の中央揃え */
	flex-direction: column;** /* 子要素を縦方向（列）に並べる */
}

/* 「NANATOKI」の文字スタイル */
.main-title {
    font-size: 5vw; /* 画面幅に応じてフォントサイズを可変に */
    font-weight: bold;
    color: #333; /* 文字の色 (濃い灰色) */
    text-align: center;
    /* スマホなど小さい画面でも見やすいように、最小のフォントサイズを設定 */
    min-font-size: 32px; 
}
.body-text {
    font-size: 1.5vw; /* 画面幅に応じてフォントサイズを可変に */
    color: #333; /* 文字の色 (濃い灰色) */
    text-align: center;
    /* スマホなど小さい画面でも見やすいように、最小のフォントサイズを設定 */
    min-font-size: 16px; 
}

/* 画面幅が小さい時のフォントサイズ調整 (任意) */
@media (max-width: 600px) {
    .main-title {
        font-size: 10vw; 
    }
}