@charset "UTF-8";

#contentVis h1 {
	background-image: url('/about/images/title_about.png') ;
	background-size: 339px;
}

/*****************************************************************/
@media screen and (max-width: 920px) {
	#contentVis h1 {
/*
		background-size: 318px;
*/
	}
}

/************************************************************
　　　　コンテンツ
************************************************************/
/*　コンテンツ
------------------------------------------------------*/
#contentVis:after {
	background-position: -10% 0;
}

#eSartory {
	padding: 200px 0;
	margin-top: -100px;
	position: relative;
}

#eSartory:before {
	content: "";
	background: url('/about/images/esartory_bg.jpg') no-repeat bottom;
	background-size: cover;
	position: absolute;
	width: 100%;height: 100%;
	top: 0; left: 0;
	opacity: 0.4;
}

#eSartory .inner {
	width: 1000px;
	margin: 0 auto;
	position: relative;
}

#eSartory .photo {
	float: right;
}

#eSartory .photo img {
	vertical-align:bottom;
	width: 200px;
}

#eSartory .text {
	position: absolute;
	bottom: 0;left: 0;
	width: 770px;
	text-align: right;
}

#eSartory .text p + p {
	margin-top: 26px;
}

#sNakazawa {
	padding: 60px 60px 0;
	width: 880px;
	margin: 100px auto 0;
}

#sNakazawa .photo {
	float: left;
	width: 150px;
	height: 220px;
	margin: 0 30px 30px 0;
}

#sNakazawa .photo img {
	width: 100%;
}

#sNakazawa p + p {
	margin-top: 26px;
}

#sNakazawa:after {
	content:"";
	background: url('/about/images/about_bg.jpg') no-repeat center;
	background-size: 1000px;
	width: 1000px;
	height: 444px;
	margin: 160px 0 0 -60px;
}

.shopPhoto {
	width: 1000px;
	margin: 160px auto 60px;
}

.shopPhoto img {
	width: calc(100% / 2 );
}


/*****************************************************************/
@media screen and (max-width: 920px) {


	#eSartory {
		padding: 10px 0;
		margin-top: 0;
	}

	#eSartory .inner {
		width: 100%;
	}

	#eSartory .photo {
		float: none;
		text-align: center;
	}

	#eSartory .text {
		position: static;
		width: calc(100% - 20px);
		margin: 20px auto;
		text-align: left;
	}

	#eSartory .text p + p {
		margin-top: 10px;
	}

	#sNakazawa {
		padding: 0;
		width: calc(100% - 20px);
		margin: 20px auto 0;
	}

	#sNakazawa .photo {
		margin: 0 10px 10px 0;
	}

	#sNakazawa p + p {
		margin-top: 10px;
	}

	#sNakazawa:after {
		background-size: 100%;
		width: calc(100% + 20px);
		height: 0;
		padding-top: 44.3%;
		margin: 10px 0 0 -10px;
	}

	.shopPhoto {
		width: 100%;
		margin: 0;
	}

}