@charset "UTF-8";
/* ========================================================================

  /group-recruit/css/styles.css

======================================================================== */



/************************************************************************
  #group-recruit
************************************************************************/
#contents #group-recruit #title {
    background:#fff url(/img/contact_title.png) no-repeat center top;
    background-size:cover;
    width:100%;
    min-width:1100px;
    height:200px;
    text-align:center;
    color:#fff;
    padding:70px 0 0 0;
    box-sizing:border-box;
}

#contents #group-recruit #title h1 {
    text-shadow:2px 2px 8px #333;
    font-size:38px;
    font-weight:bold;
}

#contents #group-recruit #title h1 span {
    display:block;
    font-size:12px;
}

#contents #group-recruit {
    background:url(/img/index_enjoy_bg.png);
    padding:0 0 30px;
}

#contents #group-recruit ul {
    width:1000px;
    margin:auto;
    display:flex;
    flex-wrap:wrap;
    justify-content:space-between;
}

/* ============ smart phone ============ */
@media screen and (max-width:640px) {
#contents #group-recruit #title { margin: 0 0 30px; width:100%; min-width:initial; }

}

/* #group-recruit ul */
#contents #group-recruit ul li { margin-bottom:10px; width:calc(498/1000*100%); }


#contents #group-recruit ul li a { margin:auto; width:100%; height:228px; color:#ffffff; font-size:30px; text-decoration:none; text-align:center; display:flex; justify-content:center; align-items:center; }
#contents #group-recruit ul li a span { font-weight:bold; display:block; }


#contents #group-recruit ul li.new-graduates { background:url("../images/group_recruit_bn_01.png") no-repeat; background-size:100% auto; }
#contents #group-recruit ul li.new-graduates-high { background:url("../images/group_recruit_bn_04.png") no-repeat; background-size:100% auto; }
#contents #group-recruit ul li.part-time { background:url("../images/group_recruit_bn_02.png") no-repeat; background-size:100% auto; }
#contents #group-recruit ul li.career { background:url("../images/group_recruit_bn_03.png") no-repeat; background-size:100% auto; }

#contents #group-recruit ul li:hover { opacity:0.8; }


/* ============ smart phone ============ */
@media screen and (max-width:640px) {

#contents #group-recruit ul { padding:0 25px; width:100%; box-sizing:border-box; }
#contents #group-recruit ul li { width:100%; box-sizing:border-box; /*display:flex;*/ }

}