footer{
margin-top: 32px;
text-align: center;
color: #003169;
background-color: #20C997;
}
footer *,
footer ul li,
footer ol li{
margin: 0;
padding: 0;
list-style: none;
text-decoration: none;
}
footer a{
position: relative;
transition: all 0.4s ease;
color: #fff;
}
footer a:hover{
opacity: 0.5;
color: #003169;
}
.__footer_wrapper,
.__footer_wrapper__bottom{
max-width: 1140px;
margin-left: auto;
margin-right: auto;
text-align: left;
font-size: 13px;
}
.__footer__address img{
max-width: 110px;
height: auto;
}
.__footer__address a{
font-weight: bold;
font-size: 13px;
color: #fff;
white-space: nowrap;
}
.__footer__address p span{
font-size: 12px;
font-weight: normal;
}
.__footer__menu>ul>li>a{
white-space: nowrap;
font-weight: bold;
}
.__footer__menu__contact{
background-color: #fff;
border-radius: 4px;
color: #20C997;
padding: 4px 12px;
}
.__footer_wrapper__bottom a::after,
.__footer__menu ul>li>a::after { 
content: "";
margin: auto;
position: absolute;
top: -2px;
bottom: 0;
left: -12px;
width: 4px;
height: 4px;
border-radius: 100%;
background: #ffffff;　 
}
.__footer__menu ol>li>a::after {
content: "";
display: block;
width: 5px;
height: 5px;
border-top: solid 1px #ffffff;
border-right: solid 1px #ffffff;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 6px;
left: -18px;
}
.__footer__menu__contact::after,
.__footer__menu__contact::before{
display: none;
}
.copyright{
padding-top: 24px;
font-size: 12px;
color: #fff;
}
@media (min-width: 768px) {
footer{
padding: 24px 16px 28px;
}
.__footer_wrapper{
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-align-items: flex-start;
align-items: flex-start;
}
.__footer__address{
width: 180px;
padding-right: 40px;
text-align: center;
}
.__footer__address__logo{
background-color: #fff;
display: inline-block;
margin-bottom: 12px;
border-radius: 8px;
padding: 8px 12px;
}
.__footer__menu>ul{
flex: 1;
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
font-size: 14px;
}
.__footer__menu>ul>li:not(li:nth-child(5)){
padding-right: 28px;
min-width: 110px;
}
.__footer__menu>ul li{
padding-top: 6px;
}
.__footer__menu ol{
padding-left: 10px;
}
.__footer__menu li>a{
position: relative;
}
.__footer_wrapper__bottom>ul{
display: -webkit-flex;
display: flex;
-webkit-justify-content: flex-start;
justify-content: flex-start;
-webkit-align-items: flex-start;
align-items: flex-start;
padding-top: 24px;
flex-wrap:wrap;
}
.__footer_wrapper__bottom>ul li{ padding-right: 32px; }
.__footer_wrapper__bottom>ul li a{font-size:12px;}
}/**mq**/
@media (max-width: 767px) {
footer{
padding: 20px 16px;
line-height: 1.6;
}
.__footer__address{
text-align: center;
padding-bottom: 4px;
}
.__footer__address__logo{
background-color: #fff;
text-align: center;
display: block;
margin-bottom: 12px;
border-radius: 8px;
padding: 4px 12px;
}
.__footer_wrapper__bottom li+li{
margin-top: 4px;
}
footer ul{
padding: 4px 20px 0;
}
footer ul>li{
margin-top: 8px;
}
footer ol{
padding-top: 4px;
}
footer li{
margin-top: 4px;
}
.__footer__menu__contact{
margin: 4px 0;
display: inline-block;
width: 100%;
text-align: center;
}
.__footer_wrapper__bottom{
padding-top: 8px;
}
 .__footer_wrapper__bottom a::after{ 
content: "";
margin: auto;
position: absolute;
top: 7px;
bottom:auto;
}
}/**mq**/