@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: white;
	color: black;
	font-size: 1.6em;
}

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

/* ==============================================================
エリア指定
============================================================== */
header, .content, footer {
    text-align: center;
}

header {
    background: #00508e;
}
.content {
    margin: auto;
    width: 100%;
    max-width: 900px;
}
/* ページ全体を覆うブロック(必須) */
.box{
    background: white;
    height: 100%;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
     
}
footer {
    background: #dcdddd;
	z-index: 20;
	height: 5%
	bottom: 0px;
	margin: auto;
	padding: 0 auto;
	font-size: 10px;
	text-align: center;
}

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

p {
	font-size: 1em;
	line-height: 1.8em;
	text-align: center;
}
img {
	padding: 0 .2em;
	width: calc( 100% - .4em );
    max-width: 900px;
	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%;
		font-size: 8px;
	}

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

}	/* 必須 */