{"id":822,"date":"2025-10-31T21:41:56","date_gmt":"2025-10-31T12:41:56","guid":{"rendered":"https:\/\/www.gio.jp\/top\/?page_id=822"},"modified":"2026-09-29T12:01:19","modified_gmt":"2026-09-29T03:01:19","slug":"kataru","status":"publish","type":"page","link":"https:\/\/www.gio.jp\/top\/kataru\/","title":{"rendered":"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8"},"content":{"rendered":"\n<meta charset=\"utf-8\">\n  <meta name=\"viewport\" content=\"width=device-width, initial-scale=1\">\n  <title>\u304b\u305f\u308b\uff5c\u3053\u3068\u3070\u306b\u306a\u308b\u3001\u3042\u306a\u305f\u3089\u3057\u3055\u3002<\/title>\n  <meta name=\"description\" content=\"\u5bfe\u8a71\u30c4\u30fc\u30eb\u300e\u304b\u305f\u308b\u300f\u306f\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u601d\u3044\u3084\u611f\u6027\u3092\u3001\u5b89\u5fc3\u3057\u3066\u8a00\u8449\u306b\u3059\u308b\u305f\u3081\u306e\u554f\u3044\u30ab\u30fc\u30c9\u3067\u3059\u3002\u57fa\u672c\u304b\u305f\u308b\u30fb\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u306e\u4e88\u7d04\u8ca9\u58f2\u53d7\u4ed8\u4e2d\u3002\">\n  <link rel=\"canonical\" href=\"https:\/\/www.gio.jp\/top\/kataru\/\">\n  <meta property=\"og:title\" content=\"\u304b\u305f\u308b\uff5c\u3053\u3068\u3070\u306b\u306a\u308b\u3001\u3042\u306a\u305f\u3089\u3057\u3055\u3002\">\n  <meta property=\"og:description\" content=\"\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u601d\u3044\u3084\u611f\u6027\u3092\u3001\u5b89\u5fc3\u3057\u3066\u8a00\u8449\u306b\u3059\u308b\u305f\u3081\u306e\u554f\u3044\u30ab\u30fc\u30c9\u3002\u57fa\u672c\u304b\u305f\u308b\u30fb\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u4e88\u7d04\u8ca9\u58f2\u53d7\u4ed8\u4e2d\u3002\">\n  <meta property=\"og:type\" content=\"website\">\n  <meta property=\"og:url\" content=\"https:\/\/www.gio.jp\/top\/kataru\/\">\n  <meta property=\"og:image\" content=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30a4\u30e1\u30fc\u30b8_20260430.jpg\">\n  <meta name=\"twitter:card\" content=\"summary_large_image\">\n  <script src=\"https:\/\/cdn.tailwindcss.com\"><\/script>\n  <script>\n    tailwind.config = {\n      theme: {\n        extend: {\n          colors: {\n            kinari: '#fbf5ea',\n            ink: '#2f2f2f',\n            softblue: '#94cfe8',\n            softgreen: '#a9d67e',\n            softyellow: '#f2d650',\n            softorange: '#f4a35f',\n            softbrown: '#a58f78',\n            softpink: '#ee9aaa'\n          },\n          boxShadow: {\n            soft: '0 18px 45px rgba(47,47,47,.08)'\n          }\n        }\n      }\n    }\n  <\/script>\n  <style>\n    html { scroll-behavior: smooth; }\n    body { font-family: \"Noto Sans JP\", system-ui, -apple-system, BlinkMacSystemFont, \"Yu Gothic\", sans-serif; }\n    .font-noto { font-family: \"Noto Sans JP\", system-ui, -apple-system, BlinkMacSystemFont, \"Yu Gothic\", sans-serif; }\n    .paper { background: radial-gradient(circle at 20% 20%, rgba(255,255,255,.75), transparent 34%), linear-gradient(180deg, #fffaf2 0%, #fbf5ea 100%); }\n    .marker { background: linear-gradient(transparent 58%, rgba(246, 215, 129, .35) 58%); }\n    .pill-paper { background: rgba(246, 229, 198, .65); border: 1px solid rgba(181, 150, 110, .16); }\n    .dot-ring { background: conic-gradient(#e9d76c 0 9%, #f3bc72 9% 18%, #efa98f 18% 27%, #c7ad90 27% 36%, #a58f78 36% 45%, #ef9aaa 45% 54%, #c98abb 54% 63%, #8dcde8 63% 72%, #79c4dc 72% 81%, #98d0aa 81% 90%, #c7ddb2 90% 100%); }\n  <\/style>\n\n\n\n  <!-- === GLOBAL NAV === -->\n  <header class=\"sticky top-0 z-50 border-b border-stone-200\/70 bg-white\/90 backdrop-blur\">\n    <div class=\"mx-auto flex max-w-6xl items-center justify-between gap-4 px-5 py-3\">\n      <a href=\"#top\" class=\"flex items-center gap-3 font-bold tracking-wide\">\n        <!-- \u30ed\u30b4\u753b\u50cf\u633f\u5165\u30a8\u30ea\u30a2\uff1asrc\u3092\u5b9f\u969b\u306e\u753b\u50cfURL\u306b\u5dee\u3057\u66ff\u3048\u3066\u304f\u3060\u3055\u3044 -->\n        <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30a4\u30e1\u30fc\u30b8_20260430-4_\u304b\u305f\u308b\u30ed\u30b4.jpg\" alt=\"\u304b\u305f\u308b \u30ed\u30b4\" loading=\"eager\" decoding=\"async\" class=\"h-10 w-10 object-contain\">\n        <span>\u304b\u305f\u308b<\/span>\n      <\/a>\n      <nav class=\"hidden items-center gap-6 text-lg text-stone-600 md:flex\">\n        <a href=\"#about\" class=\"hover:text-ink\">\u304b\u305f\u308b\u3068\u306f<\/a>\n        <a href=\"#lineup\" class=\"hover:text-ink\">\u30e1\u30cb\u30e5\u30fc<\/a>\n        <a href=\"#howto\" class=\"hover:text-ink\">\u4f7f\u3044\u65b9<\/a>\n        <a href=\"#program\" class=\"hover:text-ink\">\u30d7\u30ed\u30b0\u30e9\u30e0<\/a>\n        <a href=\"#works\" class=\"hover:text-ink\">\u6d3b\u7528\u5834\u9762<\/a>\n        <a href=\"#contact\" class=\"rounded-full bg-ink px-4 py-2 text-white hover:bg-stone-700\">\u4e88\u7d04\u30fb\u76f8\u8ac7<\/a>\n      <\/nav>\n      <a href=\"#contact\" class=\"rounded-full bg-ink px-4 py-2 text-sm text-white md:hidden\">\u4e88\u7d04<\/a>\n    <\/div>\n  <\/header>\n\n  <!-- === HERO === -->\n  <main id=\"top\">\n    <section class=\"paper overflow-hidden\">\n      <div class=\"mx-auto grid max-w-6xl gap-10 px-5 py-16 md:grid-cols-[.95fr_1.05fr] md:items-center md:py-24\">\n        <div class=\"relative mx-auto w-full max-w-md md:order-1\">\n          <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30a4\u30e1\u30fc\u30b8_20260430.jpg\" alt=\"\u5bfe\u8a71\u30c4\u30fc\u30eb\u300e\u304b\u305f\u308b\u300f\u306e\u30d1\u30f3\u30d5\u30ec\u30c3\u30c8\u30e1\u30a4\u30f3\u30d3\u30b8\u30e5\u30a2\u30eb\" loading=\"eager\" decoding=\"async\" class=\"mx-auto w-full max-w-md rounded-[2rem] bg-white object-contain shadow-soft\">\n        <\/div>\n\n        <div class=\"md:order-2\">\n          <p class=\"mb-5 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-semibold text-stone-700\">\u4e88\u7d04\u8ca9\u58f2\u53d7\u4ed8\u4e2d<\/p>\n          <h1 class=\"font-noto font-black leading-tight tracking-wide\">\n  <span class=\"text-2xl sm:text-3xl md:text-4xl\">\n    \u5bfe\u8a71\u30c4\u30fc\u30eb\n  <\/span>\n  <span class=\"marker font-noto ml-2 text-4xl sm:text-5xl md:text-6xl\">\n    \u300c\u304b\u305f\u308b\u300d\n  <\/span>\n<\/h1>\n          <p class=\"mt-7 max-w-2xl text-lg leading-9 text-stone-700\">\n            \u300c\u304b\u305f\u308b\u300d\u306f\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u601d\u3044\u3084\u611f\u6027\u3092\u3001\u8a00\u8449\u306b\u3059\u308b\u305f\u3081\u306e\u9053\u5177\u3067\u3059\u3002\n            \u3046\u307e\u304f\u8a71\u305b\u306a\u304f\u3066\u3082\u3001\u307e\u3068\u307e\u3063\u3066\u3044\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3002\n            \u305d\u306e\u4eba\u306e\u30da\u30fc\u30b9\u3067\u8a9e\u308a\u3001\u307e\u308f\u308a\u306e\u4eba\u304c\u53d7\u3051\u3068\u3081\u308b\u3053\u3068\u3067\u3001\u5b89\u5fc3\u3057\u3066\u5bfe\u8a71\u3067\u304d\u308b\u5834\u3092\u3064\u304f\u308a\u307e\u3059\u3002\n          <\/p>\n          <div class=\"mt-8 flex flex-col gap-3 sm:flex-row\">\n            <a href=\"#lineup\" class=\"rounded-2xl bg-ink px-7 py-4 text-center text-lg font-bold text-white shadow-soft transition hover:-translate-y-0.5 hover:bg-stone-700\">\u4e88\u7d04\u8ca9\u58f2\u3092\u898b\u308b<\/a>\n            <a href=\"#howto\" class=\"rounded-2xl border border-stone-300 bg-white\/80 px-7 py-4 text-center text-lg font-bold text-stone-800 transition hover:-translate-y-0.5 hover:bg-white\">\u4f7f\u3044\u65b9\u3092\u898b\u308b<\/a>\n          <\/div>\n          <p class=\"mt-4 text-sm text-stone-500\">\u203b \u767a\u9001\u6642\u671f\u306f\u5236\u4f5c\u72b6\u6cc1\u306b\u3088\u308a\u524d\u5f8c\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === ANNOUNCEMENT === -->\n    <section class=\"border-y border-stone-200 bg-white\">\n      <div class=\"mx-auto max-w-6xl px-5 py-7\">\n        <div class=\"grid gap-4 rounded-3xl border border-amber-200 bg-amber-50\/70 p-6 md:grid-cols-[auto_1fr_auto] md:items-center\">\n          <div class=\"inline-flex h-16 w-16 items-center justify-center rounded-full bg-white text-3xl shadow-sm\">\ud83d\udce6<\/div>\n          <div>\n            <h2 class=\"text-xl font-black\">\u4e88\u7d04\u8ca9\u58f2\u3092\u958b\u59cb\u3057\u307e\u3059<\/h2>\n            <p class=\"mt-1 text-lg leading-8 text-stone-700\">\u73fe\u5728\u3001\u300c\u57fa\u672c\u304b\u305f\u308b\u300d\u3068\u300c\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u300d\u306e\u4e88\u7d04\u3092\u53d7\u3051\u4ed8\u3051\u3066\u3044\u307e\u3059\u3002<\/p>\n          <\/div>\n          <a href=\"#contact\" class=\"rounded-2xl bg-ink px-6 py-3 text-center text-lg font-bold text-white hover:bg-stone-700\">\u4e88\u7d04\u3059\u308b<\/a>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === ABOUT === -->\n    <section id=\"about\" class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n      <div class=\"grid gap-10 md:grid-cols-[.9fr_1.1fr] md:items-start\">\n        <div>\n          <p class=\"mb-3 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-bold\">\u300c\u304b\u305f\u308b\u300d\u3068\u306f<\/p>\n          <h2 class=\"text-3xl font-black leading-tight sm:text-4xl\">\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u6642\u9593\u3092\u3064\u304f\u308b\u3001\u554f\u3044\u30ab\u30fc\u30c9\u3067\u3059\u3002<\/h2>\n        <\/div>\n        <div class=\"space-y-5 text-lg leading-9 text-stone-700\">\n          <p>\n            \u300c\u304b\u305f\u308b\u300d\u306f\u3001\u30ab\u30fc\u30c9\u306b\u66f8\u304b\u308c\u305f\u554f\u3044\u3092\u304d\u3063\u304b\u3051\u306b\u3001\u81ea\u5206\u306e\u601d\u3044\u3084\u611f\u3058\u305f\u3053\u3068\u3092\u7121\u7406\u306a\u304f\u8a00\u8449\u306b\u3057\u3066\u3044\u304f\u5bfe\u8a71\u30c4\u30fc\u30eb\u3067\u3059\u3002\n          <\/p>\n          <p>\n            \u6b63\u89e3\u3092\u63a2\u3059\u305f\u3081\u306e\u30ab\u30fc\u30c9\u3067\u306f\u3042\u308a\u307e\u305b\u3093\u3002\u4e0a\u624b\u306b\u8a71\u3059\u305f\u3081\u306e\u30ab\u30fc\u30c9\u3067\u3082\u3042\u308a\u307e\u305b\u3093\u3002\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u306e\u306f\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u611f\u3058\u65b9\u3092\u5426\u5b9a\u305b\u305a\u3001\u8a00\u8449\u306b\u306a\u308b\u307e\u3067\u306e\u6642\u9593\u3092\u5f85\u3061\u3001\u53d7\u3051\u3068\u3081\u5408\u3046\u3053\u3068\u3067\u3059\u3002\n          <\/p>\n          <p>\n            \u798f\u7949\u65bd\u8a2d\u3001\u5b50\u3069\u3082\u305f\u3061\u306e\u5c45\u5834\u6240\u3001\u5730\u57df\u306e\u4ea4\u6d41\u4f1a\u3001\u8077\u54e1\u7814\u4fee\u3001\u30c1\u30fc\u30e0\u3065\u304f\u308a\u306a\u3069\u3001\u300c\u5bfe\u8a71\u300d\u3092\u5fc5\u8981\u3068\u3059\u308b\u3055\u307e\u3056\u307e\u306a\u5834\u306b\u5c0e\u5165\u3067\u304d\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-12 grid gap-5 md:grid-cols-5\">\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-5 shadow-sm\"><div class=\"text-2xl\">\ud83d\udc99<\/div><p class=\"mt-3 text-lg font-bold\">\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u3053\u3068<\/p><\/div>\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-5 shadow-sm\"><div class=\"text-2xl\">\ud83d\udc9a<\/div><p class=\"mt-3 text-lg font-bold\">\u611f\u3058\u65b9\u3092\u5927\u5207\u306b\u3059\u308b\u3053\u3068<\/p><\/div>\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-5 shadow-sm\"><div class=\"text-2xl\">\ud83d\udc9b<\/div><p class=\"mt-3 text-lg font-bold\">\u3061\u304c\u3044\u3092\u805e\u304d\u5408\u3046\u3053\u3068<\/p><\/div>\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-5 shadow-sm\"><div class=\"text-2xl\">\ud83e\udde1<\/div><p class=\"mt-3 text-lg font-bold\">\u601d\u3044\u3092\u8a00\u8449\u306b\u3059\u308b\u3053\u3068<\/p><\/div>\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-5 shadow-sm\"><div class=\"text-2xl\">\ud83e\udd0e<\/div><p class=\"mt-3 text-lg font-bold\">\u5834\u3092\u3084\u308f\u3089\u304b\u304f\u3059\u308b\u3053\u3068<\/p><\/div>\n      <\/div>\n    <\/section>\n\n\n    <!-- === SENSIBILITY THEMES === -->\n    <section id=\"themes\" class=\"bg-white\">\n      <div class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n        <div class=\"mb-10 text-center\">\n          <p class=\"mb-3 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-bold\">\u554f\u3044\u30ab\u30fc\u30c9\u306e\u69cb\u6210<\/p>\n          <h2 class=\"text-3xl font-black leading-tight sm:text-4xl\">\u30ab\u30fc\u30c9\u306e\u554f\u3044\u306f\u3001\uff15\u3064\u306e\u611f\u6027\u30c6\u30fc\u30de\u3067\u7528\u610f\u3055\u308c\u3066\u3044\u307e\u3059\u3002<\/h2>\n          <p class=\"mx-auto mt-5 max-w-3xl text-lg leading-9 text-stone-700\">\n            \u300c\u304b\u305f\u308b\u300d\u306e\u57fa\u672c\u30bb\u30c3\u30c8\u306f\u3001<strong>\u3057\u305a\u304b\u306a\u308f\u305f\u3057\u30fb\u3075\u3057\u304e\u306a\u308f\u305f\u3057\u30fb\u3053\u308c\u304b\u3089\u306e\u308f\u305f\u3057\u30fb\u3042\u305f\u305f\u304b\u3044\u308f\u305f\u3057\u30fb\u305f\u3057\u304b\u306a\u308f\u305f\u3057<\/strong>\u306e5\u3064\u306e\u611f\u6027\u5225\u30c6\u30fc\u30de\u3067\u69cb\u6210\u3057\u3066\u3044\u307e\u3059\u3002\n            \u5404\u30c6\u30fc\u30de\u306b10\u679a\u305a\u3064\u554f\u3044\u30ab\u30fc\u30c9\u3092\u7528\u610f\u3057\u3001<strong>\u8a0850\u679a<\/strong>\u306e\u554f\u3044\u304b\u3089\u3001\u305d\u306e\u5834\u306b\u5408\u3063\u305f\u8a9e\u308a\u304c\u81ea\u7136\u306b\u751f\u307e\u308c\u308b\u3088\u3046\u306b\u8a2d\u8a08\u3057\u3066\u3044\u307e\u3059\u3002\n          <\/p>\n        <\/div>\n\n        <div class=\"grid gap-5 md:grid-cols-5\">\n          <article class=\"rounded-[1.75rem] border border-softblue\/70 bg-white p-5 text-center shadow-sm\">\n            <div class=\"mx-auto mb-4 aspect-[2.5\/3.5] w-full max-w-[150px]\">\n              <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3_20260321-2_\u8868\u9762.png\" alt=\"\u3057\u305a\u304b\u306a\u308f\u305f\u3057 \u30ab\u30fc\u30c9\u30a4\u30e1\u30fc\u30b8\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-contain\">\n            <\/div>\n            <h3 class=\"text-lg font-black\">\u3057\u305a\u304b\u306a\u308f\u305f\u3057<\/h3>\n            <p class=\"mt-2 text-lg leading-6 text-stone-600\">\u81ea\u5206\u306e\u5185\u5074\u306b\u76ee\u3092\u5411\u3051\u3001\u843d\u3061\u7740\u3044\u3066\u611f\u3058\u305f\u3053\u3068\u3092\u8a00\u8449\u306b\u3059\u308b\u30c6\u30fc\u30de\u3067\u3059\u3002<\/p>\n            <p class=\"mt-3 inline-flex rounded-full bg-sky-50 px-3 py-1 text-lg font-bold text-sky-700\">\u554f\u3044\u30ab\u30fc\u30c9 10\u679a<\/p>\n          <\/article>\n\n          <article class=\"rounded-[1.75rem] border border-softgreen\/70 bg-white p-5 text-center shadow-sm\">\n            <div class=\"mx-auto mb-4 aspect-[2.5\/3.5] w-full max-w-[150px]\">\n              <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3_20260321-3_\u8868\u9762.png\" alt=\"\u3075\u3057\u304e\u306a\u308f\u305f\u3057 \u30ab\u30fc\u30c9\u30a4\u30e1\u30fc\u30b8\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-contain\">\n            <\/div>\n            <h3 class=\"text-lg font-black\">\u3075\u3057\u304e\u306a\u308f\u305f\u3057<\/h3>\n            <p class=\"mt-2 text-lg leading-6 text-stone-600\">\u6c17\u306b\u306a\u308b\u3053\u3068\u3001\u4e0d\u601d\u8b70\u306b\u601d\u3046\u3053\u3068\u304b\u3089\u3001\u597d\u5947\u5fc3\u3084\u767a\u898b\u3092\u3072\u3089\u304f\u30c6\u30fc\u30de\u3067\u3059\u3002<\/p>\n            <p class=\"mt-3 inline-flex rounded-full bg-lime-50 px-3 py-1 text-lg font-bold text-lime-700\">\u554f\u3044\u30ab\u30fc\u30c9 10\u679a<\/p>\n          <\/article>\n\n          <article class=\"rounded-[1.75rem] border border-softyellow\/70 bg-white p-5 text-center shadow-sm\">\n            <div class=\"mx-auto mb-4 aspect-[2.5\/3.5] w-full max-w-[150px]\">\n              <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3_20260321-5_\u8868\u9762.png\" alt=\"\u3053\u308c\u304b\u3089\u306e\u308f\u305f\u3057 \u30ab\u30fc\u30c9\u30a4\u30e1\u30fc\u30b8\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-contain\">\n            <\/div>\n            <h3 class=\"text-lg font-black\">\u3053\u308c\u304b\u3089\u306e\u308f\u305f\u3057<\/h3>\n            <p class=\"mt-2 text-lg leading-6 text-stone-600\">\u3053\u308c\u304b\u3089\u3084\u3063\u3066\u307f\u305f\u3044\u3053\u3068\u3001\u672a\u6765\u3078\u306e\u6c17\u6301\u3061\u3092\u8a9e\u308b\u30c6\u30fc\u30de\u3067\u3059\u3002<\/p>\n            <p class=\"mt-3 inline-flex rounded-full bg-yellow-50 px-3 py-1 text-lg font-bold text-yellow-700\">\u554f\u3044\u30ab\u30fc\u30c9 10\u679a<\/p>\n          <\/article>\n\n          <article class=\"rounded-[1.75rem] border border-softorange\/70 bg-white p-5 text-center shadow-sm\">\n            <div class=\"mx-auto mb-4 aspect-[2.5\/3.5] w-full max-w-[150px]\">\n              <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3_20260321-4_\u8868\u9762.png\" alt=\"\u3042\u305f\u305f\u304b\u3044\u308f\u305f\u3057 \u30ab\u30fc\u30c9\u30a4\u30e1\u30fc\u30b8\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-contain\">\n            <\/div>\n            <h3 class=\"text-lg font-black\">\u3042\u305f\u305f\u304b\u3044\u308f\u305f\u3057<\/h3>\n            <p class=\"mt-2 text-lg leading-6 text-stone-600\">\u4eba\u3068\u306e\u95a2\u308f\u308a\u3001\u3046\u308c\u3057\u304b\u3063\u305f\u3053\u3068\u3001\u3084\u3055\u3057\u3055\u3092\u601d\u3044\u51fa\u3059\u30c6\u30fc\u30de\u3067\u3059\u3002<\/p>\n            <p class=\"mt-3 inline-flex rounded-full bg-orange-50 px-3 py-1 text-lg font-bold text-orange-700\">\u554f\u3044\u30ab\u30fc\u30c9 10\u679a<\/p>\n          <\/article>\n\n          <article class=\"rounded-[1.75rem] border border-softbrown\/70 bg-white p-5 text-center shadow-sm\">\n            <div class=\"mx-auto mb-4 aspect-[2.5\/3.5] w-full max-w-[150px]\">\n              <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30ab\u30fc\u30c9\u30c7\u30b6\u30a4\u30f3_20260321-6_\u8868\u9762.png\" alt=\"\u305f\u3057\u304b\u306a\u308f\u305f\u3057 \u30ab\u30fc\u30c9\u30a4\u30e1\u30fc\u30b8\" loading=\"lazy\" decoding=\"async\" class=\"h-full w-full object-contain\">\n            <\/div>\n            <h3 class=\"text-lg font-black\">\u305f\u3057\u304b\u306a\u308f\u305f\u3057<\/h3>\n            <p class=\"mt-2 text-lg leading-6 text-stone-600\">\u81ea\u5206\u306e\u5927\u5207\u306b\u3057\u3066\u3044\u308b\u3053\u3068\u3084\u3001\u78ba\u304b\u306a\u601d\u3044\u3092\u898b\u3064\u3081\u308b\u30c6\u30fc\u30de\u3067\u3059\u3002<\/p>\n            <p class=\"mt-3 inline-flex rounded-full bg-stone-100 px-3 py-1 text-lg font-bold text-stone-700\">\u554f\u3044\u30ab\u30fc\u30c9 10\u679a<\/p>\n          <\/article>\n        <\/div>\n\n        <div class=\"mt-8 rounded-[2rem] border border-stone-200 bg-kinari\/60 p-6 text-center\">\n          <p class=\"text-lg font-bold leading-8 text-stone-800\">\n            5\u30c6\u30fc\u30de \u00d7 \u540410\u679a \uff1d <span class=\"text-2xl font-black\">\u8a0850\u679a<\/span> \u306e\u554f\u3044\u30ab\u30fc\u30c9\u30bb\u30c3\u30c8\n          <\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === LINEUP === -->\n    <section id=\"lineup\" class=\"scroll-mt-24 bg-kinari\/70\">\n      <div class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n        <div class=\"mb-10 flex flex-col justify-between gap-5 md:flex-row md:items-end\">\n          <div>\n            <p class=\"mb-3 inline-flex rounded-full bg-white px-4 py-2 text-lg font-bold text-stone-700\">\u30e1\u30cb\u30e5\u30fc<\/p>\n            <h2 class=\"text-3xl font-black sm:text-4xl\">\uff12\u3064\u306e\u300c\u304b\u305f\u308b\u300d\u304b\u3089\u9078\u3079\u307e\u3059<\/h2>\n            <p class=\"mt-4 max-w-3xl text-lg leading-8 text-stone-700\">\n              \u611f\u6027\u5225\u30c6\u30fc\u30de\u3067\u8a9e\u308a\u3092\u3072\u308d\u3052\u308b\u300c\u57fa\u672c\u304b\u305f\u308b\u300d\u3068\u3001\u306f\u3058\u3081\u3066\u306e\u5834\u3067\u3082\u6271\u3044\u3084\u3059\u3044\u300c\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u300d\u3002\n              \u3069\u3061\u3089\u3082\u30ab\u30fc\u30c9\u8a0850\u679a\u3001\u30ad\u30e3\u30e9\u30e1\u30eb\u7bb1\u5165\u308a\u306e\u88fd\u54c1\u3068\u3057\u3066\u3054\u7528\u610f\u3057\u3066\u3044\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n        <\/div>\n\n        <div class=\"grid gap-7 lg:grid-cols-2\">\n          <!-- \u57fa\u672c\u304b\u305f\u308b -->\n          <article class=\"rounded-[2rem] border border-stone-200 bg-white p-7 shadow-soft\">\n            <div class=\"mb-4 inline-flex rounded-full bg-sky-50 px-3 py-1 text-lg font-bold text-sky-700\">\u6a19\u6e96\u7248<\/div>\n\n            <div class=\"mb-6 overflow-hidden rounded-[1.5rem] border border-stone-200 bg-stone-50\">\n              <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30a4\u30e1\u30fc\u30b8_20260430_\u57fa\u672c\u304b\u305f\u308b-\u306e\u30b3\u30d4\u30fc.jpg\" alt=\"\u57fa\u672c\u304b\u305f\u308b \u88fd\u54c1\u30d3\u30b8\u30e5\u30a2\u30eb\" loading=\"lazy\" decoding=\"async\" class=\"h-auto w-full object-contain\">\n            <\/div>\n\n            <h3 class=\"text-3xl font-black\">\u57fa\u672c\u304b\u305f\u308b<\/h3>\n            <p class=\"mt-4 text-lg leading-8 text-stone-700\">\n              \u3057\u305a\u304b\u306a\u308f\u305f\u3057\u30fb\u3075\u3057\u304e\u306a\u308f\u305f\u3057\u30fb\u3053\u308c\u304b\u3089\u306e\u308f\u305f\u3057\u30fb\u3042\u305f\u305f\u304b\u3044\u308f\u305f\u3057\u30fb\u305f\u3057\u304b\u306a\u308f\u305f\u3057\u306e5\u3064\u306e\u611f\u6027\u30c6\u30fc\u30de\u3067\u3001\u5b89\u5fc3\u3057\u3066\u8a9e\u308c\u308b\u5834\u3092\u3064\u304f\u308b\u57fa\u672c\u30bb\u30c3\u30c8\u3067\u3059\u3002\n            <\/p>\n            <div class=\"mt-6 rounded-2xl bg-stone-50 p-1\">\n              <p class=\"text-lg font-bold text-stone-500\">\u5185\u5bb9<\/p>\n              <ul class=\"mt-3 space-y-2 pl-0 text-lg leading-7 text-stone-700\">\n                <li>\u30fb\u30ab\u30fc\u30c9 \u8a0850\u679a<\/li>\n                <li>\u30fb5\u3064\u306e\u611f\u6027\u30c6\u30fc\u30de\uff08\u540410\u679a\uff09<\/li>\n                <li>\u30fb\u30ad\u30e3\u30e9\u30e1\u30eb\u7bb1\u5165\u308a<\/li>\n                <li>\u30fb\u4e88\u7d04\u8ca9\u58f2\u53d7\u4ed8\u4e2d<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"mt-7 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n              <div>\n                <p class=\"text-sm text-stone-500\">\u8ca9\u58f2\u4fa1\u683c<\/p>\n                <p class=\"text-3xl font-black\">\u00a56,600 <span class=\"text-base font-semibold text-stone-500\">\u7a0e\u8fbc<\/span><\/p>\n              <\/div>\n              <a href=\"#contact\" class=\"rounded-2xl bg-ink px-6 py-4 text-center text-lg font-bold text-white hover:bg-stone-700\">\u57fa\u672c\u304b\u305f\u308b\u3092\u4e88\u7d04<\/a>\n            <\/div>\n          <\/article>\n\n          <!-- \u304b\u3093\u305f\u3093\u304b\u305f\u308b -->\n          <article class=\"rounded-[2rem] border border-stone-200 bg-white p-7 shadow-soft\">\n            <div class=\"mb-4 inline-flex rounded-full bg-lime-50 px-3 py-1 text-lg font-bold text-lime-700\">\u3053\u3069\u3082\u304b\u3089\u9ad8\u9f62\u8005\u307e\u3067\u5e45\u5e83\u304f\u4f7f\u3048\u308b<\/div>\n\n            <div class=\"mb-6 overflow-hidden rounded-[1.5rem] border border-stone-200 bg-stone-50\">\n              <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30a4\u30e1\u30fc\u30b8_20260430-2_\u304b\u3093\u305f\u3093\u304b\u305f\u308b-\u306e\u30b3\u30d4\u30fc.jpg\" alt=\"\u304b\u3093\u305f\u3093\u304b\u305f\u308b \u88fd\u54c1\u30d3\u30b8\u30e5\u30a2\u30eb\" loading=\"lazy\" decoding=\"async\" class=\"h-auto w-full object-contain\">\n            <\/div>\n\n            <h3 class=\"text-3xl font-black\">\u304b\u3093\u305f\u3093\u304b\u305f\u308b<\/h3>\n            <p class=\"mt-4 text-lg leading-8 text-stone-700\">\n              \u521d\u3081\u3066\u300c\u304b\u305f\u308b\u300d\u3092\u4f7f\u3046\u65b9\u3001\u77ed\u6642\u9593\u3067\u4f53\u9a13\u3057\u305f\u3044\u65b9\u3001\u5b50\u3069\u3082\u3084\u9ad8\u9f62\u8005\u3092\u542b\u3080\u5834\u3067\u6c17\u8efd\u306b\u59cb\u3081\u305f\u3044\u65b9\u306b\u5411\u3051\u305f\u3001\u5c0e\u5165\u3057\u3084\u3059\u3044\u30bb\u30c3\u30c8\u3067\u3059\u3002\n            <\/p>\n            <div class=\"mt-6 rounded-2xl bg-stone-50 p-1\">\n              <p class=\"text-lg font-bold text-stone-500\">\u5185\u5bb9<\/p>\n              <ul class=\"mt-3 space-y-2 text-lg leading-7 text-stone-700\">\n                <li>\u30fb\u30ab\u30fc\u30c9 \u8a0850\u679a<\/li>\n                <li>\u30fb\u306f\u3058\u3081\u3066\u306e\u5834\u3067\u3082\u4f7f\u3044\u3084\u3059\u3044\u554f\u3044\u69cb\u6210<\/li>\n                <li>\u30fb\u30ad\u30e3\u30e9\u30e1\u30eb\u7bb1\u5165\u308a<\/li>\n                <li>\u30fb\u4e88\u7d04\u8ca9\u58f2\u53d7\u4ed8\u4e2d<\/li>\n              <\/ul>\n            <\/div>\n            <div class=\"mt-7 flex flex-col gap-3 sm:flex-row sm:items-center sm:justify-between\">\n              <div>\n                <p class=\"text-lg text-stone-500\">\u8ca9\u58f2\u4fa1\u683c<\/p>\n                <p class=\"text-3xl font-black\">\u00a56,600 <span class=\"text-base font-semibold text-stone-500\">\u7a0e\u8fbc<\/span><\/p>\n              <\/div>\n              <a href=\"#contact\" class=\"rounded-2xl bg-ink px-6 py-4 text-center text-lg font-bold text-white hover:bg-stone-700\">\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u3092\u4e88\u7d04<\/a>\n            <\/div>\n          <\/article>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === HOW TO === -->\n    <section id=\"howto\" class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n      <div class=\"mb-10 text-center\">\n        <p class=\"mb-3 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-bold\">\u4f7f\u3044\u65b9<\/p>\n        <h2 class=\"text-3xl font-black sm:text-4xl\">\u30ab\u30fc\u30c9\u3092\u5f15\u3044\u3066\u3001\u554f\u3044\u306b\u3064\u3044\u3066\u8a9e\u308a\u307e\u3059<\/h2>\n        <p class=\"mx-auto mt-4 max-w-3xl text-lg leading-8 text-stone-700\">\u9032\u884c\u306f\u3068\u3066\u3082\u30b7\u30f3\u30d7\u30eb\u3067\u3059\u3002\u5927\u5207\u306a\u306e\u306f\u3001\u6025\u304c\u305b\u306a\u3044\u3053\u3068\u3001\u8a55\u4fa1\u3057\u306a\u3044\u3053\u3068\u3001\u8a9e\u308a\u7d42\u3048\u305f\u3089\u62cd\u624b\u3067\u53d7\u3051\u3068\u3081\u308b\u3053\u3068\u3067\u3059\u3002<\/p>\n      <\/div>\n\n      <div class=\"grid gap-5 md:grid-cols-2\">\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-6 shadow-sm\">\n          <div class=\"mb-3 flex items-center gap-3\"><span class=\"grid h-10 w-10 place-items-center rounded-full bg-softorange text-xl font-black text-white\">1<\/span><h3 class=\"text-xl font-black\">\u30ab\u30fc\u30c9\u3092\u88cf\u5411\u304d\u306e\u5c71\u306b\u3057\u307e\u3059<\/h3><\/div>\n          <p class=\"text-lg leading-8 text-stone-700\">\u9806\u756a\u3092\u6c7a\u3081\u3001\u30ab\u30fc\u30c9\u30921\u679a\u53d6\u308a\u3001\u66f8\u304b\u308c\u3066\u3044\u308b\u300c\u554f\u3044\u300d\u3092\u8aad\u307f\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-6 shadow-sm\">\n          <div class=\"mb-3 flex items-center gap-3\"><span class=\"grid h-10 w-10 place-items-center rounded-full bg-softorange text-xl font-black text-white\">2<\/span><h3 class=\"text-xl font-black\">\u554f\u3044\u306b\u3064\u3044\u3066\u8a9e\u308a\u307e\u3059<\/h3><\/div>\n          <p class=\"text-lg leading-8 text-stone-700\">\u3046\u307e\u304f\u8a71\u305d\u3046\u3068\u3057\u306a\u304f\u3066\u5927\u4e08\u592b\u3067\u3059\u3002\u307e\u308f\u308a\u306e\u4eba\u306f\u3001\u3086\u3063\u304f\u308a\u5f85\u3061\u307e\u3059\u3002<\/p>\n        <\/div>\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-6 shadow-sm\">\n          <div class=\"mb-3 flex items-center gap-3\"><span class=\"grid h-10 w-10 place-items-center rounded-full bg-softorange text-xl font-black text-white\">3<\/span><h3 class=\"text-xl font-black\">\u30d1\u30b9\u3057\u3066\u3082\u5927\u4e08\u592b\u3067\u3059<\/h3><\/div>\n          <p class=\"text-lg leading-8 text-stone-700\">\u554f\u3044\u304c\u96e3\u3057\u3044\u6642\u3084\u3001\u4eca\u306f\u8a71\u3057\u305f\u304f\u306a\u3044\u6642\u306f\u30d1\u30b9\u3067\u304d\u307e\u3059\u3002\u7121\u7406\u306b\u8a71\u3055\u305b\u307e\u305b\u3093\u3002<\/p>\n        <\/div>\n        <div class=\"rounded-3xl border border-stone-200 bg-white p-6 shadow-sm\">\n          <div class=\"mb-3 flex items-center gap-3\"><span class=\"grid h-10 w-10 place-items-center rounded-full bg-softorange text-xl font-black text-white\">4<\/span><h3 class=\"text-xl font-black\">\u8a9e\u308a\u7d42\u3048\u305f\u3089\u62cd\u624b\u3057\u307e\u3059<\/h3><\/div>\n          <p class=\"text-lg leading-8 text-stone-700\">\u8a9e\u3063\u305f\u4eba\u3078\u306e\u8a55\u4fa1\u3067\u306f\u306a\u304f\u3001\u300c\u8a71\u3057\u3066\u304f\u308c\u3066\u3042\u308a\u304c\u3068\u3046\u300d\u306e\u62cd\u624b\u3067\u3059\u3002\u305d\u306e\u5f8c\u3001\u6b21\u306e\u4eba\u3078\u9032\u307f\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n\n      <div class=\"mt-8 rounded-[2rem] border border-stone-200 bg-stone-50 p-7\">\n        <h3 class=\"text-2xl font-black\">\u9032\u884c\u306e\u30dd\u30a4\u30f3\u30c8<\/h3>\n        <div class=\"mt-5 grid gap-4 md:grid-cols-3\">\n          <p class=\"rounded-2xl bg-white p-5 text-lg leading-8 shadow-sm\"><strong>\u8cea\u554f\u306f\u62cd\u624b\u306e\u3042\u3068\u3002<\/strong><br>\u4eba\u306e\u8a9e\u308a\u3092\u9014\u4e2d\u3067\u906e\u3089\u306a\u3044\u3088\u3046\u306b\u3057\u307e\u3059\u3002<\/p>\n          <p class=\"rounded-2xl bg-white p-5 text-lg leading-8 shadow-sm\"><strong>\u8a9e\u308a\u305f\u3044\u6642\u306f\u624b\u3092\u4e0a\u3052\u308b\u3002<\/strong><br>\u81ea\u5206\u306e\u8a71\u3092\u91cd\u306d\u305f\u3044\u6642\u3082\u3001\u5834\u306e\u6d41\u308c\u3092\u5927\u5207\u306b\u3057\u307e\u3059\u3002<\/p>\n          <p class=\"rounded-2xl bg-white p-5 text-lg leading-8 shadow-sm\"><strong>3\u301c5\u56de\u8a9e\u3063\u305f\u3089\u7de0\u3081\u308b\u3002<\/strong><br>\u6700\u5f8c\u306f\u300c\u3042\u308a\u304c\u3068\u3046\u3054\u3056\u3044\u307e\u3057\u305f\u300d\u306e\u62cd\u624b\u3067\u7d42\u3048\u307e\u3059\u3002<\/p>\n        <\/div>\n      <\/div>\n    <\/section>\n<!-- === PROGRAM === -->\n<section id=\"program\" class=\"scroll-mt-24 bg-white\">\n  <div class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n    <div class=\"mb-10 text-center\">\n      <p class=\"mb-3 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-bold\">\n        \u5834\u3065\u304f\u308a\u30d7\u30ed\u30b0\u30e9\u30e0\n      <\/p>\n      <h2 class=\"text-3xl font-black leading-tight sm:text-4xl\">\n        \u300c\u304b\u305f\u308b\u300d\u306f\u3001\u5bfe\u8a71\u306e\u524d\u5ea7\u3068\u3057\u3066\u5834\u3092\u6574\u3048\u308b\u9053\u5177\u3067\u3059\u3002\n      <\/h2>\n      <p class=\"mx-auto mt-5 max-w-3xl text-lg leading-9 text-stone-700\">\n        \u307e\u305a\u300c\u304b\u305f\u308b\u300d\u3067\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u7a7a\u6c17\u3092\u3064\u304f\u308a\u3001\u305d\u306e\u3042\u3068\u306b\u30c6\u30fc\u30de\u306b\u3064\u3044\u3066\u610f\u898b\u3092\u51fa\u3057\u5408\u3046\u3053\u3068\u3067\u3001\n        \u7814\u4fee\u30fb\u6388\u696d\u30fb\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u306e\u5bfe\u8a71\u304c\u59cb\u307e\u308a\u3084\u3059\u304f\u306a\u308a\u307e\u3059\u3002\n      <\/p>\n<div class=\"mx-auto mt-6 max-w-3xl rounded-2xl border border-amber-200 bg-amber-50 px-6 py-5 text-left shadow-sm\">\n  <p class=\"text-lg font-bold text-stone-800\">\n    \ud83d\udd10 \u8a73\u3057\u3044\u30d7\u30ed\u30b0\u30e9\u30e0\u5185\u5bb9\u306f\u3001\u30d1\u30b9\u30ef\u30fc\u30c9\u4ed8\u304d\u30da\u30fc\u30b8\u3067\u3054\u6848\u5185\u3057\u3066\u3044\u307e\u3059\u3002\n  <\/p>\n  <p class=\"mt-2 text-base leading-7 text-stone-700\">\n    \u5404\u30d7\u30ed\u30b0\u30e9\u30e0\u306e\u8a73\u3057\u3044\u5185\u5bb9\u306f\u3001\u8cfc\u5165\u5f8c\u307e\u305f\u306f\u304a\u554f\u3044\u5408\u308f\u305b\u30d5\u30a9\u30fc\u30e0\u304b\u3089\u306e\u3054\u76f8\u8ac7\u5f8c\u306b\u3054\u6848\u5185\u3057\u3066\u3044\u307e\u3059\u3002\n  <\/p>\n<\/div>\n    <\/div>\n\n    <div class=\"grid gap-6 md:grid-cols-3\">\n      <article class=\"rounded-[2rem] border border-stone-200 bg-kinari\/50 p-6 shadow-sm\">\n        <h3 class=\"text-xl font-black\">\u5b9f\u8df5\u8005\u5411\u3051\u300c\u304b\u305f\u308b\u300d\u306e\u4f7f\u3044\u65b9<\/h3>\n        <p class=\"mt-3 text-lg leading-8 text-stone-700\">\n          \u30ab\u30fc\u30c9\u306e\u9032\u3081\u65b9\u3001\u58f0\u304b\u3051\u3001\u6c88\u9ed9\u306e\u6271\u3044\u65b9\u306a\u3069\u3001\u306f\u3058\u3081\u3066\u5b9f\u8df5\u3059\u308b\u65b9\u306b\u5411\u3051\u305f\u57fa\u672c\u306e\u4f7f\u3044\u65b9\u3092\u7d39\u4ecb\u3057\u307e\u3059\u3002\n        <\/p>\n        <div class=\"mt-5 flex flex-col gap-3\">\n          <a href=\"https:\/\/www.gio.jp\/top\/kataru-howto\/\" class=\"inline-flex justify-center rounded-2xl bg-ink px-5 py-3 text-lg font-bold text-white\">\n            \u4f7f\u3044\u65b9\u3092\u898b\u308b\n          <\/a>\n          <a href=\"#contact\" class=\"inline-flex justify-center rounded-2xl border border-stone-300 bg-white px-5 py-3 text-lg font-bold text-stone-800\">\n            \u5b9f\u8df5\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3059\u308b\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"rounded-[2rem] border border-stone-200 bg-kinari\/50 p-6 shadow-sm\">\n        <h3 class=\"text-xl font-black\">\u3053\u3069\u3082\u30fb\u89aa\u5b50\u30fb\u5b66\u6821\u5411\u3051<\/h3>\n        <p class=\"mt-3 text-lg leading-8 text-stone-700\">\n          \u300c\u52c9\u5f37\u300d\u300c\u53cb\u3060\u3061\u300d\u300c\u81ea\u5206\u3089\u3057\u3055\u300d\u306a\u3069\u3092\u30c6\u30fc\u30de\u306b\u3001\u3053\u3069\u3082\u30fb\u89aa\u30fb\u5148\u751f\u305d\u308c\u305e\u308c\u306e\u6349\u3048\u65b9\u3092\u51fa\u3057\u5408\u3046\u5834\u3092\u3064\u304f\u308a\u307e\u3059\u3002\n        <\/p>\n        <div class=\"mt-5 flex flex-col gap-3\">\n          <a href=\"https:\/\/www.gio.jp\/top\/kataru-school\/\" class=\"inline-flex justify-center rounded-2xl bg-ink px-5 py-3 text-lg font-bold text-white\">\n            \u5b66\u6821\u5411\u3051\u3092\u898b\u308b\n          <\/a>\n          <a href=\"#contact\" class=\"inline-flex justify-center rounded-2xl border border-stone-300 bg-white px-5 py-3 text-lg font-bold text-stone-800\">\n            \u5b66\u6821\u6d3b\u7528\u3092\u76f8\u8ac7\u3059\u308b\n          <\/a>\n        <\/div>\n      <\/article>\n\n      <article class=\"rounded-[2rem] border border-stone-200 bg-kinari\/50 p-6 shadow-sm\">\n        <h3 class=\"text-xl font-black\">\u7814\u4fee\u30fb\u8077\u54e1\u30fb\u793e\u5185\u5411\u3051<\/h3>\n        <p class=\"mt-3 text-lg leading-8 text-stone-700\">\n          \u524d\u534a\u3067\u300c\u304b\u305f\u308b\u300d\u3092\u884c\u3044\u3001\u5f8c\u534a\u3067\u63a5\u9047\u30fb\u30c1\u30fc\u30e0\u3065\u304f\u308a\u30fb\u73fe\u5834\u8ab2\u984c\u306a\u3069\u306e\u30c6\u30fc\u30de\u306b\u3064\u3044\u3066\u610f\u898b\u3092\u51fa\u3057\u5408\u3044\u307e\u3059\u3002\n        <\/p>\n        <div class=\"mt-5 flex flex-col gap-3\">\n          <a href=\"https:\/\/www.gio.jp\/top\/kataru-training\/\" class=\"inline-flex justify-center rounded-2xl bg-ink px-5 py-3 text-lg font-bold text-white\">\n            \u7814\u4fee\u5411\u3051\u3092\u898b\u308b\n          <\/a>\n          <a href=\"#contact\" class=\"inline-flex justify-center rounded-2xl border border-stone-300 bg-white px-5 py-3 text-lg font-bold text-stone-800\">\n            \u7814\u4fee\u306b\u3064\u3044\u3066\u76f8\u8ac7\u3059\u308b\n          <\/a>\n        <\/div>\n      <\/article>\n    <\/div>\n  <\/div>\n<\/section>\n    <!-- === WORKS === -->\n    <section id=\"works\" class=\"scroll-mt-24 bg-kinari\/70\">\n      <div class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n        <div class=\"mb-10\">\n          <p class=\"mb-3 inline-flex rounded-full bg-white px-4 py-2 text-lg font-bold text-stone-700\">\u3053\u3093\u306a\u5834\u3067\u6d3b\u7528\u3067\u304d\u307e\u3059<\/p>\n          <h2 class=\"text-3xl font-black sm:text-4xl\">\u5bfe\u8a71\u3092\u5fc5\u8981\u3068\u3059\u308b\u5834\u3084\u30d7\u30ed\u30b0\u30e9\u30e0\u306b\u5c0e\u5165\u3067\u304d\u307e\u3059<\/h2>\n        <\/div>\n        <div class=\"grid gap-5 md:grid-cols-2 lg:grid-cols-5\">\n          <div class=\"rounded-3xl bg-white p-6 shadow-sm\"><div class=\"text-3xl\">\ud83d\udc99<\/div><h3 class=\"mt-4 text-xl font-black\">\u9ad8\u9f62\u8005\u65bd\u8a2d\u30fb\u798f\u7949\u65bd\u8a2d<\/h3><p class=\"mt-2 text-lg leading-7 text-stone-600\">\u5229\u7528\u8005\u540c\u58eb\u3001\u8077\u54e1\u540c\u58eb\u306e\u5bfe\u8a71\u3084\u7814\u4fee\u306b\u3002<\/p><\/div>\n          <div class=\"rounded-3xl bg-white p-6 shadow-sm\"><div class=\"text-3xl\">\ud83d\udc9a<\/div><h3 class=\"mt-4 text-xl font-black\">\u5b50\u3069\u3082\u306e\u5c45\u5834\u6240<\/h3><p class=\"mt-2 text-lg leading-7 text-stone-600\">\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u3084\u89aa\u5b50\u306e\u5834\u306b\u3002<\/p><\/div>\n          <div class=\"rounded-3xl bg-white p-6 shadow-sm\"><div class=\"text-3xl\">\ud83d\udc9b<\/div><h3 class=\"mt-4 text-xl font-black\">\u5730\u57df\u4ea4\u6d41\u30fb\u5e02\u6c11\u6d3b\u52d5<\/h3><p class=\"mt-2 text-lg leading-7 text-stone-600\">\u521d\u5bfe\u9762\u3067\u3082\u8a71\u3057\u3084\u3059\u3044\u7a7a\u6c17\u3065\u304f\u308a\u306b\u3002<\/p><\/div>\n          <div class=\"rounded-3xl bg-white p-6 shadow-sm\"><div class=\"text-3xl\">\ud83e\udde1<\/div><h3 class=\"mt-4 text-xl font-black\">\u8077\u54e1\u7814\u4fee\u30fb\u30c1\u30fc\u30e0\u3065\u304f\u308a<\/h3><p class=\"mt-2 text-lg leading-7 text-stone-600\">\u63a5\u9047\u30fb\u95a2\u4fc2\u6027\u30fb\u5185\u7701\u306e\u304d\u3063\u304b\u3051\u306b\u3002<\/p><\/div>\n          <div class=\"rounded-3xl bg-white p-6 shadow-sm\"><div class=\"text-3xl\">\ud83e\udd0e<\/div><h3 class=\"mt-4 text-xl font-black\">\u306f\u3058\u3081\u3066\u4f1a\u3046\u4eba\u540c\u58eb<\/h3><p class=\"mt-2 text-lg leading-7 text-stone-600\">\u7dca\u5f35\u3092\u307b\u3069\u304d\u3001\u95a2\u4fc2\u3065\u304f\u308a\u306e\u5165\u53e3\u306b\u3002<\/p><\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === VALUE === -->\n    <section class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n      <div class=\"grid gap-8 md:grid-cols-3\">\n        <div class=\"md:col-span-1\">\n          <p class=\"mb-3 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-bold\">\u304b\u305f\u308b\u304c\u751f\u3080\u3053\u3068<\/p>\n          <h2 class=\"text-3xl font-black leading-tight\">\u8ab2\u984c\u3092\u898b\u3064\u3051\u3001\u5834\u306b\u4ecb\u5165\u3059\u308b\u304d\u3063\u304b\u3051\u306b\u306a\u308a\u307e\u3059\u3002<\/h2>\n        <\/div>\n        <div class=\"space-y-5 md:col-span-2\">\n          <div class=\"rounded-3xl border border-stone-200 bg-white p-7 shadow-sm\">\n            <h3 class=\"text-2xl font-black\">\u8ab2\u984c\u3092\u898b\u3064\u3051\u308b\u3053\u3068\u304c\u3067\u304d\u308b<\/h3>\n            <p class=\"mt-3 text-lg leading-8 text-stone-700\">\u554f\u3044\u3092\u901a\u3057\u3066\u8a9e\u308a\u304c\u751f\u307e\u308c\u308b\u3068\u3001\u666e\u6bb5\u306e\u4f1a\u8b70\u3084\u30a2\u30f3\u30b1\u30fc\u30c8\u3060\u3051\u3067\u306f\u898b\u3048\u306b\u304f\u3044\u3001\u73fe\u5834\u306e\u56f0\u308a\u3054\u3068\u30fb\u4f38\u3073\u60a9\u307f\u30fb\u95a2\u4fc2\u6027\u306e\u9055\u548c\u611f\u304c\u898b\u3048\u3066\u304d\u307e\u3059\u3002<\/p>\n          <\/div>\n          <div class=\"rounded-3xl border border-stone-200 bg-white p-7 shadow-sm\">\n            <h3 class=\"text-2xl font-black\">\u5834\u306b\u4ecb\u5165\u3059\u308b\u3053\u3068\u304c\u3067\u304d\u308b<\/h3>\n            <p class=\"mt-3 text-lg leading-8 text-stone-700\">\u5916\u90e8\u306e\u4eba\u304c\u3044\u304d\u306a\u308a\u52a9\u8a00\u3084\u6307\u5c0e\u3092\u3059\u308b\u306e\u3067\u306f\u306a\u304f\u3001\u300c\u554f\u3044\u300d\u3092\u7f6e\u304f\u3053\u3068\u3067\u3001\u5b89\u5fc3\u3057\u3066\u8a71\u305b\u308b\u6642\u9593\u3092\u3064\u304f\u308a\u3001\u73fe\u5834\u306e\u4e2d\u306b\u81ea\u7136\u306a\u5bfe\u8a71\u306e\u5165\u53e3\u3092\u3064\u304f\u308a\u307e\u3059\u3002<\/p>\n          <\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n\n\n    <!-- === HITOKOTO KATARU === -->\n    <section id=\"hitokoto\" class=\"bg-white\">\n      <div class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n        <div class=\"grid gap-8 md:grid-cols-[.95fr_1.05fr] md:items-center\">\n\n          <!-- \u5de6\u5074\uff1a\u30ed\u30b4\uff0b\u8aac\u660e -->\n          <div>\n            <div class=\"mb-6\">\n              <!-- \u30ed\u30b4\u633f\u5165\u30a8\u30ea\u30a2\uff1a\u753b\u50cfURL\u3092\u5dee\u3057\u66ff\u3048\u3066\u304f\u3060\u3055\u3044 -->\n              <div class=\"inline-flex items-center justify-center rounded-[1.5rem] border border-stone-200 bg-white px-6 py-5 shadow-sm\">\n                <img src=\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2026\/04\/\u30a4\u30e1\u30fc\u30b8_20260430-5_\u3072\u3068\u3053\u3068\u304b\u305f\u308b.jpg\" alt=\"\u3072\u3068\u3053\u3068\u304b\u305f\u308b \u30ed\u30b4\" loading=\"lazy\" decoding=\"async\" class=\"h-auto max-h-20 w-auto object-contain\">\n              <\/div>\n            <\/div>\n\n            <p class=\"mb-3 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-bold\">\n              \u5b9f\u8df5\u5f8c\u306e\u3075\u308a\u304b\u3048\u308a\n            <\/p>\n\n            <h2 class=\"text-3xl font-black leading-tight sm:text-4xl\">\n              \u3072\u3068\u3053\u3068\u304b\u305f\u308b\n            <\/h2>\n\n            <p class=\"mt-5 text-lg leading-9 text-stone-700\">\n              \u300c\u3072\u3068\u3053\u3068\u304b\u305f\u308b\u300d\u306f\u3001\u304b\u305f\u308b\u306e\u5b9f\u8df5\u5f8c\u306b\u3001\u305d\u306e\u5834\u3067\u611f\u3058\u305f\u3053\u3068\u3084\u5fc3\u306b\u6b8b\u3063\u305f\u3053\u3068\u3092\u3001\u3072\u3068\u3053\u3068\u3067\u6b8b\u3057\u3066\u3044\u304f\u305f\u3081\u306e\u5c0f\u3055\u306a\u3075\u308a\u304b\u3048\u308a\u3067\u3059\u3002\n            <\/p>\n\n            <p class=\"mt-4 text-lg leading-9 text-stone-700\">\n              \u767d\u7d19\u306e\u30ab\u30fc\u30c9\u306b\u3001\u4eca\u306e\u6c17\u6301\u3061\u3084\u6c17\u3065\u304d\u3092\u81ea\u7531\u306b\u66f8\u304f\u3002\u3046\u307e\u304f\u307e\u3068\u3081\u306a\u304f\u3066\u3082\u5927\u4e08\u592b\u3067\u3059\u3002\u305d\u306e\u5834\u306b\u751f\u307e\u308c\u305f\u5c0f\u3055\u306a\u8a00\u8449\u3092\u6b8b\u3059\u3053\u3068\u3067\u3001\u5834\u306e\u5909\u5316\u3084\u5b9f\u8df5\u306e\u4fa1\u5024\u304c\u898b\u3048\u3066\u304d\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n\n          <!-- \u53f3\u5074\uff1a\u767d\u7d19\u30ab\u30fc\u30c9\u306e\u5370\u8c61 -->\n          <div class=\"rounded-[2rem] border border-stone-200 bg-kinari\/50 p-7 shadow-soft\">\n            <h3 class=\"text-2xl font-black\">\u767d\u7d19\u306e\u30ab\u30fc\u30c9\u306b\u3001\u3072\u3068\u3053\u3068\u3092\u66f8\u304f<\/h3>\n            <p class=\"mt-3 text-lg leading-8 text-stone-700\">\n              \u300c\u3072\u3068\u3053\u3068\u304b\u305f\u308b\u300d\u306f\u3001\u305d\u306e\u5834\u3067\u611f\u3058\u305f\u3053\u3068\u3092\u81ea\u7531\u306b\u6b8b\u305b\u308b\u201c\u767d\u7d19\u306e\u30ab\u30fc\u30c9\u201d\u3067\u3059\u3002\n            <\/p>\n\n            <div class=\"mt-6 flex justify-center\">\n              <!-- \u767d\u7d19\u30ab\u30fc\u30c9\u98a8\u30d3\u30b8\u30e5\u30a2\u30eb -->\n              <div class=\"flex aspect-[2.5\/3.5] w-full max-w-[220px] items-center justify-center rounded-[1.5rem] border-2 border-stone-200 bg-white p-6 shadow-sm\">\n                <div class=\"w-full\">\n                  <p class=\"text-center text-xl font-bold text-stone-500\">\u3042\u306a\u305f\u306e\u8003\u3048\u305f<br>\u300c\u554f\u3044\u3084\u611f\u60f3\u300d<\/p>\n                  <div class=\"mt-6 space-y-4\">\n                    <div class=\"h-px w-full bg-stone-200\"><\/div>\n                    <div class=\"h-px w-full bg-stone-200\"><\/div>\n                    <div class=\"h-px w-full bg-stone-200\"><\/div>\n                    <div class=\"h-px w-4\/5 bg-stone-200\"><\/div>\n                  <\/div>\n                  <p class=\"mt-6 text-center text-xl text-stone-400\">\u66f8\u3044\u3066\u307f\u3066\u304f\u3060\u3055\u3044\uff01<\/p>\n                <\/div>\n              <\/div>\n            <\/div>\n\n            <ul class=\"mt-6 space-y-3 text-xl leading-8 text-stone-700\">\n              <li>\u30fb\u8a71\u3057\u3066\u307f\u3066\u611f\u3058\u305f\u3053\u3068<\/li>\n              <li>\u30fb\u8ab0\u304b\u306e\u8a9e\u308a\u3092\u805e\u3044\u3066\u6c17\u3065\u3044\u305f\u3053\u3068<\/li>\n              <li>\u30fb\u3042\u306a\u305f\u304c\u8003\u3048\u305f\u300c\u554f\u3044\u300d<\/li>\n            <\/ul>\n\n            <p class=\"mt-6 rounded-2xl bg-white p-5 text-lg leading-8 text-stone-700\">\n              \u96c6\u307e\u3063\u305f\u300c\u3072\u3068\u3053\u3068\u300d\u306f\u3001\u554f\u3044\u306e\u6539\u5584\u3001\u5b9f\u8df5\u30ec\u30dd\u30fc\u30c8\u3001\u5834\u3065\u304f\u308a\u306e\u7814\u7a76\u958b\u767a\u306b\u6d3b\u7528\u3057\u3066\u3044\u304d\u307e\u3059\u3002\n            <\/p>\n          <\/div>\n\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === FAQ === -->\n    <section id=\"faq\" class=\"bg-stone-50\">\n      <div class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n        <h2 class=\"mb-8 text-3xl font-black\">\u3088\u304f\u3042\u308b\u8cea\u554f<\/h2>\n        <div class=\"space-y-4\">\n<details class=\"rounded-2xl border border-stone-200 bg-white p-5\">\n  <summary class=\"cursor-pointer select-none text-lg font-bold\">\n    \u300c\u304b\u305f\u308b\u300d\u306f\u3001\u3069\u3046\u3084\u3063\u3066\u751f\u307e\u308c\u305f\u306e\u3067\u3059\u304b\uff1f\n  <\/summary>\n  <div class=\"mt-3 space-y-3 leading-8 text-stone-700\">\n\u3000   <p>\n      \u666e\u6bb5\u306e\u4ed5\u4e8b\u3067\u3042\u308b\u5de5\u4e8b\u306e\u73fe\u5834\u3067\u306f\u3001\u9053\u5177\u306e\u4f7f\u3044\u65b9\u3072\u3068\u3064\u3067\u4f5c\u696d\u306e\u8cea\u3084\u4eba\u3068\u306e\u95a2\u308f\u308a\u65b9\u304c\u5909\u308f\u308a\u307e\u3059\u3002\n      \u305d\u306e\u7d4c\u9a13\u304b\u3089\u3001\u5bfe\u8a71\u306b\u3082\u3001\u8ab0\u3082\u304c\u624b\u306b\u53d6\u308a\u3084\u3059\u304f\u3001\u5b89\u5fc3\u3057\u3066\u4f7f\u3048\u308b\u201c\u9053\u5177\u201d\u304c\u5fc5\u8981\u3060\u3068\u8003\u3048\u307e\u3057\u305f\u3002\n    <\/p>\n    <p>\n      \u300c\u304b\u305f\u308b\u300d\u306f\u3001\u3046\u307e\u304f\u8a71\u3059\u305f\u3081\u306e\u3082\u306e\u3067\u306f\u306a\u304f\u3001\u3072\u3068\u308a\u3072\u3068\u308a\u306e\u601d\u3044\u3084\u611f\u6027\u304c\u3001\n      \u7121\u7406\u306a\u304f\u8a00\u8449\u306b\u306a\u308a\u3001\u8ab0\u304b\u306b\u53d7\u3051\u3068\u3081\u3089\u308c\u308b\u6642\u9593\u3092\u3064\u304f\u308b\u305f\u3081\u306e\u9053\u5177\u3068\u3057\u3066\u751f\u307e\u308c\u307e\u3057\u305f\u3002\n    <\/p>\n  <\/div>\n\n\n<a href=\"\/top\/kataru-story\/\" class=\"mt-4 inline-flex w-full justify-center rounded-2xl bg-ink px-5 py-3 font-bold text-white hover:bg-stone-700 sm:w-auto\">\n  \u958b\u767a\u30b9\u30c8\u30fc\u30ea\u30fc\u3092\u8aad\u3080\n<\/a>\n<\/details>\n          <details class=\"rounded-2xl border border-stone-200 bg-white p-5\">\n            <summary class=\"cursor-pointer select-none text-lg font-bold\">\u4e88\u7d04\u8ca9\u58f2\u306e\u767a\u9001\u6642\u671f\u306f\u3044\u3064\u3067\u3059\u304b\uff1f<\/summary>\n            <p class=\"mt-3 leading-8 text-stone-700\">\uff11\u30f6\u6708\u524d\u5f8c\u304b\u304b\u308a\u307e\u3059\u3002\u5236\u4f5c\u72b6\u6cc1\u306b\u3088\u308a\u524d\u5f8c\u3059\u308b\u5834\u5408\u304c\u3042\u308a\u307e\u3059\u3002<\/p>\n          <\/details>\n          <details class=\"rounded-2xl border border-stone-200 bg-white p-5\">\n            <summary class=\"cursor-pointer select-none text-lg font-bold\">\u300c\u57fa\u672c\u304b\u305f\u308b\u300d\u3068\u300c\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u300d\u306e\u9055\u3044\u306f\uff1f<\/summary>\n            <p class=\"mt-3 leading-8 text-stone-700\">\u57fa\u672c\u304b\u305f\u308b\u306f\u3001\u3055\u307e\u3056\u307e\u306a\u5834\u3067\u4f7f\u3048\u308b\u6a19\u6e96\u7248\u3067\u3059\u3002\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u306f\u3001\u77ed\u6642\u9593\u30fb\u5c11\u4eba\u6570\u30fb\u521d\u3081\u3066\u306e\u5834\u3067\u3082\u5c0e\u5165\u3057\u3084\u3059\u3044\u3088\u3046\u306b\u3001\u8aac\u660e\u3084\u9032\u884c\u306e\u8ca0\u62c5\u3092\u8efd\u304f\u3057\u305f\u7248\u3067\u3059\u3002<\/p>\n          <\/details>\n          <details class=\"rounded-2xl border border-stone-200 bg-white p-5\">\n            <summary class=\"cursor-pointer select-none text-lg font-bold\">\u65bd\u8a2d\u3084\u56e3\u4f53\u3067\u307e\u3068\u3081\u3066\u5c0e\u5165\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary>\n            <p class=\"mt-3 leading-8 text-stone-700\">\u53ef\u80fd\u3067\u3059\u3002\u7528\u9014\u3001\u6570\u91cf\u3001\u7d0d\u671f\u3001\u5b9f\u8df5\u30b5\u30dd\u30fc\u30c8\u306e\u6709\u7121\u306b\u5408\u308f\u305b\u3066\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\u898b\u7a4d\u66f8\u306e\u4f5c\u6210\u306b\u3082\u5bfe\u5fdc\u3057\u307e\u3059\u3002<\/p>\n          <\/details>\n          <details class=\"rounded-2xl border border-stone-200 bg-white p-5\">\n            <summary class=\"cursor-pointer select-none text-lg font-bold\">\u7814\u4fee\u3084\u30ef\u30fc\u30af\u30b7\u30e7\u30c3\u30d7\u306e\u8a2d\u8a08\u3082\u76f8\u8ac7\u3067\u304d\u307e\u3059\u304b\uff1f<\/summary>\n            <p class=\"mt-3 leading-8 text-stone-700\">\u76f8\u8ac7\u3067\u304d\u307e\u3059\u3002\u8077\u54e1\u7814\u4fee\u3001\u5730\u57df\u30b5\u30ed\u30f3\u3001\u5b50\u3069\u3082\u306e\u5c45\u5834\u6240\u3001\u798f\u7949\u65bd\u8a2d\u3067\u306e\u5b9f\u8df5\u306a\u3069\u3001\u5834\u306b\u5408\u308f\u305b\u305f\u9032\u884c\u8a2d\u8a08\u3092\u3054\u63d0\u6848\u3057\u307e\u3059\u3002<\/p>\n          <\/details>\n        <\/div>\n      <\/div>\n    <\/section>\n\n    <!-- === CONTACT FORM === -->\n    <section id=\"contact\" class=\"scroll-mt-24 paper\">\n      <div class=\"mx-auto max-w-6xl px-5 py-16 md:py-20\">\n        <div class=\"rounded-[2rem] bg-white p-7 shadow-soft md:p-10\">\n          <div class=\"mb-8 text-center\">\n            <p class=\"mb-3 inline-flex rounded-full pill-paper px-4 py-2 text-lg font-bold\">\u4e88\u7d04\u30fb\u304a\u554f\u3044\u5408\u308f\u305b<\/p>\n            <h2 class=\"text-3xl font-black sm:text-4xl\">\u300c\u304b\u305f\u308b\u300d\u306e\u4e88\u7d04\u30fb\u3054\u76f8\u8ac7\u306f\u3053\u3061\u3089<\/h2>\n            <p class=\"mx-auto mt-4 max-w-3xl text-lg leading-8 text-stone-700\">\n              \u300c\u57fa\u672c\u304b\u305f\u308b\u300d\u300c\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u300d\u306e\u4e88\u7d04\u3001\u65bd\u8a2d\u30fb\u56e3\u4f53\u3067\u306e\u5c0e\u5165\u3001\u7814\u4fee\u3084\u5b9f\u8df5\u30ef\u30fc\u30af\u306e\u76f8\u8ac7\u3092\u53d7\u3051\u4ed8\u3051\u3066\u3044\u307e\u3059\u3002\n              \u4f7f\u3044\u305f\u3044\u5834\u3084\u6570\u91cf\u304c\u672a\u5b9a\u3067\u3082\u3001\u304a\u6c17\u8efd\u306b\u3054\u76f8\u8ac7\u304f\u3060\u3055\u3044\u3002\n            <\/p>\n          <\/div>\n\n         <div class=\"grid gap-8 lg:grid-cols-[.9fr_1.1fr] lg:items-start\">\n  <div class=\"rounded-3xl border border-stone-200 bg-stone-50 p-6\">\n    <h3 class=\"text-xl font-black\">\u304a\u554f\u3044\u5408\u308f\u305b\u6642\u306b\u3042\u308b\u3068\u52a9\u304b\u308b\u5185\u5bb9<\/h3>\n    <ul class=\"mt-4 space-y-2 text-lg leading-8 text-stone-700\">\n      <li>\u30fb\u5e0c\u671b\u3059\u308b\u30e1\u30cb\u30e5\u30fc<\/li>\n      <li>\u30fb\u4f7f\u7528\u4e88\u5b9a\u306e\u5834\u3001\u5bfe\u8c61\u8005<\/li>\n      <li>\u30fb\u5e0c\u671b\u6570\u91cf<\/li>\n      <li>\u30fb\u5e0c\u671b\u7d0d\u671f<\/li>\n      <li>\u30fb\u7814\u4fee\u3084\u5b9f\u8df5\u30b5\u30dd\u30fc\u30c8\u306e\u5e0c\u671b<\/li>\n    <\/ul>\n   \n  <\/div>\n\n  <div class=\"kataru-cf7 min-w-0 w-full\">\n    \n<div class=\"wpcf7 no-js\" id=\"wpcf7-f1234-o1\" lang=\"ja\" dir=\"ltr\" data-wpcf7-id=\"1234\">\n<div class=\"screen-reader-response\"><p role=\"status\" aria-live=\"polite\" aria-atomic=\"true\"><\/p> <ul><\/ul><\/div>\n<form action=\"\/top\/wp-json\/wp\/v2\/pages\/822#wpcf7-f1234-o1\" method=\"post\" class=\"wpcf7-form init\" aria-label=\"\u30b3\u30f3\u30bf\u30af\u30c8\u30d5\u30a9\u30fc\u30e0\" novalidate=\"novalidate\" data-status=\"init\">\n<fieldset class=\"hidden-fields-container\"><input type=\"hidden\" name=\"_wpcf7\" value=\"1234\" \/><input type=\"hidden\" name=\"_wpcf7_version\" value=\"6.1.4\" \/><input type=\"hidden\" name=\"_wpcf7_locale\" value=\"ja\" \/><input type=\"hidden\" name=\"_wpcf7_unit_tag\" value=\"wpcf7-f1234-o1\" \/><input type=\"hidden\" name=\"_wpcf7_container_post\" value=\"0\" \/><input type=\"hidden\" name=\"_wpcf7_posted_data_hash\" value=\"\" \/><input type=\"hidden\" name=\"_wpcf7_recaptcha_response\" value=\"\" \/>\n<\/fieldset>\n<div class=\"kataru-contact-form\">\n\t<p><br \/>\n<label>\u304a\u540d\u524d\uff08\u5fc5\u9808\uff09<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-name\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1a\u5c71\u7530 \u592a\u90ce\" value=\"\" type=\"text\" name=\"your-name\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><br \/>\n<label>\u30e1\u30fc\u30eb\u30a2\u30c9\u30ec\u30b9\uff08\u5fc5\u9808\uff09<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-email\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-email wpcf7-validates-as-required wpcf7-text wpcf7-validates-as-email\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1ainfo@example.com\" value=\"\" type=\"email\" name=\"your-email\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><br \/>\n<label>\u304a\u96fb\u8a71\u756a\u53f7<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-tel\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-tel wpcf7-text wpcf7-validates-as-tel\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1a090-0000-0000\" value=\"\" type=\"tel\" name=\"your-tel\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><br \/>\n<label>\u304a\u554f\u3044\u5408\u308f\u305b\u5185\u5bb9\uff08\u5fc5\u9808\uff09<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-subject\"><select class=\"wpcf7-form-control wpcf7-select wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" name=\"your-subject\"><option value=\"\">&#8212;\u4ee5\u4e0b\u304b\u3089\u9078\u629e\u3057\u3066\u304f\u3060\u3055\u3044&#8212;<\/option><option value=\"\u57fa\u672c\u304b\u305f\u308b\u306e\u4e88\u7d04\">\u57fa\u672c\u304b\u305f\u308b\u306e\u4e88\u7d04<\/option><option value=\"\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u306e\u4e88\u7d04\u30fb\u76f8\u8ac7\">\u304b\u3093\u305f\u3093\u304b\u305f\u308b\u306e\u4e88\u7d04\u30fb\u76f8\u8ac7<\/option><option value=\"\u65bd\u8a2d\u30fb\u56e3\u4f53\u3067\u306e\u5c0e\u5165\u76f8\u8ac7\">\u65bd\u8a2d\u30fb\u56e3\u4f53\u3067\u306e\u5c0e\u5165\u76f8\u8ac7<\/option><option value=\"\u7814\u4fee\u30fb\u5b9f\u8df5\u30ef\u30fc\u30af\u306e\u76f8\u8ac7\">\u7814\u4fee\u30fb\u5b9f\u8df5\u30ef\u30fc\u30af\u306e\u76f8\u8ac7<\/option><option value=\"\u305d\u306e\u4ed6\">\u305d\u306e\u4ed6<\/option><\/select><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><br \/>\n<label>\u5e0c\u671b\u6570\u91cf<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-quantity\"><input size=\"40\" maxlength=\"400\" class=\"wpcf7-form-control wpcf7-text\" aria-invalid=\"false\" placeholder=\"\u4f8b\uff1a1\u30bb\u30c3\u30c8 \/ 10\u30bb\u30c3\u30c8 \/ \u672a\u5b9a\" value=\"\" type=\"text\" name=\"your-quantity\" \/><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><br \/>\n<label>\u3054\u76f8\u8ac7\u5185\u5bb9\uff08\u5fc5\u9808\uff09<br \/>\n<span class=\"wpcf7-form-control-wrap\" data-name=\"your-message\"><textarea cols=\"40\" rows=\"10\" maxlength=\"2000\" class=\"wpcf7-form-control wpcf7-textarea wpcf7-validates-as-required\" aria-required=\"true\" aria-invalid=\"false\" placeholder=\"\u4f7f\u7528\u4e88\u5b9a\u306e\u5834\u3001\u5bfe\u8c61\u8005\u3001\u5e0c\u671b\u7d0d\u671f\u3001\u7814\u4fee\u30b5\u30dd\u30fc\u30c8\u306e\u5e0c\u671b\u306a\u3069\u3092\u3054\u8a18\u5165\u304f\u3060\u3055\u3044\u3002\" name=\"your-message\"><\/textarea><\/span><br \/>\n<\/label>\n\t<\/p>\n\t<p><br \/>\n<input class=\"wpcf7-form-control wpcf7-submit has-spinner\" type=\"submit\" value=\"\u9001\u4fe1\u3059\u308b\" \/>\n\t<\/p>\n<\/div><div class=\"wpcf7-response-output\" aria-hidden=\"true\"><\/div>\n<\/form>\n<\/div>\n\n  <\/div>\n<\/div>\n        <\/div>\n      <\/div>\n    <\/section>\n  <\/main>\n\n  <!-- === FOOTER === -->\n  <footer class=\"border-t border-slate-200 bg-white\">\n    <div class=\"mx-auto max-w-6xl px-6 py-10 text-sm text-slate-600\">\n      <div class=\"flex flex-wrap items-center justify-between gap-3\">\n        <div>\u4f01\u753b\u30fb\u5236\u4f5c\uff1a<span class=\"font-semibold\">\u308f\u306b\u306a\u308b\u3042\u3057\u305f<\/span><\/div>\n        <div class=\"text-slate-500\">\u00a9 <span id=\"k-year\"><\/span> \u308f\u306b\u306a\u308b\u3042\u3057\u305f \/ \u304b\u305f\u308b<\/div>\n      <\/div>\n    <\/div>\n  <\/footer>\n\n  <script>\n    (function () {\n      const y = document.getElementById('k-year');\n      if (y) y.textContent = new Date().getFullYear();\n    })();\n  <\/script>\n<script>\n  (function () {\n    function scrollToHashTarget() {\n      if (!window.location.hash) return;\n\n      const id = decodeURIComponent(window.location.hash.substring(1));\n      const target = document.getElementById(id);\n      if (!target) return;\n\n      const header = document.querySelector('header');\n      const headerHeight = header ? header.offsetHeight : 0;\n      const extraOffset = 20;\n\n      const targetPosition =\n        target.getBoundingClientRect().top +\n        window.pageYOffset -\n        headerHeight -\n        extraOffset;\n\n      window.scrollTo({\n        top: targetPosition,\n        behavior: 'smooth'\n      });\n    }\n\n    window.addEventListener('load', function () {\n      setTimeout(scrollToHashTarget, 100);\n      setTimeout(scrollToHashTarget, 600);\n      setTimeout(scrollToHashTarget, 1200);\n    });\n\n    window.addEventListener('hashchange', function () {\n      setTimeout(scrollToHashTarget, 100);\n    });\n  })();\n<\/script>\n\n\n","protected":false},"excerpt":{"rendered":"<p>\u304b\u305f\u308b\uff5c\u3053\u3068\u3070\u306b\u306a\u308b\u3001\u3042\u306a\u305f\u3089\u3057\u3055\u3002 \u304b\u305f\u308b \u304b\u305f\u308b\u3068\u306f \u30e1 &#8230;<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"template-fullwidth.php","meta":{"footnotes":""},"class_list":["post-822","page","type-page","status-publish","hentry"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v26.8 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8 - \u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa<\/title>\n<meta name=\"robots\" content=\"noindex, nofollow\" \/>\n<meta property=\"og:locale\" content=\"ja_JP\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8 - \u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa\" \/>\n<meta property=\"og:description\" content=\"\u304b\u305f\u308b\uff5c\u3053\u3068\u3070\u306b\u306a\u308b\u3001\u3042\u306a\u305f\u3089\u3057\u3055\u3002 \u304b\u305f\u308b \u304b\u305f\u308b\u3068\u306f \u30e1 ...\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.gio.jp\/top\/kataru\/\" \/>\n<meta property=\"og:site_name\" content=\"\u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa\" \/>\n<meta property=\"article:modified_time\" content=\"2026-09-29T03:01:19+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:label1\" content=\"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593\" \/>\n\t<meta name=\"twitter:data1\" content=\"16\u5206\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.gio.jp\/top\/kataru\/\",\"url\":\"https:\/\/www.gio.jp\/top\/kataru\/\",\"name\":\"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8 - \u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa\",\"isPartOf\":{\"@id\":\"https:\/\/www.gio.jp\/top\/#website\"},\"datePublished\":\"2025-10-31T12:41:56+00:00\",\"dateModified\":\"2026-09-29T03:01:19+00:00\",\"breadcrumb\":{\"@id\":\"https:\/\/www.gio.jp\/top\/kataru\/#breadcrumb\"},\"inLanguage\":\"ja\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.gio.jp\/top\/kataru\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.gio.jp\/top\/kataru\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"\u30db\u30fc\u30e0\",\"item\":\"https:\/\/www.gio.jp\/top\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.gio.jp\/top\/#website\",\"url\":\"https:\/\/www.gio.jp\/top\/\",\"name\":\"\u308f\u306b\u306a\u308b\u3042\u3057\u305f\",\"description\":\"\u5bfe\u8a71\u304b\u3089\u59cb\u307e\u308b\u7d0d\u5f97\u306e\u5bb6\u3065\u304f\u308a\u3002\u4f4f\u5b85\u6539\u4fee\u30fb\u8a2d\u5099\u30fb\u3082\u306e\u3065\u304f\u308a\u306e\u5834\",\"publisher\":{\"@id\":\"https:\/\/www.gio.jp\/top\/#organization\"},\"alternateName\":\"\u308f\u306b\u306a\u308b\u3042\u3057\u305f\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.gio.jp\/top\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"ja\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/www.gio.jp\/top\/#organization\",\"name\":\"\u6709\u9650\u4f1a\u793e\u30ae\u30aa\",\"alternateName\":\"\u308f\u306b\u306a\u308b\u3042\u3057\u305f\",\"url\":\"https:\/\/www.gio.jp\/top\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"ja\",\"@id\":\"https:\/\/www.gio.jp\/top\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2024\/01\/logo.jpg\",\"contentUrl\":\"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2024\/01\/logo.jpg\",\"width\":100,\"height\":100,\"caption\":\"\u6709\u9650\u4f1a\u793e\u30ae\u30aa\"},\"image\":{\"@id\":\"https:\/\/www.gio.jp\/top\/#\/schema\/logo\/image\/\"}}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8 - \u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa","robots":{"index":"noindex","follow":"nofollow"},"og_locale":"ja_JP","og_type":"article","og_title":"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8 - \u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa","og_description":"\u304b\u305f\u308b\uff5c\u3053\u3068\u3070\u306b\u306a\u308b\u3001\u3042\u306a\u305f\u3089\u3057\u3055\u3002 \u304b\u305f\u308b \u304b\u305f\u308b\u3068\u306f \u30e1 ...","og_url":"https:\/\/www.gio.jp\/top\/kataru\/","og_site_name":"\u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa","article_modified_time":"2026-09-29T03:01:19+00:00","twitter_card":"summary_large_image","twitter_misc":{"\u63a8\u5b9a\u8aad\u307f\u53d6\u308a\u6642\u9593":"16\u5206"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.gio.jp\/top\/kataru\/","url":"https:\/\/www.gio.jp\/top\/kataru\/","name":"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8 - \u308f\u306b\u306a\u308b\u3042\u3057\u305f - \u6709\u9650\u4f1a\u793e\u30ae\u30aa","isPartOf":{"@id":"https:\/\/www.gio.jp\/top\/#website"},"datePublished":"2025-10-31T12:41:56+00:00","dateModified":"2026-09-29T03:01:19+00:00","breadcrumb":{"@id":"https:\/\/www.gio.jp\/top\/kataru\/#breadcrumb"},"inLanguage":"ja","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.gio.jp\/top\/kataru\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.gio.jp\/top\/kataru\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"\u30db\u30fc\u30e0","item":"https:\/\/www.gio.jp\/top\/"},{"@type":"ListItem","position":2,"name":"\u300c\u304b\u305f\u308b\u300d\u516c\u5f0f\u30da\u30fc\u30b8"}]},{"@type":"WebSite","@id":"https:\/\/www.gio.jp\/top\/#website","url":"https:\/\/www.gio.jp\/top\/","name":"\u308f\u306b\u306a\u308b\u3042\u3057\u305f","description":"\u5bfe\u8a71\u304b\u3089\u59cb\u307e\u308b\u7d0d\u5f97\u306e\u5bb6\u3065\u304f\u308a\u3002\u4f4f\u5b85\u6539\u4fee\u30fb\u8a2d\u5099\u30fb\u3082\u306e\u3065\u304f\u308a\u306e\u5834","publisher":{"@id":"https:\/\/www.gio.jp\/top\/#organization"},"alternateName":"\u308f\u306b\u306a\u308b\u3042\u3057\u305f","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.gio.jp\/top\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"ja"},{"@type":"Organization","@id":"https:\/\/www.gio.jp\/top\/#organization","name":"\u6709\u9650\u4f1a\u793e\u30ae\u30aa","alternateName":"\u308f\u306b\u306a\u308b\u3042\u3057\u305f","url":"https:\/\/www.gio.jp\/top\/","logo":{"@type":"ImageObject","inLanguage":"ja","@id":"https:\/\/www.gio.jp\/top\/#\/schema\/logo\/image\/","url":"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2024\/01\/logo.jpg","contentUrl":"https:\/\/www.gio.jp\/top\/wp-content\/uploads\/2024\/01\/logo.jpg","width":100,"height":100,"caption":"\u6709\u9650\u4f1a\u793e\u30ae\u30aa"},"image":{"@id":"https:\/\/www.gio.jp\/top\/#\/schema\/logo\/image\/"}}]}},"_links":{"self":[{"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/pages\/822","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/comments?post=822"}],"version-history":[{"count":69,"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/pages\/822\/revisions"}],"predecessor-version":[{"id":1373,"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/pages\/822\/revisions\/1373"}],"wp:attachment":[{"href":"https:\/\/www.gio.jp\/top\/wp-json\/wp\/v2\/media?parent=822"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}