@charset "UTF-8";

/*-----------------*/
/*----- main ------*/
/*-----------------*/
.page_title{
background-image: url(../img/page_main.webp);
}


/*-----------------*/
/*----- recruit ------*/
/*-----------------*/
.recruit.employment{
margin-top: min(10vw,180px);
}
.recruit .inner{
background-color: var(--color-white);
padding: 0 40px 40px 40px;
}

.recruit_title01{
text-align: center;
font-size: var(--s24);
font-weight: 400;
margin: 0 auto 40px auto;
}
.recruit_title01 span{
display: inline-block;
border: 1px solid;
border-width: 0 1px;
padding: 20px 30px 0 30px;
}

.recruit .box{
margin: 0 auto;
width: 80%;
}
.recruit .box .recruit_title02{
font-size: var(--s20);
font-weight: 400;
}

.recruit .box .recruit_title03{
font-size: var(--s20);
font-weight: 300;
background-color: var(--color-black);
border-radius: 50px;
text-align: center;
padding: 7px 20px;
color: var(--color-white);
margin: 100px 0 0px 0;
}



/*-----------------*/
/*----- indeed ------*/
/*-----------------*/
.indeed_bt a{
max-width: 520px;
display: block;
background-color: var(--color-white);
margin: 0 auto;
text-align: center;
transition: 0.3s ease-out;
}
.indeed_bt a .indeed_bt_box01{
background-color: #00358d;
color: var(--color-white);
padding: 20px;
}
.indeed_bt a .indeed_bt_box02{
padding: 20px;
}
.indeed_bt a .indeed_bt_box02 img{
width: 40%;
}
.indeed_bt a:hover{
opacity: 0.5;
}












/*-----------------*/
/*----- 応募方法 ------*/
/*-----------------*/
.recruit_info{
color: var(--color-white);
}
.recruit_info .content{
border: 1px solid var(--color-white);
padding: 0 40px 40px 40px;
text-align: center;
}
.recruit_info .content .inner{
width: 70%;
margin: 0 auto;
}


.recruit_info .recruit_title01{
color: var(--color-white);
}

.recruit_info .box{
margin: 20px 0;
display: grid;
grid-template-columns: 30% 65%;
gap: 4%;
}
.recruit_info .box .txt{text-align:left;}
.recruit_info .box a{color: var(--color-white);}

.recruit_info .recruit_title03{
font-size: var(--s16);
font-weight: 400;
background-color: var(--color-white);
color: var(--color-black);
display: grid;
place-content: center;
}

.recruit_info .list_kome{
text-align: left;
}

.recruit_info .bt01{margin-top: 10px;}