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



/*PC*/
@media print, screen and (min-width: 769px) {

#requirement {width: 1000px; margin: 120px auto; }

#requirement h3 { position: relative; font-size: 2em; margin: 100px 0 20px; padding: 0 70px 0 0; display: inline-block; }
#requirement h3::after {
content: '';
background: linear-gradient(90deg, #00488a, #087fba);
width: 60px; height: 2px;
position: absolute;
top: 50%; right: 0;
}

#requirement ul { padding: 50px; background: linear-gradient(90deg, #00488a, #087fba); }
#requirement ul li { margin-bottom: 70px; color: #fff; }
#requirement ul li h4 {
position: relative;
border-bottom: 1px solid #888;
padding: 0 0 10px;
margin: 0 0 20px;
font-size: 1.2em;
}
#requirement ul li h4::after {
content: "";
width: 100px; height: 1px;
background-color: #fff;
position: absolute;
bottom: -1px; left: 0;
}

#requirement ul li p { font-size: 0.9em; }
#requirement ul li p span { display: block; padding-top: 20px; font-size: 1.1em; }
#requirement ul li p span:first-child { padding-top: 0px; }



}


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

#requirement { width: 90%; margin: 80px auto; }

#requirement h3 { position: relative; font-size: 1.4em; margin: 80px 0 20px; padding: 0 50px 0 0; display: inline-block; }
#requirement h3::after {
content: '';
background: linear-gradient(90deg, #00488a, #087fba);
width: 40px; height: 2px;
position: absolute;
top: 50%; right: 0;
}

#requirement ul { padding: 30px; background: linear-gradient(90deg, #00488a, #087fba); }
#requirement ul li { margin-bottom: 50px; color: #fff; }
#requirement ul li h4 {
position: relative;
border-bottom: 1px solid #888;
padding: 0 0 10px;
margin: 0 0 20px;
font-size: 1em;
}
#requirement ul li h4::after {
content: "";
width: 100px; height: 1px;
background-color: #fff;
position: absolute;
bottom: -1px; left: 0;
}

#requirement ul li p { font-size: 0.9em; }
#requirement ul li p span { display: block; padding-top: 20px; font-size: 1.1em; }
#requirement ul li p span:first-child { padding-top: 0px; }



}