@charset "utf-8";

/* --------------------------------------
■About 共通項目
--------------------------------------- */
.boxBg{
	overflow:hidden;
	margin-bottom:20px;
	background-image:url(../images/about/bg_base.jpg);
	background-position:center top;
	background-repeat:repeat;
	}
.boxBg > div{
	background-image:url(../images/about/bg_foot.jpg);
	background-position:right bottom;
	background-repeat:no-repeat;
	}
.boxBg > div{
	padding:5% 4% 25px;
	}
.boxBg h2{
	text-align:center;
	}
.boxBg h2 + p {
	font-size:14px;
	}

/* --------------------------------------
■About Us INDEX
#about
--------------------------------------- */
#about li{
	margin-bottom:10px;
	}
#about li:last-child{
	margin-bottom:0;
	}

/* --------------------------------------
■Message from Our Chairman
#about-message
--------------------------------------- */
#about-message img{
	max-width:100%;
	}
#about-message h2{
	float:left;
	margin:60px 0 0 0;
	width:56.20%;
	}
#about-message .aboutHead + p{
	margin-top:20px;
	}
#about-message .aboutHead{
	overflow:hidden;
	margin-bottom:0;
	}
#about-message .aboutHead p{
	float:right;
	width:42.55%;
	}
@media (max-width: 600px) {
#about-message h2,
#about-message .aboutHead p{
	float:none;
	width:auto;
	margin:0 auto;
	text-align:center;
	}
}
/* --------------------------------------
■The Jikei Group
#about-group
--------------------------------------- */
#about-group .aboutHead{
	font-size:0;/* inline-block対応用 */
	}
#about-group h2{
	display:inline-block;
	/display:inline;
	/zoom:1;
	margin-right:2%;
	width:42.54%;
	text-align:center;
	vertical-align: middle;
	}
#about-group .aboutHead p{
	display:inline-block;
	/display:inline;
	/zoom:1;
	width:55.00%;
	font-size:12px;
	vertical-align: middle;
	}
#about-group img{
	max-width:100%;
	vertical-align:bottom;
	}
#flowMap{
	overflow:hidden;
	}
#flowMap > p{
	text-align:center;
	}
#flowMap > p.linkBox{
	width:48.58%;
	margin:auto;
	/margin-top:0;
	padding-bottom:18px;
	background:url(../images/about/group/flowmap_bg.png) no-repeat center bottom;
	background-size: contain;
	}
#flowMap div.mapHead{
	position:relative;
	overflow:hidden;
	width:94.72%;
	margin:auto;
	padding-bottom:39px;
	background:url(../images/about/group/maphead_bg.png) no-repeat center bottom;
	background-size: contain;
	}
#flowMap div.mapHead p{
	width:22.93%;
	}
#flowMap div.mapHead p.headCenter{
	position:absolute;
	top:0;
	left:50%;
	margin-left:-11.46%;
	}
#flowMap div.mapFoot{
	position:relative;
	/margin-top:-19px;
	}
#flowMap div.mapFoot > p{
	position:absolute;
	top:0;
	left:50%;
	width:31.72%;
	margin-left:-15.86%;
	text-align:center;
	}
#flowMap div.mapFoot > div{
	float:left;
	width:21.72%;
	margin:0 1.64%
	}
#flowMap div.mapFoot > div li{
	margin-bottom:20px;
	}
#flowMap div.mapFoot > div p,
#flowMap div.mapFoot > div li img{
	margin-bottom:10px;
	}
#flowMap div.mapFoot > div + div li{
	margin-left:15px;
	margin-bottom:5px;
	list-style:outside square;
	}
#flowMap div.mapFoot div.boxCenter{
	position:absolute;
	top:0;
	left:50%;
	/*width:46.72%;*/
	width:50%;
	margin:70px 0 0 -25%;
	}
#flowMap div.mapFoot div.boxCenter > div{
	float:left;
	width:43.44%;
	margin:0 3.28%;
	}
#flowMap div.mapFoot div.boxCenter > p{
	margin-bottom:30px;
	text-align:center;
	}
