@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: 60px; margin-left: 60px; font-size: 30px; font-weight: normal;}

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


.header {display: flex; justify-content: space-between;}

.logo {width: 75px;}

.header-nav {display: flex; font-size: 18px; margin-top: 30px; list-style: none;}

.header-nav li {margin-right: 30px;}

.header-nav a {color: #000000;}


.toppage-subtitle {text-align: center; margin-top: 30px; font-size: 18px;}

.toppage-title {text-align: center; font-size: 36px; font-weight: bold;}

.toppage-parag {text-align: center; margin-top: 10px; margin-bottom: 60px; font-size: 18px;}


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

.notice a {color: #000000;}


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

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

.footer-nav {display: -webkit-flex; display: flex; -webkit-justify-content: flex-end; justify-content: flex-end; margin-top: 60px; margin-bottom: 30px; font-size: 18px; list-style: none;}

.footer-nav li {margin-right: 30px;}

.footer-nav a {color: #000000;}

.footer {text-align: center; margin-top: 30px; margin-bottom: 30px; font-size: 18px;}


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

h1 {margin-top: 60px; margin-left: 10px; font-size: 30px; font-weight: normal;}

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

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

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

}


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

h1 {margin-top: 60px; margin-left: 10px; font-size: 30px; font-weight: normal;}

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

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

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

}