{"id":202,"date":"2026-04-08T06:05:54","date_gmt":"2026-04-08T06:05:54","guid":{"rendered":"https:\/\/nk-ts.biz\/?page_id=202"},"modified":"2026-04-14T04:01:11","modified_gmt":"2026-04-14T04:01:11","slug":"%e5%ae%9f%e7%b8%be%e3%83%bb%e4%ba%8b%e4%be%8b%ef%bc%bfs%e9%80%a0%ef%bc%88%e9%89%84%e9%aa%a8%ef%bc%89","status":"publish","type":"page","link":"https:\/\/nk-ts.biz\/?page_id=202","title":{"rendered":"\u5b9f\u7e3e\u30fb\u4e8b\u4f8b\uff3fS\u9020\uff08\u9244\u9aa8\uff09"},"content":{"rendered":"\n<p>S\u9020\uff08\u9244\u9aa8\u9020\uff09\u3068\u306f\u3001Steel\uff08\u30b9\u30c1\u30fc\u30eb\uff09\u306e\u982d\u6587\u5b57\u3092\u53d6\u3063\u305f\u69cb\u9020\u3067\u3001\u5efa\u7269\u306e\u9aa8\u7d44\u307f\u306b\u9244\u9aa8\u3092\u4f7f\u7528\u3057\u305f\u5de5\u6cd5\u3067\u3059\u3002<br>\u30d3\u30eb\u3084\u30a2\u30d1\u30fc\u30c8\u3001\u5e97\u8217\u3001\u30aa\u30d5\u30a3\u30b9\u306a\u3069\u5e45\u5e83\u3044\u5efa\u7269\u306b\u63a1\u7528\u3055\u308c\u3066\u304a\u308a\u3001\u5f37\u5ea6\u3068\u8a2d\u8a08\u306e\u81ea\u7531\u5ea6\u306e\u9ad8\u3055\u304c\u7279\u5fb4\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u9244\u9aa8\u9020\u306e\u89e3\u4f53\u306f\u3001\u91d1\u5c5e\u7279\u6709\u306e\u5f37\u5ea6\u3084\u63a5\u5408\u90e8\u306e\u69cb\u9020\u3092\u6b63\u78ba\u306b\u7406\u89e3\u3057\u305f\u3046\u3048\u3067\u4f5c\u696d\u3092\u884c\u3046\u5fc5\u8981\u304c\u3042\u308a\u3001\u5c02\u7528\u306e\u91cd\u6a5f\u3084\u30a2\u30bf\u30c3\u30c1\u30e1\u30f3\u30c8\u3092\u7528\u3044\u305f\u9ad8\u5ea6\u306a\u6280\u8853\u304c\u6c42\u3081\u3089\u308c\u307e\u3059\u3002\u65bd\u5de5\u3092\u8aa4\u308b\u3068\u3001\u9a12\u97f3\u30fb\u632f\u52d5\u306e\u5897\u52a0\u3084\u5468\u56f2\u3078\u306e\u5f71\u97ff\u306b\u3064\u306a\u304c\u308b\u305f\u3081\u3001\u614e\u91cd\u306a\u5bfe\u5fdc\u304c\u4e0d\u53ef\u6b20\u3067\u3059\u3002<\/p>\n\n\n\n<p>\u5f53\u793e\u3067\u306f\u3001\u9244\u9aa8\u9020\u306e\u89e3\u4f53\u306b\u304a\u3044\u3066\u3082\u8c4a\u5bcc\u306a\u5b9f\u7e3e\u3092\u3082\u3068\u306b\u3001\u5efa\u7269\u3054\u3068\u306e\u69cb\u9020\u3092\u898b\u6975\u3081\u305f\u6700\u9069\u306a\u5de5\u6cd5\u3067\u65bd\u5de5\u3092\u884c\u3063\u3066\u304a\u308a\u307e\u3059\u3002\u5c02\u7528\u6a5f\u6750\u3092\u9069\u5207\u306b\u4f7f\u3044\u5206\u3051\u3001\u5b89\u5168\u5bfe\u7b56\u30fb\u8fd1\u96a3\u3078\u306e\u914d\u616e\u3092\u5fb9\u5e95\u3057\u306a\u304c\u3089\u3001\u30b9\u30e0\u30fc\u30ba\u3067\u78ba\u5b9f\u306a\u5de5\u4e8b\u3092\u5b9f\u73fe\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<p>\u521d\u3081\u3066\u306e\u89e3\u4f53\u5de5\u4e8b\u3067\u3082\u5b89\u5fc3\u3057\u3066\u3054\u76f8\u8ac7\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001\u4e01\u5be7\u306b\u3054\u8aac\u660e\u3057\u306a\u304c\u3089\u5bfe\u5fdc\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n\n\n\n<div class=\"nk-scroll-effects\">\n  <section class=\"nk-flip-sequence\">\n\n    <div class=\"nk-flip-row\">\n      <div class=\"nk-row-flex\">\n        <div class=\"nk-text-area\">\n          <h3>\u4e01\u5be7\u306a\u624b\u4f5c\u696d\u89e3\u4f53<\/h3>\n          <p>\u9a12\u97f3\u3084\u7c89\u3058\u3093\u3092\u6291\u3048\u3001\u8fd1\u96a3\u306b\u914d\u616e\u3057\u305f\u65bd\u5de5\u3092\u884c\u3044\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"nk-flip-card auto-flip\">\n          <div class=\"nk-flip-card-inner\">\n            <div class=\"nk-front\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"Before\"><\/div>\n            <div class=\"nk-back\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"After\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"nk-flip-row\">\n      <div class=\"nk-row-flex reverse\">\n        <div class=\"nk-text-area\">\n          <h3>\u5b89\u5168\u7b2c\u4e00\u306e\u91cd\u6a5f\u4f5c\u696d<\/h3>\n          <p>\u5c02\u7528\u6a5f\u6750\u3067\u52b9\u7387\u3088\u304f\u5b89\u5168\u306b\u89e3\u4f53\u3092\u9032\u3081\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"nk-flip-card auto-flip\">\n          <div class=\"nk-flip-card-inner\">\n            <div class=\"nk-front\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"Before\"><\/div>\n            <div class=\"nk-back\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"After\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"nk-flip-row\">\n      <div class=\"nk-row-flex\">\n        <div class=\"nk-text-area\">\n          <h3>\u5206\u5225\u30fb\u74b0\u5883\u5bfe\u5fdc<\/h3>\n          <p>\u5ec3\u6750\u3092\u9069\u5207\u306b\u5206\u5225\u3057\u3001\u74b0\u5883\u306b\u914d\u616e\u3057\u305f\u51e6\u7406\u3092\u5fb9\u5e95\u3002<\/p>\n        <\/div>\n        <div class=\"nk-flip-card auto-flip\">\n          <div class=\"nk-flip-card-inner\">\n            <div class=\"nk-front\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"Before\"><\/div>\n            <div class=\"nk-back\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"After\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n    <div class=\"nk-flip-row\">\n      <div class=\"nk-row-flex reverse\">\n        <div class=\"nk-text-area\">\n          <h3>\u6574\u5730\u30fb\u4ed5\u4e0a\u3052<\/h3>\n          <p>\u7d30\u304b\u306a\u7834\u7247\u307e\u3067\u9664\u53bb\u3057\u3001\u6b21\u5de5\u7a0b\u3078\u30b9\u30e0\u30fc\u30ba\u306b\u3002<\/p>\n        <\/div>\n        <div class=\"nk-flip-card auto-flip\">\n          <div class=\"nk-flip-card-inner\">\n            <div class=\"nk-front\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"Before\"><\/div>\n            <div class=\"nk-back\"><img decoding=\"async\" src=\"https:\/\/nk-ts.biz\/wp-content\/uploads\/2026\/04\/cropped-2714dc89-0d97-4d70-a672-9fe94eedb607.png\" alt=\"After\"><\/div>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/section>\n<\/div>\n\n<style>\n\/* \u5168\u4f53\u30ec\u30a4\u30a2\u30a6\u30c8 *\/\n.nk-flip-sequence { max-width: 1100px; margin: auto; padding: 40px 15px; overflow: hidden; }\n.nk-flip-row { margin-bottom: 60px; }\n.nk-row-flex { display: flex; align-items: center; justify-content: space-between; gap: 40px; }\n.nk-row-flex.reverse { flex-direction: row-reverse; }\n\n\/* \u30c6\u30ad\u30b9\u30c8\u8a2d\u5b9a *\/\n.nk-text-area { flex: 1; min-width: 0; }\n.nk-text-area h3 { font-size: clamp(20px, 4vw, 24px); margin-bottom: 10px; font-weight: bold; }\n.nk-text-area p { font-size: 15px; line-height: 1.7; color: #333; margin: 0; }\n\n\/* \u30ab\u30fc\u30c9\u8a2d\u5b9a\uff08\u30b9\u30de\u30db\u3067\u6d88\u3048\u306a\u3044\u3088\u3046\u9ad8\u3055\u3092\u78ba\u4fdd\uff09 *\/\n.nk-flip-card {\n  flex: 1;\n  width: 100%;\n  max-width: 480px;\n  perspective: 2000px;\n  position: relative;\n  z-index: 1;\n}\n\n.nk-flip-card-inner {\n  position: relative;\n  width: 100%;\n  aspect-ratio: 16 \/ 10; \/* \u753b\u50cf\u6bd4\u7387\u3092\u7dad\u6301 *\/\n  transform-style: preserve-3d;\n  transition: transform 1.2s cubic-bezier(0.4, 0, 0.2, 1);\n  will-change: transform; \/* \u30a2\u30cb\u30e1\u30fc\u30b7\u30e7\u30f3\u306e\u6ed1\u3089\u304b\u3055\u5411\u4e0a *\/\n}\n\n\/* \u53cd\u8ee2\u30af\u30e9\u30b9 *\/\n.nk-flip-card.is-active .nk-flip-card-inner {\n  transform: rotateY(180deg);\n}\n\n.nk-front, .nk-back {\n  position: absolute;\n  top: 0; left: 0; width: 100%; height: 100%;\n  backface-visibility: hidden;\n  -webkit-backface-visibility: hidden; \/* Safari\u7528 *\/\n  border-radius: 12px;\n  overflow: hidden;\n  box-shadow: 0 4px 12px rgba(0,0,0,0.15);\n}\n\n.nk-back {\n  transform: rotateY(180deg);\n}\n\n.nk-flip-card img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n\/* Before\/After \u30e9\u30d9\u30eb *\/\n.nk-flip-card::after {\n  content: \"Before\";\n  position: absolute;\n  top: 10px; left: 10px;\n  background: rgba(0,0,0,0.6);\n  color: #fff;\n  padding: 4px 10px;\n  font-size: 11px;\n  z-index: 5;\n  border-radius: 4px;\n  pointer-events: none;\n}\n.nk-flip-card.is-active::after {\n  content: \"After\";\n  background: rgba(180,0,0,0.8);\n}\n\n\/* ===== \u30b9\u30de\u30db\u6700\u9069\u5316 (768px\u4ee5\u4e0b) ===== *\/\n@media (max-width: 768px) {\n  .nk-flip-row { margin-bottom: 50px; }\n  .nk-row-flex, .nk-row-flex.reverse {\n    flex-direction: column !important; \/* \u5168\u3066\u7e26\u4e26\u3073 *\/\n    gap: 20px;\n    text-align: center;\n  }\n  .nk-text-area { width: 100%; padding: 0 10px; }\n  .nk-flip-card { max-width: 90%; margin: 0 auto; }\n}\n<\/style>\n\n<script>\n(function() {\n  const flipLogic = () => {\n    const cards = document.querySelectorAll(\".auto-flip\");\n    if (!cards.length) return;\n\n    cards.forEach((card, index) => {\n      \/\/ 3\u79d2\u3054\u3068\u306b\u53cd\u8ee2\n      setInterval(() => {\n        card.classList.toggle(\"is-active\");\n      }, 3000);\n\n      \/\/ (\u4efb\u610f) \u6700\u521d\u3060\u3051\u5c11\u3057\u305a\u3089\u3057\u3066\u52d5\u304b\u3057\u305f\u3044\u5834\u5408\u306f\u4ee5\u4e0b\u3092\u6709\u52b9\u306b\n      \/\/ setTimeout(() => { card.classList.add(\"is-active\"); }, index * 500);\n    });\n  };\n\n  \/\/ \u8aad\u307f\u8fbc\u307f\u5b8c\u4e86\u5f8c\u306b\u5b9f\u884c\n  if (document.readyState === \"complete\") {\n    flipLogic();\n  } else {\n    window.addEventListener(\"load\", flipLogic);\n  }\n})();\n<\/script>\n","protected":false},"excerpt":{"rendered":"<p>S\u9020\uff08\u9244\u9aa8\u9020\uff09\u3068\u306f\u3001Steel\uff08\u30b9\u30c1\u30fc\u30eb\uff09\u306e\u982d\u6587\u5b57\u3092\u53d6\u3063\u305f\u69cb\u9020\u3067\u3001\u5efa\u7269\u306e\u9aa8\u7d44\u307f\u306b\u9244\u9aa8\u3092\u4f7f\u7528\u3057\u305f\u5de5\u6cd5\u3067\u3059\u3002\u30d3\u30eb\u3084\u30a2\u30d1\u30fc\u30c8\u3001\u5e97\u8217\u3001\u30aa\u30d5\u30a3\u30b9\u306a\u3069\u5e45\u5e83\u3044\u5efa\u7269\u306b\u63a1\u7528\u3055\u308c\u3066\u304a\u308a\u3001\u5f37\u5ea6\u3068\u8a2d\u8a08\u306e\u81ea\u7531\u5ea6\u306e\u9ad8\u3055\u304c\u7279\u5fb4\u3067\u3059\u3002 \u9244\u9aa8\u9020\u306e\u89e3\u4f53\u306f\u3001 [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_jinr_url_youtube":"","_jinr_pip_youtube":false,"_jinr_time_youtube":"","_jinr_thumb_youtube":"","_jinr_media_youtube":"","_jinr_category_edit":false,"_jinr_category":"","_jinr_title_display":false,"_jinr_snsbutton_display":true,"_jinr_ads_display":false,"_jinr_thumbnail_display":true,"_jinr_profile_display":false,"_jinr_representations_display":true,"_jinr_relatedpost_display":false,"_jinr_sidebar1col_display":false,"_jinr_sidebar2col_display":true,"_jinr_seotitle_display":"","_jinr_description_display":"","_jinr_keyword_display":"","_jinr_hastag_display":"","_jinr_canonical_display":"","_jinr_noindex_display":false,"_jinr_paidpost":false,"_jinr_paidpost_product_id":"","_jinr_headtag_article":"","footnotes":""},"class_list":["post-202","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/nk-ts.biz\/index.php?rest_route=\/wp\/v2\/pages\/202","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/nk-ts.biz\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/nk-ts.biz\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/nk-ts.biz\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/nk-ts.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=202"}],"version-history":[{"count":7,"href":"https:\/\/nk-ts.biz\/index.php?rest_route=\/wp\/v2\/pages\/202\/revisions"}],"predecessor-version":[{"id":436,"href":"https:\/\/nk-ts.biz\/index.php?rest_route=\/wp\/v2\/pages\/202\/revisions\/436"}],"wp:attachment":[{"href":"https:\/\/nk-ts.biz\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=202"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}