#about-group > p{
	margin-top:10px;
	line-height:1.3;
	font-size:10px;
	font-style:italic;	
	text-align:right;
	}
@media (max-width: 700px) {
#about-group h2{
	margin-bottom:20px;
	}
#flowMap div.mapHead{
	margin-top:-50px;
	padding-bottom:0;
	background-image:url(../images/about/group/maphead_bg2_head.png),url(../images/about/group/maphead_bg2.png);
	background-repeat: no-repeat, repeat-y;
	background-position:center bottom, center bottom;
	background-size:100%;
	}
#flowMap div.mapHead p{
	width:47.5%;
	text-align:center;
	}
#flowMap div.mapHead p.headCenter{
	clear:both;
	position: inherit;
	top: inherit;
	left: inherit;
	max-width:340px;
	padding:10px 0;
	margin:auto;
	background:transparent;
	}
#flowMap > p.linkBox{
	width:85.72%;
	margin:auto;
	padding-bottom:18px;
	background:url(../images/about/group/flowmap_bg.png) no-repeat center bottom;
	background-size: contain;
	}
#flowMap div.mapFoot > div{
	float:none;
	margin:20px auto 0;
	width:50%;
	text-align:center;
	}
#flowMap div.mapFoot > div ul{
	max-width:152px;
	margin:0 auto;
	text-align:left;
	}
#flowMap div.mapFoot > p{
	position: inherit;
	margin-bottom:10px;
	left: inherit;
	max-width:222px;
	width:auto;
	margin:auto;
	}
#about-group h2{
	display: inherit;
	margin-right:0;
	width:100%;
	}
#about-group .aboutHead p{
	display: inherit;
	width:100%;
	}
#flowMap div.mapFoot div.boxCenter{
	clear:both;
	position: inherit;
	top: auto;
	left: auto;
	/*width:46.72%;*/
	width:100%;
	margin:0;
	}
}
/* --------------------------------------
■Producing Management Ready Professionals
#about-professional
--------------------------------------- */
#about-professional h2{
	text-align:center;
	}
#about-professional h3{
	margin-top:30px;
	margin-bottom:20px;
	font-size:20px;
	font-weight: bold;
	}
#about-professional .proHead ul{
	overflow:hidden;
	margin:20px 0;
}
#about-professional .proHead li{
	float:left;
	width:50%;
	padding-bottom:11px;
	text-align:center;
	background:url(../images/about/professional/ph_bg.png) no-repeat center bottom;
	background-size: contain;
}
#about-professional .proHead li p img{
	margin-bottom:10px;
}
#about-professional .proHead li p{
	font-size:16px;
}
#about-professional li.listUkifune{
	margin-right:30%;
	margin-bottom:20px;
	}
#about-professional li.listUkifune strong{
	color:#C6000B;
	font-weight:bold;
	}
#about-professional li.listKondo{
	margin-left:30%;
	margin-bottom:20px;
	}
#about-professional li.listKondo strong{
	color:#09F;
	font-weight:bold;
	}
@media (max-width: 600px) {
#about-professional .proHead li{
	float:none;
	width:auto;
	margin-bottom:10px;
	border-bottom:1px solid #C7000B;
	background:none;
}
#about-professional li.listUkifune{
	margin-right:0;
	}
#about-professional li.listKondo{
	margin-left:0;
	}
}
/* --------------------------------------
■Our 3 Founding Principles and 4 Pillars of Trust
#about-our
--------------------------------------- */
#about-our img{
	max-width:100%;
	}
#about-our hgroup h3{
	margin:40px auto 0;
	max-width:632px;
	}
#about-our hgroup + p{
	margin:20px 0;
	color:#C6000B;
	font-size:16px;
	text-align:center;
	line-height:2.0;
	}
