@charset "UTF-8";

/* ==========================================================================
   about.css
   ========================================================================== */
/* body */
body {
	color: #ffffff;
	background: #616161;
}

a:link,
a:visited {
	color: #ffffff;
}

a:hover {
	color: #ffffff;
}

/* contents */
#contents {
	margin: 65px auto 58px;
	width: 630px;
}

@media screen and (max-width: 767px) {
	#contents {
		margin: 10vw auto 10vw;
		width: 86%;
	}
}

#contents .catch {
	margin: 23px 0 23px;
	font-size: 13px;
	line-height: 1.7;
}

/* section */
#contents .section {
	margin-bottom: 20px;
	font-size: 11px;
	line-height: 1.6;
}

#contents .section .shop {
	margin-bottom: 5px;
}

#contents .section .address {
	margin-left: 12px;
}

#contents .section .fax {
	margin-left: 25px;
}

#contents .section .holiday {
	margin-left: 13px;
}

#contents .section .map {
	margin-top: 5px;
	padding-left: 14px;
	background: url("/shared/img/about_ico_04.gif") no-repeat left center;
}

/* img */
#contents .img {
	margin-top: 45px;
}

#contents .img p {
	float: left;
	padding-right: 45px;
}

#contents .img p.last {
	float: right;
	padding-right: 0;
}

@media screen and (max-width: 767px) {
	#contents .img {
		margin-top: 0;
	}

	#contents img {
		margin-top: 5vw;
		width: 100%;
		height: auto;
	}

	#contents .img p {
		float: none;
		padding-right: 0;
	}

	#contents .img p.last {
		float: none;
	}

	#contents .logo {
		width: 100%;
	}

	#contents .catch {
		margin: 30px 0 30px;
	}
}