@charset "UTF-8";

/* -------------------------------------------------
	title-area
------------------------------------------------- */

#main-cont .title-area {
	height: 143px;
	overflow: hidden;
	background: url(../img/bg_001.png) no-repeat left top;
}
#main-cont .title-area .inner {
	padding-top: 98px !important;
}

#main-cont .main-cont-inner {
	padding-top: 40px;
}

#main-cont .about-area .lSide {
	width: 210px;
}
#main-cont .about-area .rSide {
	width: 738px;
}

#main-cont .about-area {
	margin-bottom: 70px;
}

#main-cont .about-area h3 {
	color: #1b569e;
	line-height: 1.4em;
	font-size: 120%;
}

#main-cont .about-area .rSide p,
#main-cont .about-area .rSide h4 {
	line-height: 1.8em;
}

#main-cont .about-area .rSide .date {
	padding-top: 10px;
	margin-bottom: 30px;
	text-align: right;
}

#main-cont .about-area .info-area {
	padding-left: 12px;
	border-left: 8px solid #90c7e6;
}

#main-cont .about-area h4 span {
	display: block;
}
#main-cont .about-area h4 span.first {
	color: #1b569e;
	font-size: 90%;
}
#main-cont .about-area span.item {
	margin-right: 25px;
	display: inline-block;
}

#main-cont .about-area.ab2 p {
	margin-bottom: 35px;
}

@media screen and (max-width:767px){
	
	#main-cont .title-area {
		height: auto;
		background: none;
		background-color: #479ed8;
	}
	#main-cont .title-area .inner {
		padding: 40px 4.6875% 20px !important;
		height: auto !important;
	}
	
	#main-cont .about-area .lSide {
		width: auto;
	}
	#main-cont .about-area .rSide {
		width: auto;
	}
}