@charset 'utf-8';


/* ----------------------------------------------
 昭和31年から続くノウハウ。
------------------------------------------------- */
#info-history{
	width: 76%;
	max-width: 910px;
	position: relative;
	margin: 0 auto 60px;
}

#info-history .info-history_detail_photo{
	width: 120%;
	margin: 0 auto;
	position: absolute;
	z-index: 99;
	right: 0;
	left: 0;
	top: 15%;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	left: 50%;
	transform: translateX(-50%);
}

#info-history .info-history_detail_photo div{
	width: 32%;
}

#info-history .info-history_detail_photo div img{
	width: 100%;
}

#info-history .info-history_detail_bg{
	margin: 0 auto;
	background-color: #fff;
	box-sizing: border-box;
	padding: 0 65px;
	position: relative;
	z-index: 0;
}

#info-history .info-history_detail_bg h2{
	color: #052877;
	font-size: 22px;
	font-weight: 500;
	letter-spacing: .2em;
	font-family: "游明朝体", "Yu Mincho", YuMincho, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	line-height: 1.846em;
	font-size: 22px;
	text-align: center;
	position: absolute;
	right: 0;
	left: 0;
	top: -57px;
}
#info-history .info-history_detail_bg h2 span{
	display: block;
	line-height: 1.8em;
}

#info-history .info-history_detail_bg h2 .linefeed{
	display: block;
}

#info-history .info-history_detail_bg h2 br{
	display: none;
}

#info-history .info-history_detail_bg .info-history_detail_bg_txt{
	font-size: 16px;
	line-height: 1.846em;
	padding: 57% 0 16%;
}



/*
 企業情報
=================================*/
#zyouhou-section{
	background-color: #d6e1ea;
	max-width: 910px;
	width: 90%;
	margin: 0 auto 70px;
	padding: 110px 0 80px;
}

/* 代表挨拶 */
#zyouhou-aisatu {
	width: 76%;
    margin: 0 auto;
}
#zyouhou-aisatu h3{
	font-size: 16px;
	color: #052877;
	font-weight: 600;
	letter-spacing: .2em;
	margin-bottom: 20px;
}

#zyouhou-aisatu p{
	line-height: 1.846em;
	width: 68%;
	color: #333333;
	text-align: justify;
	float: left;
	font-size: 16px;
}

#zyouhou-aisatu p span{
	display: block;
	width: 100%;
	text-align: right;
	margin-top: 15px;
}

#zyouhou-aisatu_photo{
	width: 21.7%;
	float: right;
	margin-right: 1.5%;
}

/*
 昔の写真
=================================*/
#info-old {
	width: 100%;
    max-width: 800px;
    margin: 0 auto 80px;
    letter-spacing: -.4em;
}
#info-old li {
	display: inline-block;
	letter-spacing: normal;
    width: 32.5%;
    margin-right: 1.25%;
}
#info-old li:last-child {
    margin-right: 0;
}
#info-old li img {

}
#info-old li p {
	text-align: center;
    margin-top: 15px;
}


/*
 各情報
=================================*/
.zyouhou-list{
	max-width: 750px;
	width: 90%;
	margin: 0 auto 70px;
}
#zyouhou-gaiyou{margin-bottom: 60px}

.zyouhou-list h2{
	text-align: left;
	text-indent: 2em;
	margin-bottom: 20px;
}
#zyouhou-sosikizu h2{margin-bottom: 30px;}

