@charset "utf-8";

/* ****************************************************
Title: .css
---------------------------------------------------------------------------- */



/* =============================
 .section1
==============================*/
.sec01 {}


/* =============================
 .section2
==============================*/

#pagebody article section.sec02 {margin-bottom:0;}

.listWrap {	width:1000px;
	margin: 0 auto;
}
.listWrap .ret {
	border-bottom: 1px solid #999;
	padding-bottom: 27px;
	margin-bottom: 30px;
}

.listWrap .ret:last-child {margin-bottom:0;}

.listWrap .ret dt,
.listWrap .ret dd {
	padding: 0 20px;
	line-height: 1.8;
	}

.listWrap .ret dt {
	width: 240px;
	float: left;
	font-weight: bold;
	}

.listWrap .ret dd {
	width: 680px;
	float: left;
	}

.map {width:680px; height:400px;}



@media screen and (max-width:767px){
	section {padding:0 1em;}
/* =============================
 .section1
==============================*/
	.sec01 {}


/* =============================
 .section2
==============================*/

.listWrap .ret {
	padding-bottom: 1.5em;
	margin-bottom: 1.5em;
	width:100%;
}

.listWrap .ret dt {
	width: auto;
	float: none;
	}

.listWrap .ret dd {
	width: auto;
	float: none;
	}

.listWrap {	width:100%;
	margin: 0 auto;
}


.map {width:100%; height:300px;}

}