@charset "utf-8";
/* ==============================================================
ファイル名 : common.css
============================================================== */
@import url("reset.css");

body, div, span, dl, dt, dd, pre, p, ul, ol, li, form, fieldset, input,
textcontents, blockquote, table, caption, th, td {
	font-family: "azo-sans-web" , "source-han-sans-japanese" , sans-serif;
}

/* ==============================================================
共通項目指定
============================================================== */

html,body{
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	font-size: 62.5%;	/*	62.5% = 10px	*/
}

body {
	background-color: #003d87;
	color: black;
	font-size: 1.6em;
}

a, a:link, a:active, a:visited { color: white; }
a:hover { color: white; }

/* ==============================================================
エリア指定
============================================================== */

/* ページ全体を覆うブロック(必須) */
.box{
    background: #003d87;
    height: 95%;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
     
}
#footer {
	z-index: 20;
	height: 5%
	bottom: 0px;
	margin: auto;
	padding: 0 auto;
	font-size: 8px;
	text-align: center;
    color: ghostwhite;
}

/* 装飾
---------------------------------------------------------------------------------- */

p {
	font-size: 1em;
	line-height: 1.8em;
	text-align: center;
    color: ghostwhite;
}
img {
	padding: 2em;
	width: calc( 100% - 4em );
	height: auto;
}
.pc {display: block; margin: auto 0}
.mp {display: none;}

/*===============================================
●画面の横幅が480pxまで
===============================================*/
@media screen and (max-width:480px){
	html,body{
		font-size: .86em;
		line-height: 1.2em;
	}
	#footer {
		position: relative;
		margin: 0 auto;
		padding: 0;
		width: 100%;
	}

	.pc {display: none;}
	.mp {display: block;}

}	/* 必須 */