@charset "utf-8";
#cover{
  background: url(../company/img/bg.png) no-repeat center top;
   background-size: 100% auto;
   margin-bottom: 20px;
}
@media screen and (max-width: 1024px){
#cover{
    background-size: auto 250px;
  }
}
@media screen and (max-width: 640px){
#cover{
    background-size: auto 200px;
  }
}

.contents-box2{
	text-align: left;
}
.title{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #142f56;
	font-size: 24px;
	border-bottom: solid 1px #142f56;
	padding-bottom: 15px;
	margin-bottom: 30px;
}

.company01,
.company02,
.company03,
.company04 {
	padding-bottom: 60px;
}
.company01 dl{
	float: left;
	width: 65%;
}
.company01 dt{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	color: #142f56;
	font-size: 24px;
	padding-bottom: 20px;
}
.company01 dd{
	padding-bottom: 20px;
}
.company01 figure{
	float: right;
	width: 31%;
}
.company01 .name{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-size: 17px;
	line-height: 50px;
}
.company01 dd p{
	padding-bottom: 20px;
}

.company02 h3{
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	text-align: center;
	color: #142f56;
	font-size: 36px;
	line-height: 150%;
	padding-bottom: 40px;
}

.profile{
	float: left;
	width: 52%;
}
.profile dl{
	overflow: hidden;
	padding-bottom: 20px;
}
.profile dt{
	clear: left;
	float: left;
	width: 20%;
	padding-bottom: 10px;
}
.profile dd{
	float: left;
	width: 80%;
	padding-bottom: 10px;
}

#map{
	float: right;
	width: 42%;
	height: 450px;
}
.company04 .left{
	float: left;
	width: 50%;
	}
.company04 .right{
	float: right;
	width: 50%;
	}

@media screen and (max-width: 640px){

	.company01 dl,
	.company01 figure{
		float: none;
		width: auto;
	}
	.company01 figure{
		padding-bottom: 20px;
		text-align: center;
	}
	.company01 figure img{
		max-width: 50%;
	}
	.company01 dt{
		font-size: 14px;
		padding-bottom: 20px;
	}
	.company01 strong{
		font-size: 18px;
	}
	.company section {
		padding-bottom: 30px;
	}
	.company01 dt{
		padding-bottom: 20px;
	}
	.title{
		font-size: 18px;
		margin-bottom: 20px;
	}
	.company02 h3{
		font-size: 18px;
		padding-bottom: 20px;
	}
	.profile dd{
		float: left;
		width: 80%;
		padding-bottom: 10px;
	}
	.profile{
		float: none;
		width: auto;
	}
	.service{
		padding-bottom: 20px;
	}
	#map{
		float: none;
		width: 100%;
		height: 300px;
	}
	.company04 .left,
	.company04 .right{
		float: none;
		width: auto;
	}


}