#footer {
 position: relative;
 width: 100%;
 margin: 0px auto;
 padding: 0 0 0 0;
 background: #302a2e;
}
.f_top{
 background: #fff;
}
.f_top_inner{
 display: flex;
 margin: 60px auto 0;
}
.f_top_inner a:hover{
 opacity: 0.8;
}
.page-recruitment .f_top,.page-composition .f_top {
  background: #e9e9e9;
}
.page-recruitment .career_big_box{
 background: #fff;
}
.f_top_cont01{
 width: 50%;
 margin: 0 5px 0 0;
}
.f_top_cont01 a{
 background: url("../img/common/footer_img01.jpg") 50% 50% no-repeat;
 background-size: cover;
 padding: 60px 0;
 text-decoration: none;
 display: block;
}
.f_top_cont01 a:hover .tit_style02 {
 background: url("../img/common/arrow01.png") 53% 100% no-repeat;
 opacity: 0.8;
}
.f_top_cont01.style02{
 margin: 0 0 0 0;
}
.f_top_cont01.style02 a{
 background: url("../img/common/footer_img02.jpg") 50% 50% no-repeat;
 background-size: cover;
}
.f_top_cont01.style02 .tit_style02{
 padding: 0 0 15px 0;
}
.f_menu{
 padding: 40px 0 40px 0;
}

.f_menu_box{
 display: flex;
 align-items: flex-start;
 justify-content: space-between;
}
.f_bg_txt{
 font-size: 24px;
 font-size: 2.4rem;
 color: #fff;
 text-align: center;
 letter-spacing: 5px;
 text-indent: 5px;
 margin: 0 0 20px 0;
 font-weight: 400;
}
.f_menu_box{
 padding: 0 0 40px 0;
 margin: 0 0 40px 0;
 border-bottom: 1px solid #777777;
}
.f_menu_inner{
 width: auto;
}
.f_menu_inner li a{
 display: block;
 padding: 5px 10px 5px 15px;
 font-size: 13px;
 font-size: 1.3rem;
 color: #fff;
 text-decoration: none;
}
.f_menu_inner li a:hover{
 text-decoration: underline;
}
.f_logo{
 text-align: center;
 margin: 0 0 40px 0;
}
.copyright {
 color: #fff;
 font-size: 10px;
 font-weight: normal;
 text-align: center;
 padding: 5px 0 5px 0;
 background: #302a2e;
 letter-spacing: 1px;
}
.f_menu_sp{
 display: none;
}
.f_menu_sp_inner{
     display: flex;
    align-items: flex-start;
    justify-content: space-between;
}

.f_sns {
 display: flex;
 justify-content: center;
 align-items: center;
}

.f_sns li{
 display: inline-block;
 margin: 0 10px;
}


/************* ページトップ *******************************/

#pagetop {
 position: fixed;
 bottom: 20px;
 right: 20px;
 z-index: 9999;
}
#pagetop a {
 height: 100%;
 display: block;
 position: relative;
 opacity: 1;
}

#pagetop02 {
 position: fixed;
 bottom: 100px;
 right: 0;
 z-index: 9999;
}
#pagetop02 a {
 height: 100%;
 display: block;
 position: relative;
 opacity: 1;
}


/***************************************************************************
画面サイズが850px以下に適用
/***************************************************************************/

@media screen and (max-width : 850px){
 #footer .inner{
  padding: 0 0 0 0;
 }
.f_top_inner {
 flex-wrap: wrap;
 justify-content: center;
}
 .f_top_cont01 {
    width: 100%;
    margin: 0 0 5px 0;
}
 .f_menu_box{
  border: solid #777777;
 border-width: 1px 0 0 0;
  padding: 0 0 0 0;
 }
.f_menu_inner {
 width: 50%;
  border: solid #777777;
 border-width: 0 1px 0 0;
}
 .f_menu_inner:nth-child(2) {
 border-width: 0 0 0 0;
}
 .f_menu_inner li{
 border: solid #777777;
 border-width: 0 0 1px 0;
}
  .f_menu_inner li:nth-child(1){
 border: solid #777777;
 border-width: 1px 0 1px 0;
}
.f_menu_sp{
 display: block;
 margin: 0 0 40px 0;
}
.f_menu_pc{
 display: none;
}
 .f_menu_sp_top a{
  display: block;
  color: #fff;
  text-align: center;
  border: 1px solid #777;
  border-width: 1px 0 1px 0;
      font-size: 13px;
    font-size: 1.3rem;
    padding: 15px 10px 15px 10px;
   }
.f_menu_inner li a {
 font-size: 13px;
 font-size: 1.3rem;
 padding: 15px 10px 15px 43px;
}
}



/***************************************************************************
画面サイズが600px以下に適用
/***************************************************************************/

@media screen and (max-width : 600px){
.f_menu {
 padding: 20px 0 40px 0;
}
.f_bg_txt {
 font-size: 15px;
 font-size: 1.5rem;
 margin: 0 0 20px 0;
}
.f_menu_inner li a {
 font-size: 11px;
 font-size: 1.1rem;
 padding: 15px 10px 15px 26px;
 letter-spacing: 0;
}
.copyright {
 letter-spacing: 0;
}
}