{"id":76,"date":"2026-06-09T03:41:22","date_gmt":"2026-06-08T18:41:22","guid":{"rendered":"https:\/\/www.v-able-shibata.online\/?page_id=76"},"modified":"2026-06-13T03:00:44","modified_gmt":"2026-06-12T18:00:44","slug":"76-2","status":"publish","type":"page","link":"https:\/\/www.v-able-shibata.online\/","title":{"rendered":""},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n\/* ===== \u5168\u4f53 ===== *\/\nbody {\nmargin: 0;\nfont-family: sans-serif;\ncolor: #222;\nbackground: #f5f5f5;\n}\n\n\/* ===== HERO\uff08\u6700\u91cd\u8981\uff09 ===== *\/\n.hero {\nmin-height: 100vh;\ndisplay: flex;\nflex-direction: column;\njustify-content: center;\ntext-align: center;\npadding: 40px 20px;\n\n\/* \u2605\u3053\u3053\u304c\u6539\u5584\u30dd\u30a4\u30f3\u30c8 *\/\nbackground: linear-gradient(135deg,#0f8b8d,#f18f01);\ncolor: #fff;\n}\n\n.logo {\nwidth:120px;\nmargin:auto;\n}\n\nh1 {\nfont-size:2.5em;\n}\n\n.highlight {\ncolor:#ffe082;\n}\n\n\/* ===== CTA\u30dc\u30bf\u30f3 ===== *\/\n.btn {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:16px 36px;\n  border-radius:40px;\n  background:linear-gradient(135deg,#ff7a00,#ffb347);\n  color:#fff;\n  text-decoration:none;\n  font-weight:bold;\n  box-shadow:0 8px 20px rgba(0,0,0,0.2);\n  transition:0.3s;\n  animation:pulse 2s infinite;\n}\n\n\/* \u30db\u30d0\u30fc\u3067\u6d6e\u304f *\/\n.btn:hover {\n  transform:translateY(-5px) scale(1.05);\n  box-shadow:0 12px 25px rgba(0,0,0,0.3);\n}\n\n\/* \u8108\u6253\u3061\u30a2\u30cb\u30e1 *\/\n@keyframes pulse {\n  0% {\n    transform:scale(1);\n    box-shadow:0 0 0 0 rgba(255,122,0,0.6);\n  }\n  70% {\n    transform:scale(1.05);\n    box-shadow:0 0 0 15px rgba(255,122,0,0);\n  }\n  100% {\n    transform:scale(1);\n    box-shadow:0 0 0 0 rgba(255,122,0,0);\n  }\n}.btn {\ndisplay:inline-block;\npadding:16px 32px;\nborder-radius:40px;\nbackground:#ff7a00;\ncolor:#fff;\ntext-decoration:none;\nmargin-top:20px;\nfont-weight:bold;\nbox-shadow:0 8px 20px rgba(0,0,0,0.2);\ntransition:0.3s;\n}\n.btn:hover {\ntransform: translateY(-3px);\n}\n\n\/* ===== \u8ffd\u5f93\u30dc\u30bf\u30f3 ===== *\/\n.floating-btn {\nposition: fixed;\nbottom: 20px;\nright: 20px;\nbackground:#ff7a00;\ncolor:#fff;\npadding:14px 20px;\nborder-radius:30px;\ntext-decoration:none;\nfont-size:14px;\nbox-shadow:0 5px 15px rgba(0,0,0,0.3);\nz-index:999;\n}\n\n\/* ===== \u30bb\u30af\u30b7\u30e7\u30f3 ===== *\/\nsection {\npadding:80px 20px;\nmax-width:1000px;\nmargin:20px auto;\nbackground:#fff;\nborder-radius:12px;\n}\n\nh2 {\ntext-align:center;\nmargin-bottom:40px;\n}\n\n\/* ===== \u5b9f\u7e3e ===== *\/\n.results {\ntext-align:center;\nfont-size:1.4em;\nline-height:2;\n}\n\n\/* ===== \u5229\u7528\u8005\u306e\u58f0 ===== *\/\n.voice {\nbackground:#fafafa;\npadding:20px;\nborder-radius:10px;\nmargin-bottom:20px;\nborder-left:5px solid #0f8b8d;\n}\n\n\/* ===== \u6bd4\u8f03 ===== *\/\n.compare {\nbackground:#f0f0f0;\npadding:20px;\nborder-radius:10px;\n}\n\n\/* ===== \u30d5\u30a9\u30fc\u30e0 ===== *\/\n.contact-form {\nmax-width:400px;\nmargin:auto;\ndisplay:flex;\nflex-direction:column;\ngap:10px;\n}\n\n.contact-form input {\npadding:12px;\nborder-radius:8px;\nborder:1px solid #ccc;\n}\n\n.contact-form button {\npadding:12px;\nborder:none;\nborder-radius:8px;\nbackground:#fff;\ncolor:#0f8b8d;\nfont-weight:bold;\ncursor:pointer;\n}\n<\/style>\n\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>V-Able \u5c31\u52b4\u79fb\u884c\u652f\u63f4<\/title>\n\n<style>\nbody {\n  margin: 0;\n  font-family: \"Hiragino Kaku Gothic ProN\", sans-serif;\n  background: #f9f9f9;\n  color: #333;\n}\n\n\/* HERO *\/\n.hero {\n  text-align: center;\n  padding: 80px 20px;\n  background: linear-gradient(135deg,#e8f6f6,#fff7ef);\n}\n.hero h1 { font-size: 2.4em; }\n.highlight { color: #f18f01; }\n\n\/* \u30dc\u30bf\u30f3\uff08CV\u5f37\u5316\uff09 *\/\n.btn {\n  display:inline-flex;\n  align-items:center;\n  justify-content:center;\n  padding:16px 36px;\n  border-radius:40px;\n  background:linear-gradient(135deg,#ff7a00,#ffb347);\n  color:#fff;\n  text-decoration:none;\n  font-weight:bold;\n  box-shadow:0 8px 20px rgba(0,0,0,0.2);\n  transition:0.3s;\n  animation:pulse 2s infinite;\n}\n.btn:hover {\n  transform:translateY(-5px) scale(1.05);\n  box-shadow:0 12px 25px rgba(0,0,0,0.3);\n}\n\n\/* \u8108\u6253\u3061 *\/\n@keyframes pulse {\n  0% { transform:scale(1); box-shadow:0 0 0 0 rgba(255,122,0,0.6); }\n  70% { transform:scale(1.05); box-shadow:0 0 0 15px rgba(255,122,0,0); }\n  100% { transform:scale(1); box-shadow:0 0 0 0 rgba(255,122,0,0); }\n}\n\n\/* \u30bb\u30af\u30b7\u30e7\u30f3 *\/\nsection {\n  padding:70px 20px;\n  max-width:1000px;\n  margin:auto;\n}\nh2 { text-align:center; margin-bottom:30px; }\n\n\/* \u60a9\u307f *\/\n.problem ul {\n  max-width:600px;\n  margin:auto;\n  line-height:2;\n}\n\n\/* \u5f37\u307f *\/\n.strength {\n  display:flex;\n  gap:20px;\n  flex-wrap:wrap;\n}\n.card {\n  flex:1;\n  min-width:250px;\n  background:#fff;\n  padding:25px;\n  border-radius:10px;\n  box-shadow:0 5px 15px rgba(0,0,0,0.08);\n}\nh2 {\n  font-size: 22px;\n  margin-bottom: 20px;\n}\n\n.card p {\n  color: #555;\n  line-height: 1.6;\n}\n\n\/* \u5b9f\u7e3e *\/\n.results {\n  text-align:center;\n  font-size:1.2em;\n}\n\n\/* CTA *\/\n.cta {\n  text-align:center;\n  background:#0f8b8d;\n  color:#fff;\n  padding:60px 20px;\n}\n\n\/* \u30d5\u30a9\u30fc\u30e0 *\/\nform {\n  max-width:400px;\n  margin:20px auto;\n  display:flex;\n  flex-direction:column;\n  gap:10px;\n}\ninput, button {\n  padding:12px;\n  border-radius:8px;\n  border:none;\n}\nbutton {\n  background:#fff;\n  color:#0f8b8d;\n  font-weight:bold;\n}\n\n\/* \u8ffd\u5f93\u30dc\u30bf\u30f3 *\/\n.floating {\n  position:fixed;\n  bottom:20px;\n  right:20px;\n  z-index:999;\n}\n.btn {\n  background: linear-gradient(135deg, #ff8a00, #ff5e00);\n  box-shadow: 0 6px 20px rgba(255, 120, 0, 0.4);\n  transition: 0.3s;\n}\n\n.btn:active {\n  transform: scale(0.96);\n}\nsection {\n  padding: 60px 20px;\n}\n\n.card {\n  margin-bottom: 20px;\n}\n@media (max-width: 768px) {\n\n  .hero {\n    padding: 50px 15px;\n  }\n\n  .hero h1 {\n    font-size: 1.8em;\n    line-height: 1.4;\n  }\n\n  .btn {\n    padding: 14px 24px;\n    font-size: 16px;\n    border-radius: 30px;\n  }\n\n  .floating {\n    bottom: 15px;\n    right: 15px;\n    padding: 12px 18px;\n    font-size: 14px;\n    opacity: 0.95;\n  }\n\n  .card {\n    padding: 18px;\n  }.card {\n  width: 100%;\n  box-sizing: border-box;\n}\n\n\/* \u30bb\u30af\u30b7\u30e7\u30f3\u3082\u5b89\u5168\u306b *\/\nsection {\n  overflow-x: hidden;\n}\n* {\n  box-sizing: border-box;\n}\nbody {\n  overflow-x: hidden;\n}\n\n  section {\n    padding: 50px 15px;\n  }\n\n}\n\n\/* \u88ab\u308a\u9632\u6b62\uff08\u3053\u308c\u3082\u91cd\u8981\uff09 *\/\nbody {\n  padding-bottom: 80px;\n}\n<style>\n\n\uff08\u4eca\u306eCSS\uff09\n\n.floating {\n  position: fixed;\n}\n\n\/* \u2190\u3053\u3053\u306b\u5165\u308c\u308b\uff01\uff01\uff01\uff01 *\/\n.hero {\n  position: relative;\n}\n\n\/* \u80cc\u666f\u306b\u3046\u3063\u3059\u3089\u9ed2\u30d5\u30a3\u30eb\u30bf\u30fc *\/\n.hero::before {\n  content: \"\";\n  position: absolute;\n  inset: 0;\n  background: rgba(0,0,0,0.35);\n}\n\n\/* \u6587\u5b57\u3092\u524d\u306b\u51fa\u3059 *\/\n.hero * {\n  position: relative;\n  z-index: 1;\n}\n\n<\/style>\n\n\n\n\n\n\n<!-- HERO -->\n\n<section class=\"hero\">\n  <h1>\u5c31\u52b4\u79fb\u884c\u652f\u63f4\u306b<br><span class=\"highlight\">\u65b0\u3057\u3044\u98a8<\/span>\u3092<\/h1>\n  <p>\u300c\u50cd\u304d\u305f\u3044\u3051\u3069\u4e0d\u5b89\u2026\u300d\u3092<br>\u201c\u3067\u304d\u308b\u201d\u306b\u5909\u3048\u308b\u5834\u6240<\/p>\n  <a href=\"#form\" class=\"btn\">\u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b<\/a>\n<\/section>\n\n<!-- \u60a9\u307f -->\n\n<section class=\"problem\">\n  <h2>\u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f<\/h2>\n  <ul>\n    <li>\u50cd\u304d\u305f\u3044\u3051\u3069\u81ea\u4fe1\u304c\u306a\u3044<\/li>\n    <li>\u4f55\u304b\u3089\u59cb\u3081\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044<\/li>\n    <li>\u9577\u304f\u50cd\u3051\u308b\u304b\u4e0d\u5b89<\/li>\n  <\/ul>\n  <div style=\"text-align:center;\">\n    <a href=\"#form\" class=\"btn\">\u76f8\u8ac7\u3057\u3066\u307f\u308b<\/a>\n  <\/div>\n<\/section>\n\n<!-- \u89e3\u6c7a -->\n\n<section>\n  <h2>\u305d\u306e\u60a9\u307f\u3001\u89e3\u6c7a\u3067\u304d\u307e\u3059<\/h2>\n  <p style=\"text-align:center;\">\n    \u4e00\u4eba\u3072\u3068\u308a\u306b\u5408\u308f\u305b\u305f\u652f\u63f4\u3067<br>\n    \u300c\u3067\u304d\u308b\u3053\u3068\u300d\u3092\u5897\u3084\u3057\u5c31\u8077\u307e\u3067\u30b5\u30dd\u30fc\u30c8\n  <\/p>\n<\/section>\n\n<!-- \u5f37\u307f -->\n\n<section>\n  <h2>\u9078\u3070\u308c\u308b\u7406\u7531<\/h2>\n  <div class=\"strength\">\n    <div class=\"card\">\n      <h3>\u500b\u5225\u30b5\u30dd\u30fc\u30c8<\/h3>\n      <p>\u3042\u306a\u305f\u306b\u5408\u3063\u305f\u30da\u30fc\u30b9\u3067\u652f\u63f4<\/p>\n    <\/div>\n    <div class=\"card\">\n      <h3>\u5b9f\u8df5\u30b9\u30ad\u30eb<\/h3>\n      <p>\u52d5\u753b\u7de8\u96c6\u306a\u3069\u5c31\u8077\u306b\u76f4\u7d50<\/p>\n    <\/div>\n    <div class=\"card\">\n      <h3>\u5c31\u8077\u5f8c\u3082\u652f\u63f4<\/h3>\n      <p>\u9577\u304f\u50cd\u3051\u308b\u30d5\u30a9\u30ed\u30fc\u4f53\u5236<\/p>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- \u5b9f\u7e3e -->\n\n<section class=\"results\">\n  <h2>\u5b9f\u7e3e<\/h2>\n  <p><strong>\u5c31\u8077\u6210\u529f\u7387 92%<\/strong><\/p>\n  <p><strong>\u5b9a\u7740\u7387 95%<\/strong><\/p>\n<\/section>\n\n<!-- CTA -->\n\n<section class=\"cta\">\n  <h2>\u307e\u305a\u306f\u8a71\u3092\u805e\u304f\u3060\u3051\u3067\u3082OK<\/h2>\n  <a href=\"#form\" class=\"btn\">\u7121\u6599\u76f8\u8ac7\u306f\u3053\u3061\u3089<\/a>\n<\/section>\n\n<!-- \u30d5\u30a9\u30fc\u30e0 -->\n\n<section id=\"form\" class=\"cta\">\n  <h2>30\u79d2\u3067\u5b8c\u4e86\uff5c\u7121\u6599\u76f8\u8ac7<\/h2>\n  <p>\u7121\u7406\u306a\u52e7\u8a98\u306f\u4e00\u5207\u3042\u308a\u307e\u305b\u3093<\/p>\n\n  <p style=\"color:#ff7a00;font-weight:bold;\">\n  \u203b\u73fe\u5728\u3001\u76f8\u8ac7\u67a0\u304c\u57cb\u307e\u308a\u3084\u3059\u304f\u306a\u3063\u3066\u3044\u307e\u3059\n  <\/p>\n\n  <form>\n    <input type=\"text\" placeholder=\"\u304a\u540d\u524d\" required=\"\">\n    <input type=\"email\" placeholder=\"\u30e1\u30fc\u30eb\" required=\"\">\n    <button type=\"submit\">\u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b<\/button>\n  <\/form>\n\n  <div style=\"font-size:14px;\">\n    \u2714 \u7121\u6599\u3067\u76f8\u8ac7OK<br>\n    \u2714 \u7121\u7406\u306a\u52e7\u8a98\u306a\u3057<br>\n    \u2714 \u533f\u540d\u3067\u3082\u76f8\u8ac7\u53ef\u80fd\n  <\/div>\n\n  <p style=\"font-size:12px;color:#ddd;\">\n    \u203b30\u79d2\u3067\u5b8c\u4e86\u30fb\u3044\u3064\u3067\u3082\u30ad\u30e3\u30f3\u30bb\u30eb\u53ef\u80fd\n  <\/p>\n<\/section>\n\n<!-- \u8ffd\u5f93CTA -->\n\n<a href=\"#form\" class=\"btn floating\">\u7121\u6599\u76f8\u8ac7<\/a>\n","protected":false},"excerpt":{"rendered":"<p>V-Able \u5c31\u52b4\u79fb\u884c\u652f\u63f4 \u5c31\u52b4\u79fb\u884c\u652f\u63f4\u306b\u65b0\u3057\u3044\u98a8\u3092 \u300c\u50cd\u304d\u305f\u3044\u3051\u3069\u4e0d\u5b89\u2026\u300d\u3092\u201c\u3067\u304d\u308b\u201d\u306b\u5909\u3048\u308b\u5834\u6240 \u7121\u6599\u3067\u76f8\u8ac7\u3059\u308b \u3053\u3093\u306a\u304a\u60a9\u307f\u3042\u308a\u307e\u305b\u3093\u304b\uff1f \u50cd\u304d\u305f\u3044\u3051\u3069\u81ea\u4fe1\u304c\u306a\u3044 \u4f55\u304b\u3089\u59cb\u3081\u308c\u3070\u3044\u3044\u304b\u5206\u304b\u3089\u306a\u3044 \u9577\u304f\u50cd\u3051\u308b\u304b\u4e0d\u5b89  [&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-76","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=\/wp\/v2\/pages\/76","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=76"}],"version-history":[{"count":68,"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions"}],"predecessor-version":[{"id":174,"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=\/wp\/v2\/pages\/76\/revisions\/174"}],"wp:attachment":[{"href":"https:\/\/www.v-able-shibata.online\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=76"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}