@charset "utf-8";

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

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

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

#g-nav-list ul li a.a_works { }
#g-nav-list ul li a.a_works strong { }
#g-nav-list ul li a.a_works:link { }
#g-nav-list ul li a.a_works span.btnarrow::before{content: '';position: absolute;bottom:-8px;left:15%; width: 85%; height: 1px;  }
#g-nav-list ul li a.a_works span.btnarrow::afer{content: '';position: absolute;bottom:-3px;right:0;width: 15px;height:1px;transform: rotate(35deg);}
.fmenu_sp .sp_works:link em {} 
.fmenu_sp .sp_works:link span {} 
.fmenu_sp .sp_works:visited em {} 
.fmenu_sp .sp_works:visited span {} 
.fmenu_sp li a.sp_works img {}  

.inlin_pc { display:none; } 
.contents.pc { display:none; } 
@media screen and (min-width: 840px) {
    .inlin_pc { display:block; } 
    .contents.pc { display:block; } 
    .ul_top li.li_photo img { width:1054px; }
}


/*トップ*/
.ul_top li.li_photo { margin-top:10px; }
.img_back { width:100%; overflow:hidden;}
.top_wrap { padding-bottom:30px; }
.ul_top li.li_photo p { width:90%; margin: 0 auto; margin-top:15px; text-align: left; }
@media screen and (min-width: 840px) {
    .ul_top li.li_photo p { width:100%; font-size:18px; }
}

.contents { width:100%; }
.contents img { width:100%; }
@media screen and (min-width: 840px) {
    .contents { max-width:1080px; }
}

.p_lead { width:90%; margin-left:5%; } 
@media screen and (min-width: 840px) {
    .p_lead { width:85%; margin-left:15%; } 
}

@media screen and (min-width: 840px) {
    #text-container span.japan { margin-top:-150px; }
}