/* 採用情報ページのcss設定 */



.contents_area {

    position: relative;

    margin: 2rem 0;

    max-width: 100%;

}



.contents_area div.promo_text {

    position: absolute;

    top: 20%;

    left: 3%;



    line-height: 2rem;

}



span.title {

    font-size: 1.875rem;

}



.contents_area div.promo_text p {

    margin: 1rem 5px 1.75rem 5px;

    font-size: 0.875rem;

}





#recruit_area span.title {

    color: #86c23a;

}



#company_area span.title {

    color: #fff;

}



.contents_area div.promo_text a:active {

    background: rgba(0,0,0,0);

}



.contents_area div.promo_btn {

    display: table-cell;

    width: 300px;

    height: 50px;

    vertical-align: middle;

    text-align: center;



    font-size: 1.5rem;

    border: solid #404040 3px;

    border-radius: 5px;



    color: #404040;

    background: #fff;

    text-decoration: none;

}



.contents_area div.promo_btn:hover,

.contents_area div.promo_btn:active {

    background: rgba(255, 255, 255, 0.3);

}





#recruit_area div.promo_btn{

    color: #86c23a;

    border-color: #86c23a;

}

#company_area div.promo_btn{

    color: #4082de;

    border-color: #4082de;

}



.contents_area div.promo_btn img {

    height: 1.25rem;

    margin-left: 0.25rem;

    margin-top: -0.25rem;

}









/* 858px以下*/



@media screen and (max-width: 858px) {





.contents_area div.promo_text {

    top: 10%;

    left: 3%;

    margin: 0 1rem;

}



.contents_area div.promo_text p {

    margin: 1rem 5px;

}



#recruit_area span.title {



    /* 文字の影（縁取り用） */

    text-shadow    : 

       2px  2px 0px #fff,

      -2px  2px 0px #fff,

       2px -2px 0px #fff,

      -2px -2px 0px #fff,

       2px  0px 0px #fff,

       0px  2px 0px #fff,

      -2px  0px 0px #fff,

       0px -2px 0px #fff;

}





}



/* 510以下*/



@media screen and (max-width: 510px) {



.contents_area div.promo_text {

    top: 15%;

    left: 2%;

    margin: 0 auto;



    line-height: 1.2rem;

}



span.title {

    font-size: 1.25rem;

}





.contents_area div.promo_text p {

    margin: 1rem 5px;

    font-size: 0.75rem;

}

#company_area div.promo_text p {

    color: rgba(255, 255, 255, 0.9);



}





}