/* 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; }
}
#gotop { display: none !important; position: fixed; right:10px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a img { width: 42px;}

footer { border-top:1px solid #939393; padding: calc(10px + 2%) 10%;}
.footer-section { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-section > div:nth-child(odd) { width: 46%;}
.footer-section > div:nth-child(even) { width: 54%;}

.footer-logo-name {padding-bottom: 25px;}
.footer-logo-name img { max-width:372px ; width: 100%;}

.footer-link-section { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-link-section > div { width: calc((100% - 200px) / 4); padding-right: 10px;}
.footer-link-section > div:last-child { width: 200px;}
.footer-link-1 > a { font-weight: 300; font-size: 19px; display: block; color: #4c4c4c; line-height: 1.2; padding-bottom: 20px;}
.footer-link-2 > a { font-weight: 300; font-size: 17px; display: block; color: #808080; line-height: 1.2; padding-bottom: 5px;}
.footer-link-1 > a:hover, .footer-link-2 > a:hover { color: #000;}

.footer-social-link { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center; position: relative; margin-top: -8px;}
.footer-social-link > a { display:inline-block; margin-right: clamp(14px, 1.2vw, 20px); margin-bottom: 5px;}
.footer-social-link > a img { height: 26px;}

.footer-info-section { display: flex; flex-direction: row; flex-wrap: wrap; font-size: 16px; color: #484848; position: relative; margin-top: -90px; line-height: 1.4;}
.footer-info-section > div { margin-bottom: 8px;}
.footer-info-section > div:nth-child(odd) { width: 23px;}
.footer-info-section > div:nth-child(even) { width: calc(100% - 23px); padding-left: 10px;}
.footer-info-section > div:nth-child(even) a { color: #484848 !important;}
.footer-info-section > div:nth-child(even) a:hover { color: #000 !important;}

@media only screen and (max-width: 1279px) {
	footer { padding: calc(20px + 2%) 5%;}
	
	.footer-section > div { width: 100% !important;}
	.footer-link-section { padding-top: 10px;}
	.footer-info-section { margin-top: 0px;}
	.footer-link-section > div { width: calc((100% - 0px) / 5); padding-bottom: 20px;}
	.footer-link-section > div:last-child { width: 100%;}
	.footer-social-link { margin-top: 0;}
	
}

@media only screen and (max-width: 980px) {
	.footer-logo-name img { max-width:330px ; }
	
}
@media only screen and (max-width: 768px) {
	#gotop a img { width: 30px;}
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	.footer-link-2 { display: none;}
	.footer-link-section { align-items: flex-start;}
	.footer-link-section > div { width: auto;}
	.footer-link-1 > a { padding-bottom: 0;}
}

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

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