@charset "utf-8";

body{}
@media screen and (min-width: 1201px) { body{font-size:16px;} }
@media screen and (max-width: 1200px) { body{font-size:14px;} }
@media screen and (max-width: 900px) { body{font-size:10px;} }
@media screen and (max-width: 500px) { body{font-size:9px;} }

.mainwidth{ margin:0 auto;}
@media screen and (min-width: 1201px) { .mainwidth {width: 1120px; padding:0 10px;} }
@media screen and (max-width: 1200px) { .mainwidth {width: 950px; padding:0 10px;} }
@media screen and (max-width: 900px) { .mainwidth {width: 730px;} }
@media screen and (max-width: 500px) { .mainwidth {width: 500px;} }

#nav a{}
@media screen and (min-width: 1201px) { #nav a{ padding: 70px 16px 16px 16px;} }
@media screen and (max-width: 1200px) { #nav a{ padding: 70px 16px 16px 16px;} }
@media screen and (max-width: 900px) { #nav a{ padding: 70px 8px 16px 8px;} }
@media screen and (max-width: 500px) { #nav a{ padding: 70px 8px 16px 8px;} }

#h1-word span{}
@media screen and (min-width: 1201px) { #h1-word span{ font-size:48px;} }
@media screen and (max-width: 1200px) { #h1-word span{ font-size:48px;} }
@media screen and (max-width: 900px) { #h1-word span{ font-size:32px;} }
@media screen and (max-width: 500px) { #h1-word span{ font-size:24px;} }

#h3-word h3{}
@media screen and (min-width: 1201px) { #h3-word h3{ font-size:32px;} }
@media screen and (max-width: 1200px) { #h3-word h3{ font-size:24px;} }
@media screen and (max-width: 900px) { #h3-word h3{ font-size:18px;} }
@media screen and (max-width: 500px) { #h3-word h3{ font-size:12px;} }

.news-index-t{}
@media screen and (min-width: 1201px) { .news-index-t{ font-size:32px;} }
@media screen and (max-width: 1200px) { .news-index-t{ font-size:24px;} }
@media screen and (max-width: 900px) { .news-index-t{ font-size:18px;} }
@media screen and (max-width: 500px) { .news-index-t{ font-size:12px;} }