@charset "UTF-8";
/* CSS Document */
/*PC*/
@media print, screen and (min-width: 769px) {

.headArea {
background: url("../images/requirements/hed_img.jpg") center center no-repeat;
background-size: cover;
}

#requirements{
width: 1080px;
margin: 0 auto 100px;
}

#requirements .txt{
font-weight: 700;
margin: 0 0 40px;
text-align: center;
}

#requirements .office_list{
display: flex;
flex-wrap: wrap;
}

#requirements .office_list li{
width: 31.333%;
margin-right: 2%;
margin-bottom: 2%;
border: 1px solid #00672F;
padding: 20px;
box-sizing: border-box;
}

#requirements .office_list li:nth-child(3n){
margin-right: 0;
}

#requirements .office_list li h4{
font-weight: 700;
font-size: 18px;
line-height: 1;
margin-bottom:10px;
position: relative;
border-bottom: 1px solid #00672F;
padding-bottom: 10px;
box-sizing: border-box;
}

#requirements .office_list li p{
margin-bottom: 30px;
}

#requirements .office_list li .l_btn{
background: #00672F;
padding: 10px 20px 10px 10px;
box-sizing: border-box;
border-radius: .4rem;
margin-bottom: 15px;
line-height: 1;
position: relative;
}

#requirements .office_list li .l_btn::before{
content: ">";
position: absolute;
right: 10px;
top: 10px;
font-size: 14px;
line-height: 1;
color: #FFF;
}

#requirements .office_list li .l_btn a{
display: block;
color: #FFF;
text-align: center;
font-size: .9rem;
}

}
/*sp*/
@media only screen and (max-width: 768px) {

.headArea {
background: url("../images/requirements/hed_img.jpg") center center no-repeat;
background-size: cover;
}

#requirements{
width: 90%;
margin: 0 auto 40px;
}

#requirements .txt{
font-weight: 700;
margin: 0 0 30px;
}

#requirements .office_list{
}

#requirements .office_list li{
width:100%;
margin-bottom: 2%;
border: 1px solid #00672F;
padding: 20px;
box-sizing: border-box;
}

#requirements .office_list li:nth-child(3n){
margin-right: 0;
}

#requirements .office_list li h4{
font-weight: 700;
font-size: 16px;
line-height: 1;
margin-bottom:10px;
position: relative;
border-bottom: 1px solid #00672F;
padding-bottom: 10px;
box-sizing: border-box;
}

#requirements .office_list li p{
margin-bottom: 30px;
}

#requirements .office_list li .l_btn{
background: #00672F;
padding: 10px 20px 10px 10px;
box-sizing: border-box;
border-radius: .4rem;
margin-bottom: 15px;
line-height: 1;
position: relative;
}

#requirements .office_list li .l_btn::before{
content: ">";
position: absolute;
right: 10px;
top: 10px;
font-size: 14px;
line-height: 1;
color: #FFF;
}

#requirements .office_list li .l_btn a{
display: block;
color: #FFF;
text-align: center;
font-size: .9rem;
}

}