@charset "utf-8";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);
header{
	margin-bottom: 0;
}
#eyecatch-bg{
	background:url(../img/company/eyecatch.png) fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 470px;
	color: #FFF;
	text-align: center;
}
#eyecatch-bg h1{
	margin: 100px auto 40px;
}
@media screen and (max-width: 991px) {
	#eyecatch-bg h1 {
		margin:30px auto 20px;
	}
}
/*outline*/
#outline-bg{
	background:url(../img/company/outline-bg.png) fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: 950px;
	border-top: solid 80px #88191B;
	border-bottom: solid 80px #88191B;
}
#outline-bg .txt{
	padding: 80px 0 0 80px;
	color:#FFF;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 15px;
}
#outline-bg .txt h2{
	border-bottom: solid 2px #88191B;
	padding-bottom: 30px;
	max-width: 680px;
	margin-bottom: 30px;
}
#outline-bg .txt th{
	width: 20%;
	font-weight: normal;
}
#outline-bg .txt th,
#outline-bg .txt td{
	vertical-align: top;
	padding-bottom: 20px;
}
#outline-photo {
	border-bottom: 50px solid #88191B;
}
#outline-photo .row{
	padding-left: 0;
	padding-right:0;
}
#outline-photo .row div{
	padding: 0;
}
@media screen and (max-width: 991px) {
	#outline-bg{
		height: 1400px;
	}
	#outline-bg .txt{
		padding: 20px 0 0 15px;
	}
	#outline-bg .txt th,
	#outline-bg .txt td{
		width: 100%;
		display: block;
	}

}
/*history*/
#history-bg{
	background:url(../img/company/history-bg.png) fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	height: auto;
	overflow:hidden;
	border-top: solid 80px #88191B;
	border-bottom: solid 80px #88191B;
}
#history-bg .container-fluid{
	padding-right:0;
	padding-left:0
}
#history-bg .txt{
	padding: 40px 0 0 80px;
	color:#FFF;
	font-family: 'Noto Sans Japanese', serif;
	font-size: 15px;
	background:rgba(35,24,21,0.5);
}
#history-bg .txt h2{
	border-bottom: solid 2px #88191B;
	padding-bottom: 30px;
	max-width: 680px;
	margin-bottom: 30px;
}
dl {
	margin-bottom: 0;
	height:auto;
	overflow:hidden
}
.dl-horizontal dt{
	width:80px;
	padding:0 30px 60px 0;
	font-weight: normal;
	text-align: left;
	background: url(../img/company/history-list.png) no-repeat top right;
	height:auto;
	overflow:hidden
}
.dl-horizontal dd{
	margin-left: 100px;
	line-height: 1.8;
}
.first dt,
.first dd{
	padding-top: 30px;
}
.first dt{
	background: url(../img/company/history-first.png) no-repeat top right;
	height: 85px;
}
.three dt{
	padding-bottom: 80px;
}
.last dt{
	height: 200px;
}
.last{

}
@media screen and (max-width: 1199px) {
	#history-bg{
		height: auto;
		overflow:hidden;
	}
	#history-bg .txt{
		padding: 20px 0 0 15px;
	}
	.dl-horizontal dt{
		padding:0 15px 15px 0;
		width: 100%;
		background: none;
	}
	.dl-horizontal dd{
		margin-left: 0;
		margin-bottom: 20px;
	}
	.dl-horizontal dd br{
		display: none;
	}
	.first dt{
		height: auto;
	}
	.first dd{
		padding-top: 0;

	}
	.three dt{
		padding-bottom:0;
	}
	.last dt{
		height: auto;
	}
}
@media screen and (max-width: 620px) {
	#history-bg{
		height: auto;
		overflow:hidden;
	}
	#history-bg .txt{
		padding: 20px 10px 0 15px;
	}
}
@media screen and (max-width: 400px) {
	#history-bg{
		height: auto;
		overflow:hidden;
	}
}