@charset "utf-8";
/*BASE*/

footer > section {
	display:none;
}


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

/*BASE*/
section {
	padding:4rem 2rem;
}
section .hgroup {
	margin-bottom:1.5rem;
}

/*GoogleMap*/

#map {
	padding-top:2rem;
}
#map .content-box .map {
	margin-bottom:1.5rem;
	border:solid 2px #8ea352;
	border-radius:10px;
	overflow:clip;
}
#map .content-box .map iframe {
	width:100%;
	height:auto;
	aspect-ratio:3 / 4;
}
#map .content-box .info  {
	font-size:16px;
	text-align:center;
}
#map .content-box .info li:not(:last-child) {
	margin-bottom:1rem;
}
#map .content-box .info li .zip {
	display:block;
}
#map .content-box .info li .tel {
	font-size:20px;
	font-weight:bold;
	letter-spacing:.1em;
	color:#8ea352;
}

/*駐車場案内*/
#parking {
	background-color:#F3FFD0;
}
#parking .content-box .map {
	background-color:#FFF;
	padding:1rem;
	border:dotted 4px #8ea352;
	border-radius:10px;
	overflow:clip;
	margin-bottom:1rem;
}
#parking .content-box .map img { width:100%; }
#parking .content-box .info {
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#parking .content-box .info li:not(:last-child) {
	margin-bottom:1rem;
}

}


/*PC NPC TAB*/
@media screen and (min-width: 768px), print {

/*BASE*/
section {
	padding:80px 60px;
}
section .container {
	max-width:1440px;
	margin:auto;
}
section .hgroup h1 {
	text-align:center;
	padding-right:100px;
}

/*GoogleMap*/
#map .content-box {
	padding:60px 100px 0;
}
#map .content-box .map {
	margin-bottom:1.5rem;
	border:solid 2px #8ea352;
	border-radius:10px;
	overflow:clip;
}
#map .content-box .map iframe {
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
}
#map .content-box .info  {
	font-size:clamp(16px, 1.6vw, 18px);
	text-align:center;
}
#map .content-box .info li:not(:last-child) {
	margin-bottom:1rem;
}
#map .content-box .info li .zip {
	display:inline-block;
	margin-right:1rem;
}
#map .content-box .info li .tel {
	font-size:clamp(24px, 2.4vw, 32px);
	font-weight:bold;
	letter-spacing:.1em;
	color:#8ea352;
}

/*駐車場案内*/
#parking {
	background-color:#F3FFD0;
}
#parking .content-box {
	display:flex;
	column-gap:40px;
	padding:60px 100px 0;
}
#parking .content-box .map,
#parking .content-box .info {
	flex:1;
}
#parking .content-box .map {
	background-color:#FFF;
	padding:40px;
	border:dotted 4px #8ea352;
	border-radius:10px;
	overflow:clip;
}
#parking .content-box .map img { width:100%; }
#parking .content-box .info {
	display:flex;
	flex-direction:column;
	justify-content:center;
}
#parking .content-box .info li:not(:last-child) {
	margin-bottom:1rem;
}

}