@charset "UTF-8";
/*
NOTICE: Proprietary Source Code
Copyright (c) Best Bridge LLC. All Rights Reserved.

本コードは全工程を電子署名により証拠保全済みです。
不正流用が発覚した場合、以下の措置を講じます。
1. 法的手続き（損害賠償請求等）
2. 貴社の納品先（クライアント）への侵害事実および利用停止の通知
*/

/*==============================================================
#top_recruit
==============================================================*/
#top_recruit{
z-index:5000;
/*--*/
position:relative;
display:block;
width:100%;
height:auto;
margin:0;
border:0;
padding:30px 0 90px 0;
background-color:#FFF;
}

#top_recruit>div{
position:relative;
/*--*/
display:flex;
width:90%;
max-width:1200px;
height:auto;
margin:0 auto;
border:0;
border-radius:5px;
padding:20px;
background-color:#EFEFEF;
/*--*/
flex-direction:row;/*方向*/
flex-wrap:wrap;/*改行*/
justify-content:space-between;/*横揃え*/
align-items:stretch;/*縦揃え*/
}

/*==左==*/
#top_recruit>div>div:nth-of-type(odd){
position:relative;
/*--*/
display:flex;
flex-basis:50%;
height:auto;
margin:0;
border:0;
padding:0;
flex-direction:column;
}

@media screen and (max-width:700px){
#top_recruit>div>div:nth-of-type(odd){
flex-basis:100%;
}
}

#top_recruit>div>div:nth-of-type(odd)>h2{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-top:auto;
margin-bottom:30px;
border:0;
padding:0;
/*--*/
text-align:left;
line-height:1.6;
font-size:clamp(26px, 2vw + 18px, 38px);
font-weight:bold;
color:#666;
}

#top_recruit>div>div:nth-of-type(odd)>p{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin-top:auto;
margin-bottom:0;
border:0;
padding:0;
}

#top_recruit>div>div:nth-of-type(odd)>p>a{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border:0;
border-radius:5px;
padding:20px 10px 20px 36px;
background-image:linear-gradient(to right,#F90,#FC0);
/*--*/
text-align:left;
line-height:1.6;
font-size:100%;
font-weight:bold;
color:#FFF;
}

#top_recruit>div>div:nth-of-type(odd)>p>a::before{
position:absolute;
top:24px;
left:10px;
content:url(../img/all_icon_arrow_right_white.png);
}

/*==右==*/
#top_recruit>div>div:nth-of-type(even){
position:relative;
/*--*/
display:block;
flex-basis:45%;
height:auto;
margin:0;
border:0;
padding:0;
}

@media screen and (max-width:700px){
#top_recruit>div>div:nth-of-type(even){
flex-basis:100%;
}
}

#top_recruit>div>div:nth-of-type(even)>a>img{
position:relative;
/*--*/
display:block;
width:100%;
height:auto;
margin:0;
border-radius:5px;
padding:0;
}