#key {
	text-align: center;
	background: #9abfcc;
	padding: 122px 0 80px;
}

#mainsection {
	background: #f3f3f3;
	padding-bottom: 103px;
	font-weight: normal;
}

/* child navi
================================================== */
.tab-link {
	width: 790px;
	margin: 0 auto;
	padding: 70px 0 128px;
}

.tab-link li {
	float: left;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	background-color: #FFFFFF;
	width: 190px;
	margin-right: 10px;
	text-decoration: none;
	color: #FF9300;
	padding: 24px 0;
	height: 32px;
}

.tab-link li:last-child { margin-right: 0px; }

.tab-link li a:hover {
	background-color: #FF9300;
	color: #FFFFFF;
}

.tab-link li.active, .tab-link li.active2 {
	width: 190px;
	background-color: #FF9300;
	color: #FFFFFF;
	text-decoration: none;
}

#company_profile dl {
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-bottom: 1px #cccccc solid;
	clear: both;
	overflow: hidden;
	font-weight: normal;
}

#company_profile dl dt {
	font-weight: bold;
	line-height: 20px;
	width: 20%;
	display: inline-block;
	float: left;
	padding: 14px 0;
	letter-spacing: 0;
}

#company_profile dl dd {
	width: 70%;
	display: inline-block;
	float: left;
	padding: 10px 0;
	letter-spacing: -0.3px;
	line-height: 22px;
}

#company_profile dl dd span {
	display: block;
	margin-bottom: 15px;
}

#company_profile dl dd strong { font-weight: bold; }

#company_profile dl dd a {
	text-decoration: none;
	color: #ff6800;
	margin-right: 5px;
	background-image: url(../img/company_flow/map_link_i.png);
	background-position: center right;
	padding-right: 20px;
	background-repeat: no-repeat;
}

/*理念
================================================== */

#company_philosophy .photobox {
	height: 300px;
	background-position: center center;
	background-size: cover;
	margin-bottom: 10px;
	background-repeat: no-repeat;
}

#company_philosophy .txtbox {
	margin: 0px auto 30px;
	width: 1000px;
}

#company_philosophy .txtbox h3 {
	font-size: 48px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 1.6em;
}

#company_philosophy .txtbox p {
	line-height: 30px;
	margin-bottom: 24px;
	letter-spacing: -1px;
}

#company_philosophy .photobox { height: 500px; }

#company_philosophy #sec1 .photobox { background-image: url(../img/company_flow/company_philosophy_01.jpg); }

#company_philosophy #sec2 .photobox { background-image: url(../img/company_flow/company_philosophy_02.jpg); }

#company_philosophy #sec3 .photobox { background-image: url(../img/company_flow/company_philosophy_03.jpg); }

/* 沿革
================================================== */

#company_history { margin: 0px auto; }

#company_history .history_wrap {
	margin: 0px auto;
	position: relative;
	padding-bottom: 30px;
}

#company_history .historyline {
	width: 6px;
	background-color: #FF9300;
	left: 150px;
	position: absolute;
	top: 0;
	height: 0;
}

#company_history .year {
	padding: 20px 0 0px 0;
	position: relative;
}

#company_history .year .point {
	position: absolute;
	top: 22px;
	left: 150px;
	width: 16px;
	height: 16px;
	margin-left: -8px;
	background-color: #FFFFFF;
	border: 3px #FF9300 solid;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FF9300;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	letter-spacing: 0em;
	display: block;
}

#company_history .year h3 {
	font-size: 23px;
	font-weight: bold;
	color: #FF9300;
	padding-left: 20px;
	font-style: italic;
	padding-top: 0px;
	letter-spacing: 0.1em;
}

#company_history .month {
	padding: 9px 0;
	position: relative;
}

#company_history .month .point {
	position: absolute;
	top: 20px;
	left: 151px;
	width: 16px;
	height: 16px;
	margin-left: -5.5px;
	background-color: #FF9300;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #FF9300;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	letter-spacing: 0em;
	display: block;
}

#company_history .month h4 {
	position: absolute;
	top: 15px;
	left: 10%;
	padding-left: 28px;
	padding-top: 2px;
	font-size: 16px;
	color: #FF9300;
}

#company_history .month p {
	margin-left: 10%;
	padding-left: 80px;
	padding-top: 2px;
}

