﻿/*-----------------------------------------------------	*/
/*	TOP					*/
/*-----------------------------------------------------	*/
#top #contents-wrap{
	background: url(../images/c_bg.jpg) no-repeat center 0;
}
#top .top-contents{
	padding: 20px 14px 0;
}
#top .top-section,
#top .top-section-main{
	float: left;
	margin: 0 21px 30px;
	min-height: 260px;
}
#top .top-section {
	width: 275px;
}
#top .top-section-main{
	width: 590px;
}
#top .top-section-main h1,
#top .top-section h1{
	margin: 0 0 8px;
}
#top .top-section-main p,
#top .top-section p{
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 1.3;
}
#top .shadow img{
	-webkit-box-shadow: 0px 0px 6px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 6px 1px rgba(0, 0, 0, 0.3);
}
#top .layout-sec h1{
	margin-bottom: 10px;
}
#top .tw-box{
	height: 300px;
}


/*-----------------------------------------------------	*/
/*	for - 979px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 979px) {
	#top .top-contents{
		margin: 0 auto;
		padding: 0;
		text-align: center;
	}
	#top .top-section,
	#top .top-section-main{
		display: inline-block;
		float: none;
		margin-bottom: 5px;
		min-height: auto;
		vertical-align: top;
		text-align: left;
	}
	#top .top-section p{
		font-size: 12px;
		font-size: 1.2rem;
	}

}


/*-----------------------------------------------------	*/
/*	for - 767px					*/
/*-----------------------------------------------------	*/

@media screen and (max-width: 767px) {
	#top .top-section,
	#top .top-section-main{
		min-height:inherit;
		margin: 0 12px 20px;
	}
	#top .top-section-main{
		width: 91%;
	}
	#top .top-section{
		width: 41%;
	}
}


/*-----------------------------------------------------	*/
/*	for - 479px					*/
/*-----------------------------------------------------	*/

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






