@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);




#container {
	padding-bottom:0 !important;
}

/*-------------------------------------------------------------------
	highlights
-------------------------------------------------------------------*/

#highlights {
}

#highlights .first {
	text-align:center;
	width:94%;
	margin:0 auto 120px;	
}


#highlights .first .box {
	text-align:center;
	margin:30px 0 0;
}


#highlights .first .box dl {
	display:inline-block;
	vertical-align:top;
	width:210px;
}

#highlights .first .box dl:last-child {
	margin-left:50px;
}

#highlights .first .box dl dt a img {
	-webkit-filter: grayscale(100%);
	-moz-filter: grayscale(100%);
	-o-filter: grayscale(100%);
	-ms-filter: grayscale(100%);
	filter: grayscale(100%);
	transition:0.5s;
	transition:0.5s;	
}

#highlights .first .box dl dt a:hover img {
	-webkit-filter: grayscale(0%);
	-moz-filter: grayscale(0%);
	-o-filter: grayscale(0%);
	-ms-filter: grayscale(0%);
	filter: grayscale(0%);
}

#highlights .first .box dl dd {
	background:#c5b776;
	position:relative;
	padding:30px 0 20px;
	color:#FFF;
	font-size:1.15em;
	line-height:1.4;
	font-weight:500;
}

#highlights .first .box dl dd:before {
	position:absolute;
	top:10px;
	left:0;
	background:#FFF;
	width:100%;
	height:1px;
	background:#FFF;
	content:'';
}

#highlights .second {
	margin:0 0 170px;
}

#highlights h3 {
	width:960px;
	margin:0 auto 120px;
}

#highlights .mb0 {
	margin-bottom:0 !important;
}

#highlights .second .box01 {
	overflow:hidden;
	zoom:1;
	margin:0 0 150px;
}

#highlights .second .box01 .left {
	width:50%;
	float:left;
	overflow:hidden;
	zoom:1;
}

#highlights .second .box01 .right {
	width:50%;
	float:right;
}

#highlights .second .box01 .left img,
#highlights .second .box01 .right img {
	width:100%;
}

#highlights .second .box01 .texts {
	width:485px;
}

#highlights .second .box01 .left .texts {
	float:right;
}

#highlights .second .box01 .right .texts dl dt,
#highlights .second .box01 .right .texts dl dd {
	padding-left:45px;
}

#highlights .second .box01 .left .texts dl dt,
#highlights .second .box01 .left .texts dl dd {
	padding-right:45px;
}

#highlights .second .box01 .texts dl dt {
	font-size:2.3em;
	line-height:1.0;
	padding-bottom:20px;
	margin-bottom:20px;
	font-weight:600;
	border-bottom:1px solid #c11920;
}

#highlights .second .box01 .texts dl dt.orange {
	border-bottom:1px solid #c5b776;
}

#highlights .second .box01 .texts dl dd.subtitle {
	color:#c5b776;
	font-size:1.3em;
}

#highlights .second .box02 {
	overflow:hidden;
	zoom:1;
	width:960px;
	margin:0 auto 150px;
}

#highlights .second .box02 .photo {
	float:right;
}

#highlights .second .box02 .texts {
	margin-right:423px;
}

#highlights .second .box02 .texts dl dt,
#highlights .second .box02 .texts dl dd {
	padding-right:45px;
}

#highlights .second .box02 .texts dl dt {
	font-size:2.3em;
	line-height:1.0;
	padding-bottom:20px;
	margin-bottom:20px;
	font-weight:600;
	border-bottom:1px solid #c5b776;
}

#highlights .second .box02 .texts dl dd.subtitle {
	color:#c5b776;
	font-size:1.3em;
}

#highlights .second .box03 {
	width:960px;
	margin:0 auto 150px;
}

#highlights .second .box03 dt {
	font-size:2.3em;
	line-height:1.0;
	padding:0 0 20px;
	margin:40px 0 20px;
	font-weight:600;
	border-bottom:1px solid #c11920
}

#highlights .second .box03 dd p {
	margin-bottom:30px;
}

