@charset "UTF-8";

.contents{ width: 1000px; margin: 0 auto; padding-bottom: 46px; text-align: left;}
.heading{ font-size: 4.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 800px; float: left; z-index: 10;}
.contents-wrapper-right{ width: 180px; float: right; margin-top: 33px; z-index: 10;}
.contents-wrapper-right .side-menu-item{ margin-bottom: 15px;}
.contents-wrapper-right .side-menu-item a:hover{ filter:Alpha(opacity=75); opacity:0.75;}

.articles{ padding: 46px 0;}
.title{ font-size: 3.0rem; border-bottom: 3px #ED7901 solid; margin-bottom: 30px;}
.articles p{ font-size: 1.4rem; line-height: 1.8;}
.articles p.indent{ text-indent: -1em; margin-left: 1em;}
.articles p.indent5{ text-indent: -5em; margin-left: 5em;}
.articles p.indent6{ text-indent: -6em; margin-left: 6em;}
.articles p.indent15{ margin-left: 15em;}

.strong-public{ font-weight: bold; color: #ED7901;}
.strong-profit{ font-weight: bold; color: #ED7901;}

.summary{ border-bottom: solid 1px #CCC;}
.summary dt{
	font-size: 1.4rem;
	line-height: 1.8;
	width: 170px;
	float: left;
	clear: both;
	padding: 20px 50px 0 40px;
	border-top: solid 1px #CCC;
}
.summary dd{
	font-size: 1.4rem;
	line-height: 1.8;
	padding: 20px 0 20px 30px;
	margin-left: 140px;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}

.loc-left{ float: left; width: 30%;}
.loc-right{ float: right; width: 70%;}

.ggmap {
position: relative;
/*padding-bottom: 56.25%;*/
padding-bottom: 30%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.organization-chart{ padding-left: 100px;}
.organization-info{ font-size: 1.4rem; line-height: 2.4;}
.organization-info .info-item-pdf{ display: inline-block; width: 190px; padding-left: 30px; background: url(../about/images/Adobe_icon.png) no-repeat left center;}
.organization-info .info-item-page{ display: inline-block; width: 190px; padding-left: 14px; background: url(../images/triangle.png)no-repeat left center;}
.organization-info .info-item-pdf a,
.organization-info .info-item-page a{ text-decoration: underline;}

@media screen and (max-width: 767px) {

.contents{ width: 90%; margin-top: 100px;}
.heading{ font-size: 3.0rem; margin-top: 20px;}

.contents-wrapper-left{ width: 100%; float: none;}
.articles{ padding: 30px 0;}
.title{ font-size: 2.0rem; margin-bottom: 20px;}
.articles p.indent15{ margin-left: 5em;}

.summary dt {
	width: 80px;
	float: left;
	clear: both;
	padding: 20px 10px 0 0;
	line-height: 1.8;
	border-top: solid 1px #CCC;
}
.summary dd {
	padding: 20px 0 20px 20px;
	margin-left: 80px;
	line-height: 1.8;
	border-top: solid 1px #CCC;
	border-left: solid 1px #CCC;
}

.loc-left{ float: none; width: 100%;}
.loc-right{ float: none; width: 100%;}

.organization-information{ margin-top: -100px; padding-top: 100px;}

.organization-chart{ padding-left: 0;}
}