@charset "utf-8";

@import url("normalize.css");
@import url("common.css");
@import url("layout.css");
@import url("title.css");
@import url("menu.css");
@import url("menuplus.css");
/*------------------------------------------------------------------------------------------------*/
/*　共通
--------------------------------------------------------------------------------------------------*/
header#header { background-size: cover; }

/*------------------------------------------------------------------------------------------------*/
.textWaku { margin-left: auto; margin-right: auto; }
.tbl, .td, .tr, .director, .dtr, .dtd { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; -o-box-sizing: border-box; -ms-box-sizing: border-box; box-sizing: border-box; }
.tbl { display: flex; border: 1px solid #DDD; margin-left: auto; margin-right: auto; }
.tbl.mtop { margin-top: 0px; }
.tbl div { vertical-align: top; padding: 10px; text-align: left; }
.tr { width: 25%; min-width: 140px; border-right: 1px solid #DDD; background-color: #F6F6F6; }
.td { width: 75%; background-color: #FFF; }
.td h3 { color: #F66; }

.tbl .td ol { padding-left: 36px; }
.tbl .td ol li { list-style-type: decimal; line-height: 24px; list-style-position: outside; margin-bottom: 12px; }
/*------------------------------------------------------------------------------------------------*/
.director { display: flex; width: 100%;  border-bottom: 12px; padding-bottom: 12px; border-bottom: 1px dotted #CCC; }
.director div { padding: 5px; }
.director .dtr { width: 120px; border-right: 1px dotted #CCC; }
.director .dtd { width: 140px; }
.director .dtc { width: auto: }
.director .dtc span { width: 100%: min-width: 150px; display: inline-block; }
.director .dtc span:nth-child(1) { padding-right: 10px; }



.accessMap { position: relative; width: 100%; height: 0; padding-bottom: 400px; overflow: hidden; }
.accessMap iframe { position: absolute; top: 0; left: 0; width: 100%; height: 400px; z-index: 0; }
/*------------------------------------------------------------------------------------------------*/
/*　画面幅960px以上　ＰＣ用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 960px) {
	body.about header#header { background-image: url(../img/header-image511.jpg); }
	.textWaku { width: 960px; }
	.tbl { width: 960px; }
	.director { width: 698px; font-size: 90%; }
	.director .dtr { width: 120px; min-width: 120px; max-width; 120px; border-right: 1px dotted #CCC; }
	.director .dtd { width: 140px; min-width: 140px; max-width; 140px; }
	.director .dtc { width: 438px; }
	
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px以上960px迄　ミニＰＣ＆タブレット用
--------------------------------------------------------------------------------------------------*/
@media screen and (min-width: 800px) and (max-width: 959.9px) {
	body.about header#header { background-image: url(../img/header-image511y.jpg); }
	.textWaku { width: 780px; }
	.tbl { width: 780px; }
	.director { width: 563px; font-size: 90%; }
	.director .dtr { width: 110px; min-width: 110px; max-width; 110px; border-right: 1px dotted #CCC; }
	.director .dtd { width: 130px; min-width: 130px; max-width; 130px; }
	.director .dtc { width: 300px; }
	
	
	
}
/*------------------------------------------------------------------------------------------------*/
/*　画面幅800px未満　スマホ用
--------------------------------------------------------------------------------------------------*/
@media screen and (max-width: 799.9px) {
	body.about header#header { background-image: url(../img/header-image511y.jpg); }
	.textWaku { width: 620px; }
	.tbl { width: 620px; }
	.director { width: 443px; font-size: 90%; }
	.director .dtr { width: 110px; min-width: 110px; max-width; 110px; border-right: 1px dotted #CCC; }
	.director .dtd { width: 130px; min-width: 130px; max-width; 130px; }
	.director .dtc { width: 180px; }
	
	
	
}