@charset "utf-8";
/* /////////////////////////////////////////////////
h2, h3, h4 各ページの見出し
※独自クラス.text2imageやh2,h3,h4に対する共通指定を補完する個別設定
///////////////////////////////////////////////// */
h2#company{background-image: url(../images/h2_company.gif);}
h2#company--e{background-image: url(../images/h2_company--e.gif);}
h2#company--k{background-image: url(../images/h2_company--k.gif);}
h2#company--c{background-image: url(../images/h2_company--c.gif);}
h3#companyprofile{background-image: url(../images/t_companyprofile.gif);}
h3#companyprofile--e{background-image: url(../images/t_companyprofile--e.gif);}
h4#history{background-image: url(../images/t_history.png);}
h4#history--e{background-image: url(../images/t_history--e.png);}
h4#map{background-image: url(../images/t_map.png);}
h4#history--e1{background-image: url(../images/t_history--e1.png);
margin-top: 20px;}
h4#history--c1{background-image: url(../images/t_history--c1.png);
margin-top: 20px;}
h4#history--k1{background-image: url(../images/t_history--k1.png);
margin-top: 20px;}
h4#history--e2{background-image: url(../images/t_history--e2.png);
margin-top: 20px;}
h4#history--c2{background-image: url(../images/t_history--c2.png);
margin-top: 20px;}
h4#history--k2{background-image: url(../images/t_history--k2.png);
margin-top: 20px;}
h4#history--e3{background-image: url(../images/t_history--e3.png);
margin-top: 20px;}
h4#history--c3{background-image: url(../images/t_history--c3.png);
margin-top: 20px;}
h4#history--k3{background-image: url(../images/t_history--k3.png);
margin-top: 20px;}
h4#history--e4{background-image: url(../images/t_history--e3.png);
margin-top: 20px;}
h4#history--e5{background-image: url(../images/t_history--e4.png);
margin-top: 20px;}
h4#history--e6{background-image: url(../images/t_history--e5.png);
margin-top: 20px;}
#menuCompany{background: url(../images/bg_menu_company.gif) no-repeat left top;}
#itemCompanyprofile a{width: 126px;background-image: url(../images/btn_companyprofile.gif);}
#itemPhilosophy a{width: 126px;background-image: url(../images/btn_philosophy.gif);}
#itemFinance a{width: 126px;background-image: url(../images/btn_finance.gif);}
#itemAudit a{width: 126px;background-image: url(../images/btn_audit.gif);}
#itemBroadcast a{width: 126px;background-image: url(../images/btn_broadcast.gif);}
/*#itemConduct a{width: 226px;background-image: url(../images/btn_conduct.gif);}*/

body.company--e{
	font-family: inherit;
	overflow-x: hidden;
}
body.company--e #tvoContL{
	font-size: 1.0rem;
}

.topicpath{
	float: right;
	margin: 0 6px 0.5rem 0;
	overflow: hidden;
}
.topicpath li{
	float: left;
	display: inlie-block;
	border: 0px solid #acacac;
	border-right-width: 1px;
}
.topicpath li:first-child{
	border-left-width: 1px;
}
.topicpath a{
	display: block;
	padding: 0 0.7rem;
	line-height: 2;
	text-decoration: underline;
	letter-spacing: 0.07rem;
}
.topicpath a:hover{
	background: orange;
	transition: 0.2s;
}

.block dl{
	line-height: 1.6;
}
.block dt,.block dd{
	padding: 0.5em 0.6em;
}
.block dt{
	clear: both;
	float: left;
	font-weight: bold;
}
.block dd{
	border-bottom: dotted 1px #e4e3e1;
	padding-left: 9em;
}
body.company--e .block dd{
	padding-left: 13em;
}
.listprofile {
	clear: both;
}
.listprofile dd:last-child{
	border-bottom: none;
}
.listhistory dd{
	padding-left: 16em;
}
body.company--e .listhistory dd{
	padding-left: 12em;
}
#blockMap p{
	border-bottom: dotted 1px #ccc;
	font-weight: bold;
	line-height: 2.6;
}
#blockMap img{
	display: block;
	width: 574px;
	height:auto;
	margin: 2em auto;
}
#stageCompany ul{
	margin-left: -20px;
}
#stageCompany li{
	width: auto;
	padding: 0.5rem;
	font-size: 0.9rem;
	
	float: left;
	display: block;
	background-color: #FFE500;
	margin: 10px 10px 20px 0px;
}

