@charset "utf-8";
.coporate{
	overflow: hidden;
	padding-bottom: 40px;
	margin-bottom: 20px;
	border-bottom: solid 1px #ccc;
}
.end{
	border: none;
	padding: 0;
	margin: none;
}
.coporate h2{
	border-left: solid 10px #206cb6;
	padding: 15px 0 15px 20px;
	font-size: 20px;
	font-weight: bold;
	margin-bottom: 20px;
}
.coporate h3{
	color: #1e96d5;
	font-size: 18px;
	font-weight: bold;
	padding-bottom: 20px;
}
.philosophy{
	overflow: hidden;
}
.philosophy .note{
	padding-bottom: 30px;
}
.philosophy .body{
	float: left;
	width: 480px;
}
.philosophy figure{
	float: right;
	width: 450px;
}
.policy{
	overflow: hidden;
}
.policy dt{
	float: left;
	width: 120px;
	padding-bottom: 10px;
}
.policy dd{
	float: right;
	width: 340px;
	padding-bottom: 10px;
}
.message{
	font-size: 18px;
	line-height: 180%;
	padding-bottom: 20px;
}
.message strong{
	font-size: 21px;
	font-weight: bold;
	color:#206cb6;
}

.movie{
		text-align: center;
}

@media (max-width: 560px){
	.movie {
	  position: relative;
	  width: 100%;
	  height: 0;
	  padding-bottom: 56.25%;
	  overflow: hidden;
	  margin-bottom: 50px;
	}
	.movie iframe {
	  width: 100%;
	  height: 100%;
	  position: absolute;
	  top: 0;
	  left: 0;
	}
}


.ceo{
	text-align: right;
}

.outline{
	overflow: hidden;
}
.outline table{
	width: 600px;
	float: left;
}
.outline th{
	width: 120px;
	padding: 10px;
	border-top: solid 1px #ccc;
	font-weight: bold;
}
.outline td{
	width: 440px;
	padding: 10px;
	border-top: solid 1px #ccc;
}
.outline .photo{
	width: 320px;
	float: right;
}
.outline .photo li{
	padding-bottom: 20px;
}
#map1{
	width: 100%;
	height: 400px;
	margin-bottom: 40px;
}
#map2{
	width: 100%;
	height: 400px;
}