@charset 'utf-8';

#footer { width:100%; border-top:1px solid var(--border-color); float:left; }

/* FUN FUTURE ロゴ */
.footer_contents { width:90%; margin:0 auto; display:block; padding:40px 0; }
.footer_contents { width:90%; margin:0 auto; display:none; }
.footer_contents .footer_logo { width:80%; margin:0 auto; display:block; }
@media screen and (min-width:768px) {
    .footer_contents { display:none; }
    .footer_contents { padding:0; }
    .footer_contents .footer_logo { width:68%; margin:50px auto 88px auto; display:block; }
    .footer_logo img { width:100%; }
}


/* サイトマップリンク */
.footer_link { display:none; }
.footer_link li a { position: relative; font-family: "Zen Kaku Gothic New", sans-serif; font-size:14px; font-weight:500; }
.footer_link li a::after { content: ""; position: absolute; left: 0; bottom: 0; width: 0; height: 1px; background-color: currentColor; transition: width 0.3s ease; }
.footer_link li a:hover::after { width: 100%; }
@media screen and (min-width:768px) {
    .footer_link { width:fit-content; display:flex; flex-wrap:wrap; }
    .footer_link li { width:25%; white-space: nowrap; margin-bottom:10px; }
    .footer_link li.border_top { border-top:1px solid #ccc; padding-top:10px; margin-bottom:5px; }
    .footer_link li.border_bottom { border-bottom:1px solid #ccc; padding-bottom:10px; margin-bottom:10px;}
}
@media screen and (min-width:1280px) {
    .footer_link { width:100%; margin:0 auto; }
}



.footer_link_wrap { width:90%; display:flex; flex-wrap:wrap; margin:30px auto; }
.footer_link_wrap .footer_info_wrap strong { width:100%; font-size:18px; font-weight:500; margin-bottom:10px; }
.footer_link_wrap .footer_info_wrap strong span { width:auto; margin:0 0 0 10px; }
.footer_link_wrap .footer_info_wrap span { width:100%; font-size:14px;  font-weight:500; }
.footer_link_wrap .footer_info_wrap span .tel_link { margin:10px 0; display:inline-block; }
@media screen and (min-width:768px) {
    .footer_link_wrap { margin:48px auto 120px auto;}
    .footer_link_wrap .footer_info_wrap { width:35%; }
    .footer_link_wrap .footer_link_upper { width:65%; }
}
@media screen and (min-width:768px) and (max-width:1279px) {
    .footer_link_wrap .footer_info_wrap { width: 40%;}
    .footer_link_wrap .footer_link_upper { width: 100%; margin-top: 30px;}
    .footer_banner_wrap .banner_youtube { margin-bottom: 20px;}
    .footer_link_bottom { margin-top: 0;}
    .footer_link_wrap { margin: 48px auto 140px auto;}
    
}

.footer_banner_wrap { width: 100%;}
.footer_banner_wrap .footer_banner { width:100%; margin-top:20px;  display:inline-block; }
.footer_banner_wrap .footer_banner img { width:100%; }
.footer_banner_wrap .footer_banner:hover { opacity:0.7; }
.footer_banner_wrap .banner_youtube::before { content:none; }
@media screen and (min-width:768px) {
    .footer_banner_wrap { display: flex; justify-content: space-between;}
    .footer_banner_wrap .footer_banner { width: 49%; }
}


/* プラポリ＆コピーライト */
.footer_link_bottom  { width:100%; display:block; margin-top:10px; }
.footer_link_bottom li a { font-size:12px; font-family: "Zen Kaku Gothic New", sans-serif; font-weight:500;  position:relative; display:inline-block; color: rgba(0,0,0,0.4);}
/* .footer_link_bottom li a::before { content: "›"; position: absolute;left:-10px;top: 50%;transform: translateY(-50%);font-size: 0.9em;} */
.footer_link_bottom li a:hover::after { width: 100%; }
.copyright { width:100%; text-align:left; font-size:12px; font-weight:500; letter-spacing:0.05em; color: rgba(0,0,0,0.4); }
@media screen and (min-width:768px) {
    .footer_link_bottom li a { color:initial; }
    .footer_link_bottom li .banner_youtube {margin-bottom:initial; }
    .footer_link_bottom { width:30%; display:flex; margin-top:0px; margin-left:auto; align-items: flex-start; flex-direction: column;}
    .footer_link_bottom li { margin-right:30px; white-space: nowrap; }
    .footer_link_bottom li:nth-child(1) { width:100%; }
    .copyright { text-align:center; font-size:14px; }
}
@media screen and (min-width:1280px) {
    .footer_link_bottom { width:25%; display:flex; margin-top:-60px; margin-right:75%; align-items: flex-start; flex-direction: column;}
    .footer_link_bottom li { margin-right:30px; white-space: nowrap; }

    
}