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

#requirements{
position: relative;
margin: 0 auto 120px;
overflow: hidden;
}

#requirements .section_wrap{
width: 1000px;
margin: 0 auto;
position: relative;
}

#requirements .link_list{
display: flex;
flex-wrap: wrap;
margin: 0 auto 60px;
}

#requirements .link_list li{
width: 31.333%;
margin: 0 2% 2% 0;
}

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

#requirements .section_wrap .common_btn_box{
text-align: center;
}

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

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

.headArea::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0,0,0,.4);
}

#requirements{
position: relative;
margin: 0 auto 60px;
overflow: hidden;
}

#requirements .section_wrap{
width: 90%;
margin: 0 auto 60px;
position: relative;
}

#requirements .link_list{
width: 100%;
margin: 0 auto 30px;
}

#requirements .link_list li{
width: 100%;
margin: 0 0 15px;
}


#requirements .section_wrap .common_btn_box{
text-align: center;
}

#requirements .com_table {
width:100%;
margin:0 auto 60px;
font-size: .8rem;
}


#requirements .com_table tr:nth-child(2n-1){
background: rgba(0,0,0,.02)
}

#requirements .com_table th {
width: 100%;
padding: 10px;
text-align: left;
font-weight: 700;
position: relative;
display: block;
}

#requirements .com_table td {
width: 100%;
padding: 10px;
position: relative;
display: block;
}

#requirements .c_sttl{
font-size:1rem;
font-weight: 800;
color: rgba(0,70,0,1);
background: -webkit-linear-gradient(0deg, rgba(0,100,0),rgba(0,0,0,1));
background-clip: border-box;
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
margin: 0 0 10px;
line-height: 1.6;
}

#requirements .section_wrap .common_btn_box{
text-align: center;
}


}