@charset "utf-8";

.title_bk{
	width:100%;
	height:100%;
	background:url(../img/about/abou_titlebk.jpg) no-repeat center;
	background-size: cover;
}

#abou01{
	width:100%;
	max-width:720px;/*1020 720*/
	margin:0 auto;
	padding:30px 0;
	text-align:left;
}

.abou01_01 dl{
	border-bottom: #999999 dotted 1px;
}

.abou01_01 dt,
.abou01_01 dd{
	float:left;
}

.abou01_01 dt{
	width:90%;
	padding:1em 5% 0.5em;
	text-align:left;
	
}

.abou01_01 dd{
	width:90%;
	padding:0 5% 1em;
	text-align:left;
	line-height:1.8;
}


.abou01_02{
	padding-top:30px;
	padding-left:10px;
}

.mapGuide {
	display: block;
	margin-top: 40px;
	font-size: 20px;
	margin-bottom: 15px;
	border-bottom: dotted #333333 1px;
	padding:0px 0px 5px 0px;
}

.mapHeadline {
	display: block;
	font-size: 20px;
	margin-bottom: 15px;
	border-bottom: solid #333333 1px;
	padding:0px 0px 5px 0px;
}


/*========================
	マップ
========================*/

.map_block {
	position:relative;
	padding-bottom: 89.841269%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
.map_block iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

@media (min-width : 768px) {
	
.abou01_01 dt{
	width:12%;/*720 100*/
	padding:1.3em 6%;/*720 50*/
	text-align:center;
	
}

.abou01_01 dd{
	width:66%;/*720 480*/
	padding:1.3em 0 1.3em 5% ;/*720 40*/
}

	
.map_block {
	position:relative;
	padding-bottom: 45%; /* 100/横*縦*/
	height: 0;
	overflow: hidden;
}
	
}