@charset "UTF-8";
#job #infographics{margin-top: 80px;}
#job #infographics .infographics_item{padding: 0 60px;justify-content: normal;}
.infographics_item{flex-wrap: wrap;}
.infographics_item li{border: 10px solid #0086d9;width: 31%;height: 340px;color: #0086d9;text-align: center;}
.infographics_item li:nth-of-type(n+4){margin-top: 40px;}
.infographics_item li h4{margin-top: 20px;font-size: 30px;line-height: 1.2;font-weight: 500;}
.infographics_item li h4 .sub{font-size: 20px;}
.infographics_item li h4 strong{font-size: 87px;font-family: 'Roboto', sans-serif;font-weight: 600;}
.infographics_item li h4 big{font-size: 50px;font-weight: 500;}
.infographics_item li .note{position: absolute;bottom: 10px;left: 10px;}
.infographics_item li .noteMulti{font-size: 14px;}
.infographics_item li .average{font-size: 30px;font-weight: 500;margin-top: 16px;}
.infographics_item li .average strong{font-size: 42px;font-family: 'Roboto', sans-serif;font-weight: bold;
}
.infographics_item li:nth-of-type(2),
.infographics_item li:nth-of-type(5){animation-delay: 0.2s;}
.infographics_item li:nth-of-type(3),
.infographics_item li:nth-of-type(6){animation-delay: 0.4s;}

@media (min-width: 769px){
.infographics_item li{margin-right: 3%;}
.infographics_item li:nth-of-type(3n){margin-right: 0;}
}

@media (max-width: 840px) and (min-width: 769px){
.infographics_item li{width: 46%;margin-right: 0;height: auto;text-align: center;padding: 8px 5px 5px 5px;background: #fff;}
.infographics_item li:nth-of-type(odd){border-left-width: 20px;}
.infographics_item li:nth-of-type(even){border-right-width: 20px;}
.infographics_item li:nth-of-type(n+4){margin-top: 0;}
.infographics_item li h4 .sub {font-size: 12px;}
.infographics_item li h4 strong {font-size: 78px;}
.note {font-size: 10px;}
.infographics_item li:nth-of-type(odd){animation-delay: 0s;}
.infographics_item li:nth-of-type(even){animation-delay: 0.2s;}
}

@media only screen and (max-width: 768px) {
#job #infographics{margin-top: 0;padding: 0;}
#job #infographics .infographics_item{padding: 0;background: #0086d9;}
.infographics_item{width: 100%;margin-top: 30px;border-top: 5px solid #0086d9;border-bottom: 5px solid #0086d9;}
.infographics_item li{border: 5px solid #0086d9;width: 50%;height: auto;color: #0086d9;text-align: center;padding: 8px 5px 5px 5px;background: #fff;}
.infographics_item li:nth-of-type(odd){border-left-width: 20px;}
.infographics_item li:nth-of-type(even){border-right-width: 20px;}
.infographics_item li:nth-of-type(n+4){margin-top: 0;}
.infographics_item li h4{margin-top: 0;font-size: 16px;line-height: 1.2;}
.infographics_item li h4 .sub{font-size: 10px;}
.infographics_item li h4 strong{font-size: 42px;}
.infographics_item li h4 big{font-size: 27px;}
.infographics_item li .note{position: static;text-align: left;margin-top: 5px;}
.infographics_item li .average{font-size: 16px;margin-top: 0;}
.infographics_item li .average strong{font-size: 27px;}
.infographics_item li .noteMulti{font-size: 11px;}
.infographics_item li:nth-of-type(odd){animation-delay: 0s;}
.infographics_item li:nth-of-type(even){animation-delay: 0.2s;}

}