{"id":24,"date":"2018-07-31T04:26:37","date_gmt":"2018-07-31T04:26:37","guid":{"rendered":"http:\/\/infogram.co.jp\/app-def\/S-102\/chemicaldesign\/?page_id=24"},"modified":"2026-05-29T03:10:20","modified_gmt":"2026-05-29T03:10:20","slug":"home-2","status":"publish","type":"page","link":"https:\/\/infogram.co.jp\/chemicaldesign\/","title":{"rendered":"HOME"},"content":{"rendered":"<style>\r\n  \/* ====== \u5171\u901a ====== *\/\r\n  .lead-accent { color: #DC000C; }\r\n\r\n  \/* ====== \u5c0e\u5165\u5b9f\u7e3e\u30bb\u30af\u30b7\u30e7\u30f3 ====== *\/\r\n  .cd-achievement-wrap {\r\n    background-image: linear-gradient(120deg, #ffffff 0%, #f7f8fa 100%);\r\n  }\r\n  .cd-achievement-section {\r\n    padding: 20px 0 40px;\r\n  }\r\n\r\n  \/* \u30bb\u30af\u30b7\u30e7\u30f3\u898b\u51fa\u3057 *\/\r\n  .cd-section-head { margin-bottom: 56px; }\r\n  .cd-section-head h2 {\r\n    font-size: clamp(1.6rem, 2.4vw, 2.2rem);\r\n    line-height: 1.35;\r\n    font-weight: 900;\r\n    letter-spacing: -0.01em;\r\n    margin-bottom: 20px;\r\n  }\r\n  .cd-head-sub {\r\n    color: #dc000c;\r\n    display: inline-block;\r\n  }\r\n  .cd-section-lead {\r\n    max-width: 720px;\r\n    margin: 0 auto;\r\n    color: #444;\r\n    line-height: 2rem;\r\n    font-size: 1.05rem;\r\n    font-weight: 500;\r\n  }\r\n  .cd-section-lead-sp {\r\n    color: #444;\r\n    line-height: 1.7;\r\n    font-size: .95rem;\r\n    padding: 0 4px;\r\n  }\r\n\r\n  \/* \u7d71\u8a08\u30ab\u30fc\u30c9 *\/\r\n  .cd-stats-grid {\r\n    display: grid;\r\n    grid-template-columns: repeat(3, 1fr);\r\n    gap: 32px;\r\n    margin-bottom: 56px;\r\n  }\r\n  .cd-stat-card { text-align: center; padding: 10px 0; }\r\n  .cd-stat-label {\r\n    color: #1e1e1e;\r\n    font-size: 1rem;\r\n    font-weight: 700;\r\n    margin-bottom: 8px;\r\n  }\r\n  .cd-stat-value-wrap {\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    gap: 4px;\r\n    margin-bottom: 12px;\r\n  }\r\n  .cd-stat-value {\r\n    font-size: clamp(3rem, 6vw, 4.8rem);\r\n    line-height: 1;\r\n    font-weight: 900;\r\n    color: #dc000c;\r\n    letter-spacing: -0.03em;\r\n    font-feature-settings: \"tnum\";\r\n  }\r\n  .cd-stat-unit {\r\n    font-size: 1.1rem;\r\n    font-weight: 700;\r\n    margin-bottom: 10px;\r\n    color: #1e1e1e;\r\n  }\r\n  .cd-stat-desc {\r\n    color: #666;\r\n    font-size: .88rem;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* \u30b0\u30e9\u30d5\u30ab\u30fc\u30c9 *\/\r\n  .cd-chart-container {\r\n    background: #fff;\r\n    border-radius: 20px;\r\n    padding: 48px;\r\n    box-shadow: 0 5px 25px rgba(0, 0, 0, 0.06);\r\n  }\r\n  .cd-chart-header {\r\n    display: flex;\r\n    justify-content: space-between;\r\n    align-items: flex-end;\r\n    margin-bottom: 36px;\r\n    padding-bottom: 18px;\r\n    border-bottom: 1px solid #ececee;\r\n  }\r\n  .cd-chart-header h3 {\r\n    font-size: 1.25rem;\r\n    font-weight: 900;\r\n    letter-spacing: -0.005em;\r\n  }\r\n  .cd-chart-total .num { font-size: 1.6rem; font-weight: 900; color: #1e1e1e; }\r\n  .cd-chart-total .text { font-size: .72rem; color: #888; margin-left: 6px; letter-spacing: .05em; }\r\n  .cd-chart-layout {\r\n    display: grid;\r\n    grid-template-columns: 320px 1fr;\r\n    gap: 64px;\r\n    align-items: center;\r\n  }\r\n  .cd-chart-wrap { max-width: 320px; margin: auto; }\r\n\r\n  \/* \u51e1\u4f8b *\/\r\n  .cd-legend { display: flex; flex-direction: column; gap: 10px; }\r\n  .cd-legend-row {\r\n    display: flex;\r\n    align-items: center;\r\n    gap: 14px;\r\n    padding: 10px 0;\r\n    border-bottom: 1px solid #f3f3f5;\r\n  }\r\n  .cd-dot { width: 10px; height: 10px; border-radius: 50%; flex-shrink: 0; }\r\n  .cd-name { flex: 1; font-size: .92rem; color: #1e1e1e; font-weight: 600; }\r\n  .cd-pct {\r\n    color: #666;\r\n    font-size: .92rem;\r\n    font-weight: 600;\r\n    min-width: 52px;\r\n    text-align: right;\r\n    font-variant-numeric: tabular-nums;\r\n  }\r\n  .cd-chart-note {\r\n    margin-top: 24px;\r\n    padding-top: 18px;\r\n    border-top: 1px solid #ececee;\r\n    font-size: .78rem;\r\n    color: #888;\r\n    line-height: 1.7;\r\n  }\r\n\r\n  \/* WordPress wpautop \u5bfe\u7b56\uff08\u7a7a\u306ep\u30bf\u30b0\u6291\u5236\uff09 *\/\r\n  .cd-achievement-section p:empty { display: none; }\r\n\r\n  \/* \u304a\u554f\u3044\u5408\u308f\u305b\u30bb\u30af\u30b7\u30e7\u30f3 *\/\r\n  #otoiawase .lead-catch {\r\n    position: relative;\r\n    display: inline-block;\r\n    padding-bottom: 14px;\r\n    margin-bottom: 16px;\r\n    color: #2b2b2b;\r\n    letter-spacing: 0.06em;\r\n    line-height: 1.4;\r\n  }\r\n  #otoiawase .cd-section-lead,\r\n  #otoiawase .cd-section-lead-sp {\r\n    max-width: 760px;\r\n    margin: 0 auto 30px;\r\n    color: #555;\r\n    line-height: 1.9;\r\n    font-weight: 400 !important;\r\n  }\r\n\r\n  \/* ====== \u30ec\u30b9\u30dd\u30f3\u30b7\u30d6 ====== *\/\r\n  @media (max-width: 960px) {\r\n    .cd-stats-grid { grid-template-columns: 1fr; gap: 32px; margin-bottom: 40px; }\r\n    .cd-chart-layout { grid-template-columns: 1fr; gap: 32px; }\r\n    .cd-chart-container { padding: 28px 20px; border-radius: 14px; }\r\n    .cd-chart-wrap { max-width: 260px; }\r\n    .cd-chart-header { flex-direction: column; align-items: flex-start; gap: 8px; }\r\n  }\r\n  @media (max-width: 639px) {\r\n    #otoiawase .lead-catch {\r\n      display: block;\r\n      font-size: 1.5rem;\r\n      line-height: 1.5;\r\n      letter-spacing: 0.02em;\r\n      padding-bottom: 14px;\r\n      margin-bottom: 20px;\r\n    }\r\n    #otoiawase .lead-catch::after { width: 48px; height: 3px; }\r\n    #otoiawase .cd-section-lead-sp {\r\n      font-size: 0.95rem;\r\n      line-height: 1.8;\r\n      margin-bottom: 36px;\r\n      text-align: left;\r\n    }\r\n    #otoiawase .otoiawase-box { padding: 28px 20px; }\r\n    #otoiawase .otoiawase-box h2 { font-size: 1.4rem; line-height: 1.5; }\r\n  }\r\n<\/style>\r\n\r\n\r\n<!-- ====== \u30d2\u30fc\u30ed\u30fc\u30bb\u30af\u30b7\u30e7\u30f3 ====== -->\r\n<div class=\"uk-container uk-container-large uk-position-relative\"\r\n  uk-scrollspy=\"target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: false;\">\r\n  <section id=\"hero\" class=\"uk-padding-remove-top\">\r\n    <div class=\"uk-background-norepeat uk-background-width-1-1 uk-background-bottom-left uk-background-blend-overlay uk-section\"\r\n      data-src=\".\/img\/chemtopbg.jpg\"\r\n      data-sources=\".\/img\/chemtopbg.webp\"\r\n      uk-img=\"\"\r\n      style=\"background-image: url('.\/img\/chemtopbg.webp'); background-size: cover;\">\r\n      <div class=\"uk-position-cover\"><\/div>\r\n      <div class=\"uk-grid tm-grid-expand uk-grid-column-small uk-grid-margin\" uk-grid=\"\">\r\n\r\n        <!-- \u30ed\u30b4\uff08PC\u8868\u793a\uff09 -->\r\n        <div class=\"uk-width-1-3@l uk-first-column uk-flex uk-flex-middle uk-visible@l\">\r\n          <div class=\"el-title uk-panel uk-margin-remove-first-child uk-margin\">\r\n            <h2 class=\"uk-margin-top uk-margin-remove-bottom\">\u5316\u5b66\u306e\u300c\u3082\u3063\u3068\u300d\u306b<br class=\"uk-visible@l uk-hidden@xl\">\u5fdc\u3048\u307e\u3059<\/h2>\r\n            <div class=\"uk-visible@l\">\r\n              <picture>\r\n                <source type=\"image\/webp\" srcset=\".\/img\/new-chem-logo.webp\" sizes=\"(min-width: 250px) 100%\">\r\n                <img decoding=\"async\" src=\".\/img\/new-chem-logo.png\" width=\"100%\"\r\n                  class=\"el-image uk-transition-scale-down uk-transition-opaque uk-margin-small-top\"\r\n                  alt=\"\" loading=\"lazy\" style=\"max-width: 400px;\">\r\n              <\/picture>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n        <!-- \u65b0\u30b5\u30fc\u30d3\u30b9\u30fb\u65b0\u30aa\u30d7\u30b7\u30e7\u30f3\u30ab\u30fc\u30c9 -->\r\n        <div class=\"uk-width-2-3@l\">\r\n          <div class=\"new-cont\">\r\n            <div class=\"new-head\">2023\u5e749\u6708\u3088\u308a\u3001Chemical Design\u306f\u65b0\u30b5\u30fc\u30d3\u30b9\u30fb\u65b0\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u8ca9\u58f2\u3092\u958b\u59cb\u81f4\u3057\u307e\u3059\u3002<\/div>\r\n            <div class=\"heroimg-cont\">\r\n              <div class=\"uk-grid uk-child-width-1-1 uk-child-width-1-2@m uk-grid-small@s uk-grid-medium uk-grid-match\">\r\n\r\n                <!-- \u65b0\u30b5\u30fc\u30d3\u30b9 -->\r\n                <div class=\"uk-first-column\">\r\n                  <article class=\"uk-card uk-card-small uk-margin-remove-first-child uk-scrollspy-inview\" uk-scrollspy-class=\"\">\r\n                    <div class=\"uk-card-media-top\">\r\n                      <div class=\"card-inner\">\r\n                        <div class=\"new-midashi\">\u65b0\u30b5\u30fc\u30d3\u30b9<\/div>\r\n                        <div class=\"uk-flex\">\r\n                          <div class=\"uk-text-center uk-margin-small-left\" style=\"width: 63%\">\r\n                            <picture>\r\n                              <source type=\"image\/webp\" srcset=\".\/img\/new-cloud-logo.webp\" sizes=\"(min-width: 230px) 230px\">\r\n                              <img decoding=\"async\" src=\".\/img\/new-cloud-logo.png\" width=\"230\"\r\n                                class=\"el-image uk-transition-scale-down uk-transition-opaque uk-margin-top\"\r\n                                alt=\"\" loading=\"lazy\">\r\n                            <\/picture>\r\n                            <div class=\"uk-margin-small-top\">\uff12\uff10\uff12\uff13\u5e74\uff19\u6708\u3088\u308a<br class=\"uk-visible@l uk-hidden@xl\">\u8ca9\u58f2\u958b\u59cb<\/div>\r\n                            <a class=\"uk-margin-top el-content uk-button uk-button-primary\" href=\".\/about\/\">\u8a73\u3057\u304f\u306f\u3053\u3061\u3089<\/a>\r\n                          <\/div>\r\n                          <div>\r\n                            <picture>\r\n                              <source type=\"image\/webp\" srcset=\".\/img\/new-service.webp\" sizes=\"(min-width: 130px) 130px\">\r\n                              <img decoding=\"async\" src=\".\/img\/new-service.png\" width=\"130\"\r\n                                class=\"uk-margin-top el-image uk-transition-scale-down uk-transition-opaque\"\r\n                                alt=\"\" loading=\"lazy\">\r\n                            <\/picture>\r\n                          <\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/article>\r\n                <\/div>\r\n\r\n                <!-- \u65b0\u30aa\u30d7\u30b7\u30e7\u30f3 -->\r\n                <div class=\"\">\r\n                  <article class=\"uk-card uk-card-small uk-margin-remove-first-child uk-scrollspy-inview\" uk-scrollspy-class=\"\">\r\n                    <div class=\"uk-card-media-top\">\r\n                      <div class=\"card-inner\">\r\n                        <div class=\"new-midashi\">\u65b0\u30aa\u30d7\u30b7\u30e7\u30f3<\/div>\r\n                        <div class=\"uk-flex\">\r\n                          <div class=\"uk-text-center uk-margin-small-left\" style=\"width: 63%\">\r\n                            <div style=\"padding-top: 27px;\" class=\"r-font\">\u30ea\u30b9\u30af\u30a2\u30bb\u30b9\u30e1\u30f3\u30c8<\/div>\r\n                            <div class=\"uk-margin-small-top r-font\">(\u6709\u5bb3\u6027\u30fb\u5371\u967a\u6027)<\/div>\r\n                            <div class=\"uk-margin-small-top\">\uff12\uff10\uff12\uff13\u5e74\uff19\u6708\u3088\u308a<br class=\"uk-visible@l uk-hidden@xl\">\u8ca9\u58f2\u958b\u59cb<\/div>\r\n                            <a class=\"uk-margin-top el-content uk-button uk-button-primary\" href=\".\/option\/\">\u8a73\u3057\u304f\u306f\u3053\u3061\u3089<\/a>\r\n                          <\/div>\r\n                          <div>\r\n                            <picture>\r\n                              <source type=\"image\/webp\" srcset=\".\/img\/new-option.webp\" sizes=\"(min-width: 130px) 130px\">\r\n                              <img decoding=\"async\" src=\".\/img\/new-option.png\" width=\"130\"\r\n                                class=\"uk-margin-top el-image uk-transition-scale-down uk-transition-opaque\"\r\n                                alt=\"\" loading=\"lazy\">\r\n                            <\/picture>\r\n                          <\/div>\r\n                        <\/div>\r\n                      <\/div>\r\n                    <\/div>\r\n                  <\/article>\r\n                <\/div>\r\n\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n        <\/div>\r\n\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n\r\n<!-- ====== \u30b7\u30b9\u30c6\u30e0\u3067\u7ba1\u7406\u3059\u308b\u3068\u3044\u3046\u3053\u3068 ====== -->\r\n<div class=\"uk-container uk-container-large\"\r\n  uk-scrollspy=\"target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 100; repeat: false;\">\r\n  <section id=\"aboutsystem\" class=\"top-about\">\r\n    <div class=\"cont uk-background-blend-multiply uk-flex uk-flex-column uk-flex-center uk-flex-middle uk-background-cover\"\r\n      uk-scrollspy-class=\"\"\r\n      style=\"background-color: rgb(183, 181, 182)\"\r\n      data-src=\"https:\/\/www.infogram.co.jp\/chemicaldesign\/img\/v7\/top-sys-bg.jpg?fit=crop&#038;w=650&#038;h=480&#038;q=80\"\r\n      uk-img=\"loading: eager\">\r\n      <h2 class=\"w900 uk-white tc\">\u30b7\u30b9\u30c6\u30e0\u3067\u7ba1\u7406\u3059\u308b<br class=\"uk-hidden@s\">\u3068\u3044\u3046\u3053\u3068\u3002<\/h2>\r\n\r\n      <!-- PC\u8868\u793a\u30c6\u30ad\u30b9\u30c8 -->\r\n      <div class=\"uk-white uk-text-center uk-visible@s\" uk-scrollspy-class=\"\">\r\n        <p class=\"setumei\">\r\n          \u8a66\u85ac\u3084\u5316\u5b66\u7269\u8cea\u3092\u30b7\u30b9\u30c6\u30e0\u3067\u7ba1\u7406\u3059\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u307f\u3093\u306a\u306e\u300c\u3082\u3063\u3068\u300d\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u3060\u3068\u6211\u3005\u306f\u8003\u3048\u3066\u3044\u307e\u3059\u3002<br>\r\n          &#8220;\u7814\u7a76\u8005&#8221;\u306f\u672c\u6765\u306e\u696d\u52d9\u3067\u3042\u308b\u7814\u7a76\u696d\u52d9\u306b\u300c\u3082\u3063\u3068\u300d\u6ce8\u529b\u3057\u3066\u53d6\u308a\u7d44\u3081\u308b\u3088\u3046\u306b\u3001<br>\r\n          &#8220;\u7ba1\u7406\u8005&#8221;\u306f\u7ba1\u7406\u696d\u52d9\u306e\u8ca0\u8377\u3092\u8efd\u6e1b\u3057\u300c\u3082\u3063\u3068\u300d\u52b9\u7387\u7684\u304b\u3064\u5186\u6ed1\u306b\u7ba1\u7406\u3067\u304d\u308b\u3088\u3046\u306b\u3001<br>\r\n          \u305d\u3093\u306a\u696d\u52d9\u3084\u6a29\u9650\u306e\u7570\u306a\u308b\u5229\u7528\u8005\u306b\u5bfe\u3057\u3066\u3042\u3089\u3086\u308b\u89d2\u5ea6\u304b\u3089\u30b5\u30dd\u30fc\u30c8\u3057<br>\r\n          \u4eca\u3088\u308a\u300c\u3082\u3063\u3068\u300d\u3088\u304f\u306a\u308b\u3088\u3046\u306a\u3001\u305d\u3093\u306a\u30b7\u30b9\u30c6\u30e0\u3092\u4f7f\u3063\u3066\u7ba1\u7406\u3059\u308b\u3053\u3068\u3092\u6211\u3005\u306f\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- \u30b9\u30de\u30db\u8868\u793a\u30c6\u30ad\u30b9\u30c8 -->\r\n      <div class=\"uk-white uk-hidden@s uk-text-left\" uk-scrollspy-class=\"\">\r\n        <p class=\"setumei-sp\">\r\n          \u8a66\u85ac\u3084\u5316\u5b66\u7269\u8cea\u3092\u30b7\u30b9\u30c6\u30e0\u3067\u7ba1\u7406\u3059\u308b\u3068\u3044\u3046\u3053\u3068\u306f\u3001\u307f\u3093\u306a\u306e\u300c\u3082\u3063\u3068\u300d\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u3053\u3068\u3060\u3068\u6211\u3005\u306f\u8003\u3048\u3066\u3044\u307e\u3059\u3002\r\n          &#8220;\u7814\u7a76\u8005&#8221;\u306f\u672c\u6765\u306e\u696d\u52d9\u3067\u3042\u308b\u7814\u7a76\u696d\u52d9\u306b\u300c\u3082\u3063\u3068\u300d\u6ce8\u529b\u3057\u3066\u53d6\u308a\u7d44\u3081\u308b\u3088\u3046\u306b\u3001&#8221;\u7ba1\u7406\u8005&#8221;\u306f\u7ba1\u7406\u696d\u52d9\u306e\u8ca0\u8377\u3092\u8efd\u6e1b\u3057\u300c\u3082\u3063\u3068\u300d\u52b9\u7387\u7684\u304b\u3064\u5186\u6ed1\u306b\u7ba1\u7406\u3067\u304d\u308b\u3088\u3046\u306b\u3001\u305d\u3093\u306a\u696d\u52d9\u3084\u6a29\u9650\u306e\u7570\u306a\u308b\u5229\u7528\u8005\u306b\u5bfe\u3057\u3066\u3042\u3089\u3086\u308b\u89d2\u5ea6\u304b\u3089\u30b5\u30dd\u30fc\u30c8\u3057\u4eca\u3088\u308a\u300c\u3082\u3063\u3068\u300d\u3088\u304f\u306a\u308b\u3088\u3046\u306a\u3001\u305d\u3093\u306a\u30b7\u30b9\u30c6\u30e0\u3092\u4f7f\u3063\u3066\u7ba1\u7406\u3059\u308b\u3053\u3068\u3092\u6211\u3005\u306f\u3054\u63d0\u6848\u3044\u305f\u3057\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n\r\n<!-- ====== \u30b1\u30df\u30ab\u30eb\u30c7\u30b6\u30a4\u30f3\u3068\u306f ====== -->\r\n<div class=\"uk-container uk-container-large\">\r\n  <section id=\"aboutchem\" class=\"bg-gray top-about\"\r\n    uk-scrollspy=\"[uk-scrollspy-class]; cls: uk-animation-fade; delay: 500; repeat: false;\">\r\n    <div class=\"cont\">\r\n      <h2 class=\"w900 uk-text-center\" uk-scrollspy-class=\"\">\u30b1\u30df\u30ab\u30eb\u30c7\u30b6\u30a4\u30f3<br class=\"uk-hidden@s\">\u3068\u306f\uff1f<\/h2>\r\n\r\n      <!-- PC\u8868\u793a\u30c6\u30ad\u30b9\u30c8 -->\r\n      <div class=\"uk-visible@s\" style=\"padding-top: 20px;\" uk-scrollspy-class=\"\">\r\n        <p class=\"setumei\">\r\n          \u30b7\u30ea\u30fc\u30ba\u3092\u901a\u3057\u306620\u5e74\u4ee5\u4e0a\u306e\u5b9f\u7e3e\u306e\u3042\u308b\u5b89\u5b9a\u306e\u8a66\u85ac\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002<br>\r\n          \u4eca\u307e\u3067\u57f9\u3063\u305f\u30ce\u30a6\u30cf\u30a6\u306f\u305d\u306e\u307e\u307e\u7d99\u627f\u3057\u3064\u3064\u3001\u304a\u5ba2\u69d8\u3084\u4e16\u306e\u4e2d\u306e\u52d5\u5411\u306b\u8033\u3092\u50be\u3051\u306a\u304c\u3089\u3001\u958b\u767a\u3057\u307e\u3057\u305f\u3002<br>\r\n          \u30b7\u30f3\u30d7\u30eb\u306a\u753b\u9762\u3068\u7c21\u5358\u306a\u64cd\u4f5c\u3067\u3001\u8ab0\u3067\u3082\u3059\u3050\u306b\u304a\u4f7f\u3044\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- \u30b9\u30de\u30db\u8868\u793a\u30c6\u30ad\u30b9\u30c8 -->\r\n      <div class=\"uk-hidden@s uk-text-left\" style=\"padding-top: 20px;\" uk-scrollspy-class=\"\">\r\n        <p class=\"setumei-sp\">\r\n          \u30b7\u30ea\u30fc\u30ba\u3092\u901a\u3057\u306620\u5e74\u4ee5\u4e0a\u306e\u5b9f\u7e3e\u306e\u3042\u308b\u5b89\u5b9a\u306e\u8a66\u85ac\u7ba1\u7406\u30b7\u30b9\u30c6\u30e0\u3067\u3059\u3002<br>\r\n          \u4eca\u307e\u3067\u57f9\u3063\u305f\u30ce\u30a6\u30cf\u30a6\u306f\u305d\u306e\u307e\u307e\u7d99\u627f\u3057\u3064\u3064\u3001\u304a\u5ba2\u69d8\u3084\u4e16\u306e\u4e2d\u306e\u52d5\u5411\u306b\u8033\u3092\u50be\u3051\u306a\u304c\u3089\u3001\u958b\u767a\u3057\u307e\u3057\u305f\u3002<br>\r\n          \u30b7\u30f3\u30d7\u30eb\u306a\u753b\u9762\u3068\u7c21\u5358\u306a\u64cd\u4f5c\u3067\u3001\u8ab0\u3067\u3082\u3059\u3050\u306b\u304a\u4f7f\u3044\u3044\u305f\u3060\u3051\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <div>\r\n        <img decoding=\"async\" src=\"https:\/\/www.infogram.co.jp\/chemicaldesign\/img\/v7\/top-about-bg.png\" alt=\"\">\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n\r\n<!-- ====== \u5c0e\u5165\u5b9f\u7e3e\u30bb\u30af\u30b7\u30e7\u30f3 ====== -->\r\n<div class=\"uk-container uk-container-expand uk-padding-large cd-achievement-wrap\"\r\n  uk-scrollspy=\"target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 150; repeat: false;\">\r\n  <div class=\"uk-container uk-container-large\">\r\n    <section id=\"achievement\" class=\"cd-achievement-section\">\r\n\r\n      <!-- \u898b\u51fa\u3057 -->\r\n      <div class=\"cd-section-head uk-text-center\" uk-scrollspy-class=\"uk-animation-slide-bottom-small\">\r\n        <h2 class=\"w900\">\r\n          \u9ad8\u3044\u5c02\u9580\u6027\u304c\u6c42\u3081\u3089\u308c\u308b\u73fe\u5834\u3067\u3001<br class=\"uk-hidden@s\">\r\n          <span class=\"cd-head-sub\">\u9078\u3070\u308c\u7d9a\u3051\u308b\u7406\u7531\u3002<\/span>\r\n        <\/h2>\r\n        <p class=\"cd-section-lead uk-visible@s\">\r\n          ChemicalDesign\u306f\u3001\u5316\u5b66\u30fb\u88fd\u85ac\u30fb\u7814\u7a76\u6a5f\u95a2\u3092\u4e2d\u5fc3\u306b\u3001<br>\u53b3\u683c\u306a\u7ba1\u7406\u54c1\u8cea\u304c\u6c42\u3081\u3089\u308c\u308b\u73fe\u5834\u306e\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u3068\u3057\u3066\u6df1\u304f\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059\u3002\r\n        <\/p>\r\n        <p class=\"cd-section-lead-sp uk-hidden@s\">\r\n          ChemicalDesign\u306f\u3001\u5316\u5b66\u30fb\u88fd\u85ac\u30fb\u7814\u7a76\u6a5f\u95a2\u3092\u4e2d\u5fc3\u306b\u3001\u53b3\u683c\u306a\u7ba1\u7406\u54c1\u8cea\u304c\u6c42\u3081\u3089\u308c\u308b\u73fe\u5834\u306e\u30b9\u30bf\u30f3\u30c0\u30fc\u30c9\u3068\u3057\u3066\u6df1\u304f\u4fe1\u983c\u3055\u308c\u3066\u3044\u307e\u3059\u3002\r\n        <\/p>\r\n      <\/div>\r\n\r\n      <!-- \u7d71\u8a08\u30ab\u30fc\u30c93\u3064 -->\r\n      <div class=\"cd-stats-grid\" uk-scrollspy-class=\"uk-animation-slide-bottom-small\">\r\n        <div class=\"cd-stat-card\">\r\n          <p class=\"cd-stat-label\">\u5c0e\u5165\u5b9f\u7e3e<\/p>\r\n          <div class=\"cd-stat-value-wrap\">\r\n            <span class=\"cd-stat-value countup\" data-target=\"350\">0<\/span>\r\n            <span class=\"cd-stat-unit\">\u4ef6<\/span>\r\n          <\/div>\r\n          <p class=\"cd-stat-desc\">\u5316\u5b66\u30fb\u7d20\u6750\u304b\u3089\u98df\u54c1\u30fb\u533b\u7642\u307e\u3067<br>\u5e45\u5e83\u3044\u696d\u7a2e\u3067\u306e\u8c4a\u5bcc\u306a\u5c0e\u5165\u5b9f\u7e3e<\/p>\r\n        <\/div>\r\n        <div class=\"cd-stat-card\">\r\n          <p class=\"cd-stat-label\">\u4e3b\u89813\u696d\u7a2e\u306e\u69cb\u6210\u6bd4<\/p>\r\n          <div class=\"cd-stat-value-wrap\">\r\n            <span class=\"cd-stat-value countup\" data-target=\"66.1\">0<\/span>\r\n            <span class=\"cd-stat-unit\">%<\/span>\r\n          <\/div>\r\n          <p class=\"cd-stat-desc\">\u5316\u5b66\u30fb\u7814\u7a76\u30fb\u88fd\u85ac\u5206\u91ce\u304c<br>\u5168\u4f53\u306e3\u5206\u306e2\u3092\u5360\u3081\u308b\u5c02\u9580\u6027<\/p>\r\n        <\/div>\r\n        <div class=\"cd-stat-card\">\r\n          <p class=\"cd-stat-label\">\u7d99\u7d9a\u30b5\u30dd\u30fc\u30c8\u5e74\u6570<\/p>\r\n          <div class=\"cd-stat-value-wrap\">\r\n            <span class=\"cd-stat-value countup\" data-target=\"26\">0<\/span>\r\n            <span class=\"cd-stat-unit\">\u5e74<\/span>\r\n          <\/div>\r\n          <p class=\"cd-stat-desc\">2000\u5e74\u306e\u30ea\u30ea\u30fc\u30b9\u304b\u3089\u3001\u9577\u304d\u306b\u308f\u305f\u3063\u3066<br>\u69d8\u3005\u306a\u696d\u7a2e\u3092\u30b5\u30dd\u30fc\u30c8<\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <!-- \u696d\u7a2e\u5225\u30b0\u30e9\u30d5 -->\r\n      <div class=\"cd-chart-container\" uk-scrollspy-class=\"uk-animation-slide-bottom-small\">\r\n        <div class=\"cd-chart-header\">\r\n          <h3>\u696d\u7a2e\u5225 \u5c0e\u5165\u69cb\u6210\u6bd4<\/h3>\r\n          <div class=\"cd-chart-total\">\r\n            <span class=\"num\">180<\/span>\r\n            <span class=\"text\">Total Cases<\/span>\r\n          <\/div>\r\n        <\/div>\r\n        <div class=\"cd-chart-layout\">\r\n          <div class=\"cd-chart-wrap\">\r\n            <canvas id=\"cdIndustryChart\"><\/canvas>\r\n          <\/div>\r\n          <div class=\"cd-legend\" id=\"cdLegend\"\r\n            uk-scrollspy=\"target: > .cd-legend-row; cls: uk-animation-slide-right-small; delay: 80; repeat: false;&#8221;><\/div>\r\n        <\/div>\r\n        <p class=\"cd-chart-note\">\u203b \u3053\u306e\u30b0\u30e9\u30d5\u306e\u5143\u3068\u306a\u3063\u3066\u3044\u308b180\u4ef6\u3068\u306f\u3001\u76f4\u8fd1\u306e\u5c0e\u5165\u5148\u306e\u4ef6\u6570\u3067\u3042\u308a\u3001\u6700\u65b0\u306e\u5c0e\u5165\u5b9f\u7e3e\u3092\u3082\u3068\u306b\u96c6\u8a08\u3057\u3066\u304a\u308a\u307e\u3059\u3002<\/p>\r\n      <\/div>\r\n\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ====== \u5316\u5b66\u306e\u300c\u3082\u3063\u3068\u300d\u306b\u5fdc\u3048\u308b\u305f\u3081\u306b ====== -->\r\n<div class=\"uk-container uk-container-expand uk-padding-large bg-pink\">\r\n  <div class=\"uk-container uk-container-m\">\r\n    <section id=\"information\">\r\n      <div style=\"text-align: center;\">\r\n        <h2 style=\"font-weight: 900\">\u5316\u5b66\u306e\u300c<span class=\"lead-accent\">\u3082\u3063\u3068<\/span>\u300d\u306b<br class=\"uk-hidden@s\">\u5fdc\u3048\u308b\u305f\u3081\u306b<\/h2>\r\n      <\/div>\r\n      <div uk-scrollspy=\"target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 100; repeat: false;\">\r\n        <div id=\"sarani\" class=\"uk-child-width-1-1 uk-child-width-1-2@s uk-grid-large uk-grid-match uk-grid\" uk-grid=\"\">\r\n\r\n          <!-- \u3082\u3063\u3068\u4f7f\u3044\u3084\u3059\u304f -->\r\n          <div class=\"uk-card-content\" uk-scrollspy-class=\"uk-animation-fade\">\r\n            <div class=\"uk-card uk-card-default uk-animation-scale-up\">\r\n              <div class=\"uk-card-body tc\">\r\n                <h3 class=\"uk-card-title\">\u300c\u3082\u3063\u3068\u300d\u4f7f\u3044\u3084\u3059\u304f<\/h3>\r\n                <p class=\"tl\">\r\n                  \u30b7\u30b9\u30c6\u30e0\u306e\u57fa\u672c\u3068\u306a\u308b\u300c\u5728\u5eab\u767b\u9332\u300d\u3084\u300c\u68da\u5378\u300d\u6a5f\u80fd\u3092\u4e2d\u5fc3\u306b\u3001<br class=\"uk-visible@l\">\r\n                  \u5c11\u3057\u3067\u3082\u4f7f\u3044\u3084\u3059\u304f\u306a\u308b\u3088\u3046\u6a5f\u80fd\u6539\u5584\u3092\u884c\u3044\u307e\u3057\u305f\u3002<br>\r\n                  \u307e\u305f\u6709\u52b9\u671f\u9650\u306e\u7ba1\u7406\u3084\u8868\u793a\u9805\u76ee\u306e\u500b\u4eba\u8a2d\u5b9a\u306a\u3069<br class=\"uk-visible@l\">\r\n                  \u30cb\u30fc\u30ba\u306e\u591a\u3044\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3092\u6a19\u6e96\u642d\u8f09\u3057\u307e\u3057\u305f\u3002\r\n                <\/p>\r\n                <div class=\"uk-align-left\">\r\n                  <a href=\".\/about\/\" class=\"el-link uk-button uk-button-text\">\u30b7\u30b9\u30c6\u30e0\u306b\u3064\u3044\u3066\u3055\u3089\u306b\u8a73\u3057\u304f &gt;&gt;<\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- \u3082\u3063\u3068\u4fbf\u5229\u306b -->\r\n          <div class=\"uk-card-content\" uk-scrollspy-class=\"uk-animation-fade\">\r\n            <div class=\"uk-card uk-card-default\">\r\n              <div class=\"uk-card-body tc\">\r\n                <h3 class=\"uk-card-title\">\u300c\u3082\u3063\u3068\u300d\u4fbf\u5229\u306b<\/h3>\r\n                <p class=\"tl\">\r\n                  \u6a19\u6e96\u642d\u8f09\u3055\u308c\u3066\u3044\u308b\u57fa\u672c\u7684\u306a\u6a5f\u80fd\u3060\u3051\u3067\u3082\u5341\u5206\u7ba1\u7406\u306f\u53ef\u80fd\u3067\u3059\u304c\u3001\u3082\u3063\u3068\u4fbf\u5229\u306b\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u308b\u6a5f\u80fd\u3092\u30aa\u30d7\u30b7\u30e7\u30f3\u6a5f\u80fd\u3068\u3057\u3066\u3054\u7528\u610f\u3057\u3066\u304a\u308a\u307e\u3059\u3002\r\n                <\/p>\r\n                <div class=\"uk-align-left\">\r\n                  <a href=\".\/option\/\" class=\"el-link uk-button uk-button-text\">\u300c\u30aa\u30d7\u30b7\u30e7\u30f3\u6a5f\u80fd\u300d\u3092\u3055\u3089\u306b\u8a73\u3057\u304f &gt;&gt;<\/a>\r\n                <\/div>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- \u30b7\u30b9\u30c6\u30e0\u306e\u300c\u3082\u3063\u3068\u300d -->\r\n          <div class=\"uk-card-content\" uk-scrollspy-class=\"uk-animation-fade\">\r\n            <div class=\"uk-card uk-card-default\">\r\n              <div class=\"uk-card-body tc\">\r\n                <h3 class=\"uk-card-title\">\u30b7\u30b9\u30c6\u30e0\u306e\u300c\u3082\u3063\u3068\u300d<\/h3>\r\n                <p class=\"tl\">\r\n                  \u304a\u5ba2\u69d8\u306e\u696d\u52d9\u306b\u305d\u3063\u305f\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u3001\u4f8b\u3048\u3070\u7ba1\u7406\u9805\u76ee\u306e\u8ffd\u52a0\u3084\u4ed6\u306e\u696d\u52d9\u7cfb\u30b7\u30b9\u30c6\u30e0\u3068\u306e\u30c7\u30fc\u30bf\u9023\u643a\u306a\u3069\u67d4\u8edf\u306b\u5bfe\u5fdc\u3057\u307e\u3059\u3002\r\n                <\/p>\r\n                <span class=\"uk-text-muted\">\u203b\u8a73\u3057\u304f\u306f\u5f0a\u793e\u55b6\u696d\u307e\u3067\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002<\/span>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- \u3053\u308c\u304b\u3089\u306e\u300c\u3082\u3063\u3068\u300d -->\r\n          <div class=\"uk-card-content\" uk-scrollspy-class=\"uk-animation-fade\">\r\n            <div class=\"uk-card uk-card-default\">\r\n              <div class=\"uk-card-body tc\">\r\n                <h3 class=\"uk-card-title\">\u3053\u308c\u304b\u3089\u306e\u300c\u3082\u3063\u3068\u300d<\/h3>\r\n                <p class=\"tl\">\r\n                  \u6cd5\u6539\u6b63\u306b\u3082\u9806\u6b21\u5bfe\u5fdc\u3002\u7ba1\u7406\u756a\u53f7\u306b\u3088\u308bPRTR\u96c6\u8a08\u3084\u304c\u3093\u539f\u6027\u7269\u8cea\u306b\u95a2\u3059\u308b\u30c7\u30fc\u30bf\u62bd\u51fa\u30fb\u5c65\u6b74\u78ba\u8a8d\u3082\u5bb9\u6613\u306b\u3067\u304d\u307e\u3059\u3002\u307e\u305f\u30ea\u30b9\u30af\u30a2\u30bb\u30b9\u30e1\u30f3\u30c8\u6a5f\u80fd\u306b\u304a\u3044\u3066\u306f\u3001CREATE-SIMPLE\u306e\u4ed5\u69d8\u5909\u66f4\u306b\u5408\u308f\u305b\u3066\u3001\u3088\u308a\u5feb\u9069\u306b\u6271\u3048\u308b\u3088\u3046\u5bfe\u5fdc\u3057\u3066\u3044\u307e\u3059\u3002\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- \u3069\u3053\u306b\u3067\u3082\u5c0e\u5165 -->\r\n          <div class=\"uk-card-content\" uk-scrollspy-class=\"uk-animation-fade\">\r\n            <div class=\"uk-card uk-card-default\">\r\n              <div class=\"uk-card-body tc\">\r\n                <h3 class=\"uk-card-title\">\u3069\u3053\u306b\u3067\u3082\u5c0e\u5165<\/h3>\r\n                <p class=\"tl\">\r\n                  \u30af\u30e9\u30a6\u30c9\u30b5\u30fc\u30d0\u30fc\u3067\u3082\u793e\u5185\u306b\u3042\u308b\u30d1\u30bd\u30b3\u30f3\u3067\u3082\u3001\u304a\u5ba2\u69d8\u306e\u3054\u6307\u5b9a\u306e\u5834\u6240\u306b\u5c0e\u5165\u3059\u308b\u3053\u3068\u304c\u53ef\u80fd\u3067\u3059\u3002\u30af\u30ed\u30fc\u30ba\u30c9\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\u74b0\u5883\u3092\u6709\u3057\u3066\u3044\u308b\u7814\u7a76\u65bd\u8a2d\u306a\u3069\u306e\u5229\u7528\u306b\u3082\u6700\u9069\u3067\u3059\u3002\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n          <!-- \u3082\u3063\u3068\u9577\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u306b -->\r\n          <div class=\"uk-card-content\" uk-scrollspy-class=\"uk-animation-fade\">\r\n            <div class=\"uk-card uk-card-default\">\r\n              <div class=\"uk-card-body tc\">\r\n                <h3 class=\"uk-card-title\">\u300c\u3082\u3063\u3068\u300d\u9577\u304f\u3054\u5229\u7528\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u306b<\/h3>\r\n                <p class=\"tl\">\r\n                  \u30e1\u30fc\u30ab\u30fc\u30ab\u30bf\u30ed\u30b0\u306e\u5b9a\u671f\u66f4\u65b0\u3001\u7d44\u7e54\u5909\u66f4\u5f8c\u306e\u8aac\u660e\u4f1a\u306e\u5b9f\u65bd\u3001\u30b7\u30b9\u30c6\u30e0\u7ba1\u7406\u8005\u5411\u3051\u306e\u30b5\u30dd\u30fc\u30c8\u3001\u5c0e\u5165\u5f8c\u306e\u30ab\u30b9\u30bf\u30de\u30a4\u30ba\u306a\u3069\u3001\u9577\u304f\u5229\u7528\u3057\u3066\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u30d5\u30a9\u30ed\u30fc\u3044\u305f\u3057\u307e\u3059\u3002\u3069\u3093\u306a\u3053\u3068\u3067\u3082\u3001\u307e\u305a\u306f\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\r\n                <\/p>\r\n              <\/div>\r\n            <\/div>\r\n          <\/div>\r\n\r\n        <\/div>\r\n      <\/div>\r\n    <\/section>\r\n  <\/div>\r\n<\/div>\r\n\r\n\r\n<!-- ====== \u304a\u554f\u3044\u5408\u308f\u305b ====== -->\r\n<div class=\"uk-container uk-container-expand uk-padding-large bg-gray\">\r\n  <section id=\"otoiawase\">\r\n    <div class=\"uk-container uk-container-small uk-padding-remove-horizontal uk-text-center\"\r\n      uk-scrollspy=\"target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: 100;\">\r\n      <h2 class=\"w900 lead-catch\" uk-scrollspy-class=\"\">\r\n        \u8a66\u85ac\u30fb\u5316\u5b66\u7269\u8cea\u7ba1\u7406\u3092\u3001<br>\u3082\u3063\u3068<span class=\"lead-accent\">\u5b89\u5168<\/span>\u306b\u3001\u3082\u3063\u3068<span class=\"lead-accent\">\u52b9\u7387\u5316<\/span>\u3059\u308b\r\n      <\/h2>\r\n      <p class=\"cd-section-lead uk-visible@s\" uk-scrollspy-class=\"\">\r\n        \u5728\u5eab\u3001\u4f7f\u7528\u91cf\u3001\u6cd5\u4ee4\u5bfe\u5fdc\u3001SDS\u7ba1\u7406\u306a\u3069\u65e5\u5e38\u306e\u7ba1\u7406\u304b\u3089\u7814\u7a76\u904b\u7528\u306e\u52b9\u7387\u5316\u307e\u3067\u3002<br>\r\n        \u7814\u7a76\u73fe\u5834\u306e\u904b\u7528\u306b\u6700\u9069\u5316\u3055\u308c\u305f\u30b7\u30b9\u30c6\u30e0\u304c\u3001\u65e5\u3005\u306e\u8ca0\u62c5\u3092\u30b9\u30de\u30fc\u30c8\u306a\u904b\u7528\u3078\u3068\u5909\u3048\u307e\u3059\u3002\r\n      <\/p>\r\n      <p class=\"cd-section-lead-sp uk-hidden@s\" uk-scrollspy-class=\"\">\r\n        \u5728\u5eab\u3001\u4f7f\u7528\u91cf\u3001\u6cd5\u4ee4\u5bfe\u5fdc\u3001SDS\u7ba1\u7406\u306a\u3069\u65e5\u5e38\u306e\u7ba1\u7406\u304b\u3089\u7814\u7a76\u904b\u7528\u306e\u52b9\u7387\u5316\u307e\u3067\u3002\u7814\u7a76\u73fe\u5834\u306e\u904b\u7528\u306b\u6700\u9069\u5316\u3055\u308c\u305f\u30b7\u30b9\u30c6\u30e0\u304c\u3001\u65e5\u3005\u306e\u8ca0\u62c5\u3092\u30b9\u30de\u30fc\u30c8\u306a\u904b\u7528\u3078\u3068\u5909\u3048\u307e\u3059\u3002\r\n      <\/p>\r\n    <\/div>\r\n    <div class=\"uk-margin-small uk-container uk-container-small uk-padding-remove-horizontal\"\r\n      uk-scrollspy=\"target: [uk-scrollspy-class]; cls: uk-animation-fade; delay: false;\">\r\n      <div class=\"\">\r\n        <div class=\"otoiawase-box\">\r\n          <h2 class=\"w700 uk-text-center uk-scrollspy-inview\">\r\n            \u8cc7\u6599\u8acb\u6c42\u30fb\u304a\u898b\u7a4d\u308a\u3084<br class=\"uk-hidden@s\">\u30c7\u30e2\u306e\u3054\u4f9d\u983c\r\n          <\/h2>\r\n          <div uk-scrollspy-class=\"uk-animation-slide-bottom-small\" class=\"uk-text-center\">\r\n            <a class=\"el-content uk-button uk-button-primary\" href=\".\/contact\/\">\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3053\u3061\u3089\u304b\u3089<\/a>\r\n          <\/div>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/section>\r\n<\/div>\r\n\r\n\r\n<!-- ====== Chart.js \u8aad\u307f\u8fbc\u307f\u30fb\u30b0\u30e9\u30d5\u521d\u671f\u5316 ====== -->\r\n<script src=\"https:\/\/cdn.jsdelivr.net\/npm\/chart.js\"><\/script>\r\n<script>\r\n(function () {\r\n  \/* ---- \u30c7\u30fc\u30bf\u5b9a\u7fa9 ---- *\/\r\n  var industryData = [\r\n    { label: '\u5316\u5b66\u30fb\u7d20\u6750',                value: 31.1 },\r\n    { label: '\u516c\u7684\u7814\u7a76\u6a5f\u95a2\u30fb\u5927\u5b66',        value: 18.9 },\r\n    { label: '\u88fd\u85ac\u30fb\u533b\u7642\u30fb\u533b\u7642\u6a5f\u5668',      value: 16.1 },\r\n    { label: '\u96fb\u5b50\u90e8\u54c1\u30fb\u7cbe\u5bc6\u6a5f\u5668\u30fbIT',    value:  8.9 },\r\n    { label: '\u6a5f\u68b0\u30fb\u5efa\u8a2d\u30fb\u30a4\u30f3\u30d5\u30e9',      value:  7.8 },\r\n    { label: '\u5206\u6790\u30fb\u691c\u67fb\u30fb\u74b0\u5883\u30b5\u30fc\u30d3\u30b9',  value:  7.2 },\r\n    { label: '\u98df\u54c1\u30fb\u98f2\u6599',               value:  6.1 },\r\n    { label: '\u5316\u7ca7\u54c1\u30fb\u65e5\u7528\u54c1',            value:  3.9 },\r\n  ];\r\n\r\n  \/* \u30b5\u30a4\u30c8\u306e\u30ec\u30c3\u30c9\u57fa\u8abf \u2192 \u30cb\u30e5\u30fc\u30c8\u30e9\u30eb\u30b0\u30ec\u30fc\u3078\u306e\u968e\u8abf *\/\r\n  var chartColors = [\r\n    '#dc000c', '#e63946', '#ff6b6f', '#f4a3a5',\r\n    '#b0b0b5', '#c8c8cd', '#dcdce0', '#ececee',\r\n  ];\r\n\r\n  \/* ---- \u30c9\u30fc\u30ca\u30c4\u30b0\u30e9\u30d5\u63cf\u753b ---- *\/\r\n  var ctx = document.getElementById('cdIndustryChart');\r\n  if (ctx && window.Chart) {\r\n    new Chart(ctx, {\r\n      type: 'doughnut',\r\n      data: {\r\n        labels: industryData.map(function (x) { return x.label; }),\r\n        datasets: [{\r\n          data: industryData.map(function (x) { return x.value; }),\r\n          backgroundColor: chartColors,\r\n          borderWidth: 0,\r\n          hoverOffset: 4,\r\n        }],\r\n      },\r\n      options: {\r\n        responsive: true,\r\n        cutout: '72%',\r\n        animation: { animateRotate: true, duration: 2200 },\r\n        plugins: { legend: { display: false }, tooltip: { enabled: true } },\r\n      },\r\n    });\r\n  }\r\n\r\n  \/* ---- \u51e1\u4f8b\u306e\u52d5\u7684\u751f\u6210 ---- *\/\r\n  var legendArea = document.getElementById('cdLegend');\r\n  if (legendArea) {\r\n    industryData.forEach(function (item, i) {\r\n      var row = document.createElement('div');\r\n      row.className = 'cd-legend-row';\r\n      row.innerHTML =\r\n        '<span class=\"cd-dot\" style=\"background:' + chartColors[i] + '\"><\/span>' +\r\n        '<span class=\"cd-name\">' + item.label + '<\/span>' +\r\n        '<span class=\"cd-pct\">' + item.value + '%<\/span>';\r\n      legendArea.appendChild(row);\r\n    });\r\n  }\r\n\r\n  \/* ---- \u30ab\u30a6\u30f3\u30c8\u30a2\u30c3\u30d7\uff08IntersectionObserver\uff09 ---- *\/\r\n  var counters = document.querySelectorAll('.cd-achievement-section .countup');\r\n  if ('IntersectionObserver' in window && counters.length) {\r\n    var io = new IntersectionObserver(function (entries) {\r\n      entries.forEach(function (entry) {\r\n        if (!entry.isIntersecting) return;\r\n        var el = entry.target;\r\n        if (el.dataset.counted) { io.unobserve(el); return; }\r\n        el.dataset.counted = '1';\r\n\r\n        var target   = parseFloat(el.dataset.target);\r\n        var duration = 1800;\r\n        var start    = performance.now();\r\n        var isFloat  = (target % 1 !== 0);\r\n\r\n        (function tick(now) {\r\n          var p      = Math.min((now - start) \/ duration, 1);\r\n          var eased  = 1 - Math.pow(1 - p, 4);\r\n          var cur    = target * eased;\r\n          el.textContent = isFloat ? cur.toFixed(1) : Math.floor(cur);\r\n          if (p < 1) {\r\n            requestAnimationFrame(tick);\r\n          } else {\r\n            el.textContent = isFloat ? target.toFixed(1) : target;\r\n          }\r\n        })(start);\r\n\r\n        io.unobserve(el);\r\n      });\r\n    }, { threshold: 0.3 });\r\n\r\n    counters.forEach(function (el) { io.observe(el); });\r\n\r\n  } else {\r\n    \/* IntersectionObserver \u975e\u5bfe\u5fdc\u30d6\u30e9\u30a6\u30b6\u5411\u3051\u30d5\u30a9\u30fc\u30eb\u30d0\u30c3\u30af *\/\r\n    counters.forEach(function (el) {\r\n      var t = parseFloat(el.dataset.target);\r\n      el.textContent = (t % 1 !== 0) ? t.toFixed(1) : t;\r\n    });\r\n  }\r\n})();\r\n<\/script>","protected":false},"excerpt":{"rendered":"\u5316\u5b66\u306e\u300c\u3082\u3063\u3068\u300d\u306b\u5fdc\u3048\u307e\u3059 2023\u5e749\u6708\u3088\u308a\u3001Chemical Design\u306f\u65b0\u30b5\u30fc\u30d3\u30b9\u30fb\u65b0\u30aa\u30d7\u30b7\u30e7\u30f3\u306e\u8ca9\u58f2\u3092\u958b\u59cb\u81f4\u3057\u307e\u3059\u3002 \u65b0\u30b5\u30fc\u30d3\u30b9 \uff12\uff10\uff12\uff13\u5e74\uff19\u6708\u3088\u308a\u8ca9\u58f2\u958b\u59cb \u8a73\u3057\u304f\u306f\u3053\u3061\u3089 \u65b0\u30aa\u30d7\u30b7\u30e7\u30f3 \u30ea\u30b9\u30af\u30a2\u30bb\u30b9\u30e1\u30f3\u30c8 ( <a href=\"https:\/\/infogram.co.jp\/chemicaldesign\/\" class=\"more-link\">&#8230;<span class=\"screen-reader-text\">  HOME<\/span><\/a>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-24","page","type-page","status-publish","hentry"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/pages\/24","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/comments?post=24"}],"version-history":[{"count":28,"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/pages\/24\/revisions"}],"predecessor-version":[{"id":920,"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/pages\/24\/revisions\/920"}],"wp:attachment":[{"href":"https:\/\/infogram.co.jp\/chemicaldesign\/wp-json\/wp\/v2\/media?parent=24"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}