/* CSS Document */
img{width:100%;}
#take-out{
	background-color:#2d693e;
	display:flex;
	justify-content: space-between;
	align-items: flex-start;
	padding-top: 5%;
	padding-bottom: 5%;
}
#take-out img,#take-out-r{width:50%;}
#take-out-r{
	padding-top:5%;
	padding-left: 5%;
}
#take-out h2{margin-bottom: 5%;}
#take-out h3{margin-bottom: 1%;}
#take-out p{}
#take-out a{
	margin-top: 10%;
	text-decoration:underline;
}
#take-out h2,#take-out h3,#take-out p,#take-out a{
	color:white;
	width:50%;
	line-height: 1.7vw;
}
@media(max-width:750px){
	#take-out{display:block;padding-bottom:10%;}
	#take-out img, #take-out-r {
		width: 90%;
		margin: auto 5%;
	}
	#take-out h2, #take-out h3, #take-out p, #take-out a {
		width: 80%!important;
		margin: auto!important;
		line-height: 7vw!important;
		display: block;
	}
	#take-out h2{
		margin-top:5%!important;
		margin-bottom:5%!important;
	}
	#take-out .fs60{font-size:8vw!important;}
	#menu-slider{overflow-x:hidden;}
}
/*newsのそれぞれのページコピペ用*/
#news-section h2{
	color:#2d693e!important;
	border-bottom:4px solid #2d693e!important;
}
#news-more{
	color:#2d693e!important;
	border-bottom:1px solid #2d693e!important;
}
/*newsのそれぞれのページコピペ用ここまで*/


/* --------------------------------------------------------- */
/* テキスト化のcss ↓ */
/* --------------------------------------------------------- */
#main #concept{
	width: 100%;
	height: auto;
	background: #FDFDF7;
	text-align: left;
	padding-top: 2%;
}
#main #concept .pc .top-box{
	width: 100%;
	aspect-ratio: 1000/281;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	gap:  4%;
}
#main #concept .pc .top-box .text-box{
	width: 26.2%;
	height: 100%;
}
#main #concept .pc .top-box .text-box h2{
	font-size: 2vw;
	font-weight: 700;
	white-space: nowrap;
	letter-spacing: 1.8 !important;
	line-height: 1.5;
}
#main #concept .pc .top-box .text-box p{
	
}
#main #concept .pc .top-box img{
	width: 50%;
	aspect-ratio: 500/281;
}

#main #concept .pc .bottom-box{
	width: 100%;
	aspect-ratio: 1000/537;
}
#main #concept .pc .bottom-box .left-box{
	width: 47.8%;
	height: 100%;
}
#main #concept .pc .bottom-box .left-box img{
	width: 100%;
	aspect-ratio: 478/285;
}
#main #concept .pc .bottom-box .left-box .text-box{
	width: 26.2%;
	margin: 0 3.77% 0 auto;
}
#main #concept .pc .bottom-box .left-box .text-box h2{
	white-space: nowrap;
}
#main #concept .pc .bottom-box .right-box{
	width: 52.1%;
	height: 100%;
}
#main #concept .pc .bottom-box .right-box .napolipizza{
	width: 100%;
	align-self: 521/172;
}
#main #concept .pc .bottom-box .right-box img{
	width: 100%;
	align-self: 479/366;
	margin-left:  8.25%;
}
#main #concept .sp{display: none;}

@media screen and (max-width: 751px){
	#main #concept .pc{display: none;}
	#main #concept .sp{
		display: block;
		width: 100%;
		height: auto;
		display: flex;
		flex-direction: column;
		justify-content: space-between;
		gap: 3%;
	}
	#main #concept .sp h2,
	#main #concept .sp p{
		width: 70%;
	}
	#main #concept .sp .napolipizza{
		width: 100%;
		align-self: 521/172;
	}
	#main #concept .sp img:nth-of-type(1){
		width: 100%;
		aspect-ratio: 500/281;
	}
	#main #concept .sp img:nth-of-type(2){
		width: 100%;
		align-self: 479/366;
	}
	#main #concept .sp img:nth-of-type(3){
		width: 100%;
		aspect-ratio: 478/285;
	}
}