{"id":146,"date":"2025-10-17T11:57:16","date_gmt":"2025-10-17T02:57:16","guid":{"rendered":"https:\/\/sr-trade.jp\/?page_id=146"},"modified":"2026-05-08T16:58:42","modified_gmt":"2026-05-08T07:58:42","slug":"%e3%81%8a%e5%95%8f%e3%81%84%e5%90%88%e3%82%8f%e3%81%9b-2","status":"publish","type":"page","link":"https:\/\/sr-trade.jp\/?page_id=146","title":{"rendered":"\u304a\u554f\u3044\u5408\u308f\u305b"},"content":{"rendered":"\n<p><\/p>\n\n\n\n<style>\n\/* ========= \u57fa\u7840\u53d8\u91cf ========= *\/\n.srt-contact{\n  --max:1280px;\n  --gap:32px;\n  --radius:16px;\n  --brand:#1e4aa7;\n  --brand-2:#18408f;\n  --ink:#1b2430;\n  --muted:#5c6b80;\n  --line:#e6ecf5;\n  box-sizing:border-box;\n}\n.srt-contact *, .srt-contact *::before, .srt-contact *::after{ box-sizing:inherit; }\n\n.srt-container{ max-width:var(--max); margin:0 auto; padding:0 40px; }\n.srt-header{ padding:28px 0 8px; text-align:center; color:var(--muted); font-weight:500; }\n\n\/* ========= \u56db\u5361\u5e03\u5c40 ========= *\/\n.srt-grid{\n  display:grid;\n  grid-template-columns:repeat(auto-fit,minmax(280px,1fr));\n  gap:var(--gap);\n  margin-top:32px;\n  width:100%;\n}\n\n\/* ========= \u9ad8\u7ea7\u5361\u7247\u89c6\u89c9\uff08\u6e10\u53d8\u80cc\u666f + \u73bb\u7483\u611f + \u52a8\u6001\u63cf\u8fb9\uff09 ========= *\/\n.srt-card{\n  --accent:#2f6cf6;                 \/* \u6bcf\u5f20\u5361\u7684\u4e3b\u8272\uff0c\u53ef\u5728\u4e0b\u65b9\u6309 nth-child \u91cd\u5b9a\u4e49 *\/\n  position:relative;\n  display:flex; flex-direction:column;\n  border-radius:var(--radius);\n  \/* \u6d45\u8272\u6e10\u53d8+\u73bb\u7483\u611f *\/\n  background:\n    linear-gradient(180deg, rgba(245,250,255,.85) 0%, rgba(233,241,255,.78) 100%),\n    radial-gradient(120% 120% at 0% 0%, rgba(47,108,246,.12) 0%, transparent 50%);\n  backdrop-filter:saturate(1.1) blur(2px);\n  -webkit-backdrop-filter:saturate(1.1) blur(2px);\n  box-shadow:0 10px 24px rgba(30,60,120,.10);\n  padding:0;\n  min-height:260px;\n  transition:transform .35s cubic-bezier(.2,.8,.2,1), box-shadow .35s, filter .35s;\n  z-index:0;\n}\n\n\/* \u52a8\u6001\u6e10\u53d8\u63cf\u8fb9\uff08\u73b0\u4ee3\u6d4f\u89c8\u5668\uff09 *\/\n.srt-card::before{\n  content:\"\";\n  position:absolute; inset:0; border-radius:inherit; z-index:-1;\n  padding:1px;\n  background:\n    conic-gradient(from 0deg,\n      color-mix(in oklab, var(--accent) 90%, white 0%) 0%,\n      color-mix(in oklab, var(--accent) 70%, white 30%) 25%,\n      color-mix(in oklab, var(--accent) 50%, white 50%) 50%,\n      color-mix(in oklab, var(--accent) 70%, white 30%) 75%,\n      color-mix(in oklab, var(--accent) 90%, white 0%) 100%);\n  mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);\n  mask-composite:exclude; -webkit-mask-composite:xor;\n  animation:card-border-rotate 8s linear infinite;\n  opacity:.75;\n}\n\n\/* \u626b\u5149\u9ad8\u5149 *\/\n.srt-card::after{\n  content:\"\";\n  position:absolute; inset:-1px; border-radius:inherit;\n  background:linear-gradient(115deg, transparent 35%, rgba(255,255,255,.65) 50%, transparent 65%);\n  background-size:250% 250%;\n  background-position:-200% 0%;\n  mix-blend-mode:soft-light;\n  pointer-events:none;\n  transition:opacity .35s;\n  opacity:.0;\n}\n\n\/* @keyframes card-border-rotate { to { transform:rotate(360deg); } } *\/\n\n.srt-card:hover{\n  transform:translateY(-6px);\n  box-shadow:0 16px 32px rgba(30,60,120,.18);\n  filter:saturate(1.03);\n}\n.srt-card:hover::after{ opacity:.45; background-position:200% 0%; }\n\n\/* \u5934\u90e8\u5c45\u4e2d + \u4e0b\u5212\u7ebf *\/\n.srt-card-head{\n  text-align:center; border-bottom:none; padding:26px 22px 10px;\n}\n.srt-card-head .srt-ico{\n  margin:0 auto 10px;\n  inline-size:56px; block-size:56px;\n  display:flex; align-items:center; justify-content:center;\n  border-radius:14px; font-size:24px;\n  background:linear-gradient(180deg, color-mix(in oklab, var(--accent) 18%, white) 0%, color-mix(in oklab, var(--accent) 8%, white) 100%);\n  color:color-mix(in oklab, var(--accent) 90%, #0b1f4d 10%);\n  box-shadow:\n    inset 0 -3px 0 rgba(0,0,0,.06),\n    0 6px 12px color-mix(in oklab, var(--accent) 20%, transparent);\n  transition:transform .35s;\n}\n.srt-card:hover .srt-ico{ transform:translateY(-3px) scale(1.03); }\n\n.srt-card h3{ margin:6px 0 2px; font-size:20px; font-weight:800; letter-spacing:.02em; color:#143d8a; }\n.srt-card .srt-sub{ text-align:center; color:#6b7c95; font-size:14px; }\n\n.srt-card-head::after{\n  content:\"\"; display:block; width:120px; height:3px; margin:14px auto 0; border-radius:2px;\n  background:linear-gradient(90deg,transparent 0, var(--accent) 25%, var(--accent) 75%, transparent 100%);\n  opacity:.35;\n}\n\n\/* \u8eab\u4f53\u5185\u5bb9\uff08\u5c45\u4e2d\uff09 *\/\n.srt-card-body{ padding:22px 24px 28px; display:flex; flex-direction:column; align-items:center; gap:16px; }\n\n\/* \u90ae\u4ef6\u6309\u94ae *\/\n.srt-mail{\n  display:inline-flex; align-items:center; justify-content:center; gap:8px;\n  padding:10px 14px; border-radius:12px; text-decoration:none; font-weight:800;\n  color:color-mix(in oklab, var(--accent) 85%, #123 15%); \n  background:linear-gradient(180deg, #f6f9ff 0%, #e8f0ff 100%);\n  border:1px solid color-mix(in oklab, var(--accent) 30%, #ccd9ff 70%);\n  box-shadow:0 2px 8px color-mix(in oklab, var(--accent) 18%, transparent);\n  transition:transform .25s, box-shadow .25s, background .25s;\n}\n.srt-mail:hover{\n  transform:translateY(-2px);\n  box-shadow:0 6px 14px color-mix(in oklab, var(--accent) 26%, transparent);\n  background:linear-gradient(180deg, #f8fbff 0%, #eef4ff 100%);\n}\n.srt-mail .srt-ico{\n  inline-size:24px; block-size:24px; border-radius:50%; display:grid; place-items:center; font-size:14px;\n  background:color-mix(in oklab, var(--accent) 16%, white 84%);\n}\n\n\/* \u5217\u8868 *\/\n.srt-list{ margin:0; padding-left:1.1em; color:#54657f; font-size:14px; display:flex; flex-direction:column; gap:6px; }\n.srt-list li{ position:relative; padding-left:1.1em; }\n.srt-list li::before{\n  content:\"\"; position:absolute; left:0.2em; top:0.6em; width:6px; height:6px; border-radius:50%;\n  background:var(--accent); box-shadow:0 0 0 2px #eaf1ff;\n}\n\n\/* CTA \u4e0e FAQ\uff08\u4fdd\u6301\u4f60\u73b0\u6709\u98ce\u683c\uff09 *\/\n.srt-cta{\n  background:var(--brand-2); margin-top:48px; color:#fff; border-radius:20px;\n  box-shadow:0 8px 22px rgba(30,60,120,.15); overflow:hidden;\n}\n.srt-cta-inner{ display:flex; align-items:center; justify-content:space-between; gap:24px; padding:32px 40px; }\n.srt-cta-text{ display:flex; flex-direction:column; gap:4px; }\n.srt-cta-text strong{ font-weight:800; font-size:18px; }\n.srt-btn{\n  display:inline-flex; align-items:center; gap:10px; padding:14px 22px; border-radius:16px;\n  background:#fff; color:var(--brand-2); font-weight:800; text-decoration:none;\n  box-shadow:0 3px 6px rgba(0,0,0,.12); transition:all .25s ease;\n}\n.srt-btn:hover{ background:#eef3ff; transform:translateY(-2px); }\n@media (max-width:720px){ .srt-cta-inner{ flex-direction:column; align-items:flex-start; } }\n\n.srt-faq{\n  margin:56px auto 80px; background:#f8faff; padding:48px 40px; border-radius:20px;\n  box-shadow:0 6px 18px rgba(20,40,80,.08); max-width:1200px;\n}\n.srt-faq-title{\n  font-size:20px; margin:0 0 24px; color:var(--ink); font-weight:800;\n  border-left:5px solid var(--brand); padding-left:12px;\n}\n.srt-qa{ border:1px solid var(--line); border-radius:14px; background:#fff;\n  padding:18px 22px; margin-bottom:16px; box-shadow:0 3px 8px rgba(20,40,80,.04);\n  transition:all .25s ease;\n}\n.srt-qa:hover{ box-shadow:0 6px 14px rgba(20,40,80,.08); transform:translateY(-2px); }\n.srt-qa summary{ cursor:pointer; font-weight:700; color:var(--brand-2); font-size:15px;\n  display:flex; align-items:center; justify-content:space-between; list-style:none; }\n.srt-qa summary::after{ content:\"\uff0b\"; color:var(--brand-2); font-weight:800; transition:transform .25s ease; }\n.srt-qa[open] summary::after{ content:\"\u2212\"; transform:rotate(180deg); }\n.srt-ans{ margin-top:12px; padding-top:10px; border-top:1px dashed var(--line); color:#5c6b80; font-size:14px; line-height:1.7; }\n\n\/* \u8868\u60c5\u7b26\u53f7\u56fe\u6807 *\/\n.srt-ico-mail::before{ content:\"\ud83d\udcee\"; }\n.srt-ico-lab::before{ content:\"\ud83d\udd2c\"; }\n.srt-ico-wrench::before{ content:\"\ud83d\udee0\"; }\n.srt-ico-user::before{ content:\"\ud83d\udcbc\"; }\n.srt-ico-at::before{ content:\"\ud83d\udce7\"; font-weight:800; }\n\n\/* PC\uff1a\u53f3\u4e0a=\u6280\u8853\u8cc7\u6599\u3001\u53f3\u4e0b=\u6545\u969c\uff08\u4fdd\u6301\u4f60\u7684\u5e03\u5c40\u89c4\u5219\uff09 *\/\n@media(min-width:1024px){\n  .srt-grid{\n    display:grid;\n    grid-template-columns:repeat(2,1fr);\n    grid-template-areas: \"p t\" \"r f\";\n    gap:var(--gap);\n  }\n  .srt-grid>.srt-card:nth-child(1){grid-area:p;}\n  .srt-grid>.srt-card:nth-child(2){grid-area:f;}\n  .srt-grid>.srt-card:nth-child(3){grid-area:r;}\n  .srt-grid>.srt-card:nth-child(4){grid-area:t;}\n}\n\n\/* \u6bcf\u5f20\u5361\u7684\u70b9\u7f00\u4e3b\u8272\uff08\u53ef\u6309\u9700\u6362\u6210\u54c1\u724c\u8272\u7cfb\uff09 *\/\n.srt-grid>.srt-card:nth-child(1){ --accent:#2f6cf6; } \/* \u88fd\u54c1 *\/\n.srt-grid>.srt-card:nth-child(2){ --accent:#06b6d4; } \/* \u6545\u969c\uff1a\u9752\u7eff *\/\n.srt-grid>.srt-card:nth-child(3){ --accent:#8b5cf6; } \/* \u30ea\u30af\u30eb\u30fc\u30c8\uff1a\u7d2b\u84dd *\/\n.srt-grid>.srt-card:nth-child(4){ --accent:#2563eb; } \/* \u6280\u8853\u8cc7\u6599\uff1a\u54c1\u724c\u84dd *\/\n<\/style>\n\n<section class=\"srt-contact srt-contact-page\">\n  <div class=\"srt-container\">\n    <header class=\"srt-header\">\n      <p>\u88fd\u54c1\u306e\u3054\u76f8\u8ac7\u30fb\u4e0d\u5177\u5408\u306e\u3054\u9023\u7d61\u30fb\u63a1\u7528\u30fb\u30c7\u30e2\u4f9d\u983c\u306a\u3069\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3001\u4e0b\u8a18\u306e\u7a93\u53e3\u307e\u3067\u304a\u9858\u3044\u3057\u307e\u3059\u3002<\/p>\n    <\/header>\n\n    <div class=\"srt-grid\">\n      <!-- \u88fd\u54c1\u30fb\u8cfc\u5165\u76f8\u8ac7 -->\n      <article class=\"srt-card\">\n        <div class=\"srt-card-head\">\n          <span class=\"srt-ico srt-ico-mail\"><\/span>\n          <h3>\u88fd\u54c1\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u30fb\u8cfc\u5165\u76f8\u8ac7<\/h3>\n          <p class=\"srt-sub\">\u5c0e\u5165\u691c\u8a0e \/ \u4ed5\u69d8\u78ba\u8a8d \/ \u898b\u7a4d\u3082\u308a<\/p>\n        <\/div>\n        <div class=\"srt-card-body\">\n          <a class=\"srt-mail\" href=\"mailto:sales@sr-trade.jp\">\n            <span class=\"srt-ico srt-ico-at\"><\/span>sales@sr-trade.jp\n          <\/a>\n          <ul class=\"srt-list\">\n            <li>\u5bfe\u5fdc\u6642\u9593\u76ee\u5b89\uff1a1\u20132\u55b6\u696d\u65e5<\/li>\n            <li>\u30d5\u30a1\u30a4\u30eb\u6dfb\u4ed8\u53ef\uff08PDF\/\u753b\u50cf\/Excel\uff09<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- \u6545\u969c\u30fb\u30c8\u30e9\u30d6\u30eb\uff08\u53f3\u4e0b\uff09 -->\n      <article class=\"srt-card\">\n        <div class=\"srt-card-head\">\n          <span class=\"srt-ico srt-ico-wrench\"><\/span>\n          <h3>\u6545\u969c\u30fb\u30c8\u30e9\u30d6\u30eb<\/h3>\n          <p class=\"srt-sub\">\u52d5\u4f5c\u4e0d\u826f \/ \u30ed\u30b0\u5206\u6790 \/ \u90e8\u54c1\u4ea4\u63db\u76f8\u8ac7<\/p>\n        <\/div>\n        <div class=\"srt-card-body\">\n          <a class=\"srt-mail\" href=\"mailto:support@sr-trade.jp\">\n            <span class=\"srt-ico srt-ico-at\"><\/span>support@sr-trade.jp\n          <\/a>\n          <ul class=\"srt-list\">\n            <li>\u7dca\u6025\u5ea6\u306e\u9ad8\u3044\u5834\u5408\u306f\u4ef6\u540d\u306b\u3010\u81f3\u6025\u3011<\/li>\n            <li>\u6a5f\u7a2e\u30fb\u30b7\u30ea\u30a2\u30eb\u30fb\u30c8\u30e9\u30d6\u30eb\u5185\u5bb9\u3092\u8a18\u8f09<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- \u30ea\u30af\u30eb\u30fc\u30c8\uff08\u5de6\u4e0b\uff09 -->\n      <article class=\"srt-card\">\n        <div class=\"srt-card-head\">\n          <span class=\"srt-ico srt-ico-user\"><\/span>\n          <h3>\u30ea\u30af\u30eb\u30fc\u30c8<\/h3>\n          <p class=\"srt-sub\">\u30ad\u30e3\u30ea\u30a2 \/ \u65b0\u5352 \/ \u30a2\u30eb\u30d0\u30a4\u30c8<\/p>\n        <\/div>\n        <div class=\"srt-card-body\">\n          <a class=\"srt-mail\" href=\"mailto:hr@sr-trade.jp\">\n            <span class=\"srt-ico srt-ico-at\"><\/span>hr@sr-trade.jp\n          <\/a>\n          <ul class=\"srt-list\">\n            <li>\u5c65\u6b74\u66f8\u30fb\u8077\u52d9\u7d4c\u6b74\u66f8\u3092\u6dfb\u4ed8\u53ef<\/li>\n            <li>\u30dd\u30fc\u30c8\u30d5\u30a9\u30ea\u30aa URL \u3082\u6b53\u8fce<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n\n      <!-- \u6280\u8853\u8cc7\u6599\u30fb\u30c7\u30e2\u4f9d\u983c\uff08\u53f3\u4e0a\uff09 -->\n      <article class=\"srt-card\">\n        <div class=\"srt-card-head\">\n          <span class=\"srt-ico srt-ico-lab\"><\/span>\n          <h3>\u6280\u8853\u8cc7\u6599\u30fb\u30c7\u30e2\u4f9d\u983c<\/h3>\n          <p class=\"srt-sub\">\u88fd\u54c1\u30c7\u30e2 \/ \u6280\u8853\u8cc7\u6599\u8acb\u6c42<\/p>\n        <\/div>\n        <div class=\"srt-card-body\">\n          <a class=\"srt-mail\" href=\"mailto:sales@sr-trade.jp\">\n            <span class=\"srt-ico srt-ico-at\"><\/span>sales@sr-trade.jp\n          <\/a>\n          <ul class=\"srt-list\">\n            <li>\u88fd\u54c1\u30c7\u30e2\u30fb\u6280\u8853\u8cc7\u6599\u306e\u3054\u4f9d\u983c<\/li>\n            <li>\u5c0e\u5165\u691c\u8a0e\u4e2d\u306e\u304a\u5ba2\u69d8\u5411\u3051<\/li>\n          <\/ul>\n        <\/div>\n      <\/article>\n    <\/div>\n\n    <!-- CTA -->\n    <div class=\"srt-cta\">\n      <div class=\"srt-cta-inner srt-container\">\n        <div class=\"srt-cta-text\">\n          <strong>\u307e\u305a\u306f\u30e1\u30fc\u30eb\u3067\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/strong>\n          <span>\u8981\u4ef6\u304c\u672a\u78ba\u5b9a\u3067\u3082\u5927\u4e08\u592b\u3067\u3059\u3002\u62c5\u5f53\u304c\u6700\u9069\u306a\u88fd\u54c1\u5185\u5bb9\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/span>\n        <\/div>\n        <a class=\"srt-btn\" href=\"mailto:sales@sr-trade.jp\">\n          <span class=\"srt-ico srt-ico-mail\"><\/span>\u30e1\u30fc\u30eb\u3067\u554f\u3044\u5408\u308f\u305b\u308b\n        <\/a>\n      <\/div>\n    <\/div>\n  <\/div>\n<\/section>\n\n\n\n<p><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u88fd\u54c1\u306e\u3054\u76f8\u8ac7\u30fb\u4e0d\u5177\u5408\u306e\u3054\u9023\u7d61\u30fb\u63a1\u7528\u30fb\u30c7\u30e2\u4f9d\u983c\u306a\u3069\u306e\u304a\u554f\u3044\u5408\u308f\u305b\u306f\u3001\u4e0b\u8a18\u306e\u7a93\u53e3\u307e\u3067\u304a\u9858\u3044\u3057\u307e\u3059\u3002 \u88fd\u54c1\u306e\u304a\u554f\u3044\u5408 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_theme","meta":{"footnotes":""},"class_list":["post-146","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/pages\/146","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/sr-trade.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=146"}],"version-history":[{"count":38,"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions"}],"predecessor-version":[{"id":884,"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/pages\/146\/revisions\/884"}],"wp:attachment":[{"href":"https:\/\/sr-trade.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=146"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}