@charset "UTF-8";
/* CSS Document */

#recruitmentContent{
padding: 0 0 8%;
}

@media screen and (max-width: 999px){
#recruitmentContent{
padding: 0 0 15%;
}
}/*999*/





#recruitmentApp{
max-width: 1000px;
margin: 0 auto;
padding: 8% 0 0;
}
#recruitmentAppList{
margin: 50px 0 0;
}
#recruitmentAppList table{
font-size: 0.875rem;
border: 1px solid #cdcdcd;
}
#recruitmentAppList table tr th{
border-top: 1px solid #ffffff;
padding: 20px;
background-color: #cde7e3;
text-align: left;
min-width: 150px;
}
#recruitmentAppList table tr:first-child th{
border: none;
}
#recruitmentAppList table tr td{
border: 1px solid #cdcdcd;
border-left: none;
padding: 20px;
background-color: #ffffff;
}
#recruitmentAppEntry{
display: flex;
flex-direction: column;
align-items: center;
margin: 80px 0 0;
}
#recruitmentAppEntry p{
min-width: 400px;
}
#recruitmentAppEntry p a{
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
font-size: 1.5rem;
text-align: center;
line-height: 1.5;
font-weight: 700;
color: #008773;
text-decoration: none;
border: 2px solid #008773;
border-radius: 10px;
padding: 30px 20px;
background-color: #ffffff;
transition: color 200ms ease, background 200ms ease;
}
#recruitmentAppEntry p a:hover{
color: #ffffff;
background-color: #008773;
}
#recruitmentAppEntry p a span{
display: block;
max-width: 300px;
margin: 5px 0 0;
}
#recruitmentAppContact{
display: flex;
flex-direction: column;
align-items: center;
margin: 80px 0 0;
}
#recruitmentAppContact .txt{
display: flex;
flex-direction: column;
align-items: center;
min-width: 400px;
padding: 30px 20px;
border: 2px solid #008773;
border-radius: 10px;
background-color: #ffffff;
text-align: center;
}
#recruitmentAppContact .txt p.title{
font-size: 1.5rem;
line-height: 1.5;
font-weight: 700;
color: #008773;
}
#recruitmentAppContact .txt p.address{
margin: 1em 0 0;
}
#recruitmentAppContact p.attention{
font-size: 0.875rem;
margin: 1em 0 0;
text-indent: -1em;
padding: 0 0 0 1em;
}

@media screen and (max-width: 999px){
#recruitmentApp{
padding: 15% 20px 0;
}
#recruitmentAppList{
margin: 30px 0 0;
}
#recruitmentAppList table{
border: 1px solid #cdcdcd;
}
#recruitmentAppList table tr th{
display: block;
border-top: none;
padding: 10px 20px;
min-width: auto;
}
#recruitmentAppList table tr td{
display: block;
border: none;
padding: 10px 20px;
}
#recruitmentAppEntry{
margin: 40px 0 0;
}
#recruitmentAppEntry p{
width: 100%;
min-width: auto;
max-width: 300px;
}
#recruitmentAppEntry p a{
font-size: min(6.2vw, 1.25rem);
padding: 20px;
}
#recruitmentAppContact{
margin: 40px 0 0;
}
#recruitmentAppContact .txt{
width: 100%;
min-width: auto;
max-width: 400px;
padding: 20px;
}
#recruitmentAppContact .txt p.title{
font-size: min(5.7vw, 1.25rem);
}
#recruitmentAppContact .txt p.address{
font-size: min(3.8vw, 0.875rem);
}
}/*999*/

#recruitmentApp.init{
opacity: 0;
transform: translateY(50px);
}
#recruitmentApp.init.active{
animation: commonShow01 800ms linear forwards, commonShow02 800ms cubic-bezier(0.25, 1, 0.5, 1) forwards;
}