{"id":8,"date":"2026-08-16T20:51:50","date_gmt":"2026-08-16T11:51:50","guid":{"rendered":"https:\/\/f-works.pro\/?page_id=8"},"modified":"2026-08-17T21:23:56","modified_gmt":"2026-08-17T12:23:56","slug":"%e3%83%9b%e3%83%bc%e3%83%a0","status":"publish","type":"page","link":"https:\/\/f-works.pro\/","title":{"rendered":"\u30db\u30fc\u30e0"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS \u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\n======================================== *\/\n\n.fw-hero {\n  position: relative;\n  width: 100%;\n  min-height: 600px;\n\n  background-image: url(\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/main-scaled.png\");\n  background-size: cover;\n  background-position: center center;\n  background-repeat: no-repeat;\n\n  overflow: hidden;\n}\n\n\n\/* \u4e2d\u8eab *\/\n\n.fw-hero__inner {\n  width: min(1500px, 100%);\n  min-height: 700px;\n\n  margin: 0 auto;\n    padding: 40px 20px 40px 50px;\n\n  display: flex;\n  align-items: center;\n\n  box-sizing: border-box;\n}\n\n\n\/* \u5de6\u30c6\u30ad\u30b9\u30c8 *\/\n\n.fw-hero__content {\n  position: relative;\n  z-index: 2;\n\n  width: 46%;\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb *\/\n\n.fw-hero__content h1 {\n  margin: 0 0 15px;\n\n  color: #073f82;\n\n  font-size: clamp(45px, 3.3vw, 56px);\n  font-weight: 800;\n  line-height: 1.3;\n\n  letter-spacing: .03em;\n}\n\n\n\/* \u30ad\u30e3\u30c3\u30c1 *\/\n\n.fw-hero__catch {\n  margin: 0 0 0px;\n\n  color: #073f82;\n\n  font-size: clamp(22px, 1.4vw, 23px);\n  font-weight: 700;\n\n  line-height: 1.6;\n}\n\n\n\/* \u672c\u6587 *\/\n\n.fw-hero__text {\n  margin: 0 0 30px;\n\n  color: #222;\n\n  font-size: 15px;\n  font-weight: 600;\n\n  line-height: 2;\n}\n\n\n\/* \u30dc\u30bf\u30f3 *\/\n\n.fw-hero__button {\n  display: inline-flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 18px;\n\n  min-width: 220px;\n\n  padding: 12px 20px;\n\n  background: linear-gradient(\n    135deg,\n    #0b59a5,\n    #064188\n  );\n\n  border-radius: 6px;\n\n  color: #fff !important;\n\n  font-size: 16px;\n  font-weight: 700;\n\n  text-decoration: none !important;\n\n  box-shadow: 0 5px 15px rgba(5, 60, 125, .22);\n\n  transition: .25s;\n}\n\n\n.fw-hero__button:hover {\n  transform: translateY(-2px);\n\n  background: #063d80;\n}\n\n\n.fw-hero__button span {\n  font-size: 26px;\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 1100px) {\n.fw-hero__catch {\n    margin: 0 0 0px!important;\n}\n  .fw-hero,\n  .fw-hero__inner {\n    min-height: 520px;\n  }\n\n  .fw-hero__inner {\n    padding: 50px 30px;\n  }\n\n  .fw-hero__content {\n    width: 50%;\n  }\n\n  .fw-hero__text br {\n    display: none;\n  }\n\n}\n\n\n\/* ========================================\n   \u30b9\u30de\u30db\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-hero {\n    min-height: 650px;\n    background-position: 65% center;\n\n    \/* \u53f3\u5074\u306e\u4eba\u7269\u5199\u771f\u304c\u5207\u308c\u3059\u304e\u306a\u3044\u3088\u3046\u8abf\u6574 *\/\n    background-position: 62% center;\n  }\n\n  .fw-hero__inner {\n    min-height: 620px;\n\n    padding: 40px 20px;\n\n    align-items: flex-start;\n  }\n\n  .fw-hero__content {\n    width: 100%;\n  }\n\n  .fw-hero__content h1 {\n    font-size: 31px;\n  }\n\n  .fw-hero__catch {\n    font-size: 20px;\n  }\n\n  .fw-hero__text {\n    width: 70%;\n\n    font-size: 16px;\n    line-height: 1.8;\n  }\n\n  .fw-hero__text br {\n    display: none;\n  }\n\n  .fw-hero__button {\n    min-width: 180px;\n\n    padding: 13px 20px;\n\n    font-size: 16px;\n  }\n\n}\n\n\/* \u30e1\u30a4\u30f3\u30b3\u30d4\u30fc\u3092PC\u30671\u884c\u306b\u3059\u308b *\/\n@media (min-width: 768px) {\n\n  .fw-hero__content {\n    width: 55%;\n  }\n\n  .fw-hero__content h1 {\n    white-space: nowrap;\n    font-size: clamp(50px, 2.7vw, 50px);\n    letter-spacing: 0.02em;\n  }\n\n}\n\n\/* ========================================\n   SP \u30d2\u30fc\u30ed\u30fc\u8aac\u660e\u6587\u3092\u767d\u80cc\u666f\u306b\n======================================== *\/\n\n@media (max-width: 1025px) {\n\n  .fw-hero-text,\n  .fw-hero__content h1 {\n    color: #111 !important;\n\n    \/* \u767d\u30d5\u30c1\u3092\u5c11\u3057\u592a\u3081\u306b *\/\n    text-shadow:\n      -2px -2px 0 #fff,\n       2px -2px 0 #fff,\n      -2px  2px 0 #fff,\n       2px  2px 0 #fff,\n       0   -2px 0 #fff,\n       0    2px 0 #fff,\n      -2px  0   0 #fff,\n       2px  0   0 #fff,\n      -1px -2px 0 #fff,\n       1px -2px 0 #fff,\n      -1px  2px 0 #fff,\n       1px  2px 0 #fff !important;\n  }\n\n}\n<\/style>\n\n<section class=\"fw-hero\">\n\n  <div class=\"fw-hero__inner\">\n\n    <div class=\"fw-hero__content\">\n\n      <h1>\u50cd\u304f\u529b\u3092\u3001\u672a\u6765\u306b\u3064\u306a\u3050\u3002<\/h1>\n\n      <p class=\"fw-hero__catch\">\n        \u969c\u304c\u3044\u8005\u306e\u300c\u50cd\u304d\u305f\u3044\u300d\u3092\u3001\u300c\u50cd\u304d\u7d9a\u3051\u3089\u308c\u308b\u529b\u300d\u3078\u3002\n      <\/p>\n\n<p class=\"fw-hero__text fw-hero-text\">\n        \u30a8\u30d5\u30ef\u30fc\u30af\u30b9\u5408\u540c\u4f1a\u793e\u306f\u3001\u5168\u56fd\u306e\u4f01\u696d\u30fb\u798f\u7949\u65bd\u8a2d\u30fb\u884c\u653f\u3068\u9023\u643a\u3057\u3001<br>\n        \u5c31\u8077\u652f\u63f4\u304b\u3089\u30b8\u30e7\u30d6\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\u3001\u65bd\u8a2d\u5916\u5c31\u52b4\u3001\u8077\u5834\u5b9a\u7740\u652f\u63f4\u307e\u3067\u3092<br>\n        \u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u3067\u63d0\u4f9b\u3057\u307e\u3059\u3002\n      <\/p>\n\n      <a href=\"#about\" class=\"fw-hero__button\">\n        \u79c1\u305f\u3061\u306b\u3064\u3044\u3066\n        <span>\u203a<\/span>\n      <\/a>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS \u30b5\u30fc\u30d3\u30b9\n======================================== *\/\n\n.fw-services {\n  width: 100%;\n  padding: 38px 20px 45px;\n  background: #fff;\n  box-sizing: border-box;\n}\n\n.fw-services__inner {\n  width: min(1500px, 100%);\n  margin: 0 auto;\n}\n\n\n\/* ========================================\n   \u898b\u51fa\u3057\n======================================== *\/\n\n.fw-services__heading {\n  text-align: center;\n  margin-bottom: 18px;\n}\n\n.fw-services__heading h2 {\n  margin: 0;\n  color: #083f82;\n  font-size: clamp(28px, 2.2vw, 38px);\n  font-weight: 800;\n  line-height: 1.3;\n}\n\n\n\/* ========================================\n   5\u30ab\u30fc\u30c9\n======================================== *\/\n\n.fw-services__grid {\n  display: grid;\n  grid-template-columns: repeat(5, 1fr);\n  gap: 14px;\n}\n\n\n\/* ========================================\n   \u30ab\u30fc\u30c9\n======================================== *\/\n\n.fw-service-card {\n  position: relative;\n\n  display: flex;\n  flex-direction: column;\n\n  min-width: 0;\n\n  padding: 14px 12px 12px;\n\n  background: #fff;\n\n  border: 1px solid #d7dfe8;\n  border-radius: 7px;\n\n  box-sizing: border-box;\n\n  box-shadow: 0 3px 10px rgba(10, 50, 90, 0.05);\n}\n\n\n\/* ========================================\n   \u30bf\u30a4\u30c8\u30eb\n======================================== *\/\n\n.fw-service-card__title {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  min-height: 36px;\n\n  margin-bottom: 10px;\n}\n\n.fw-service-card__title i {\n  font-size: 23px;\n}\n\n.fw-service-card__title h3 {\n  margin: 0;\n\n  font-size: 15px;\n  font-weight: 800;\n  line-height: 1.35;\n}\n\n\n\/* ========================================\n   \u8272\u5206\u3051\n======================================== *\/\n\n.fw-service-card--blue .fw-service-card__title,\n.fw-service-card--blue .fw-service-card__more,\n.fw-service-card--blue li::marker {\n  color: #1766a8;\n}\n\n.fw-service-card--green .fw-service-card__title,\n.fw-service-card--green .fw-service-card__more,\n.fw-service-card--green li::marker {\n  color: #5d9c32;\n}\n\n.fw-service-card--orange .fw-service-card__title,\n.fw-service-card--orange .fw-service-card__more,\n.fw-service-card--orange li::marker {\n  color: #ee8a20;\n}\n\n.fw-service-card--purple .fw-service-card__title,\n.fw-service-card--purple .fw-service-card__more,\n.fw-service-card--purple li::marker {\n  color: #7850a3;\n}\n\n.fw-service-card--teal .fw-service-card__title,\n.fw-service-card--teal .fw-service-card__more,\n.fw-service-card--teal li::marker {\n  color: #18a4a0;\n}\n\n\n\/* ========================================\n   \u753b\u50cf\n======================================== *\/\n\n.fw-service-card__image {\n  width: 100%;\n\n  aspect-ratio: 16 \/ 9;\n\n  overflow: hidden;\n\n  margin-bottom: 12px;\n\n  border-radius: 5px;\n\n  background: #eef2f5;\n}\n\n.fw-service-card__image img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  transition: transform .3s ease;\n}\n\n.fw-service-card:hover .fw-service-card__image img {\n  transform: scale(1.035);\n}\n\n\n\/* ========================================\n   \u7b87\u6761\u66f8\u304d\n======================================== *\/\n\n.fw-service-card ul {\n  flex: 1;\n\n  margin: 0 0 12px;\n  padding-left: 20px;\n}\n\n.fw-service-card li {\n  margin-bottom: 5px;\n\n  color: #222;\n\n  font-size: 12px;\n  font-weight: 600;\n\n  line-height: 1.55;\n}\n\n\n\/* ========================================\n   \u8a73\u3057\u304f\u898b\u308b\n======================================== *\/\n\n.fw-service-card__more {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 7px;\n\n  margin-top: auto;\n\n  font-size: 12px;\n  font-weight: 800;\n\n  text-decoration: none !important;\n}\n\n.fw-service-card__more span {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 18px;\n  height: 18px;\n\n  border: 1px solid currentColor;\n  border-radius: 50%;\n\n  font-size: 16px;\n  line-height: 1;\n}\n\n.fw-service-card__more:hover {\n  opacity: .7;\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 1100px) {\n\n  .fw-services__grid {\n    grid-template-columns: repeat(3, 1fr);\n  }\n\n}\n\n\n\/* ========================================\n   SP\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-services {\n    padding: 30px 14px 40px;\n  }\n\n  .fw-services__heading h2 {\n    font-size: 27px;\n  }\n\n  .fw-services__grid {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 10px;\n  }\n\n  .fw-service-card {\n    padding: 10px 8px;\n  }\n\n  .fw-service-card__title {\n    gap: 5px;\n  }\n\n  .fw-service-card__title i {\n    font-size: 18px;\n  }\n\n  .fw-service-card__title h3 {\n    font-size: 11px;\n  }\n\n  .fw-service-card li {\n    font-size: 9px;\n    line-height: 1.55;\n  }\n\n  .fw-service-card__more {\n    font-size: 10px;\n  }\n\n  \/* \u6700\u5f8c\u306e\u30ab\u30fc\u30c9\u3092\u4e2d\u592e *\/\n  .fw-service-card:last-child {\n    grid-column: 1 \/ -1;\n    width: calc(50% - 5px);\n    margin: 0 auto;\n  }\n\n}\n<\/style>\n\n<section id=\"services\" class=\"fw-services\" id=\"service\">\n  <div class=\"fw-services__inner\">\n\n    <div class=\"fw-services__heading\">\n      <h2>\u30b5\u30fc\u30d3\u30b9<\/h2>\n    <\/div>\n\n    <div class=\"fw-services__grid\">\n\n      <!-- 1 -->\n      <article class=\"fw-service-card fw-service-card--blue\">\n        <div class=\"fw-service-card__title\">\n          <i class=\"fa-solid fa-people-group\"><\/i>\n          <h3>\u5c31\u8077\u652f\u63f4<\/h3>\n        <\/div>\n\n        <div class=\"fw-service-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/s1.png\" alt=\"\u5c31\u8077\u652f\u63f4\">\n        <\/div>\n\n        <ul>\n          <li>\u4f01\u696d\u7d39\u4ecb<\/li>\n          <li>\u5c65\u6b74\u66f8\u30fb\u8077\u52d9\u7d4c\u6b74\u66f8\u4f5c\u6210<\/li>\n          <li>\u9762\u63a5\u5bfe\u7b56<\/li>\n          <li>\u30ad\u30e3\u30ea\u30a2\u76f8\u8ac7\u30fb\u9762\u8ac7<\/li>\n        <\/ul>\n      <\/article>\n\n\n      <!-- 2 -->\n      <article class=\"fw-service-card fw-service-card--green\">\n        <div class=\"fw-service-card__title\">\n          <i class=\"fa-solid fa-graduation-cap\"><\/i>\n          <h3>\u30b8\u30e7\u30d6\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h3>\n        <\/div>\n\n        <div class=\"fw-service-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/s2.png\" alt=\"\u30b8\u30e7\u30d6\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\">\n        <\/div>\n\n        <ul>\n          <li>PC\u30fbIT\u7814\u4fee<\/li>\n          <li>\u30d3\u30b8\u30cd\u30b9\u30de\u30ca\u30fc\u7814\u4fee<\/li>\n          <li>AI\u30fb\u30c7\u30b8\u30bf\u30eb\u30b9\u30ad\u30eb\u7814\u4fee<\/li>\n          <li>\u63a5\u5ba2\u30fb\u55b6\u696d\u30fb\u8efd\u4f5c\u696d\u306a\u3069<\/li>\n        <\/ul>\n      <\/article>\n\n\n      <!-- 3 -->\n      <article class=\"fw-service-card fw-service-card--orange\">\n        <div class=\"fw-service-card__title\">\n          <i class=\"fa-solid fa-building\"><\/i>\n          <h3>\u65bd\u8a2d\u5916\u5c31\u52b4<\/h3>\n        <\/div>\n\n        <div class=\"fw-service-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/s3.png\" alt=\"\u65bd\u8a2d\u5916\u5c31\u52b4\">\n        <\/div>\n\n        <ul>\n          <li>\u68b1\u5305\u30fb\u691c\u54c1\u30fb\u767a\u9001<\/li>\n          <li>EC\u7269\u6d41\u30fb\u30c7\u30fc\u30bf\u5165\u529b<\/li>\n          <li>\u98df\u54c1\u52a0\u5de5\u30fb\u8fb2\u4f5c\u696d<\/li>\n          <li>\u30a4\u30d9\u30f3\u30c8\u904b\u55b6\u30fb\u6e05\u6383\u306a\u3069<\/li>\n        <\/ul>\n      <\/article>\n\n\n      <!-- 4 -->\n      <article class=\"fw-service-card fw-service-card--purple\">\n        <div class=\"fw-service-card__title\">\n          <i class=\"fa-solid fa-hands-holding-circle\"><\/i>\n          <h3>\u8077\u5834\u5b9a\u7740\u652f\u63f4<\/h3>\n        <\/div>\n\n        <div class=\"fw-service-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/s4.png\" alt=\"\u8077\u5834\u5b9a\u7740\u652f\u63f4\">\n        <\/div>\n\n        <ul>\n          <li>\u5b9a\u671f\u9762\u8ac7\u30fb\u4f01\u696d\u8a2a\u554f<\/li>\n          <li>\u8077\u5834\u74b0\u5883\u306e\u6539\u5584\u63d0\u6848<\/li>\n          <li>\u30e1\u30f3\u30bf\u30eb\u30b5\u30dd\u30fc\u30c8<\/li>\n          <li>\u30ad\u30e3\u30ea\u30a2\u30a2\u30c3\u30d7\u652f\u63f4<\/li>\n        <\/ul>\n      <\/article>\n\n\n      <!-- 5 -->\n      <article class=\"fw-service-card fw-service-card--teal\">\n        <div class=\"fw-service-card__title\">\n          <i class=\"fa-solid fa-building-user\"><\/i>\n          <h3>\u4f01\u696d\u5411\u3051\u30b5\u30fc\u30d3\u30b9<\/h3>\n        <\/div>\n\n        <div class=\"fw-service-card__image\">\n          <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/s5.png\" alt=\"\u4f01\u696d\u5411\u3051\u30b5\u30fc\u30d3\u30b9\">\n        <\/div>\n\n        <ul>\n          <li>\u969c\u304c\u3044\u8005\u63a1\u7528\u652f\u63f4<\/li>\n          <li>\u63a1\u7528\u30b3\u30f3\u30b5\u30eb\u30c6\u30a3\u30f3\u30b0<\/li>\n          <li>\u52a9\u6210\u91d1\u6d3b\u7528\u652f\u63f4<\/li>\n          <li>\u793e\u54e1\u7814\u4fee\u30fb\u8077\u5834\u6539\u5584\u652f\u63f4<\/li>\n        <\/ul>\n      <\/article>\n\n    <\/div>\n\n  <\/div>\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS \u5f37\u307f\n======================================== *\/\n\n.fw-strength {\n  width: 100%;\n  padding: 35px 20px 45px;\n  background: #fff;\n  box-sizing: border-box;\n}\n\n.fw-strength__inner {\n  width: min(1500px, 100%);\n  margin: 0 auto;\n}\n\n\n\/* ========================================\n   \u898b\u51fa\u3057\n======================================== *\/\n\n.fw-strength__heading {\n  text-align: center;\n  margin-bottom: 18px;\n}\n\n.fw-strength__heading h2 {\n  margin: 0;\n  color: #083f82;\n  font-size: clamp(28px, 2.2vw, 38px);\n  font-weight: 800;\n  line-height: 1.3;\n}\n\n\n\/* ========================================\n   4\u30ab\u30e9\u30e0\n======================================== *\/\n\n.fw-strength__grid {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n\n  border-top: 1px solid #d9e1e9;\n  border-left: 1px solid #d9e1e9;\n\n  border-radius: 8px;\n  overflow: hidden;\n}\n\n\n\/* ========================================\n   \u30ab\u30fc\u30c9\n======================================== *\/\n\n.fw-strength-card {\n  min-height: 260px;\n\n  padding: 18px 16px 16px;\n\n  text-align: center;\n\n  background: #fff;\n\n  border-right: 1px solid #d9e1e9;\n  border-bottom: 1px solid #d9e1e9;\n\n  box-sizing: border-box;\n}\n\n\n\/* \u30bf\u30a4\u30c8\u30eb *\/\n\n.fw-strength-card h3 {\n  margin: 0 0 18px;\n\n  color: #083f82;\n\n  font-size: 17px;\n  font-weight: 800;\n  line-height: 1.45;\n}\n\n\n\/* \u8aac\u660e\u6587 *\/\n\n.fw-strength-card p {\n  margin: 16px 0 0;\n\n  color: #333;\n\n  font-size: 12px;\n  font-weight: 600;\n  line-height: 1.8;\n}\n\n\n\/* ========================================\n   1. \u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u652f\u63f4\n======================================== *\/\n\n.fw-strength-flow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 5px;\n\n  min-height: 95px;\n}\n\n.fw-strength-flow__item {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  gap: 4px;\n}\n\n.fw-strength-flow__item i {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 36px;\n  height: 36px;\n\n  border: 2px solid #1766a8;\n  border-radius: 50%;\n\n  color: #1766a8;\n\n  font-size: 17px;\n}\n\n.fw-strength-flow__item span {\n  color: #083f82;\n  font-size: 9px;\n  font-weight: 700;\n}\n\n.fw-strength-flow__arrow {\n  color: #1766a8;\n  font-size: 15px;\n  font-weight: 800;\n}\n\n\n\/* ========================================\n   2. \u5168\u56fd\u30cd\u30c3\u30c8\u30ef\u30fc\u30af\n======================================== *\/\n\n.fw-strength-network {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 18px;\n\n  min-height: 95px;\n}\n\n.fw-strength-network__labels {\n  display: flex;\n  flex-direction: column;\n\n  gap: 7px;\n}\n\n.fw-strength-network__labels span {\n  display: inline-block;\n\n  padding: 5px 10px;\n\n  border: 1px solid #a9c8a0;\n  border-radius: 20px;\n\n  color: #5c9638;\n\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.fw-strength-network__map i {\n  color: #78ad4f;\n  font-size: 80px;\n}\n\n\n\/* ========================================\n   3. \u30b8\u30e7\u30d6\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0\n======================================== *\/\n\n.fw-strength-step {\n  display: flex;\n  align-items: flex-end;\n  justify-content: center;\n\n  gap: 7px;\n\n  min-height: 95px;\n}\n\n.fw-strength-step__person {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  gap: 4px;\n\n  color: #0a4a94;\n}\n\n.fw-strength-step__person i {\n  font-size: 30px;\n}\n\n.fw-strength-step__person span,\n.fw-strength-step__arrow span {\n  font-size: 10px;\n  font-weight: 700;\n}\n\n.fw-strength-step__stairs {\n  display: flex;\n  align-items: flex-end;\n  gap: 2px;\n}\n\n.fw-strength-step__stairs span {\n  display: block;\n  width: 16px;\n\n  border-top: 3px solid #7da0c8;\n}\n\n.fw-strength-step__stairs span:nth-child(1) {\n  height: 15px;\n}\n\n.fw-strength-step__stairs span:nth-child(2) {\n  height: 28px;\n}\n\n.fw-strength-step__stairs span:nth-child(3) {\n  height: 42px;\n}\n\n.fw-strength-step__arrow {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  color: #5b96d3;\n}\n\n.fw-strength-step__arrow i {\n  font-size: 42px;\n}\n\n\n\/* ========================================\n   4. \u30b0\u30eb\u30fc\u30d7\u4f1a\u793e\u3068\u306e\u9023\u643a\n======================================== *\/\n\n.fw-strength-handshake {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  min-height: 95px;\n}\n\n.fw-strength-handshake i {\n  color: #0c4c9b;\n  font-size: 82px;\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 1100px) {\n\n  .fw-strength__grid {\n    grid-template-columns: repeat(2, 1fr);\n  }\n\n}\n\n\n\/* ========================================\n   SP\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-strength {\n    padding: 30px 14px 40px;\n  }\n\n  .fw-strength__heading h2 {\n    font-size: 27px;\n  }\n\n  .fw-strength__grid {\n    grid-template-columns: 1fr;\n\n    border: 0;\n    gap: 10px;\n  }\n\n  .fw-strength-card {\n    min-height: 0;\n\n    padding: 18px 12px;\n\n    border: 1px solid #d9e1e9;\n    border-radius: 7px;\n  }\n\n  .fw-strength-card h3 {\n    font-size: 16px;\n  }\n\n  .fw-strength-card p {\n    font-size: 11px;\n  }\n\n  .fw-strength-flow {\n    flex-wrap: wrap;\n  }\n\n}\n<\/style>\n\n<section id=\"about\" class=\"fw-strength\" id=\"strength\">\n\n  <div class=\"fw-strength__inner\">\n\n    <div class=\"fw-strength__heading\">\n      <h2>\u30a8\u30d5\u30ef\u30fc\u30af\u30b9\u306e\u5f37\u307f<\/h2>\n    <\/div>\n\n    <div class=\"fw-strength__grid\">\n\n      <!-- 1 -->\n      <div class=\"fw-strength-card\">\n\n        <h3>\n          \u5c31\u8077\u304b\u3089\u5b9a\u7740\u307e\u3067<br>\n          \u30ef\u30f3\u30b9\u30c8\u30c3\u30d7\u652f\u63f4\n        <\/h3>\n\n        <div class=\"fw-strength-flow\">\n\n          <div class=\"fw-strength-flow__item\">\n            <i class=\"fa-solid fa-comments\"><\/i>\n            <span>\u76f8\u8ac7<\/span>\n          <\/div>\n\n          <span class=\"fw-strength-flow__arrow\">\u2192<\/span>\n\n          <div class=\"fw-strength-flow__item\">\n            <i class=\"fa-solid fa-clipboard-check\"><\/i>\n            <span>\u7814\u4fee<\/span>\n          <\/div>\n\n          <span class=\"fw-strength-flow__arrow\">\u2192<\/span>\n\n          <div class=\"fw-strength-flow__item\">\n            <i class=\"fa-solid fa-building\"><\/i>\n            <span>\u65bd\u8a2d\u5916\u5c31\u52b4<\/span>\n          <\/div>\n\n          <span class=\"fw-strength-flow__arrow\">\u2192<\/span>\n\n          <div class=\"fw-strength-flow__item\">\n            <i class=\"fa-solid fa-handshake\"><\/i>\n            <span>\u5c31\u8077<\/span>\n          <\/div>\n\n          <span class=\"fw-strength-flow__arrow\">\u2192<\/span>\n\n          <div class=\"fw-strength-flow__item\">\n            <i class=\"fa-solid fa-user-check\"><\/i>\n            <span>\u5b9a\u7740\u652f\u63f4<\/span>\n          <\/div>\n\n        <\/div>\n\n        <p>\n          \u4e00\u4eba\u3072\u3068\u308a\u306e\u72b6\u6cc1\u306b\u5408\u308f\u305b\u3066\u3001\u5c31\u8077\u524d\u304b\u3089<br>\n          \u5c31\u8077\u5f8c\u307e\u3067\u4e00\u8cab\u3057\u3066\u30b5\u30dd\u30fc\u30c8\u3057\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 2 -->\n      <div class=\"fw-strength-card\">\n\n        <h3>\u5168\u56fd\u30cd\u30c3\u30c8\u30ef\u30fc\u30af<\/h3>\n\n        <div class=\"fw-strength-network\">\n\n          <div class=\"fw-strength-network__labels\">\n            <span>\u4f01\u696d<\/span>\n            <span>\u798f\u7949\u65bd\u8a2d<\/span>\n            <span>\u884c\u653f<\/span>\n          <\/div>\n\n          <div class=\"fw-strength-network__map\">\n            <i class=\"fa-solid fa-map-location-dot\"><\/i>\n          <\/div>\n\n        <\/div>\n\n        <p>\n          \u65e5\u672c\u5168\u56fd\u306e\u4f01\u696d\u30fb\u798f\u7949\u65bd\u8a2d\u30fb\u884c\u653f\u6a5f\u95a2\u3068<br>\n          \u9023\u643a\u3057\u3001\u5e83\u57df\u7684\u306a\u652f\u63f4\u4f53\u5236\u3092\u69cb\u7bc9\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 3 -->\n      <div class=\"fw-strength-card\">\n\n        <h3>\u5b9f\u8df5\u578b\u30b8\u30e7\u30d6\u30c8\u30ec\u30fc\u30cb\u30f3\u30b0<\/h3>\n\n        <div class=\"fw-strength-step\">\n\n          <div class=\"fw-strength-step__person\">\n            <i class=\"fa-solid fa-person-walking\"><\/i>\n            <span>\u5b9f\u8df5<\/span>\n          <\/div>\n\n          <div class=\"fw-strength-step__stairs\">\n            <span><\/span>\n            <span><\/span>\n            <span><\/span>\n          <\/div>\n\n          <div class=\"fw-strength-step__person\">\n            <i class=\"fa-solid fa-person-walking-arrow-right\"><\/i>\n            <span>\u7d4c\u9a13<\/span>\n          <\/div>\n\n          <div class=\"fw-strength-step__arrow\">\n            <i class=\"fa-solid fa-arrow-trend-up\"><\/i>\n            <span>\u6210\u9577<\/span>\n          <\/div>\n\n        <\/div>\n\n        <p>\n          \u5b9f\u52d9\u306b\u76f4\u7d50\u3059\u308b\u7814\u4fee\u3068\u7d4c\u9a13\u3092\u901a\u3058\u3066\u3001<br>\n          \u300c\u50cd\u304f\u529b\u300d\u3092\u7740\u5b9f\u306b\u8eab\u306b\u3064\u3051\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n\n      <!-- 4 -->\n      <div class=\"fw-strength-card\">\n\n        <h3>\u30b0\u30eb\u30fc\u30d7\u4f1a\u793e\u3068\u306e\u9023\u643a<\/h3>\n\n        <div class=\"fw-strength-handshake\">\n          <i class=\"fa-solid fa-handshake\"><\/i>\n        <\/div>\n\n        <p>\n          \u30b0\u30eb\u30fc\u30d7\u4f1a\u793e\u3068\u9023\u643a\u3057\u3001\u591a\u69d8\u306a\u5c31\u52b4\u6a5f\u4f1a\u3092<br>\n          \u5275\u51fa\u3057\u3066\u3044\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS AI\u30fbDX\n======================================== *\/\n\n.fw-aidx {\n  position: relative;\n\n  width: 100%;\n\n  padding: 40px 20px;\n\n  overflow: hidden;\n\n  background:\n    linear-gradient(\n      90deg,\n      rgba(225,245,255,0.96) 0%,\n      rgba(239,250,255,0.94) 52%,\n      rgba(206,237,255,0.90) 100%\n    );\n\n  box-sizing: border-box;\n}\n\n\n\/* \u80cc\u666f\u306e\u30c7\u30b8\u30bf\u30eb\u611f *\/\n.fw-aidx::before {\n  content: \"\";\n\n  position: absolute;\n  inset: 0;\n\n  background:\n    radial-gradient(\n      circle at 15% 30%,\n      rgba(255,255,255,.75),\n      transparent 25%\n    ),\n    radial-gradient(\n      circle at 70% 50%,\n      rgba(76,177,235,.12),\n      transparent 35%\n    );\n\n  pointer-events: none;\n}\n\n\n\/* ========================================\n   \u4e2d\u8eab\n======================================== *\/\n\n.fw-aidx__inner {\n  position: relative;\n  z-index: 2;\n\n  width: min(1500px, 100%);\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns: 70% 30%;\n\n  align-items: center;\n\n  min-height: 280px;\n}\n\n\n\/* ========================================\n   \u5de6\u5074\n======================================== *\/\n\n.fw-aidx__content {\n  padding-right: 20px;\n}\n\n\n\/* \u898b\u51fa\u3057 *\/\n\n.fw-aidx__heading {\n  text-align: center;\n\n  margin-bottom: 26px;\n}\n\n.fw-aidx__heading h2 {\n  margin: 0 0 8px;\n\n  color: #083f82;\n\n  font-size: clamp(28px, 2.2vw, 38px);\n  font-weight: 800;\n\n  line-height: 1.3;\n}\n\n.fw-aidx__heading p {\n  margin: 0;\n\n  color: #333;\n\n  font-size: 13px;\n  font-weight: 600;\n\n  line-height: 1.7;\n}\n\n\n\/* ========================================\n   6\u3064\u306e\u6a5f\u80fd\n======================================== *\/\n\n.fw-aidx__features {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 8px;\n}\n\n\n\/* \u5404\u9805\u76ee *\/\n\n.fw-aidx-item {\n  display: flex;\n\n  flex-direction: column;\n\n  align-items: center;\n  justify-content: center;\n\n  min-width: 100px;\n\n  text-align: center;\n}\n\n\n\/* \u4e38\u30a2\u30a4\u30b3\u30f3 *\/\n\n.fw-aidx-item__icon {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 82px;\n  height: 82px;\n\n  margin-bottom: 8px;\n\n  background: #fff;\n\n  border: 2px solid #d2dce8;\n  border-radius: 50%;\n\n  color: #0d4f9c;\n\n  font-size: 34px;\n\n  box-shadow:\n    0 4px 12px rgba(17,79,140,.08);\n}\n\n\n\/* \u30e9\u30d9\u30eb *\/\n\n.fw-aidx-item span {\n  color: #222;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  line-height: 1.35;\n}\n\n\n\/* \u77e2\u5370 *\/\n\n.fw-aidx__arrow {\n  color: #8bb5da;\n\n  font-size: 18px;\n  font-weight: 700;\n}\n\n\n\/* ========================================\n   \u53f3\u5074\u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n.fw-aidx__visual {\n  position: relative;\n\n  display: flex;\n\n  align-items: flex-end;\n  justify-content: flex-end;\n\n  height: 260px;\n}\n\n.fw-aidx__visual img {\n  display: block;\n\n  width: 115%;\n  max-width: none;\n\n  height: auto;\n\n  object-fit: contain;\n\n  transform: rotate(-4deg);\n\n  transform-origin: right bottom;\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 1100px) {\n\n  .fw-aidx__inner {\n    grid-template-columns: 1fr;\n  }\n\n  .fw-aidx__content {\n    padding-right: 0;\n  }\n\n  .fw-aidx__visual {\n    height: 230px;\n\n    margin-top: 25px;\n\n    justify-content: center;\n  }\n\n  .fw-aidx__visual img {\n    width: 48%;\n\n    transform: rotate(0deg);\n  }\n\n}\n\n\n\/* ========================================\n   SP\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-aidx {\n    padding: 32px 14px 38px;\n  }\n\n  .fw-aidx__heading h2 {\n    font-size: 25px;\n  }\n\n  .fw-aidx__heading p {\n    font-size: 11px;\n  }\n\n\n  \/* 3\u5217 \u00d7 2\u6bb5 *\/\n  .fw-aidx__features {\n    display: grid;\n\n    grid-template-columns: repeat(3, 1fr);\n\n    gap: 18px 10px;\n  }\n\n  .fw-aidx__arrow {\n    display: none;\n  }\n\n  .fw-aidx-item {\n    min-width: 0;\n  }\n\n  .fw-aidx-item__icon {\n    width: 68px;\n    height: 68px;\n\n    font-size: 27px;\n  }\n\n  .fw-aidx-item span {\n    font-size: 9px;\n  }\n\n  .fw-aidx__visual {\n    height: auto;\n\n    margin-top: 30px;\n  }\n\n  .fw-aidx__visual img {\n    width: 90%;\n  }\n\n}\n<\/style>\n\n<section class=\"fw-aidx\" id=\"aidx\">\n\n  <div class=\"fw-aidx__inner\">\n\n    <!-- \u5de6\u5074 -->\n    <div class=\"fw-aidx__content\">\n\n      <div class=\"fw-aidx__heading\">\n        <h2>AI\u30fbDX\u3067\u3001\u672a\u6765\u306e\u5c31\u52b4\u652f\u63f4\u3078<\/h2>\n\n        <p>\n          \u6700\u65b0\u306eAI\u3084\u30c7\u30b8\u30bf\u30eb\u6280\u8853\u3092\u6d3b\u7528\u3057\u3001\n          \u4e00\u4eba\u3072\u3068\u308a\u306b\u6700\u9069\u306a\u652f\u63f4\u3092\u63d0\u4f9b\u3057\u307e\u3059\u3002\n        <\/p>\n      <\/div>\n\n\n      <!-- \u6a5f\u80fd\u4e00\u89a7 -->\n      <div class=\"fw-aidx__features\">\n\n        <!-- 1 -->\n        <div class=\"fw-aidx-item\">\n          <div class=\"fw-aidx-item__icon\">\n            <i class=\"fa-solid fa-magnifying-glass-chart\"><\/i>\n          <\/div>\n          <span>AI\u9069\u6027\u8a3a\u65ad<\/span>\n        <\/div>\n\n\n        <!-- \u77e2\u5370 -->\n        <div class=\"fw-aidx__arrow\">\u2192<\/div>\n\n\n        <!-- 2 -->\n        <div class=\"fw-aidx-item\">\n          <div class=\"fw-aidx-item__icon\">\n            <i class=\"fa-regular fa-file-lines\"><\/i>\n          <\/div>\n          <span>AI\u5c65\u6b74\u66f8\u4f5c\u6210<\/span>\n        <\/div>\n\n\n        <div class=\"fw-aidx__arrow\">\u2192<\/div>\n\n\n        <!-- 3 -->\n        <div class=\"fw-aidx-item\">\n          <div class=\"fw-aidx-item__icon\">\n            <i class=\"fa-solid fa-user-tie\"><\/i>\n          <\/div>\n          <span>AI\u9762\u63a5\u30b5\u30dd\u30fc\u30c8<\/span>\n        <\/div>\n\n\n        <div class=\"fw-aidx__arrow\">\u2192<\/div>\n\n\n        <!-- 4 -->\n        <div class=\"fw-aidx-item\">\n          <div class=\"fw-aidx-item__icon\">\n            <i class=\"fa-solid fa-user-group\"><\/i>\n          <\/div>\n          <span>AI\u30de\u30c3\u30c1\u30f3\u30b0<\/span>\n        <\/div>\n\n\n        <div class=\"fw-aidx__arrow\">\u2192<\/div>\n\n\n        <!-- 5 -->\n        <div class=\"fw-aidx-item\">\n          <div class=\"fw-aidx-item__icon\">\n            <i class=\"fa-solid fa-laptop-file\"><\/i>\n          <\/div>\n          <span>\u30aa\u30f3\u30e9\u30a4\u30f3\u9762\u8ac7<\/span>\n        <\/div>\n\n\n        <div class=\"fw-aidx__arrow\">\u2192<\/div>\n\n\n        <!-- 6 -->\n        <div class=\"fw-aidx-item\">\n          <div class=\"fw-aidx-item__icon\">\n            <i class=\"fa-solid fa-cloud\"><\/i>\n          <\/div>\n          <span>DX\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/span>\n        <\/div>\n\n      <\/div>\n\n    <\/div>\n\n\n    <!-- \u53f3\u5074 -->\n    <div class=\"fw-aidx__visual\">\n      <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/ai.png\" alt=\"AI\u30fbDX\u5c31\u52b4\u652f\u63f4\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\">\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS \u5c06\u6765\u30d3\u30b8\u30e7\u30f3\n======================================== *\/\n\n.fw-vision {\n  width: 100%;\n  padding: 45px 20px 0;\n  background:\n    linear-gradient(\n      180deg,\n      #ffffff 0%,\n      #f4f9ff 100%\n    );\n  box-sizing: border-box;\n}\n\n.fw-vision__inner {\n  width: min(1450px, 100%);\n  margin: 0 auto;\n}\n\n\n\/* ========================================\n   \u898b\u51fa\u3057\n======================================== *\/\n\n.fw-vision__heading {\n  margin-bottom: 32px;\n  text-align: center;\n}\n\n.fw-vision__heading h2 {\n  margin: 0 0 10px;\n  color: #083f82;\n  font-size: clamp(28px, 2.2vw, 38px);\n  font-weight: 800;\n}\n\n.fw-vision__heading p {\n  max-width: 850px;\n  margin: 0 auto;\n\n  color: #333;\n  font-size: 13px;\n  font-weight: 600;\n  line-height: 1.8;\n}\n\n\n\/* ========================================\n   \u30d5\u30ed\u30fc\n======================================== *\/\n\n.fw-vision__flow {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  gap: 14px;\n}\n\n\n\/* \u5404\u9805\u76ee *\/\n\n.fw-vision-item {\n  min-width: 110px;\n  text-align: center;\n}\n\n\n\/* \u30a2\u30a4\u30b3\u30f3 *\/\n\n.fw-vision-item__icon {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  width: 82px;\n  height: 82px;\n\n  margin: 0 auto 8px;\n\n  border-radius: 50%;\n\n  background: #e9f4ff;\n  color: #1766a8;\n\n  font-size: 34px;\n}\n\n.fw-vision-item span {\n  color: #083f82;\n  font-size: 13px;\n  font-weight: 800;\n}\n\n\n\/* ========================================\n   \u77e2\u5370\n======================================== *\/\n\n.fw-vision-arrow {\n  color: #6da2d1;\n  font-size: 25px;\n  font-weight: 700;\n}\n\n\n\/* ========================================\n   F-WORKS \u4e2d\u592e\u30ab\u30fc\u30c9\n======================================== *\/\n\n.fw-vision-center {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n\n  min-width: 185px;\n  min-height: 130px;\n\n  padding: 18px 20px;\n\n  border: 2px solid #dce9f5;\n  border-radius: 12px;\n\n  background: #ffffff;\n\n  box-shadow: 0 5px 18px rgba(0, 65, 130, 0.08);\n\n  box-sizing: border-box;\n}\n\n\n\/* \u30ed\u30b4 *\/\n\n.fw-vision-center__logo {\n  width: 160px;\n  max-width: 100%;\n\n  margin: 0 auto 8px;\n}\n\n.fw-vision-center__logo img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  margin: 0 auto;\n\n  object-fit: contain;\n}\n\n\n\/* \u4e2d\u592e\u30ab\u30fc\u30c9\u4e0b\u30c6\u30ad\u30b9\u30c8 *\/\n\n.fw-vision-center > span {\n  color: #333;\n\n  font-size: 11px;\n  font-weight: 700;\n\n  line-height: 1.4;\n  text-align: center;\n}\n\n\n\/* ========================================\n   AI\u30fb\u30c7\u30b8\u30bf\u30eb\u8a3a\u65ad\n======================================== *\/\n\n.fw-vision__digital {\n  display: flex;\n  justify-content: center;\n\n  gap: 22px;\n\n  margin-top: 24px;\n}\n\n.fw-vision__digital > div {\n  display: flex;\n  align-items: center;\n\n  gap: 8px;\n\n  padding: 9px 18px;\n\n  border-radius: 30px;\n\n  background: #eaf5ff;\n\n  color: #1766a8;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n.fw-vision__digital i {\n  font-size: 20px;\n}\n\n\n\/* ========================================\n   \u4e0b\u6bb5\n======================================== *\/\n\n.fw-vision__bottom {\n  display: grid;\n\n  grid-template-columns: 1fr 400px;\n\n  align-items: end;\n\n  gap: 25px;\n\n  margin-top: 28px;\n\n  padding: 22px 25px 0;\n\n  border: 1px solid #d8e5f2;\n  border-radius: 10px 10px 0 0;\n\n  background: rgba(255, 255, 255, 0.82);\n}\n\n\n\/* ========================================\n   \u30e1\u30c3\u30bb\u30fc\u30b8\n======================================== *\/\n\n.fw-vision__message {\n  padding-bottom: 25px;\n  text-align: center;\n}\n\n.fw-vision__message h3 {\n  margin: 0 0 12px;\n\n  color: #083f82;\n\n  font-size: 24px;\n  font-weight: 800;\n}\n\n.fw-vision__message p {\n  margin: 0;\n\n  color: #333;\n\n  font-size: 16px;\n  font-weight: 600;\n\n  line-height: 1.9;\n}\n\n\n\/* ========================================\n   \u30b9\u30bf\u30c3\u30d5\n======================================== *\/\n\n.fw-vision__staff {\n  align-self: end;\n}\n\n.fw-vision__staff img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 1100px) and (min-width: 768px) {\n\n  .fw-vision__flow {\n    flex-wrap: wrap;\n  }\n\n  .fw-vision__bottom {\n    grid-template-columns: 1fr 300px;\n  }\n\n}\n\n\n\/* ========================================\n   \u30b9\u30de\u30fc\u30c8\u30d5\u30a9\u30f3\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-vision {\n    padding: 35px 14px 0;\n  }\n\n\n  \/* ----------------------------------------\n     \u898b\u51fa\u3057\n  ---------------------------------------- *\/\n\n  .fw-vision__heading {\n    margin-bottom: 26px;\n  }\n\n  .fw-vision__heading h2 {\n    margin-bottom: 8px;\n\n    font-size: 26px;\n  }\n\n  .fw-vision__heading p {\n    max-width: 100%;\n\n    font-size: 11px;\n    line-height: 1.8;\n  }\n\n\n  \/* ----------------------------------------\n     \u30d5\u30ed\u30fc\u5168\u4f53\n  ---------------------------------------- *\/\n\n  .fw-vision__flow {\n    display: flex !important;\n    flex-direction: column !important;\n\n    align-items: center !important;\n    justify-content: flex-start !important;\n\n    width: 100%;\n\n    gap: 8px !important;\n  }\n\n\n  \/* ----------------------------------------\n     \u4f01\u696d\u30fb\u798f\u7949\u65bd\u8a2d\u30fb\u884c\u653f\u30fb\u5229\u7528\u8005\n  ---------------------------------------- *\/\n\n  .fw-vision-item {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n\n    width: 100% !important;\n    min-width: 0 !important;\n\n    margin: 0 !important;\n\n    text-align: center;\n  }\n\n\n  \/* \u30a2\u30a4\u30b3\u30f3 *\/\n\n  .fw-vision-item__icon {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    width: 68px;\n    height: 68px;\n\n    margin: 0 auto 7px;\n\n    border-radius: 50%;\n\n    font-size: 28px;\n  }\n\n\n  \/* \u9805\u76ee\u540d *\/\n\n  .fw-vision-item span {\n    display: block;\n\n    font-size: 12px;\n    font-weight: 800;\n\n    text-align: center;\n  }\n\n\n  \/* ----------------------------------------\n     \u77e2\u5370\n\n     PC\u306e \u2192 \u3092\u6d88\u3057\u3066\n     SP\u3067\u306f \u2193 \u306b\u5909\u66f4\n  ---------------------------------------- *\/\n\n  .fw-vision-arrow {\n    display: block !important;\n\n    width: 100% !important;\n\n    margin: 3px 0 !important;\n\n    color: transparent !important;\n\n    font-size: 0 !important;\n    line-height: 1 !important;\n\n    text-align: center !important;\n  }\n\n  .fw-vision-arrow::before {\n    content: \"\u2193\";\n\n    display: block;\n\n    color: #6da2d1;\n\n    font-size: 22px;\n    font-weight: 700;\n\n    line-height: 1;\n  }\n\n\n  \/* ----------------------------------------\n     F-WORKS\u4e2d\u592e\u30ab\u30fc\u30c9\n  ---------------------------------------- *\/\n\n  .fw-vision-center {\n    display: flex;\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    width: 88% !important;\n    max-width: 290px !important;\n\n    min-width: 0 !important;\n    min-height: 120px;\n\n    margin: 3px auto !important;\n\n    padding: 17px 15px;\n\n    border: 2px solid #dce9f5;\n    border-radius: 10px;\n\n    background: #ffffff;\n\n    box-sizing: border-box;\n  }\n\n\n  \/* F-WORKS\u30ed\u30b4 *\/\n\n  .fw-vision-center__logo {\n    width: 160px;\n    max-width: 80%;\n\n    margin: 0 auto 7px;\n  }\n\n  .fw-vision-center__logo img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    margin: 0 auto;\n  }\n\n\n  \/* \u5c31\u52b4\u652f\u63f4\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0 *\/\n\n  .fw-vision-center > span {\n    font-size: 11px;\n    line-height: 1.5;\n\n    text-align: center;\n  }\n\n\n  \/* ----------------------------------------\n     AI\u30fb\u30c7\u30b8\u30bf\u30eb\u8a3a\u65ad\n  ---------------------------------------- *\/\n\n  .fw-vision__digital {\n    display: flex;\n    flex-direction: column;\n\n    align-items: center;\n    justify-content: center;\n\n    gap: 8px;\n\n    margin-top: 22px;\n  }\n\n  .fw-vision__digital > div {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n\n    gap: 7px;\n\n    padding: 8px 16px;\n\n    font-size: 12px;\n  }\n\n  .fw-vision__digital i {\n    font-size: 17px;\n  }\n\n\n  \/* ----------------------------------------\n     \u4e0b\u6bb5\n  ---------------------------------------- *\/\n\n  .fw-vision__bottom {\n    display: flex;\n    flex-direction: column;\n\n    width: 100%;\n\n    gap: 15px;\n\n    margin-top: 24px;\n\n    padding: 20px 15px 0;\n\n    box-sizing: border-box;\n  }\n\n\n  \/* \u30e1\u30c3\u30bb\u30fc\u30b8 *\/\n\n  .fw-vision__message {\n    width: 100%;\n\n    padding-bottom: 10px;\n\n    text-align: center;\n  }\n\n  .fw-vision__message h3 {\n    margin-bottom: 10px;\n\n    font-size: 20px;\n    line-height: 1.5;\n  }\n\n  .fw-vision__message p {\n    font-size: 11px;\n    line-height: 1.9;\n  }\n\n\n  \/* \u30b9\u30bf\u30c3\u30d5\u753b\u50cf *\/\n\n  .fw-vision__staff {\n    width: 100%;\n\n    margin: 0 auto;\n  }\n\n  .fw-vision__staff img {\n    display: block;\n\n    width: 100%;\n    height: auto;\n\n    margin: 0 auto;\n  }\n\n}\n<\/style>\n\n<section id=\"vision\" class=\"fw-vision\">\n\n  <div class=\"fw-vision__inner\">\n\n    <div class=\"fw-vision__heading\">\n      <h2>\u5c06\u6765\u30d3\u30b8\u30e7\u30f3<\/h2>\n      <p>\n        \u5168\u56fd\u306e\u4f01\u696d\u30fb\u798f\u7949\u65bd\u8a2d\u30fb\u884c\u653f\u3092\u3064\u306a\u3050\n        \u300c\u969c\u304c\u3044\u8005\u5c31\u52b4\u652f\u63f4\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0\u300d\u3092\u69cb\u7bc9\u3057\u3001\n        \u4e00\u4eba\u3067\u3082\u591a\u304f\u306e\u65b9\u304c\u81ea\u7acb\u3057\u305f\u751f\u6d3b\u3092\u9001\u308c\u308b\u793e\u4f1a\u3092\u5b9f\u73fe\u3057\u307e\u3059\u3002\n      <\/p>\n    <\/div>\n\n    <div class=\"fw-vision__flow\">\n\n      <div class=\"fw-vision-item\">\n        <div class=\"fw-vision-item__icon\">\n          <i class=\"fa-solid fa-building\"><\/i>\n        <\/div>\n        <span>\u4f01\u696d<\/span>\n      <\/div>\n\n      <div class=\"fw-vision-arrow\">\u2192<\/div>\n\n      <div class=\"fw-vision-item\">\n        <div class=\"fw-vision-item__icon\">\n          <i class=\"fa-solid fa-house-medical\"><\/i>\n        <\/div>\n        <span>\u798f\u7949\u65bd\u8a2d<\/span>\n      <\/div>\n\n      <div class=\"fw-vision-arrow\">\u2192<\/div>\n\n      <div class=\"fw-vision-item\">\n        <div class=\"fw-vision-item__icon\">\n          <i class=\"fa-solid fa-landmark\"><\/i>\n        <\/div>\n        <span>\u884c\u653f\u6a5f\u95a2<\/span>\n      <\/div>\n\n      <div class=\"fw-vision-arrow\">\u2192<\/div>\n\n <div class=\"fw-vision-center\">\n\n  <div class=\"fw-vision-center__logo\">\n    <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/cropped-logo-1.png\" alt=\"F-WORKS\">\n  <\/div>\n\n  <span>\u5c31\u52b4\u652f\u63f4\u30d7\u30e9\u30c3\u30c8\u30d5\u30a9\u30fc\u30e0<\/span>\n\n<\/div>\n\n      <div class=\"fw-vision-arrow\">\u2192<\/div>\n\n      <div class=\"fw-vision-item\">\n        <div class=\"fw-vision-item__icon\">\n          <i class=\"fa-solid fa-people-group\"><\/i>\n        <\/div>\n        <span>\u5229\u7528\u8005<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"fw-vision__digital\">\n\n      <div>\n        <i class=\"fa-solid fa-brain\"><\/i>\n        <span>AI\u30fb\u30c7\u30b8\u30bf\u30eb\u8a3a\u65ad<\/span>\n      <\/div>\n\n      <div>\n        <i class=\"fa-solid fa-chart-column\"><\/i>\n        <span>\u5c31\u52b4\u652f\u63f4\u30c7\u30fc\u30bf<\/span>\n      <\/div>\n\n    <\/div>\n\n    <div class=\"fw-vision__bottom\">\n\n      <div class=\"fw-vision__message\">\n\n        <h3>\u300c\u50cd\u304f\u529b\u3092\u3001\u672a\u6765\u306b\u3064\u306a\u3050\u3002\u300d<\/h3>\n\n        <p>\n          \u3053\u306e\u7406\u5ff5\u306e\u3082\u3068\u3001\u30a8\u30d5\u30ef\u30fc\u30af\u30b9\u5408\u540c\u4f1a\u793e\u306f\u3001\n          \u969c\u304c\u3044\u8005\u4e00\u4eba\u3072\u3068\u308a\u306e\u53ef\u80fd\u6027\u3092\u793e\u4f1a\u306b\u3064\u306a\u304e\u3001\n          \u4f01\u696d\u30fb\u5730\u57df\u30fb\u798f\u7949\u304c\u3068\u3082\u306b\u767a\u5c55\u3059\u308b\n          \u6301\u7d9a\u53ef\u80fd\u306a\u5c31\u52b4\u652f\u63f4\u30e2\u30c7\u30eb\u3092\u5168\u56fd\u3078\u5c55\u958b\u3057\u3066\u307e\u3044\u308a\u307e\u3059\u3002\n        <\/p>\n\n      <\/div>\n\n      <div class=\"fw-vision__staff\">\n        <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/ai_staff.png\" alt=\"F-WORKS\u30b9\u30bf\u30c3\u30d5\">\n      <\/div>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS \u4f1a\u793e\u6982\u8981 1\u30ab\u30e9\u30e0\n======================================== *\/\n\n.fw-company-single {\n  width: 100%;\n  padding: 45px 20px 55px;\n\n  background: #ffffff;\n\n  box-sizing: border-box;\n}\n\n\n\/* ========================================\n   \u5185\u5074\n======================================== *\/\n\n.fw-company-single__inner {\n  width: min(1050px, 100%);\n  margin: 0 auto;\n\n  padding: 28px;\n\n  border: 1px solid #d8e3ee;\n  border-radius: 10px;\n\n  background: #ffffff;\n\n  box-sizing: border-box;\n\n  box-shadow:\n    0 4px 16px rgba(0, 60, 120, 0.05);\n}\n\n\n\/* ========================================\n   \u898b\u51fa\u3057\n======================================== *\/\n\n.fw-company-single__heading {\n  margin-bottom: 22px;\n}\n\n.fw-company-single__heading h2 {\n  margin: 0;\n\n  color: #06458e;\n\n  font-size: clamp(26px, 2vw, 34px);\n  font-weight: 800;\n\n  line-height: 1.3;\n}\n\n\n\/* ========================================\n   \u753b\u50cf\n======================================== *\/\n\n.fw-company-single__image {\n  width: 100%;\n  height: 350px;\n\n  margin-bottom: 25px;\n\n  overflow: hidden;\n\n  border-radius: 8px;\n\n  background: #eef3f7;\n}\n\n.fw-company-single__image img {\n  display: block;\n\n  width: 100%;\n  height: 100%;\n\n  object-fit: cover;\n\n  \/* \u30ed\u30b4\u3084\u5ba4\u5185\u304c\u898b\u3084\u3059\u3044\u4f4d\u7f6e *\/\n  object-position: center 45%;\n}\n\n\n\/* ========================================\n   \u4f1a\u793e\u6982\u8981\u8868\n======================================== *\/\n\n.fw-company-single__table {\n  width: 100%;\n}\n\n.fw-company-single__table dl {\n  display: grid;\n\n  grid-template-columns: 180px 1fr;\n\n  width: 100%;\n\n  margin: 0;\n\n  border-top: 1px solid #dce4eb;\n}\n\n\n\/* \u5de6\u5074 *\/\n\n.fw-company-single__table dt {\n  margin: 0;\n\n  padding: 14px 18px;\n\n  background: #f3f7fb;\n\n  border-bottom: 1px solid #dce4eb;\n\n  color: #06458e;\n\n  font-size: 16px;\n  font-weight: 700;\n\n  line-height: 1.6;\n\n  box-sizing: border-box;\n}\n\n\n\/* \u53f3\u5074 *\/\n\n.fw-company-single__table dd {\n  margin: 0;\n\n  padding: 14px 18px;\n\n  border-bottom: 1px solid #dce4eb;\n\n  color: #222222;\n\n  font-size: 16px;\n  font-weight: 500;\n\n  line-height: 1.7;\n\n  box-sizing: border-box;\n}\n\n\n\/* \u96fb\u8a71\u30fb\u30e1\u30fc\u30eb\u30ea\u30f3\u30af *\/\n\n.fw-company-single__table a {\n  color: #06458e;\n\n  font-weight: 600;\n\n  text-decoration: none;\n}\n\n.fw-company-single__table a:hover {\n  text-decoration: underline;\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 921px) {\n\n  .fw-company-single {\n    padding: 38px 20px 45px;\n  }\n\n  .fw-company-single__inner {\n    padding: 22px;\n  }\n\n  .fw-company-single__image {\n    height: 260px;\n  }\n\n  .fw-company-single__table dl {\n    grid-template-columns: 150px 1fr;\n  }\n\n}\n\n\n\/* ========================================\n   \u30b9\u30de\u30db\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-company-single {\n    padding: 30px 14px 40px;\n  }\n\n\n  \/* \u30ab\u30fc\u30c9 *\/\n\n  .fw-company-single__inner {\n    padding: 16px 14px;\n\n    border-radius: 8px;\n  }\n\n\n  \/* \u898b\u51fa\u3057 *\/\n\n  .fw-company-single__heading {\n    margin-bottom: 16px;\n  }\n\n  .fw-company-single__heading h2 {\n    font-size: 24px;\n  }\n\n\n  \/* \u753b\u50cf *\/\n\n  .fw-company-single__image {\n    height: 200px;\n\n    margin-bottom: 18px;\n  }\n\n\n  \/* \u8868 *\/\n\n  .fw-company-single__table dl {\n    grid-template-columns: 100px 1fr;\n  }\n\n  .fw-company-single__table dt,\n  .fw-company-single__table dd {\n    padding: 10px 8px;\n\n    font-size: 11px;\n  }\n\n  .fw-company-single__table dd {\n    word-break: break-word;\n  }\n\n}\n<\/style>\n\n<section id=\"company\" class=\"fw-company-single\">\n\n  <div class=\"fw-company-single__inner\">\n\n    <div class=\"fw-company-single__heading\">\n      <h2>\u4f1a\u793e\u6982\u8981<\/h2>\n    <\/div>\n\n    <!-- \u753b\u50cf -->\n    <div class=\"fw-company-single__image\">\n      <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/c.png\" alt=\"\u30a8\u30d5\u30ef\u30fc\u30af\u30b9\u5408\u540c\u4f1a\u793e\">\n    <\/div>\n\n    <!-- \u4f1a\u793e\u6982\u8981\u8868 -->\n    <div class=\"fw-company-single__table\">\n\n      <dl>\n\n        <dt>\u4f1a\u793e\u540d<\/dt>\n        <dd>\u30a8\u30d5\u30ef\u30fc\u30af\u30b9\u5408\u540c\u4f1a\u793e\uff08F-WORKS LLC.\uff09<\/dd>\n\n        <dt>\u4ee3\u8868\u793e\u54e1<\/dt>\n        <dd>\u5bfa\u5c3e \u660c\u5f66 \uff0f \u798f\u7530 \u9686\u4e4b<\/dd>\n\n        <dt>\u8a2d\u7acb\u65e5<\/dt>\n        <dd>2026\u5e747\u670822\u65e5<\/dd>\n\n        <dt>\u8cc7\u672c\u91d1<\/dt>\n        <dd>100\u4e07\u5186<\/dd>\n\n        <dt>\u53d6\u5f15\u9280\u884c<\/dt>\n        <dd>\u4e09\u83f1UFJ\u9280\u884c<\/dd>\n\n        <dt>\u6240\u5728\u5730<\/dt>\n        <dd>\n          \u3012102-0072<br>\n          \u6771\u4eac\u90fd\u5343\u4ee3\u7530\u533a\u5bcc\u58eb\u898b\u4e00\u4e01\u76ee3\u756a11\u53f7<br>\n          \u5bcc\u58eb\u898b\u30c7\u30e5\u30fc\u30d7\u30ec\u30c3\u30af\u30b9B&#8217;s4F\n        <\/dd>\n\n        <dt>\u30d5\u30ea\u30fc\u30c0\u30a4\u30e4\u30eb<\/dt>\n        <dd>\n          <a href=\"tel:0120900029\">0120-900-029<\/a>\n        <\/dd>\n\n        <dt>FAX<\/dt>\n        <dd>0246-88-8484<\/dd>\n\n        <dt>E-mail<\/dt>\n        <dd>\n          <a href=\"mailto:info@f-works.jp\">\n            info@f-works.pro\n          <\/a>\n        <\/dd>\n\n      <\/dl>\n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS \u304a\u554f\u3044\u5408\u308f\u305b 1\u30ab\u30e9\u30e0\n======================================== *\/\n\n.fw-contact-single {\n  width: 100%;\n  padding: 45px 20px 55px;\n\n  background: #f8fbff;\n\n  box-sizing: border-box;\n}\n\n\n\/* ========================================\n   \u5185\u5074\u30ab\u30fc\u30c9\n======================================== *\/\n\n.fw-contact-single__inner {\n  width: min(1050px, 100%);\n  margin: 0 auto;\n\n  padding: 30px 35px 35px;\n\n  background: #ffffff;\n\n  border: 1px solid #d8e3ee;\n  border-radius: 10px;\n\n  box-sizing: border-box;\n\n  box-shadow:\n    0 4px 16px rgba(0, 60, 120, 0.05);\n}\n\n\n\/* ========================================\n   \u898b\u51fa\u3057\n======================================== *\/\n\n.fw-contact-single__heading {\n  margin-bottom: 20px;\n\n  text-align: center;\n}\n\n.fw-contact-single__heading h2 {\n  margin: 0 0 10px;\n\n  color: #06458e;\n\n  font-size: clamp(26px, 2vw, 34px);\n  font-weight: 800;\n\n  line-height: 1.3;\n}\n\n.fw-contact-single__heading p {\n  margin: 0;\n\n  color: #333;\n\n  font-size: 14px;\n  font-weight: 600;\n\n  line-height: 1.8;\n}\n\n\n\/* ========================================\n   \u96fb\u8a71\u30fb\u30e1\u30fc\u30eb\n======================================== *\/\n\n.fw-contact-single__info {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: 35px;\n\n  margin-bottom: 28px;\n}\n\n\n\/* \u96fb\u8a71 *\/\n\n.fw-contact-single__tel {\n  display: flex;\n  align-items: center;\n\n  gap: 10px;\n\n  color: #5a9c2d !important;\n\n  font-size: 27px;\n  font-weight: 800;\n\n  text-decoration: none !important;\n}\n\n.fw-contact-single__tel i {\n  font-size: 25px;\n}\n\n\n\/* \u30e1\u30fc\u30eb *\/\n\n.fw-contact-single__mail {\n  display: flex;\n  align-items: center;\n\n  gap: 9px;\n\n  color: #06458e !important;\n\n  font-size: 18px;\n  font-weight: 700;\n\n  text-decoration: none !important;\n}\n\n.fw-contact-single__mail i {\n  font-size: 20px;\n}\n\n\n\/* ========================================\n   Fluent Forms\n======================================== *\/\n\n.fw-contact-single__form {\n  width: min(760px, 100%);\n\n  margin: 0 auto;\n}\n\n\n\/* \u5404\u9805\u76ee *\/\n\n.fw-contact-single .ff-el-group {\n  margin-bottom: 18px;\n}\n\n\n\/* \u30e9\u30d9\u30eb *\/\n\n.fw-contact-single .ff-el-input--label label {\n  color: #06458e;\n\n  font-size: 14px;\n  font-weight: 700;\n}\n\n\n\/* \u5165\u529b\u6b04 *\/\n\n.fw-contact-single input[type=\"text\"],\n.fw-contact-single input[type=\"email\"],\n.fw-contact-single input[type=\"tel\"],\n.fw-contact-single input[type=\"number\"],\n.fw-contact-single select,\n.fw-contact-single textarea {\n\n  width: 100% !important;\n\n  padding: 12px 14px !important;\n\n  background: #ffffff !important;\n\n  border: 1px solid #d8e0e8 !important;\n  border-radius: 5px !important;\n\n  color: #222 !important;\n\n  font-size: 15px !important;\n\n  box-sizing: border-box;\n}\n\n\n\/* \u30d5\u30a9\u30fc\u30ab\u30b9 *\/\n\n.fw-contact-single input:focus,\n.fw-contact-single select:focus,\n.fw-contact-single textarea:focus {\n\n  border-color: #1766a8 !important;\n\n  box-shadow:\n    0 0 0 3px rgba(23, 102, 168, 0.08) !important;\n\n  outline: none !important;\n}\n\n\n\/* \u30c6\u30ad\u30b9\u30c8\u30a8\u30ea\u30a2 *\/\n\n.fw-contact-single textarea {\n  min-height: 140px;\n}\n\n\n\/* ========================================\n   \u9001\u4fe1\u30dc\u30bf\u30f3\n======================================== *\/\n\n.fw-contact-single .ff-btn-submit,\n.fw-contact-single button[type=\"submit\"] {\n\n  display: block !important;\n\n  width: min(320px, 100%) !important;\n\n  margin: 25px auto 0 !important;\n\n  padding: 14px 25px !important;\n\n  background: linear-gradient(\n    135deg,\n    #6eaa38 0%,\n    #4e8c27 100%\n  ) !important;\n\n  border: none !important;\n  border-radius: 5px !important;\n\n  color: #ffffff !important;\n\n  font-size: 16px !important;\n  font-weight: 700 !important;\n\n  cursor: pointer;\n\n  transition: 0.25s;\n}\n\n\n.fw-contact-single .ff-btn-submit:hover,\n.fw-contact-single button[type=\"submit\"]:hover {\n\n  background: #477e23 !important;\n\n  transform: translateY(-1px);\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 921px) {\n\n  .fw-contact-single__inner {\n    padding: 25px;\n  }\n\n}\n\n\n\/* ========================================\n   \u30b9\u30de\u30db\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-contact-single {\n    padding: 30px 14px 40px;\n  }\n\n  .fw-contact-single__inner {\n    padding: 20px 15px;\n  }\n\n\n  \/* \u898b\u51fa\u3057 *\/\n\n  .fw-contact-single__heading h2 {\n    font-size: 24px;\n  }\n\n  .fw-contact-single__heading p {\n    font-size: 12px;\n  }\n\n\n  \/* \u96fb\u8a71\u30fb\u30e1\u30fc\u30eb\u3092\u7e26\u4e26\u3073 *\/\n\n  .fw-contact-single__info {\n    flex-direction: column;\n\n    gap: 8px;\n\n    margin-bottom: 22px;\n  }\n\n  .fw-contact-single__tel {\n    font-size: 23px;\n  }\n\n  .fw-contact-single__mail {\n    font-size: 15px;\n  }\n\n\n  \/* \u30d5\u30a9\u30fc\u30e0 *\/\n\n  .fw-contact-single__form {\n    width: 100%;\n  }\n\n  .fw-contact-single input,\n  .fw-contact-single select,\n  .fw-contact-single textarea {\n    font-size: 16px !important;\n  }\n\n  .fw-contact-single .ff-btn-submit,\n  .fw-contact-single button[type=\"submit\"] {\n    width: 100% !important;\n  }\n\n}\n<\/style>\n\n<section class=\"fw-contact-single\" id=\"contact\">\n\n  <div class=\"fw-contact-single__inner\">\n\n    <!-- \u898b\u51fa\u3057 -->\n    <div class=\"fw-contact-single__heading\">\n      <h2>\u304a\u554f\u3044\u5408\u308f\u305b<\/h2>\n\n      <p>\n        \u969c\u304c\u3044\u8005\u5c31\u8077\u652f\u63f4\u30fb\u4f01\u696d\u76f8\u8ac7\u53d7\u4ed8\u4e2d\uff01<br>\n        \u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n      <\/p>\n    <\/div>\n\n\n    <!-- \u96fb\u8a71\u30fb\u30e1\u30fc\u30eb -->\n    <div class=\"fw-contact-single__info\">\n\n      <a href=\"tel:0120900029\" class=\"fw-contact-single__tel\">\n        <i class=\"fa-solid fa-phone\"><\/i>\n        <span>0120-900-029<\/span>\n      <\/a>\n\n      <a href=\"mailto:info@f-works.jp\" class=\"fw-contact-single__mail\">\n        <i class=\"fa-solid fa-envelope\"><\/i>\n        <span>info@f-works.pro<\/span>\n      <\/a>\n\n    <\/div>\n\n\n    <!-- \u30d5\u30a9\u30fc\u30e0 -->\n    <div class=\"fw-contact-single__form\">\n\n     <div class='fluentform ff-default fluentform_wrapper_3 ffs_default_wrap'><form data-form_id=\"3\" id=\"fluentform_3\" class=\"frm-fluent-form fluent_form_3 ff-el-form-top ff_form_instance_3_1 ff-form-loading ffs_default\" data-form_instance=\"ff_form_instance_3_1\" method=\"POST\" ><fieldset  style=\"border: none!important;margin: 0!important;padding: 0!important;background-color: transparent!important;box-shadow: none!important;outline: none!important; min-inline-size: 100%;\">\n                    <legend class=\"ff_screen_reader_title\" style=\"display: block; margin: 0!important;padding: 0!important;height: 0!important;text-indent: -999999px;width: 0!important;overflow:hidden;\">Blank Form (#3)<\/legend><input type='hidden' name='__fluent_form_embded_post_id' value='8' \/><input type=\"hidden\" id=\"_fluentform_3_fluentformnonce\" name=\"_fluentform_3_fluentformnonce\" value=\"9bcb16b753\" \/><input type=\"hidden\" name=\"_wp_http_referer\" value=\"\/index.php?rest_route=%2Fwp%2Fv2%2Fpages%2F8\" \/><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_input_text' id='label_ff_3_input_text' aria-label=\"\u304a\u540d\u524d\">\u304a\u540d\u524d<\/label><\/div><div class='ff-el-input--content'><input type=\"text\" name=\"input_text\" class=\"ff-el-form-control\" placeholder=\"name\" data-name=\"input_text\" id=\"ff_3_input_text\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_numeric_field' id='label_ff_3_numeric_field' aria-label=\"\u96fb\u8a71\u756a\u53f7\">\u96fb\u8a71\u756a\u53f7<\/label><\/div><div class='ff-el-input--content'><input type=\"number\" name=\"numeric_field\" id=\"ff_3_numeric_field\" class=\"ff-el-form-control\" placeholder=\"tel\" data-name=\"numeric_field\" inputmode=\"numeric\" step=\"any\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label ff-el-is-required asterisk-right\"><label for='ff_3_email' id='label_ff_3_email' aria-label=\"E\u30e1\u30fc\u30eb\">E\u30e1\u30fc\u30eb<\/label><\/div><div class='ff-el-input--content'><input type=\"email\" name=\"email\" id=\"ff_3_email\" class=\"ff-el-form-control\" placeholder=\"Email Address\" data-name=\"email\"  aria-invalid=\"false\" aria-required=true><\/div><\/div><div class='ff-el-group'><div class=\"ff-el-input--label asterisk-right\"><label for='ff_3_description' id='label_ff_3_description' aria-label=\"\u304a\u554f\u3044\u5408\u308f\u305b\">\u304a\u554f\u3044\u5408\u308f\u305b<\/label><\/div><div class='ff-el-input--content'><textarea aria-required=\"false\" aria-labelledby=\"label_ff_3_description\" name=\"description\" id=\"ff_3_description\" class=\"ff-el-form-control\" placeholder=\"message\" rows=\"3\" cols=\"2\" data-name=\"description\" ><\/textarea><\/div><\/div><div class='ff-el-group ff-text-center ff_submit_btn_wrapper'><button type=\"submit\" class=\"ff-btn ff-btn-submit ff-btn-md ff_btn_style\"  aria-label=\"\u9001\u3000\u4fe1\">\u9001\u3000\u4fe1<\/button><\/div><\/fieldset><\/form><div id='fluentform_3_errors' class='ff-errors-in-stack ff_form_instance_3_1 ff-form-loading_errors ff_form_instance_3_1_errors'><\/div><\/div>            <script type=\"text\/javascript\">\n                window.fluent_form_ff_form_instance_3_1 = {\"id\":\"3\",\"ajaxUrl\":\"https:\\\/\\\/f-works.pro\\\/wp-admin\\\/admin-ajax.php\",\"settings\":{\"layout\":{\"labelPlacement\":\"top\",\"asteriskPlacement\":\"asterisk-right\",\"helpMessagePlacement\":\"with_label\",\"errorMessagePlacement\":\"inline\",\"cssClassName\":\"\"},\"restrictions\":{\"denyEmptySubmission\":{\"enabled\":false}}},\"form_instance\":\"ff_form_instance_3_1\",\"form_id_selector\":\"fluentform_3\",\"rules\":{\"input_text\":{\"required\":{\"value\":true,\"message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global_message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global\":true}},\"numeric_field\":{\"required\":{\"value\":true,\"message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global_message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global\":true},\"numeric\":{\"value\":true,\"message\":\"\\u3053\\u306e\\u30d5\\u30a3\\u30fc\\u30eb\\u30c9\\u306b\\u306f\\u6570\\u5024\\u3092\\u542b\\u3081\\u308b\\u5fc5\\u8981\\u304c\\u3042\\u308a\\u307e\\u3059\",\"global_message\":\"\\u3053\\u306e\\u30d5\\u30a3\\u30fc\\u30eb\\u30c9\\u306b\\u306f\\u6570\\u5024\\u3092\\u542b\\u3081\\u308b\\u5fc5\\u8981\\u304c\\u3042\\u308a\\u307e\\u3059\",\"global\":true},\"min\":{\"value\":\"\",\"message\":\"\\u6700\\u5c0f\\u5024\\u306e\\u691c\\u8a3c\\u306b\\u5931\\u6557\",\"global_message\":\"\\u6700\\u5c0f\\u5024\\u306e\\u691c\\u8a3c\\u306b\\u5931\\u6557\",\"global\":true},\"max\":{\"value\":\"\",\"message\":\"\\u6700\\u5927\\u5024\\u306e\\u691c\\u8a3c\\u306b\\u5931\\u6557\",\"global_message\":\"\\u6700\\u5927\\u5024\\u306e\\u691c\\u8a3c\\u306b\\u5931\\u6557\",\"global\":true},\"digits\":{\"value\":\"\",\"message\":\"\\u6841\\u6570\\u304c\\u9650\\u3089\\u308c\\u3066\\u3044\\u308b\\u305f\\u3081\\u691c\\u8a3c\\u306b\\u5931\\u6557\",\"global_message\":\"\\u6841\\u6570\\u304c\\u9650\\u3089\\u308c\\u3066\\u3044\\u308b\\u305f\\u3081\\u691c\\u8a3c\\u306b\\u5931\\u6557\",\"global\":true}},\"email\":{\"required\":{\"value\":true,\"message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global_message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global\":true},\"email\":{\"value\":true,\"message\":\"\\u3053\\u306e\\u30d5\\u30a3\\u30fc\\u30eb\\u30c9\\u306f\\u3001\\u6709\\u52b9\\u306a\\u30e1\\u30fc\\u30eb\\u30a2\\u30c9\\u30ec\\u30b9\\u3067\\u306a\\u3051\\u308c\\u3070\\u306a\\u308a\\u307e\\u305b\\u3093\\u3002\",\"global_message\":\"\\u3053\\u306e\\u30d5\\u30a3\\u30fc\\u30eb\\u30c9\\u306f\\u3001\\u6709\\u52b9\\u306a\\u30e1\\u30fc\\u30eb\\u30a2\\u30c9\\u30ec\\u30b9\\u3067\\u306a\\u3051\\u308c\\u3070\\u306a\\u308a\\u307e\\u305b\\u3093\\u3002\",\"global\":true}},\"description\":{\"required\":{\"value\":false,\"message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global_message\":\"\\u3053\\u306e\\u9805\\u76ee\\u306f\\u5fc5\\u9808\\u3067\\u3059\",\"global\":true}}},\"debounce_time\":300,\"file_upload_settings\":[]};\n                            <\/script>\n            \n\n    <\/div>\n\n  <\/div>\n\n<\/section>\n\n\n\n<style data-wp-block-html=\"css\">\n\/* ========================================\n   F-WORKS \u30d5\u30c3\u30bf\u30fc\n======================================== *\/\n\n.fw-site-footer {\n  width: 100%;\n  padding: 22px 30px 16px;\n\n  background: linear-gradient(\n    135deg,\n    #07478f 0%,\n    #004fa5 50%,\n    #003f87 100%\n  );\n\n  color: #ffffff;\n\n  box-sizing: border-box;\n}\n\n\n\/* ========================================\n   \u5185\u5074\n======================================== *\/\n\n.fw-site-footer__inner {\n  width: min(1500px, 100%);\n  margin: 0 auto;\n\n  display: grid;\n\n  grid-template-columns:\n    220px\n    1fr\n    60px;\n\n  align-items: center;\n\n  gap: 35px;\n}\n\n\n\/* ========================================\n   \u30ed\u30b4\n======================================== *\/\n\n.fw-site-footer__logo {\n  width: 200px;\n}\n\n.fw-site-footer__logo a {\n  display: block;\n}\n\n.fw-site-footer__logo img {\n  display: block;\n\n  width: 100%;\n  height: auto;\n\n  \/* \u767d\u80cc\u666f\u4ed8\u304d\u753b\u50cf\u306e\u5834\u5408 *\/\n  object-fit: contain;\n}\n\n\n\/* ========================================\n   \u4e2d\u592e\u30a8\u30ea\u30a2\n======================================== *\/\n\n.fw-site-footer__center {\n  display: flex;\n  flex-direction: column;\n\n  align-items: center;\n\n  gap: 14px;\n}\n\n\n\/* ========================================\n   \u30e1\u30cb\u30e5\u30fc\n======================================== *\/\n\n.fw-site-footer__nav {\n  width: 100%;\n\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  gap: clamp(18px, 2.2vw, 40px);\n\n  flex-wrap: wrap;\n}\n\n\n.fw-site-footer__nav a {\n  position: relative;\n\n  color: #ffffff !important;\n\n  font-size: 13px;\n  font-weight: 700;\n\n  line-height: 1.4;\n\n  text-decoration: none !important;\n\n  white-space: nowrap;\n\n  transition:\n    opacity .25s ease,\n    transform .25s ease;\n}\n\n\n.fw-site-footer__nav a:hover {\n  opacity: .75;\n\n  transform: translateY(-2px);\n}\n\n\n\/* ========================================\n   \u30b3\u30d4\u30fc\u30e9\u30a4\u30c8\n======================================== *\/\n\n.fw-site-footer__copy {\n  margin: 0;\n\n  color: rgba(255,255,255,.9);\n\n  font-size: 12px;\n  font-weight: 500;\n\n  line-height: 1.5;\n\n  text-align: center;\n}\n\n\n\/* ========================================\n   TOP\u3078\u623b\u308b\u30dc\u30bf\u30f3\n======================================== *\/\n\n.fw-site-footer__top {\n  display: flex;\n\n  align-items: center;\n  justify-content: center;\n\n  width: 48px;\n  height: 48px;\n\n  margin-left: auto;\n\n  background: #ffffff;\n\n  border-radius: 50%;\n\n  color: #06458e !important;\n\n  font-size: 18px;\n\n  text-decoration: none !important;\n\n  box-shadow:\n    0 4px 14px rgba(0,0,0,.12);\n\n  transition:\n    transform .25s ease,\n    box-shadow .25s ease;\n}\n\n\n.fw-site-footer__top:hover {\n  transform: translateY(-3px);\n\n  box-shadow:\n    0 7px 18px rgba(0,0,0,.18);\n}\n\n\n\/* ========================================\n   \u30bf\u30d6\u30ec\u30c3\u30c8\n======================================== *\/\n\n@media (max-width: 1024px) {\n\n  .fw-site-footer {\n    padding: 25px 20px 18px;\n  }\n\n  .fw-site-footer__inner {\n    grid-template-columns:\n      170px\n      1fr\n      50px;\n\n    gap: 20px;\n  }\n\n  .fw-site-footer__logo {\n    width: 160px;\n  }\n\n  .fw-site-footer__nav {\n    gap: 12px 20px;\n  }\n\n  .fw-site-footer__nav a {\n    font-size: 11px;\n  }\n\n  .fw-site-footer__top {\n    width: 44px;\n    height: 44px;\n  }\n\n}\n\n\n\/* ========================================\n   \u30b9\u30de\u30db\n======================================== *\/\n\n@media (max-width: 767px) {\n\n  .fw-site-footer {\n    padding: 30px 18px 20px;\n  }\n\n\n  .fw-site-footer__inner {\n    display: flex;\n\n    flex-direction: column;\n\n    gap: 22px;\n  }\n\n\n  \/* \u30ed\u30b4 *\/\n\n  .fw-site-footer__logo {\n    width: 165px;\n\n    margin: 0 auto;\n  }\n\n\n  \/* \u4e2d\u592e *\/\n\n  .fw-site-footer__center {\n    width: 100%;\n\n    gap: 20px;\n  }\n\n\n  \/* \u30e1\u30cb\u30e5\u30fc *\/\n\n  .fw-site-footer__nav {\n    display: grid;\n\n    grid-template-columns:\n      repeat(2, 1fr);\n\n    gap: 0;\n\n    width: 100%;\n\n    border-top:\n      1px solid rgba(255,255,255,.18);\n  }\n\n\n  .fw-site-footer__nav a {\n    padding: 12px 5px;\n\n    border-bottom:\n      1px solid rgba(255,255,255,.18);\n\n    font-size: 11px;\n\n    text-align: center;\n  }\n\n\n  \/* \u30b3\u30d4\u30fc\u30e9\u30a4\u30c8 *\/\n\n  .fw-site-footer__copy {\n    font-size: 10px;\n  }\n\n\n  \/* TOP *\/\n\n  .fw-site-footer__top {\n    width: 44px;\n    height: 44px;\n\n    margin: 0 auto;\n\n    font-size: 16px;\n  }\n\n}\n<\/style>\n\n<footer class=\"fw-site-footer\">\n\n  <div class=\"fw-site-footer__inner\">\n\n    <!-- \u30ed\u30b4 -->\n    <div class=\"fw-site-footer__logo\">\n      <a href=\"\/\">\n        <img decoding=\"async\" src=\"https:\/\/f-works.pro\/wp-content\/uploads\/2026\/08\/ww_logo.png\" alt=\"F-WORKS \u30a8\u30d5\u30ef\u30fc\u30af\u30b9\u5408\u540c\u4f1a\u793e\">\n      <\/a>\n    <\/div>\n\n\n    <!-- \u4e2d\u592e -->\n    <div class=\"fw-site-footer__center\">\n\n      <!-- \u30e1\u30cb\u30e5\u30fc -->\n      <nav class=\"fw-site-footer__nav\">\n\n        <a href=\"#\">\u30c8\u30c3\u30d7<\/a>\n\n        <a href=\"#service\">\n          \u30b5\u30fc\u30d3\u30b9\n        <\/a>\n\n        <a href=\"#strength\">\n          \u79c1\u305f\u3061\u306e\u5f37\u307f\n        <\/a>\n\n        <a href=\"#vision\">\n          \u5c06\u6765\u30d3\u30b8\u30e7\u30f3\n        <\/a>\n\n        <a href=\"#company\">\n          \u4f1a\u793e\u6982\u8981\n        <\/a>\n\n        <a href=\"#contact\">\n          \u304a\u554f\u3044\u5408\u308f\u305b\n        <\/a>\n\n      <\/nav>\n\n\n      <!-- \u30b3\u30d4\u30fc\u30e9\u30a4\u30c8 -->\n      <p class=\"fw-site-footer__copy\">\n        \u00a9 F-WORKS LLC. All Rights Reserved.\n      <\/p>\n\n    <\/div>\n  <\/div>\n\n<\/footer>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u50cd\u304f\u529b\u3092\u3001\u672a\u6765\u306b\u3064\u306a\u3050\u3002 \u969c\u304c\u3044\u8005\u306e\u300c\u50cd [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"site-sidebar-layout":"no-sidebar","site-content-layout":"plain-container","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"disabled","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","ast-disable-related-posts":"","theme-transparent-header-meta":"enabled","adv-header-id-meta":"","stick-header-meta":"","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"class_list":["post-8","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/f-works.pro\/index.php?rest_route=\/wp\/v2\/pages\/8","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/f-works.pro\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/f-works.pro\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/f-works.pro\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/f-works.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=8"}],"version-history":[{"count":62,"href":"https:\/\/f-works.pro\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions"}],"predecessor-version":[{"id":143,"href":"https:\/\/f-works.pro\/index.php?rest_route=\/wp\/v2\/pages\/8\/revisions\/143"}],"wp:attachment":[{"href":"https:\/\/f-works.pro\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=8"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}