/* 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; position: fixed; right:10px; bottom:100px; cursor: pointer;  z-index:20; text-align: center;}
#gotop a { display:inline-block; width:45px; height:45px;line-height: 40px;  background:#01907e; border-radius: 100%; font-size: 15px; color: #005ea6; 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: 12px; height: 12px; display: block; border-width: 2px 2px 0 0; border-color: #fff; border-style: solid; transform: rotate(-45deg); top:19px; left: 17px;}
#gotop a:hover { opacity: 0.8;}

.footer-top-section { background: #295b3f; padding-top: calc(20px + 2%); padding-bottom: calc(20px + 2%); color: #fff; font-size: 18px; letter-spacing: 0.1rem; font-weight: 400;line-height: 1.3; }
.footer-top-content { display: flex; flex-direction: row; flex-wrap: wrap; justify-content: space-between; word-break: break-all;}
.footer-top-content > div:nth-of-type(1) { width: 175px;}
.footer-top-content > div:nth-of-type(1) img { width: 125px;}
.footer-top-content > div:nth-of-type(2), .footer-top-content > div:nth-of-type(3), .footer-top-content > div:nth-of-type(4) { width: calc((100% - 175px - 120px) / 3); padding-right: 10px;}
.footer-top-content > div:nth-of-type(5) { width: 120px;}

.footer-top-title { position: relative; padding-right: 30px; margin-bottom: 12px;}
.footer-top-title > div { display: inline-block; border-radius: 10px; min-width: 70px; text-align: center; ;line-height: 30px; color: #009b86; background: #fff; padding: 0 10px;}
.footer-top-title-btn { display: inline-block; position: absolute;  width: 20px; height: 20px;  transform: translateY(-50%); cursor: pointer; top:30%; right: 10px;  visibility: hidden;}
.footer-top-title-btn:after { content: ""; position: absolute;  width: 12px; height: 12px; border-width: 0 2px 2px 0; border-style: solid; border-color: #fff; transform: rotate(45deg) translate(-50%, -50%); cursor: pointer; top:50%; left: 20%; }
.footer-top-title-btn.current:after { transform: rotate(-135deg) translate(-50%, -50%); top:0%; }

.footer-link { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-link > div { width: 50%; }
.footer-link > div > a { font-weight: 500; color: #fff !important; display: block; padding-bottom: 10px;}
.footer-link > div > a:hover { opacity: 0.5;}

.footer-info { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-info > div { margin-bottom: 7px;}
.footer-info > div:nth-child(odd) { width: 16px; }
.footer-info > div:nth-child(even) { width: calc(100% - 16px); padding-left: 10px; color: #fff; }
.footer-info > div:nth-child(even) a {  color: #fff !important; }

.footer-social-link { display: flex; flex-direction: row; flex-wrap: wrap;}
.footer-social-link > a { display: inline-block; width: 25px; margin: 0 15px 10px 0;}


.copyright { padding-top: calc(5px + 1%); padding-bottom: calc(5px + 1%); text-align: center; font-size: 15px; color: #333; letter-spacing: 0.1rem; font-weight: 400;line-height: 1.5; }
.copyright a:hover { opacity: 0.5; }
.copyright > div { display: inline-block;}


.idx-bottom-section { background: url("../images/idx-bottom-bg.jpg") no-repeat top right; background-size: cover; min-height: 420px; padding-top: calc(20px + 2%); padding-bottom: calc(20px + 2%); color: #fff; display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;}
.idx-bottom-content { max-width: 900px; margin: 0 auto 0 0;}
.idx-bottom-title { font-size: clamp(25px, 2.3vw, 42px); font-weight: 700; line-height: 1.3; padding-bottom: 12px; }


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


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

@media only screen and (max-width: 980px) {
	.footer-top-content > div { width: 100% !important; padding-right: 0 !important;}
	.footer-top-content > div:nth-of-type(1) { padding-bottom: 25px;}
	.footer-top-title { border-bottom: 1px solid rgba(255,255,255,.5); padding-bottom: 10px}
	.footer-top-title > div { color: #fff; background: none; padding: 0; min-width:inherit;}
	
	.footer-top-title-btn { visibility: visible;}
	.footer-data-close {max-height: 0; visibility: hidden; opacity: 0; }
	.footer-data-open {max-height:inherit; visibility: visible; padding-bottom: 25px; opacity: 1;}
}
@media only screen and (max-width: 768px) {
	.footer-top-section { font-size: 16px; }
	
	.idx-bottom-section { background: url("../images/idx-bottom-bg.jpg") no-repeat 75% 50%; background-size: cover; }
}
@media only screen and (max-width: 640px) {
	#gotop { transform: scale(0.7); right: 0;}
}
@media only screen and (max-width: 570px) {
	
}

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

}

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

}