/*1.20170603 概要のレイアウトの修正*/
/*0.20190927 sp用のフォントを拡大 11px -> 12.5px */

@charset 'utf-8';

/* 会社情報 ページタイトル */
.pageTitle{background:url(../img/company/bg_page-title.png) center 0 no-repeat;}
.reportIndex{padding-top:30px;}

/* ----------------------------------------
  3-1. company/index.html
 ---------------------------------------- */
.reportIndex>.contentTitle:first-child h2{margin-top:0;}
.boxCompany .contentTitle h2{margin:25px 0 0 0;}
.boxCompany .newPost{
	margin:5px 0 20px;
	border:none;
}
.boxCompany .newPost .boxTxt{padding:0 20px 0 0;}

/*企業理念*/
#corporatePhilosophy ul{padding-top: 15px;margin-bottom: 45px;}
#corporatePhilosophy ul li{font-size: 14.6px;}

/* ----------------------------------------
  3-2. outline.html
 ---------------------------------------- */
.outline{margin-bottom:50px;}
.outline .contentTitle h2{margin:15px 0 10px;}
.outline dl{
	overflow:hidden;
	font-size:14.6px;
}
.outline dl dt{
	float:left;
	clear:left;
	/*width:60px; *DEL20170603*/
	width:100px; /*ADD20170603*/
	margin-right:16px;
}
.outline dl dd{
	float:left;
	/*margin-bottom:6px;*DEL20170603*/
	margin-bottom:10px; /*ADD20170603*/
}

/* ----------------------------------------
  3-3. history.html
 ---------------------------------------- */
.history .contentTitle h2{margin-top:20px;}
.history table{
	width:100%;
	margin:0 0 75px;
	padding:3px;
	border-spacing:0;
	border-collapse:separate;
	border:1px solid #cedde1;
	font-size: 14.6px;
}
.history table tbody tr td:first-child{
	width:36px;
	background:url(../img/company/history/arrow.gif) 100% 12px no-repeat;
}
.history table tbody tr td{
	padding:10px;
	vertical-align:top;
	border-bottom:1px solid #cedde1;
}
.history table tbody>tr:last-child td{border:none;}
.history table tbody tr td .clearfix .boxTxt{margin-bottom:10px;}

.history table tbody tr td .clearfix .boxImg{margin:0 0 10px;}
/* ----------------------------------------
  3-4. section.html
 ---------------------------------------- */
.departments h2{margin-top:20px;}
.departments section{
	margin:0 0 25px;
	padding:10px 0 0 0;
}
.departments section p{
	font-size: 14.6px;
	margin-bottom: 15px;
}
.departments section dt{
	font-weight: bold;
	margin-bottom: 5px;
}
.departments section .clearfix{margin-bottom:10px;}
.departments section .clearfix .boxImg{float:left;}
.departments section .clearfix .boxTxt{
	display:table-cell;
	box-sizing:border-box;
	width:800px;
	height:150px;
	padding:0 0 0 20px;
	vertical-align:middle;
}
.departments section ul{overflow:hidden;}
.departments section ul li{float:left;margin-right: 20px;}
.departments section a{
	color:#1b3a95;
	font-size: 14.6px;
}
.departments section p img{
	padding:0 10px 0 25px;
	vertical-align:middle;
}
/* ----------------------------------------
  3-5. division.html
---------------------------------------- */
.division>.contentTitle:first-child h2{margin-top:30px;}
.division .boxDivision{
	box-sizing:border-box;
	width:100%;
	margin:0 auto 50px;
	padding:10px;
	border:1px solid #9cc;
}
.division .boxDivision .clearfix .boxTxt{float:left;}
.division .boxDivision dl{
	overflow:hidden;
	font-size: 14.6px;
}
.division .boxDivision dl dt{
	font-weight:bold;
	float:left;
	clear:left;
	width:110px;
}
.division .boxDivision .boxTxt dl dd{
	width:190px;
	margin-bottom:40px;
}
.division .boxDivision dl dd{
	float:left;
	max-width:410px;
	margin-bottom:20px;
}
.division .boxDivision .clearfix .boxImg{float:right;}
.division .boxDivision .map{
	margin-bottom:70px;
	text-align:right;
}

@media screen and (max-width:1144px){
	/* 会社情報 ページタイトル */
	.pageTitle{
		background:url(../img/company/bg_page-title_sp.png) center 0 no-repeat;
		background-size:100%;
	}

	/* ----------------------------------------
		3-1.  company/index.html
	---------------------------------------- */
	.reportIndex{padding-top:0;}
	.reportIndex>.contentTitle:first-child h2{margin-top:15px;}

	/*企業理念*/
	#corporatePhilosophy ul {
		padding-top: 6px;
		margin-bottom: 20px;
	}
	/*#corporatePhilosophy ul li{font-size: 11px;}*DEL20190927*/
	#corporatePhilosophy ul li{font-size: 12.5px;}/*ADD20190927*/

	/* ----------------------------------------
		3-2.  company/outline.html
 ---------------------------------------- */
	.outline{margin-bottom:10px;}
	.outline dl dt{
		font-size:14px;
		float:none;
		width:100%;
		margin-bottom:2px;
	}
	.outline dl dd{
		/*font-size:11.5px;*DEL20190927*/
		font-size:12px;/*ADD20190927*/
		line-height:1.3em;
		float:none;
		margin-bottom:10px;
	}
	/* ----------------------------------------
		3-3.  company/history.html
	---------------------------------------- */
	.history table{margin:0 0 30px;font-size: 12px;}
	.history table tbody tr td{padding:10px;}
	.history table tbody tr td .clearfix .boxImg img{
		width:auto;
		max-width:100%;
	}

	/* ----------------------------------------
		3-4.  company/section.html
 ---------------------------------------- */
	.departments section p,
	.departments section a{
		font-size: 12px;
	}
	.departments section .clearfix .boxImg{
		float:none;
		width:auto;
		margin-bottom:10px;
	}
	.departments section .clearfix .boxImg img{width:auto;}
	.departments section .clearfix .boxTxt{
		display:block;
		width:100%;
		height:auto;
		padding:0;
	}
	.departments section ul{
		margin-left:0;
		padding-top:0;
	}
	.departments section ul li:after{padding:0 6px;}
	.departments section p img{
		width:auto;
		padding:0;
	}
	.departments section p a{font-size:13px;}

	/* ----------------------------------------
		3-5.  company/division.html
 ---------------------------------------- */
	.division .boxDivision{
		width:100%;
		margin-bottom:20px;
	}
	.division .boxDivision .clearfix{margin-bottom:14px;}
	.division .boxDivision .clearfix .boxTxt dl dd{
		line-height:1.3;
		margin-bottom:12px;
	}
	.division .boxDivision .clearfix .boxImg{
		float:none;
		width:100%;
	}
	.division .boxDivision .clearfix .boxImg img{width:auto;}
	.division .boxDivision .map{
		margin-bottom:30px;
		text-align:center;
	}
	.division .boxDivision dl{font-size: 12px;}
	.division .boxDivision dl dd{
		width:100%;
		max-width:none;
		margin-bottom:20px;
		letter-spacing:-0.01em;
	}
}