@charset "UTF-8";


/*------------------------------------------------
   Layout
------------------------------------------------*/

section#page_head {
	background-image: url(../img/info/page_head_img@2x-100.jpg);
	margin-bottom: 20px;
}

dl.info {
	margin-bottom: 30px;
}

dl.info dt {
	float: left;
	padding: 10px 0;
}
	
dl.info dd {
	float: left;
	padding: 10px 0;
	border-left: 1px solid #646464;
	padding-left: 10px;
}

dl.info ul li {
	margin-bottom: 5px;
}

ul.address {
	margin-bottom: 30px;
}

/*------------------------------------------------
   Responsive
------------------------------------------------*/

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

	section#page_head {
		height: 187px;
	}

	section#page_head div.page_title {
		width: 200px;
		height: 187px;
	}
	
	div.column01 {
		width: 100vw;
		padding: 0 2%;
	}
	
	div.column02 {
		width: 100vw;
		text-align: center;	
	}
	
	dl.info {
		width: 98%;
		margin: 0 auto 30px;
	}
	
	dl.info dt {
		width: 24%;
	}
	
	dl.info dd {
		width: 74%;
	}
	
	ul.address {
		width: 98%;
		margin: 0 auto 30px;
	}
	
	div.map {
		display: none;
	}
	
	div.column02 img {
		width: 98%;
	}

}


@media screen and (min-width: 769px){

	section#page_head {
		height: 450px;
		padding-top: 70px;
	}

	section#page_head div.wrap {
		width: 980px;
		margin: 0 auto;
	}

	section#page_head div.page_title {
		width: 200px;
		height: 220px;
	}
	
	div.column01 {
		float: left;
		width: 465px;
		margin-right: 30px;
	}
	
	div.column02 {
		float: left;
	}
	
	dl.info dt {
		width: 70px;
	}
	
	dl.info dd {
		width: 385px;
	}
	
	div.map {
		width: 465px;
		height: 340px;
	}
	
	div.column02 img {
		width: 485px;
	}

}