#footer-area{position:relative;width:100%;background-color:var(--background-color);.footer-area-1{width:100%;margin:0 auto;padding:100px 10vw 0;transition:padding .4s cubic-bezier(.17,.67,.71,.9);.footer-logo{position:relative;width:200px;height:39px;margin-bottom:3.6rem}.footer-logo:after{content:"";display:inline-block;background:url(/images/common/img_logob.svg) 0 0/100% no-repeat;width:100%;height:100%}.copy-box{color:var(--secondary-font-color);font-weight:400;& p{line-height:1.7;& span{display:inline-block}& span:first-of-type{padding-right:20px}}}.p-info-link{padding-bottom:30px;& span{display:inline-block;& a{font-weight:600;color:var(--default-font-color);transition:color .4s ease}}& span:first-of-type{padding-right:50px}}}.footer-area-2{width:100%;border-top:1px solid #e8e8e8;.copy-wrap{padding:20px 10vw;width:100%;margin:0 auto;display:flex;justify-content:space-between;align-items:center;transition:padding .4s cubic-bezier(.17,.67,.71,.9);.copyright{color:var(--secondary-font-color)}.sns a{position:relative;display:inline-block;border-radius:50%;border:1px solid #e6e6e6;width:47px;height:47px;& i{position:absolute;display:inline-block;background-color:#787878;left:50%;top:50%;transform:translate(-50%,-50%)}& i.sns-ico01{width:31px;height:14px;-webkit-mask:url(/images/common/img_blog01.svg);mask:url(/images/common/img_blog01.svg)}& i.sns-ico02{width:8px;height:9px;-webkit-mask:url(/images/common/img_youtube01.svg);mask:url(/images/common/img_youtube01.svg)}& i.sns-ico03{width:17px;height:17px;-webkit-mask:url(/images/common/img_insta01.svg);mask:url(/images/common/img_insta01.svg)}& i.sns-ico04{width:7px;height:14px;-webkit-mask:url(/images/common/img_facebook01.svg);mask:url(/images/common/img_facebook01.svg)}}.sns a:not(:first-of-type){margin-left:10px}}}}@media(hover:hover){#footer-area{.footer-area-1{.p-info-link{& span{& a:hover{color:var(--secondary-font-color)}}}}.footer-area-2{.copy-wrap{.sns{& a:hover{transition:background-color .4s ease}& a:hover i{background-color:var(--default-font-color)}}}}}}@media (max-width:1350px){#footer-area{.footer-area-1{padding:100px 5vw 0}.footer-area-2{.copy-wrap{padding:2rem 5vw}}}}@media (max-width:650px){#footer-area{font-size:1.3rem}#footer-area{.footer-area-2{.copy-wrap{flex-direction:column;align-items:flex-start;.sns{padding-top:20px}}}}}@media (max-width:460px){#footer-area .footer-area-1 .footer-logo{width:160px}}