{"id":5147,"date":"2025-12-15T22:41:52","date_gmt":"2025-12-15T13:41:52","guid":{"rendered":"https:\/\/hiros-choice.com\/?page_id=5147"},"modified":"2025-12-22T14:02:12","modified_gmt":"2025-12-22T05:02:12","slug":"%e3%82%ad%e3%83%a3%e3%83%83%e3%83%81%e3%83%aa%e3%83%bc%e3%83%89","status":"publish","type":"page","link":"https:\/\/hiros-choice.com\/ja\/catch-read-top\/","title":{"rendered":"\u3010TOP\u3011\u30ad\u30e3\u30c3\u30c1\u30ea\u30fc\u30c9"},"content":{"rendered":"<section class=\"hc-lead js-hc-lead\">\r\n  <!-- MISSION \u898b\u51fa\u3057 -->\r\n  <h2 class=\"hc-lead-mission hc-reveal\">MISSION<\/h2>\r\n\r\n  <!-- \u533a\u5207\u308a\u7dda -->\r\n  <div class=\"hc-lead-line hc-reveal\" aria-hidden=\"true\"><\/div>\r\n\r\n  <!-- \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d -->\r\n  <p class=\"hc-lead-sub hc-reveal\">\r\n    \u30d6\u30e9\u30a4\u30f3\u30c9\u30bb\u30fc\u30e9\u30fc\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30c9<br>\r\n    \u592a\u5e73\u6d0b\u6a2a\u65ad\u30d7\u30ed\u30b8\u30a7\u30af\u30c8 2027\r\n  <\/p>\r\n\r\n  <!-- \u30e1\u30a4\u30f3\u5e2f\u753b\u50cf\uff08\u5168\u5e45\uff09 -->\r\n  <img decoding=\"async\"\r\n    class=\"hc-lead-band hc-reveal\"\r\n    src=\"https:\/\/hiros-choice.com\/wp-content\/uploads\/2025\/12\/read_text.png\"\r\n    alt=\"\u5358\u72ec\u7121\u5bc4\u6e2f \u592a\u5e73\u6d0b\u6a2a\u65ad \u898b\u5c4a\u3051\u308b\u306e\u306f\u30fc \u8cb4\u65b9\"\r\n  >\r\n\r\n  <!-- \u672c\u6587\u30c6\u30ad\u30b9\u30c8 -->\r\n  <div class=\"hc-lead-body\">\r\n    <p class=\"hc-lead-text hc-reveal\">\r\n      2027\u5e74\u6625<br>\r\n      \u5168\u76f2\u30e8\u30c3\u30c8\u30de\u30f3\uff08\u30d6\u30e9\u30a4\u30f3\u30c9\u30bb\u30fc\u30e9\u30fc\uff09\u304c<br>\r\n      \u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30c9\uff08\u5358\u72ec\uff09\u3067\u592a\u5e73\u6d0b\u6a2a\u65ad\u306b\u6311\u6226\r\n    <\/p>\r\n\r\n    <p class=\"hc-lead-text hc-lead-text-gap hc-reveal\">\r\n      \u30a2\u30e1\u30ea\u30ab\u897f\u6d77\u5cb8\u30fb\u30b5\u30f3\u30c7\u30a3\u30a8\u30b4\u51fa\u6e2f<br>\r\n      \uff0d\u718a\u672c\u770c\u5929\u8349\u3092\u76ee\u6307\u3059\r\n    <\/p>\r\n  <\/div>\r\n<\/section>\r\n\r\n<style>\r\n\/* ===============================\r\n   LEAD \u5168\u4f53\u80cc\u666f\r\n   =============================== *\/\r\n.hc-lead{\r\n  width:100%;\r\n  position:relative;\r\n  overflow:hidden;\r\n  background-image:url(\"https:\/\/hiros-choice.com\/wp-content\/uploads\/2025\/12\/read_bg.jpg\");\r\n  background-size:cover;\r\n  background-repeat:no-repeat;\r\n  background-position:50% 8%;\r\n  padding:54px 0 120px;\r\n  color:#fff;\r\n}\r\n\r\n\/* PC\u7528 \u80cc\u666f\u753b\u50cf *\/\r\n@media (min-width:768px){\r\n  .hc-lead{\r\n    background-image:url(\"https:\/\/hiros-choice.com\/wp-content\/uploads\/2025\/12\/read_bg-pc.jpg\");\r\n    background-position:50% 8%;\r\n  }\r\n}\r\n\r\n\/* ===============================\r\n   \u30b9\u30af\u30ed\u30fc\u30eb\u51fa\u73fe\uff08\u63a7\u3048\u3081\uff09\r\n   =============================== *\/\r\n.hc-reveal{\r\n  opacity: 0;\r\n  transform: translateY(12px);\r\n  transition: opacity 900ms ease-out, transform 900ms ease-out;\r\n  will-change: opacity, transform;\r\n}\r\n\r\n.js-hc-lead.is-inview .hc-reveal{\r\n  opacity: 1;\r\n  transform: translateY(0);\r\n}\r\n\r\n.js-hc-lead.is-inview .hc-reveal:nth-of-type(1){ transition-delay: 120ms; }\r\n.js-hc-lead.is-inview .hc-reveal:nth-of-type(2){ transition-delay: 240ms; }\r\n.js-hc-lead.is-inview .hc-reveal:nth-of-type(3){ transition-delay: 360ms; }\r\n.js-hc-lead.is-inview .hc-reveal:nth-of-type(4){ transition-delay: 520ms; }\r\n.js-hc-lead.is-inview .hc-reveal:nth-of-type(5){ transition-delay: 680ms; }\r\n.js-hc-lead.is-inview .hc-reveal:nth-of-type(6){ transition-delay: 840ms; }\r\n\r\n@media (prefers-reduced-motion: reduce){\r\n  .hc-reveal{\r\n    opacity: 1;\r\n    transform: none;\r\n    transition: none;\r\n  }\r\n}\r\n\r\n\/* ===============================\r\n   MISSION \u898b\u51fa\u3057\r\n   =============================== *\/\r\n.hc-lead-mission{\r\n  margin:0;\r\n  text-align:center;\r\n  font-family:Impact, Haettenschweiler, \"Arial Narrow Bold\", sans-serif;\r\n  font-size:56px;\r\n  letter-spacing:0.06em;\r\n  line-height:1;\r\n  color:#d85021;\r\n}\r\n\r\n\/* \u533a\u5207\u308a\u7dda *\/\r\n.hc-lead-line{\r\n  width:min(820px, 86%);\r\n  height:1px;\r\n  margin:18px auto;\r\n  background:#3f3a3a;\r\n  opacity:0.95;\r\n}\r\n\r\n\/* \u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u540d *\/\r\n.hc-lead-sub{\r\n  margin:0 0 28px;\r\n  text-align:center;\r\n  font-family:serif;\r\n  font-size:20px;\r\n  line-height:1.85;\r\n  letter-spacing:0.06em;\r\n  color:rgba(0,0,0,0.75);\r\n}\r\n\r\n\/* ===============================\r\n   \u5e2f\u753b\u50cf\r\n   =============================== *\/\r\n.hc-lead-band{\r\n  width:100%;\r\n  height:auto;\r\n  display:block;\r\n}\r\n\r\n\/* ===============================\r\n   \u672c\u6587\u30c6\u30ad\u30b9\u30c8\r\n   =============================== *\/\r\n.hc-lead-body{\r\n  max-width:720px;\r\n  margin:0 auto;\r\n  padding:42px 43px 0;\r\n  text-align:left;\r\n}\r\n\r\n.hc-lead-text{\r\n  margin:0;\r\n  font-size:16px;\r\n  line-height:2.05;\r\n  letter-spacing:0.04em;\r\n  color:#fff;\r\n  text-shadow:0 1px 10px rgba(0,0,0,0.35);\r\n}\r\n\r\n.hc-lead-text-gap{\r\n  margin-top:26px;\r\n}\r\n\r\n\/* ===============================\r\n   SP\u8abf\u6574\r\n   =============================== *\/\r\n@media (max-width:420px){\r\n  .hc-lead{\r\n    padding:52px 0 110px;\r\n    background-position:50% 10%;\r\n  }\r\n\r\n  .hc-lead-mission{ font-size:54px; }\r\n\r\n  .hc-lead-sub{\r\n    font-size:19px;\r\n    margin-bottom:26px;\r\n  }\r\n\r\n  .hc-lead-body{ padding:40px 18px 0; }\r\n\r\n  .hc-lead-text{ font-size:15.5px; }\r\n}\r\n<\/style>\r\n\r\n<script>\r\n\/* \u30b9\u30af\u30ed\u30fc\u30eb\u3067\u8868\u793a\u3055\u308c\u305f\u3089\u51fa\u73fe *\/\r\n(function(){\r\n  var lead = document.querySelector('.js-hc-lead');\r\n  if(!lead) return;\r\n\r\n  if(window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches){\r\n    lead.classList.add('is-inview');\r\n    return;\r\n  }\r\n\r\n  if(!('IntersectionObserver' in window)){\r\n    lead.classList.add('is-inview');\r\n    return;\r\n  }\r\n\r\n  var io = new IntersectionObserver(function(entries){\r\n    entries.forEach(function(entry){\r\n      if(entry.isIntersecting){\r\n        lead.classList.add('is-inview');\r\n        io.disconnect();\r\n      }\r\n    });\r\n  }, { root: null, threshold: 0.18 });\r\n\r\n  io.observe(lead);\r\n})();\r\n<\/script>\r\n","protected":false},"excerpt":{"rendered":"<p>MISSION \u30d6\u30e9\u30a4\u30f3\u30c9\u30bb\u30fc\u30e9\u30fc\u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30c9 \u592a\u5e73\u6d0b\u6a2a\u65ad\u30d7\u30ed\u30b8\u30a7\u30af\u30c8 2027 2027\u5e74\u6625 \u5168\u76f2\u30e8\u30c3\u30c8\u30de\u30f3\uff08\u30d6\u30e9\u30a4\u30f3\u30c9\u30bb\u30fc\u30e9\u30fc\uff09\u304c \u30b7\u30f3\u30b0\u30eb\u30cf\u30f3\u30c9\uff08\u5358\u72ec\uff09\u3067\u592a\u5e73\u6d0b\u6a2a\u65ad\u306b\u6311\u6226 \u30a2\u30e1\u30ea\u30ab\u897f\u6d77\u5cb8\u30fb\u30b5\u30f3\u30c7\u30a3\u30a8\u30b4\u51fa\u6e2f \uff0d\u718a\u672c [&hellip;]<\/p>\n","protected":false},"author":5,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-5147","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages\/5147","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/users\/5"}],"replies":[{"embeddable":true,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/comments?post=5147"}],"version-history":[{"count":32,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages\/5147\/revisions"}],"predecessor-version":[{"id":5371,"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/pages\/5147\/revisions\/5371"}],"wp:attachment":[{"href":"https:\/\/hiros-choice.com\/ja\/wp-json\/wp\/v2\/media?parent=5147"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}