{"id":16,"date":"2025-06-04T17:16:34","date_gmt":"2025-06-04T08:16:34","guid":{"rendered":"https:\/\/io-office.jp\/?page_id=16"},"modified":"2025-06-04T22:16:21","modified_gmt":"2025-06-04T13:16:21","slug":"%e3%81%94%e5%a5%91%e7%b4%84%e3%81%be%e3%81%a7%e3%81%ae%e6%b5%81%e3%82%8c","status":"publish","type":"page","link":"https:\/\/io-office.jp\/?page_id=16","title":{"rendered":"\u3054\u5951\u7d04\u307e\u3067\u306e\u6d41\u308c"},"content":{"rendered":"\n<style>\n.contract-flow {\n  max-width: 800px;\n  margin: 0 auto;\n  padding: 2em 1em;\n}\n\n.flow-title {\n  font-size: 1.8em;\n  font-weight: bold;\n  margin-bottom: 0.5em;\n  border-left: 8px solid #00695c;\n  padding-left: 0.5em;\n}\n\n.flow-lead {\n  margin-bottom: 2em;\n  color: #555;\n  line-height: 1.7;\n}\n\n.flow-step-wrapper {\n  display: flex;\n  gap: 1em;\n  background: #f9f9f9;\n  border-radius: 10px;\n  padding: 1.5em;\n  box-shadow: 0 2px 6px rgba(0,0,0,0.05);\n  transition: transform 0.3s;\n  margin-bottom: 1.5em;\n  align-items: center;\n}\n\n.flow-step-wrapper:hover {\n  transform: translateY(-5px);\n}\n\n.flow-step-text {\n  flex: 1;\n}\n\n.flow-step-text .step-number {\n  font-size: 0.9em;\n  color: #999;\n  margin-bottom: 0.3em;\n  display: block;\n}\n\n.flow-step-text h4 {\n  margin: 0 0 0.5em;\n  font-size: 1.2em;\n  color: #004d40;\n}\n\n.flow-step-text p {\n  margin: 0;\n  color: #222;\n}\n\n.flow-step-image {\n  flex: 0 0 120px;\n}\n\n.flow-step-image img {\n  width: 100%;\n  height: auto;\n  border-radius: 6px;\n}\n\n@media (max-width: 768px) {\n  .flow-step-wrapper {\n    flex-direction: column;\n    align-items: flex-start;\n  }\n  .flow-step-image {\n    width: 100%;\n    margin-top: 1em;\n  }\n}\n<\/style>\n\n<div class=\"contract-flow\">\n  <h2 class=\"flow-title\">\u3054\u5951\u7d04\u307e\u3067\u306e\u6d41\u308c<\/h2>\n  <p class=\"flow-lead\">\n    \u4f0a\u85e4\u7523\u696d\u533b\u30aa\u30d5\u30a3\u30b9\u3067\u306f\u3001\u4f01\u696d\u306e\u7686\u3055\u307e\u304c\u5b89\u5fc3\u3057\u3066\u7523\u696d\u533b\u30b5\u30fc\u30d3\u30b9\u3092\u3054\u5c0e\u5165\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001<br>\n    \u660e\u78ba\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3054\u5951\u7d04\u307e\u3067\u306e\u6d41\u308c\u3092\u3054\u6848\u5185\u3057\u3066\u3044\u307e\u3059\u3002<br>\n    \u521d\u3081\u3066\u306e\u65b9\u3082\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n  <\/p>\n\n  <div class=\"flow-step-wrapper\" data-aos=\"fade-up\" data-aos-delay=\"0\">\n    <div class=\"flow-step-text\">\n      <span class=\"step-number\">STEP 1<\/span>\n      <h4>\u304a\u554f\u3044\u5408\u308f\u305b<\/h4>\n      <p>\u30e1\u30fc\u30eb\u307e\u305f\u306f\u304a\u96fb\u8a71\u3067\u304a\u6c17\u8efd\u306b\u3054\u9023\u7d61\u304f\u3060\u3055\u3044\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step-image\">\n      <img decoding=\"async\" src=\"your-image-url-1.jpg\" alt=\"STEP1\u753b\u50cf\">\n    <\/div>\n  <\/div>\n\n  <div class=\"flow-step-wrapper\" data-aos=\"fade-up\" data-aos-delay=\"100\">\n    <div class=\"flow-step-text\">\n      <span class=\"step-number\">STEP 2<\/span>\n      <h4>\u30d2\u30a2\u30ea\u30f3\u30b0<\/h4>\n      <p>\u3054\u5e0c\u671b\u306e\u5185\u5bb9\u3084\u73fe\u5728\u306e\u4f53\u5236\u3001\u8ab2\u984c\u306a\u3069\u3092\u304a\u4f3a\u3044\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step-image\">\n      <img decoding=\"async\" src=\"your-image-url-2.jpg\" alt=\"STEP2\u753b\u50cf\">\n    <\/div>\n  <\/div>\n\n  <div class=\"flow-step-wrapper\" data-aos=\"fade-up\" data-aos-delay=\"200\">\n    <div class=\"flow-step-text\">\n      <span class=\"step-number\">STEP 3<\/span>\n      <h4>\u3054\u63d0\u6848\u30fb\u304a\u898b\u7a4d\u308a<\/h4>\n      <p>\u8cb4\u793e\u306b\u5408\u3063\u305f\u30b5\u30fc\u30d3\u30b9\u5185\u5bb9\u3068\u6599\u91d1\u3092\u3054\u63d0\u793a\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step-image\">\n      <img decoding=\"async\" src=\"your-image-url-3.jpg\" alt=\"STEP3\u753b\u50cf\">\n    <\/div>\n  <\/div>\n\n  <div class=\"flow-step-wrapper\" data-aos=\"fade-up\" data-aos-delay=\"300\">\n    <div class=\"flow-step-text\">\n      <span class=\"step-number\">STEP 4<\/span>\n      <h4>\u3054\u5951\u7d04\u624b\u7d9a\u304d<\/h4>\n      <p>\u5951\u7d04\u66f8\u3092\u53d6\u308a\u4ea4\u308f\u3057\u3001\u5fc5\u8981\u66f8\u985e\u3092\u3054\u6848\u5185\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step-image\">\n      <img decoding=\"async\" src=\"your-image-url-4.jpg\" alt=\"STEP4\u753b\u50cf\">\n    <\/div>\n  <\/div>\n\n  <div class=\"flow-step-wrapper\" data-aos=\"fade-up\" data-aos-delay=\"400\">\n    <div class=\"flow-step-text\">\n      <span class=\"step-number\">STEP 5<\/span>\n      <h4>\u30b5\u30fc\u30d3\u30b9\u958b\u59cb<\/h4>\n      <p>\u8cb4\u793e\u5c02\u4efb\u306e\u7523\u696d\u533b\u3068\u3057\u3066\u696d\u52d9\u3092\u958b\u59cb\u3044\u305f\u3057\u307e\u3059\u3002<\/p>\n    <\/div>\n    <div class=\"flow-step-image\">\n      <img decoding=\"async\" src=\"your-image-url-5.jpg\" alt=\"STEP5\u753b\u50cf\">\n    <\/div>\n  <\/div>\n<\/div>\n\n","protected":false},"excerpt":{"rendered":"<p>\u3054\u5951\u7d04\u307e\u3067\u306e\u6d41\u308c \u4f0a\u85e4\u7523\u696d\u533b\u30aa\u30d5\u30a3\u30b9\u3067\u306f\u3001\u4f01\u696d\u306e\u7686\u3055\u307e\u304c\u5b89\u5fc3\u3057\u3066\u7523\u696d\u533b\u30b5\u30fc\u30d3\u30b9\u3092\u3054\u5c0e\u5165\u3044\u305f\u3060\u3051\u308b\u3088\u3046\u3001 \u660e\u78ba\u306a\u30b9\u30c6\u30c3\u30d7\u3067\u3054\u5951\u7d04\u307e\u3067\u306e\u6d41\u308c\u3092\u3054\u6848\u5185\u3057\u3066\u3044\u307e\u3059\u3002 \u521d\u3081\u3066\u306e\u65b9\u3082\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002 STEP 1 \u304a\u554f\u3044\u5408\u308f [&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-16","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/io-office.jp\/index.php?rest_route=\/wp\/v2\/pages\/16","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/io-office.jp\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/io-office.jp\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/io-office.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/io-office.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=16"}],"version-history":[{"count":4,"href":"https:\/\/io-office.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions"}],"predecessor-version":[{"id":100,"href":"https:\/\/io-office.jp\/index.php?rest_route=\/wp\/v2\/pages\/16\/revisions\/100"}],"wp:attachment":[{"href":"https:\/\/io-office.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=16"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}