@charset "utf-8";


html {font-size: 100%;}

body {font-family: sans-serif; color: #000000;}

a {text-decoration: none;}

img {max-width: 100%; height: auto;}


h1 {margin-top: 40px; margin-left: 60px; font-size: 24px; font-weight: normal;}

h2 {margin-top: 40px; margin-left: 60px; font-size: 24px; font-weight: normal;}


.header-img {margin-top: 20px;}

.parag {margin-top: 20px; margin-right: 60px; margin-left: 60px; font-size: 18px;}

.notice {margin-top: 20px; margin-right: 60px; margin-left: 60px; font-size: 18px; list-style: none;}

.notice a {color: #000000;}

.menu {display: flex; margin-top: 20px; margin-right: 60px; margin-left: 60px; font-size: 18px;}

.menu a {color: #000000;}

.menu p {margin-left: 20px;}

.footer {text-align: center; margin-top: 20px; margin-bottom: 20px;}

.footer a {color: #000000;}



@media screen and (max-width: 768px) {

h1 {margin-top: 40px; margin-left: 10px; font-size: 24px; font-weight: normal;}

h2 {margin-top: 40px; margin-left: 10px; font-size: 24px; font-weight: normal;}

.notice {margin-top: 20px; margin-right: 10px; margin-left: 10px; font-size: 18px; list-style: none;}

.parag {margin-top: 20px; margin-right: 10px; margin-left: 10px; font-size: 18px;}

}



@media screen and (max-width: 480px) {

h1 {margin-top: 40px; margin-left: 10px; font-size: 24px; font-weight: normal;}

h2 {margin-top: 40px; margin-left: 10px; font-size: 24px; font-weight: normal;}

.notice {margin-top: 20px; margin-right: 10px; margin-left: 10px; font-size: 18px; list-style: none;}

.parag {margin-top: 20px; margin-right: 10px; margin-left: 10px; font-size: 18px;}

}