@charset "utf-8";

/******** #contents ********/
#contents h2{
	margin-bottom: 25px;
}
#contents .sec-01,
#contents .sec-02{
	margin-bottom: 30px;
}

.sec-01{
	position: relative;
	height: 1150px;
}
.sec-01 .bspec-title{
	position: absolute;
	top: 0;
	left: -15px;
	opacity: 0;
	z-index: 2;
	-webkit-filter: blur(20px);
	filter: blur(20px);
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
}
.sec-01 .bspec-title.motion{
	-webkit-filter: blur(0);
	filter: blur(0);
	opacity: 1;
}
.sec-01 .bspec{
	position: absolute;
	bottom: 0;
	left: -15px;
	opacity: 0;
	transform:translate(200px,-50px);
	-webkit-transform:translate(200px,-50px);
	transition: ease 0.5s;
	-webkit-transition: ease 0.5s;
	z-index: 2;
}
.sec-01 .bspec.motion{
	opacity: 1;
	transform:translate(0,0);
	-webkit-transform:translate(0,0);
}
.sec-01 .cara-01{
	position: absolute;
	top: -131px;
	left: -127px;
	opacity: 0;
	-webkit-filter: blur(20px);
	filter: blur(20px);
	z-index: 1;
	transition: ease 1s;
	-webkit-transition: ease 1s;
}
.sec-01 .cara-01.motion{
	opacity: 1;
	-webkit-filter: blur(0);
	filter: blur(0);
}