#header .wrap { max-width: 100%; }
.navArea { position: sticky; top: 0; clear: both; border: none; background: #FFF; z-index: 10; box-shadow: none; }
.navArea ul { display: flex; justify-content: center; }
.navArea ul:after {}
.navArea li { float: none; font-size: 16px; width: auto; border-right: none; }
.navArea li:first-child { border-left: none; }
.navArea li a { color: #1E3D96; padding: 0 20px; line-height: 70px; }
.navArea li a:hover { background: #1E3D9622; color: #1E3D96; }
@media only screen and (max-width:999px) {
	.navArea { width: 100%; }
	.navArea ul { display: block; }
	.navArea li { width: 100% !important; border-right: none !important; }
	.navArea li a { padding: 20px 0; }
}
#hdtCntact li { padding: 10px 20px 20px 0; line-height: 45px; }
#hdtCntact li.tel a { color: #1E3D96; font-size: 18px; }
#hdtCntact li.tel a b { color: #000; font-size: 28px; }
#hdtCntact li.tel p {  margin: 0 0 0 10px; font-size: 14px; display: inline-block; }
#hdtCntact li.inquiry a { background: #FFF; color: #1E3D96; width: 240px; font-size: 14px; line-height: 45px; border: solid 1px #1E3D96; border-radius:23px; }
#hdtCntact li.inquiry a:hover { background: #1E3D9622; }
#hdtCntact li.inquiry a i { margin: 0 0 0 10px; color: #EB6E9E; font-size: 20px; }


#headerBanner { position: absolute; top: 10px; left: 390px; }
@media only screen and (max-width:1400px) {
	#hdtCntact li { line-height: 20px; }
	#hdtCntact li.tel p {  margin: 0; font-size: 14px; display: block; }
}

@media only screen and (max-width:1200px) {
	#headerBanner { top: 20px; left: 360px; width: 200px; }
	#hdtCntact li.inquiry a { width: 160px; }
	#hdtCntact li.inquiry a i { display: none; }
}

#footerBanner {}
#footerBanner { clear: both; padding: 80px 0; }
#footerBanner .wrap { }
#footerBanner figure+figure { margin: 40px 0 0; }
@media only screen and (max-width: 768px) {
	#footerBanner { clear: both; padding: 20px; }
	#footerBanner .wrap { }
	#footerBanner figure+figure { margin: 20px 0 0; }
}


/* 240710追加 */
#headerLogo a { }
#hdtCntact li.tel a { }
#hdtCntact li.inquiry a { }
#header.scrolled #headerLogo a { position: fixed; width: 220px; height: 33.333px; top: 15px ; left: 15px; }
#header.scrolled #hdtCntact li.tel a { position: fixed; top: 15px ; right: 210px; font-size: 13px; }
#header.scrolled #hdtCntact li.tel a b { font-size: 18px; }
#header.scrolled #hdtCntact li.inquiry a { position: fixed; top: 15px ; right: 15px ; padding: 0; width: 180px; line-height: 40px; font-size: 13px; }
#header.scrolled #hdtCntact li.inquiry a i { font-size: 15px; margin: 0 0 0 5px; }
.navArea li a br { display: none; }


@media only screen and (max-width: 1600px) and (min-width: 1000px) {
	#header.scrolled #hdtCntact li.inquiry a { }
	#header.scrolled #hdtCntact li.tel { line-height: 40px; }


	.navArea.scrolled li { float: none; font-size: 14px; }
	.navArea.scrolled li a { line-height: 20px; display: flex; align-items: center; padding: 15px 15px; }
	.navArea.scrolled li a br { display: block; }
}
@media only screen and (max-width: 1200px) and (min-width: 1000px) {

	#header.scrolled #hdtCntact li.tel { line-height: 20px; }
	#header.scrolled #hdtCntact li.tel a { top: 5px; right: 15px ; width: 180px; text-align: center; }
	#header.scrolled #hdtCntact li.inquiry a { top: 30px; line-height: 25px; }
}

@media only screen and (max-width: 1000px) {
	#header.scrolled #hdtCntact { display: block !important; position: fixed; bottom: 0; left: 0; z-index: 100; background: #FFFE; width: 100%; height: 60px; }
	#header.scrolled #hdtCntact li.tel a { position: absolute; top: 10px ; left: 10px; font-size: 20px; line-height: 40px; width: calc(50%); text-align: center; }
	#header.scrolled #hdtCntact li.tel a b { font-size: 24px; }
	#header.scrolled #hdtCntact li.tel p { display: none; }
	#header.scrolled #hdtCntact li.inquiry a { position: absolute; top: 10px ; right: 10px ; padding: 0; width: calc(50% - 40px); line-height: 40px; font-size: 20px; }
	#header.scrolled #hdtCntact li.inquiry a i { display: inline-block; font-size: 24px; margin: 0 0 0 5px; }

}
@media only screen and (max-width: 768px) {
	#header.scrolled #hdtCntact li.tel a b { font-size: 5vw; }
	#header.scrolled #hdtCntact li.inquiry a { font-size: 3.5vw; }
	#header.scrolled #hdtCntact li.inquiry a i { font-size: 4.5vw; }

}

@media only screen and (max-width: 768px) {
	#footer { padding-bottom: 60px; }

}
