@charset "utf-8";


#index{
	text-align: center;
}


/**************************************************50
 * intro
 **************************************************/
#intro{
	background: url("../images/intro/back.jpg") center -100px no-repeat;
	padding-top: 20px;
}
#intro h2{
}
#intro img{
	vertical-align: top;
}
#intro > div{
	margin-top: 20px;
	position: relative;
	z-index: 2;
}
#intro > div:after{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	background: url("../images/intro/movie.jpg") center center no-repeat;
	content: "";
	display: block;
	height: 523px;
	opacity: 0;
	position: absolute;
	top: 0;
	left: 0;
	transition: opacity 2.5s ease-out 0s;
	width: 1260px;
	z-index: 1;
}
#intro > div.ended:after{
	opacity: 1;
	z-index: 3;
}
#intro > div video{
	position: relative;
	z-index: 2;
}
#intro > p{
	font-size: 81.25%;
}


/**************************************************50
 * motto
 **************************************************/
#motto{
	background: url("../images/motto/back.jpg") center top no-repeat;
	margin-bottom: 100px;
	padding-top: 50px;
}
#motto img[src$="desc_010.png"]{
	width: 600px;
}
#motto h2{
	margin-top: 100px;
}
#motto h2 img[src$="desc_020.png"]{
	width: 490px;
}
#motto p{
/*
	font-size: 81.25%;
*/
}
#motto p strong{
	color: #29ABFF;
}


/**************************************************50
 * industry
 **************************************************/
#industry{
	background: -webkit-linear-gradient(bottom, #E9FAFF 0, #E9FAFF 33%, transparent 33%, transparent 100%);
	background: linear-gradient(0deg, #E9FAFF 0, #E9FAFF 33%, transparent 33%, transparent 100%);
	margin-bottom: 100px;
	padding-bottom: 30px;
}
#industry strong{
	color: #29ABFF;
	font-weight: normal;
}
#industry h2{
}
#industry h3{
}
#industry p{
	font-size: 87.5%;
}
#industry ul{
	margin-top: 10px;
	overflow: hidden;
}
#industry ul > li{
	display: inline-block;
	margin-top: 20px;
	vertical-align: top;
	width: 300px;
}
#industry ul > li:not(:nth-child(4n+1)){
	margin-left: 20px;
}
#industry ul > li picture{
	display: block;
	margin-bottom: 20px;
}
#industry ul > li picture img{
	width: 100%;
}
#industry ul > li h4{
	color: #004DC5;
	font-size: 150%;
	font-weight: normal;
	margin-bottom: 20px;
	position: relative;
}
#industry ul > li h4:before{
	content: "　";
	pointer-events: none;
}
#industry ul > li h4 span{
	line-height: 1.2;
	display: block;
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%;
}
#industry ul > li p{
	font-size: 81.25%;
	min-height: 6em;
}
#industry ul > li .link_to{
	margin-top: 20px;
}


/**************************************************50
 * top_bnr
 **************************************************/
#top_bnr{
	margin-bottom: 100px;
}
#top_bnr img[src$="hakuto_clean.jpg"]{
	width: 500px;
}
#top_bnr a img{
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	transition: opacity 0.2s ease-out 0s;
}
#top_bnr a:hover img{
	opacity: 0.7;
}


/**************************************************50
 * results
 **************************************************/
#results{
	margin-bottom: 100px;
}
#results figure{
	margin-bottom: 30px;
}
#results figure:after{
	clear: both;
	content: "";
	display: block;
}
#results figure picture{
	display: block;
	float: left;
	width: 755px;
}
#results figure picture img{
	width: 100%;
}
#results figure figcaption{
	box-shadow:2px 2px 10px 2px rgba(0,0,0,0.2);
	float: right;
	height: 501px;
	overflow: hidden;
	padding: 40px 50px;
	text-align: left;
	width: 490px;
}
#results figure figcaption h3{
	color: #29ABFF;
	font-size: 175%;
	font-weight: normal;
	line-height: 1.6;
}
#results figure figcaption p{
	font-size: 87.5%;
	margin-top: 20px;
}
#results ul:not(.simply-scroll-list){
	opacity: 0;
}
#results > div.wrap{
	margin-top: 30px;
}