footer{flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:stretch;display:flex}footer .l-box{background:#F7F7F7;width:100%;padding:45px 20px 5px}@media screen and (min-width:992px){footer .l-box{width:31.25%;padding:80px 20px 30px}}footer .l-box .logo-box{width:100%;max-width:320px;margin:0 auto 50px;backface-visibility:hidden}footer .l-box .f-sns-list{flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:stretch;display:flex;margin-bottom:30px}@media screen and (min-width:992px){footer .l-box .f-sns-list{margin-bottom:180px}}footer .l-box .f-sns-list>li{width:50px;margin-right:10px;border-radius:50%;transition:0.3s}footer .l-box .h-l-btn-box{text-align:center;margin-bottom:28px}footer .l-box .h-l-btn-box>a{font-size:1rem;font-weight:bold;text-decoration:none;text-align:center;color:#333;display:inline-block;border:1px solid #ddd;border-radius:50px;width:100%;max-width:300px;padding:14px 0;position:relative;transition:0.3s}footer .l-box .h-l-btn-box>a:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #333;border-top:2px solid #333;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:8%}footer .l-box .h-l-btn-box>a:hover{opacity:0.5}footer .l-box .copy{font-size:1rem;font-weight:400;font-family:sofia-pro, sans-serif;text-align:center}footer .r-box{display:none}@media screen and (min-width:992px){footer .r-box{flex-direction:row;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;display:flex;width:68.75%;padding:70px 4.4% 80px;background:#28A6C4}}footer .r-box>.f-nav-list{width:280px;border-bottom:1px solid #fff}footer .r-box>.f-nav-list>li.sub-link{border-top:1px solid #6AC0EF}footer .r-box>.f-nav-list>li.sub-link>a{font-weight:unset}footer .r-box>.f-nav-list>li{border-top:1px solid #fff}footer .r-box>.f-nav-list>li>a{font-weight:bold;text-decoration:none;color:#fff;display:block;padding:15px 0;width:100%;position:relative;transition:0.3s}footer .r-box>.f-nav-list>li>a:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #fff;border-top:2px solid #fff;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg);right:3%}footer .r-box>.f-nav-list>li>a:hover{color:#FFF500}footer .r-box>.f-nav-list>li>a:hover:after{content:"";position:absolute;top:50%;width:8px;height:8px;border-right:2px solid #FFF500;border-top:2px solid #FFF500;transition:all 0.3s;transform:translateX(-50%) translateY(-50%) rotate(45deg)}footer .r-box>.f-nav-list>li.ttl{color:#fff;border-top:0;margin-bottom:15px}footer .r-box>.f-nav-list>li.site-link>a{font-size:1rem;font-weight:unset}footer .r-box>.f-nav-list.-small{width:222px}