@charset "utf-8";

.br {display: block !important;}
/*===========================================
HEADER
===========================================*/

/*TOPヘッダー（スマホ）*/
.recruit #s_top_header{
	display:none;
}

/*下層ヘッダー*/
.recruit #s_header{
    position:absolute;
    width: 100%;
    height: 100px;
    background: #fff;
}

.recruit #s_logo {
    position:absolute;
    top: 0;
    z-index: 1;
    padding: 20px;
    display: block;
}

.recruit #s_nav {
    position:fixed;
    right: 2%;
    z-index: 1;
    top: 3%;
}
.recruit .session {
    position: fixed;
    z-index: 1;
    bottom: 0;
    padding: 50px 20px 20px;
    display: flex;
    gap: 10px;
}
.recruit .session a {
    display: block;
    margin: 0 0 10px;
    /* background: #fff; */
    opacity: 1;
}
.recruit .session a img {
    border: 1px solid rgb(17, 17, 17);
    padding: 2px;
    width: 250px;
    box-sizing: border-box;
}

@media (max-width:1023px){
/*TOPヘッダー（スマホ）*/
.recruit #s_top_header{
    /* height: 60px; */
    display:block;
}

.recruit #s_top_logo {
    padding: 20px 10px;
    width: 50%;
    display: block;
}	

/*下層ヘッダー*/
.recruit #s_header{
    height: 80px;
}

.recruit #s_logo {

    padding: 25px 10px;

    width: 50%;

}

.recruit #s_nav {
    position:fixed;
    right: 2%;
    z-index: 1;
    top: 3%;
}


}

@media (max-width:767px){
.br {display: none !important;}
	
/*TOPヘッダー（スマホ）*/
.recruit #s_top_header{
    height: auto;
    display:block;
    padding: 20px 20px 10px;
}
.recruit #s_top_logo {
    padding: 0;
    width: 250px;
    position: relative;
}	


/*下層ヘッダー*/


.recruit #s_logo {

    padding: 21px 10px;

    width: 75%;

}



.recruit #s_nav {

    position:fixed;

    right: 2%;

    z-index: 1;

    top: 3%;

}





.recruit .session {
    bottom: 0;
    padding: 5px;
    z-index:100;
    position:relative;
    gap: 5px;
}
.recruit .session a {
    margin:0 0 5px;
} 





}