@charset "utf-8";

/* CSS Document */
.content-section {
	padding-top: 6rem;
	padding-bottom: 6rem;
}

.content-section-heading h2 {
	font-size:2.5rem;
}

header h3 {
	font-size:1.5rem;
	line-height: 2.25rem;
}

#visual {
	width: 60%;
	text-align: left;
}

img.logo {
	width: 100%;
	max-width: 360px;
}

img.main {
	height: 75vh;
	float:right;
}

img.store {
	width: 100%;
	max-width: 200px;
}

em {
	display: block;
	margin: 1rem 0;
}

.scroll {
	width: 92%;
	height: 20rem;
	margin: 4rem auto;
	padding: 2rem 4%;
	overflow-y: scroll;
	background-color: #FFF;
	color: #333;
}

.facebook {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 500px;
}

.facebook iframe {
	display: block;
	margin: 0 auto;
	width: 100% !important;
	max-width: 500px;
}

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

	
	#visual {
		width: 80%;
		text-align: center;
	}
	img.main {
		height: 50vh;
		float:none;

	}
}

@media screen and (max-width:640px) { 
	.content-section-heading h2 {
		font-size:1.5rem;
	}
	.sp-left {
		text-align: left;
	}
	
	#visual {
		width: 100%;
		text-align: center;
	}
	img.main {
		height: 50vh;
		float:none;
		margin-bottom: 1.5rem;
	}
	

}