body{

    margin:0;

    font-family:
    "Yu Gothic",
    "Hiragino Sans",
    sans-serif;

    /* 少し緑を感じる背景 */
    background:#f4faf5;

    color:#333;

    line-height:1.8;

}

header{

    background:white;

    text-align:center;

    padding:40px;

    box-shadow:0 2px 8px rgba(0,0,0,.08);

}

header img{

    max-width:220px;

}

h1{

    margin-top:20px;

    font-size:30px;

    color:#2f6f4f;

}

main{

    max-width:900px;

    margin:50px auto;

    padding:20px;

}

.notice{

    background:white;

    padding:40px;

    margin-bottom:40px;

    border-radius:16px;

    box-shadow:0 6px 18px rgba(0,0,0,.08);

}

.notice h2{

    margin-top:0;

    /* CareNomyカラー */
    color:#2f6f4f;

}

.button{

    display:inline-block;

    margin-top:20px;

    /* 緑のアクセント */
    background:#3da66a;

    color:white;

    text-decoration:none;

    padding:14px 30px;

    /* ボタンを少し丸く */
    border-radius:999px;

    font-weight:bold;

    transition:0.2s;

}

.button:hover{

    background:#2f8d57;

}

ul{

    padding-left:20px;

}

a{

    color:#2f6f4f;

}

footer{

    text-align:center;

    padding:30px;

    color:#666;

    font-size:14px;

}