@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans:400,400i,700,700i&display=swap');

/* footer  {width:100%; min-width: 1160px; background-color: #242424; color:#818181; padding: 20px 0; } */
footer  {width:100%; background-color: #fff; color:#818181; padding: 140px 0 40px;}
footer .wrapper {overflow: hidden;}
/* footer .address{border-bottom: 1px solid #313131;padding:0 0 20px 0;} */
footer .address{display: flex; justify-content: space-between; align-items: end;}
footer .address img {width: 150px;margin: 30px 0;}
footer .address span {display: block; font-size:14px; line-height: 1.8em; color: #000;}
footer .address div:nth-of-type(1){padding-bottom: 30px;}
footer .address div:nth-of-type(1) span:last-child{font-size: 12px; font-weight: 500;}
footer .sns {float:right; display: none;}
/* footer .sns a {display: inline-block; border-radius: 50%; width:30px; height:30px; background-color: #fff; background-repeat:no-repeat; background-position:50% 50%; background-image:url(../images/facebook.png);background-size: 18px;margin-left: 7px; }
footer .sns a:nth-of-type(1) {background-image:url(../images/facebook.png);}
footer .sns a:nth-child(2) {background-image:url(../images/instagram.png);} */
footer .sns a{font-size: 3.5rem; color: #000;}
footer .sns a:nth-of-type(2){margin: 0 .8rem;}
footer .sns a:nth-of-type(1):hover i{color: #1877F2;}
footer .sns a:nth-of-type(2):hover i{color: #FF0000;}
footer .sns a:nth-of-type(3):hover i{
	background-image: linear-gradient(45deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);
    background-clip: text;
    -webkit-background-clip: text;
    color: transparent;
}

footer .consultation{display: flex; justify-content: center;}
footer .consultation ul{
    padding: 2rem;
    font-size: 1.7rem;
    border-radius: 2rem;
    box-shadow: 2px 2px 5px #ccc;
    background-color: #fff;
    color: #000;
	text-align: center;
}
footer .consultation ul li:nth-of-type(1){font-weight: 600;}
footer .consultation ul li:nth-of-type(2){font-size: 2rem; color: #ea552a;}
footer .consultation span a{color: #ea552a;}

@media screen and (max-width: 700px) {
	footer{min-width: 100%; padding: 0;}
}