#stageCompany li a:hover{
	width: auto;
	padding: 0.5rem;
	font-size: 0.9rem;
	
	float: left;
	display: block;
	background-color: #FFE500;
	margin: 0px 0px 0px 0px;
	background-color:#FF8E00;
	color: #FFFFFF;
}
#blockCompanyprofile_1{
	
	overflow: hidden;
}
#blockCompanyprofile_1 p{
	width:90%;
	margin: 0 auto;
	display: block;
}

#blockCompanyprofile_2{
	padding: 10px;
	box-sizing: border-box;
	margin: 20px auto;
}

#blockCompanyprofile_2 img{
	margin: 0 auto;
	width: 100%;
	height: auto;
}
#blockCompanyprofile_3 img{
	margin: 0 auto;
	width: 100%;
	height: auto;
}


#blockCompanyprofile_5{
	margin: 0 auto 20px;
	width: 100%;
	height: auto;
}
#blockCompanyprofile_5 img{
	margin: 0 auto;
	width: 100%;
	height: auto;
}


.bt_download{
	background-color: #FF0004;
	padding: 10px;
	color: #FFFFFF;
	margin: 0 auto;
	display: block;
	width: 20%;
	text-align: center;
}
.br_s{
	display: none;
}


/* /////////////////////////////////////////////////
メディアクエリ
//////////////////////////////////////////////// */
@media screen and (max-width: 768px) {
	.bt_download{
	background-color: #FF0004;
	padding: 10px;
	color: #FFFFFF;
	margin: 0 auto;
	display: block;
	width: 30%;
	text-align: center;
}
	.br_s{
	display: block;
}

	#stageCompany ul{
		width: 100%;
		padding: 0.5rem;
	font-size: 1rem;
	
	float: none;
	display: block;
	
	margin: 5px;
}
	
	#stageCompany li{
	width: auto;
	padding: 0.6rem;
	font-size: 1.0rem;
	
	float: left;
	display: block;
	background-color: #FFE500;
	margin: 10px 10px 10px 0px;
}

#stageCompany li a:hover{
	width: auto;
	padding: 0rem;
	font-size: 1rem;
	
	float: left;
	display: block;
	background-color: #FFE500;
	margin: 0px 0px 0px 0px;
	background-color:#FF8E00;
	color: #FFFFFF;
}
	#blockCompanyprofile_1{
	
	overflow:inherit ;
		width: 100%;
}
#blockCompanyprofile_1 p{
	width:100%;
	margin: 0 auto;
	display: block;
	text-align: left;
	margin-left: 0;
}

	
	.block{
	font-size: 1.6rem;
	}
	.block dt{
		display: block;
		float: none;
		padding-left: 0;
		padding-bottom: 0;
		}
	.block dd{
		padding-top: 0;
		padding-left: 0;
		}
	body.company--e .block dd{
		padding-left: 0;
	}


.topicpath{
	float: right;
	margin: 0.5rem 0;
	padding: 0;
	overflow: hidden;
}
.topicpath li{
	float: left;
	display: inlie-block;
	border: 0px solid #acacac;
	border-right-width: 1px;
	font-size: 14px;
}
.topicpath li:first-child{
	border-left-width: 1px;
}
.topicpath a{
	display: block;
	padding: 0 0.7rem;
	line-height: 2;
	text-decoration: underline;
	letter-spacing: 0.07rem;
}
.topicpath a:hover{
	background: orange;
	transition: 0.2s;
}


	listhistory dt{
		float: none;
		padding: 0.5rem 1rem 0 !important;
		padding-left: em !important;
		}
	.listhistory dd{
		padding: 0 1rem 0.5rem !important;
		padding-left: 3em !important;
		margin-bottom: 0;
		}
	body.company--e .listhistory dd{
		padding-left: 0 !important;
	}
}