@charset "utf-8";
@import url('/design2025/common/css/PretendardVariable.css');
@import url('/design2025/common/css/FlightSans.css');

:root {
	--p_color : #009944;
	--red : #CE3F4B;
}
body { font-family:'Pretendard Variable', sans-serif; font-size:17rem; font-weight:400; color:#222; letter-spacing:-0.8rem; overflow:hidden;}
input, select { font-family:'Pretendard Variable', sans-serif; font-size:17rem; border:1px solid #ddd; border-radius:3rem; }
a {color:#222; }
.wrap { max-width:1200rem; width:96%; margin:0 auto; }
.blank::after { content:''; display:inline-block; flex-shrink:0; width:13px; height:13px; background:url('/design2025/common/template/sprite.png') no-repeat 0 0; margin:1rem 0 0 6rem; }
@media all and (max-width:1023px){
	html {font-size:0.9px;}
}
@media all and (max-width:480px){
	html {font-size:0.8px;}
}


header .wrap { display:flex; align-items:center; justify-content:space-between; height:100rem; }
header h1 a {display:flex; align-items:center; font-size:22rem; }
header h1 a img {margin-right:10rem;}
.pc_nav .depth1 a { display:flex; font-size:20rem; padding:0 20rem; font-weight:500; }
.pc_nav .depth1 a:hover {font-weight:600; }
.pc_nav .depth1 li:last-of-type a { padding-right:0; }
#m_nav_open {display:none;}
@media all and (max-width:1200px){
	.pc_nav .depth1 a {padding:0 13rem;}
}
@media all and (max-width:1023px){
	header .wrap { height:80rem; }
	header h1 a {font-size:20rem;}
	header h1 a img { width:50rem; }
	.pc_nav {display:none;}
	#m_nav_open { display:block; width:35rem; }
	#m_nav_open::before,
	#m_nav_open::after { content:''; display:block; width:100%; height:4rem; background:#333;}
	#m_nav_open span.bar {display:block; height:4rem; background:#333; margin:5rem 0; }
}


footer { position:relative; padding:30rem 0; border-top:1px solid #ddd;  z-index:1; margin-top:40rem; }
footer .wrap { display:flex; align-items:center; justify-content:space-between; }
footer .address div {display:flex; align-items:center; flex-wrap:wrap;}
footer .address div p {margin-right:40rem;}
footer .address div p strong {margin-right:10rem;}
footer .copy {font-size:0.8em; opacity:0.7; letter-spacing:0; margin-top:10rem; }
footer .family_site {position:relative;}
footer .family_site > a { display:flex; width:250rem; height:50rem; align-items:center; justify-content:space-between; background:#f3f3f3; padding:0 30rem; border-radius:25rem; }
footer .family_site > a.on {border-radius:0 0 25rem 25rem;}
footer .family_site > a::after {content:''; display:block; width:8rem; height:8rem; border-right:2px solid #666; border-bottom:2px solid #666; transform:rotate(225deg); margin-top:5rem;}
footer .family_site > a.on::after {transform:rotate(45deg); margin-top:-2rem;}
footer .family_site div { display:none; position:absolute; left:0; bottom:50rem; width:100%; height:200rem; overflow-y:auto; background:#f3f3f3; border-radius:25rem 25rem 0 0; padding:20rem 30rem;}
footer .family_site div a {display:block; padding:5rem 0; }
@media all and (max-width:768px){
	footer .wrap {flex-wrap:wrap; padding-bottom:50rem; }
	footer .family_site {position:absolute; left:0; bottom:0; width:100%; }
	footer .family_site > a {width:100%; border-radius:0 !important; }
}



/*sub*/
.location { background:linear-gradient(90deg, #FFF49D 0, #FFDD7E 100%); }
.location .lacal { display:flex; align-items:center; height:50rem; }
.location .lacal a {display:flex; align-items:center; }
.location .lacal a::before { content:''; display:block; width:6rem; height:6rem; border-top:2px solid #333; border-right:2px solid #333; transform:rotate(45deg); margin:0 15rem 2rem 15rem; }
.location .lacal a:first-of-type::before {display:none;}
.location .lacal a:last-of-type { font-weight:600; }

#content h2 { text-align:center; font-size:40rem; font-family:'FlightSans', sans-serif; margin:40rem auto 30rem; }
#content h2::after { content:''; display:block; margin:20rem auto 0; width:40rem; height:3rem; background:var(--p_color); }