/* --------------------------------------------------- */
.page-ttl {
	height: 450px;
	background: url("../images/campany/mv.jpg") no-repeat center;
	background-size: cover;
}
.page-ttl .ttl {
	color: #fff;
}
@media only screen and ( max-width : 968px ) {
	.page-ttl {
		height: 350px;
	}
}
@media screen and (max-width: 580px) {
	.page-ttl {
		height: 160px;
	}
}
/* --------------------------------------------------- */
#area1 {
	max-width: 1000px;
	width: 85%;
	margin: 0 auto 100px;
	border-top: #111 1px dotted;
}
#area1 dl {
	width: 100%;
	display: table;
	border-bottom: #111 1px dotted;
	padding: 20px 0;
}
#area1 dt,
#area1 dd {
	display: table-cell;
	vertical-align: top;
}
#area1 dt {
	width: 220px;
	font-weight: 700;
}
#area1 dd {
}
@media screen and ( max-width : 968px ) {
}
@media screen and (max-width: 768px) {
	#area1 dl,
	#area1 dt,
    #area1 dd {
		display: block;
		width: 100%;
	}
	#area1 dl {
		padding: 15px 0;
	}
	#area1 dt {
		margin-bottom: 10px;
	}
}
@media screen and (max-width: 580px) {
	#area1 {
		margin: 0 auto 60px;
	}
}
/* --------------------------------------------------- */
#area2 {
	max-width: 1300px;
	width: 90%;
	margin: 0 auto 60px;
}
#area2 .ggmap {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
#area2 .ggmap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
@media screen and ( max-width : 968px ) {
}
@media screen and (max-width: 768px) {
}
@media screen and (max-width: 580px) {
	#area2 {
		margin: 0 auto 40px;
	}
	#area2 .ggmap {
		padding-bottom: 100%;
	}
}
/* --------------------------------------------------- */