#company_history .history_wrap { width: 1000px; }

#company_history .month h4 {
	position: absolute;
	top: 15px;
	left: 10px;
	padding-left: 58px;
}

#company_history .month p {
	margin-left: 15%;
	padding-left: 28px;
	padding-top: 5px;
	letter-spacing: -0.7px;
}

/* 事業概要
================================================== */

#company_about {
	margin: 0px auto;
	padding: 25px;
}

#company_about .fc-wow {
	margin: 20px auto 100px auto;
	background-color: #FFFFFF;
	position: relative;
	padding: 40px 5% 70px 26%;
}

#company_about h3 {
	color: #FFFFFF;
	font-weight: bold;
	background-color: #ff9300;
	position: absolute;
	line-height: 1.5em;
	padding: 20px 15px;
	top: -40px;
	left: 20px;
	font-size: 26px;
}

#company_about h3 span { font-size: 22px; }

#company_about h4 {
	font-size: 48px;
	font-family: "ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
	margin-bottom: 1em;
	font-weight: bold;
	line-height: 1.6em;
}

#company_about p {
	line-height: 27px;
	margin-bottom: 1.3em;
	font-size: 15px;
	letter-spacing: 0px;
}

#company_about p a {
	text-decoration: none;
	color: #ff6800;
	margin-right: 5px;
	background-image: url(../img/company/map_link_i.png);
	background-position: center right;
	padding-right: 20px;
	background-repeat: no-repeat;
}

/* --------------------------------------------------------------------------------------
   タブレット
--------------------------------------------------------------------------------------- */

@media(max-width:1024px) and (min-width: 767px) {
	
	#key { padding: 19% 0 5%; }
	
	.tab-link {
		padding: 5% 0;
		width: auto;
		margin-left: 11%;
	}
	
	.tab-link li {
		height: auto;
		padding: 3% 0;
		width: 48%;
		margin-bottom: 1.5%;
	}
	
	.tab-link li.active,
	.tab-link li.active2 { width: 48%; }
	
	.tab-content {
		margin-left: 12%;
		margin-right: 1%;
	}
	
	#company_about .fc-wow { padding: 5% 10% 5% 33%; }
	
	#company_about h4 {
		margin-bottom: 1%;
		line-height: 1.5;
	}
	
	#company_philosophy .txtbox { width: auto; }
	
	#company_philosophy .photobox {
		height: auto;
		padding-bottom: 38%;
		background-size: 114% auto;
	}
	
	#company_philosophy .txtbox h3 { font-size: 210%; }
}

/* --------------------------------------------------------------------------------------
   スマホ
--------------------------------------------------------------------------------------- */

@media (max-width: 766px) {
	
	#key { padding: 23% 12% 5%; }
	
	.tab-link {
		padding: 5% 0;
		width: auto;
		margin-left: 11%;
	}
	
	.tab-link li {
		height: auto;
		padding: 3% 0;
		width: 48%;
		margin-bottom: 1.5%;
		margin-right: 2%;
	}
	
	.tab-link li.active,
	.tab-link li.active2 { width: 48%; }
	
	.tab-content {
		margin-left: 12%;
		margin-right: 1%;
	}
	
	#company_profile dl dt { width: 29%; }
	#company_profile dl dd {
		width: 67%;
		word-break: break-word;
	}
	
	#company_profile dl dt,
	#company_profile dl dd { padding: 2% 0; }
	
	#company_about .fc-wow { padding: 49% 10% 5% 14%; }
	
	#company_about h4 {
		margin-bottom: 1%;
		line-height: 1.5;
		font-size: 182%;
	}
	
	#company_philosophy .txtbox { width: auto; }
	
	#company_philosophy .photobox {
		height: auto;
		padding-bottom: 38%;
		background-size: 114% auto;
	}
	
	#company_philosophy .txtbox h3 { font-size: 210%; }
	
	#company_philosophy .txtbox h3 br { display: none; }
	
	#company_about h3 {}
	
	#company_history .history_wrap { width: auto; }
	
	#company_history .month p {
		margin-left: 35%;
		padding-left: 9%;
		padding-top: 3%;
		letter-spacing: -0.7px;
		line-height: 1.7;
		font-size: 90%;
	}
	
	#company_history .historyline,
	#company_history .year .point,
	#company_history .month .point { left: 121px; }
}