@charset "utf-8";  
/*------------------------------------------------------------ 
    TOP css
------------------------------------------------------------*/  

#header {
	position:absolute;
	background:rgba(255,255,255,.5);
	z-index:10;
}

#visual{
	width:100%;
	height:0;
	padding-top:60.35398230088496%;
	background:url(../img/bg-visual.png) no-repeat 50% 0%;
	background-size:cover;
	position:relative;
}

#visualInner{
	width:100%;
	position:absolute;
	left:0;
	bottom:6.09677419354839%;
}

#visualTxt{
	width:100%;
	text-align:center;
	color:#fff;
	font-size:56px;
	font-weight:bold;
	letter-spacing:3px;
}

#visualIcon{
	width:165px;
	margin:30px auto 0;
}

/*------------------------------------------------------------ 
    CONCEPT
------------------------------------------------------------*/  

#concept{
	margin-top:60px;
	position:relative;
}

#conceptInner{
	width:100%;
	height:0;
	min-height:541px;
	padding-top:47.87610619469027%;
	background:url(../img/bg-concept.png) no-repeat 50% 0%;
	background-size:cover;
	position:relative;
	box-sizing:border-box;
}

#txtField{
	width:100%;
	padding:0 15px;
	text-align:center;
	position:absolute;
	left:0;
	top:18.48428835489834%;
	color:#fff;
	box-sizing:border-box;
}

#conceptIcon{
	width:165px;
	margin:0 auto 15px;
}

/*------------------------------------------------------------ 
    SERVICE
------------------------------------------------------------*/  

#service{
	width:100%;
	padding:70px 0 50px;
	background:#F0F0F0;
}

.serviceItem{ width:29.89583333333333%;}

.serviceItem a{
	display:block;
	width:1005;
	height:100%;
	color:#000;
}

.serviceHd{
	color:#0b3080;
	font-size:184%;
	font-weight:bold;
	line-height:1.2;
	margin:20px 0 10px;
}

.serviceHd span{
	display:inline-block;
	vertical-align:middle;
	font-size:13px;
	line-height:18px;
	padding:0 5px;
	margin-left:8px;
	background:#fff;
	border:1px solid #4267A6;
}

.serviceInner{
	width:auto;
	padding:0 30px;
}


/*------------------------------------------------------------ 
    NEWS
------------------------------------------------------------*/  

#news{ margin-top:70px;}


/*------------------------------------------------------------ 
    MediaQuery 
------------------------------------------------------------*/  

@media screen and (max-width: 788px){

#visual{
	height:512px;
	padding-top:0;
}

#conceptInner{
	padding-top:50px;
}

#txtField{
	position:static;
}

.serviceInner{ padding:0 20px;}

}

/* SP */
@media screen and (max-width: 560px){

#visualTxt{
	font-size:175%;
	padding:0 15px;
	box-sizing:border-box;
}

#visualIcon,
#conceptIcon{ width:132px;}

/* CONCEPT */

#concept{ margin-top:30px;}

/* SERVICE */

#service{ padding-top:35px;}

.serviceItem{ width:100%;}

.serviceItem:not(:last-child){ margin-bottom:30px;}

.serviceInner{ padding:0 15px;}

.serviceHd{
	font-size:159%;
	margin-top:15px;
}

/* NEWS */

#news{
	margin-top:35px;
	padding-bottom:30px;
	border-bottom:1px solid #F0F0F0;
}


}