@charset "utf-8";


/* 解像度の縮尺調整 */
@media screen and (max-width: 532px) {html{ font-size: 62.5%;}}
@media screen and (min-width: 533px) and (max-width: 666px) {html{ font-size: 75%;}}
@media screen and (min-width: 667px) and (max-width: 800px) {html{ font-size: 93.75%;}}
@media screen and (min-width: 801px) and (max-width: 934px) {html{ font-size: 112.5%;}}
@media screen and (min-width: 935px) and (max-width: 1068px) {html{ font-size: 131.25%;}}
@media screen and (min-width: 1069px) and (max-width: 1202px) {html{ font-size: 150%;}}
@media screen and (min-width: 1203px) and (max-width: 1336px) {html{ font-size: 168.75%;}}
@media screen and (min-width: 1337px) and (max-width: 1470px) {html{ font-size: 187.5%;}}
@media screen and (min-width: 1471px) and (max-width: 1604px) {html{ font-size: 206.25%;}}
@media screen and (min-width: 1605px) {html{ font-size: 225%;}}


body, div, h1, h2, h3, h4, p, dl, dt, dd, ul, ol, li, form, a, input {margin:0; padding:0; font-size:1em; line-height:0;}
body {overflow-x:hidden; overflow-y:scroll; min-height:30em; font-weight:normal; color:#FFFFFF; background:#000C21; word-wrap:break-word; overflow-wrap:break-word; font-family:-apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Kaku Gothic ProN', meiryo, sans-serif;}
h1, h2, h3, h4, input, textarea, em {font-size:100%; font-weight:normal; font-style:normal;}
img {vertical-align:bottom;}
a {text-decoration:none;} a img {border: 0 none;} a:link, a:visited, a:hover, a:active {color:#00AAFF;}
ul,ol {list-style-position:outside; list-style-type:none; list-style: none;}
body > div {margin-bottom:2em;} body section {margin:0 1.90476em;}
h1 {display:block; } h1 img {width:100%;}
h2 {display:block; padding:0.8em 0; font-size:2.142855em; line-height:1.466669em;} h2 span {display:inherit; color:#000000;} h2 em{margin-left:0.5em;}
h3 {font-size:1.38095em; line-height:1.793105em;} h3 span {display:inherit; color:#000000;} h3 em {margin-left:0.5em;}
div.text, p.text, p.sup {font-size:1.077em; line-height:1.6666666em; color:#F0F0F0;}


html {
	width:100%;
}
body {
	line-height: 1em;
	width:100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
span {
	display:inline-block;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
	display: block;
}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
a:visited {
}
a:hover {
	text-decoration: underline;
}

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

	vertical-align:bottom;
	border-style:none;
}