{"id":300,"date":"2025-10-18T01:14:58","date_gmt":"2025-10-17T16:14:58","guid":{"rendered":"https:\/\/sr-trade.jp\/?page_id=300"},"modified":"2026-01-18T02:01:02","modified_gmt":"2026-01-17T17:01:02","slug":"%e3%82%bd%e3%83%aa%e3%83%a5%e3%83%bc%e3%82%b7%e3%83%a7%e3%83%b3","status":"publish","type":"page","link":"https:\/\/sr-trade.jp\/?page_id=300","title":{"rendered":"\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3"},"content":{"rendered":"\n<section class=\"sol-landing\"> <style> \/* ========================= \u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\uff1a\u30ab\u30fc\u30c9\u578b\u30e9\u30f3\u30c7\u30a3\u30f3\u30b0\uff084\u679a\u30fb\u6700\u7d42\u7248\uff09 ========================= *\/ .sol-landing{ --accent:#1e4aa7; --accent2:#18408f; --ink:#0f213a; --muted:#5c6b80; --line:#e6ecf5; --max:1180px; font-family:\"Noto Sans JP\", system-ui, -apple-system, Segoe UI, Roboto, sans-serif; color:var(--ink); background:#fff; } .sol-landing .wrap{ max-width:var(--max); margin:0 auto; padding:32px 20px 72px; } .sol-landing .head{ display:flex; align-items:flex-end; justify-content:space-between; gap:16px; margin:6px 0 20px; } .sol-landing .head h2{ margin:0; font-size:clamp(24px,2.6vw,34px); font-weight:900; letter-spacing:.02em; } .sol-landing .head p{ margin:4px 0 0; color:var(--muted); } \/* \u30b0\u30ea\u30c3\u30c9 *\/ .sol-landing .grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; margin-top:14px; align-items:stretch; \/* \u2705 \u5173\u952e\uff1a\u6240\u6709\u5361\u7247\u81ea\u52a8\u7b49\u9ad8 *\/ } @media (max-width:1024px){ .sol-landing .grid{ grid-template-columns:repeat(2,1fr); } } @media (max-width:640px){ .sol-landing .grid{ grid-template-columns:1fr; } } \/* \u30ab\u30fc\u30c9 *\/ .sol-landing .card{ position:relative; overflow:hidden; border-radius:22px; background:#fff; border:1px solid rgba(200,210,230,.5); box-shadow:0 10px 28px rgba(20,40,80,.08); transition:transform .25s ease, box-shadow .25s ease, border-color .25s ease; text-decoration:none; color:inherit; display:flex; flex-direction:column; height:100%; \/* \u2705 \u5173\u952e\uff1a\u5361\u7247\u586b\u6ee1\u683c\u5b50 *\/ } .sol-landing .card:hover{ transform:translateY(-4px); border-color:rgba(120,160,255,.45); box-shadow:0 18px 36px rgba(20,40,80,.15); } \/* \u30ad\u30fc\u30d3\u30b8\u30e5\u30a2\u30eb *\/ .sol-landing .kv{ position:relative; aspect-ratio:16\/9; background:#f4f6fb; overflow:hidden; } .sol-landing .kv img{ width:100%; height:100%; object-fit:cover; display:block; } .sol-landing .kv::after{ content:\"\"; position:absolute; inset:0; background:linear-gradient(180deg, rgba(30,74,167,.28) 0%, rgba(30,74,167,0) 55%); pointer-events:none; } \/* \u672c\u6587 *\/ .sol-landing .body{ padding:16px 16px 18px; display:flex; flex-direction:column; gap:6px; } .sol-landing .eyebrow{ display:inline-block; font-size:12px; font-weight:800; letter-spacing:.08em; color:#2a56c6; background:#eaf1ff; border-radius:999px; padding:4px 8px; width:max-content; } .sol-landing .title{ margin:2px 0 4px; font-size:18px; font-weight:900; color:#162132; } .sol-landing .desc{ margin:0; color:#49576a; line-height:1.7; font-size:14.5px; } \/* CTA \u884c *\/ .sol-landing .cta{ margin-top:auto; display:flex; align-items:center; justify-content:space-between; gap:10px; padding-top:10px; } .sol-landing .cta .more{ font-weight:800; color:var(--accent); text-decoration:none; display:inline-flex; align-items:center; gap:8px; } .sol-landing .cta .more svg{ width:18px; height:18px; } \/* \u9713\u8679\u63cf\u8fb9 *\/ .sol-landing .card::before{ content:\"\"; position:absolute; inset:-1px; border-radius:24px; z-index:0; opacity:.0; pointer-events:none; background:conic-gradient(from 0deg, rgba(43,109,230,.45), rgba(43,109,230,0) 25%, rgba(43,109,230,.45) 50%, rgba(43,109,230,0) 75%, rgba(43,109,230,.45)); filter:blur(8px); transition:opacity .25s ease; } .sol-landing .card:hover::before{ opacity:.25; } .sol-landing .card:focus-visible{ outline:3px solid rgba(43,109,230,.65); outline-offset:3px; } \/* === \u7b49\u9ad8\u5bf9\u9f50\u8865\u4e01\uff1a\u8b93\u56db\u5f35\u5361\u7247\u9ad8\u5ea6\u4e00\u81f4 & CTA \u5e95\u90e8\u5bf9\u9f50 === *\/ \/* 1) grid \u5355\u5143\u683c\u5f3a\u5236\u7b49\u9ad8\uff08\u540c\u4e00\u884c\u4e00\u81f4\uff09 *\/ .sol-landing .grid{ align-items: stretch; \/* \u2705 \u8ba9\u6bcf\u4e2a\u683c\u5b50\u62c9\u4f38\u4e3a\u540c\u9ad8 *\/ } \/* 2) \u5361\u7247\u586b\u6ee1\u683c\u5b50\uff0c\u5e76\u8ba9\u5185\u90e8\u4f7f\u7528\u5217\u5e03\u5c40 *\/ .sol-landing .card{ display: flex; flex-direction: column; height: 100%; \/* \u2705 \u5361\u7247\u9ad8\u5ea6=\u683c\u5b50\u9ad8\u5ea6 *\/ } \/* 3) body \u533a\u57df\u5360\u636e\u5361\u7247\u5269\u4f59\u7a7a\u95f4 *\/ .sol-landing .body{ display: flex; flex-direction: column; gap: 6px; flex: 1 1 auto; \/* \u2705 \u586b\u6ee1\u5269\u4f59\u7a7a\u95f4 *\/ } \/* 4) \u63cf\u8ff0\u6587\u672c\u53ef\u4ee5\u589e\u957f\uff0c\u628a CTA \u9876\u5230\u5e95\u90e8 *\/ .sol-landing .desc{ flex: 1 1 auto; \/* \u2705 \u6587\u672c\u591a\u4e5f\u4e0d\u4f1a\u6324\u4e0a CTA *\/ } \/* 5) CTA \u6c38\u8fdc\u8d34\u5728 body \u5e95\u90e8 *\/ .sol-landing .cta{ margin-top: auto; \/* \u2705 \u5173\u952e\uff1a\u56fa\u5b9a\u5230\u5e95\u90e8 *\/ } <\/style> <div class=\"wrap\"> <div class=\"head\"> <div> <h2>\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3<\/h2> <p>\u696d\u754c\u5225\u306e\u81ea\u52d5\u5316\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3002\u5bfe\u8c61\u696d\u754c\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002<\/p> <\/div> <\/div> <div class=\"grid\"> <!-- 1. \u30a8\u30ec\u30af\u30c8\u30ed\u30cb\u30af\u30b9\u696d\u754c --> <a class=\"card\" href=\"https:\/\/sr-trade.jp\/?page_id=309\"> <div class=\"kv\"> <img decoding=\"async\" src=\"http:\/\/sr-trade.jp\/wp-content\/uploads\/2025\/10\/b9f92fcd-a2f3-41bb-8d04-b6d5f742cb0f.png\" alt=\"\u30a8\u30ec\u30af\u30c8\u30ed\u30cb\u30af\u30b9\u696d\u754c\"> <\/div> <div class=\"body\"> <span class=\"eyebrow\">Electronics<\/span> <div class=\"title\">\u30a8\u30ec\u30af\u30c8\u30ed\u30cb\u30af\u30b9\u696d\u754c<\/div> <p class=\"desc\">\u591a\u54c1\u7a2e\u30fb\u9ad8\u983b\u5ea6\u30bf\u30af\u30c8\u306b\u9069\u5fdc\u3002ESD\/\u6e05\u6d44\u5ea6\u30fb\u6e29\u6e7f\u5ea6\u7ba1\u7406\u3068\u30c7\u30fc\u30bf\u9023\u643a\u3067\u3001\u30e9\u30a4\u30f3\u5168\u4f53\u306e\u30b9\u30eb\u30fc\u30d7\u30c3\u30c8\u3092\u5411\u4e0a\u3002<\/p> <div class=\"cta\"> <span class=\"more\">\u8a73\u3057\u304f\u898b\u308b <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> <\/span> <\/div> <\/div> <\/a> <!-- 2. \u534a\u5c0e\u4f53\u696d\u754c --> <a class=\"card\" href=\"https:\/\/sr-trade.jp\/?page_id=375\"> <div class=\"kv\"> <img decoding=\"async\" src=\"http:\/\/sr-trade.jp\/wp-content\/uploads\/2025\/10\/semiconductor-cleanroom-1080x675-1.jpg\" alt=\"\u534a\u5c0e\u4f53\u696d\u754c\"> <\/div> <div class=\"body\"> <span class=\"eyebrow\">Semiconductor<\/span> <div class=\"title\">\u534a\u5c0e\u4f53\u696d\u754c<\/div> <p class=\"desc\">\u30af\u30ea\u30fc\u30f3\u30eb\u30fc\u30e0\u9069\u5408\u30fb\u30df\u30ea\u7d1a\u30c9\u30c3\u30ad\u30f3\u30b0\u30fbESD\/\u632f\u52d5\u5bfe\u7b56\u30fbMES\/WMS\u9023\u643a\u3067\u30bc\u30ed\u6c5a\u67d3\u642c\u9001\u3092\u5b9f\u73fe\u3002<\/p> <div class=\"cta\"> <span class=\"more\">\u8a73\u3057\u304f\u898b\u308b <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> <\/span> <\/div> <\/div> <\/a> <!-- 3. \u6a5f\u68b0\u52a0\u5de5\u696d\u754c --> <a class=\"card\" href=\"https:\/\/sr-trade.jp\/?page_id=307\"> <div class=\"kv\"> <img decoding=\"async\" src=\"http:\/\/sr-trade.jp\/wp-content\/uploads\/2025\/10\/Smaller-CNC.jpg\" alt=\"\u6a5f\u68b0\u52a0\u5de5\u696d\u754c\"> <\/div> <div class=\"body\"> <span class=\"eyebrow\">Machining<\/span> <div class=\"title\">\u6a5f\u68b0\u52a0\u5de5\u696d\u754c<\/div> <p class=\"desc\">JIT\/JIS\u3084\u30bb\u30eb\u751f\u7523\u306b\u5bfe\u5fdc\u3002\u5de5\u7a0b\u9593\u306e\u6ede\u7559\u3092\u6291\u5236\u3057\u3001\u7cbe\u5ea6\u30fb\u5b89\u5168\u30fb\u7a3c\u50cd\u7387\u3092\u540c\u6642\u306b\u6700\u9069\u5316\u3002<\/p> <div class=\"cta\"> <span class=\"more\">\u8a73\u3057\u304f\u898b\u308b <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> <\/span> <\/div> <\/div> <\/a> <!-- 4. \u81ea\u52d5\u8eca\u696d\u754c --> <a class=\"card\" href=\"https:\/\/sr-trade.jp\/?page_id=303\"> <div class=\"kv\"> <img decoding=\"async\" src=\"http:\/\/sr-trade.jp\/wp-content\/uploads\/2025\/10\/bigstock-Car-Bodies-Are-On-Assembly-Lin-440386652.jpg\" alt=\"\u81ea\u52d5\u8eca\u696d\u754c\"> <\/div> <div class=\"body\"> <span class=\"eyebrow\">Automotive<\/span> <div class=\"title\">\u81ea\u52d5\u8eca\u696d\u754c<\/div> <p class=\"desc\">\u9ad8\u30bf\u30af\u30c8\u30fb\u9ad8\u5bc6\u5ea6\u30ec\u30a4\u30a2\u30a6\u30c8\u3067\u3082\u5b89\u5b9a\u3002\u30cf\u30a4\u30d6\u30ea\u30c3\u30c9\u30b9\u30b1\u30b8\u30e5\u30fc\u30ea\u30f3\u30b0\u3067\u30b9\u30eb\u30fc\u30d7\u30c3\u30c8\u3092\u78ba\u4fdd\u3002<\/p> <div class=\"cta\"> <span class=\"more\">\u8a73\u3057\u304f\u898b\u308b <svg viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M8 5l8 7-8 7\" stroke=\"currentColor\" stroke-width=\"2\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/><\/svg> <\/span> <\/div> <\/div> <\/a> <\/div> <\/div> <\/section>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3 \u696d\u754c\u5225\u306e\u81ea\u52d5\u5316\u30bd\u30ea\u30e5\u30fc\u30b7\u30e7\u30f3\u3002\u5bfe\u8c61\u696d\u754c\u3092\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044\u3002 Electronics \u30a8\u30ec\u30af\u30c8\u30ed [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-300","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/pages\/300","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=300"}],"version-history":[{"count":10,"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/pages\/300\/revisions"}],"predecessor-version":[{"id":816,"href":"https:\/\/sr-trade.jp\/index.php?rest_route=\/wp\/v2\/pages\/300\/revisions\/816"}],"wp:attachment":[{"href":"https:\/\/sr-trade.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=300"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}