/* footer */

.footer .info {padding:0.1rem 1rem;}
.footer .info .list_sns {margin-bottom:1rem;}
.footer .info .list_sns li a {width:36px; height:36px;}
.footer .info .list_service li {line-height: normal; padding: 2rem 0;}
.footer .info .list_service li a {font-size:2.1rem;}
.footer .f_logo img {margin-top: 4rem; width: 11.4rem; height: 5.9rem; margin-bottom: 1rem;}
.footer .contact {font-size:2.1rem;}
.footer .copyright {font-size:2rem;}

.footer {background:#06010f; text-align:center;}
.footer .info .list_sns {float:left;     margin-top: 3px;}
.footer .info .list_service {text-align:center;}
.footer .info ul {font-size:0;}
.footer .info ul li {display:inline-block; vertical-align:middle; }
/* .footer .info .list_sns li {margin:0 1.5rem;} */
.footer .info .list_sns li a {display:block; width:40px; height:40px; text-align:center; border:1px solid rgba(255, 255, 255, 0.2);}
.footer .info .list_sns li a:hover {border:1px solid rgba(255, 255, 255, 0.8); background:rgba(255, 255, 255, 0.5);}
.footer .info .list_service li {margin-right:2.8rem; line-height:12px;}
.footer .info .list_service li a {text-transform:uppercase; color:#fff; font-size:12px; font-weight:700;}
.footer .info .list_service li a:hover {color:#ffdd00;}
.footer .info .list_service li a img {vertical-align:middle; margin-left:4px; position:relative; top:-2px;}
.footer .contact {color:#ffffff; font-size:12px; margin:3.5rem 0 1rem; text-transform:uppercase; font-family: 'Roboto', sans-serif;}
.footer .contact a {color:#ffdd00;}
.footer .contact a:hover {text-decoration:underline;}
.footer .copyright {font-size:11px; color:#b7b7b7; font-family:'Roboto'; letter-spacing:0.01rem;}
/*