@charset "utf-8";

img { 
	max-width:100%;
}
body *, body *::before, body *::after{box-sizing:border-box;}


/*-----------------------------------------------
	index
-----------------------------------------------*/

/* secTop */
.secTop{ padding-top:70px;}
.secTop .bgTop{
	background:url(../img/restore/bgTop.jpg) no-repeat center center/cover;
	height: 500px;
	position:relative;
}
.secTop .bgTop .logo{
	width:1040px;
	position:absolute;
	bottom:70px;
	left:50%;
	margin-left:-520px;
}
.secTop .boxTop{
	width:1040px;
	margin:155px auto 0;
	font-size:0;
}
.secTop .boxTop .titBox{
	display: inline-block;
	vertical-align:top;
	width: 860px;
	float: left;
}
.secTop .boxTop .titBox .tit{
	padding:0 0 45px 55px;
}
.secTop .boxTop .titBox .txt{
	font-size:16px;
	line-height:1.8;
}
.secTop .btnListTop{
	padding-top:80px;
}
.secTop .btnList{
	text-align:right;
	margin-bottom:10px;
}
.secTop .boxTop .btnContact{
	display: inline-block;
	vertical-align:bottom;
	width:168px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;	
}
.secTop .boxTop .btnContact a{
	display:block;
	text-align:right;
	border:#E60012 solid 1px;
	color:#E60012;
	height:40px;
	font-size:0;
	text-decoration:none;
}
.secTop .boxTop .btnContact .txtBtn{
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width: 125px;
	padding: 9px 0 0;
	box-sizing:border-box;
	font-weight:600;
}
.secTop .boxTop .btnContact .icon{
	display:inline-block;
	width:40px;
	height:38px;
	border-left:#E60012 solid 1px;
	vertical-align:top;
	padding: 16px 0 0;
	box-sizing:border-box;
	text-align:center;
}
.secTop .boxTop .btnContact a:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}
@media only screen and (max-width:767px){
	.secTop{ padding-top:50px;}
	.secTop .bgTop{
		height: 200px;
	}
	.secTop .bgTop .logo{
		width:auto;
		bottom:13.5%;
		left:6.67%;
		margin-left:0;
	}
	.secTop .boxTop{
		width:86.66%;
		margin:50px auto 0;
		text-align:right;
	}
	.secTop .btnListTop{
		padding-top:0;
	}
	.secTop .boxTop .titBox{
		display: block;
		vertical-align:top;
		width: 100%;
		text-align:center;
	}
	.secTop .boxTop .titBox .tit{
		padding:0 0 45px 0;
	}
	.secTop .boxTop .titBox .txt{
		font-size:11px;
		text-align:left;
		margin-bottom:25px;
	}
	.secTop .boxTop .btnContact{
		width:100px;
	}
	.secTop .boxTop .btnContact a{
		border:#E60012 solid 1px;
		color:#E60012;
		height:25px;
	}
	.secTop .boxTop .btnContact .txtBtn{
		font-size:10px;
		display:inline-block;
		vertical-align:top;
		text-align:center;
		width: 70px;
		padding: 4px 0 0;
		box-sizing:border-box;
		font-weight:600;
	}
	.secTop .boxTop .btnContact .icon{
		display:inline-block;
		width:27px;
		height:23px;
		padding: 8px 9px 8px;
		box-sizing:border-box;
		text-align:center;
	}
	.secTop .boxTop .btnContact a:hover{
		filter:alpha(opacity=60);
		opacity:0.6;
	}
}

/* secMovie */
.secMovie{
	padding:160px 0 0;
}
.secMovie .boxMovie{
	width:795px;
	margin:0 auto;
}
.secMovie .boxMovie iframe{
	width:100%;
	height:445px;
}
@media only screen and (max-width:767px){
	.secMovie{ padding:50px 0 0;}
	.secMovie .boxMovie{
		width:90%;
		padding-top:51%;
		position:relative;
	}
	.secMovie .boxMovie iframe{
	    width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
	}
}

