@charset "UTF-8"; 

footer{ width: 100%; position: relative; z-index: 30;}
footer .foot_logo {padding-bottom: 1rem;}
footer .foot_logo a{width:250px;margin: auto;display:block;}
footer .foot_logo img{width: 100%}

footer #foot_cont{background-color:var(--color-black);padding: 1.5rem 0;}
footer #foot_cont [class*="wth_"]{display:flex;}
footer #foot_cont .foot_name{width: fit-content;color:#fff;font-weight:700;display: flex;justify-content: flex-start;align-items: center;flex-wrap: wrap;gap: 0.25rem 0.75rem;padding-right:1.5rem; border-right: 1px solid #fff;}
footer #foot_cont .foot_name [class*="pttl_S"]{line-height:1;color: #999;}
footer #foot_cont .foot_name .pttl_S1{width:100%;}
footer #foot_cont .foot_name .pttl_S2{font-size:300%;}

footer .foot_menu{display: flex; row-gap:1rem;justify-content: center;flex: 1;align-items: center;}
footer .foot_menu li{position: relative;min-width:13%;}
footer .foot_menu li a{color: #fff;display: block;padding: 0.5rem 2vw;text-align: center;white-space:nowrap;line-height: 1;}
footer .foot_menu li:before{content: "";width: 1px;height:0.75rem;margin: auto; display: block;background-color: #fff; position: absolute;left:0;top:0;bottom:0;}
footer .foot_menu li:first-child:before{display: none;}
footer .foot_sns{display: flex;justify-content: center;align-items: center;padding-top: 1rem;}
footer .foot_sns li:first-child{color:#fff;font-size:var(--font-S);padding-right: 1rem;}
footer .foot_sns li a img{width:2.5rem;}
footer .foot_copyr{font-size:var(--font-SS);color:var(--color-black);text-align: center;padding: 0.75rem 50px;font-weight: 500;}


@media only screen and (max-width: 760px) { 
footer #foot_cont [class*="wth_"]{flex-direction: column;gap:1.5rem;}
footer #foot_cont .foot_name{width: fit-content;padding-right:0; border-right-style:none;}
footer .foot_menu{align-items: flex-start; flex-direction: column;row-gap:0.25rem;}
footer .foot_menu li a{padding-left:1rem;}
footer .foot_menu li:first-child:before{display: block;}

}