@charset "utf-8";

#dammy {
	display: block;
	overflow: hidden;
	background: url('../images/') no-repeat;
	padding: 40px 0 0;
	width: 216px;
	height: 0!important;
}

/*
========================================================================== */
.concept_area1block {
	background: url('../images/concept/concept_area1back.jpg') repeat-x center bottom;
	background-size: auto 82px;
	padding:45px 0 130px;
}

.concept_area1 {
	padding:0 15px;
}

.concept_area1 h2 {
	background: url('../images/concept/concept_area1mtitle.gif') no-repeat center bottom;
	background-size: 135px 10px;
	margin:0 0 25px;
	padding:0 0 25px;
	line-height:1.3;
	font-size:2.8rem;
	font-weight: 100;
	text-align: center;
}

.concept_area1 .ex {
	font-size:1.1rem;
	text-align: center;
	font-weight: 350;
}

.concept_area1 .ex p {
	line-height:2.3;
}

.concept_area2 {
	padding:45px 15px 45px;
}

.concept_area2 h2 {
	background: url('../images/concept/concept_area2mtitle.gif') no-repeat center bottom;
	background-size: 85px 10px;
	margin:0 0 25px;
	padding:0 0 25px;
	line-height:1.3;
	font-size:2.8rem;
	font-weight: 100;
	text-align: center;
}

.concept_area2 .ex {
	text-align: center;
	font-size:1.1rem;
	font-weight: 350;
}

.concept_area2 .ex p {
	margin:0 0 40px;
	line-height:2.3;
}

.concept_area2 .ex p.imagebox {
	margin:0;
}

.concept_area2 .ex p.imagebox img {
	width:260px;
	height:auto;
}

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

	/*
	========================================================================== */
	.concept_area1block {

		background-size: 1200px 136px;
		padding:100px 0 260px;
		min-width:1000px;
	}

	.concept_area1 {
		padding:30px 50px 0;
	}

	.concept_area1 h2 {
		background-size: 270px 20px;
		margin:0 0 55px;
		padding:0 0 50px;
		font-size:5.0rem;
	}

	.concept_area1 .ex {
		font-size:1.6rem;
	}

	.concept_area1 .ex p {
		line-height:2.5;
	}

	.concept_area2 {
		padding:130px 50px 180px;
	}

	.concept_area2 h2 {
		background: url('../images/concept/concept_area2mtitle.gif') no-repeat center bottom;
		background-size: 170px 20px;
		margin:0 0 100px;
		padding:0 0 50px;
		font-size:5.0rem;
	}

	.concept_area2 .ex {
		background: url('../images/concept/concept_area2back.gif') no-repeat 540px 30px;
		background-size: 238px 312px;
		margin:0 0 0 70px;
		text-align: left;
		font-size:1.6rem;
	}

	.concept_area2 .ex p {
		margin:0;
		line-height:2.5;
	}

	.concept_area2 .ex p.imagebox {
		display: none;
	}
}