@charset "UTF-8";

.eatbuywrapper{padding: 80px 0px 80px;}

.eatbuy{padding: 65px 30px 520px;}

.eatbuykv {
	background: url(../img/eatbuy/kv.jpg) no-repeat center bottom;
	background-size: 1440px;
	height: 550px;
	position: relative;
}

.eatbuykv-inner {
	position: absolute;
	top: 44%;
	left: 10%;
	transform: translate(-10%,-44%);
}

.eatbuykv-title{
	width: 534px;
	height: 135px;
	background: url(../img/eatbuy/kv_text.svg) no-repeat center center;
	background-size: contain;
	margin-bottom: 8vh;
}

.eatbuykv-text {
	font-size: 22px;
	color: #fff;
	font-weight: bold;
	letter-spacing: 0.17em;
	text-shadow: 0px 0px 10px rgba(0,0,0,0.5);
	line-height: 2.1;
}


/* big pc */
@media screen and (min-width: 1441px){

	.eatbuykv {
		background-size: cover;
	}

}


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

	.eatbuywrapper{padding: 48px 0 172px;}

	.eatbuy{padding: 30px 30px 0;}

	.eatbuykv {
		background: url(../img/eatbuy/kv_sp.jpg) no-repeat center bottom;
		background-size: cover;
		height: 71vw;
		position: relative;
	}

	.eatbuykv-inner {
		left: 50%;
		top: 45%;
		transform: translate(-50%,-45%);
		width: 100%;
	}

	.eatbuykv-title{
		width: 223px;
		margin: 0 auto 25px;
		max-width: 100%;
		height: 72px;
		max-height: 100%;
		background: url(../img/eatbuy/kv_text_sp.svg) no-repeat center center;
		background-size: contain;
	}

	.eatbuykv-text{
		font-size: 12px;
		text-align: center;
		line-height: 1.85;
		text-shadow: 0px 0px 3px rgba(0,0,0,0.7);
	}

}