#footer { padding: 90px 0 200px; position: relative; color: #fff; background: linear-gradient(180deg, #F2F2F5 0%, #FFA084 100%); }
@media (max-width: 659px) {
    #footer { padding: 60px 0 150px; }
}
#footer .footer-row { display: flex; flex-flow: row; align-items: center; justify-content: space-between; }
@media (max-width: 659px) {
    #footer .footer-row { flex-wrap: wrap; justify-content: center; }
}
#footer .its-time { color: #000; font-size: 25px; display: flex; flex-flow: row; letter-spacing: -0.01em; }
#footer .its-time #current-time { margin-left: 20px; }
@media (max-width: 659px) {
    #footer .its-time { font-size: 28px; }
}
#footer .social-menu { display: flex; align-items: center; flex-flow: row wrap; gap: 0 25px; }
#footer .social-menu > li a { padding: 0; position: relative; display: inline-flex; }
#footer .social-menu > li.hashtag { order: -1; color: #000; font-size: 25px; margin-right: 25px; letter-spacing: -0.01em; }
@media (max-width: 1400px) {
    #footer .social-menu { gap: 0 25px; }
    #footer .social-menu > li a img { height: 70px; }
}
@media (max-width: 1023px) {
    #footer .social-menu { margin-top: 2em; margin-left: auto; }
    #footer .social-menu > li.hashtag { order: 900; width: 100%; text-align: right; margin-top: 20px; font-size: 31px; }
}
@media (max-width: 659px) {
    #footer .social-menu { width: 100%; gap: 0 10%; margin: 60px 0 0; justify-content: center; }
    #footer .social-menu > li a img { height: 67px; }
    #footer .social-menu > li.hashtag { text-align: center; font-size: 25px; }
}
#footer #footer-menu { display: flex; flex-flow: row wrap; justify-content: space-between; align-items: flex-end; margin-top: 50px; }
#footer #footer-menu .footer-menu > li { margin: 0 0.1em; }
#footer #footer-menu .footer-menu > li:first-child { margin-left: 0; }
#footer #footer-menu .footer-menu > li:first-child > a { padding-left: 0; }
#footer #footer-menu .footer-menu > li a { color: #000; text-decoration: none; font-weight: 600; font-size: 16px; transition: text-decoration 0.3s ease; }
#footer #footer-menu .footer-menu > li a:hover { text-decoration: underline; }
@media (max-width: 1400px) {
    #footer #footer-menu .footer-menu > li { margin: 0; }
}
@media (max-width: 1023px) {
    #footer #footer-menu .footer-menu > li { display: block; text-align: left; margin-bottom: 1.3em; }
    #footer #footer-menu .footer-menu > li a { padding: 0; }
}
@media (max-width: 659px) {
    #footer #footer-menu .footer-menu > li { text-align: center; }
}
#footer #footer-menu .button { font-size: 20px; padding: 20px 35px 25px; }
@media (max-width: 659px) {
    #footer #footer-menu { justify-content: center; margin-top: 55px; }
    #footer #footer-menu .footer-menu { width: 100%; margin-top: 20px; }
    #footer #footer-menu .button { padding: 15px 22px 21px; }
}