/* 全体のフォントと余白を整える */
body {
    font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN", "Hiragino Sans", Meiryo, sans-serif;
    line-height: 1.8;
    max-width: 600px;
    margin: 0 auto;
    padding: 20px;
    background-color: #fcfaf0; /* 紙のような温かい白 */
    color: #333;
}

/* タイトル用 */
h1 {
    font-size: 1.4em;
    border-bottom: 2px solid #ccc;
    padding-bottom: 10px;
    margin-bottom: 30px;
}

/* 本文用 */
p {
    margin-bottom: 0.8em; /* 行間(1.8)より小さく設定することで、程よい区切りができる */
    text-indent: 0;
}

/* リンクボタンのコンテナ（横並び設定） */
.nav {
    margin-top: 50px;
    display: flex;       /* 横並びにする */
    gap: 10px;           /* ボタン同士の隙間 */
}

/* リンクボタンの装飾 */
.nav a {
    flex: 1;             /* ボタンの幅を均等に分ける */
    display: block;
    padding: 15px 10px;
    background-color: #4a7d65; /* 落ち着いた緑色 */
    color: #fff;
    text-decoration: none;
    border-radius: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 0.9em;
}

/* 著作権表示 */
footer {
    margin-top: 40px;
    text-align: center;
    font-size: 0.8em;
    color: #888;
}