@charset "UTF-8";


.key_area{
	padding: 78% 0 0;
	background: url('../img/home_key-.jpg') no-repeat center top;
	background-size: cover;
}
.key_area img{
	display: none;
}



/*main*/
.content_area .main{
	width: 100%;
	float: none;
	padding: 40px 15px 60px 15px;
}
.content_area .main h2{
	font-size: 20px;
	line-height: 1.2;
	margin: 0 0 35px;
	padding: 0;
}
.content_area .main p{
	font-size: 16px;
	line-height: 1.8em;
	margin: 0 0 28px;
}

.content_area .main .kids{
	display: block;
	width: 100%;
	margin: 50px auto 0;
}


/*aside*/
.content_area .side{
	width: 100%;
	float: none;
	padding: 40px 15px 60px;
}
.content_area .side .repo{
	max-width: 260px;
	margin: 0 auto 40px;
}
.content_area .side .repo a.btn{
	display: block;
	width: 100%;
	background-color: #5e84c4;
	padding: 5px 0;
	box-sizing: border-box;
	font-size: 14px;
	color: #fff;
	text-decoration: none;
	text-align: center;
	border: solid 1px #5e84c4;
}
.content_area .side .repo a.btn:hover{
	background-color: #fff;
	color: #5e84c4;
}
.content_area .side .repo img{
	display: block;
	width: 100%;
	max-width: 130px;
	margin: 0 auto 18px;
	border: solid 1px #d6d6d6;
}

.content_area .side .bnr{
	display: block;
	width: 100%;
	max-width: 260px;
	margin: 0 auto 10px;
}

.content_area .side iframe{
	margin:0 auto 20px;
	display:block;
}