@charset "UTF-8";

article{ padding: 40px 0}
main{ background: #fff}
main h1, h3.reph3tt, h3.h3s span{ font-family: -apple-system, BlinkMacSystemFont, YakuHanJPs , "Arial", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.font-xl{ font-size: larger}
.blue{ color: #003894}

.ttl{ padding: 2em; text-align: center}
.ttl{ -webkit-animation: color-change-2x 4s linear infinite alternate both; animation: color-change-2x 4s linear infinite alternate both}
@-webkit-keyframes color-change-2x{ 0% { background: #084092} 100% { background: #1858b5}}
@keyframes color-change-2x{ 0% { background: #084092} 100% { background: #1858b5}}
h1.h1contest{ font-size: 1.2em; color: #fff!important; line-height: 1.2; margin: 100px 0 1em; text-align: center}
h1.h1contest span{ font-size: 4.4em; display: block; line-height: .9; margin: 10px 0; font-weight: 500}
h2.h2contest{ font-size: 1.3em; font-weight: bold; color: #1858b5; text-align: center}

.red{ color: red}
h3.h3s span{font-size: 1.8em; color:#003894; display: block}
h3.h3s{ font-weight: bold; text-align: center; line-height: 1.5; margin: 0 0 30px; font-size: 1.2em}
main h4, main h5{ margin: 1em 0; font-weight: bold; width: 100%}
main h4{ font-size: 1.4em; display: inline-block; position: relative; text-align: left}
main h4:before{ content: ''; position: absolute; left: 0; bottom: -8px; display: inline-block; width: 70px; height: 6px; background-color: #0086e8}
main h5{ font-size: 1.4em; margin: 0}


.note{ display: block; margin-top: .7em; font-size: .85em}
.ttl img{ width: 100%}
.right{ text-align: right}



.logoimg{ width: 65%; margin: 0 auto; text-align: center; font-size: 1.5em; font-weight: bold}
.logoimg img{width: 100%; margin-bottom: 10px}
.note{ font-size: small}
.list-top{ padding: 4%; border-radius: 6px}
.list-top30{ background: #00326c; color: #fff; margin-bottom: 40px}
.list-group10{ background: #783927; color: #fff; margin-bottom: 40px}
.list-top100{ background: #e9f3ff}

.list-g{ background: #8f7d2e}
.list-sg{ background: #757878}
.list-g a{ text-decoration: underline; color: #fff}
.g-sg-box{ margin: 10px 0; background-color: rgba(255,255,255,0.08); text-align: center; color: #fff}
.g-sg-box strong{ font-weight: normal; font-size: 1.8em}

.list-top table{ width: 100%; border-collapse: collapse}
.list-top td{ padding: 5px; text-align: left; border: none}
.list-top td:nth-child(2) a{ text-decoration: underline}
#top30-body td a, #group10-body td a{ color: #fff!important}
#top30-body tr:nth-child(odd), #group10-body tr:nth-child(odd){ background-color: rgba(255,255,255,0.08)}
#rest-body tr:nth-child(odd) { background-color: #d9eaff}
@media screen and (min-width: 980px) { .logoimg{width: 600px}
.list-top{width: 80%; margin: 0 auto}}
@media print, screen and (min-width: 900px) {.ttl img, .top100img img{ width: auto}}
@media print, screen and (max-width: 700px) {
h1.h1contest{ text-align: left; margin-top: 50px}
h1.h1contest span{ font-size: 3.3em}

.logoimg{ width: 90%;}
.list-top td { display: block; text-align: left}
.list-top tr { display: block; margin-bottom: 5px}
.list-top td:nth-child(1){ padding-bottom: 0}
.list-top td:nth-child(2){ padding-top: 0; padding-left: 1.5em; font-size: .8em} 
.en { width: 130px; height: 130px}
}

@media print, screen and (max-width: 768px) {
p img{ width: 100%}
}