@charset "UTF-8";

body{
	background-color:#fff;
}

.container{
	width:1200px;
}

#header{
	color:#6a4a3f;
	font-weight:bold;
	padding-top:10px;
}

#header h1{
	display:none;
	/* Assuming title is hidden in design or replaced by main visual text */
}

#main{
	background:url("../img/index/main_bg.jpg") center top no-repeat;
	padding-top:15px;
	padding-bottom:50px;
	min-height:910px;
}

#main .main-container{
	padding-top:20px;
}

#main .tel{
	color:#ff4081;
	font-size:2.5rem;
	letter-spacing:0.05em;
	line-height:1;
}

#main .time{
	color:#ff4081;
	font-size:2.2rem;
	line-height:1;
}

#main .age .note{
	color:#6a4a3f;
	font-weight:bold;
	font-size:0.8rem;
	line-height:2;
	text-align:center;
}

#footer{
	background-color:#453011;
	color:#ffffff;
	padding-top:30px;
	padding-bottom:30px;
}

#footer p.copy{
	font-size:0.8rem;
}

#footer img{
	filter:brightness(0) invert(1);
}

#footer .concept-text h2{
	font-size:1.8rem;
	margin-bottom:15px;
	font-weight:600;
}

@media (max-width:768px){
	html, body{
		background-color:#fff;
	}
	
	#main{
		background-image:url("../img/index/sp/main_bg.png");
		height:auto;
	}
	
	#main .main-container{
		padding-top:230px;
	}
	
	#main .inner{
		flex-direction:column;
		/* Revert to original width for SP */
	}
	
	.left-col,
	.right-col{
		width:100%;
	}
	
	
	#main .tel{
		font-size:2.0rem;
		line-height:1.4;
	}
	
	#main .time{
		color:#ff4081;
		font-size:1.6rem;
		line-height:1.4;
	}
	
	#main .age{
		flex-direction:row;
		gap:30px;
		align-items:center;
	}
	
	#main .age .note{
		text-align:left;
	}
	
	
	#main .entrance{
		flex-direction:row;
		justify-content:center;
		margin-top:15px;
		
	}
	
	.container{
		width:100%;
		padding-left:1%;
		padding-right:1%;
	}
}