@charset "UTF-8";
/* CSS Document */

/* フォントサイズ設定 */
html {
	font-size: 62.5%;
}
body {
	font-size: 1.6rem;
}

/* 画面のサイズに合わせる */
html,body {
    height: 100%;
}

/* 
 header //////////////////////////////////// */
header {
	height: 100%;
	
	background-image:url(../images/back.jpg);
	background-position: 50% 50%;
	background-repeat: no-repeat;
	background-size: cover;
	
	/* オブジェクトの中央配置（縦横） */
	display: -webkit-flex;
	display: flex;
	-webkit-align-items: center; /* 縦方向中央揃え（Safari用） */
	align-items: center; /* 縦方向中央揃え */
	-webkit-justify-content: center; /* 横方向中央揃え（Safari用） */
	justify-content: center; /* 横方向中央揃え */
}
header div {
	color: #FFFFFF;
	letter-spacing: 0.2em;
	text-align: center;
}
header h1 {
	margin-bottom: 1em;
}
header p {
	font-size: 1.4rem;
	margin-bottom: 3em;
}
header small {
	font-size: 0.8rem;
	color: #818181;
}
header br {
	display: none;
}

/* ブラウザ幅が指定したサイズより大きい場合に適応される */
@media screen and (max-width:667px) {
	header {
		background-position: 0 50%;
	}
	header p {
		font-size: 1.6rem;
	}
	header h1 img {
		width: 100%;
	}
	header br {
		display: inline;
	}
}