@charset "utf-8";

/* ========================================
枠組み CSS

 - File Name : structure.css
 - Latest Css Updates : 2015.3.11
 - Those who update it : y.e
 
 ------------------------------------------

======================================== */

/* ---------------------------------------- 
 - contents 
---------------------------------------- */
/* history */
#history #historyCol{
	margin:0 auto;
	background:url("../images/history_img_01.png") no-repeat right top;
	text-align:left;
	padding:35px 0 80px;
	border-bottom:solid 1px #83b6e2;
}
#history #historyCol dl.leadbox{
	padding:0 0 50px;
	max-width: 75%;
}
#history #historyCol dl.leadbox dt{
	font-size:26px;
	font-weight:bold;
	padding:0 0 0.2em;
}
#history #historyCol ul.imgbox{
	overflow:hidden;
}
#history #historyCol ul.imgbox li{
	float:left;
	width:48%;
}
#history #historyCol ul.imgbox li:last-child{
	float:right;
}
@media screen and (max-width: 1000px) {
	#history #historyCol{
		padding:2.0em 0 4.0em;
		background-size:30%;
	}
	#history #historyCol dl.leadbox{
		width:70%;
	}
}
@media screen and (max-width: 767px) {
	#history #historyCol{
		padding:0 0 3.0em;
		background:none;
	}
	#history #historyCol dl.leadbox{
		width:100%;
		max-width:100%;
		padding:0 0 2.0em;
	}
	#history #historyCol dl.leadbox dt{
		font-size:18px;
		font-weight:bold;
		padding:0 0 0.2em;
	}
}

/* message */
#message #messageCol{
	margin:0 auto;
	text-align:left;
	padding:60px 0 0;
}
#message #messageCol .leadbox{
	padding:0 0 20px;
}
#message #messageCol .leadbox .name{
	font-size:22px;
	font-weight:bold;
	padding:0.5em 0 0;
}
#message #messageCol .imgbox{
	width:100%;
	max-width:731px;
}
@media screen and (max-width: 767px) {
#message #messageCol{
	padding:2.0em 0 0;
}
#message #messageCol .leadbox{
	padding:0 0 1.0em;
}
#message #messageCol .leadbox .name{
	font-size:22px;
	padding:0.5em 0 0;
}
}