@charset "UTF-8";
/* COMMON.css */

html {
	color: #333; /* 文字色 */
	background: #ADDCDF; /* 背景色 */
}

body {
	margin: 0;
	padding: 0;
	overflow: visible;
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Yu Gothic", YuGothic, "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, "メイリオ", Meiryo, sans-serif; /* デフォルトのフォントファミリー */
	font-size: 11px; /* デフォルト文字サイズ */
	line-height: 1.8em;
	letter-spacing: 0;
}


html, body {
	height: 100%;
}

.content h1{
	font-size: 30vw;
}



/* for IE7 */
* + html body {
	font-size: 75%;
}

/* for IE6 */
* html body {
	font-size: 75%;
}

a {
	color: #333;
	text-decoration: none;
}

a img, fieldset, img {
	border: 0;
	vertical-align: bottom;
}

/* for IE7 */
* + html code, kbd, pre, samp, tt {
	font-size: 108%;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

input, select, textarea {
	font-size: 100%;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

hr {
	border: none;
	display: none;
}

strong {
	font-weight: bold;
}

/* clearfix */
.clearfix:after {
	display: block;
	content: ".";
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
}

/*Hides from IE-mac\*/
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}