@charset "utf-8";

.fmenu_sp li a.sp_recruit:link span { color:#00E0E0; }
.fmenu_sp li a.sp_recruit:link em { color:#00E0E0; }
.fmenu_sp li a.sp_recruit:visited span { color:#00E0E0; }
.fmenu_sp li a.sp_recruit:visited em { color:#00E0E0; }

#g-nav.panelactive ul li a.a_recruit:link span { color:#FFFF02;}
#g-nav.panelactive ul li a.a_recruit:visited span { color:#FFFF02;}

footer a.f_recruit:link::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; 
  }
  

.top { flex-wrap:wrap; }
.top_wrap { height:auto; }
.dl_outline { width:100%; display:flex; flex-wrap:wrap; justify-content: space-between; margin-bottom:20px;  }
.dl_outline dt{ width:100%; background:#F4F4F4; padding:5px 0 5px 10px; border-bottom:1px solid #fff; font-weight:bold; }
.dl_outline dd { width:100%; padding-left:10px; border-bottom:0; line-height:1.7em;  }
.dl_outline dd p { width:100%; display:inline-block; }
.dl_outline dd a { width:100%; display:block; }
.outlinephoto { display:flex; flex-wrap:wrap; justify-content:space-between;}
.outlinephoto li { width:100%; }
.bottom_wrap { width:100%; }
.outlinephoto li:first-child { width:100%; }
.outlinephoto li:nth-child(2) { width:49%; }
.outlinephoto li:nth-child(3) { width:49%; }
.outlinephoto li img { width:100%; }
.bottom_wrap { width:100%; display:block; margin:0 auto 50px auto; }
.top_wrap {background:none; padding-bottom:0; }

@media screen and (min-width: 840px) {
    .top { display:flex; }
    .ul_top { width:20%; }
    .contents { width:80%; }
    .dl_outline { margin-bottom:0; }
    .dl_outline dt { width:26%; font-weight:normal;  padding:10px 0 10px 10px; }
    .dl_outline dd { width:74%;  border-bottom:1px solid #F4F4F4; display:flex; align-items: center; flex-wrap:wrap; padding-top:10px; padding-bottom:10px; padding-left:2%; }
    .bottom_wrap { width:1090px; }
    .outlinephoto { width:100%; }
    .bottom_wrap { width: 1080px; margin:0 auto 100px auto; display:block; }
    .outlinephoto li:first-child { width:33%; }
    .outlinephoto li:nth-child(2) { width:33%; }
    .outlinephoto li:nth-child(3) { width:33%; }
    #text-container span.japan { margin-top: -230px; }
    .contents { padding-bottom:150px; }

}


#engage-contributions-widget-wrapper { width:100%; margin:0 auto 100px auto; }
.contents { padding-bottom:50px; }