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

footer > section {
	display:none;
}


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

/*BASE*/
section {
	padding:2rem 2rem 4rem;
}
section .container {
}
section .hgroup h1 {
	color:#3f65ee;
	text-align:center;
	margin-bottom:2rem;
}

/*GoogleMap*/
#map .content-box {
}
#map .content-box .map {
	margin-bottom:1.5rem;
	border:solid 2px #3f65ee;
	border-radius:10px;
	overflow:clip;
	margin-bottom:2rem;
}
#map .content-box .map iframe {
	width:100%;
	height:auto;
	aspect-ratio:3 / 4;
}
@media (orientation: landscape){ #map .content-box .map iframe { aspect-ratio:16 / 9; } }
#map .content-box .address-box  {
}
#map .content-box .address-box li {
	text-align:center;
	background-color:#e6eaf9;
	padding:1.5rem 1rem;
	border-radius:6px;
	margin-bottom:2rem;
}
#map .content-box .address-box li:last-child { margin-bottom:0; }
#map .content-box .address-box li h2 { font-size:24px; margin-bottom:1rem; }
#map .content-box .address-box li h2 .type { display:block; font-size:14px; margin-bottom:.5rem; }
#map .content-box .address-box li .zip { display:block; }
#map .content-box .address-box li .address1,#map .content-box .address-box li .address2 { display: inline-block; }
#map .content-box .address-box li .tel {
	display:block;
	font-size:18px;
	font-weight:bold;
	letter-spacing:.1em;
	color:#3f65ee;
	margin-top: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 {
	color:#3f65ee;
	text-align:center;
}

.bgimg_fixed {
	display:block;
	position:relative;
	overflow:clip;
}
.bgimg_fixed::before {
	content:"";
	display:block;
	background: url(../images/tmpl/bgimg_type01.webp) no-repeat;
	background-size: cover;
	width:100%;
	height:auto;
	aspect-ratio:144 / 72;
	position:fixed;
	top:0;
	bottom: 0;
	left:0;
	z-index:-1;
	margin: auto 0;
	overflow:clip;
	opacity:.4;
}

/*GoogleMap*/
#map .content-box {
	padding:60px 60px 0;
}
#map .content-box .map {
	margin-bottom:1.5rem;
	border:solid 2px #3f65ee;
	border-radius:10px;
	overflow:clip;
	margin-bottom:60px;
}
#map .content-box .map iframe {
	width:100%;
	height:auto;
	aspect-ratio:16 / 9;
}
#map .content-box .address-box  {
	display:flex;
	column-gap:60px;
	font-size:clamp(16px, 1.6vw, 18px);
	text-align:center;
}
#map .content-box .address-box li {
	flex:1;
	background-color:#e6eaf9;
	padding:40px 1rem;
	border-radius:6px;
}
#map .content-box .address-box li h2 { font-size:clamp(24px, 2.4vw, 32px); margin-bottom:1rem; }
#map .content-box .address-box li h2 .type { display:block; font-size:clamp(16px, 1.6vw, 18px); margin-bottom:.5rem; }
#map .content-box .address-box li .zip { display:block; }
#map .content-box .address-box li .address1,#map .content-box .address-box li .address2 { display: inline-block; }
#map .content-box .address-box li .tel {
	display:block;
	font-size:clamp(24px, 2.4vw, 32px);
	font-weight:bold;
	letter-spacing:.1em;
	color:#3f65ee;
	margin-top:1rem;
}

}