.zyouhou-list dl,
.zyouhou-list dl dt,
.zyouhou-list dl dd {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

.zyouhou-list dl dt,
.zyouhou-list dl dd {
	display: table-cell;
	vertical-align: text-top;
	line-height: 1.846em;
	color: #333;
}

.zyouhou-list dl dt{
	display: flex;
	align-items: center;
	justify-content: center;
	width: 25.6%;
	font-size: 14px;
	color: #052877;
	font-weight: 600;
	border-right: 1px solid #ccd2e4;
	background-color: #f1f5f8;
	/* padding: 1.308em 3.98%; */
	padding: 1.308em 1em;
	letter-spacing: 1.4px;
}

.zyouhou-list dl dd{
	padding: 1.308em 0 1.308em 1.6em;
}
.zyouhou-list dl dd ul li {
	line-height: 1.846em;
}

.zyouhou-list dl{
	margin: 0 auto;
	background: #ffffff;
	border-bottom: 1px solid #ccd2e4;
	display: flex;
	width: 100%;
}
.zyouhou-list dl:nth-of-type(1){border-top: 1px solid #ccd2e4;}

.zyouhou-font-normal dt{
	font-weight: 500 !important;
	/* padding: 1.308em 0 1.308em 8.93% !important; */
}

.zyouhou-list dl dd{
	font-size: 14px;
	flex: 1;
}

.zyouhou-list dd span{
	display: block;
	width: 100%;
	margin-bottom: 30px;
	line-height: 1.846em;
}
.zyouhou-list dd span.mb15 {
	margin-bottom: 10px;
}
.zyouhou-list dd span.mb1 {
	margin-bottom: 0;
}
.zyouhou-list dd span.mb15 a {
	text-decoration: underline;
	color: #052877;
}
.zyouhou-list dd span:last-child{margin-bottom: 0;}


/*
 地図
=================================*/
#zyouhou-map{
	max-width: 1080px;
	width: 90%;
	margin: 0 auto 100px;
}
#zyouhou-map .map-left {
	margin-right: 2%;
}
#zyouhou-map .map-left,
#zyouhou-map .map-right {
	width: 48%;
	display: inline-block;
}
#zyouhou-map #map,
#zyouhou-map #map2 {
	height: 500px;
	width: 100%;
}

#zyouhou-googlemap{
	width: 100%;
	height: 500px;
	background: #ccc;
}

#zyouhou-map p{
	line-height: 1;
	margin-top: 20px;
	text-align: left;
	color: #333;
}
#zyouhou-map p a {
	text-decoration: underline;
}

/* ----------------------------------------------
 responsive
------------------------------------------------- */
@media screen and ( max-width: 768px ){
	#zyouhou-section {
		padding: 40px 5% 60px;
	}
	/*昭和31年から続くノウハウ。*/
	#info-history{
		margin-top: 45px;
		width: 96%;
	}

	#info-history .info-history_detail_bg{
		padding: 0 20px;
	}
	#info-history .info-history_detail_bg h2{
		font-size: 16px;
		line-height: 1.846em;
		top: -42px;
	}

	#info-history .info-history_detail_bg h2 br {
		display: block;
	}

	#info-history .info-history_detail_photo{
		top: 16%;
		width: 106%;
	}
	#info-history .info-history_detail_bg .info-history_detail_bg_txt {
		font-size: 14px;
	}
	#zyouhou-aisatu {
		width: 96%;
	}
	#zyouhou-aisatu p {
		width: 100%;
		float: none;
		font-size: 14px;
	}
	#zyouhou-aisatu_photo {
		width: 100%;
		float: none;
		margin-right: 0;
		margin-top: 20px;
	}


	/* .zyouhou-font-normal dt{padding: 1.308em 0 1.308em 3.98% !important;} */

	.zyouhou-list dl{
		display: block;
	}

	.zyouhou-list dl dt{
		justify-content: flex-start;
		width: 100%;
		border-right: 0;
		border-bottom: 1px solid #ccd2e4;
		padding: 1.308em 1.6em;
	}

	#zyouhou-map .map-left, #zyouhou-map .map-right {
	    width: 100%;
	    display: block;
	}
	#zyouhou-map .map-left {
	    margin-right: 0;
	    margin-bottom: 40px;
	}

	#info-old {
		width: 90%;
	}
	#info-old li {
		width: 100%;
	    margin-right: 0;
	    margin-bottom: 20px;
	}

}