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

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

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

/* ページ全体を覆うブロック(必須) */
.box{
    background: white;
    height: 100%;
    position: relative;
    text-align: center;
    align-items: center;
    display: flex;
    justify-content: center;
     
}

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

h1 {
	font: 700 3em sans-serif;
	text-align: center;
}
.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;
	}
	h1 {
		font-size: 2em;
	}
	.pc {display: none;}
	.mp {display: block;}

}	/* 必須 */