/* secAbout */
.secAbout{
	width:1040px;
	margin: 140px auto 0;
}
.secAbout .boxList{
	font-size:0;
}
.secAbout .boxList .box{
	display:inline-block;
	text-decoration:none;
	width:490px;
	vertical-align:top;
	margin: 100px 59px 0 0;
	position:relative;
}
.secAbout .boxList .boxNo{
	cursor:default;
}
.secAbout .boxList .box:nth-child(2n){
	margin-right:0;
}
.secAbout .boxList .box:nth-child(-n+2){
	margin-top:0;
}
.secAbout .boxList .box .img{
	width:100%;
	height: 270px;
	margin-bottom: 30px;
}
.secAbout .boxList .box .img:after{
	position:absolute;
	content:"";
	width:100%;
	height:100%;
	background:rgba(0,0,0,0);
	-webkit-transition: 0.5s ease-in-out;
	-moz-transition: 0.5s ease-in-out;
	-o-transition: 0.5s ease-in-out;
 	transition: 0.5s ease-in-out;
	top:0;
	left:0;
}
.secAbout .boxList .box .img:hover:after{
	background:rgba(0,0,0,0.15);
}
.secAbout .boxList .boxNo .img:hover:after{
	background:rgba(0,0,0,0);
}


.secAbout .boxList .box .topBox{
	font-size:0;
}
.secAbout .boxList .box .left{
	display:inline-block;
	vertical-align:top;
	width: 430px;
	margin-right:19px;
}
.secAbout .boxList .box .titAbout{
	font-size: 16px;
	line-height:1.6;
	letter-spacing:0.05em;
}
.secAbout .boxList .box .titSub{
	font-size: 12px;
	line-height:1.4;
	letter-spacing:0.05em;
}
.secAbout .boxList .box .btn{
	display:inline-block;
	vertical-align:top;
	width:40px;
}
.secAbout .boxList .box .txtAbout{
	font-size:14px;
	line-height:1.6;
	margin-top:30px;
}
.secAbout .btnBox{
	text-align:right;
	margin:105px 0 0;
}
.secAbout .btnList{
	text-align:right;
	margin-bottom:10px;
}
.secAbout .btnContact{
	display: inline-block;
	vertical-align:bottom;
	width:168px;
	-webkit-transition: 0.3s ease-in-out;
	-moz-transition: 0.3s ease-in-out;
	-o-transition: 0.3s ease-in-out;
 	transition: 0.3s ease-in-out;	
}
.secAbout .btnContact a{
	display:block;
	text-align:right;
	border:#E60012 solid 1px;
	color:#E60012;
	height:40px;
	font-size:0;
	text-decoration:none;
}
.secAbout .btnContact .txtBtn{
	font-size:14px;
	display:inline-block;
	vertical-align:top;
	text-align:center;
	width: 125px;
	padding: 9px 0 0;
	box-sizing:border-box;
	font-weight:600;
}
.secAbout .btnContact .icon{
	display:inline-block;
	width:40px;
	height:38px;
	border-left:#E60012 solid 1px;
	vertical-align:top;
	padding: 16px 0 0;
	box-sizing:border-box;
	text-align:center;
}
.secAbout .btnContact a:hover{
	filter:alpha(opacity=60);
	opacity:0.6;
}
@media only screen and (max-width:767px){
	.secAbout{
		width:86.66%;
		margin: 50px auto 0;
	}
	.secAbout .boxList{
		font-size:0;
	}
	.secAbout .boxList .box{
		width:100%;
		margin: 45px 0 0;
	}
	.secAbout .boxList .box:nth-child(-n+2){
		margin-top:45px;
	}
	.secAbout .boxList .box:nth-child(1){
		margin-top:0;
	}
	.secAbout .boxList .box .img{
		width:100%;
		height: 0;
		padding-top:55%;
		margin-bottom: 20px;
	}
	.secAbout .boxList .box .left{
		width: 86%;
		margin-right:2%;
	}
	.secAbout .boxList .box .titAbout{
		font-size: 14px;
	}
	.secAbout .boxList .box .titSub{
		font-size: 10px;
		letter-spacing:0.1em;
	}
	.secAbout .boxList .box .btn{
		width:11%;
	}
	.secAbout .boxList .box .txtAbout{
		font-size:11px;
		margin-top:20px;
	}
	.secAbout .btnBox{
		text-align:right;
		margin:30px 0 0;
	}
	.secAbout .btnContact{
		width: 100px;
	}
	.secAbout .btnContact a{
		border: #E60012 solid 1px;
		color: #E60012;
		height: 25px;
	}
	.secAbout .btnContact .txtBtn{
		font-size: 10px;
		display: inline-block;
		vertical-align: top;
		text-align: center;
		width: 70px;
		padding: 4px 0 0;
		box-sizing: border-box;
		font-weight: 600;
	}
	.secAbout .btnContact .icon{
		display: inline-block;
		width: 27px;
		height: 23px;
		padding: 8px 9px 8px;
		box-sizing: border-box;
		text-align: center;
	}
	.secAbout .btnContact a:hover{
		filter:alpha(opacity=60);
		opacity:0.6;
	}
}