@charset "utf-8";

#main .pagetop {margin-top: 25px;}
.mission_bg{
	width: 709px;
	height: 850px;
	background: url(../../mission/img/mission_bg.jpg) no-repeat 0 0;
	padding: 100px 85px 0;
}
.mission_bg h1{
	margin-bottom: 30px;
}
.mission_bg p{
	width: 540px;
	font-size: 14px;
	line-height: 2.2;
	letter-spacing: 0.08em;
}

@media screen and (max-width: 640px) {
#main .pagetop {margin-top: 0;}
	header h1{
		margin-bottom: 0;
	}
.mission_bg{
	width: 100%;
	height: 100%;
background: linear-gradient(#b6e7f8, #f0f8f7);
	padding: 0;
}
	.mission_bg_in{
background: url(../../mission/img/sp_bg01.png) no-repeat top center/100% auto,url(../../mission/img/sp_bg02.png) no-repeat bottom center/100% auto;
		width: 100%;
		height: 100%;
		padding-bottom: 200px;
}

.mission_bg h1{
	padding: 50px 0 0;
	width: 82%;
	margin: 0 9% 25px;
}
	.mission_bg h1 img{
		width: 100%;
		height: auto;
	}
.mission_bg p{
	width: 82%;
	margin: 0 auto;
	font-size: 12px;
	line-height: 2.0;
	padding-top: 10px;
}
	
}