{"id":1037,"date":"2022-07-04T16:08:03","date_gmt":"2022-07-04T07:08:03","guid":{"rendered":"https:\/\/www.esco.co.jp\/recruit\/?page_id=1037"},"modified":"2026-03-24T08:43:17","modified_gmt":"2026-03-23T23:43:17","slug":"infographics","status":"publish","type":"page","link":"https:\/\/www.esco.co.jp\/recruit\/infographics\/","title":{"rendered":"\u6570\u5b57\u3067\u898b\u308b\u30a6\u30c1\u30c0\u30a8\u30b9\u30b3"},"content":{"rendered":"\n<div class=\"p-eyecatch\">\n    <div class=\"p-eyecatch-overlay\">\n        <div class=\"p-eyecatch-inner\">\n            <h1 class=\"c-h1\">INFOGRAPHICS\n<br><span class=\"c-h1-sub\">\u6570\u5b57\u3067\u898b\u308b\u30a6\u30c1\u30c0\u30a8\u30b9\u30b3<\/span><\/h1>\n<div class=\"c-breadcrumb\"><ul class=\"c-breadcrumb-list\"><li><a href=\"https:\/\/www.esco.co.jp\/recruit\/\">RECRUIT SITE TOP<\/a><\/li><li><span>\u6570\u5b57\u3067\u898b\u308b\u30a6\u30c1\u30c0\u30a8\u30b9\u30b3<\/span><\/li><\/ul><\/div>\n        <\/div>\n    <\/div>\n<\/div>\n\n\n<section class=\"c-section\">\r\n    <div class=\"c-section-container\">\r\n                \n<div class=\"infographic lazyblock-infographic-Z23rU8i\">\n<div><h3>\u5275\u696d<\/h3>\n<div class=\"content\"><div><div class=\"infographic-bg\" style=\"background-image:url(https://www.esco.co.jp/recruit/\/recruit\/images\/infographic_bg_bld.png);\"><div style=\"font-size:10cqw;text-align:center;line-height:1.25;margin:10% auto;\">\n<span style=\"display:inline-block;\"><span style=\"font-size:66%\">\u8a2d\u7acb<\/span>1976<span style=\"font-size:66%\">\u5e74<\/span>11<span style=\"font-size:66%\">\u6708<\/span>16<span style=\"font-size:66%\">\u65e5<\/span><\/span>\n<span class=\"counter oswald\">53<\/span>\u5e74\n<\/div><\/div>\n<\/div><\/div><\/div>\n<div><h3>\u58f2\u4e0a\u9ad8<\/h3>\n<div class=\"content\"><div><div class=\"infographic-bg\" style=\"background-image:url(https://www.esco.co.jp/recruit/\/recruit\/images\/infographic_bg_coin.png);\">\n<div style=\"font-size:8cqw;text-align:center;line-height:1.25;margin:10% auto;\">\n<span class=\"counter oswald\">20,075<\/span><span style=\"font-weight:bold\">\u767e\u4e07\u5186<\/span>\n<span style=\"display:inline-block;\">(2025\u5e747\u6708\u671f)<\/span>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<div><h3>\u5f93\u696d\u54e1<\/h3>\n<div class=\"content\"><div><div class=\"infographic-bg\" style=\"background-image:url(https://www.esco.co.jp/recruit/\/recruit\/images\/infographic_bg_team.png);\">\n<div style=\"font-size:10cqw;text-align:center;line-height:1.25;\">\n<span class=\"counter oswald\">624<\/span>\u540d\n<span style=\"display:inline-block;font-size:8cqw;\">(2025\u5e747\u6708\u671f)<\/span>\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<div><h3>\u5e73\u5747\u52e4\u7d9a\u5e74\u6570<\/h3>\n<div class=\"content\"><div><div class=\"infographic-bg\" style=\"background-image:url(https://www.esco.co.jp/recruit/\/recruit\/images\/infographic_bg_bag.png);\">\n<div style=\"font-size:10cqw;text-align:center;line-height:1.25;\">\n<span class=\"counter oswald\">16<\/span>\u5e74\n<\/div>\n<\/div>\n<\/div><\/div><\/div>\n<div><h3>\u5e73\u5747\u5e74\u9f62<\/h3>\n<div class=\"content\"><div><div style=\"position:relative;\">\n  <div style=\"aspect-ratio:3\/2;margin-inline:auto;opacity:0.15;\">\n\n<div class=\"bar-chart\" role=\"img\">\n  <div class=\"bars\" style=\"--cols: 4\">\n          <div class=\"bar-wrap\" title=\"20\u4ee3: 20%\">\n        <div class=\"bar\"\n             style=\"--h: 79.411764705882%; --c: #ff0072;\"\n             role=\"img\"\n             aria-label=\"20\u4ee3: 20%\">\n        <span class=\"val\">20<\/span>\n        <div class=\"lab\">20\u4ee3<\/div>\n        <\/div>\n      <\/div>\n          <div class=\"bar-wrap\" title=\"30\u4ee3: 23%\">\n        <div class=\"bar\"\n             style=\"--h: 83.823529411765%; --c: #1cc1b9;\"\n             role=\"img\"\n             aria-label=\"30\u4ee3: 23%\">\n        <span class=\"val\">23<\/span>\n        <div class=\"lab\">30\u4ee3<\/div>\n        <\/div>\n      <\/div>\n          <div class=\"bar-wrap\" title=\"40\u4ee3: 23%\">\n        <div class=\"bar\"\n             style=\"--h: 83.823529411765%; --c: #200dac;\"\n             role=\"img\"\n             aria-label=\"40\u4ee3: 23%\">\n        <span class=\"val\">23<\/span>\n        <div class=\"lab\">40\u4ee3<\/div>\n        <\/div>\n      <\/div>\n          <div class=\"bar-wrap\" title=\"50\u4ee3: 34%\">\n        <div class=\"bar\"\n             style=\"--h: 100%; --c: #985ccc;\"\n             role=\"img\"\n             aria-label=\"50\u4ee3: 34%\">\n        <span class=\"val\">34<\/span>\n        <div class=\"lab\">50\u4ee3<\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n<\/div>\n\n  <\/div>\n  <div style=\"position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:10cqw;\">\n    <span class=\"counter oswald\">42<\/span>\u6b73\n  <\/div>\n<\/div>\n<\/div><\/div><\/div>\n<div><h3>\u8077\u7a2e<\/h3>\n<div class=\"content\"><div><div style=\"aspect-ratio:3\/2;margin-inline:auto;\">\n\n<div class=\"bar-chart\" role=\"img\">\n  <div class=\"bars\" style=\"--cols: 5\">\n          <div class=\"bar-wrap\" title=\"FE: 45%\">\n        <div class=\"bar\"\n             style=\"--h: 100%; --c: #2424ca;\"\n             role=\"img\"\n             aria-label=\"FE: 45%\">\n        <span class=\"val\">45<\/span>\n        <div class=\"lab\">FE<\/div>\n        <\/div>\n      <\/div>\n          <div class=\"bar-wrap\" title=\"NE: 11%\">\n        <div class=\"bar\"\n             style=\"--h: 62.222222222222%; --c: #ff99cc;\"\n             role=\"img\"\n             aria-label=\"NE: 11%\">\n        <span class=\"val\">11<\/span>\n        <div class=\"lab\">NE<\/div>\n        <\/div>\n      <\/div>\n          <div class=\"bar-wrap\" title=\"SE: 13%\">\n        <div class=\"bar\"\n             style=\"--h: 64.444444444444%; --c: #00cc99;\"\n             role=\"img\"\n             aria-label=\"SE: 13%\">\n        <span class=\"val\">13<\/span>\n        <div class=\"lab\">SE<\/div>\n        <\/div>\n      <\/div>\n          <div class=\"bar-wrap\" title=\"\u55b6\u696d: 19%\">\n        <div class=\"bar\"\n             style=\"--h: 71.111111111111%; --c: #31d9ed;\"\n             role=\"img\"\n             aria-label=\"\u55b6\u696d: 19%\">\n        <span class=\"val\">19<\/span>\n        <div class=\"lab\">\u55b6\u696d<\/div>\n        <\/div>\n      <\/div>\n          <div class=\"bar-wrap\" title=\"Staff: 12%\">\n        <div class=\"bar\"\n             style=\"--h: 63.333333333333%; --c: #ffc000;\"\n             role=\"img\"\n             aria-label=\"Staff: 12%\">\n        <span class=\"val\">12<\/span>\n        <div class=\"lab\">Staff<\/div>\n        <\/div>\n      <\/div>\n      <\/div>\n<\/div>\n\n<\/div>\n<\/div><\/div><\/div>\n<div><h3>\u7537\u5973\u6bd4\u7387<\/h3>\n<div class=\"content\"><div>\n<div class=\"twin-circle \">\n  <div><div class=\"circle\" style=\"background:#1ca9b7\">\n    <div class=\"value oswald\">78<\/div>\n    <div class=\"label\"><i class=\"fa fa-mars\" aria-hidden=\"true\"><\/i><\/div>\n  <\/div><\/div>\n  <div><div class=\"circle\" style=\"background:#f02686\">\n    <div class=\"value oswald\">22<\/div>\n    <div class=\"label\"><i class=\"fa fa-venus\" aria-hidden=\"true\"><\/i><\/div>\n  <\/div><\/div>\n<\/div>\n\n<\/div><\/div><\/div>\n<div><h3>\u65b0\u5352\/<span style=\"letter-spacing:-.1em;\">\u30ad\u30e3\u30ea\u30a2<\/span> \u5272\u5408<\/h3>\n<div class=\"content\"><div>\n<div class=\"twin-circle \">\n  <div><div class=\"circle\" style=\"background:#bb2b2b\">\n    <div class=\"value oswald\">60<\/div>\n    <div class=\"label\">\u65b0\u5352<\/div>\n  <\/div><\/div>\n  <div><div class=\"circle\" style=\"background:#1d5f4c\">\n    <div class=\"value oswald\">40<\/div>\n    <div class=\"label\"><span style=\"letter-spacing:-.1em;font-size:90%\">\u30ad\u30e3\u30ea\u30a2<\/span><\/div>\n  <\/div><\/div>\n<\/div>\n\n<\/div><\/div><\/div>\n<\/div>\n\n\n<p class=\"u-align-right\">\u203b2026\u5e741\u6708\u6642\u70b9\u306e\u60c5\u5831\u3067\u3059\u3002<\/p>\n\n\r\n    <\/div>\r\n<\/section>\n\n\n<style>\n.infographic {display:grid;grid-template-columns:1fr 1fr 1fr;color:#eb5c02;\/*font-family:\"Open Sans\",sans-serif;*\/\n\t@media (max-width:768px) {grid-template-columns:1fr 1fr;}\n\t@media (max-width:500px) {grid-template-columns:1fr;}\n\t> div {container-type: inline-size;padding:10%;box-shadow:0 0 1rem rgba(0,0,0,0.1);\n\t\tdisplay: flex;flex-direction: column;\n\t\t.content {color:#555;flex: 1 1 auto;> div {display: flex;align-items: center;justify-content: center;height: 100%;>*{width:100%;}}}\n\t\t.counter {font-size:3em;margin-right:.1em;font-weight:bold;color:#ff7f00;}\n                .oswald {font-family:Oswald;}\n                \n\t}\n\th3 {font-size:8cqw;padding:.25em 1.25em;border-radius:1em;margin-bottom:.5em;color:#fff;background:#eb5c02;text-align:center;letter-spacing: .1em;min-width: 80%;margin-inline: auto;}\/*h3 {font-size:12cqw;font-weight:bold;text-align:center;letter-spacing: .1em;color:#555;}*\/\n\t.infographic-bg {background-repeat:no-repeat;background-position:center;background-size:contain;height: 100%;display: flex;align-items: center;justify-content: center;}\n}\n.bar-chart{container-type:inline-size;width: 100%;height:100%;\/*aspect-ratio: 3 \/ 2;*\/margin: 0 auto;\n.bars{display: grid;grid-template-columns: repeat(var(--cols, 1), 1fr);align-items: end;gap: 2%;position: relative;height:100%;font-size:3cqw;}\n.bar-wrap{display: flex;align-items: flex-end;justify-content: center;height:100%;}\n.bar{position: relative;height: var(--h, 0%);width: 100%;background: var(--c, #4da3ff);min-height: 1vw;transition: height 220ms ease;}\n.val{position: absolute;left: 50%;top:0.5em;transform: translateX(-50%);font-size: 300%;line-height:1;font-weight: 600;color: #fff;white-space: nowrap;pointer-events: none;text-align:center;\n&:after {display:block;content:\"%\";font-size:50%;}\n}\n.lab{color:#fff;font-size:200%;text-align: center;white-space: nowrap; overflow: hidden; text-overflow: ellipsis;position:absolute;bottom:0;left:50%;transform: translateX(-50%);text-align:center;}\n}\n\n.twin-circle {display:grid;grid-template-columns:1fr 1fr;gap:5%;width:100%;margin:10% auto;\n\t.circle {overflow:hidden;width:100%;height:100%;aspect-ratio:1\/1;border-radius:100vw;color:#fff;text-align:center;line-height:1;font-size:20cqw;\n\t\tdisplay:flex;flex-direction: column;justify-content: center;\n\t\t.value {font-size:20cqw;font-weight:bold; &:after {content:\"%\";font-size:50%;font-weight:normal;}}\n\t\t.label {font-size:10cqw;margin-top:.15em;}\n\t}\n}\n<\/style>\n\n\n\n<!--\/\/\n<section class=\"c-section\">\n<div class=\"c-section-container\">\n<h2 class=\"infographics-h2 u-mt90 u-mb30\"><div class=\"u-pt20\"><span>\u6570<\/span><span>\u5b57<\/span><span>\u3067<\/span><span>\u898b<\/span><span>\u308b<\/span><\/div><div class=\"u-pt20\"><img decoding=\"async\" src=\"wp-content\/themes\/recruit2021\/images\/common\/esco_logo.svg\" style=\"\"><\/div><\/h2>\n<\/div>\n\n<div class=\"u-bg-light\" style=\"margin:0 calc(50% - 50vw);\">\n\n<div class=\"c-section-container\">\n<div class=\"infographics-grid2\">\n<div class=\"block1\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202410_block1.png\"><\/div>\n<div class=\"block2\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202401_block2.png\"><\/div>\n<div class=\"block3\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202509_block3.png\"><\/div>\n<div class=\"block4\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202410_block4.png\"><\/div>\n<div class=\"block5\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202510_block5.png\"><\/div>\n<div class=\"block6\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202401_block6.png\"><\/div>\n<div class=\"block7\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202412_block7.png\"><\/div>\n<div class=\"block8\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202412_block8.png\"><\/div>\n<div class=\"block9\"><img decoding=\"async\" src=\"\/recruit\/wp-content\/uploads\/infographics202401_block9.png\"><\/div>\n\n<\/div>\n[comment]<div class=\"infographics-grid\">\n<div class=\"block1\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block1.png\"><\/div><\/div><\/div>\n<div class=\"block2\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block2.png\"><\/div><\/div><\/div>\n<div class=\"block3\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block3.png\"><\/div><\/div><\/div>\n<div class=\"block4\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block4.png\"><\/div><\/div><\/div>\n<div class=\"block5\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block5.png\"><\/div><\/div><\/div>\n<div class=\"block6\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block6.png\"><\/div><\/div><\/div>\n<div class=\"block7\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block7.png\"><\/div><\/div><\/div>\n<div class=\"block8\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block8.png\"><\/div><\/div><\/div>\n<div class=\"block9\"><div><div><img decoding=\"async\" src=\"images\/infographics202401_block9.png\"><\/div><\/div><\/div>\n\n<\/div>[\/comment]\n<\/div>\n<\/div>\n\n\n<div class=\"c-section-container\">\n<p class=\"top-concept-copy u-align-right u-text-x-large u-mb60 u-mt30\">\uff62\u50cd\u304f\u5834\uff63\uff62\u5b66\u3076\u5834\uff63\u3078\u3000\u3000<br>\u300c\u78ba\u304b\u306a\u6280\u8853\u3068\u30d5\u30ec\u30ad\u30b7\u30d6\u30eb\u306a\u30b5\u30fc\u30d3\u30b9\u300d\u3092<\/p>\n<\/div>\n\n<\/section>\n\/\/-->\n","protected":false},"excerpt":{"rendered":"<p>INFOGRAPHICS \u6570\u5b57\u3067\u898b\u308b\u30a6\u30c1\u30c0\u30a8\u30b9\u30b3<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"lzb_talk_member":"%5B%5D"},"categories":[],"acf":[],"_links":{"self":[{"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/1037"}],"collection":[{"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/comments?post=1037"}],"version-history":[{"count":0,"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/1037\/revisions"}],"wp:attachment":[{"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/media?parent=1037"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.esco.co.jp\/recruit\/wp-json\/wp\/v2\/categories?post=1037"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}