{"id":225,"date":"2025-08-05T06:21:35","date_gmt":"2025-08-05T06:21:35","guid":{"rendered":"https:\/\/nichi.com\/ja\/?page_id=225"},"modified":"2025-09-04T07:26:39","modified_gmt":"2025-09-04T07:26:39","slug":"about-us","status":"publish","type":"page","link":"https:\/\/nichi.com\/ja\/about-us\/","title":{"rendered":"\u4f1a\u793e\u6848\u5185"},"content":{"rendered":"\n<div id=\"content\">\n    <main>\n\n      <!-- Inner Hero Section -->\n      <section class=\"inner-hero-section\">\n        <div>\n          <h1>\u4f1a\u793e\u6848\u5185<\/h1>\n        <\/div>\n      <\/section>\n\n      <!-- About Us Section - REVAMPED -->\n      <section class=\"aboutus-section common-padding\">\n        <div class=\"container\">\n          <!-- Zigzag Row 1: Established & Experience -->\n          <div class=\"about-us-zigzag-row\">\n            <div class=\"zigzag-text-about animate-fade-in-left\">\n              <h2>\u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306b\u3064\u3044\u3066<\/h2>\n              <p class=\"flex\">\n                <i class=\"fas fa-calendar-alt\"><\/i>\n                1997 \u5e74\u306b\u8a2d\u7acb\u3055\u308c\u305f\u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u300125 \n                \u5e74\u4ee5\u4e0a\u306e\u7d4c\u9a13\u3092\u6301\u3064\u591a\u89d2\u7684\u306a IT \u30b5\u30fc\u30d3\u30b9\u4f01\u696d\u3067\u3059\u3002\n              <\/p>\n              <p class=\"flex\">\n                <i class=\"fas fa-globe\"><\/i>\n                \u65e5\u672c\u3001\u7c73\u56fd\u3001\u305d\u306e\u4ed6\u306e\u30a2\u30b8\u30a2\u592a\u5e73\u6d0b\u8af8\u56fd\u304b\u3089\n                \u306e\u30aa\u30d5\u30b7\u30e7\u30a2\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3092\u6301\u3061\u3001\n                \u30aa\u30d5\u30b7\u30e7\u30a2\u30b5\u30fc\u30d3\u30b9\u3084IT\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3001\n                \u30aa\u30f3\u30b5\u30a4\u30c8\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u3001IT\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9\u3001\u88fd\u54c1\u958b\u767a\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\n              <\/p>\n              <p class=\"flex\">\n                <i class=\"fas fa-city\"><\/i>\n                \u30a4\u30f3\u30c9\u306eIT\u9996\u90fd\u30d9\u30f3\u30ac\u30eb\u30fc\u30eb\u306b\u62e0\u70b9\u3092\u7f6e\u304d\u3001\u65e5\u672c\u5e02\u5834\u306b\u7279\u5316\u3057\u305f\u5148\u99c6\u7684\u4f01\u696d\u306e\u4e00\u3064\u3067\u3059\u3002\u58f2\u4e0a\u306e80%\u306f\u3001\u65e5\u672c\u4f01\u696d\u304b\u3089\u306e\u30ea\u30d4\u30fc\u30bf\u30fc\u306b\u3088\u308b\u3082\u306e\u3067\u3059\u3002\n              <\/p>\n            <\/div>\n            <div class=\"about-us-zigzag-image animate-fade-in-right\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/09\/About-us-jp.png\"  alt=\"\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u5b9f\u7e3e, \u30a8\u30f3\u30bf\u30fc\u30d7\u30e9\u30a4\u30ba\u30a2\u30d7\u30ea\u958b\u767a\">\n            <\/div>\n          <\/div>\n\n          <!-- Zigzag Row 2 (Reverse): Our Infrastructure -->\n          <div class=\"about-us-zigzag-row reverse\">\n            <div class=\"zigzag-text-about animate-fade-in-right\">\n              <h2>\u5f0a\u793e\u306e\u30a4\u30f3\u30d5\u30e9\u306b\u3064\u3044\u3066<\/h2>\n              <p class=\"flex\">\n                <i class=\"fas fa-building\"><\/i>\n                \u30d0\u30f3\u30ac\u30ed\u30fc\u30eb\u5e02\u5185\u306b\u3042\u308b\u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u81ea\u793e\u30a4\u30f3\u30d5\u30e9\u306b\u306f\u3001\n                \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u3001\u5b89\u5168\u306a\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u30b7\u30b9\u30c6\u30e0\u3084\u5197\u9577\u96fb\u6e90\n                \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u304c\u5b8c\u5099\u3055\u308c\u3066\u304a\u308a\u3001\u30ec\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u5341\u5206\u306a\u30b9\u30da\u30fc\u30b9\u3082\u78ba\u4fdd\u3057\u3066\u3044\u307e\u3059.\n              <\/p>\n              <p class=\"flex\">\n                <i class=\"fas fa-lightbulb\"><\/i>\n                \u6700\u65b0\u6280\u8853\u3092\u6d3b\u7528\u3057\u3001\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30ea\u30ba\u30e0\u3092\u5f15\u304d\u51fa\u3057\u3001\n                \u5feb\u9069\u306a\u8077\u5834\u74b0\u5883\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u52b9\u679c\u7684\u306a\u30a4\u30f3\u30d5\u30e9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002\n                \u30a4\u30f3\u30c6\u30ea\u30a2\u306f\u3001\u5f93\u696d\u54e1\u306e\u5e74\u9f62\u5c64\u3092\u8003\u616e\u3057\u3001\u591a\u6587\u5316\u7684\u306a\u4fa1\u5024\u89b3\u3092\u878d\u5408\u3055\u305b\u305f\u8a2d\u8a08\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002\n                \u4eba\u9593\u5de5\u5b66\u306b\u57fa\u3065\u304f\u30ef\u30fc\u30af\u30b9\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u3068\u30ea\u30e9\u30c3\u30af\u30b9\u3057\u305f\u96f0\u56f2\u6c17\u3092\u4e21\u7acb\u3055\u305b\u308b\n                \u5e83\u3005\u3068\u3057\u305f\u7a7a\u9593\u3092\u5099\u3048\u3066\u3044\u307e\u3059.\n              <\/p>\n            <\/div>\n            <div class=\"about-us-zigzag-image animate-fade-in-left\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/office-1.jpg\" alt=\"Nichi-In Software, \u30d0\u30f3\u30ac\u30ed\u30fc\u30ebIT\u4f01\u696d\">\n            <\/div>\n          <\/div>\n        <\/div>\n      <\/section>\n\n      <!-- Factsheet Section (Revamped Carousel) -->\n      <section class=\"factsheet-section common-padding\" id=\"factsheet\">\n  <div class=\"container\">\n    <h2 class=\"section-title\">\u5f0a\u793e\u306e\u30d5\u30a1\u30af\u30c8\u30b7\u30fc\u30c8<\/h2>\n\n    <div class=\"factsheet-wrap\">\n      <!-- Track -->\n      <div id=\"factsheet-scroll\" class=\"factsheet-scroll-area hide-scrollbar\" aria-label=\"Factsheet carousel\">\n        <!-- Each .factsheet-slide is one card. Keep adding your slides as below -->\n        <!-- Slide 1 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/2149241221.jpg\" loading=\"lazy\" alt=\"\u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a, Nichi-In Software\">\n            <\/div>\n            <div class=\"slide-caption\"><p>150\uff0b\u5c02\u9580\u5bb6<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 2 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/22422.jpg\" loading=\"lazy\" alt=\"ERP\u5c0e\u5165\u652f\u63f4, Nichi-In Software\">\n            <\/div>\n            <div class=\"slide-caption\"><p>750 \u5e73\u7c73\u306e\u81ea\u5df1\u6240\u6709\u306e\u30b0\u30ed\u30fc\u30d0\u30eb \u30c7\u30ea\u30d0\u30ea\u30fc \u30bb\u30f3\u30bf\u30fc\n<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 3 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/737.jpg\" loading=\"lazy\" alt=\"\u65e5\u672c\u5e02\u5834\u5411\u3051IT\u30b5\u30fc\u30d3\u30b9, Salesforce\u30b5\u30fc\u30d3\u30b9\">\n            <\/div>\n            <div class=\"slide-caption\"><p>\u65e5\u672c\u3001\u7c73\u56fd\u3001\u30bf\u30a4\u3001\u30b7\u30f3\u30ac\u30dd\u30fc\u30eb\u3001\u30a4\u30f3\u30c9\u306e\u304a\u5ba2\u69d8<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 4 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/vecteezy_vector-iso-certification-gold-stamp-luxury_36580710.jpg\" loading=\"lazy\" t=\"ISO\u8a8d\u8a3c, IT\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\">\n            <\/div>\n            <div class=\"slide-caption\"><p>ISO 9001:2015 \u8a8d\u8a3c<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 5 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/1682001831542.jpg\" loading=\"lazy\" alt=\"ISO\u8a8d\u8a3c, ERP\u5c0e\u5165\u652f\u63f4\">\n            <\/div>\n            <div class=\"slide-caption\"><p>ISO 27001:2022 \u8a8d\u8a3c<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 6 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/2150010130.jpg\" loading=\"lazy\" alt=\"IT\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0, Nichi-In Software\">\n            <\/div>\n            <div class=\"slide-caption\"><p>\u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb\u3001\u30b9\u30d1\u30a4\u30e9\u30eb\u3001\u30a2\u30b8\u30e3\u30a4\u30eb\/XP \u306a\u3069\u306e\u67d4\u8edf\u306a\u65b9\u6cd5\u8ad6<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 7 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/well_trained.jpg\" loading=\"lazy\" alt=\"\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u5b9f\u7e3e, \u30aa\u30d5\u30b7\u30e7\u30a2\u958b\u767a\">\n            <\/div>\n            <div class=\"slide-caption\"><p>\u3088\u304f\u8a13\u7df4\u3055\u308c\u305f\u8cc7\u683c\u306e\u3042\u308b\u5c02\u9580\u5bb6\u3078\u306e\u30a2\u30af\u30bb\u30b9<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 8 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/2151003788.jpg\" loading=\"lazy\" alt=\"\u30aa\u30d5\u30b7\u30e7\u30a2\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0, Partner Network\">\n            <\/div>\n            <div class=\"slide-caption\"><p>\u78ba\u7acb\u3055\u308c\u305f\u30d1\u30fc\u30c8\u30ca\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 9 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/2150040428.jpg\" loading=\"lazy\" alt=\"\u65e5\u5370IT\u4f01\u696d, Technology Skills\">\n            <\/div>\n            <div class=\"slide-caption\"><p>\u591a\u69d8\u306a\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30b9\u30ad\u30eb\u3092\u3072\u3068\u3064\u5c4b\u6839\u306e\u4e0b<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 10 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/2151893445.jpg\" loading=\"lazy\" alt=\"Nichi-In Software, IP Protection\">\n            <\/div>\n            <div class=\"slide-caption\"><p>\u660e\u78ba\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u77e5\u7684\u8ca1\u7523\u4fdd\u8b77<\/p><\/div>\n          <\/div>\n        <\/div>\n\n        <!-- Slide 11 -->\n        <div class=\"factsheet-slide\">\n          <div class=\"slide-card\">\n            <div class=\"slide-media\">\n              <img decoding=\"async\" src=\"\/ja\/wp-content\/uploads\/2025\/08\/2150103581.jpg\" loading=\"lazy\" alt=\"\u65e5\u672c\u5e02\u5834\u5411\u3051IT\u30b5\u30fc\u30d3\u30b9, ERP\u5c0e\u5165\u652f\u63f4\">\n            <\/div>\n            <div class=\"slide-caption\"><p>\u65e5\u672c\u5e02\u5834\u306b\u7126\u70b9\u3092\u5f53\u3066\u305f\u5148\u99c6\u8005\u306e\u4e00\u4eba<\/p><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n\n      <!-- Controls -->\n      <button class=\"factsheet-nav prev\" aria-label=\"Previous\"><\/button>\n      <button class=\"factsheet-nav next\" aria-label=\"Next\"><\/button>\n\n      <!-- Dynamic Pagination (leave empty) -->\n      <div class=\"factsheet-pagination\" aria-label=\"Factsheet pagination\"><\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n      <!-- Brochure Section -->\n      <section class=\"brochure-section\">\n        <div class=\"container\">\n          <h3 class=\"section-title brochure-heading\">\u5e45\u5e83\u3044\u30b5\u30fc\u30d3\u30b9\u3092\u3054\u63d0\u4f9b\u3059\u308b<\/h3>\n          <p class=\"brochure-subtext\">\u304a\u5ba2\u69d8\u306b\u5f0a\u793e\u306e\u30b5\u30fc\u30d3\u30b9\u306e\u4fa1\u5024\u3092\u611f\u3058\u3066\u3044\u305f\u3060\u3051\u307e\u3057\u305f\u3002<\/p>\n\n          <a href=\"\/ja\/wp-content\/uploads\/2025\/08\/Nichi-JP-Brochure.pdf\" target=\"_blank\" class=\"tech-read-more\">\n            \u4f1a\u793e\u6848\u5185\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9 <i class=\"fas fa-arrow-right\"><\/i>\n          <\/a>\n        <\/div>\n      <\/section>\n\n    <\/main>\n  <\/div>\n\n\n\n<style>\n.aboutus-section .container {\n  margin-left: auto;\n  margin-right: auto;\n}\n\n.aboutus-section .about-us-zigzag-row {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  gap: 3rem;\n  margin-bottom: 9%;\n  position: relative;\n}\n\n.aboutus-section .zigzag-text-about {\n  font-size: var(--card-content-ftSize);\n  line-height: 1.625;\n  animation: fadeInLeft 1s ease-out forwards;\n  width: 100%;\n  color: var(--common-text-color-dark);\n}\n\n.aboutus-section .zigzag-text-about.animate-fade-in-right {\n  animation: fadeInRight 1s ease-out forwards;\n}\n\n.aboutus-section .zigzag-text-about p:not(:first-child) {\n  margin-top: 1.5rem;\n}\n\n.aboutus-section .zigzag-text-about h2 {\n  font-size: var(--ftSize2);\n  font-weight: 700;\n  color: var(--common-text-color-dark);\n  margin-bottom: 1.5rem;\n}\n\n.aboutus-section .zigzag-text-about p.flex {\n  display: flex;\n  align-items: flex-start;\n}\n\n.aboutus-section .zigzag-text-about p.flex i {\n  color: #000066;\n  margin-right: 0.75rem;\n  margin-top: 0.25rem;\n  font-size: 1.5rem;\n  flex-shrink: 0;\n}\n\n.aboutus-section .about-us-zigzag-image {\n  display: flex;\n  justify-content: center;\n  width: 100%;\n  animation: fadeInRight 1s ease-out forwards;\n  \/*margin-top: 40px;*\/\n}\n\n.aboutus-section .about-us-zigzag-row.reverse .about-us-zigzag-image {\n  animation: fadeInLeft 1s ease-out forwards;\n}\n\n.aboutus-section .about-us-zigzag-image img {\n  border-radius: 0.75rem;\n  box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);\n  transition: transform 0.3s ease-in-out;\n  max-width: 100%;\n  height: 350px;\n}\n\n.aboutus-section .about-us-zigzag-image img:hover {\n  transform: scale(1.05);\n}\n\n.brochure-section .container {\n  margin-left: auto;\n  margin-right: auto;\n  padding-left: 1rem;\n  padding-right: 1rem;\n  text-align: center;\n}\n\n.brochure-section .brochure-subtext {\n  font-size: var(--ftSize2);\n  font-weight: 300;\n  opacity: 0.9;\n  margin-bottom: 2rem;\n}\n\n.brochure-section {\n  background: linear-gradient(135deg, #162077, #0e174f, #f0f4ff);\n\n  color: white;\n  padding: 4rem 0;\n}\n\n.brochure-heading {\n  color: #fff !important;\n}\n\n@media (min-width: 1024px) {\n  .factsheet-slide {\n    width: 33.333333%;\n  }\n}\n\n@media (min-width: 768px) {\n  .brochure-section {\n    padding: 5rem 0;\n  }\n\n  .factsheet-slide {\n    width: 50%;\n  }\n\n  .aboutus-section .about-us-zigzag-image {\n    width: 50%;\n    position: absolute;\n    top: 0;\n  }\n\n  .aboutus-section .about-us-zigzag-row:not(.reverse) .about-us-zigzag-image {\n    right: 0;\n  }\n\n  .aboutus-section .about-us-zigzag-row.reverse .about-us-zigzag-image {\n    left: 0;\n  }\n\n  .aboutus-section .zigzag-text-about {\n    width: 50%;\n  }\n\n  .aboutus-section .about-us-zigzag-row {\n    flex-direction: row;\n  }\n\n  .aboutus-section .about-us-zigzag-row.reverse {\n    flex-direction: row-reverse;\n  }\n}\n\n\/* Wrap *\/\n.factsheet-wrap {\n  position: relative;\n}\n\n\/* Track with snap *\/\n.factsheet-scroll-area {\n  display: flex;\n  overflow-x: auto;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: smooth;\n  -webkit-overflow-scrolling: touch;\n  gap: 16px; \/* spacing between cards *\/\n  padding: 4px 2px;\n}\n\n\/* Card\/slide *\/\n.factsheet-slide {\n  flex: 0 0 100%;          \/* 1 per view by default (mobile\/tablet) *\/\n  scroll-snap-align: start;\n}\n@media (min-width: 1024px) {\n  .factsheet-slide { flex: 0 0 calc(50% - 8px); } \/* 2 per view on desktop *\/\n}\n\n.factsheet-section {\n  background: var(--alternate-section-bg);\n}\n\n.slide-card {\n  display: grid;\n  grid-template-rows: auto auto;\n  background: #ffffff;\n  border-radius: 16px;\n  overflow: hidden;\n  box-shadow: 0 6px 20px rgba(16,24,40,0.08);\n  transition: transform .25s ease, box-shadow .25s ease;\n  height:100%;\n}\n.slide-card:hover {\n  transform: translateY(-2px);\n  box-shadow: 0 10px 28px rgba(16,24,40,0.12);\n}\n\n\/* Media keeps aspect ratio and covers *\/\n.slide-media { aspect-ratio: 16\/9; overflow: hidden; }\n.slide-media img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n  transform: scale(1.02);\n  transition: transform .35s ease;\n}\n.slide-card:hover .slide-media img { transform: scale(1.06); }\n\n\/* Caption *\/\n.slide-caption {\n  padding: 14px 16px;\n  text-align: center;\n  font-weight: 600;\n  color: #101828;\n}\n\n\/* Pagination bars\/dots *\/\n.factsheet-pagination {\n  display: none;\n  flex-wrap: wrap;\n  gap: 6px;\n  justify-content: center;\n  margin-top: 14px;\n}\n.factsheet-pagination .bar {\n  width: 28px; height: 6px;\n  border-radius: 999px;\n  background: #cfd4dc;\n  border: 0;\n  cursor: pointer;\n  opacity: .75;\n  transition: opacity .2s ease, transform .2s ease, background-color .2s ease;\n}\n.factsheet-pagination .bar:hover { opacity: 1; transform: translateY(-1px); }\n.factsheet-pagination .bar.active { background: #0f62fe; opacity: 1; }\n\n\/* Nav buttons *\/\n.factsheet-nav {\n  position: absolute; top: 50%; transform: translateY(-50%);\n  width: 36px; height: 36px; border-radius: 50%;\n  border: 0; cursor: pointer; background: var(--button-bg); opacity: .9;\n  box-shadow: 0 6px 16px rgba(15,98,254,0.35);\n}\n.factsheet-nav:hover { opacity: 1; }\n.factsheet-nav.prev { left: -8px; }\n.factsheet-nav.next { right: -8px; }\n\n\/* Nav chevrons (CSS-only) *\/\n.factsheet-nav.prev::before,\n.factsheet-nav.next::before {\n  content: \"\"; position: absolute; inset: 0; margin: auto;\n  width: 8px; height: 8px; border-top: 2px solid #fff; border-right: 2px solid #fff;\n}\n.factsheet-nav.prev::before { transform: rotate(-135deg); left: 2px; }\n.factsheet-nav.next::before { transform: rotate(45deg); right: 2px; }\n\n\/* Scrollbar (keep\/hide as you like) *\/\n.factsheet-scroll-area::-webkit-scrollbar { height: 8px; }\n.factsheet-scroll-area::-webkit-scrollbar-track { background: #e0e0e0; border-radius: 10px; }\n.factsheet-scroll-area::-webkit-scrollbar-thumb { background: #888; border-radius: 10px; }\n.factsheet-scroll-area::-webkit-scrollbar-thumb:hover { background: #555; }\n\n.hide-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }\n.hide-scrollbar::-webkit-scrollbar { display: none; }\n\n.slide-caption p{\nfont-size:18px;\n}\n<\/style>\n\n\n\n<script>\ndocument.addEventListener('DOMContentLoaded', () => {\n  const scrollArea = document.getElementById('factsheet-scroll');\n  const slides = Array.from(document.querySelectorAll('.factsheet-slide'));\n  const pagination = document.querySelector('.factsheet-pagination');\n  const prevBtn = document.querySelector('.factsheet-nav.prev');\n  const nextBtn = document.querySelector('.factsheet-nav.next');\n  if (!scrollArea || !slides.length || !pagination) return;\n\n  let visibleCount = 1;   \/\/ slides per viewport (1 mobile\/tab, 2 desktop)\n  let pagesCount = 0;     \/\/ number of dots\n  let currentSlide = 0;   \/\/ index of first fully visible slide\n  let autoTimer = null;\n  const INTERVAL_MS = 3000;\n\n  const getSlideW = () => slides[0].offsetWidth;\n  const clampSlide = i => Math.max(0, Math.min(i, slides.length - 1));\n  const getVisibleCount = () => Math.max(1, Math.round(scrollArea.clientWidth \/ getSlideW()));\n  const getPagesCount = () => Math.ceil(slides.length \/ visibleCount);\n\n  const currentPageFromSlide = () => Math.floor(currentSlide \/ visibleCount);\n\n  const updateActiveDot = () => {\n    const p = currentPageFromSlide();\n    Array.from(pagination.children).forEach((btn, i) => {\n      btn.classList.toggle('active', i === p);\n      btn.setAttribute('aria-current', i === p ? 'true' : 'false');\n    });\n  };\n\n  const scrollToSlide = (slideIndex, smooth = true) => {\n    currentSlide = clampSlide(slideIndex);\n    scrollArea.scrollTo({\n      left: currentSlide * getSlideW(),\n      behavior: smooth ? 'smooth' : 'auto'\n    });\n    updateActiveDot();\n  };\n\n  const buildPagination = () => {\n    pagination.innerHTML = '';\n    for (let i = 0; i < pagesCount; i++) {\n      const btn = document.createElement('button');\n      btn.className = 'bar';\n      btn.type = 'button';\n      btn.dataset.page = String(i);\n      btn.setAttribute('aria-label', `Go to page ${i + 1}`);\n      btn.addEventListener('click', () => {\n        scrollToSlide(i * visibleCount, true);\n      });\n      btn.addEventListener('keydown', (e) => {\n        if (e.key === 'Enter' || e.key === ' ') {\n          e.preventDefault();\n          scrollToSlide(i * visibleCount, true);\n        }\n      });\n      pagination.appendChild(btn);\n    }\n    updateActiveDot();\n  };\n\n  const syncFromScroll = () => {\n    const w = getSlideW();\n    const approx = Math.round(scrollArea.scrollLeft \/ w);\n    if (approx !== currentSlide) {\n      currentSlide = clampSlide(approx);\n      updateActiveDot();\n    }\n  };\n\n  const startAuto = () => {\n    stopAuto();\n    autoTimer = setInterval(() => {\n      const nextPage = (currentPageFromSlide() + 1) % pagesCount;\n      scrollToSlide(nextPage * visibleCount, true);\n    }, INTERVAL_MS);\n  };\n  const stopAuto = () => { if (autoTimer) { clearInterval(autoTimer); autoTimer = null; } };\n\n  const reflow = (preservePage = true) => {\n    const prevPage = currentPageFromSlide();\n    visibleCount = getVisibleCount();  \/\/ 1 on mobile\/tablet, 2 on desktop\n    pagesCount = getPagesCount();      \/\/ dots = ceil(slides \/ visibleCount)\n    buildPagination();\n    const targetPage = preservePage ? Math.min(prevPage, pagesCount - 1) : 0;\n    scrollToSlide(targetPage * visibleCount, false);\n  };\n\n  \/\/ Nav buttons\n  if (prevBtn) prevBtn.addEventListener('click', () => {\n    const page = currentPageFromSlide();\n    const prev = (page - 1 + pagesCount) % pagesCount;\n    scrollToSlide(prev * visibleCount, true);\n  });\n  if (nextBtn) nextBtn.addEventListener('click', () => {\n    const page = currentPageFromSlide();\n    const next = (page + 1) % pagesCount;\n    scrollToSlide(next * visibleCount, true);\n  });\n\n  \/\/ Scroll sync (throttled)\n  let raf = false;\n  scrollArea.addEventListener('scroll', () => {\n    if (raf) return;\n    raf = true;\n    requestAnimationFrame(() => { raf = false; syncFromScroll(); });\n  });\n\n  \/\/ Pause on hover\/focus\n  scrollArea.addEventListener('mouseenter', stopAuto);\n  scrollArea.addEventListener('mouseleave', startAuto);\n  scrollArea.addEventListener('focusin', stopAuto);\n  scrollArea.addEventListener('focusout', startAuto);\n\n  \/\/ Resize: rebuild pagination & keep same page\n  let rsz;\n  window.addEventListener('resize', () => {\n    clearTimeout(rsz);\n    rsz = setTimeout(() => reflow(true), 120);\n  });\n\n  \/\/ Init\n  reflow(false);\n  startAuto();\n});\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>\u4f1a\u793e\u6848\u5185 \u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306b\u3064\u3044\u3066 1997 \u5e74\u306b\u8a2d\u7acb\u3055\u308c\u305f\u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306f\u300125 \u5e74\u4ee5\u4e0a\u306e\u7d4c\u9a13\u3092\u6301\u3064\u591a\u89d2\u7684\u306a IT \u30b5\u30fc\u30d3\u30b9\u4f01\u696d\u3067\u3059\u3002 \u65e5\u672c\u3001\u7c73\u56fd\u3001\u305d\u306e\u4ed6\u306e\u30a2\u30b8\u30a2\u592a\u5e73\u6d0b\u8af8\u56fd\u304b\u3089 \u306e\u30aa\u30d5\u30b7\u30e7\u30a2\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b\u8c4a\u5bcc\u306a\u7d4c\u9a13\u3092\u6301\u3061\u3001 \u30aa\u30d5\u30b7\u30e7\u30a2\u30b5\u30fc\u30d3\u30b9\u3084IT\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3001 \u30aa\u30f3\u30b5\u30a4\u30c8\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0\u3001IT\u30b5\u30dd\u30fc\u30c8\u30b5\u30fc\u30d3\u30b9\u3001\u88fd\u54c1\u958b\u767a\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \u30a4\u30f3\u30c9\u306eIT\u9996\u90fd\u30d9\u30f3\u30ac\u30eb\u30fc\u30eb\u306b\u62e0\u70b9\u3092\u7f6e\u304d\u3001\u65e5\u672c\u5e02\u5834\u306b\u7279\u5316\u3057\u305f\u5148\u99c6\u7684\u4f01\u696d\u306e\u4e00\u3064\u3067\u3059\u3002\u58f2\u4e0a\u306e80%\u306f\u3001\u65e5\u672c\u4f01\u696d\u304b\u3089\u306e\u30ea\u30d4\u30fc\u30bf\u30fc\u306b\u3088\u308b\u3082\u306e\u3067\u3059\u3002 \u5f0a\u793e\u306e\u30a4\u30f3\u30d5\u30e9\u306b\u3064\u3044\u3066 \u30d0\u30f3\u30ac\u30ed\u30fc\u30eb\u5e02\u5185\u306b\u3042\u308b\u65e5\u5370\u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u306e\u81ea\u793e\u30a4\u30f3\u30d5\u30e9\u306b\u306f\u3001 \u30bd\u30d5\u30c8\u30a6\u30a7\u30a2\u958b\u767a\u3092\u652f\u63f4\u3059\u308b\u305f\u3081\u3001\u5b89\u5168\u306a\u30a2\u30af\u30bb\u30b9\u5236\u5fa1\u30b7\u30b9\u30c6\u30e0\u3084\u5197\u9577\u96fb\u6e90 \u30d0\u30c3\u30af\u30a2\u30c3\u30d7\u304c\u5b8c\u5099\u3055\u308c\u3066\u304a\u308a\u3001\u30ec\u30af\u30ea\u30a8\u30fc\u30b7\u30e7\u30f3\u7528\u306e\u5341\u5206\u306a\u30b9\u30da\u30fc\u30b9\u3082\u78ba\u4fdd\u3057\u3066\u3044\u307e\u3059. \u6700\u65b0\u6280\u8853\u3092\u6d3b\u7528\u3057\u3001\u30d7\u30ed\u30d5\u30a7\u30c3\u30b7\u30e7\u30ca\u30ea\u30ba\u30e0\u3092\u5f15\u304d\u51fa\u3057\u3001 \u5feb\u9069\u306a\u8077\u5834\u74b0\u5883\u3092\u30b5\u30dd\u30fc\u30c8\u3059\u308b\u52b9\u679c\u7684\u306a\u30a4\u30f3\u30d5\u30e9\u3092\u63d0\u4f9b\u3057\u3066\u3044\u307e\u3059\u3002 \u30a4\u30f3\u30c6\u30ea\u30a2\u306f\u3001\u5f93\u696d\u54e1\u306e\u5e74\u9f62\u5c64\u3092\u8003\u616e\u3057\u3001\u591a\u6587\u5316\u7684\u306a\u4fa1\u5024\u89b3\u3092\u878d\u5408\u3055\u305b\u305f\u8a2d\u8a08\u3068\u306a\u3063\u3066\u3044\u307e\u3059\u3002 \u4eba\u9593\u5de5\u5b66\u306b\u57fa\u3065\u304f\u30ef\u30fc\u30af\u30b9\u30c6\u30fc\u30b7\u30e7\u30f3\u306f\u3001\u30d7\u30e9\u30a4\u30d0\u30b7\u30fc\u3068\u30ea\u30e9\u30c3\u30af\u30b9\u3057\u305f\u96f0\u56f2\u6c17\u3092\u4e21\u7acb\u3055\u305b\u308b \u5e83\u3005\u3068\u3057\u305f\u7a7a\u9593\u3092\u5099\u3048\u3066\u3044\u307e\u3059. \u5f0a\u793e\u306e\u30d5\u30a1\u30af\u30c8\u30b7\u30fc\u30c8 150\uff0b\u5c02\u9580\u5bb6 750 \u5e73\u7c73\u306e\u81ea\u5df1\u6240\u6709\u306e\u30b0\u30ed\u30fc\u30d0\u30eb \u30c7\u30ea\u30d0\u30ea\u30fc \u30bb\u30f3\u30bf\u30fc \u65e5\u672c\u3001\u7c73\u56fd\u3001\u30bf\u30a4\u3001\u30b7\u30f3\u30ac\u30dd\u30fc\u30eb\u3001\u30a4\u30f3\u30c9\u306e\u304a\u5ba2\u69d8 ISO 9001:2015 \u8a8d\u8a3c ISO 27001:2022 \u8a8d\u8a3c \u30a6\u30a9\u30fc\u30bf\u30fc\u30d5\u30a9\u30fc\u30eb\u3001\u30b9\u30d1\u30a4\u30e9\u30eb\u3001\u30a2\u30b8\u30e3\u30a4\u30eb\/XP \u306a\u3069\u306e\u67d4\u8edf\u306a\u65b9\u6cd5\u8ad6 \u3088\u304f\u8a13\u7df4\u3055\u308c\u305f\u8cc7\u683c\u306e\u3042\u308b\u5c02\u9580\u5bb6\u3078\u306e\u30a2\u30af\u30bb\u30b9 \u78ba\u7acb\u3055\u308c\u305f\u30d1\u30fc\u30c8\u30ca\u30fc\u30cd\u30c3\u30c8\u30ef\u30fc\u30af \u591a\u69d8\u306a\u30c6\u30af\u30ce\u30ed\u30b8\u30fc\u30b9\u30ad\u30eb\u3092\u3072\u3068\u3064\u5c4b\u6839\u306e\u4e0b \u660e\u78ba\u306b\u5b9a\u7fa9\u3055\u308c\u305f\u77e5\u7684\u8ca1\u7523\u4fdd\u8b77 \u65e5\u672c\u5e02\u5834\u306b\u7126\u70b9\u3092\u5f53\u3066\u305f\u5148\u99c6\u8005\u306e\u4e00\u4eba \u5e45\u5e83\u3044\u30b5\u30fc\u30d3\u30b9\u3092\u3054\u63d0\u4f9b\u3059\u308b \u304a\u5ba2\u69d8\u306b\u5f0a\u793e\u306e\u30b5\u30fc\u30d3\u30b9\u306e\u4fa1\u5024\u3092\u611f\u3058\u3066\u3044\u305f\u3060\u3051\u307e\u3057\u305f\u3002 \u4f1a\u793e\u6848\u5185\u306e\u30c0\u30a6\u30f3\u30ed\u30fc\u30c9<\/p>\n","protected":false},"author":3,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-225","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/225","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/users\/3"}],"replies":[{"embeddable":true,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/comments?post=225"}],"version-history":[{"count":33,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/225\/revisions"}],"predecessor-version":[{"id":1518,"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/pages\/225\/revisions\/1518"}],"wp:attachment":[{"href":"https:\/\/nichi.com\/ja\/wp-json\/wp\/v2\/media?parent=225"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}