/* CSS Document */
a.tel, a.tel:hover { pointer-events: none; text-decoration:none !important; }
@media print, screen and (max-width: 999px){
a.tel, a.tel:hover { pointer-events: initial; }
}
.right-tool-box {position: fixed; right:0; top:45%;z-index:20; display: flex; flex-direction: column; flex-wrap: nowrap;}
.right-tool-box > div { margin-bottom: 20px;transition: all 0.4s ease-out 0s; }
.right-tool-box > div:hover { transform: scale(1.08);}

.right-tool-box-2 {position: fixed; right:0; bottom:0;z-index:20; }

.right-inquiry { background: rgba(20,175,235,1); padding: 10px calc(10px + 1.5%); border-radius: 2vw 0 0 2vw; display: block; width: 120px; padding-left: 20px; position: relative;}
.right-inquiry > span { position: absolute; width: 30px; height: 30px; border-radius: 100%; background: rgba(220,105,25,1); color: #fff; text-align: center; line-height: 26px; font-size: clamp(16px, 1.3vw, 18px); top:20px; right: 15px; z-index: 3; font-weight: 400;}
.right-inquiry > div:nth-of-type(1) { width: 48px; margin: 0 auto 5px auto;}
.right-inquiry > div:nth-of-type(2) { text-align: center; color: #fff; font-size: clamp(14px, 1.2vw, 17px); line-height: 1;}

#gotop { cursor: pointer;   text-align: right; }
#gotop img { width: 34px; transform-origin: 100% 100%;transition: all 0.4s ease-out 0s; }
#gotop a { display:inline-block; width:50px; height:50px;line-height: 45px;  background:#19c5c0; border-radius: 100%; font-size: 15px; color: #073E8D; position: relative; text-align: center; padding-top: 10px; cursor: pointer;box-shadow: 0px 0px 10px 0px rgba(0,0,0,0); }
#gotop a:before { content: ""; position: absolute; width: 14px; height: 14px; display: block; border-width: 1px 1px 0 0; border-color: #fff; border-style: solid; transform: translate(-50%, -50%) rotate(-45deg) ; top:57%; left: 50%;}
#gotop a:hover { opacity: 1;}
#gotop:hover img { transform: scale(1.1);}

footer { background: #c6c6c6; padding:30px 5% calc(20px + 1.5%) 5%; line-height:1.6; color: #4d4d4d; letter-spacing: 0; font-weight: 400; font-size: 15px; border-top: 3px solid #808080;}
footer a { color: #4d4d4d;}

.footer-section { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-section > div:nth-of-type(1) { width: 310px;}
.footer-section > div:nth-of-type(2) { width: calc(100% - 310px - 65px); padding:53px 0 0 calc(20px + 1%); }
.footer-section > div:nth-of-type(3) { width: 65px;}
.footer-section > div:nth-of-type(3) img { width: 65px;}

.footer-logo { width: 180px; margin-bottom: calc(20px + 2%);}
.footer-info a { color: #4d4d4d;}

.footer-link { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-link > div { width: 15%; padding-right: calc(20px + 1.5%);}
.footer-link > div:first-child { width: 40%;}

.footer-link-1 > a { display: block; border-bottom: 1px solid #808080; font-size: 15px;padding-bottom: 5px; margin-bottom: 10px;}
.footer-link-2 > a { display: block; }
.footer-link-1 > a:hover{ border-color: rgba(220,105,25,1); }
.footer-link-1 > a:hover, .footer-link-2 > a:hover{ color: rgba(220,105,25,1); }

.footer-link-33 { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-link-33 > div { width: 33.33%; padding-right: 5px;}

@media only screen and (max-width: 1365px) {
	
}

@media only screen and (max-width: 1279px) {
	.right-tool-box { transform: scale(0.8); transform-origin: 100% 50%;}
	.right-tool-box-2 { transform: scale(0.9); transform-origin: 100% 100%; bottom: 25px;}
	.right-tool-box > div { margin-bottom: 10px;}
	.right-inquiry { width: 60px; padding:10px 5px; text-align: center; border-radius: 12px 0 0 12px; }
	.right-inquiry > span { top:-15px; right: 5px;}
	.right-inquiry > div:nth-of-type(1) { width: 30px; }
	.right-inquiry > div:nth-of-type(2) { display: none;}
	#gotop { text-align: center; padding-right: 0;}
	
	.footer-link { justify-content: space-between;}
	.footer-link > div { width: 23%; padding-bottom: 20px; padding-right: 0px;}
	.footer-link > div:first-child { width: 100%;}
}

@media only screen and (max-width: 980px) {
	.footer-section > div:nth-of-type(1) { width: 100%;}
	.footer-section > div:nth-of-type(2) { width: 100%; padding:20px 0; }
	.footer-section > div:nth-of-type(3) { width: 100%;}
	
	.footer-logo { width: 150px; margin-bottom: 20px;}
	
}
@media only screen and (max-width: 768px) {
	
	
}
@media only screen and (max-width: 640px) {
	.footer-link > div { width: 48%; }
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	
	
}

@media only screen and (max-width: 320px) {
	
}