{"id":9,"date":"2025-10-17T20:51:45","date_gmt":"2025-10-17T11:51:45","guid":{"rendered":"http:\/\/saeba-c.co.jp\/?page_id=9"},"modified":"2025-11-07T18:58:53","modified_gmt":"2025-11-07T09:58:53","slug":"%e4%bc%9a%e7%a4%be%e6%a6%82%e8%a6%81","status":"publish","type":"page","link":"https:\/\/saeba-c.co.jp\/?page_id=9","title":{"rendered":"ABOUT"},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"ja\">\n<head>\n  <meta charset=\"UTF-8\" \/>\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\" \/>\n  <title>ABOUT US Block<\/title>\n<\/head>\n<body>\n<!-- ===============================\n  CONTACT FORM \u2014 Typo Block Only\n  - \u6587\u5b57\u300cCONTACT FORM\u300d\u3092\u30d6\u30ed\u30c3\u30af\u3068\u3057\u3066\u8868\u793a\u3059\u308b\u3060\u3051\n  - \u592a\u5b57\u30fb\u5927\u304d\u3081\u30fbPC\/\u30e2\u30d0\u30a4\u30eb\u5bfe\u5fdc\n  - \u80cc\u666f\/\u4f59\u767d\/\u30a2\u30cb\u30e1\u306f\u6700\u4f4e\u9650\uff08\u597d\u307f\u3067ON\/OFF\uff09\n  =============================== -->\n<section class=\"typo-contact\" aria-label=\"ABOUT US\">\n  <h1 class=\"typo-title\">ABOUT US<\/h1>\n<\/section>\n\n<style>\n  :root{\n    --typo-font: \"Bahnschrift\", \"Barlow\", \"Noto Sans JP\", system-ui, -apple-system, \"Segoe UI\", Roboto, Arial, sans-serif;\n    --typo-fg: #101828;       \/* \u6587\u5b57\u8272 *\/\n    --typo-bg: #ffffff;       \/* \u80cc\u666f\u8272\uff08\u30da\u30fc\u30b8\u306e\u307e\u307e\u4f7f\u3046\u306a\u3089\u900f\u660e\u306b\uff09 *\/\n    --typo-accent: #e1002e;   \/* \u4e0b\u7dda\u3084\u30cf\u30a4\u30e9\u30a4\u30c8\u7528 *\/\n  }\n\n  \/* \u30d6\u30ed\u30c3\u30af\u672c\u4f53\uff08\u534a\u753b\u9762\u4ee5\u4e0a\u306e\u5b58\u5728\u611f\uff09 *\/\n  .typo-contact{\n    position: relative;\n    min-height: 40vh;           \/* \u753b\u9762\u306e\u534a\u5206\u4ee5\u4e0a *\/\n    display: grid;              \/* \u4e2d\u592e\u5bc4\u305b *\/\n    place-items: center;\n    padding: clamp(24px, 8vw, 80px);\n    background: var(--typo-bg);\n    overflow: clip;\n  }\n\n  \/* \u898b\u51fa\u3057\uff08\u592a\u304f\u30fb\u30c7\u30ab\u304f\u30fb\u30df\u30cb\u30de\u30eb\uff09 *\/\n  .typo-title{\n    margin: 0;\n    font-family: var(--typo-font);\n    font-weight: 900;           \/* \u592a\u5b57 *\/\n    letter-spacing: 0.02em;\n    line-height: 0.95;\n    color: var(--typo-fg);\n    font-size: clamp(32px, 6vw, 80px); \/* \u30e2\u30d0\u30a4\u30eb\uff5e\u30c7\u30b9\u30af\u30c8\u30c3\u30d7\u3067\u53ef\u5909 *\/\n    text-align: center;\n    white-space: nowrap;        \/* 1\u884c\u56fa\u5b9a\uff08\u6539\u884c\u3055\u305b\u305f\u3044\u5834\u5408\u306f\u524a\u9664\uff09 *\/\n  }\n\n  \/* \u30aa\u30d7\u30b7\u30e7\u30f31\uff1a\u4e0b\u7dda\u306e\u30a2\u30cb\u30e1\uff08\u4e0d\u8981\u306a\u3089\u4e38\u3054\u3068\u524a\u9664\uff09 *\/\n  .typo-title{ position: relative; }\n  .typo-title::after{\n    content: \"\";\n    position: absolute; left: 0; right: 0; bottom: -0.4em; height: 10px;\n    margin-inline: auto; width: min(28ch, 92%);\n    background: linear-gradient(90deg, var(--typo-accent), #000000);\n    transform: scaleX(0);\n    transform-origin: left;\n    animation: underline 900ms cubic-bezier(.2,.8,.2,1) 180ms forwards;\n  }\n  @keyframes underline{ to{ transform: scaleX(1); } }\n\n  \/* \u30aa\u30d7\u30b7\u30e7\u30f32\uff1a\u884c\u3092\u5206\u3051\u305f\u3044\u5834\u5408 \u2014\u2014 HTML\u3092\u3053\u3046\u2193\u306b\u5909\u66f4\n     <h2 class=\"typo-title\"><span>CONTACT<\/span><span>FORM<\/span><\/h2>\n     \u306b\u3057\u3066\u3001\u4ee5\u4e0b\u306e\u30b9\u30bf\u30a4\u30eb\u3092\u6709\u52b9\u5316\u3002\n  *\/\n  \/*\n  .typo-title{ white-space: normal; }\n  .typo-title span{ display: block; }\n  *\/\n\n  \/* \u6697\u3044\u80cc\u666f\u3067\u4f7f\u3046\u5834\u5408\uff08\u30af\u30e9\u30b9\u8ffd\u52a0 .is-dark\uff09\n     <section class=\"typo-contact is-dark\"> \u306b\u3057\u3066\u5229\u7528\u3002\n  *\/\n  .typo-contact.is-dark{ background: #0b1220; }\n  .typo-contact.is-dark .typo-title{ color: #fff; }\n\n  \/* \u4f59\u767d\u3092\u3082\u3046\u5c11\u3057\u8a70\u3081\u305f\u3044\u5834\u5408\u306f min-height \u3092 50vh \u7a0b\u5ea6\u306b *\/\n<\/style>\n<\/body>\n<\/html>\n\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-sm--margin-top\"><\/div><\/div>\n\n\n\n<!-- \u4f1a\u793e\u6982\u8981\u30bb\u30af\u30b7\u30e7\u30f3 -->\n<section class=\"company-info\">\n  <dl>\n    <div class=\"row\">\n      <dt>\u4f1a\u793e\u540d<\/dt>\n      <dd>\u682a\u5f0f\u4f1a\u793eSAEBA COORDINATION<\/dd>\n    <\/div>\n    <div class=\"row\">\n      <dt>\u7df4\u99ac\u55b6\u696d\u6240<\/dt>\n      <dd>\u3012178-0061 \u6771\u4eac\u90fd\u7df4\u99ac\u533a\u5927\u6cc9\u5b66\u5712\u753a7-9-12<\/dd>\n    <\/div>\n    <div class=\"row\">\n      <dt>\u5409\u7965\u5bfa\u55b6\u696d\u6240<\/dt>\n      <dd>\u3012180-0004 \u6771\u4eac\u90fd\u6b66\u8535\u91ce\u5e02\u5409\u7965\u5bfa\u672c\u753a2-4-16 \u5409\u7965\u5bfa\u77f3\u4e95\u30d3\u30eb4F<\/dd>\n    <\/div>\n    <div class=\"row\">\n      <dt>\u4ee3\u8868\u8005<\/dt>\n      <dd>\u4ee3\u8868\u53d6\u7de0\u5f79 \u7530\u5d8b \u56f2\u5f0f<\/dd>\n    <\/div>\n    <div class=\"row\">\n      <dt>\u4f1a\u793e\u8a2d\u7acb<\/dt>\n      <dd>2023\u5e741\u6708<\/dd>\n    <\/div>\n    <div class=\"row\">\n      <dt>\u8cc7\u672c\u91d1<\/dt>\n      <dd>100\u4e07\u5186<\/dd>\n    <\/div>\n    <div class=\"row\">\n      <dt>\u4e8b\u696d\u5185\u5bb9<\/dt>\n      <dd>\u885b\u751f\u691c\u67fb\u696d\u52d9 \/ \u5e97\u8217\u53a8\u623f\u885b\u751f\u4e8b\u696d \/ \u6e05\u6383\u30fb\u55b6\u696d\u652f\u63f4\u53ca\u3073\u4ee3\u884c \/ \u6d17\u6d44\u6a5f\u30e1\u30f3\u30c6\u30ca\u30f3\u30b9<\/dd>\n    <\/div>\n    <div class=\"row\">\n      <dt>\u4e3b\u306a\u304a\u53d6\u5f15\u5148<\/dt>\n      <dd>\u5927\u624b\u6d17\u5264\u30e1\u30fc\u30ab\u30fc \/ \u98f2\u98df\u5e97 \/ \u30db\u30c6\u30eb \/ \u691c\u67fb\u4f1a\u793e \/ \u98df\u54c1\u30e1\u30fc\u30ab\u30fc<\/dd>\n    <\/div>\n  <\/dl>\n<\/section>\n\n<style>\n.company-info {\n  max-width: 1100px;            \/* PC\u3067\u306f\u5e83\u3081 *\/\n  margin: 0 auto;               \/* \u4e2d\u592e\u5bc4\u305b *\/\n  padding: 0;                   \/* \u901a\u5e38\u306f\u4f59\u767d\u306a\u3057 *\/\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans JP\", sans-serif;\n}\n\n.company-info dl {\n  margin: 0;\n  padding: 0;\n}\n\n.company-info .row {\n  display: grid;\n  grid-template-columns: 180px 1fr;  \/* \u5de6\uff1a\u56fa\u5b9a\u5e45 \u53f3\uff1a\u53ef\u5909 *\/\n  padding: 8px 0;\n  border-bottom: 1px solid #eee;\n  align-items: start;\n}\n\n.company-info dt {\n  font-weight: 700;\n  color: #e1002e;\n  margin: 0;\n  position: relative;\n  padding-right: 12px;\n}\n\n.company-info dt::after {\n  content: \"\uff5c\";\n  position: absolute;\n  right: 0;\n  color: #aaa;\n  font-weight: 400;\n}\n\n.company-info dd {\n  margin: 0;\n  color: #333;\n  line-height: 1.6;\n  padding-left: 12px;\n}\n\n\/* \u30b9\u30de\u30db\u7528\u306e\u8abf\u6574\uff1a\u5de6\u53f3\u306b\u4f59\u767d\u3092\u8ffd\u52a0 *\/\n@media (max-width: 600px) {\n  .company-info {\n    padding: 0 20px;            \/* \u30b9\u30de\u30db\u6642\u306e\u307f\u5de6\u53f3\u306b\u4f59\u767d *\/\n    max-width: 95%;             \/* \u5e45\u309295%\u306b\u5236\u9650 *\/\n  }\n\n  .company-info .row {\n    grid-template-columns: 120px 1fr;\n  }\n\n  .company-info dt,\n  .company-info dd {\n    font-size: 14px;\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<h2 class=\"wp-block-heading has-vk-color-primary-color has-text-color has-link-color wp-elements-b220edb1f6c8d57221dc2973788518b1\"><strong>\u5409\u7965\u5bfa\u55b6\u696d\u6240MAP<\/strong><\/h2>\n\n\n\n<iframe src=\"https:\/\/www.google.com\/maps\/embed?pb=!1m18!1m12!1m3!1d3239.8297511025976!2d139.5758623748235!3d35.70580692862512!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x6018ee48a2fe1ebd%3A0xf8a78d530f06ed3b!2z44CSMTgwLTAwMDQg5p2x5Lqs6YO95q2m6JS16YeO5biC5ZCJ56Wl5a-65pys55S677yS5LiB55uu77yU4oiS77yR77yWIOWQieelpeWvuuefs-S6leODk-ODqyA0Zg!5e0!3m2!1sja!2sjp!4v1760538225878!5m2!1sja!2sjp\" width=\"600\" height=\"450\" style=\"border:0;\" allowfullscreen=\"\" loading=\"lazy\" referrerpolicy=\"no-referrer-when-downgrade\"><\/iframe>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-md--margin-top\"><\/div><\/div>\n\n\n\n<!-- OUR MISSION \/ OUR VISION \u30bb\u30af\u30b7\u30e7\u30f3 -->\n<section class=\"mission-vision\">\n  <div class=\"mv-block\">\n    <h2 class=\"mv-title\">OUR MISSION<\/h2>\n    <p class=\"mv-text\">\u304a\u5ba2\u69d8\u306e\u30d3\u30b8\u30cd\u30b9\u306e\u62e1\u5927\u306e\u305f\u3081\u306b\u3001\u885b\u751f\u9762\u3067\u306e\u5b89\u5fc3\u3092\u63d0\u4f9b\u3059\u308b<\/p>\n  <\/div>\n  <div class=\"mv-block\">\n    <h2 class=\"mv-title\">OUR VISION<\/h2>\n    <p class=\"mv-text\">\u885b\u751f\u4e8b\u696d\u3092\u901a\u3058\u3066\u696d\u754c\u306e\u30d6\u30e9\u30f3\u30c9\u30a4\u30e1\u30fc\u30b8\u3092\u5411\u4e0a\u3055\u305b\u308b<\/p>\n  <\/div>\n<\/section>\n\n<style>\n.mission-vision {\n  display: grid;\n  gap: 48px; \/* \u2190 \u3053\u3053\u3092\u5e83\u3081\u306b *\/\n  margin: 0;\n  padding: 0;\n  font-family: system-ui, -apple-system, \"Segoe UI\", Roboto, \"Noto Sans JP\", sans-serif;\n}\n\n.mv-block {\n  margin: 0;\n}\n\n.mv-title {\n  margin: 0;\n  color: #e1002e;\n  font-size: clamp(26px, 4.2vw, 48px);\n  font-weight: 800;\n  letter-spacing: 0.02em;\n  line-height: 1.1;\n}\n\n.mv-text {\n  margin: 0;\n  font-size: clamp(14px, 2vw, 18px);\n  color: #333;\n  line-height: 1.6;\n  letter-spacing: 0.01em;\n}\n\n\/* \u30b9\u30de\u30db\u5bfe\u5fdc *\/\n@media (max-width: 600px) {\n  .mission-vision {\n    gap: 32px; \/* \u30b9\u30de\u30db\u3067\u306f\u5c11\u3057\u72ed\u3081\u306b *\/\n  }\n  .mv-title {\n    font-size: clamp(22px, 7vw, 36px);\n  }\n  .mv-text {\n    font-size: clamp(13px, 4vw, 16px);\n  }\n}\n<\/style>\n\n\n\n<div class=\"wp-block-vk-blocks-spacer vk_spacer vk_spacer-type-margin-top\"><div class=\"vk_block-margin-lg--margin-top\"><\/div><\/div>\n\n\n\n<!-- ===== SAEBA COORDINATION\uff1a\u80cc\u666f\u900f\u904e\u7248 ===== -->\n<style>\n.nh-marquee{\n  overflow:hidden;\n  width:100vw;\n  margin-left:calc(50% - 50vw);\n  margin-right:calc(50% - 50vw);\n  line-height:1.2;\n  padding:2.5vw 0;\n  background:transparent;            \/* \u2190 \u900f\u904e *\/\n  -webkit-backdrop-filter:none;      \/* \u2190 \u30d6\u30e9\u30fc\u7121\u52b9 *\/\n  backdrop-filter:none;               \/* \u2190 \u30d6\u30e9\u30fc\u7121\u52b9 *\/\n  font-family: Bahnschrift, \"DIN Alternate\", \"DIN\", \"Segoe UI\",\n               \"Helvetica Neue\", Arial, sans-serif;\n}\n\n.nh-marquee .roller{\n  display:flex;\n  width:max-content;\n  gap:var(--gap,4vw);\n  will-change:transform;\n  animation:nh-roll var(--speed,48s) linear infinite;\n}\n.nh-marquee .track{\n  display:flex;\n  gap:var(--gap,4vw);\n  align-items:baseline;\n  white-space:nowrap;\n}\n\n.nh-marquee span{\n  display:inline-block;\n  font-weight:900;\n  letter-spacing:.03em;\n  font-size:clamp(28px,10vw,160px);\n  color:#e1002e; \/* \u30d6\u30e9\u30f3\u30c9\u30ab\u30e9\u30fc\u305d\u306e\u307e\u307e *\/\n  text-shadow:\n    0 1px 0 rgba(255,255,255,.8),\n    1px 0 0 rgba(255,255,255,.8),\n    0 -1px 0 rgba(255,255,255,.8),\n    -1px 0 0 rgba(255,255,255,.8),\n    0 0 8px rgba(255,255,255,.3);\n  -webkit-text-stroke:1px rgba(255,255,255,.9);\n  paint-order:stroke fill;\n}\n\n@keyframes nh-roll{ from{transform:translateX(0)} to{transform:translateX(-50%)} }\n\n@media (max-width:599px){\n  .nh-marquee{ padding:3.2vw 0; }\n  .nh-marquee .roller{ animation-duration:calc(var(--speed,48s) * 1.3); }\n  .nh-marquee span{ font-size:clamp(24px,12vw,96px); }\n}\n\n.nh-marquee:hover .roller{ animation-play-state:paused; }\n<\/style>\n\n<div class=\"nh-marquee\" style=\"--speed:48s; --gap:4vw;\" aria-hidden=\"true\">\n  <div class=\"roller\">\n    <div class=\"track\">\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n    <\/div>\n    <div class=\"track\" aria-hidden=\"true\">\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n      <span>SAEBA COORDINATION&nbsp;<\/span><span>SAEBA COORDINATION&nbsp;<\/span>\n    <\/div>\n  <\/div>\n<\/div>\n","protected":false},"excerpt":{"rendered":"<p>ABOUT US Block ABOUT US \u4f1a\u793e\u540d \u682a\u5f0f\u4f1a\u793eSAEBA COORDINATION \u7df4\u99ac\u55b6\u696d\u6240 \u3012178-0061 \u6771\u4eac\u90fd\u7df4\u99ac\u533a\u5927\u6cc9\u5b66\u5712\u753a7-9-12 \u5409\u7965\u5bfa\u55b6\u696d\u6240 \u3012180-0004 \u6771\u4eac\u90fd\u6b66\u8535\u91ce\u5e02\u5409 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"vkexunit_cta_each_option":"","footnotes":""},"class_list":["post-9","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/9","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=9"}],"version-history":[{"count":16,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions"}],"predecessor-version":[{"id":164,"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=\/wp\/v2\/pages\/9\/revisions\/164"}],"wp:attachment":[{"href":"https:\/\/saeba-c.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=9"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}