@charset "utf-8";
/* 
 style info : 企業情報スタイル

2018/9/27
 */
 
 
  /*----------------------------------------------------
	ページ共通
----------------------------------------------------*/
h3.subttl:after{
	background-color:#e7380d;
}

 /*----------------------------------------------------
	ページ毎
----------------------------------------------------*/

/*企業情報TOP
-----------------------------------------*/	

 h3.bnr{
	 text-align:center;
	 margin-bottom:50px;
 }
 


/*会社概要
-----------------------------------------*/	
.profile th{
	width:20%;
}
@media screen and (max-width: 768px) {
	.profile th{
	width:100%;
}
}

/*トップメッセージ
-----------------------------------------*/	
.message .topimage{
	display: table;
	margin: 0 auto;
}
.message .topimage dl {
	display: table-cell;
	padding: 50px;
}
.message .topimage dl dd {
}
@media screen and (max-width: 768px) {
.message .topimage dl {
	display: table-cell;
	padding: 15px;
}
}

.message .mline,.message .mline2{
	width:100%;
	background-color: #f3f3f3; /* 線色 */
	border-radius:3px; /* 線幅の半分 */
	content: "";
	display: block;
	height: 6px;
	position: relative;
	border-top: 0px;
	margin: 50px auto;
}
.message .mline:after{
	width:50%;
	background-color: #e7380d; /* 線色 */
	border-radius:3px; /* 線幅の半分 */
	content: "";
	display: block;
	height: 6px;
	position: absolute;
}
.message .mline2:after{
	width:50%;
	background-color: #e7380d; /* 線色 */
	border-radius:3px; /* 線幅の半分 */
	content: "";
	display: block;
	height: 6px;
	position: absolute;
	margin: 0 0 0 50%;
}
@media screen and (min-width: 769px) {
.message p{
	font-size: 1.7rem;
	text-indent: 1em;
}
}
/*経営理念
-----------------------------------------*/
.philosophy .logo {
	margin: 75px auto 0;
	width:50%;
}
@media screen and (max-width: 768px) {
.philosophy .logo {
	margin: 25px auto 0;
	width:100%;
}
}

.philosophy .principle {
	font-size:1.8rem;
	text-align: center;
	margin: 50px auto 0;
}

.philosophy .principle01,.philosophy .principle02,.philosophy .principle03 {
	line-height:40px;
	font-weight: bold;
	margin: 0 auto 50px;
	padding: 30px;
	width:100%;
	box-sizing: border-box;
}
/*.philosophy .principle01 {
	background-color: #fffbec;
}
.philosophy .principle02 {
	background-color: #f2fbf5;
}
.philosophy .principle03 {
	background-color: #fef4f7;
}
*/
.philosophy .principle01,.philosophy .principle02,.philosophy .principle03 {
	border-radius:12px;
background:url(../img/top/top_bg.jpg);
}
/*行動規範
-----------------------------------------*/
.conduct ol {
	counter-reset:li; /*カウントリセット*/
	}
.conduct ol li {
	list-style:none; /*デフォルトナンバリングを消す*/
	position:relative;
	padding:0;
	margin:0 0 50px 50px;
	*list-style-type: decimal; /*IE7*/
	}
.conduct ol li:before {
	content:counter(li); /*カウンターのインデックスを挿入*/
	counter-increment:li; /*ナンバリングを生成*/
	/* ここから番号のスタイル */
	position:absolute;
	left:-50px;
	top:-10px;
	width:100px; /*幅*/
	color:#e7380d; /*文字色*/
	background:url(../img/company/co00.png) no-repeat left 5px; /*背景画像*/
	background-size: 45px 45px;
	font-family: 'Federo', sans-serif; /*webフォント*/
	font-size:2.5rem; /*フォントサイズ*/
	font-weight: bold;
	padding-left:15px;
	}


/*コーポレート・ガバナンス
-----------------------------------------*/
.governance ol {
	margin: 1em 0;
	}
.governance ol li {
	list-style-type:none;
	list-style-position:inside;
	counter-increment: cnt;
	/*margin:0 0 25px 0;*/
	margin:0 0 10px 0;
	text-indent:-2.0em;
	padding-left:2.0em;
	}
.governance ol li:before {
	display: marker;
	content: "(" counter(cnt) ") ";
	}

@media screen and (min-width: 769px) {
.governance .linkbox{
	display: flex;
	flex-wrap: wrap;
}
.governance .linkbox li{
	width: 50%;
}
	}