/* --- Rules --- */
@charset "utf-8";
@import "style.css";

/* --- for About Yuzu-no-Ki --- */
#about .section h2 {
	margin-bottom: 20px;
}
#about ul.philo_list {
	width: 880px;
	height: 200px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 10px;
	background-image: url("../img/photo_philosophy.jpg");
	background-repeat: no-repeat;
	background-position: right top;
}
#about ul.philo_list li {
	margin-left: 20px;
	margin-bottom: 15px; 
}
#about .action_box {
	width: 65%;
	margin-left: auto;
	margin-right: auto;
	padding: 20px;
	border: 1px solid #693905;
}
#about ol.action_list {
	margin-left: 20px;
	list-style: outside decimal;
}
#about ol.action_list li {
	margin-bottom: 20px;
}
#about ol.action_list li.last {
	margin-bottom: 0;
}
#about ol.action_list li dl {
	margin-bottom: 20px;
	padding-right: 140px;
}
#about ol.action_list li dl.last {
	margin-bottom: 0;
}
#about ol.action_list li dt {
	margin-left: -1em;
}

#about #aboutFacility { position: relative;}
#about #aboutFacility ul { text-align: left;}
#about #aboutFacility a { display: none;}
#about #aboutFacility a:hover { opacity: 1;}
#about #aboutFacility span { display: block; padding-top: 8px;}
#about #aboutFacility li { position: absolute;}
#about #aboutFacility .fac_ks01 { left: 627px; top: 88px;}
#about #aboutFacility .fac_ks02 { left: 627px; top: 126px;}
#about #aboutFacility .fac_ks03 { left: 627px; top: 164px;}
#about #aboutFacility .fac_ks04 { left: 627px; top: 202px;}
#about #aboutFacility .fac_ks05 { left: 627px; top: 240px;}
#about #aboutFacility .fac_wf01 { left: 54px; top: 367px;}
#about #aboutFacility .fac_wf02 { left: 54px; top: 443px;}
#about #aboutFacility .fac_md01 { left: 675px; top: 416px;}
#about #aboutFacility li > img { cursor: pointer;}

#about .taisakuList { list-style: disc; margin-left: 2em;}
#about ol.action_list li dl { margin: 0; padding: 0;}
#about ol.action_list .taisakuList li { list-style: disc; margin-bottom: 0;}

@media screen and (max-width: 768px){
	#about .action_box { border: none; width: inherit; padding: 10px;}
	#about ol.action_list li dl { padding-right: 0;}
	#about .philosophy ul { padding: 10px;}
	#about .philosophy p { background: #eee; padding: 10px;}
}