{"id":954,"date":"2026-03-04T16:00:17","date_gmt":"2026-03-04T07:00:17","guid":{"rendered":"https:\/\/www.auto-system.co.jp\/recruit\/?page_id=954"},"modified":"2026-04-15T14:53:36","modified_gmt":"2026-04-15T05:53:36","slug":"numbers","status":"publish","type":"page","link":"https:\/\/www.auto-system.co.jp\/recruit\/numbers\/","title":{"rendered":"\u6570\u5b57\u3067\u898b\u308b\u30aa\u30fc\u30c8\u30b7\u30b9\u30c6\u30e0"},"content":{"rendered":"\n<div class=\"swell-block-fullWide pc-py-80 sp-py-60 has-bg-img alignfull lazyload\" style=\"background-position:49% 46%;background-color:rgba(247, 247, 247, 0.45)\" data-bg=\"https:\/\/www.auto-system.co.jp\/recruit\/wp-content\/uploads\/2026\/03\/131A1212_1_1.jpg\"><div class=\"swell-block-fullWide__inner\">\n<div style=\"height:4vw\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n\n\n\n<h2 class=\"wp-block-heading is-style-section_ttl\">\u6570\u5b57\u3067\u898b\u308b\u30aa\u30fc\u30c8\u30b7\u30b9\u30c6\u30e0<\/h2>\n\n\n\n<div style=\"height:4vw\" aria-hidden=\"true\" class=\"wp-block-spacer\"><\/div>\n<\/div><\/div>\n\n\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n  :root { --primary-color: #1A1ADC; }\n\n  .infographic-card {\n    background: white;\n    width: 90%;\n    max-width: 500px;\n    padding: 40px;\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.05);\n    margin: 20px auto;\n    box-sizing: border-box;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n  .label {\n    font-size: 1.1rem;\n    font-weight: bold;\n    color: #333;\n    margin-bottom: 30px;\n    border-left: 4px solid var(--primary-color);\n    padding-left: 15px;\n    text-align: left;\n    line-height: 1.5;\n  }\n\n  .container {\n    position: relative;\n    width: 200px;\n    height: 200px;\n    margin: 0 auto;\n  }\n\n  .chart-svg {\n    width: 200px;\n    height: 200px;\n    transform: rotate(-90deg);\n    display: block;\n  }\n\n  .bg-circle {\n    fill: none;\n    stroke: #eee;\n    stroke-width: 15;\n  }\n\n  .main-circle {\n    fill: none;\n    stroke: var(--primary-color);\n    stroke-width: 15;\n    stroke-linecap: round;\n    stroke-dasharray: 565.48;\n    stroke-dashoffset: 565.48;\n  }\n\n  .percentage-text {\n    position: absolute;\n    top: 50%;\n    left: 50%;\n    transform: translate(-50%, -50%);\n    font-size: 2.5rem;\n    font-weight: bold;\n    color: var(--primary-color);\n    white-space: nowrap;\n  }\n\n  @media (max-width: 767px) {\n    .infographic-card {\n      padding: 28px 20px;\n    }\n\n    .container {\n      width: 170px;\n      height: 170px;\n    }\n\n    .chart-svg {\n      width: 170px;\n      height: 170px;\n    }\n\n    .bg-circle,\n    .main-circle {\n      stroke-width: 13;\n    }\n\n    .percentage-text {\n      font-size: 2.1rem;\n    }\n  }\n<\/style>\n\n<div class=\"infographic-card\">\n  <div class=\"label\">\u5e73\u5747\u6709\u7d66\u4f11\u6687\u53d6\u5f97\u7387<\/div>\n  <div class=\"container\">\n    <svg class=\"chart-svg\" viewBox=\"0 0 200 200\" aria-hidden=\"true\">\n      <circle class=\"bg-circle\" cx=\"100\" cy=\"100\" r=\"90\"><\/circle>\n      <circle class=\"main-circle\" id=\"js-circle\" cx=\"100\" cy=\"100\" r=\"90\"><\/circle>\n    <\/svg>\n    <div class=\"percentage-text\"><span id=\"js-number\">0<\/span>%<\/div>\n  <\/div>\n<\/div>\n\n<script>\n  window.addEventListener('load', () => {\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\n\n    gsap.registerPlugin(ScrollTrigger);\n\n    const targetValue = 83.0;\n    const circle = document.querySelector('#js-circle');\n    const number = document.querySelector('#js-number');\n    if (!circle || !number) return;\n\n    const circumference = 2 * Math.PI * 90;\n\n    const tl = gsap.timeline({\n      scrollTrigger: {\n        trigger: \".infographic-card\",\n        start: \"top 65%\"\n      }\n    });\n\n    tl.to(circle, {\n      strokeDashoffset: circumference - (circumference * targetValue \/ 100),\n      duration: 2,\n      ease: \"power2.out\"\n    });\n\n    tl.to({ val: 0 }, {\n      val: targetValue,\n      duration: 2,\n      ease: \"power2.out\",\n      onUpdate: function() {\n        number.innerText = this.targets()[0].val.toFixed(1);\n      }\n    }, \"<\");\n  });\n<\/script>\n\n\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n\n<style>\n  :root { --primary-color: #1A1ADC; }\n\n  .overtime-card {\n    background: white;\n    width: 90%;\n    max-width: 500px;\n    padding: 40px;\n    border-radius: 16px;\n    box-shadow: 0 20px 40px rgba(0,0,0,0.05);\n    margin: 20px auto;\n    box-sizing: border-box;\n    font-family: 'Helvetica Neue', Arial, sans-serif;\n  }\n\n  .overtime-title {\n    font-size: 1.1rem;\n    font-weight: bold;\n    margin-bottom: 30px;\n    border-left: 4px solid var(--primary-color);\n    padding-left: 15px;\n    color: #333;\n    line-height: 1.5;\n  }\n\n  .overtime-stat-row {\n    margin-bottom: 25px;\n  }\n\n  .overtime-label-group {\n    display: flex;\n    justify-content: space-between;\n    align-items: flex-end;\n    gap: 12px;\n    margin-bottom: 8px;\n  }\n\n  .overtime-label-text {\n    color: #666;\n    font-size: 0.95rem;\n    font-weight: 700;\n  }\n\n  .overtime-number-display {\n    font-size: 1.8rem;\n    font-weight: 800;\n    color: var(--primary-color);\n    line-height: 1;\n    white-space: nowrap;\n  }\n\n  .overtime-bar-container {\n    width: 100%;\n    height: 12px;\n    background: #eee;\n    border-radius: 6px;\n    overflow: hidden;\n  }\n\n  .overtime-bar-fill {\n    height: 100%;\n    background: var(--primary-color);\n    width: 0%;\n    border-radius: 6px;\n  }\n\n  @media (max-width: 767px) {\n    .overtime-card {\n      padding: 28px 20px;\n    }\n\n    .overtime-number-display {\n      font-size: 1.5rem;\n    }\n\n    .overtime-label-group {\n      align-items: center;\n    }\n  }\n<\/style>\n\n<div class=\"overtime-card\" id=\"js-overtime-trigger\">\n  <div class=\"overtime-title\">\u6708\u5e73\u5747\u6240\u5b9a\u5916\u52b4\u50cd\u6642\u9593<\/div>\n\n  <div class=\"overtime-stat-row\">\n    <div class=\"overtime-label-group\">\n      <span class=\"overtime-label-text\">\u5168\u5f93\u696d\u54e1<\/span>\n      <div class=\"overtime-number-display\">\n        <span class=\"overtime-count\" data-target=\"4.9\">0.0<\/span>h\n      <\/div>\n    <\/div>\n    <div class=\"overtime-bar-container\">\n      <div class=\"overtime-bar-fill\" data-percent=\"25\"><\/div>\n    <\/div>\n  <\/div>\n\n  <div class=\"overtime-stat-row\">\n    <div class=\"overtime-label-group\">\n      <span class=\"overtime-label-text\">\u6b63\u793e\u54e1<\/span>\n      <div class=\"overtime-number-display\">\n        <span class=\"overtime-count\" data-target=\"11.9\">0.0<\/span>h\n      <\/div>\n    <\/div>\n    <div class=\"overtime-bar-container\">\n      <div class=\"overtime-bar-fill\" data-percent=\"60\"><\/div>\n    <\/div>\n  <\/div>\n<\/div>\n\n<script>\n  window.addEventListener('load', () => {\n    if (typeof gsap === 'undefined' || typeof ScrollTrigger === 'undefined') return;\n\n    gsap.registerPlugin(ScrollTrigger);\n\n    const trigger = document.querySelector('#js-overtime-trigger');\n    const bars = document.querySelectorAll('#js-overtime-trigger .overtime-bar-fill');\n    const counters = document.querySelectorAll('#js-overtime-trigger .overtime-count');\n\n    if (!trigger) return;\n\n    const tl = gsap.timeline({\n      scrollTrigger: {\n        trigger: trigger,\n        start: \"top 90%\",\n        toggleActions: \"play none none none\"\n      }\n    });\n\n    bars.forEach((bar) => {\n      const targetWidth = bar.getAttribute('data-percent') + \"%\";\n      tl.to(bar, {\n        width: targetWidth,\n        duration: 1.5,\n        ease: \"power4.out\"\n      }, 0);\n    });\n\n    counters.forEach((counter) => {\n      const targetVal = parseFloat(counter.getAttribute('data-target'));\n      tl.to(counter, {\n        innerText: targetVal,\n        duration: 1.5,\n        ease: \"power4.out\",\n        onUpdate: function() {\n          const current = parseFloat(this.targets()[0].innerText);\n          if (!isNaN(current)) {\n            counter.innerText = current.toFixed(1);\n          }\n        },\n        onComplete: function() {\n          counter.innerText = targetVal.toFixed(1);\n        }\n      }, 0);\n    });\n  });\n<\/script>\n\n\n\n<style>\n    :root { --primary-color: #1A1ADC; --gray-color: #e8e8e8; }\n    \n    .card-ikukyu { \n        background: white; \n        width: 90%; \n        max-width: 500px;\n        padding: 40px; \n        border-radius: 20px; \n        box-shadow: 0 15px 35px rgba(0,0,0,0.05); \n        text-align: center;\n        margin: 20px auto;\n        box-sizing: border-box;\n    }\n\n    .title-ikukyu { \n        font-size: 1.1rem; font-weight: bold; margin-bottom: 35px; \n        border-left: 5px solid var(--primary-color); padding-left: 15px; \n        text-align: left; color: #333; \n    }\n\n    .ikukyu-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-bottom: 25px; }\n    .gender-label { font-size: 0.9rem; font-weight: bold; color: #666; margin-bottom: 15px; letter-spacing: 0.1em; }\n    .icon-list { display: flex; justify-content: center; gap: 10px; }\n    \n    \/* \u30a2\u30a4\u30b3\u30f3\u30b5\u30a4\u30ba\u5fae\u8abf\u6574 *\/\n    .icon-svg { width: 38px; height: 48px; fill: var(--gray-color); }\n\n    .result-box { margin-top: 12px; font-family: sans-serif; }\n    .count-num { font-size: 1.4rem; font-weight: 800; color: #ccc; }\n    .slash { margin: 0 4px; color: #eee; }\n    .total-num { color: #bbb; font-size: 0.9rem; }\n\n    .badge-100 { \n        background: var(--primary-color); color: white; padding: 10px 24px; \n        border-radius: 50px; font-weight: 800; font-size: 1.2rem; \n        display: inline-block; margin-top: 10px; opacity: 0; transform: translateY(10px);\n    }\n@media (max-width: 767px) {\n  .card-ikukyu {\n    padding: 28px 20px;\n  }\n\n  .ikukyu-grid {\n    grid-template-columns: 1fr;\n    gap: 24px;\n  }\n\n  .icon-list {\n    gap: 8px;\n    flex-wrap: nowrap;\n  }\n\n  .icon-svg {\n    width: 32px;\n    height: 40px;\n  }\n\n  .badge-100 {\n    font-size: 1.05rem;\n    padding: 9px 20px;\n  }\n}\n<\/style>\n\n<div class=\"card-ikukyu\" id=\"js-ikukyu-trigger\">\n    <div class=\"title-ikukyu\">\u524d\u5e74\u5ea6\u306e\u80b2\u5150\u4f11\u696d\u5bfe\u8c61\u8005\u6570\u30fb\u53d6\u5f97\u8005\u6570<\/div>\n\n    <div class=\"ikukyu-grid\">\n        <div class=\"gender-col\">\n            <div class=\"gender-label\">\u7537\u6027<\/div>\n            <div class=\"icon-list\">\n                <svg class=\"icon-svg js-m-icon\" viewBox=\"0 0 24 24\"><path d=\"M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2z M14,11c0-1.1-0.9-2-2-2h0c-1.1,0-2,0.9-2,2v6h1.5v6h1v-6h1v6h1v-6H14V11z\"\/><\/svg>\n                <svg class=\"icon-svg js-m-icon\" viewBox=\"0 0 24 24\"><path d=\"M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2z M14,11c0-1.1-0.9-2-2-2h0c-1.1,0-2,0.9-2,2v6h1.5v6h1v-6h1v6h1v-6H14V11z\"\/><\/svg>\n                <svg class=\"icon-svg js-m-icon\" viewBox=\"0 0 24 24\"><path d=\"M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2z M14,11c0-1.1-0.9-2-2-2h0c-1.1,0-2,0.9-2,2v6h1.5v6h1v-6h1v6h1v-6H14V11z\"\/><\/svg>\n            <\/div>\n            <div class=\"result-box\"><span class=\"count-num js-m-num\">0<\/span><span class=\"slash\">\/<\/span><span class=\"total-num\">3\u540d<\/span><\/div>\n        <\/div>\n\n        <div class=\"gender-col\">\n            <div class=\"gender-label\">\u5973\u6027<\/div>\n            <div class=\"icon-list\">\n                <svg class=\"icon-svg js-f-icon\" viewBox=\"0 0 24 24\"><path d=\"M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2z M15.5,18L14,9H10L8.5,18H11v6h2v-6H15.5z\"\/><\/svg>\n                <svg class=\"icon-svg js-f-icon\" viewBox=\"0 0 24 24\"><path d=\"M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2z M15.5,18L14,9H10L8.5,18H11v6h2v-6H15.5z\"\/><\/svg>\n                <svg class=\"icon-svg js-f-icon\" viewBox=\"0 0 24 24\"><path d=\"M12,2c1.1,0,2,0.9,2,2s-0.9,2-2,2s-2-0.9-2-2S10.9,2,12,2z M15.5,18L14,9H10L8.5,18H11v6h2v-6H15.5z\"\/><\/svg>\n            <\/div>\n            <div class=\"result-box\"><span class=\"count-num js-f-num\">0<\/span><span class=\"slash\">\/<\/span><span class=\"total-num\">3\u540d<\/span><\/div>\n        <\/div>\n    <\/div>\n\n    <div class=\"badge-100\" id=\"js-ikukyu-badge\">\u53d6\u5f97\u7387 100%<\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script>\n    window.addEventListener('load', () => {\n        gsap.registerPlugin(ScrollTrigger);\n        const tl = gsap.timeline({ scrollTrigger: { trigger: \"#js-ikukyu-trigger\", start: \"top 65%\" } });\n        const activeColor = \"#1A1ADC\";\n\n        document.querySelectorAll('.js-m-icon').forEach((el, i) => {\n            tl.to(el, { fill: activeColor, duration: 0.4 }, `m+=${i*0.2}`);\n            tl.to('.js-m-num', { innerText: i + 1, duration: 0.1, snap: {innerText:1}, color: activeColor }, `m+=${i*0.2}`);\n        });\n        document.querySelectorAll('.js-f-icon').forEach((el, i) => {\n            tl.to(el, { fill: activeColor, duration: 0.4 }, `f+=${i*0.2}`);\n            tl.to('.js-f-num', { innerText: i + 1, duration: 0.1, snap: {innerText:1}, color: activeColor }, `f+=${i*0.2}`);\n        });\n        tl.to(\"#js-ikukyu-badge\", { opacity: 1, y: 0, duration: 0.6, ease: \"back.out\" }, \"+=0.2\");\n    });\n<\/script>\n\n\n\n<style>\n    :root { \n        --primary-color: #1A1ADC; \n        --sub-color: #E0E0FF; \n        --text-gray: #666; \n    }\n    \n    \/* \u4ed6\u306e\u30ab\u30fc\u30c9\u3068\u5171\u901a\u306e\u67a0\u7d44\u307f\u8a2d\u5b9a *\/\n    .card-woman-manager { \n        background: white; \n        width: 90%; \n        max-width: 500px; \/* \u4ed6\u306e\u30ab\u30fc\u30c9\u3068\u7d71\u4e00 *\/\n        padding: 40px; \n        border-radius: 20px; \n        box-shadow: 0 15px 35px rgba(0,0,0,0.05); \n        margin: 20px auto; \/* \u4e2d\u592e\u914d\u7f6e *\/\n        box-sizing: border-box;\n    }\n\n    .title-manager { \n        font-size: 1rem; font-weight: bold; margin-bottom: 25px; \n        border-left: 5px solid var(--primary-color); padding-left: 15px; \n        line-height: 1.4; color: #333; text-align: left;\n    }\n\n    \/* \u30c9\u30c3\u30c8\u306e\u30b0\u30ea\u30c3\u30c9\u8868\u793a *\/\n    .dot-grid-manager { \n        display: grid; \n        grid-template-columns: repeat(5, 1fr); \n        gap: 12px; \n        width: fit-content;\n        margin: 0 auto 30px; \/* \u30b0\u30ea\u30c3\u30c9\u81ea\u4f53\u3092\u4e2d\u592e\u306b *\/\n    }\n    .dot-manager { \n        width: 24px; height: 24px; \n        background-color: #eee; \n        border-radius: 50%; \n    }\n\n    .info-area-manager { text-align: center; }\n    .main-ratio-manager { font-size: 3rem; font-weight: 900; color: var(--primary-color); margin-bottom: 5px; }\n    .sub-text-manager { font-size: 0.9rem; color: var(--text-gray); font-weight: bold; }\n    .detail-manager { font-size: 0.8rem; color: #999; margin-top: 10px; }\n<\/style>\n\n<div class=\"card-woman-manager\" id=\"js-manager-trigger\">\n    <div class=\"title-manager\">\u5f79\u54e1\u53ca\u3073\u7ba1\u7406\u7684\u5730\u4f4d\u306b\u3042\u308b\u8005\u306b<br>\u5360\u3081\u308b\u5973\u6027\u306e\u5272\u5408<\/div>\n\n    <div class=\"dot-grid-manager\" id=\"js-dot-container\">\n        <\/div>\n\n    <div class=\"info-area-manager\">\n        <div class=\"main-ratio-manager\"><span id=\"js-manager-percent\">0<\/span>%<\/div>\n        <div class=\"sub-text-manager\">25\u540d\u4e2d \u5973\u60274\u540d<\/div>\n        <div class=\"ratio-note-text\">\u203b \u88fd\u9020\u696d\u5e73\u5747 7.9%\uff082024\u5e74\u5e1d\u56fdDB\u8abf\u67fb\uff09<\/div>\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script>\n    window.addEventListener('load', () => {\n        gsap.registerPlugin(ScrollTrigger);\n\n        const container = document.querySelector('#js-dot-container');\n        const total = 25;\n        const female = 4;\n\n        \/\/ \u30c9\u30c3\u30c8\u306e\u751f\u6210\n        for (let i = 0; i < total; i++) {\n            const d = document.createElement('div');\n            d.classList.add('dot-manager');\n            if (i < female) d.classList.add('active-manager');\n            container.appendChild(d);\n        }\n\n        const actives = document.querySelectorAll('.active-manager');\n        const tl = gsap.timeline({\n            scrollTrigger: {\n                trigger: \"#js-manager-trigger\",\n                start: \"top 65%\",\n            }\n        });\n\n        \/\/ \u30c9\u30c3\u30c8\u304c\u9806\u756a\u306b\u8272\u3065\u304f\n        tl.to(actives, {\n            backgroundColor: \"#1A1ADC\",\n            scale: 1.2,\n            duration: 0.4,\n            stagger: 0.15,\n            ease: \"back.out(2)\"\n        });\n\n        tl.to(actives, { scale: 1, duration: 0.2 }, \"-=0.2\");\n\n        \/\/ \u6570\u5b57\u306e\u30ab\u30a6\u30f3\u30c8\u30a2\u30c3\u30d7\n        tl.to(\"#js-manager-percent\", {\n            innerText: 16,\n            duration: 1,\n            snap: { innerText: 1 },\n            ease: \"power2.out\"\n        }, \"<\");\n    });\n<\/script>\n\n\n\n<style>\n    :root { --primary-color: #1A1ADC; }\n    \n    \/* \u4ed6\u306e\u30ab\u30fc\u30c9\u3068\u5171\u901a\u306e\u67a0\u7d44\u307f\u8a2d\u5b9a *\/\n    .card-age-indicator {\n        background: white; \n        width: 90%; \n        max-width: 500px; \/* \u4ed6\u306e\u30ab\u30fc\u30c9\u3068\u7d71\u4e00 *\/\n        padding: 40px; \n        border-radius: 16px;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.05); \n        box-sizing: border-box;\n        margin: 20px auto; \/* \u4e2d\u592e\u914d\u7f6e *\/\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n    }\n\n    .label-age { \n        font-size: 1.1rem; font-weight: bold; color: #333; margin-bottom: 30px; \n        border-left: 4px solid var(--primary-color); padding-left: 15px; text-align: left;\n    }\n\n    .age-row { margin-bottom: 40px; position: relative; }\n    .age-info-group { display: flex; justify-content: space-between; align-items: flex-end; margin-bottom: 10px; }\n    .age-category { font-size: 0.9rem; color: #444; font-weight: bold; }\n    .age-num-display { font-size: 1.8rem; font-weight: 800; color: var(--primary-color); }\n    .age-unit-text { font-size: 1rem; margin-left: 4px; }\n\n    .gauge-track { width: 100%; height: 8px; background: #eee; border-radius: 4px; position: relative; }\n\n    \/* \u52d5\u304f\u30de\u30fc\u30ab\u30fc *\/\n    .age-pin {\n        position: absolute; top: -10px; left: 0%; width: 2px; height: 28px; \n        background: var(--primary-color); transition: opacity 0.3s; opacity: 0;\n    }\n    .age-pin::after {\n        content: ''; position: absolute; top: -5px; left: -4px;\n        border-left: 5px solid transparent; border-right: 5px solid transparent;\n        border-top: 8px solid var(--primary-color);\n    }\n\n    .scale-text { display: flex; justify-content: space-between; margin-top: 8px; font-size: 0.75rem; color: #888; }\n\n    \/* \u5f37\u8abf\u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n    .age-highlight-box {\n        margin-top: 25px; \n        font-size: 0.95rem; \n        font-weight: bold;  \n        color: var(--primary-color); \n        text-align: center;\n        background: #f0f0ff; \n        padding: 15px; \n        border-radius: 10px;\n        line-height: 1.5;\n        border: 1px dashed var(--primary-color); \n    }\n<\/style>\n\n<div class=\"card-age-indicator\" id=\"js-age-block-trigger\">\n    <div class=\"label-age\">\u5e73\u5747\u5e74\u9f62<\/div>\n\n    <div class=\"age-row\">\n        <div class=\"age-info-group\">\n            <span class=\"age-category\">\u6b63\u793e\u54e1<\/span>\n            <div class=\"age-num-display\"><span class=\"js-age-count\" data-age=\"42\">0<\/span><span class=\"age-unit-text\">\u6b73<\/span><\/div>\n        <\/div>\n        <div class=\"gauge-track\">\n            <div class=\"age-pin js-age-pin\" data-percent=\"52.5\"><\/div>\n        <\/div>\n        <div class=\"scale-text\"><span>20\u6b73(MIN)<\/span><span>80\u6b73<\/span><\/div>\n    <\/div>\n\n    <div class=\"age-row\">\n        <div class=\"age-info-group\">\n            <span class=\"age-category\">\u5168\u5f93\u696d\u54e1<\/span>\n            <div class=\"age-num-display\"><span class=\"js-age-count\" data-age=\"48\">0<\/span><span class=\"age-unit-text\">\u6b73<\/span><\/div>\n        <\/div>\n        <div class=\"gauge-track\">\n            <div class=\"age-pin js-age-pin\" data-percent=\"60\"><\/div>\n        <\/div>\n        <div class=\"scale-text\"><span>20\u6b73(MIN)<\/span><span>80\u6b73<\/span><\/div>\n    <\/div>\n\n    <div class=\"age-highlight-box\">\n        20\u4ee3\u304b\u308960\u4ee3\u307e\u3067\u3001<br>\u5e45\u5e83\u3044\u4e16\u4ee3\u304c\u30d0\u30e9\u30f3\u30b9\u3088\u304f\u6d3b\u8e8d\u4e2d\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script>\n    window.addEventListener('load', () => {\n        gsap.registerPlugin(ScrollTrigger);\n\n        const ageTl = gsap.timeline({\n            scrollTrigger: {\n                trigger: \"#js-age-block-trigger\",\n                start: \"top 65%\",\n            }\n        });\n\n        \/\/ \u30d4\u30f3\u3092\u30b9\u30e9\u30a4\u30c9\u3055\u305b\u308b\n        ageTl.to(\".js-age-pin\", {\n            left: (i, el) => el.getAttribute('data-percent') + \"%\",\n            opacity: 1, duration: 1.5, ease: \"power4.out\", stagger: 0.2\n        });\n\n        \/\/ \u6570\u5b57\u3092\u30ab\u30a6\u30f3\u30c8\u30a2\u30c3\u30d7\n        document.querySelectorAll('.js-age-count').forEach(counter => {\n            const target = counter.getAttribute('data-age');\n            ageTl.to(counter, {\n                innerText: target, duration: 1.5, ease: \"power4.out\", snap: { innerText: 1 }\n            }, \"<\");\n        });\n    });\n<\/script>\n\n\n\n<style>\n    :root { \n        --male-color: #1A1ADC;   \/* \u4f01\u696d\u30ab\u30e9\u30fc\u306e\u6fc3\u3044\u9752 *\/\n        --female-color: #7070FF; \/* \u5c11\u3057\u660e\u308b\u3044\u9752\uff08\u540c\u7cfb\u8272\u3067\u8aa0\u5b9f\u3055\u3092\u6f14\u51fa\uff09 *\/\n    }\n    \n    \/* \u4ed6\u306e\u30ab\u30fc\u30c9\u3068\u5171\u901a\u306e\u67a0\u7d44\u307f\u8a2d\u5b9a *\/\n    .card-gender-ratio {\n        background: white; \n        width: 90%; \n        max-width: 500px; \/* \u4ed6\u306e\u30ab\u30fc\u30c9\u3068\u7d71\u4e00 *\/\n        padding: 40px; \n        border-radius: 16px;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.05); \n        box-sizing: border-box;\n        margin: 20px auto; \/* \u4e2d\u592e\u914d\u7f6e *\/\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n    }\n\n    .label-gender { \n        font-size: 1.1rem; font-weight: bold; color: #333; margin-bottom: 35px; \n        border-left: 4px solid var(--male-color); padding-left: 15px; text-align: left;\n    }\n\n    \/* \u7537\u5973\u306e\u30e9\u30d9\u30eb\u3068\u6570\u5b57 *\/\n    .gender-info-row { display: flex; justify-content: space-between; margin-bottom: 15px; }\n    .gender-label-group { display: flex; flex-direction: column; }\n    .gender-name-text { font-size: 0.85rem; color: #888; font-weight: bold; margin-bottom: 5px; }\n    .gender-percent-val { font-size: 1.8rem; font-weight: 800; }\n    .m-color-text { color: var(--male-color); }\n    .f-color-text { color: var(--female-color); text-align: right; }\n\n    \/* \u5206\u5272\u30d0\u30fc\u306e\u30b3\u30f3\u30c6\u30ca *\/\n    .ratio-bar-wrapper {\n        width: 100%; height: 24px; background: #eee; border-radius: 12px;\n        display: flex; overflow: hidden; position: relative;\n    }\n\n    \/* \u5404\u30d0\u30fc\u306e\u521d\u671f\u5e45\u30920\u306b *\/\n    .bar-segment-m { width: 0%; height: 100%; background: var(--male-color); }\n    .bar-segment-f { width: 0%; height: 100%; background: var(--female-color); }\n\n    .ratio-note-text { margin-top: 20px; font-size: 0.8rem; color: #999; text-align: center; }\n<\/style>\n\n<div class=\"card-gender-ratio\" id=\"js-gender-block-trigger\">\n    <div class=\"label-gender\">\u7537\u5973\u6bd4<\/div>\n\n    <div class=\"gender-info-row\">\n        <div class=\"gender-label-group\">\n            <span class=\"gender-name-text\">\u7537\u6027<\/span>\n            <span class=\"gender-percent-val m-color-text\"><span class=\"js-count-m\">0<\/span>%<\/span>\n        <\/div>\n        <div class=\"gender-label-group\">\n            <span class=\"gender-name-text\" style=\"text-align: right;\">\u5973\u6027<\/span>\n            <span class=\"gender-percent-val f-color-text\"><span class=\"js-count-f\">0<\/span>%<\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"ratio-bar-wrapper\">\n        <div class=\"bar-segment-m\" id=\"js-bar-segment-m\"><\/div>\n        <div class=\"bar-segment-f\" id=\"js-bar-segment-f\"><\/div>\n    <\/div>\n\n    <div class=\"ratio-note-text\">\u5168\u5f93\u696d\u54e1\u3092\u5bfe\u8c61\u3068\u3057\u3066\u96c6\u8a08<\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script>\n    window.addEventListener('load', () => {\n        gsap.registerPlugin(ScrollTrigger);\n\n        const genderTl = gsap.timeline({\n            scrollTrigger: {\n                trigger: \"#js-gender-block-trigger\",\n                start: \"top 65%\",\n            }\n        });\n\n        \/\/ \u30d0\u30fc\u304c\u5de6\u53f3\u304b\u3089\u4f38\u3073\u308b\u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\n        genderTl.to(\"#js-bar-segment-m\", { width: \"39%\", duration: 1.5, ease: \"power4.out\" }, 0);\n        genderTl.to(\"#js-bar-segment-f\", { width: \"61%\", duration: 1.5, ease: \"power4.out\" }, 0);\n\n        \/\/ \u6570\u5b57\u30920\u304b\u3089\u30ab\u30a6\u30f3\u30c8\u30a2\u30c3\u30d7\n        genderTl.to(\".js-count-m\", {\n            innerText: 39, duration: 1.5, ease: \"power4.out\",\n            snap: { innerText: 1 }\n        }, 0);\n\n        genderTl.to(\".js-count-f\", {\n            innerText: 61, duration: 1.5, ease: \"power4.out\",\n            snap: { innerText: 1 }\n        }, 0);\n    });\n<\/script>\n\n\n\n<style>\n    :root { \n        --member-main: #1A1ADC;   \/* \u5171\u901a\u306e\u6fc3\u3044\u9752 *\/\n        --member-part-bar: #A0A0FF; \/* \u30d0\u30fc\u306e\u307f\u306b\u4f7f\u7528\u3059\u308b\u8584\u3044\u9752 *\/\n    }\n    \n    .infographic-card-emp {\n        font-family: 'Helvetica Neue', Arial, sans-serif;\n        background: white; \n        width: 90%; \/* \u4ed6\u306e\u30d6\u30ed\u30c3\u30af\u3068\u7d71\u4e00 *\/\n        max-width: 500px; \/* \u4ed6\u306e\u30d6\u30ed\u30c3\u30af\u3068\u7d71\u4e00 *\/\n        padding: 40px; \n        border-radius: 16px;\n        box-shadow: 0 20px 40px rgba(0,0,0,0.05); \n        box-sizing: border-box;\n        margin: 20px auto; \/* \u4e2d\u592e\u914d\u7f6e *\/\n    }\n\n    .label-emp { \n        font-size: 1.1rem; font-weight: bold; color: #333; margin-bottom: 35px; \n        border-left: 4px solid var(--member-main); padding-left: 15px; text-align: left;\n    }\n\n    .emp-labels { display: flex; justify-content: space-between; margin-bottom: 15px; align-items: flex-end; }\n    .emp-item { display: flex; flex-direction: column; }\n    .emp-name { font-size: 0.85rem; color: #666; font-weight: bold; margin-bottom: 5px; }\n    .emp-count { font-size: 1.8rem; font-weight: 800; }\n    \n    \/* \u3010\u4fee\u6b63\u3011\u5de6\u53f3\u3068\u3082\u540c\u3058\u6fc3\u3044\u9752\u306b\u8a2d\u5b9a *\/\n    .main-text { color: var(--member-main); }\n    .part-text { color: var(--member-main); text-align: right; } \/* \u6587\u5b57\u8272\u3092\u7d71\u4e00 *\/\n    \n    .unit-small { font-size: 0.9rem; margin-left: 2px; font-weight: normal; }\n\n    .emp-bar-container {\n        width: 100%; height: 30px; background: #eee; border-radius: 15px;\n        display: flex; overflow: hidden; position: relative;\n    }\n\n    \/* \u30d0\u30fc\u306e\u8272\u306f\u533a\u5225\u304c\u3064\u304f\u3088\u3046\u306b\u7dad\u6301 *\/\n    .bar-main { width: 0%; height: 100%; background: var(--member-main); }\n    .bar-part { width: 0%; height: 100%; background: var(--member-part-bar); }\n\n    .emp-breakdown {\n        margin-top: 20px; font-size: 0.8rem; color: #555; text-align: center;\n        background: #f8f9ff; padding: 12px; border-radius: 8px; line-height: 1.6;\n    }\n    .breakdown-title { font-weight: bold; color: var(--member-main); display: block; margin-bottom: 4px; }\n<\/style>\n\n<div class=\"infographic-card-emp\" id=\"js-emp-trigger\">\n    <div class=\"label-emp\">\u96c7\u7528\u5f62\u614b\u306b\u3088\u308b\u5f93\u696d\u54e1\u6570<\/div>\n\n    <div class=\"emp-labels\">\n        <div class=\"emp-item\">\n            <span class=\"emp-name\">\u6b63\u793e\u54e1\u30fb\u307b\u304b<\/span>\n            <span class=\"emp-count main-text\"><span class=\"count-main\">0<\/span><span class=\"unit-small\">\u540d<\/span><\/span>\n        <\/div>\n        <div class=\"emp-item\">\n            <span class=\"emp-name\" style=\"text-align: right;\">\u30d1\u30fc\u30c8\u793e\u54e1<\/span>\n            <span class=\"emp-count part-text\"><span class=\"count-part\">0<\/span><span class=\"unit-small\">\u540d<\/span><\/span>\n        <\/div>\n    <\/div>\n\n    <div class=\"emp-bar-container\">\n        <div class=\"bar-main\" id=\"js-emp-bar-m\"><\/div>\n        <div class=\"bar-part\" id=\"js-emp-bar-p\"><\/div>\n    <\/div>\n\n    <div class=\"emp-breakdown\">\n        <span class=\"breakdown-title\">\u3010\u6b63\u793e\u54e1\u7cfb\u306e\u5185\u8a33\u3011<\/span>\n        \u6b63\u793e\u54e1(60\u540d) \uff0b \u9650\u5b9a\u793e\u54e1(14\u540d) \uff0b \u5631\u8a17\u793e\u54e1(10\u540d)\n    <\/div>\n<\/div>\n\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/gsap.min.js\"><\/script>\n<script src=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/gsap\/3.12.2\/ScrollTrigger.min.js\"><\/script>\n<script>\n    window.addEventListener('load', () => {\n        gsap.registerPlugin(ScrollTrigger);\n\n        const empTl = gsap.timeline({\n            scrollTrigger: {\n                trigger: \"#js-emp-trigger\",\n                start: \"top 65%\",\n            }\n        });\n\n        empTl.to(\"#js-emp-bar-m\", { width: \"44.2%\", duration: 1.5, ease: \"power4.out\" }, 0);\n        empTl.to(\"#js-emp-bar-p\", { width: \"55.8%\", duration: 1.5, ease: \"power4.out\" }, 0);\n\n        empTl.to(\".count-main\", {\n            innerText: 84, duration: 1.5, ease: \"power4.out\",\n            snap: { innerText: 1 }\n        }, 0);\n\n        empTl.to(\".count-part\", {\n            innerText: 106, duration: 1.5, ease: \"power4.out\",\n            snap: { innerText: 1 }\n        }, 0);\n    });\n<\/script>\n\n\n\n<section class=\"mt-numbers-additions\">\n  <div class=\"mt-card\">\n    <div class=\"mt-title\">kintone\u3067\u69cb\u7bc9\u3057\u305f\u793e\u5185\u30b7\u30b9\u30c6\u30e0\u6570<\/div>\n\n    <div class=\"mt-dx-pc-scene\" aria-hidden=\"true\">\n      <svg class=\"mt-dx-pc-svg\" viewBox=\"0 0 320 180\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n        <!-- shadow -->\n        <ellipse class=\"mt-dx-pc-shadow\" cx=\"160\" cy=\"160\" rx=\"86\" ry=\"10\"><\/ellipse>\n\n        <!-- monitor frame -->\n        <rect class=\"mt-dx-monitor-frame\" x=\"74\" y=\"24\" width=\"150\" height=\"98\" rx=\"12\"><\/rect>\n        <rect class=\"mt-dx-monitor-screen\" x=\"84\" y=\"34\" width=\"130\" height=\"78\" rx=\"8\"><\/rect>\n\n        <!-- screen UI -->\n        <rect class=\"mt-dx-ui-bar js-dx-build js-dx-build-1\" x=\"94\" y=\"44\" width=\"110\" height=\"10\" rx=\"5\"><\/rect>\n\n        <rect class=\"mt-dx-ui-card mt-dx-ui-card-1 js-dx-build js-dx-build-2\" x=\"94\" y=\"64\" width=\"36\" height=\"18\" rx=\"5\"><\/rect>\n        <rect class=\"mt-dx-ui-card mt-dx-ui-card-2 js-dx-build js-dx-build-3\" x=\"136\" y=\"64\" width=\"30\" height=\"18\" rx=\"5\"><\/rect>\n        <rect class=\"mt-dx-ui-card mt-dx-ui-card-3 js-dx-build js-dx-build-4\" x=\"172\" y=\"64\" width=\"22\" height=\"18\" rx=\"5\"><\/rect>\n\n        <rect class=\"mt-dx-ui-line mt-dx-ui-line-1 js-dx-build js-dx-build-5\" x=\"94\" y=\"92\" width=\"86\" height=\"7\" rx=\"3.5\"><\/rect>\n        <rect class=\"mt-dx-ui-line mt-dx-ui-line-2 js-dx-build js-dx-build-6\" x=\"94\" y=\"102\" width=\"62\" height=\"7\" rx=\"3.5\"><\/rect>\n\n        <!-- finished badge -->\n        <g class=\"mt-dx-finish js-dx-build js-dx-build-7\">\n          <rect class=\"mt-dx-finish-badge\" x=\"184\" y=\"90\" width=\"20\" height=\"20\" rx=\"6\"><\/rect>\n          <path class=\"mt-dx-finish-check\" d=\"M189 100 L193 104 L200 96\"><\/path>\n        <\/g>\n\n        <!-- stand -->\n        <rect class=\"mt-dx-monitor-neck\" x=\"144\" y=\"122\" width=\"10\" height=\"16\" rx=\"4\"><\/rect>\n        <rect class=\"mt-dx-monitor-base\" x=\"126\" y=\"138\" width=\"46\" height=\"8\" rx=\"4\"><\/rect>\n\n        <!-- keyboard -->\n        <rect class=\"mt-dx-keyboard\" x=\"98\" y=\"146\" width=\"86\" height=\"10\" rx=\"5\"><\/rect>\n\n        <!-- sparkle -->\n        <circle class=\"mt-dx-spark mt-dx-spark-1\" cx=\"208\" cy=\"50\" r=\"2.2\"><\/circle>\n        <circle class=\"mt-dx-spark mt-dx-spark-2\" cx=\"212\" cy=\"60\" r=\"1.8\"><\/circle>\n      <\/svg>\n    <\/div>\n\n    <div class=\"mt-center\">\n      <span class=\"mt-big-number js-mt-count\" data-target=\"791\" data-decimals=\"0\">0<\/span>\n      <span class=\"mt-unit\">\u4ef6<\/span>\n    <\/div>\n\n    <div class=\"mt-subtext mt-center\">\n      \u3053\u308c\u307e\u3067\u306b\u793e\u5185\u3067\u69cb\u7bc9\u3055\u308c\u305fkintone\u30a2\u30d7\u30ea\u306e\u7dcf\u6570\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mt-numbers-additions\">\n  <div class=\"mt-card\">\n    <div class=\"mt-title\">\u793e\u5185DX\u4eba\u6750\u306f\u4f55\u4eba\uff1f<\/div>\n\n    <div class=\"mt-center mt-dx-main-number\">\n      <span class=\"mt-big-number js-mt-count\" data-target=\"40\" data-decimals=\"0\">0<\/span>\n      <span class=\"mt-dx-slash\">\/<\/span>\n      <span class=\"mt-dx-total\">84<\/span>\n      <span class=\"mt-unit\">\u4eba<\/span>\n    <\/div>\n\n    <div class=\"mt-dx-ratio\">\n      <div class=\"mt-dx-grid\">\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n        <div class=\"mt-dx-person\"><\/div>\n      <\/div>\n\n      <div class=\"mt-dx-highlight\">\n        <strong>\u7d04\u534a\u6570\u306e\u793e\u54e1<\/strong> \u304c<br>\n        DX\u4eba\u6750\u3068\u3057\u3066\u6d3b\u8e8d\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-note mt-center\">\n      2025\u5e74\u306e1\u5e74\u9593\u3067\u5b9f\u969b\u306bkintone\u30a2\u30d7\u30ea\u3092\u4f5c\u6210\u3057\u305f\u4eba\uff1a<br>\n      <span class=\"mt-box-value\">\n        <span class=\"js-mt-count\" data-target=\"16\" data-decimals=\"0\">0<\/span>\u540d\n      <\/span>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mt-numbers-additions\">\n  <div class=\"mt-card mt-globe-card\">\n    <div class=\"mt-title\">\u533b\u7642\u5206\u91ce\u3067\u306e\u5229\u7528\u5b9f\u7e3e<\/div>\n\n    <div class=\"mt-globe-wrap\">\n      <svg viewBox=\"0 0 200 200\" class=\"mt-globe-svg\" aria-hidden=\"true\">\n        <defs>\n          <clipPath id=\"mtGlobeClip\">\n            <circle cx=\"100\" cy=\"100\" r=\"80\"><\/circle>\n          <\/clipPath>\n        <\/defs>\n\n        <!-- \u6d77 -->\n        <circle cx=\"100\" cy=\"100\" r=\"80\" class=\"mt-globe-sea\"><\/circle>\n\n        <!-- \u5927\u9678\u306f\u5186\u306e\u4e2d\u3060\u3051\u8868\u793a -->\n        <g clip-path=\"url(#mtGlobeClip)\" transform=\"translate(6 6) scale(0.93)\">\n          <path class=\"mt-globe-land\" d=\"M 135.1 19.6 L 96.4 22.2 L 89.8 13.3 L 66.2 17.8 L 67.1 13.3 L 55.6 10.7 L 39.1 20.9 L 11.1 54.7 L 16.0 76.0 L 14.7 112.0 L 22.2 98.7 L 39.1 92.0 L 44.4 118.2 L 50.7 115.6 L 56.0 123.6 L 60.0 116.4 L 56.4 104.9 L 61.3 102.2 L 64.9 107.1 L 86.2 90.7 L 86.7 75.6 L 81.3 70.2 L 89.8 67.6 L 93.3 78.2 L 98.7 78.2 L 98.7 68.9 L 112.0 55.1 L 108.0 40.9 L 128.0 28.4 L 132.4 44.9 Z\"><\/path>\n\n          <path class=\"mt-globe-land\" d=\"M 73.3 175.6 L 81.8 189.8 L 91.6 189.8 L 98.2 187.1 L 107.1 187.6 L 119.1 194.2 L 128.9 188.4 L 136.0 181.3 L 135.6 177.3 L 126.2 170.7 L 124.0 165.3 L 119.1 173.3 L 111.1 170.7 L 108.9 164.9 L 102.7 163.6 L 97.8 168.4 L 92.4 168.9 L 85.8 173.3 L 76.9 173.8 Z\"><\/path>\n\n          <path class=\"mt-globe-land\" d=\"M 75.1 135.1 L 72.9 135.1 L 62.2 140.4 L 60.9 141.8 L 62.2 146.2 L 63.6 147.6 L 66.2 148.4 L 68.4 148.4 L 68.9 148.9 L 72.9 148.9 L 74.7 147.6 L 76.4 144.0 L 76.4 142.7 L 74.7 140.0 L 74.7 137.8 L 75.6 136.4 Z\"><\/path>\n\n          <path class=\"mt-globe-land\" d=\"M 152.0 0.0 L 149.3 0.9 L 149.3 3.1 L 150.7 3.1 L 150.2 7.1 L 146.2 12.4 L 145.8 15.1 L 147.1 17.3 L 148.4 17.8 L 149.3 17.3 L 150.2 18.7 L 149.8 21.8 L 151.1 24.4 L 154.7 25.8 L 159.1 22.7 L 159.1 20.9 L 160.0 18.7 L 160.0 16.9 L 157.8 13.8 L 157.8 9.3 L 156.4 5.8 L 156.9 1.8 Z\"><\/path>\n\n          <path class=\"mt-globe-land\" d=\"M 167.1 196.0 L 165.8 196.4 L 164.0 198.7 L 163.1 200.0 L 178.2 200.0 L 177.8 198.2 L 175.1 196.9 L 171.6 196.0 Z\"><\/path>\n        <\/g>\n\n        <!-- \u6570\u5b57\u306e\u5f8c\u308d\u306e\u767d\u5186 -->\n        <circle cx=\"100\" cy=\"100\" r=\"28\" class=\"mt-globe-number-bg\"><\/circle>\n      <\/svg>\n\n      <div class=\"mt-globe-number\">\n        <span class=\"js-mt-count\" data-target=\"34\" data-decimals=\"0\">0<\/span>\n        <span class=\"mt-globe-unit\">\u304b\u56fd\u30fb\u5730\u57df<\/span>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-subtext mt-center\">\n      \u5f53\u793e\u306e\u533b\u7642\u95a2\u9023\u88fd\u54c1\u306f\u3001\u65e5\u672c\u56fd\u5185\u3060\u3051\u3067\u306a\u304f<br>\n      \u6d77\u591634\u304b\u56fd\u30fb\u5730\u57df\u3067\u4f7f\u7528\u3055\u308c\u3066\u3044\u307e\u3059\u3002\n    <\/div>\n\n    <div class=\"mt-domestic-highlight\">\n      \u56fd\u5185\u3067\u306f <strong>\u5168\u90fd\u9053\u5e9c\u770c<\/strong> \u3067\u4f7f\u7528\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mt-numbers-additions\">\n  <div class=\"mt-card mt-harness-card\">\n    <div class=\"mt-title\">\u3053\u308c\u307e\u3067\u306b\u88fd\u4f5c\u3057\u3066\u304d\u305f\u30cf\u30fc\u30cd\u30b9\u306e\u9577\u3055\u306f\uff1f<\/div>\n\n    <div class=\"mt-center\">\n      <span class=\"mt-big-number js-mt-count\" data-target=\"26\" data-decimals=\"0\">0<\/span>\n      <span class=\"mt-unit\">\u4e07km\uff08\u63a8\u5b9a\uff09<\/span>\n    <\/div>\n\n    <div class=\"mt-globe7-wrap\">\n      <div class=\"mt-globe7-grid\">\n        <div class=\"mt-globe7-item js-mt-globe7\"><\/div>\n        <div class=\"mt-globe7-item js-mt-globe7\"><\/div>\n        <div class=\"mt-globe7-item js-mt-globe7\"><\/div>\n        <div class=\"mt-globe7-item js-mt-globe7\"><\/div>\n        <div class=\"mt-globe7-item js-mt-globe7\"><\/div>\n        <div class=\"mt-globe7-item js-mt-globe7\"><\/div>\n        <div class=\"mt-globe7-item js-mt-globe7\"><\/div>\n      <\/div>\n\n      <div class=\"mt-globe7-label\">\n        \u5730\u7403\u7d04<span class=\"js-mt-count\" data-target=\"7\" data-decimals=\"0\">0<\/span>\u5468\u5206\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-route-box\">\n      <div class=\"mt-route-label\">\u6628\u5e741\u5e74\u9593\u306e\u30b1\u30fc\u30d6\u30eb\u7d0d\u5165\u6570\u91cf<\/div>\n      <div class=\"mt-route-value\">\n        \u7d04 <span class=\"js-mt-count\" data-target=\"6300\" data-decimals=\"0\">0<\/span> km\n      <\/div>\n\n      <div class=\"mt-route-line\">\n        <div class=\"mt-route-line-fill js-mt-route-line\" data-width=\"100%\"><\/div>\n        <span class=\"mt-route-start\">\u65e5\u672c<\/span>\n        <span class=\"mt-route-end\">\u30cf\u30ef\u30a4<\/span>\n      <\/div>\n\n      <div class=\"mt-route-highlight\">\n  \u65e5\u672c\u304b\u3089\u30cf\u30ef\u30a4\u307e\u3067\u306e\u8ddd\u96e2\u3068\u307b\u307c\u540c\u3058\uff01\n<\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mt-numbers-additions\">\n  <div class=\"mt-card\">\n    <div class=\"mt-title\">\u88fd\u9020\u8077\u5f93\u696d\u54e1\u304c\u5de5\u5834\u5185\u30921\u65e5\u3067\u6b69\u304f\u5e73\u5747\u6b69\u6570\u30fb\u8ddd\u96e2<\/div>\n\n    <div class=\"mt-walk-scene\">\n      <div class=\"mt-walk-track\"><\/div>\n\n      <div class=\"mt-walker-wrap\" aria-hidden=\"true\">\n        <svg class=\"mt-walker-svg\" viewBox=\"0 0 140 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <!-- shadow -->\n  <ellipse class=\"mt-walker-shadow\" cx=\"62\" cy=\"108\" rx=\"18\" ry=\"4\"><\/ellipse>\n\n  <!-- back arm -->\n  <g class=\"js-arm-back\" transform=\"translate(56 38)\">\n    <rect class=\"mt-limb-back\" x=\"-3\" y=\"0\" width=\"6\" height=\"29\" rx=\"3\"><\/rect>\n  <\/g>\n\n  <!-- back leg -->\n  <g class=\"js-leg-back\" transform=\"translate(59 66)\">\n    <rect class=\"mt-limb-back\" x=\"-3.5\" y=\"0\" width=\"7\" height=\"31\" rx=\"3.5\"><\/rect>\n  <\/g>\n\n  <!-- head -->\n  <circle class=\"mt-body-main\" cx=\"60\" cy=\"18\" r=\"9\"><\/circle>\n\n  <!-- neck -->\n  <rect class=\"mt-body-main\" x=\"57\" y=\"26\" width=\"6\" height=\"5\" rx=\"2.5\"><\/rect>\n\n  <!-- torso : \u5c11\u3057\u7d30\u304f -->\n  <path class=\"mt-body-main\" d=\"\n    M52 32\n    Q60 27 68 32\n    L69 64\n    Q60 69 51 64\n    Z\"><\/path>\n\n  <!-- front arm -->\n  <g class=\"js-arm-front\" transform=\"translate(66 38)\">\n    <rect class=\"mt-limb-front\" x=\"-3\" y=\"0\" width=\"6\" height=\"29\" rx=\"3\"><\/rect>\n  <\/g>\n\n  <!-- front leg -->\n  <g class=\"js-leg-front\" transform=\"translate(63 66)\">\n    <rect class=\"mt-limb-front\" x=\"-3.5\" y=\"0\" width=\"7\" height=\"31\" rx=\"3.5\"><\/rect>\n  <\/g>\n<\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-walk-caption\">\u5de5\u5834\u5185\u3092\u6bce\u65e5\u6b69\u304d\u56de\u3063\u3066\u3044\u307e\u3059<\/div>\n\n    <div class=\"mt-two-col\">\n      <div class=\"mt-box\">\n        <div class=\"mt-box-label\">\u5e73\u5747\u6b69\u6570<\/div>\n        <div class=\"mt-box-value\">\n          <span class=\"js-mt-count\" data-target=\"7443\" data-decimals=\"0\">0<\/span>\u6b69\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-box\">\n        <div class=\"mt-box-label\">\u5e73\u5747\u8ddd\u96e2<\/div>\n        <div class=\"mt-box-value\">\n          <span class=\"js-mt-count\" data-target=\"5.95\" data-decimals=\"2\">0.00<\/span>km\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-note\">\n      \u203b\u76ee\u5b89\u3068\u3057\u3066\u306f\u300c1\u6b69\uff1d\u7d0480cm\u300d\u3067\u63db\u7b97<br>\n      \u88fd\u9020\u793e\u54e14\u540d\u5206\u30011\u9031\u9593\u306e\u5e73\u5747\u3092\u96c6\u8a08\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<section class=\"mt-numbers-additions\">\n  <div class=\"mt-card\">\n    <div class=\"mt-title\">\u4e8b\u52d9\u8077\u5f93\u696d\u54e1\u304c\u672c\u793e\u5185\u30921\u65e5\u3067\u6b69\u304f\u5e73\u5747\u6b69\u6570\u30fb\u8ddd\u96e2<\/div>\n\n    <div class=\"mt-walk-scene\">\n      <div class=\"mt-walk-track\"><\/div>\n\n      <div class=\"mt-walker-wrap\" aria-hidden=\"true\">\n        <svg class=\"mt-walker-svg\" viewBox=\"0 0 140 120\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n  <!-- shadow -->\n  <ellipse class=\"mt-walker-shadow\" cx=\"62\" cy=\"108\" rx=\"18\" ry=\"4\"><\/ellipse>\n\n  <!-- back arm -->\n  <g class=\"js-arm-back\" transform=\"translate(56 38)\">\n    <rect class=\"mt-limb-back\" x=\"-3\" y=\"0\" width=\"6\" height=\"29\" rx=\"3\"><\/rect>\n  <\/g>\n\n  <!-- back leg -->\n  <g class=\"js-leg-back\" transform=\"translate(59 66)\">\n    <rect class=\"mt-limb-back\" x=\"-3.5\" y=\"0\" width=\"7\" height=\"31\" rx=\"3.5\"><\/rect>\n  <\/g>\n\n  <!-- head -->\n  <circle class=\"mt-body-main\" cx=\"60\" cy=\"18\" r=\"9\"><\/circle>\n\n  <!-- neck -->\n  <rect class=\"mt-body-main\" x=\"57\" y=\"26\" width=\"6\" height=\"5\" rx=\"2.5\"><\/rect>\n\n  <!-- torso : \u5c11\u3057\u7d30\u304f -->\n  <path class=\"mt-body-main\" d=\"\n    M52 32\n    Q60 27 68 32\n    L69 64\n    Q60 69 51 64\n    Z\"><\/path>\n\n  <!-- front arm -->\n  <g class=\"js-arm-front\" transform=\"translate(66 38)\">\n    <rect class=\"mt-limb-front\" x=\"-3\" y=\"0\" width=\"6\" height=\"29\" rx=\"3\"><\/rect>\n  <\/g>\n\n  <!-- front leg -->\n  <g class=\"js-leg-front\" transform=\"translate(63 66)\">\n    <rect class=\"mt-limb-front\" x=\"-3.5\" y=\"0\" width=\"7\" height=\"31\" rx=\"3.5\"><\/rect>\n  <\/g>\n<\/svg>\n      <\/div>\n    <\/div>\n\n    <div class=\"mt-walk-caption\">\u30c7\u30b9\u30af\u30ef\u30fc\u30af\u304c\u4e2d\u5fc3\u3067\u3059\u304c\u3001\u30aa\u30d5\u30a3\u30b9\u5185\u3082\u610f\u5916\u3068\u6b69\u3044\u3066\u3044\u307e\u3059<\/div>\n\n    <div class=\"mt-two-col\">\n      <div class=\"mt-box\">\n        <div class=\"mt-box-label\">\u5e73\u5747\u6b69\u6570<\/div>\n        <div class=\"mt-box-value\">\n          <span class=\"js-mt-count\" data-target=\"2500\" data-decimals=\"0\">0<\/span>\u6b69\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-box\">\n        <div class=\"mt-box-label\">\u5e73\u5747\u8ddd\u96e2<\/div>\n        <div class=\"mt-box-value\">\n          <span class=\"js-mt-count\" data-target=\"1.75\" data-decimals=\"2\">0.00<\/span>km\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n\n\n\n\n\n\n\n\n<div class=\"swell-block-fullWide pc-py-60 sp-py-40 alignfull fadein entrycta\" style=\"background-color:#1a1adc\"><div class=\"swell-block-fullWide__SVG -top -bg\" role=\"presentation\" style=\"height:5vw;background-image:url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 100 10&quot; preserveAspectRatio=&quot;none&quot;&gt;<path fill=&quot;%231a1adc&quot; d=&quot;M100,5.58L75,2c0,0-50,7.22-50,7.11L0,5.58V10h75h25V5.58z&quot; \/&gt;<\/svg&gt;')\"><\/div><div class=\"swell-block-fullWide__inner l-article\">\n<h2 class=\"wp-block-heading is-style-section_ttl u-mb-ctrl u-mb-5 entrycta-title has-white-color has-text-color has-link-color wp-elements-f3d9d5e61d85b86fd9acdb38c0a03994\">ENTRY<\/h2>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-huge-font-size wp-elements-0652b12cc07800976b31e06927ee57b9\">\u81ea\u5206\u306e\u5f37\u307f\u306f\u3001\u3053\u308c\u304b\u3089\u898b\u3064\u3051\u308c\u3070\u3044\u3044\u3002<span class=\"pc-break\"><\/span>\u30aa\u30fc\u30c8\u30b7\u30b9\u30c6\u30e0\u3067\u3001\u6700\u521d\u306e\u4e00\u6b69\u3092\u3002<\/p>\n\n\n\n<div class=\"wp-block-buttons is-content-justification-center is-layout-flex wp-container-core-buttons-is-layout-16018d1d wp-block-buttons-is-layout-flex\">\n<div class=\"wp-block-button has-custom-width wp-block-button__width-100 is-style-outline is-style-outline--1\"><a class=\"wp-block-button__link has-white-color has-text-color has-background has-link-color has-large-font-size has-custom-font-size wp-element-button\" href=\"https:\/\/www.auto-system.co.jp\/recruit\/recruit-list\/\" style=\"background-color:#ffffff21\">\u52df\u96c6\u8077\u7a2e\u4e00\u89a7\u306f\u3053\u3061\u3089<\/a><\/div>\n<\/div>\n\n\n\n<p class=\"has-text-align-center has-white-color has-text-color has-link-color has-medium-font-size wp-elements-f4297de902a25b53975180b1c5957f65\">\u65b0\u5352\u30fb\u30ad\u30e3\u30ea\u30a2\u63a1\u7528\u30fb\u30d1\u30fc\u30c8\uff0f\u30a2\u30eb\u30d0\u30a4\u30c8\u306e\u52df\u96c6\u60c5\u5831\u3092\u63b2\u8f09\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n<\/div><div class=\"swell-block-fullWide__SVG -bottom -bg\" role=\"presentation\" style=\"height:5vw;background-image:url('data:image\/svg+xml;charset=UTF-8,<svg xmlns=&quot;http:\/\/www.w3.org\/2000\/svg&quot; viewBox=&quot;0 0 100 10&quot; preserveAspectRatio=&quot;none&quot;&gt;<path fill=&quot;%231a1adc&quot; d=&quot;M0,4.42L25,8c0,0,50-7.22,50-7.11l25,3.53V0H25H0V4.42z&quot; \/&gt;<\/svg&gt;')\"><\/div><\/div>\n","protected":false},"excerpt":{"rendered":"<p>\u5e73\u5747\u6709\u7d66\u4f11\u6687\u53d6\u5f97\u7387 0% \u6708\u5e73\u5747\u6240\u5b9a\u5916\u52b4\u50cd\u6642\u9593 \u5168\u5f93\u696d\u54e1 0.0h \u6b63\u793e\u54e1 0.0h \u524d\u5e74\u5ea6\u306e\u80b2\u5150\u4f11\u696d\u5bfe\u8c61\u8005\u6570\u30fb\u53d6\u5f97\u8005\u6570 \u7537\u6027 0\/3\u540d \u5973\u6027 0\/3\u540d \u53d6\u5f97\u7387 100% \u5f79\u54e1\u53ca\u3073\u7ba1\u7406\u7684\u5730\u4f4d\u306b\u3042\u308b\u8005\u306b\u5360\u3081\u308b\u5973\u6027\u306e\u5272\u5408 0 [&hellip;]<\/p>\n","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"swell_btn_cv_data":"","footnotes":""},"class_list":["post-954","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/954","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/comments?post=954"}],"version-history":[{"count":72,"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/954\/revisions"}],"predecessor-version":[{"id":1167,"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/pages\/954\/revisions\/1167"}],"wp:attachment":[{"href":"https:\/\/www.auto-system.co.jp\/recruit\/wp-json\/wp\/v2\/media?parent=954"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}