@charset "utf-8";
/* [sttlSpecialmenu01] ----------*/
.contentInner .sttlSpecialmenu01 {
	color:#5B4A2F;
	margin-bottom:30px;
	font-size:20px;
	font-weight:600;
	text-align:center;
}
/* [sttlSpecialmenu02] ----------*/
.contentInner .sttlSpecialmenu02 {
	color:#5B4A2F;
	font-size:15px;
	font-weight:600;
}
/* [columnBox] ----------*/
.columnBoxBase { letter-spacing:-0.4em;}
.columnBoxBase + .columnBoxBase { margin-top:50px; }
/**/
.columnBoxBase .txt,
.columnBox {
	letter-spacing:normal;
	vertical-align:top;
}
.columnBoxBase .txt {
	text-align:justify;
	text-justify:inter-ideograph;
}
/* [col1] */
.columnBoxBase.col1 .columnBox { width:100%; margin-top:0px;}
.columnBoxBase.col1 .pht { text-align:center; }
.columnBoxBase.col1 .txt { margin-top:10px; }
/* [col2] */
.columnBoxBase.col2 .columnBox { display:inline-block; }
.columnBoxBase.col2 .pht {
	width:400px;
	height:235px;
	margin-right:30px;
	text-align:center;
	background:#FFF;
}
.columnBoxBase.col2 .txt { width:calc(100% - 430px); }
/* [col2 typeRight] */
.columnBoxBase.col2.typeRight { overflow:hidden; }
.columnBoxBase.col2.typeRight .pht {
	float:right;
	margin-right:0;
	margin-left:30px;
}
/* [col2 typeBox] */
.columnBoxBase.col2.typeBox .columnBox { width:420px; }
.columnBoxBase.col2.typeBox .columnBox:nth-child(2n) { margin-left:40px; }
.columnBoxBase.col2.typeBox .pht {
	display:block;
	width:420px;
	height:265px;
	margin-right:0;
}
.columnBoxBase.col2.typeBox .txt {
	display:block;
	width:100%;
	margin:10px 0 30px;
}
/* cont02 */
#cont02 h2 {
	margin-bottom:0.5em;
	font-size:15px;
	font-weight:bold;
}
#cont02 .box {
	margin-top: 0;
}
#cont02 .box li.half {
	width:375px;
	margin-top: 30px;
	display: inline-block;
	font-size: 0;
}
#cont02 .box li.half:nth-of-type(2n) {
	margin-left: 36px;
}
#cont02 .box li.half .photo {
	background:#FFF;
	text-align:center;
}
#cont02 .box li.half .photo img {
	height:235px;
}
#cont02 .box li.half p {
	width:100%;
	margin-top:15px;
	font-size: 12px;
}
#cont02 li.img_left,
#cont02 li.img_right {
	width: 100%;
	margin-top: 30px;
	float: none;
}
#cont02 .img_left .photo {
	margin-right:4%;
	width:41.2%;
	float:left;
}
#cont02 .img_left .photo img,
#cont02 .img_right .photo img {
	width:100%;
}
#cont02 .img_left h2,
#cont02 .img_left > p {
	width:54.6%;
	float:right;
}
#cont02 .img_left > p,
#cont02 .img_right > p {
	margin-top: 0;
}
#cont02 .img_right .photo {
	margin-right:4%;
	width:41.2%;
	float:right;
}
#cont02 .img_right h2,
#cont02 .img_right > p {
	width:54.6%;
	float:left;
}

@media screen and (max-width:768px) {
/* [columnBox] ----------*/
	.columnBoxBase { letter-spacing:-0.4em; }
	.columnBoxBase + .columnBoxBase { margin-top:0; }
/**/
	.columnBox,
	.columnBoxBase .pht,
	.columnBoxBase .txt {
		display:block !important;
		width:100% !important;
		margin:0 !important;
	}
	.columnBoxBase .pht {
		float:none !important;
	}
	.columnBoxBase .pht img { height:100%; }
	.columnBoxBase .txt { margin:10px 0 30px !important; }
	.contentInner .sttlSpecialmenu01 {
		font-size: 16px;
	}
	.contentInner .sttlSpecialmenu02 {
		font-size: 13px;
		margin-bottom: 5px;
	}
	#cont02 {
		padding-top:0;
	}
	#cont02 .box {
		margin-top:0;
	}
	#cont02 .box li {
		width:100%;
		margin-top:0;
		margin-bottom:15px;
		margin-right:0;
		float:none;
	}
	#cont02 .box li:last-child {
		margin-bottom:0;
	}
	#cont02 .box li .photo {
		width:100%;
	}
	#cont02 .box li .photo img {
	}
	#cont02 .box li p {
		width:100%;
		margin-top:15px;
	}

	#cont02 .box li.half {
		width:100%;
		margin-top: 0;
		float:none;
		margin-bottom: 15px;
	}
	#cont02 .box li.half:nth-of-type(2n) {
		float: none;
		margin-left: 0;
	}
	#cont02 .box li.half .photo img {
		height:170px;
	}
	#cont02 .box li.half p {
		width:100%;
		margin-top:15px;
	}
	#cont02 li.img_left,
	#cont02 li.img_right {
		width: 100%;
		margin-top: 0;
		float: none;
		margin-bottom: 15px;
	}
	#cont02 .img_left .photo {
		margin-right:0;
		width:100%;
		float:none;
	}
	#cont02 .img_left h2,
	#cont02 .img_left > p {
		width:100%;
		float:none;
	}
	#cont02 .img_left > p,
	#cont02 .img_right > p {
		margin-top: 15px;
	}
	#cont02 .img_right .photo {
		margin-right:0;
		width:100%;
		float:none;
	}
	#cont02 .img_right h2,
	#cont02 .img_right > p {
		width:100%;
		float:none;
	}

}