#highlights .second .box03 dd p:last-child {
	margin-bottom:0;
}

#highlights .second .box03 dd p span {
	font-weight:600;
}



/* third */

#highlights .third {
	position:relative;
	padding:250px 0 200px;
	background:#f7f5ea;
}

#highlights .third:before {
	background:#c5b776;
	width:1px;
	height:100px;
	position:absolute;
	top:80px;
	left:50%;
	transform:translateX(-50%);
	content:'';
}

#highlights .third .box01 {
	overflow:hidden;
	zoom:1;
	margin:0 0 150px;
}

#highlights .third .box01 .left {
	width:50%;
	float:left;
	overflow:hidden;
	zoom:1;
}

#highlights .third .box01 .right {
	width:50%;
	float:right;
}

#highlights .third .box01 .left img,
#highlights .third .box01 .right img {
	width:100%;
}

#highlights .third .box01 .texts {
	width:485px;
}

#highlights .third .box01 .left .texts {
	float:right;
}

#highlights .third .box01 .right .texts dl dt,
#highlights .third .box01 .right .texts dl dd {
	padding-left:45px;
}

#highlights .third .box01 .left .texts dl dt,
#highlights .third .box01 .left .texts dl dd {
	padding-right:45px;
}

#highlights .third .box01 .texts dl dt {
	font-size:2.3em;
	line-height:1.0;
	padding-bottom:20px;
	margin-bottom:20px;
	font-weight:600;
	border-bottom:1px solid #c11920;
}

#highlights .third .box01 .texts dl dt.orange {
	border-bottom:1px solid #c5b776;
}

#highlights .third .box01 .texts dl dd.subtitle {
	color:#c5b776;
	font-size:1.3em;
}

#highlights .third .box02 {
	overflow:hidden;
	zoom:1;
	width:960px;
	margin:0 auto 150px;
}

#highlights .third .box02 .photo {
	float:left;
}

#highlights .third .box02 .texts {
	margin-left:425px;
}

#highlights .third .box02 .texts dl dt,
#highlights .third .box02 .texts dl dd {
	padding-left:45px;
}

#highlights .third .box02 .texts dl dt {
	font-size:2.3em;
	line-height:1.0;
	padding-bottom:20px;
	margin-bottom:20px;
	font-weight:600;
	border-bottom:1px solid #c11920;
}

#highlights .third .box02 .texts dl dt.orange {
	border-bottom:1px solid #c5b776;
}

#highlights .third .box02 .texts dl dd.subtitle {
	color:#c5b776;
	font-size:1.3em;
}

#highlights .third .box03 {
	width:960px;
	margin:0 auto 150px;
}

#highlights .third .box03 dt {
	font-size:2.3em;
	line-height:1.0;
	padding:0 0 20px;
	margin:40px 0 20px;
	font-weight:600;
	border-bottom:1px solid #c11920
}

#highlights .third .box03 dt.orange {
	border-bottom:1px solid #c5b776;
}

#highlights .third .box03 dd p {
	margin-bottom:30px;
}

#highlights .third .box03 dd p:last-child {
	margin-bottom:0;
}

#highlights .third .box03 dd p span {
	color:#c5b776;
}

#highlights .third .box03 dd p span.red {
	color:#c11920;
}


