@charset "utf-8";

#strategyImg{
	border:1px solid #d0d0d0;
	width:100%;
	height:auto;
}

.irScaleImg{
	width:100%;
	height:auto;
}

span#hackRoe{
}


.pho_ceo_name{
	margin-top:5px;
	font-weight:bold;
}

@media screen and (max-width: 767px){
	.tableType03.Profile th,
	.tableType03.Profile td{
		display:block;
		width:100%;
	}
	.tableType03.Profile th{
		border-right:1px solid #cecccc;
	}
	
	
	.pho_ceo_name{
		font-size:14px;
	}
}












/*philosophy*/

.philosophyBox{
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing: border-box;
	width:100%;
	padding:25px 5.3% 2px 5.3%;
	text-align:center;
	background:#f9f6e6;
}

.philosophyBox h3{
	margin:0 0 24px;
}

.philosophyBox h3 img{
	width:225px;
	height:74px;
}

.philosophyBox dl{
	text-align:left;
}

.philosophyBox dt{
	margin:0 0 16px;
}

.philosophyBox dd{
	margin:0 2px 27px;
	font-size:14px;
}

.philosophyBoxType2 dl{
	background:url(../../common/img/dot_b4b0af_6_2.png) bottom repeat-x;
	background-size:3px 1px;
	
	padding:0 0 28px 0;
	margin:0 0 28px 0;
}

.philosophyBoxType2 dl.noLine{
	background:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.philosophyBoxType2 dt{
	margin:0 0 16px;
}

.philosophyBoxType2 dd{
	margin:0 2px;
	font-size:14px;
}

/* group */
	
#groupCopy{
	font-size:17px;
	text-align:center;
	font-weight:bold;
	margin:0 0 28px 0;
}

.groupListLink{
	display:none;
}

@media print, screen and (min-width: 768px){
	
.groupListLink{
	font-size:14px;
	display:block;
	position:relative;
	position:absolute;
	bottom:18px;
	background:url(../../common/img/arrow_more.png) left center no-repeat;
	padding:2px 0 0 12px;
}

.exTableType05 dl dt div.groupListLink a{
	background:url(../../common/img/icon_blank_gray_area.png) right 4px no-repeat;
	padding:0px 22px 0 0;
	font-weight:normal;
}

.exTableType05 dl dt div.groupListLink a:hover{
	color:#c32633;
	text-decoration:underline;
}


.googleMap{
	padding-bottom:61.99%; /*これが縦横比*/
	border:12px solid #ede4bb;
}

/*philosophy*/

.philosophyBox{
	padding:42px 5.1% 50px 5.1%;
	text-align:center;
	background:#f9f6e6;
}

.philosophyBox h3{
	margin:0 0 38px;
}

.philosophyBox h3 img{
	width:322px;
	height:106px;
}

.philosophyBox .maLF{
	margin-left:4.7%;
	margin-right:4.7%;
}
	

.philosophyBox dl{
	text-align:left;
	width:30.16%;
	float:left;
}

.philosophyBox dt{
	margin:0 0 16px;
}

.philosophyBox dd{
	margin:0 2px 0;
	font-size:16px;
}

.philosophyBoxType2 dt{
	float:left;
	width:30.5%;/* 少し大きめ師弟*/	
}

.philosophyBoxType2 dl{
	background:url(../../common/img/dot_b4b0af_3_1.gif) bottom repeat-x;
	background-size:auto auto;
	padding:0 0 34px 0;
	margin:0 0 40px 0;
}

.philosophyBoxType2 dl.noLine{
	background:none;
	padding:0 0 0 0;
	margin:0 0 0 0;
}

.philosophyBoxType2 dd{
	float:right;
	width:66.0%;
	font-size:16px;
	margin:0;
}

.philosophyBoxType2 h3{
	margin:0 0 38px;
}

.philosophyBoxType2 h3 img{
	width:184px;
	height:106px;
}

/* group */
	
#groupCopy{
	font-size:24px;
	text-align:center;
	font-weight:bold;
	margin:0 0 55px 0;
}

#groupBox{
	position:relative;
	width:100%;
	height:auto;
	padding-bottom:115%;
	height: 0;
	overflow: hidden;
	margin:0 0 0px;
}

#hackGroupPos{
	position:relative;
	top:30px;
	margin:0 0 9px;
}

#groupBox ul,
#groupBox img{
	position:absolute;
}

#groupBox ul{
	width:26%;
	background:url(../group/img/area_bg_ul.png) repeat;
	padding:12px 12px 4px 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing: border-box
}

#groupBox ul#nonArea{
	width:100%;
	background:url(../group/img/area_bg_ul2.png) repeat;
	padding:12px 12px 4px 12px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing: border-box
}

#groupBox ul li a{
	display:block;
	background:#FFF;
	text-align:center;
	border-bottom:1px solid #d5d3d3;
	font-size:12px;
	padding:8px 0 8px 0;
	margin:0 0 8px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing: border-box
}

#groupBox ul#nonArea li{
	width:33.19%;
	width:33%;
	float:left;
}

#groupBox ul#nonArea li a{
	display:block;
	background:#FFF;
	text-align:center;
	border-bottom:1px solid #d5d3d3;
	font-size:12px;
	padding:8px 0 8px 0;
	margin:0 0 8px 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing: border-box;

}
.maLR2{margin:0 2px;}

#groupBox ul#nonArea{top:78.7%;}

#groupBox ul#nonArea li a span{
	font-size:10px;
	display:block;
	color:#645d5b;
	letter-spacing:-1px;
}


#groupBox ul#areaKyushu{left:0;top:8%;}
#groupBox ul#areaKansai{left:0;top:20.4%;}
#groupBox ul#areaShikoku{left:0;top:39.2%;}
#areaHokkaido{left:74.2%;top:8%;}
#areaTohoku{left:74.2%;top:17.4%;}
#areaKanto{left:74.2%;top:34.9%;}
#areaChubu{left:21.3%;top:60%;}
#areaChubuHack{left:21.3%;top:68.0%;}

#groupBox ul#areaChubu{
	width:50%;
	
}

#groupBox ul#areaChubuHack{
	width:26%;
	padding:0 12px 0px 12px;
}

#groupBox ul#areaChubuHack li a{
	position:relative;
	top:-4px;
	
}

#groupBox ul#areaChubu li{
	width:49.6%;
	margin:0 1px 0 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;	
	box-sizing: border-box
}



}

@media print, screen and (min-width: 1020px){

#groupBox ul li a{
	height:50px;
	font-size:16px;
	padding:14px 0 0 0;
	margin:0 0 8px 0;
}

#groupBox ul#nonArea li{
	width:33.19%;
}

.maLR2{margin:0 2px;}

#groupBox ul#nonArea li a{
	font-size:16px;
	line-height:1.6;
	padding:14px 0 8px 0;
	height:70px;
}

#groupBox ul#nonArea li a span{
	font-size:12px;
}

}













































@media print, screen and (min-width: 768px){
	
#strategyImg{
	border:1px solid #d0d0d0;
}

#strategyImg{
	width:100%;
	max-width:484px;
	height:auto;
}

.irScaleImg{
	width:100%;
	max-width:451px;
	height:auto;
}

span#hackRoe{
	font-size:13px;
	position:relative;
	top:-2px;
	left:2px;
}


}