@charset "utf-8";
#mainimage{
	width:100%;
	height:620px;
	overflow:hidden;
	position:relative;
}

#mainimage img{
	width:75.4%;
	height:auto;
	bottom:0;
	float:right;
	position:relative;
}
#catch{
	width:78.6%;
	height:500px;
	position:absolute;
	top:0;
	left:10.7%;
	color:#fff;
	padding:120px 0 0 0;
}
#catch h2{
	font-size:48px;
	letter-spacing:2px;
	margin:0 0 45px 0;
	line-height:1.3em;
}
#catch_comment{
	font-size:18px;
	line-height:1.5em;
}
#catch_eng{
	font-size:48px;
	line-height:1.5em;
	text-align:right;
	position:absolute;
	bottom:20px;
	right:0px;
}
#news{
	background:#f2f2f2;
	width:89.3%;
}
#news article{
	display:flex;
	height:250px;
}
#news h2{
	width:280px;
	padding:20px 0 0 20px;
	height:103px;
}
#news h2 img{
	display:block;
}
#news_inner{
	width:100%;
	box-sizing:border-box;
	height:250px;
	padding:20px 20px 20px 20px;
	overflow:auto;
}
#news_inner dl{
	padding:10px 0;
}
#news_inner dt{
	width:120px;
	float:left;
	color:#00adff;
}
#news_inner dd{
	width:calc(100% - 120px);
	float:right;
}
.news_more{
	display:inline-block;
	padding:0 0 0 20px;
}
#news_inner dd a{
	color:#00adff;
}
#top1{
	border-top:40px solid #fff;
}
#top1 .inner{
	height:480px;
	padding:0 0 15px 0;
}
#top1 article{
	height:480px;
	position:relative;
}
#top1 article .works_img{
	width:960px;
	margin:0 auto;
}
#top1 article .works_img img{
	display:block;
	height:480px;
	width:auto;
}
.white_area{
	height:480px;
	width:50%;
	background:rgba(255,255,255,0.8);
	position:absolute;
	top:0;
	left:50%;
}
.works_comment{
	width:470px;
	height:480px;
	padding:0 0 0 490px;
	margin-left:-480px;
	position:absolute;
	top:0;
	left:50%;
}
.works_comment h2{
	font-size:33px;
	color:#00adff;
	line-height:1.5em;
	padding:30px 0 25px 0;
}
.works_comment h2 small{
	font-size:16px !important;
}
.works_photo2{
	position:absolute;
	right:0;
	bottom:-79px;
	width:300px;
	height:300px;
	overflow:hidden;
}
.more_works{
	display:block;
	width:120px;
	height:120px;
	position:absolute;
	left:600px;
	bottom:-40px;
}
#top1 .bx-viewport{
	overflow:visible !important;
}
.bx-wrapper .bx-prev{
	background:url('../images/common/left.png') no-repeat !important;
}
.bx-wrapper .bx-next{
	background:url('../images/common/right.png') no-repeat !important;
}
#otherworks{
	background:#fff;
	padding:24px 0 48px 0;
}
#otherworks p{
	width:960px;
	margin:0 auto;
}
#otherworks p a{
	display:block;
	line-height:39px;
	font-size:16px;
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #cccccc;
}
#top2{
	background:#f0f0f0;
	padding:30px 0 0 0;
}
#top2 article{
	width:960px;
	margin:0 auto;
	display:flex;
}
#top2 article div{
	width:300px;
	margin:0 10px;
}
#top2 article img{
	display:block;
}
#top2 h2{
	font-size:30px;
	color:#00adff;
	
}
.first_img{
	margin:0 0 20px 0;
}
#top2_l h2{
	height:40px;
}
#top2_r h2{
	height:125px;
	line-height: 1.2;
}