/* 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-bar { position: fixed; right:-50px; bottom:30%; z-index:20; display: flex; flex-direction: column;flex-wrap: nowrap;transition: all 0.3s ease-out 0s;}
.right-tool-bar > div { width: 44px; margin-bottom: 10px; transition: all 0.4s ease-out 0s;}
.right-tool-bar > div:hover { transform: scale(0.9);}
#gotop { display: block; cursor: pointer;  text-align: center;}
#gotop a { display:inline-block; text-align: center; cursor: pointer;}
#gotop a img { width: 50px;}
#gotop a:hover { }
.right-phone {display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; justify-content: center; width:44px; height:44px;line-height: 44px;  background:#222;border-radius: 100%; }
.right-phone img {filter: invert(1); width: 20px;}
.right-tool-bar-show { right:10px; }

footer { background: #cae1f8; color: #666; font-size: 16px; padding: calc(20px + 3%) 5%; line-height: 1.6; font-weight: 400;}
footer a { color: #666;}
.footer-box { max-width: 1320px; width: 100%; margin: 0 auto;}

.footer-section-1 { padding-bottom: calc(20px + 1%);display:flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between;}
.footer-section-1 > div:nth-of-type(1) { width: 385px;display:flex; flex-direction: row; flex-wrap: wrap;}
.footer-section-1 > div:nth-of-type(2) { width: 60%;}
.footer-section-1 > div:nth-of-type(1) > div:nth-of-type(1) { width: 110px;}
.footer-section-1 > div:nth-of-type(1) > div:nth-of-type(2) { width: calc(100% - 110px); padding: 20px 0 0 15px;}
.footer-logo-name { width: 196px;padding-bottom: calc(15px + 1%);}

.footer-info-section { padding-bottom: calc(30px + 3.5%); font-size: 15px;}
.footer-info-title { font-weight: 500; font-size: 18px; border-bottom: 1px solid #666; margin-bottom: 10px; padding-bottom: 3px;}
.footer-info-1 { padding-bottom: 12px;}
.footer-info-1 a:hover { color: #111;}

.footer-note-section { display:flex; flex-direction: row; flex-wrap: wrap;padding-bottom: 15px;}
.footer-note-section > div { display:flex; flex-direction: row; flex-wrap: nowrap; align-items: center; width: 50%; padding-bottom: 10px;}
.footer-note-section > div > div:nth-of-type(1) { width: 50px;}
.footer-note-section > div > div:nth-of-type(2) { width: calc(100% - 50px); padding: 0 15px; font-weight: 700; line-height: 1.4;}

.footer-link-title { border-bottom: 1px solid #606060; font-weight: 500; font-size: 18px; padding-bottom: 8px; margin-bottom: 14px;}
.footer-link-title a:hover{ color: #111;}
.footer-link { display:flex; flex-direction: row; flex-wrap: nowrap; padding-bottom: 10px;}
.footer-link > div { padding-bottom: 5px;}
.footer-link > div:nth-of-type(1) { white-space: nowrap;}
.footer-link > div:nth-of-type(1) > a { font-weight: 500; font-size: 18px;}
.footer-link > div:nth-of-type(1) > a:hover { color: #111; text-decoration: underline;}
.footer-link > div:nth-of-type(2) { padding-left: 2.5vw; display:flex; flex-direction: row; flex-wrap: wrap;}
.footer-link > div:nth-of-type(2) > a{ display: inline-block;}
.footer-link > div:nth-of-type(2) > a:hover{ color: #111; text-decoration: underline;}
.footer-link > div:nth-of-type(2) > a:after{ display: inline-block; content: "|"; margin: 0 4px;}
.footer-link > div:nth-of-type(2) > a:last-child:after{ display: none;}

.footer-social { display:flex; flex-direction: row; flex-wrap: wrap; align-items: center; }
.footer-social > a{ margin-right: 13px; }
.footer-social > a:after{ display: none !important;}
.footer-social > a:hover{ opacity: 0.7;}

.copyright { text-align: center;}

@media only screen and (max-width: 1600px) {
	
}
@media only screen and (max-width: 1365px) {
	.right-tool-bar { transform: scale(0.7); right: 5px; transform-origin: 100% 50%;}
}

@media only screen and (max-width: 1279px) {
	.footer-section-1 > div:nth-of-type(1) { width: 100%;}
	.footer-section-1 > div:nth-of-type(2) { width: 100%; padding-left: 125px;}
	
}

@media only screen and (max-width: 980px) {
	
}
@media only screen and (max-width: 768px) {
	.footer-section-1 > div:nth-of-type(1) > div:nth-of-type(2) { width: calc(100% - 0px); padding: 20px 0 0 0px;}
	.footer-section-1 > div:nth-of-type(2) { padding-left: 0px;}
	.footer-note-section > div { width: 100%;}
	
}
@media only screen and (max-width: 640px) {
	
}
@media only screen and (max-width: 570px) {
	
}

@media only screen and (max-width: 414px) {
	.footer-link  {flex-direction: column;}
	.footer-link > div:nth-of-type(2) { padding-left: 0;}
	
}

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