footer {padding:0px 0 30px 0;background: #FFFF02; color:#000; position:relative; }
.fbox { width:100%; display: flex;justify-content: space-between;margin: 0 auto;flex-wrap:wrap; }


.fright {width:100%;text-align: right;}
.fpp {width:100%; margin:0px auto 10px auto; color:#000; font-size:14px; text-align:center; display:block;}
.fpp:hover { text-decoration:none;}
.fcopyright {width: 100%;margin:20px auto 0 auto;font-size:14px; display:block;text-align:center; line-height:1.3em; }
.fcopyright img { width:235px; margin-bottom:20px; }
.fmenu_sp { width:100%; margin-bottom:30px; }
.fmenu_sp li { width:100%; padding:13px 5%; border-bottom:1px solid #ccc; }
.fmenu_sp li a { display:flex; align-items: center; color:#000; }
.fmenu_sp li a em { font-size:20px;font-family: "futura-pt-bold", sans-serif;font-weight: 700;margin-right:10px; font-style:normal; }
.fmenu_sp li a span { font-size:12px;}
.fmenu_sp li a img { margin-left:10px; position:absolute; right:5%; display:none; }
.fmenu { display:none}
.sp_entry { width:100%; height:auto; color:#fff;text-align:center; }
.sp_entry_wrap { width:200px; margin:0 auto;  display:flex; align-items: center; }
@media screen and (min-width: 840px) {
}
@media screen and (min-width:900px) {
    .fpp { margin-bottom:0; }
    .fbox { max-width:900px; padding:30px 0 0 0; display: flex;justify-content: space-between;margin: 0 auto; flex-wrap:wrap; }
    .fleft {width:26%;text-align: left;}
    .fcompany { width: auto;display: block;margin: 0 auto 10px auto; color: #fff; text-align:left; font-weight:bold; }
    .fcompany:hover { color:#ffff00;}
    .fcorp {margin: 0;color: #fff; font-size:14px; text-align:left;}
    .fcorp:hover { color:#ffff00;}
    .fright { width:100%; max-width:900px; text-align:center;}
    .fmenu_sp {display: none;}
    .fmenu { display: flex;justify-content:space-between;margin: 0 auto 20px auto;text-align: center;}
    .fmenu li {padding:0;line-height: 1.7;}
    .fmenu li a { display:block; color:#000; font-size: 14px;line-height: 1.2;}
    .fmenu li a:hover {color:#000;}

}


footer li a { width:80%; text-align:center; }
@media screen and (min-width:900px) {
  footer li a { width:100%; text-align:center; }
}

footer a {
    position: relative; /* 相対位置指定 */
    display: inline-block; /* 必要に応じて */
    overflow:visible; /* 要素外の画像を非表示にする */
    text-align:center; 
  }
  
  


  @media screen and (min-width:900px) {  
  footer a:hover::after {
    content: ''; /* コンテンツを空にする */
    position: absolute; /* 絶対位置指定 */
    bottom:10px;
    left: 50%; /* 左端から中央に配置 */
    transform: translate(-50%, -50%); /* 中央揃え */
    width:50px; /* 要素の幅と同じ */
    height:20px; /* 要素の高さと同じ */
    background-image: url('https://www.daylife-recruit.com/img/color.png');
    background-size: contain; /* 画像を要素に合わせて表示 */
    opacity: 1; /* 初期状態は不透明 */
    transition: opacity 0.3s ease; /* フェードのアニメーション */
    margin:0 auto; 
  }


  footer a.a_company:hover::after {
    content: ''; /* コンテンツを空にする */
    position: absolute; /* 絶対位置指定 */
    bottom:65px;
    left: 50%; /* 左端から中央に配置 */
    transform: translate(-50%, -50%); /* 中央揃え */
    width:100px; /* 要素の幅と同じ */
    height:50px; /* 要素の高さと同じ */
    background-image: url('https://www.daylife-recruit.com/img/color.png');
    background-size: contain; /* 画像を要素に合わせて表示 */
    opacity: 1; /* 初期状態は不透明 */
    transition: opacity 0.3s ease; /* フェードのアニメーション */
    margin:0 auto; 
  }


}