@charset 'utf-8';


footer { width:100%; float:left; color:#fff; background:#343434; margin-top:0px;  font-size:14px; font-weight:300; font-style: normal;}

footer .footer { width:90%; max-width:1200px; margin: 0px auto; }
footer .footer .footer_company { width:100%; }
.footer_logo { width: 100%; margin:0 auto; display:block; }

.div_companyinfo { display: flex;flex-direction: column;}
.companyinfo_logo { width: 80%; margin: 0px auto 10px auto; max-width: 270px;}
.footer_wrap { background: #000; padding: 30px 0;}

@media screen and (min-width:600px) {
    .div_companyinfo { width: 70%; justify-content: flex-start; flex-direction: row;}
    .companyinfo_logo { width: 100%; margin: 0 auto 10px 0;}
}
@media screen and (min-width:600px) {
    .div_companyinfo { width: 100%;}
}

@media screen and (min-width:1200px) {
    footer {margin-top:100px; font-size:15px; padding:50px 0 0 0;}
    .footer_logo { width:100%; }
}

footer .footer .footer_company span { width:100%; display:block; text-align:center; }
footer .footer .footer_company span.inline_sp { display:block; }
@media screen and (min-width:600px) {
    footer .footer .footer_company span { width:auto; }
    footer .footer .footer_company span.inline_sp { display:none; }
    footer .footer .footer_company span { text-align:left; font-size: 13px; line-height: 1.7;}
}
footer .footer .footer_link { width:100%; }
.banner_recruit { width:100%; margin:10px 0; }
.banner_recruit img.inline_sp { width:100%; margin-bottom:10px; }
.banner_recruit img.inline_pc { display:none; } 
.banner_recruit:hover { opacity:0.7;}
.a_map { width:auto; line-height:1.7em;}
.a_map img { margin:0 0 5px 2px; display:inline; }
.a_map:link { text-decoration:underline;}


/*バナー*/
.ul_sns { width:100%; display:flex; margin:30px 0; align-items: center;flex-wrap:wrap; justify-content: space-between;}
.ul_sns li { width:13%; text-align:center; }
.ul_sns li.fm { width:48%; }
.ul_sns li.fm img { width:100%; }
.ul_sns li img { width:25px; }
.ul_sns li a:hover { opacity:0.7; }
.ul_sns .li_recruit { width:48%; box-shadow: 0px 0px 5px 3px rgba(255, 255, 255, 0.5); }
.ul_sns .li_recruit img { width:100%; }
@media screen and (min-width:600px) {
    .ul_sns { width: 70%; }
}
@media screen and (min-width:960px) {
.ul_sns { width:370px; margin:0; display:flex; }
.ul_sns li { width:50px; text-align:center; margin-right:0; }
.ul_sns li.fm { width:180px; margin-left:0; }
.ul_sns li.fm img { width:100%; }
.ul_sns .li_recruit { width:180px;}
.ul_sns .li_recruit img { width:100%; }
}



footer .footer .footer_link .footer_link_ul { display:none; }
.footer_link_area { display:none; }
.div_privacy { width:100%; }
.div_privacy span { width:100%; display:block; }
.div_privacy { width:100%; } 
.div_privacy a { width:100%; display:block;  font-family: "Oswald",/*"din-2014-narrow",*/ sans-serif;font-weight:300; margin-bottom:10px; }
@media screen and (min-width:600px) {
    .footer_link_area li { width:50%; }
    .footer_link_banner { width:100%; }
    .footer_link_banner .div_privacy { width:180px; text-align:left; }

    .div_companyinfo div:nth-child(2) { padding-top: 5px;}
}

@media screen and (min-width:1200px) {
    footer .footer { display:flex; justify-content:space-between; flex-wrap:wrap; flex-direction: column-reverse;}
    footer .footer .footer_company { width:100%; display:flex; justify-content: space-between;}
    footer .footer .footer_company a.a_company { width:100%; height:auto; }
    footer .footer .footer_company a.a_company:hover { opacity:0.7; }
    footer .footer .footer_company span a { width:auto; display:inline; }
    .banner_recruit img.inline_sp { display:none; }
    .banner_recruit img.inline_pc { width:636px; display:block; } 
    .banner_recruit img.inline_pc:hover { opacity:0.7;}
    footer .footer .footer_link { width:100%; }
    .footer_link_ul { display:none;}
    .footer_link_ul li { width:25%; }
    .footer_link_area { display:none;  }
    
    .footer_link_banner { width:100%; display:flex; justify-content:space-between; flex-wrap:wrap; }
    .footer_link_banner .div_privacy { width:180px; text-align:left; margin-top:10px; }

    .div_companyinfo { width:60%; display:flex; flex-wrap:wrap; }
    .div_companyinfo div:nth-child(1) { width:35%; margin-right:3%; }
    .div_companyinfo div:nth-child(2) { width:35%; padding-top: 5px;}
    .div_companyinfo div:nth-child(3) { width:20%;  }
    .footer_wrap { background:#000; padding:30px 0;}
}

.footer_link_wrap { display:none; }
.footer small { line-height:1.7em; }
@media screen and (min-width:1200px) {
    .footer_link_wrap { width:100%; border-bottom:1px solid #fff; margin-bottom:30px; display:block; }
    .footer_link_ul { width:80%; display:flex; justify-content:space-between; margin:0 auto 20px auto; flex-wrap:wrap;  }
    .footer_link_ul li { width:auto; }
    .footer_link_ul li a:hover { text-decoration:underline; }
    .footer_link_area { width:100%; display:flex; flex-wrap:wrap; margin:0 auto 20px auto; font-size:14px; }
    .footer_link_area li { width:16.6%; margin-bottom:30px; }
    .footer_link_area li a { width:100%; display:inline-block; font-size:12px; line-height:1.3em; }
    .footer_link_area li a:hover { text-decoration:underline;}
    .footer_link_area li a strong { font-weight:bold; }
    .footer_link_banner { width:105%;}
    .footer_link_banner .div_privacy { margin-top:0; text-align:right; }
    .footer_link_banner .div_privacy a:hover { text-decoration:underline;}
}

/* SNS */
.div_sns { width:50%; height:25px; display:flex; align-items: center; flex-wrap:wrap;  margin:10px 0 10px auto; justify-content: space-between;}
.div_sns a { width:30px; height:100%; }
.div_sns a img { width:100%; }
@media screen and (min-width:600px) {
    .div_sns { width: 20%;}
}
@media screen and (min-width:960px) {
    .div_sns { width:100px; height:25px; display:flex; align-items: center; flex-wrap:wrap; justify-content: space-between;}   
}

.footer_privacy { text-align: center; }
@media screen and (min-width:600px) {
    .footer_privacy { text-align: left; }
}
@media screen and (min-width:960px) {
    .footer_privacy { }
}
@media screen and (min-width:1200px) {
    .footer_privacy { display: none; }
}

.sm_copy { width:100%; text-align:center; display:block; color:#fff; font-size:14px; }