@charset "utf-8";
body{
	overflow-x: hidden;
}
#header .menu ul li.n_02 a span.en {
	color: #fff;
	border-bottom: 3px solid #fff;
}
#header .menu ul li.n_02:hover a span.en {
	color: #fff;
}
#header .menu ul li:hover a span.en{
	border-bottom: 0;
}

#main{
	background: url(../img/bg.jpg) no-repeat center bottom;
	overflow: hidden;
        padding-bottom: 80px;
}


#main .reseach{
	width: 1160px;
	margin: 0 auto;
	position: relative;
	padding-top: 20px;
}

#main .reseach img{
	position: relative;
	margin-left: -400px;
	float: left;
	margin-right: 40px;
	margin-bottom: 30px;
}
#main .reseach h1{
	font-size: 32px;
	color: #0169b9;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
	padding: 10px 20px 10px 50px;
	box-shadow: 0 0 15px rgba(0,0,0,0.08);
	position: absolute;
	z-index: 2;
	top: 50px;
	left: 100px;
	line-height: 1.2em;
}
#main .reseach .con{
	padding-top: 160px;
}
#main .reseach p{
	font-size: 16px;
	line-height: 1.8em;
	text-indent: 2em;
	margin-bottom: 20px;
	text-align: justify;
}

.research_bottom{
	padding: 60px 0 100px 5%;
}
.research_bottom a{
	display: inline-block;
	color: #0062b0;
	font-size: 18px;
	font-weight: bold;
	width: 24%;
}
.research_bottom a span{
	width: 54px;
	height: 54px;
	background: url(../img/research_01.png) no-repeat center center;
	border: 2px solid #95bfdb;
	display: inline-block;
	border-radius: 100%;
	vertical-align: middle;
	margin-right: 20px;	
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
.research_bottom a:hover span{
	border-color: #0052AE;
}
.research_bottom a.nav_02 span{
	background: url(../img/research_02.png) no-repeat center center;
}
.research_bottom a.nav_03 span{
	background: url(../img/research_03.png) no-repeat center center;
}
.research_bottom a.nav_04 span{
	background: url(../img/research_04.png) no-repeat center center;
}

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

	#main{
		padding-bottom: 0;
	}
	#main .reseach{
		width: 100%;
	}
	
	#main .reseach img{
		display: none;
	}
	#main .reseach h1{
		font-size: 20px;
		color: #0169b9;
		background: none;
		border-radius: 5px;
		padding: 10px;
		box-shadow: none;
		position: relative;
		z-index: 2;
		top: 0px;
		left: 0;
		line-height: 1.2em;
	}
	#main .reseach .con{
		padding: 10px;
	}
	#main .reseach p{
		text-align: left;
	}
	
	.research_bottom{
		display: none;
	}
}