@charset "UTF-8";.bar-chart{background:#fff;padding:10px 20px 50px;position:relative;margin-bottom:100px}.subpage .bar-chart h3{position:absolute;left:50px;top:50px;z-index:100}.subpage .bar-chart h3:after{content:"";display:block;background:url(//www.soft-dt.com/cms/wp-content/themes/soft-dt/images/icon-staff.svg) no-repeat left center;width:100px;height:62px;margin-top:10px}.chart-area h3{margin-bottom:40px}.chart-area{position:relative;width:29%;height:31vw;color:#000;margin:20px 20px 130px;display:inline-block;font-family:'Lato';vertical-align:top}.man{position:absolute;bottom:5%;left:55%;font-weight:700}.man:before{content:"";background:url(//www.soft-dt.com/cms/wp-content/themes/soft-dt/images/icon-men.svg) no-repeat left center;display:inline-block;width:27px;height:34px;margin-right:5px}.woman{position:absolute;top:40%;left:20%;font-weight:700}.woman:before{content:"";background:url(//www.soft-dt.com/cms/wp-content/themes/soft-dt/images/icon-women.svg) no-repeat left center;display:inline-block;width:27px;height:34px;margin-right:5px}.font-size{font-size:300%}.font-size-smaller{font-size:220%}.font-size-smallest{font-size:180%}span.count-up{margin-right:5px;line-height:1em}.age,.years,.chart-recruit,.born-area{position:absolute;font-weight:700;color:#000;text-align:center}.age1{right:15%;top:45%}.age2{right:10%;bottom:5%}.age3{left:30%;bottom:-3%}.age4{left:10%;top:65%}.age5{left:10%;top:45%}.age6{top:35%;left:30%}.smaller-block{font-size:80%}.years1{right:15%;top:45%}.years2{right:10%;bottom:5%}.years3{left:30%;bottom:-3%}.years4{left:10%;top:65%}.years5{top:35%;left:30%}.chart-career{bottom:7%;right:17%}.chart-new{top:55%;left:16%}#box5{width:100%;height:inherit}.area1{bottom:7%;left:59%}.area2{top:35%;left:-10%}#box6 p,#box7 p{background:#fff;padding:45px 20px;margin-bottom:20px;text-align:center;font-weight:700;font-size:150%;border-radius:10px;letter-spacing:5px}#box6 p span.count-up,#box7 p span.count-up{margin-top:10px;display:inline-block}@media only screen and (max-width:1288px){.chart-area{width:28%}#box6 p,#box7 p{font-size:clamp(14px,1.9vw,24px)}}@media only screen and (max-width:1060px){.chart-area{width:27%;font-size:80%}.man{bottom:-4%}}@media only screen and (max-width:1024px){.chart-area{font-size:100%}.years1{top:65%}.years2{bottom:-13%}.years3{top:67%}.area2{bottom:45%}}@media only screen and (max-width:896px){.chart-area{height:27vw;font-size:1.5vw}#box6 p,#box7 p{font-size:1.5vw}.man{bottom:-20%}.age2{right:3%;bottom:-9%}.age3{bottom:-30%}.age4{bottom:-20%}.years2{bottom:-26%}.years3{top:72%}.years4{top:49%}.chart-career{bottom:-14%}.area1{bottom:-14%}}@media only screen and (max-width:813px){.chart-area{width:27%}}@media only screen and (max-width:726px){.chart-area{width:26%}.age4{bottom:-10%}.age5{top:66%}.age7{top:37%}}@media only screen and (max-width:700px){.subpage .bar-chart h3{padding:1em;position:static}}@media only screen and (max-width:667px){.subpage .bar-chart h3:after{background-size:60%;margin-top:0}.chart-area{width:25%;margin-bottom:50px}#box6 p,#box7 p{padding:15px 20px}.area3{top:58%}.age2{right:7%;bottom:3%}}@media only screen and (max-width:561px){.chart-area{width:28%;margin:20px 10px 60px}}@media only screen and (max-width:500px){.bar-chart{margin-bottom:10px;padding:10px 0 60px}.chart-area{width:90%;font-size:4vw;height:80vw;margin-bottom:100px}.chart-area.chart-map{margin-bottom:40vw}.area1{bottom:-5%}.area2{bottom:35%}.area3{top:16%}.area4{top:15.7%}#box6 p,#box7 p{font-size:100%}.man{bottom:-5%}.woman{top:32%}.age1{top:37%}.age3{bottom:-20%}.age4{bottom:-12%}.age5{top:59%}.age6{top:27%}.age7{top:20%}.years1{top:61%}.years2{bottom:-18%}.years3{top:62%}.years4{top:34%}.chart-career{bottom:-4%}.years5{top:24%}}