/*--
	■Contents

=========================================================*/
*{
	margin:0px;
	padding:0px;
}
html{
	height:100%;
	width:100%;
}
body {
	height:100%;
	min-height:100%;
	width:100%;
	background-color: #FFFFFF;
	font-size: 12px;
	color: #000;
	margin:0px;
	padding:0px;
	text-align:left;
	font-family:Arial, Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	overflow:hidden;
	position:relative;
}


h1.text{
	font-size:200px;
	letter-spacing:0px;
	font-family: 'Abel', Arial, Helvetica, 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	line-height:200px;
	text-align:center;
	position:absolute;
	width:100%;
	top:50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	font-weight:normal;
}
h1.text span{
	
	display:inline-block;
}


/* =================
contents
================= */
.contents{
	position:relative;
	width:100%;
	transition:all 750ms ease;
	opacity:0;
	-webkit-filter:blur(10px);
	filter:blur(10px);
	-webkit-transform:scale(0.5) rotate(100deg);
	transform:scale(0.5) rotate(100deg);
	min-height:100%;
	height:100%;
}
.contents a{
	color:#000;
}
.contents a:hover{
	text-decoration:none;
}
.contents div{
	text-align:left;
	position:absolute;
	z-index:100;
}
.contents div:nth-of-type(1){
	left:10px;
	top:0px;
	transform:rotate(0deg);
}
.contents div:nth-of-type(2){
	left:0px;
	bottom:-97px;
	-webkit-transform:rotate(-90deg);
	-webkit-transform-origin:left top;
	transform:rotate(-90deg);
	transform-origin:left top;
}
.contents div:nth-of-type(3){
	right:10px;
	bottom:20px;
	-webkit-transform:rotate(-180deg);
	-webkit-transform-origin:center;
	transform:rotate(-180deg);
	transform-origin:center;
}
.contents div:nth-of-type(4){
	right:0px;
	white-space:nowrap;
	top:420px;
	-webkit-transform:rotate(-270deg);
	-webkit-transform-origin:right top;
	transform:rotate(-270deg);
	transform-origin:right top;
}

.contents h2{
	font-family:'Abel', Georgia, "Times New Roman", Times, serif;
	font-size:80px;
	font-weight:normal;
	line-height:96px;
	display:inline-block;
	background:#000;
	color:white;
	padding:0px 5px;
}
.contents p{
	font-family:'Abel',YuGothic,"游ゴシック","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",serif;
	font-size:30px;
	line-height:40px;
	font-weight:normal;
}
/* =================
social
================= */

.social{
	height:20px;
	position:fixed;
	bottom:0px;
	width:100%;
	z-index:10;
	background:rgba(204,204,204,0.3);

	padding:5px 0px;
}
.social > div{
	float:right;
	margin-right:10px;
}