#about-our section{
	padding:3%;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FDF9E0), color-stop(0.49, #fff), color-stop(0.00, #fdf9e0));
	background: -webkit-linear-gradient(top, #fdf9e0 0%, #fff 49%, #FDF9E0 100%);
	background: -moz-linear-gradient(top, #fdf9e0 0%, #fff 49%, #FDF9E0 100%);
	background: -o-linear-gradient(top, #fdf9e0 0%, #fff 49%, #FDF9E0 100%);
	background: -ms-linear-gradient(top, #fdf9e0 0%, #fff 49%, #FDF9E0 100%);
	background: linear-gradient(to bottom, #fdf9e0 0%, #fff 49%, #FDF9E0 100%);
	background:#FFF\9;
	}
#about-our section#principleBox h1{
	margin-bottom:20px;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	}
#about-our section#principleBox ul{
	overflow:hidden;
	}
#about-our section#principleBox li{
	float:left;
	width:30.8%;
	/width:27.4%;
	min-height:180px;
	margin-right:3.8%;
	padding:1.5%;
	border:1px solid #C7000B;
	font-size:12px;
	background:#FFF;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	-ms-box-sizing:border-box;
	}
#about-our section#principleBox li.last-child{
	margin-right:0;
	}
#about-our section#trustBox{
	overflow:hidden;
	position:relative;
	margin-top:4%;
	}
#about-our section#trustBox h1{
	position: absolute;
	top:30%;
	left:0;
	width:27.8%;
	margin:0 36.1%;
	text-align:center;
	font-family: 'Oswald', sans-serif;
	}
#about-our section#trustBox li{
	float:left;
	width:27.8%;
	min-height:200px;
	padding:1.5%;
	border:1px solid #069;
	}
#about-our section#trustBox li.last-child{
	/clear:both;
	}
#about-our section li{
	background:#FFF;
	}
#about-our section li img{
	margin:10px 0;
	}
#about-our section li dt{
	text-align:center;
	}
@media (max-width: 600px) {
#about-our hgroup + p{
	line-height:1.4;
	}
#about-our section#principleBox h1{
	margin-bottom:10px;
	font-family: 'Oswald', sans-serif;
	}
#about-our section#trustBox h1{
	position: static;
	width:auto;
	margin:0 auto 10px;
	font-family: 'Oswald', sans-serif;
	}
#about-our section#trustBox h1 img{
	}
#about-our section#principleBox li{
	display: inherit;
	width:100%;
	margin-bottom:3%;
	min-height: inherit;
	margin-right:0;
	padding:3%;
	}
#about-our section#trustBox li{
	float:none;
	width:94%;
	min-height: inherit;
	margin-bottom:3%;
	padding:3%;
	}
}
/* --------------------------------------
■Jikei Education Science Center
#about-sciencecenter
--------------------------------------- */
#about-sciencecenter .boxKondo{
	overflow:hidden;
	margin-top:20px;
	}
#about-sciencecenter .boxKondo img{
	max-width:100%;
	}
#about-sciencecenter .boxKondo > div{
	float: left;
	width:25.18%;
	}
#about-sciencecenter .boxKondo > div + div{
	float:right;
	width:70%;
	}
#about-sciencecenter .boxBg > div > div > div dd{
	font-size:10px;
	}
#about-sciencecenter > section{
	float:left;
	width:44.00%;
	margin:0 0 5% 4%;
	border-top:2px solid #C7000B;
	}
#about-sciencecenter > section h1{
	margin:0 0 10px;
	padding-top:10px;
	font-size:26px;
	font-weight:bold;
	line-height:1.2;
	font-family: 'Oswald', sans-serif;
	}
#about-sciencecenter > section h2{
	margin:0 0 15px;
	color:#C6000B;
	font-size:14px;
	}	
#about-sciencecenter > section li{
	margin-left:5%;
	list-style:outside disc;
	}
@media (max-width: 600px) {
#about-sciencecenter > section{
	float:none;
	width:100%;
	margin-left:0;
	}
#about-sciencecenter .boxKondo > div{
	float:none;
	width:auto;
	text-align:center;
	}
#about-sciencecenter .boxKondo > div + div{
	float:none;
	border-top:1px solid #C7000B;
	width:100%;
	margin-top:5px;
	padding-top:5px;
	text-align:left;
	}
}