@charset "UTF-8";
/* ==========================================================
FOOTER
========================================================== */

.site-footer{
background:#0b2341;
color:#fff;
margin-top:40px;
padding:60px 0 0;
}

.footer-inner{
display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:40px;
align-items:flex-start;
}

.footer-logo{
margin-bottom:18px;
}

.footer-logo img,
.footer-logo .custom-logo{
display:block;
max-width:130px;
height:auto;
}

.footer-site-title,
.footer-company-name,
.footer-title{
margin:0 0 18px;
font-size:1.25rem;
font-weight:700;
line-height:1.3;
color:#fff;
}

.footer-title{
border-bottom:2px solid #2f80ed;
padding-bottom:10px;
display:inline-block;
}

.footer-address,
.footer-tel,
.footer-mail{
margin-bottom:10px;
line-height:1.7;
color:rgba(255,255,255,.9);
}

.footer-company a,
.footer-contact a,
.footer-service a,
.footer-menu a{
color:#fff;
text-decoration:none;
transition:var(--transition);
}

.footer-company a:hover,
.footer-contact a:hover,
.footer-service a:hover,
.footer-menu a:hover{
color:#7ec8ff;
}

.footer-nav{
padding:0 !important;
border-bottom:none;
}

.footer-menu,
.footer-service-list{
margin:0;
padding:0;
list-style:none;
}

.footer-menu li,
.footer-service-list li{
margin-bottom:10px;
}

.footer-menu a,
.footer-service-list a,
.footer-contact a{
display:inline-block;
padding:2px 0;
}

.footer-copy{
margin-top:35px;
padding:18px 0;
text-align:center;
border-top:1px solid rgba(255,255,255,.15);
}

.footer-copy p{
margin:0;
font-size:.9rem;
color:rgba(255,255,255,.8);
}

/* ==========================================================
Tablet
========================================================== */

@media (max-width:1024px){

.footer-inner{
grid-template-columns:repeat(2,1fr);
gap:35px 30px;
}

}

/* ==========================================================
Smart Phone
========================================================== */

@media (max-width:767px){

.site-footer{
padding-top:40px;
}

/* .footer-inner{
display:grid;
grid-template-columns:repeat(2,1fr);
gap:24px 20px;
align-items:flex-start;
} */
.footer-inner{
display:grid;
grid-template-columns:1.2fr .8fr;
gap:24px 20px;
align-items:flex-start;
}
.footer-company{
grid-column:1/-1;
text-align:center;
}

.footer-logo{
display:flex;
justify-content:center;
margin-bottom:14px;
}

.footer-logo img,
.footer-logo .custom-logo{
max-width:120px;
}

.footer-company-name{
font-size:20px;
margin-bottom:14px;
}

.footer-address,
.footer-tel,
.footer-mail{
margin-bottom:8px;
line-height:1.6;
font-size:.80rem;
text-align:center;
}

.footer-nav,
.footer-service{
text-align:left;
}

.footer-contact{
grid-column:1/-1;
text-align:center;
margin-top:5px;
}

.footer-title{
margin-bottom:12px;
font-size:1.15rem;
}

.footer-menu,
.footer-service-list{
display:block;
}

.footer-menu li,
.footer-service-list li{
margin-bottom:8px;
}

.footer-contact p{
margin-bottom:10px;
}

.footer-copy{
margin-top:24px;
padding:16px 0;
}

.footer-copy p{
font-size:.8rem;
}

}