@charset "utf-8";

/* RESET
--------------------------------------------------*/
html, body, h1, h2, h3, h4, h5, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	line-height: 1;
}

article, header, footer, aside, figure, figcaption, nav, section {
	display: block;
}

body {
	line-height: 1;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}

ol, ul {
	list-style: none;
	list-style-type: none;
}

li {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

img, video {
	vertical-align: bottom;
}

img {
	width: 100%;
	height: auto;
	vertical-align: top;
}

*, *:before, *:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.layout {
	width: 700px;
	text-align: center;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate3d(-50%,-50%,0);
}

.layout h1 {
	width: 180px;
	margin: 0 auto;
}

.layout p {
	font-size: 16px;
	line-height: 1.9;
	letter-spacing: 0.07em;
	margin: 35px 0 0;
	font-family:
	"Yu Mincho",
	YuMincho,
	"Hiragino Mincho ProN",
	"MS PMincho",
	serif;
}

@media screen and (max-width: 768px) {
	.layout {
		width: 100%;
	}
	
	.layout h1 {
		width: 34%;
	}
	
	.layout p {
		font-size: 15px;
	}
	
}