/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
	/* highlights */

	#highlights h3 {
		width:94%;
	}



	#highlights .second .box01 .texts {
		width:94%;
	}

	#highlights .second .box02 {
		width:94%;
	}

	#highlights .second .box03 {
		width:94%;
	}

	/* third */

	#highlights .third .box01 .texts {
		width:94%;
	}

	#highlights .third .box02 {
		width:94%;
	}

	#highlights .third .box03 {
		width:94%;
	}
	
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){
	
	
}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	/*-------------------------------------------------------------------
	highlights
-------------------------------------------------------------------*/

	#highlights .first {
		margin:0 auto 60px;	
	}


	#highlights .first .box dl {
		display:block;
		margin:0 auto;
	}

	#highlights .first .box dl:last-child {
		margin:30px auto 0;
	}


	#highlights .second {
		margin:0 0 80px;
	}

	#highlights h3 {
		margin:0 auto 60px;
	}


	#highlights .second .box01 {
		overflow:hidden;
		zoom:1;
		margin:0 0 70px;
	}

	#highlights .second .box01 .left {
		width:auto;
		float:none;
	}

	#highlights .second .box01 .right {
		float:none;
		width:auto;
	}
	
	#highlights .second .box01 .left img,
	#highlights .second .box01 .right img {
		margin:0 0 20px;
	}
	
	#highlights .second .box01 .texts {
		margin:0 auto;
	}


	#highlights .second .box01 .left .texts {
		float:none;
	}

	#highlights .second .box01 .right .texts dl dt,
	#highlights .second .box01 .right .texts dl dd {
		padding-left:0;
	}

	#highlights .second .box01 .left .texts dl dt,
	#highlights .second .box01 .left .texts dl dd {
		padding-right:0;
	}

	#highlights .second .box01 .texts dl dt {
		font-size:1.8em;
	}

	#highlights .second .box01 .texts dl dt.orange {
		border-bottom:1px solid #c5b776;
	}

	#highlights .second .box01 .texts dl dd.subtitle {
		font-size:1.2em;
	}

	#highlights .second .box02 {
		overflow:hidden;
		zoom:1;
		width:94%;
		margin:0 auto 70px;
	}

	#highlights .second .box02 .photo {
		float:none;
	}

	#highlights .second .box02 .texts {
		margin:20px 0 0;
	}

	#highlights .second .box02 .texts dl dt,
	#highlights .second .box02 .texts dl dd {
		padding-right:0;
	}

	#highlights .second .box02 .texts dl dt {
		font-size:1.8em;
	}

	#highlights .second .box02 .texts dl dd.subtitle {
		font-size:1.2em;
	}

	#highlights .second .box03 {
		width:94%;
		margin:0 auto 70px;
	}

	#highlights .second .box03 dt {
		font-size:1.8em;
	}

	#highlights .second .box03 dd p {
		margin-bottom:20px;
	}


	/* third */

	#highlights .third {
		padding:200px 0 100px;
	}

	#highlights .third:before {
		height:100px;
		top:50px;
	}

	#highlights .third .box01 {
		margin:0 0 70px;
	}

	#highlights .third .box01 .left {
		width:auto;
		float:none;
	}

	#highlights .third .box01 .right {
		width:auto;
		float:none;
	}
	
	#highlights .third .box01 .left img,
	#highlights .third .box01 .right img {
		margin-bottom:20px;
	}

	#highlights .third .box01 .texts {
		margin:0 auto;
	}

	#highlights .third .box01 .left .texts {
		float:none;
	}

	#highlights .third .box01 .right .texts dl dt,
	#highlights .third .box01 .right .texts dl dd {
		padding-left:0;
	}

	#highlights .third .box01 .left .texts dl dt,
	#highlights .third .box01 .left .texts dl dd {
		padding-right:0;
	}

	#highlights .third .box01 .texts dl dt {
		font-size:1.8em;
	}

	#highlights .third .box01 .texts dl dd.subtitle {
		font-size:1.2em;
	}

	#highlights .third .box02 {
		margin:0 auto 70px;
	}

	#highlights .third .box02 .photo {
		float:none;
	}

	#highlights .third .box02 .texts {
		margin:20px 0 0;
	}

	#highlights .third .box02 .texts dl dt,
	#highlights .third .box02 .texts dl dd {
		padding-left:0;
	}

	#highlights .third .box02 .texts dl dt {
		font-size:1.8em;
	}

	#highlights .third .box02 .texts dl dd.subtitle {
		font-size:1.2em;
	}

	#highlights .third .box03 {
		margin:0 auto 70px;
	}

	#highlights .third .box03 dt {
		font-size:1.8em;
	}

	#highlights .third .box03 dd p {
		margin-bottom:20px;
	}



}

/*===============================================
  画面の横幅が380px以下に適用
===============================================*/
@media screen and (max-width: 380px){
	
}