PageSourceSearch

https://ads.kaipoke.biz/

html kaipoke.biz collected 2026-10-04 00:13:55 UTC 215,112 bytes, 7,112 lines download raw bytes

1<!DOCTYPE html>
2<html lang="ja">
3  <head>
4    
5<!-- Google Tag Manager -->
6<script>
vendor: 402 bytes, lines 6-11
6
7(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
8                                              new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
9    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
10    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
11                    })(window,document,'script','dataLayer','
11GTM-PWG3C7
vendor: 4 bytes, line 11
11');
12</script>
12
13<!-- End Google Tag Manager -->
14<!-- meta -->
15<meta charset="UTF-8" />
16<meta http-equiv="X-UA-Compatible" content="IE=edge" />
17<meta name="viewport" content="width=device-width, initial-scale=1.0" />
18<!-- ogp -->
19<meta property="og:type" content="website" />
20<link rel="canonical" href="https://ads.kaipoke.biz/">
21  <title>【カイポケ公式】介護・看護・障害福祉のソフトならカイポケ|記録と請求データが連動</title>
22  <meta
23      property="og:title"
24      content="【カイポケ公式】介護・看護・障害福祉のソフトならカイポケ|記録と請求データが連動"
25  />
26  <!-- ウェブページ -->
27<meta
28      name="description"
29      content='『カイポケ』のTopページです。介護・看護・障害福祉事業所の業務効率化をサポートするクラウド型ソフト。記録や保険請求、帳票作成といった煩雑な業務をまとめてスムーズにすることで、初期費用0円・月額定額制で安心して導入できます。クラウド型システムなので外出先でも利用可能。訪問介護(介護・障害福祉)、通所介護、居宅介護支援、訪問看護、障害福祉など幅広いサービス種に対応しています。'
30      />
31<meta
32      property="og:description"
33      content='『カイポケ』のTopページです。介護・看護・障害福祉事業所の業務効率化をサポートするクラウド型ソフト。記録や保険請求、帳票作成といった煩雑な業務をまとめてスムーズにすることで、初期費用0円・月額定額制で安心して導入できます。クラウド型システムなので外出先でも利用可能。訪問介護(介護・障害福祉)、通所介護、居宅介護支援、訪問看護、障害福祉など幅広いサービス種に対応しています。'
34      />
35    <meta property="og:image" content="https://ads.kaipoke.biz/asset/img/ogp.webp" />
36<meta property="og:locale" content="ja_JP" />
37<meta name="twitter:card" content="summary_large_image" />
38<meta property="og:site_name" content="【カイポケ公式】介護・看護・障害福祉のソフトならカイポケ|記録と請求データが連動" />
39<link
40      rel="icon"
41      type="image/x-icon"
42      href="/asset/img/favicon.ico"
43      />
44
45
46<!-- css -->
47<link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&display=swap" onload="this.rel='stylesheet'">
48<noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&family=Roboto:wght@400;700&display=swap"></noscript>
49<link rel="stylesheet" rel="preload" href="https://fonts.googleapis.com/css2?family=Material+Symbols+Rounded:opsz,wght,FILL,GRAD@24,500,0..1,0" />
50<style>
51/**
52 * Minified by jsDelivr using clean-css v5.3.2.
53 * Original file: /npm/[email protected]/destyle.css
54 *
55 * Do NOT use SRI with dynamically generated files! More information: https://www.jsdelivr.com/using-sri-with-dynamic-files
56 */
57/*! destyle.css v1.0.14 | MIT License | https://github.com/nicolas-cusan/destyle.css */
58*{box-sizing:border-box}::after,::before{box-sizing:inherit}html{line-height:1.15;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}body{margin:0}main{display:block}address,blockquote,dl,figure,form,iframe,p,pre,table{margin:0}h1,h2,h3,h4,h5,h6{font-size:inherit;line-height:inherit;font-weight:inherit;margin:0}ol,ul{margin:0;padding:0;list-style:none}dt{font-weight:700}dd{margin-left:0}hr{box-sizing:content-box;height:0;overflow:visible;border:0;border-top:1px solid;margin:0;clear:both;color:inherit}pre{font-family:monospace,monospace;font-size:inherit}address{font-style:inherit}a{background-color:transparent;text-decoration:none;color:inherit}abbr[title]{border-bottom:none;text-decoration:underline;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace,monospace;font-size:inherit}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none;vertical-align:bottom}embed,iframe,object{border:0;vertical-align:bottom}button,input,optgroup,select,textarea{-webkit-appearance:none;appearance:none;vertical-align:middle;color:inherit;font:inherit;border:0;background:0 0;padding:0;margin:0;outline:0;border-radius:0;text-align:inherit}
58[type=checkbox]{-webkit-appearance:checkbox;appearance:checkbox}[type=radio]{-webkit-appearance:radio;appearance:radio}button,input{overflow:visible}button,select{text-transform:none}[type=button],[type=reset],[type=submit],button{cursor:pointer;-webkit-appearance:none;appearance:none}[type=button][disabled],[type=reset][disabled],[type=submit][disabled],button[disabled]{cursor:default}[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner,button::-moz-focus-inner{border-style:none;padding:0}[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring,button:-moz-focusring{outline:1px dotted ButtonText}select::-ms-expand{display:none}option{padding:0}fieldset{margin:0;padding:0;border:0;min-width:0}legend{color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}label[for]{cursor:pointer}details{display:block}summary{display:list-item}[contenteditable]{outline:0}table{border-collapse:collapse;border-spacing:0}caption{text-align:left}td,th{vertical-align:top;padding:0}th{text-align:left;font-weight:700}template{display:none}[hidden]{display:none}
59/*# sourceMappingURL=/sm/b859206d4db2ac5a7669fce467531170d5a77162a8174e66e368ec28d87ecc84.map */
60</style>
61
62<style>
63:root {
64  --color-kaipoke-orange: #ff9933;
65  --color-kaipoke-orange-10: #fff4ea;
66  --color-kaipoke-orange-100: #ffebd6;
67  --color-kaipoke-yellow: #ffcc00;
68  --color-kaipoke-yellow-50: #fefaea;
69  --color-kaipoke-yellow-100: #fff1c6;
70
71  --color-orange-50: #fff6eb;  /* orange-03 */
72  --color-orange-100: #ffe8c9; /* sub:bg,border */
73  --color-orange-400: #f68100; /* orange-01 */ 
74  --color-orange-500: #e46500; /* orange-02 */ 
75  --color-orange-600: #d46300; /* sub */
76  --color-orange-700: #bc5305; /* sub */
77
78  --color-orange-01: var(--color-orange-400); /* bg */
79  --color-orange-02: var(--color-orange-500); /* text,bg,border */
80  --color-orange-03: var(--color-orange-50); /* bg,border */
81
82  --color-blue-50: #f3f6ff;
83  --color-blue-100: #ecf1ff;
84  --color-blue-200: #d1e0ff;
85  --color-blue-300: #a8c8fe;
86  --color-blue-400: #6fb0fc;
87  --color-blue-500: #2686e3;
88  --color-blue-600: #1e5d9e;
89  --color-blue-700: #224876;
90  --color-blue-800: #273b57;
91  --color-blue-900: #2a3548;
92
93  --color-blue-01: var(--color-blue-400); /* text */
94  --color-blue-02: var(--color-blue-500); /* text */
95  --color-blue-03: var(--color-blue-50); /* bg */
96
97  --color-red-01: #ff5454; /* 不使用 */
98  --color-red-02: #fe3939; /* 不使用 */
99  --color-red-03: #fdeeee; /* 不使用 */
100  --color-teal-01: #009388;
101  --color-teal-02: #006d65; /* 放デイ */
102  --color-teal-03: #e2f5f3; /* 放デイ */
103
104  --color-black: #333333; /* text */
105  --color-white: #ffffff; /* text,bg,border */
106  --color-gray-01: #121212; /* bg(footer) */
107  --color-gray-02: #707070; /* text,bg */
108  --color-gray-03: #eff1f7; /* bg,border */
109  --color-transparency-01: rgba(51, 51, 51, 0.1);
110
111  --color-home-care-01: #ff9933;
112  --color-home-care-02: #ac5907;
113  --color-home-care-03: #fff7e2;
114  --color-day-service-01: #00b5de;
115  --color-day-service-02: #007590;
116  --color-day-service-03: #effbfd;
117  --color-home-visit-01: #9a4f97;
118  --color-home-visit-02: #92368e;
119  --color-home-visit-03: #fbf4fd;
120  --color-houkan-01: #e95d87; /* 訪看 */
121  --color-houkan-02: #c93d67; /* 訪看 */
122  --color-houkan-03: #fdf5fa; /* 訪看 */
123  --color-after-school-day-service-01: var(--color-teal-01);
124  --color-after-school-day-service-02: var(--color-teal-02);
125  --color-after-school-day-service-03: var(--color-teal-03);
126  --color-opening-01: #0b2e71;
127  --color-opening-02: #062662;
128  --color-opening-03: #effbfd;
129  --color-day-care-01: #edb821;
130  --color-day-care-02: #896704;
131  --color-day-care-03: #fff8e0;
132
133  --number-00: 0px;
134  --number-01: 4px;
135  --number-02: 8px;
136  --number-04: 16px;
137  --number-05: 20px;
138  --number-06: 24px;
139  --number-08: 32px;
140  --number-10: 40px;
141  --number-12: 48px;
142  --number-14: 56px;
143  --number-16: 64px;
144  --number-20: 80px;
145
146  --shadow-black-base: 0px 4px 4px 0px
147    var(--color-transparency-01, rgba(51, 51, 51, 0.1));
148  --shadow-black-default: 0px 4px 4px 0px
149    var(--color-transparency-01, rgba(51, 51, 51, 0.1));
150  --shadow-black-hover: 0px 16px 24px 0px
151    var(--color-transparency-01, rgba(51, 51, 51, 0.1));
152
153  --shadow-button-default: var(--shadow-black-default);
154  --shadow-button-hover: var(--shadow-black-hover);
155
156  --shadow-card-default: var(--shadow-black-default);
157  --shadow-card-hover: var(--shadow-black-hover);
158
159  /* font-size: 14px */
160  --font-size-14px: 0.875rem;
161  /* font-size: 16px */
162  --font-size-16px: 1rem;
163  /* font-size: 18px */
164  --font-size-18px: 1.125rem;
165  /* font-size: 20px */
166  --font-size-20px: 1.25rem;
167  /* font-size: 24px */
168  --font-size-24px: 1.5rem;
169  /* font-size: 28px */
170  --font-size-28px: 1.75rem;
171  /* font-size: 32px */
172  --font-size-32px: 2rem;
173  /* font-size: 36px */
174  --font-size-36px: 2.25rem;
175  /* font-size: 40px */
176  --font-size-40px: 2.5rem;
177  /* font-size: 48px */
178  --font-size-48px: 3rem;
179  /* font-size: 56px */
180  --font-size-56px: 3.5rem;
181  /* font-size: 60px */
182  --font-size-60px: 3.75rem;
183  /* font-size: 64px */
184  --font-size-64px: 4rem;
185  /*  */
186  --line-height-none: 1;
187  --line-height-small: 1.25;
188  --line-height-smallmedium: 1.4;
189  --line-height-medium: 1.5;
190  --line-height-large: 1.75;
191  --line-height-taller: 2;
192
193  /*  */
194  --layout-margin-inline: auto;
195  --layout-padding-inline: 8px;
196  --layout-column-full: 1200px;
197  --layout-column-12: 1184px;
198  --layout-column-10: 984px;
199  --layout-column-9: 884px;
200  --layout-column-8: 784px;
201  --layout-column-6: 584px;
202  --layout-column-5: 484px;
203  --layout-column-4: 384px;
204  --layout-column-3: 284px;
205  --layout-column-2: 184px;
206  --layout-column-1: 84px;
207
208  /*  */
209  --radius-rounded: 4px;
210  --radius-rounded-lg: 8px;
211  --radius-rounded-2xl: 16px;
212  --radius-rounded-full: 9999px;
213
214  --radius-badge: var(--radius-rounded);
215  --radius-box: var(--radius-rounded-lg);
216  --radius-box-2xl: var(--radius-rounded-2xl);
217  --radius-button: var(--radius-rounded-lg);
218  --radius-card: var(--radius-rounded-2xl);
219}
220</style>
221
222<style>
223.pc-only {
224  display: inline-block;
225}
226.sp-only {
227  display: none;
228}
229@media (max-width: 460px) {
230  .pc-only {
231    display: none;
232  }
233  .sp-only {
234    display: inline-block;
235  }
236}
237*,
238:after,
239:before {
240  box-sizing: border-box;
241}
242html {
243  height: 100%;
244}
245body {
246  color: var(--color-black);
247  background-color: var(--color-white);
248  font-size: var(--font-size-16px);
249  line-height: var(--line-height-large);
250  font-family: Roboto, "Noto Sans JP", Arial, Arial, "Hiragino Sans","ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo,"MS Pゴシック", "MS PGothic", sans-serif;
251  font-weight: 400;
252  min-width: 350px;
253  width: 100%;
254  overflow-x: hidden;
255  position: relative;
256}
257@media (min-width: 960px) {
258  body {
259    min-width: 1200px;
260    overflow-x: scroll;
261    overflow-y: scroll;
262  }
263}
264@media (max-width: 960px) {
265  body {
266    min-width: 350px;
267  }
268}
269@media (max-width: 460px) {
270  body {
271    font-size: var(--font-size-14px);
272    line-height: 1.6;
273  }
274}
275::selection {
276  color: var(--color-white);
277  background-color: var(--color-kaipoke-orange);
278}
279:focus-visible {
280  outline: 2px solid var(--color-kaipoke-orange);
281  outline-offset: 2px;
282}
283img,
284video {
285  max-width: 100%;
286  height: auto;
287  border: none;
288  display: block;
289}
290a {
291  transition: 0.4s;
292}
293a:not([class]),
294.text-link-arrow,
295.js-url-parameter[class="js-url-parameter"] {
296  color: var(--color-blue-02);
297  text-decoration: underline;
298}
299a:not([class]):hover,
300.text-link-arrow:hover,
301.js-url-parameter[class="js-url-parameter"]:hover {
302  color: var(--color-blue-600);
303  text-decoration-thickness: 2px;
304}
305a:not([class]):active,
306.text-link-arrow:active,
307.js-url-parameter[class="js-url-parameter"]:active {
308  color: var(--color-blue-700);
309  background-color: var(--color-blue-50);
310}
311a:not([class])[target="_blank"]:after,
312.text-link-arrow[target="_blank"]:after {
313  /* open_in_new */
314  content: "\e89e";
315  font-family: "Material Symbols Rounded";
316  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
317  line-height: 0;
318}
319.text-link-arrow::before {
320  /* arrow_forward */
321  content: "arrow_forward"; 
322  font-family: "Material Symbols Rounded";
323  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
324  line-height: 0;
325  vertical-align: sub;
326  font-size: 1.2em;
327}
328a:not([class]):hover img {
329  text-decoration: none;
330  opacity: 0.8;
331}
332li {
333  list-style: none;
334}
335summary::-webkit-details-marker {
336  display: none;
337}
338</style>
339
340<style>
341  .header_gnavi_service[data-service="main"] {
342    display: flex;
343    flex-wrap: wrap;
344    justify-content: center;
345    align-items: center;
346    gap: 16px;
347    padding: 20px 16px;
348    background-color: var(--color-gray-03);
349  }
350  .header_gnavi_service_card {
351    display: inline-flex;
352    flex-direction: column;
353    justify-content: center;
354    align-items: center;
355    gap: 8px;
356    padding: 16px 4px;
357    width: 100%;
358    max-width: 200px;
359    background-color: var(--color-white);
360    border: solid 2px var(--color-transparency-01);
361    border-radius: var(--radius-box);
362  }
363  .header_gnavi_service_card:hover {  
364    background-color: var(--color-orange-03);
365    .header_gnavi_service_card_textService {
366      text-decoration: underline;
367    }
368  }
369  .header_gnavi_service_card[data-type="houkan"]:hover {
370    background-color: var(--color-houkan-03);
371  }
372  .header_gnavi_service_card[data-type="after-school-day-service"]:hover {
373    background-color: var(--color-after-school-day-service-03);
374  }
375  .header_gnavi_service_card:active {  
376    color: var(--color-orange-02);
377  }
378  .header_gnavi_service_card[data-type="houkan"]:active {
379    color: var(--color-houkan-02);
380  }
381  .header_gnavi_service_card[data-type="after-school-day-service"]:active {
382    color: var(--color-after-school-day-service-02);
383  }
384  .header_gnavi_service_card:before {
385    font-size: 24px;
386    line-height: 1;
387    color: var(--color-orange-01);
388    font-family: "Material Symbols Rounded";
389    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
390  }
391  .header_gnavi_service_card[data-type="home-helper-service"]:before {
392    /* cottage */
393    content: "\e587";
394  }
395  .header_gnavi_service_card[data-type="day-service"]:before {
396    /* airport_shuttle */
397    content: "\eb3c";
398  }
399  .header_gnavi_service_card[data-type="home-visit"]:before {
400    /* footprint */
401    content: "\f87d";
402  }
403  .header_gnavi_service_card[data-type="houkan"]:before {
404    /* Stethoscope */
405    content: "\f805";
406    color: var(--color-houkan-01);
407  }
408  .header_gnavi_service_card[data-type="after-school-day-service"]:before {
409    /* child_care */
410    content: "\eb41";
411    color: var(--color-after-school-day-service-01);
412  }
413
414  .header_gnavi_service_card[target="_blank"] .header_gnavi_service_card_text:after {
415    /* open_in_new */
416    content: "\e89e";
417    font-family: "Material Symbols Rounded";
418    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
419  }
420
421  .header_gnavi_service_card_text {
422    font-size: 16px;
423    line-height: 1.4;
424
425    display: flex;
426    align-items: center;
427    gap: 8px;
428  }
429  .header_gnavi_service_card_text_small {
430    font-size: 14px;
431    margin-left: -6px;
432  }
433  @media (max-width: 960px) {
434    .header_gnavi_service_card {
435      max-width: 100%;
436      flex-direction: row;
437    }
438  }
439
440    .header_gnavi_service[data-service="all"] {
441    display: flex;
442    flex-wrap: wrap;
443    justify-content: center;
444
445    padding: 24px 16px;
446  }
447  .header_gnavi_service_all {
448    flex: 2;
449
450    max-width: 730px;
451  }
452  .header_gnavi_service_side {
453    flex: 1;
454
455    display: flex;
456    flex-direction: column;
457    max-width: 320px;
458    border-left: solid 2px var(--color-gray-03);
459    padding-left: 28px;
460  }
461  @media (max-width: 960px) {
462    .header_gnavi_service_side {
463      border: none;
464      padding: 0px;
465    }
466  }
467  .header_gnavi_service_hr {
468    border: none;
469    margin-block: 12px;
470  }
471  .header_gnavi_service_subtitle {
472    color: var(--color-gray-02);
473    font-size: 14px;
474    font-weight: bold;
475    padding-left: 8px;
476  }
477  .header_gnavi_service_link_wrapper {
478    display: flex;
479    flex-wrap: wrap;
480    gap: 16px;
481  }
482  .header_gnavi_service_link {
483    display: inline-flex;
484    justify-content: space-between;
485    align-items: center;
486    gap: 8px;
487    padding: 8px;
488    width: 100%;
489    max-width: 224px;
490    border-radius: var(--radius-box);
491
492    line-height: 1.6;
493  }
494  .header_gnavi_service_link:after {
495    /* arrow_forward_ios */
496    content: "\e5e1";
497    font-family: "Material Symbols Rounded";
498    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
499  }
500  .header_gnavi_service_link[data-type="opening"],
501  .header_gnavi_service_link[data-type="home"]{
502    max-width: none;
503    border: solid 2px var(--color-gray-03);
504  }
505  .header_gnavi_service_link:hover {
506    background-color: var(--color-gray-03);
507  }
508  .header_gnavi_service_link:hover .header_gnavi_service_link_text {
509    text-decoration: underline;
510  }
511  .header_gnavi_service_link:active {
512    color: var(--color-orange-02);
513  }
514  .header_gnavi_service_link_icontext {
515    display: inline-flex;
516    justify-content: center;
517    align-items: center;
518    gap: 8px;
519  }
520  .header_gnavi_service_link_icontext:before {
521    font-size: 18px;
522    font-family: "Material Symbols Rounded";
523    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
524    color: var(--color-orange-02);
525  }
526  .header_gnavi_service_link[data-type="opening"] .header_gnavi_service_link_icontext:before {
527    /* domain */
528    content: "\e7ee";
529  }
530  .header_gnavi_service_link[data-type="home"] .header_gnavi_service_link_icontext:before {
531    /* home */
532    content: "\e88a";
533  }
534  @media (max-width: 960px) {
535    .header_gnavi_service[data-service="all"] {
536      font-size: var(--font-size-14px);
537      flex-direction: column;
538      justify-content: flex-start;
539      gap: 24px;
540      padding: 24px 8px;
541    }
542    .header_gnavi_service_link_wrapper {
543      gap: 8px;
544    }
545    .header_gnavi_service_link {
546      max-width: 166px;
547    }
548  }
549
550  .header_gnavi_function_wrapper {
551    display: flex;
552    flex-direction: column;
553    gap: 16px;
554    padding: 24px 16px;
555    background-color: var(--color-gray-03);
556    line-height: 1.4;
557  }
558  .header_gnavi_function {
559    display: flex;
560    flex-wrap: wrap;
561    justify-content: center;
562    gap: 16px;
563    width: 100%;
564
565    @media (max-width: 960px) {
566      flex-direction: column;
567    }
568  }
569  .header_gnavi_function_container {
570    flex: 1;
571    width: 100%;
572    max-width: 440px;
573
574    display: flex;
575    flex-direction: column;
576    gap: 8px;
577  }
578  .header_gnavi_function_container[data-type="opening"] {
579    max-width: 240px;
580  }
581  .header_gnavi_function_container[data-type="opening_function"] {
582    flex: 4;
583    max-width: 100%;
584    .header_gnavi_function_ul {
585     flex-wrap: wrap;
586    }
587  }
588
589  .header_gnavi_function_title {
590    font-size: 16px;
591    font-weight: bold;
592    padding-left: 8px;
593  }
594  .header_gnavi_function_ul {
595    display: flex;
596    gap: 8px;
597    padding: 16px 16px;
598    background-color: var(--color-white);
599    border-radius: var(--radius-box);
600  }
601  .header_gnavi_function_list {
602    flex: 1;
603
604    display: flex;
605    flex-direction: column;
606    gap: 12px;
607    min-width: 100px;
608  }
609  .header_gnavi_function_subtitle {
610    display: flex;
611    align-items: center;
612    gap: 4px;
613
614    font-size: 14px;
615    font-weight: bold;
616    border-bottom: solid 2px var(--color-transparency-01);
617  }
618  .header_gnavi_function_content {
619    display: flex;
620    flex-direction: column;
621  }
622  .header_gnavi_function_link {
623    display: flex;
624    align-items: center;
625    justify-content: space-between;
626    padding: 4px 8px;
627    gap: 4px;
628
629    font-size: 14px;
630    letter-spacing: -0.3px;
631  }
632  .header_gnavi_function_link:after {
633    /* arrow_forward_ios */
634    content: "\e5e1";
635    font-family: "Material Symbols Rounded";
636    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
637    color: var(--color-gray-02);
638    font-size: 10px;
639  pointer-events: none;
640  }
641  .header_gnavi_function_link[target="_blank"]:after {
642    content: "\e89e";
643    font-size: 16px;
644  }
645  .header_gnavi_function_link:hover {
646    background-color: var(--color-gray-03);
647  }
648  .header_gnavi_function_link:hover .header_gnavi_function_link_text{
649    text-decoration: underline;
650  }
651  .header_gnavi_function_link:active {
652    color: var(--color-orange-02);
653  }
654  .header_gnavi_function_hr {
655    border: none;
656    margin-block: 4px;
657  }
658  @media (max-width: 960px) {
659    .header_gnavi_function_subtitle,
660    .header_gnavi_function_link {
661      font-size: 12px;
662    }
663    .header_gnavi_function_container[data-type="opening"] {
664      max-width: none;
665    }
666  }
667
668.header_call {
669  display:inline-flex;
670  align-items: center;
671  gap:8px;
672}
673.header_call_title {
674  display: flex;
675  align-items: center;
676  gap: 2px;
677  font-size: 32px;
678  font-weight: bold;
679  letter-spacing: 1px;
680  line-height: 1;
681}
682.header_call_title:before {
683  /* call */
684  content: "\e0b0";
685  font-family: "Material Symbols Rounded";
686  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
687}
688.header_call_number {
689}
690.header_call_text {
691  font-size:14px;
692}
693.header_call:hover {
694  color: var(--color-blue-600);
695}
696.header_call:hover .header_call_number {
697  text-decoration: underline;
698}
699.header_link_hr {
700  background: var(--color-gray-03); 
701  height: 40px; 
702  width: 1px;
703  border: none;
704}
705.header_link[data-type="login"] {
706  display: inline-flex; 
707  justify-content: center; 
708  align-items: center; 
709  gap: 4px;
710  color: var(--color-blue-02);
711}
712.header_link[data-type="login"]:after {
713  /* login */
714  content: "\ea77";
715  font-family: "Material Symbols Rounded";
716  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
717}
718.header_link[data-type="login"]:hover {
719  color: var(--color-blue-600);
720}
721.header_link[data-type="login"]:hover .header_link_text {
722  text-decoration: underline;
723}
724.header_link[data-type="login"]:hover:after {
725  transform: translateX(2px);
726}
727.header_link[data-type="text"]:hover {
728  color: var(--color-blue-600);
729  text-decoration: underline;
730}
731
732.layout_header_arrow {
733  display: inline-flex;
734}
735.layout_header_arrow:after {
736  content: "\e313";
737  font-family: "Material Symbols Rounded";
738  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
739  font-size: var(--font-size-24px);
740  line-height: 1;
741}
742
743  .header_wrapper {
744    font-size: var(--font-size-16px);
745    position: sticky;
746    top: 0;
747    width: 100%;
748    z-index: 3;
749    background-color: var(--color-white);
750    transition: 0.4s cubic-bezier(0.4, 0, 0.2, 1);
751    @media (max-width: 925px) {
752      /*overflow: hidden;*/
753    }
754    @media (min-width: 925px) {
755      box-shadow: 0 4px 4px rgba(51, 51, 51, 0.1);
756    }
757  }
758  .header_wrapper:has(.header_navi.is-active) {
759    @media (max-width: 925px) {
760      position: fixed;
761      top: 0px;
762      width: 100%;
763    }
764    @media (min-width: 925px) {
765    }
766  }
767  .header_wrapper.is-headIn {
768    @media (max-width: 925px) {
769    }
770    @media (min-width: 925px) {
771      transform: translateY(-70px);
772    }
773  }
774
775  .header_brand {
776    @media (max-width: 925px) {
777      box-shadow: 0 4px 4px rgba(51, 51, 51, 0.1);
778    }
779    @media (min-width: 925px) {
780    }
781  }
782  .header_brand_inner {
783    display: flex;
784    justify-content: space-between;
785    align-items: center;
786    max-width: var(--layout-column-12);
787    margin-inline: var(--layout-margin-inline);
788    padding-inline: var(--layout-padding-inline);
789    @media (max-width: 925px) {
790      padding-right: 0px;
791    }
792    @media (min-width: 925px) {
793      padding-block: 12px;
794    }
795  }
796  .header_brand_logo {
797    @media (max-width: 925px) {
798      max-width: 240px;
799    }
800    @media (min-width: 925px) {
801    }
802  }
803  .header_brand_logoImg {
804    @media (max-width: 925px) {
805    }
806    @media (min-width: 925px) {
807      max-height: 45px;
808    }
809  }
810  .header_brand_content {
811    display: none;
812    @media (max-width: 925px) {
813    }
814    @media (min-width: 925px) {
815      display: flex;
816      gap: 16px;
817    }
818  }
819  .header_brand_call {
820    display: flex;
821    align-items: center;
822    gap: 8px;
823  }
824  .header_brand_callNumber {
825    display: flex;
826    align-items: center;
827    gap: 2px;
828    font-size: var(--font-size-32px);
829    font-weight: bold;
830    letter-spacing: 1px;
831    line-height: var(--line-height-none);
832  }
833  .header_brand_callNumber:before {
834    /* call */
835    content: "\e0b0";
836    font-family: "Material Symbols Rounded";
837    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
838  }
839  .header_brand_callText {
840    font-size: var(--font-size-14px);
841    line-height: var(--line-height-none);
842  }
843  .header_brand_call:hover {
844    color: var(--color-blue-600);
845  }
846  .header_brand_call:active {
847    color: var(--color-blue-700);
848    background-color: var(--color-blue-50);
849  }
850  .header_brand_hr {
851    background: var(--color-gray-03);
852    height: 40px;
853    width: 1px;
854    border: none;
855  }
856  .header_brand_login {
857    display: flex;
858    justify-content: center;
859    align-items: center;
860    gap: 4px;
861    color: var(--color-blue-02);
862  }
863  .header_brand_login:after {
864    /* login */
865    content: "\ea77";
866    font-family: "Material Symbols Rounded";
867    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
868  }
869  .header_brand_loginText {
870    text-decoration: underline;
871  }
872  .header_brand_login:hover {
873    color: var(--color-blue-600);
874    .header_brand_loginText {
875      text-decoration-thickness: 2px;
876    }
877    &:after {
878      transform: translateX(2px);
879    }
880  }
881  .header_brand_login:active {
882    background-color: var(--color-blue-50);
883    color: var(--color-blue-700);
884  }
885  .header_hamburger {
886    @media (max-width: 925px) {
887      display: flex;
888      flex-direction: column;
889      gap: 8px;
890      align-items: center;
891      justify-content: center;
892
893      width: 72px;
894      height: 60px;
895      position: relative;
896      z-index: 10;
897      border: none;
898      color: var(--color-white);
899      background-color: var(--color-orange-02);
900    }
901    @media (min-width: 925px) {
902      display: none;
903    }
904  }
905  .header_hamburger.is-active {
906    @media (max-width: 925px) {
907      .header_hamburger_line {
908        background-color: transparent;
909      }
910      .header_hamburger_line::before {
911        top: 0;
912        transform: rotate(45deg);
913      }
914      .header_hamburger_line::after {
915        top: 0;
916        transform: rotate(-45deg);
917      }
918      .header_hamburger_text::before {
919        content: "閉じる";
920      }
921    }
922    @media (min-width: 925px) {
923    }
924  }
925  .header_hamburger_line {
926    @media (max-width: 925px) {
927      display: block;
928      height: 2px;
929      width: 24px;
930      margin-top: 16px;
931      transform: translateX(0%);
932      background-color: var(--color-white);
933      transition: 0.4s;
934    }
935    @media (min-width: 925px) {
936    }
937  }
938  .header_hamburger_line:before,
939  .header_hamburger_line:after {
940    @media (max-width: 925px) {
941      content: "";
942      position: absolute;
943      display: block;
944      width: 100%;
945      height: 100%;
946      background-color: var(--color-white);
947      transition: inherit;
948    }
949    @media (min-width: 925px) {
950    }
951  }
952  .header_hamburger_line:before {
953    @media (max-width: 925px) {
954      top: -6px;
955    }
956    @media (min-width: 925px) {
957    }
958  }
959  .header_hamburger_line:after {
960    @media (max-width: 925px) {
961      top: 6px;
962    }
963    @media (min-width: 925px) {
964    }
965  }
966  .header_hamburger_text {
967    @media (max-width: 925px) {
968      display: flex;
969      align-items: center;
970      justify-content: center;
971    }
972    @media (min-width: 925px) {
973    }
974  }
975  .header_hamburger_text::before {
976    @media (max-width: 925px) {
977      content: "メニュー";
978      font-size: var(--font-size-14px);
979    }
980    @media (min-width: 925px) {
981    }
982  }
983
984  .header_navi {
985    width: 100%;
986    border-top: solid 1px var(--color-gray-03);
987    border-bottom: solid 1px var(--color-gray-03);
988    /* transition: 0.4s; */
989    @media (max-width: 925px) {
990      visibility: hidden;
991      height: 0px;
992      position: absolute;
993      background: var(--color-white);
994      padding-bottom: 56px;
995      position: fixed;
996      top: 100vh;
997      min-height: 0;
998    }
999    @media (min-width: 925px) {
1000    }
1001  }
1002  .header_navi.is-active {
1003    @media (max-width: 925px) {
1004      visibility: visible;
1005     /* height: 100%; */
1006      overflow: scroll;
1007      top: 60px;
1008      min-height: 92vh;
1009    }
1010    @media (min-width: 925px) {
1011    }
1012  }
1013  .header_navi_ul {
1014    display: flex;
1015    justify-content: space-between;
1016    align-items: center;
1017    max-width: var(--layout-column-12);
1018    margin-inline: var(--layout-margin-inline);
1019    padding-inline: var(--layout-padding-inline);
1020    gap: 0px 24px;
1021    position: relative;
1022
1023    @media (max-width: 925px) {
1024      flex-direction: column;
1025      align-items: flex-start;
1026    }
1027    @media (min-width: 925px) {
1028    }
1029  }
1030  .header_navi_list {
1031    @media (max-width: 925px) {
1032      width: 100%;
1033    }
1034    @media (min-width: 925px) {
1035    }
1036  }
1037  .header_navi_menu {
1038    position: relative;
1039    font-weight: bold;
1040    width: 100%;
1041    height: 100%;
1042    display: flex;
1043    justify-content: flex-start;
1044    align-items: center;
1045    gap: 4px;
1046    @media (max-width: 925px) {
1047      width: 100%;
1048      padding: 16px 24px;
1049    }
1050    @media (min-width: 925px) {
1051      padding: 12px 8px;
1052    }
1053  }
1054  .header_navi_menu:hover {
1055    background-color: var(--color-gray-03);
1056  }
1057  .header_navi_list.is-active .header_navi_menu:before,
1058  .header_navi_menu:hover:before,
1059  .header_navi_list:hover .header_navi_menu:before,
1060  .header_navi_menu.is-active:before {
1061    position: absolute;
1062    bottom: 0px;
1063    left: 0px;
1064    content: "";
1065    width: 100%;
1066    height: 4px;
1067    background-color: var(--color-orange-02);
1068  }
1069  .header_navi_menu:active {
1070    color: var(--color-orange-02);
1071  }
1072  .header_navi_menu[data-type="lists"]:after,
1073  .header_navi_menu[data-type="middle"]:after,
1074  .header_navi_menu[data-type="mega"]:after {
1075    content: "\e313";
1076    font-size: var(--font-size-18px);
1077    font-family: "Material Symbols Rounded";
1078    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
1079    line-height: var(--line-height-none);
1080  }
1081  .header_navi_menu[data-icon="arrow_forward"]:after {
1082    content: "\e5e1";
1083    font-family: "Material Symbols Rounded";
1084    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
1085  }
1086  .header_navi_menuContent {
1087    position: absolute;
1088    visibility: hidden;
1089    opacity: 0;
1090    /* transition: all 0.2s; */
1091    transition: 0.2s;
1092    transform: scale(0.8) translateZ(0px);
1093    transform-origin: top left;
1094
1095    margin-top: 1px;
1096    padding-block: 8px;
1097    background-color: var(--color-white);
1098
1099    @media (max-width: 925px) {
1100    }
1101    @media (min-width: 925px) {
1102      box-shadow: var(--shadow-black-base);
1103    }
1104  }
1105  .header_navi_menu[data-type="mega"] ~ .header_navi_menuContent {
1106    width: 100%;
1107    left: 0;
1108    padding-block: 0px;
1109    transform: scale(1) translateZ(0px);
1110  }
1111  .header_navi_menu[data-type="middle"] ~ .header_navi_menuContent {
1112    padding-block: 0px;
1113  }
1114  .header_navi_list:hover .header_navi_menuContent {
1115    @media (max-width: 925px) {
1116    }
1117    @media (min-width: 925px) {
1118      visibility: visible;
1119      opacity: 1;
1120      transform: scale(1) translateZ(0px);
1121    }
1122  }
1123  .header_navi_menuContent.is-visible {
1124    @media (max-width: 925px) {
1125      visibility: visible;
1126      opacity: 1;
1127      transform: scale(1) translateZ(0px);
1128      pointer-events: auto;
1129      position: relative;
1130    }
1131    @media (min-width: 925px) {
1132      visibility: visible;
1133      opacity: 1;
1134      transform: scale(1) translateZ(0px);
1135    }
1136  }
1137  .header_navi_menuLink {
1138    font-size: var(--font-size-14px);
1139
1140    display: flex;
1141    justify-content: space-between;
1142    align-items: center;
1143    gap: 16px;
1144    padding: 6px 16px;
1145  }
1146  .header_navi_menuLink[data-type="title"] {
1147    font-size: var(--font-size-16px);
1148    font-weight: bold;
1149  }
1150  .header_navi_menuLink:after {
1151    /* arrow_forward_ios */
1152    content: "\e5e1";
1153    font-size: var(--font-size-14px);
1154    line-height: var(--line-height-none);
1155    font-family: "Material Symbols Rounded";
1156    font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
1157    color: var(--color-gray-02);
1158  }
1159/* .header_navi_menuText {
1160  text-decoration: underline;
1161} */
1162.header_navi_menuLink:hover {
1163  background-color: var(--color-gray-03);
1164  .header_navi_menuText {
1165    text-decoration: underline;
1166    /* text-decoration-thickness: 2px; */
1167  }
1168}
1169.header_navi_menuLink:active {
1170  color: var(--color-orange-02);
1171}
1172
1173  .header_navi_cta {
1174    @media (max-width: 925px) {
1175      width: 100%;
1176      display: flex;
1177      flex-direction: column;
1178      gap: 12px;
1179    }
1180    @media (min-width: 925px) {
1181      margin-left: auto;
1182    }
1183  }
1184
1185
1186/* .header_navi_menuFunction */
1187.header_navi_menuFunction {
1188  display: flex;
1189  flex-wrap: wrap;
1190  gap: 24px;
1191  padding: 24px 16px;
1192  background-color: var(--color-gray-03);
1193}
1194.header_navi_menuFunctionTitle {
1195  display: flex;
1196  flex-direction: column;
1197  gap: 8px;
1198}
1199.header_navi_menuFunctionTitleService {
1200  font-size: var(--font-size-16px);
1201  font-weight: bold;
1202}
1203.header_navi_menuFunctionListsWrapper {
1204  padding: 12px 16px;
1205  background-color: var(--color-white);
1206  border-radius: var(--radius-box);
1207  @media (min-width: 925px) {
1208    display: flex;
1209    gap: 8px;
1210  }
1211  @media (max-width: 925px) {
1212    width: 100%;
1213  }
1214}
1215.header_navi_menuFunctionLists {
1216  display: flex;
1217  flex-direction: column;
1218  @media (min-width: 925px) {
1219    min-width: 210px;
1220  }
1221  @media (max-width: 925px) {
1222    width: 100%;
1223  }
1224}
1225.header_navi_menuFunctionListsLink {
1226  font-size: var(--font-size-16px);
1227  display: flex;
1228  justify-content: space-between;
1229  align-items: center;
1230  padding: 4px 16px;
1231}
1232/* .header_navi_menuFunctionListsText {
1233  text-decoration: underline;
1234} */
1235.header_navi_menuFunctionListsLink:after {
1236  /* arrow_forward_ios */
1237  content: "\e5e1";
1238  font-family: "Material Symbols Rounded";
1239  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
1240}
1241.header_navi_menuFunctionListsLink:hover {
1242  background-color: var(--color-gray-03);
1243  .header_navi_menuFunctionListsText {
1244    text-decoration: underline;
1245    /* text-decoration-thickness: 2px; */
1246  }
1247}
1248.header_navi_menuFunctionListsLink:active {
1249  color: var(--color-orange-02);
1250}
1251
1252</style>
1253
1254<style>
1255.footer_scroll {
1256  position: sticky;
1257  bottom: 16px;
1258  right: 16px;
1259  width: 64px;
1260  height: 64px;
1261  margin: -80px 0 16px auto;
1262  z-index: 2;
1263  transition: all 0.4s;
1264  opacity: 0;
1265  visibility: hidden;
1266}
1267.footer_scroll.is-show {
1268  opacity: 1;
1269  visibility: visible;
1270}
1271.footer_scroll_link {
1272  text-indent: 100%;
1273  white-space: nowrap;
1274  overflow: hidden;
1275  width: 100%;
1276  height: 100%;
1277  display: block;
1278  margin: 0 0 0 auto;
1279  position: relative;
1280  background-color: var(--color-white);
1281  border-radius: 50%;
1282  transition: 0.4s;
1283  border: solid 1px var(--color-gray-03);
1284  box-shadow: var(--shadow-card-default);
1285}
1286.footer_scroll_link:before {
1287  content: "";
1288  position: absolute;
1289  z-index: 10;
1290  top: 55%;
1291  left: 50%;
1292  width: 16px;
1293  height: 16px;
1294  border-style: solid;
1295  border-color: var(--color-orange-01);
1296  border-width: 4px 0 0 4px;
1297  transform: translate(-50%, -50%) rotate(45deg);
1298  transition: border-color ease 0.1s;
1299}
1300.footer_scroll_link:after {
1301  content: "";
1302  display: block;
1303  position: absolute;
1304  top: 50%;
1305  left: 50%;
1306  width: 80px;
1307  height: 80px;
1308  border-radius: 50%;
1309  transform: translate(-50%, -50%) scale(0, 0);
1310  transition: transform ease 0.4s;
1311}
1312.footer_scroll_link:hover {
1313  background-color: var(--color-orange-03);
1314  box-shadow: var(--shadow-card-hover);
1315}
1316.footer_scroll_link:active {
1317  box-shadow: var(--shadow-card-default);
1318}
1319.footer_scroll_link:active:before {
1320  border-color: var(--color-orange-02);
1321}
1322@media (max-width: 460px) {
1323  .footer_scroll {
1324    bottom: 64px;
1325    right: 16px;
1326    margin: -32px 0 0 auto;
1327  }
1328}
1329
1330.footer_cta_sp {
1331  display: none;
1332}
1333@media (max-width: 460px) {
1334  .footer_cta_sp {
1335    position: sticky;
1336    bottom: 0;
1337    display: flex;
1338    justify-content: center;
1339    align-items: stretch;
1340    gap: 8px;
1341    padding: 8px 16px;
1342    z-index: 2;
1343    transition: all 0.4s;
1344    opacity: 0;
1345    visibility: hidden;
1346  }
1347  .footer_cta_sp.is-show {
1348    opacity: 1;
1349    visibility: visible;
1350  }
1351}
1352
1353.footer_content {
1354  font-size: var(--font-size-14px);
1355  background: var(--color-gray-01);
1356  padding: 40px 16px;
1357  position: relative;
1358  display: flex;
1359  flex-direction: column;
1360  align-items: flex-start;
1361  gap: 16px;
1362}
1363.footer_content_link {
1364  color: var(--color-white);
1365  /* text-decoration: underline; */
1366  text-decoration: none;
1367}
1368.footer_content_link:hover {
1369  text-decoration: underline;
1370  /* text-decoration-thickness: 2px; */
1371}
1372.footer_content ~ .footer_content:before {
1373  position: absolute;
1374  content: "";
1375  top: -1px;
1376  left: 0;
1377  right: 0;
1378  height: 1px;
1379  width: 100%;
1380  max-width: var(--layout-column-12);
1381  margin: 0 auto;
1382  background-image: linear-gradient(
1383    to right,
1384    var(--color-white) 1px,
1385    transparent 1px
1386  );
1387  background-size: 8px 1px;
1388  background-repeat: repeat-x;
1389}
1390.footer_content_inner {
1391  width: 100%;
1392  max-width: var(--layout-column-12);
1393  margin: 0 auto;
1394  padding: 0px 4px;
1395  color: var(--color-white);
1396  display: flex;
1397  justify-content: space-between;
1398  align-items: flex-start;
1399  gap: 16px;
1400}
1401.footer_content_title {
1402  color: var(--color-white);
1403  font-size: var(--font-size-14px);
1404  font-weight: bold;
1405  max-width: var(--layout-column-12);
1406  margin: 0 auto;
1407  padding: 0px 4px;
1408  width: 100%;
1409}
1410.footer_content_subtitle1 {
1411  color: var(--color-white);
1412  font-size: var(--font-size-14px);
1413  font-weight: bold;
1414  margin-bottom: 8px;
1415}
1416.footer_content_subtitle2 {
1417  color: var(--color-white);
1418  font-size: var(--font-size-14px);
1419  font-weight: bold;
1420  margin-bottom: 8px;
1421  border-bottom: solid 1px var(--color-white);
1422}
1423.footer_content_ul {
1424  display: flex;
1425  flex-direction: column;
1426  gap: 4px;
1427}
1428.footer_info {
1429  padding: 16px;
1430  color: var(--color-blue-02);
1431  background-color: var(--color-white);
1432  font-size: 14px;
1433  display: flex;
1434  flex-direction: row-reverse;
1435  flex-wrap: wrap;
1436  justify-content: center;
1437  align-items: center;
1438  gap: 16px;
1439}
1440.footer_logo {
1441  width: 70px;
1442}
1443.footer_copy {
1444  display: block;
1445  padding: 16px;
1446  color: var(--color-white);
1447  background-color: var(--color-gray-01);
1448  font-size: var(--font-size-14px);
1449  font-family: system-ui;
1450  text-align: center;
1451}
1452@media (min-width: 960px) {
1453  .footer_content_nav {
1454    flex: 1;
1455  }
1456}
1457@media (max-width: 960px) {
1458  .footer_content_inner {
1459    gap: 20px;
1460    flex-wrap: wrap;
1461  }
1462  .footer_content_inner > .footer_content_nav {
1463    width: 47%;
1464  }
1465  .footer_content_inner > .footer_content_nav:nth-of-type(2) {
1466    margin-top: 50px;
1467  }
1468  .footer_content
1469    + .footer_content
1470    .footer_content_inner
1471    > .footer_content_nav:nth-of-type(2) {
1472    margin-top: 0;
1473  }
1474  .footer_info {
1475    text-align: center;
1476  }
1477}
1478@media (max-width: 460px) {
1479  .footer_content_inner > .footer_content_nav {
1480    width: 46%;
1481  }
1482}
1483
1484.footer_content[data-type="sms"] {
1485  background-color: var(--color-black);
1486}
1487.footer_content[data-type="sms"]:before {
1488  display: none;
1489}
1490.footer_content_link[target="_blank"]:after {
1491  content: "\e89e";
1492  font-family: "Material Symbols Rounded";
1493  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
1494  /* margin-left: 4px; */
1495}
1496</style>
1497
1498<style>
1499  .breadcrumb {
1500    font-size: var(--font-size-14px);
1501    background-color: var(--color-blue-03);
1502  }
1503  .breadcrumb_inner {
1504    max-width: 1200px;
1505    margin: 0 auto;
1506    padding: 16px 24px;
1507  }
1508  .breadcrumb_list {
1509    display: inline;
1510  }
1511  .breadcrumb_list:after {
1512    /* chevron_right */
1513    content: "\e5cc";
1514    font-family: "Material Symbols Rounded";
1515    font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
1516    font-weight: bold;
1517    padding: 0 8px;
1518    color: var(--color-gray-02);
1519  }
1520  .breadcrumb_list:last-child:after {
1521    content: "";
1522  }
1523  @media (max-width: 960px) {
1524    .breadcrumb_inner {
1525      padding: 16px;
1526      overflow-x: scroll;
1527      white-space: nowrap;
1528    }
1529  }
1530</style>
1531
1532<style>
1533
1534
1535</style>
1536<style>
1537.layout_section {
1538  @media (max-width: 925px) {
1539    padding: 64px 8px;
1540  }
1541  @media (min-width: 925px) {
1542    padding: 80px 8px;
1543  }
1544}
1545.layout_section_inner {
1546  max-width: var(--layout-column-full);
1547  margin-inline: var(--layout-margin-inline);
1548  padding-inline: var(--layout-padding-inline);
1549
1550  display: flex;
1551  flex-direction: column;
1552  align-items: center;
1553  justify-content: center;
1554  @media (max-width: 925px) {
1555    gap: 28px;
1556  }
1557  @media (min-width: 925px) {
1558    gap: 40px;
1559  }
1560}
1561.layout_section_title {
1562  display: flex;
1563  flex-direction: column;
1564  align-items: center;
1565  justify-content: center;
1566  gap: 16px;
1567}
1568.layout_section_badge {
1569  display: flex;
1570  justify-content: center;
1571  align-items: center;
1572  gap: 8px;
1573  color: var(--color-orange-02);
1574  background-color: var(--color-orange-03);
1575  border-radius: var(--radius-badge);
1576  padding: 4px 16px 2px;
1577  font-weight: bold;
1578}
1579.layout_section_copy {
1580  font-weight: bold;
1581  display: flex;
1582  justify-content: center;
1583  align-items: center;
1584  @media (max-width: 925px) {
1585    font-size: var(--font-size-18px);
1586  }
1587  @media (min-width: 925px) {
1588    font-size: var(--font-size-24px);
1589  }
1590}
1591.layout_section_copy:before,
1592.layout_section_copy:after {
1593  content: "";
1594  display: inline-block;
1595  width: 28px;
1596  height: 2px;
1597  background-color: var(--color-orange-02);
1598}
1599.layout_section_copy:before {
1600  transform: rotate(60deg);
1601}
1602.layout_section_copy:after {
1603  transform: rotate(-60deg);
1604}
1605.layout_section_heading1 {
1606  font-weight: bold;
1607  line-height: var(--line-height-smallmedium);
1608  word-break: auto-phrase;
1609  @media (max-width: 925px) {
1610    font-size: var(--font-size-24px);
1611  }
1612  @media (min-width: 925px) {
1613    font-size: var(--font-size-32px);
1614  }
1615}
1616.layout_section_heading2 {
1617  font-weight: bold;
1618  line-height: var(--line-height-smallmedium);
1619  text-align: center; /* text-center */
1620  @media (max-width: 925px) {
1621    font-size: var(--font-size-24px);
1622  }
1623  @media (min-width: 925px) {
1624    font-size: var(--font-size-36px);
1625  }
1626}
1627.layout_section_heading3 {
1628  font-weight: bold;
1629  @media (max-width: 925px) {
1630    font-size: var(--font-size-18px);
1631  }
1632  @media (min-width: 925px) {
1633    font-size: var(--font-size-24px);
1634  }
1635}
1636
1637.layout_opening {
1638  background: linear-gradient(
1639    180deg,
1640    var(--color-white) 0%,
1641    rgba(255, 241, 198, 0.5) 100%
1642  );
1643}
1644.layout_opening_box {
1645  display: flex;
1646  flex-direction: column;
1647  align-items: center;
1648  gap: 20px;
1649  gap: 16px;
1650  padding: 24px 24px;
1651  background-color: var(--color-white);
1652  border-radius: var(--radius-box);
1653  width: 100%;
1654  max-width: var(--layout-column-10);
1655  position: relative;
1656}
1657.layout_opening_box_title {
1658  color: var(--color-orange-02);
1659  font-size: var(--font-size-18px);
1660  font-weight: bold;
1661}
1662.layout_opening_box_content {
1663  display: flex;
1664  flex-direction: column;
1665  align-items: center;
1666  gap: 8px;
1667}
1668.layout_opening_box_link {
1669  display: flex;
1670  justify-content: center;
1671  align-items: center;
1672  gap: 8px;
1673  line-height: var(--line-height-none);
1674}
1675.layout_opening_box_link:hover {
1676  color: var(--color-blue-600);
1677  .layout_opening_box_number {
1678    text-decoration: underline;
1679  }
1680}
1681.layout_opening_box_link:before {
1682  /* call */
1683  content: "\e0b0";
1684  font-family: "Material Symbols Rounded";
1685  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
1686  @media (max-width: 925px) {
1687    font-size: var(--font-size-32px);
1688  }
1689  @media (min-width: 925px) {
1690    font-size: var(--font-size-48px);
1691  }
1692}
1693.layout_opening_box_number {
1694  font-weight: bold;
1695  @media (max-width: 925px) {
1696    font-size: var(--font-size-32px);
1697  }
1698  @media (min-width: 925px) {
1699    font-size: var(--font-size-48px);
1700  }
1701}
1702.layout_opening_box_text {
1703  font-size: var(--font-size-14px);
1704  line-height: var(--line-height-small);
1705}
1706.layout_opening_box_annotation {
1707  color: var(--color-gray-02);
1708}
1709.layout_opening_box_annotationLink {
1710  font-size: var(--font-size-18px);
1711  font-weight: bold;
1712}
1713.layout_opening_box_picture {
1714  max-width: 80px;
1715  @media (max-width: 925px) {
1716  }
1717  @media (min-width: 925px) {
1718    position: absolute;
1719    bottom: 0px;
1720    right: 18%;
1721  }
1722}
1723
1724.layout_column {
1725  display: grid;
1726  gap: 16px;
1727  width: 100%;
1728  justify-content: center;
1729  align-items: stretch;
1730  grid-template-columns: repeat(auto-fit, minmax(100%, 1fr));
1731}
1732.layout_column[data-gap="80"] {
1733  gap: 80px;
1734}
1735@media (min-width: 925px) {
1736  /* .layout_column {
1737    gap: 32px;
1738  } */
1739  .layout_column[data-width="12"][data-column="1"] {
1740    grid-template-columns: repeat(1, minmax(0, var(--layout-column-12)));
1741  }
1742  .layout_column[data-width="12"][data-column="2"] {
1743    grid-template-columns: repeat(2, minmax(0, var(--layout-column-6)));
1744  }
1745  .layout_column[data-width="12"][data-column="3"] {
1746    grid-template-columns: repeat(3, minmax(0, var(--layout-column-4)));
1747  }
1748  .layout_column[data-width="12"][data-column="4"] {
1749    grid-template-columns: repeat(4, minmax(0, var(--layout-column-3)));
1750  }
1751  .layout_column[data-width="10"][data-column="1"] {
1752    grid-template-columns: repeat(1, minmax(0, var(--layout-column-10)));
1753  }
1754  .layout_column[data-width="10"][data-column="2"] {
1755    grid-template-columns: repeat(2, minmax(0, var(--layout-column-5)));
1756  }
1757  .layout_column[data-width="9"][data-column="3"] {
1758    grid-template-columns: repeat(3, minmax(0, var(--layout-column-3)));
1759  }
1760  .layout_column[data-width="9"][data-column="1"] {
1761    grid-template-columns: repeat(1, minmax(0, var(--layout-column-9)));
1762  }
1763  .layout_column[data-width="8"][data-column="1"] {
1764    grid-template-columns: repeat(1, minmax(0, var(--layout-column-8)));
1765  }
1766  .layout_column[data-width="8"][data-column="2"] {
1767    grid-template-columns: repeat(2, minmax(0, var(--layout-column-4)));
1768  }
1769}
1770</style>
1771
1772<style>
1773/* ────────────────────────────── *
1774 * component_icon 
1775 * ────────────────────────────── */
1776.component_icon {
1777  display: flex;
1778}
1779.component_icon:before {
1780  font-size: var(--font-size-18px);
1781  font-family: "Material Symbols Rounded";
1782  font-weight: normal;
1783  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
1784  line-height: var(--line-height-none);
1785  color: var(--color-orange-02);
1786}
1787.component_icon[data-size="2xl"]:before {
1788  font-size: var(--font-size-24px);
1789}
1790.component_icon[data-type="soft_recept"]:before {
1791  /* devices */
1792  content: "\e1b1";
1793}
1794.component_icon[data-type="soft_tablet"]:before {
1795  /* tablet_mac */
1796  content: "\e331";
1797}
1798.component_icon[data-type="soft_connect"]:before {
1799  /* sync */
1800  content: "\e627";
1801}
1802.component_icon[data-type="biz_shopping"]:before {
1803  /* shopping_cart */
1804  content: "\e8cc";
1805}
1806.component_icon[data-type="biz_payment"]:before {
1807  /* payments */
1808  content: "\ef63";
1809}
1810.component_icon[data-type="biz_accounting"]:before {
1811  /* calculate */
1812  content: "\ea5f";
1813}
1814.component_icon[data-type="biz_operation"]:before {
1815  /* description */
1816  content: "\e873";
1817}
1818.component_icon[data-type="opening"]:before {
1819  /* business_center */
1820  content: "\e0af";
1821}
1822.component_icon[data-type="opening_consulting"]:before {
1823  /* group */
1824  content: "\e7ef";
1825}
1826.component_icon[data-type="opening_application"]:before {
1827  /* assignment */
1828  content: "\e85d";
1829}
1830.component_icon[data-type="opening_equipment"]:before {
1831  /* business_center */
1832  content: "\eb3f";
1833}
1834.component_icon[data-type="opening_management"]:before {
1835  /* home_work */
1836  content: "\ea09";
1837}
1838</style>
1839<style>
1840/* ────────────────────────────── *
1841 * component_textlink 
1842 * ────────────────────────────── */
1843.component_textlink {
1844  display: inline-flex;
1845  align-items: center;
1846  gap: 8px;
1847  font-weight: bold;
1848  color: var(--color-black);
1849}
1850.component_textlink_text {
1851  text-decoration: underline;
1852  text-underline-offset: 2px;
1853  line-height: var(--line-height-smallmedium);
1854}
1855.component_textlink:hover {
1856  .component_textlink_text {
1857    text-decoration-thickness: 2px;
1858  }
1859}
1860.component_textlink:active {
1861  &:after,
1862  .component_textlink_text {
1863    color: var(--color-orange-02);
1864  }
1865}
1866.component_textlink[data-size="base"] {
1867  font-size: var(--font-size-16px);
1868}
1869.component_textlink[data-color="black"] {
1870  color: var(--color-black);
1871}
1872.component_textlink[data-color="white"] {
1873  color: var(--color-white);
1874}
1875.component_textlink:after {
1876  font-family: "Material Symbols Rounded";
1877  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
1878  line-height: var(--line-height-none);
1879}
1880.component_textlink[data-icon="arrow_forward_ios"]:after {
1881  /* arrow_forward_ios */
1882  content: "\e5e1";
1883}
1884.component_textlink[data-icon="arrow_forward_ios"][target="_blank"]:after {
1885  /* open_in_new */
1886  content: "\e89e";
1887}
1888/* ────────────────────────────── *
1889  * component_button 
1890  * ────────────────────────────── */
1891.component_button_section {
1892  background: linear-gradient(
1893    96deg,
1894    #ffc192 3.63%,
1895    #ffdfba 55.97%,
1896    #ffc081 95.78%
1897  );
1898}
1899.component_button_card {
1900  display: flex;
1901  flex-direction: column;
1902  align-items: center;
1903  gap: 8px;
1904  padding: 24px 16px;
1905  background-color: var(--color-white);
1906  border-radius: var(--radius-box);
1907  margin-top: 32px; /* component_button_imageの調整分 */
1908}
1909.component_button_card:nth-of-type(2) {
1910  @media (max-width: 925px) {
1911    order: -1;
1912  }
1913}
1914.component_button_image {
1915  max-width: var(--layout-column-3);
1916  margin-top: -64px;
1917}
1918
1919.component_button_copyset {
1920  display: flex;
1921  flex-direction: column;
1922  align-items: stretch;
1923  gap: 8px;
1924}
1925.component_button_microcopy {
1926  font-weight: bold;
1927  display: flex;
1928  justify-content: center;
1929  align-items: center;
1930  @media (max-width: 925px) {
1931    font-size: var(--font-size-14px);
1932  }
1933  @media (min-width: 925px) {
1934    font-size: var(--font-size-16px);
1935  }
1936}
1937.component_button_microcopy:before {
1938  transform: rotate(60deg);
1939}
1940.component_button_microcopy:after {
1941  transform: rotate(-60deg);
1942}
1943.component_button_microcopy:before,
1944.component_button_microcopy:after {
1945  content: "";
1946  display: inline-block;
1947  width: 28px;
1948  height: 2px;
1949  background-color: var(--color-orange-02);
1950}
1951
1952.component_button_wrapper {
1953  display: flex;
1954  flex-wrap: wrap;
1955  /* align-items: center; */
1956  align-items: flex-end;
1957  gap: 24px 16px;
1958  @media (max-width: 925px) {
1959    flex-direction: column-reverse;
1960    align-items: stretch;
1961  }
1962}
1963
1964.component_button {
1965  font-weight: bold;
1966  line-height: var(--line-height-small);
1967  display: flex;
1968  align-items: center;
1969  justify-content: center;
1970  gap: 8px;
1971  border-radius: var(--radius-button);
1972  border-width: 2px;
1973  border-style: solid;
1974  transition: 0.2s;
1975  box-shadow: var(--shadow-button-default);
1976  text-decoration: none;
1977}
1978@media (max-width: 925px) {
1979  .component_button {
1980    width: 100%;
1981  }
1982}
1983.component_button:hover {
1984  box-shadow: var(--shadow-button-hover);
1985}
1986.component_button:active {
1987  box-shadow: var(--shadow-button-default);
1988}
1989
1990
1991/* data-size */
1992.component_button[data-size="base"] {
1993  font-size: var(--font-size-16px);
1994  padding: 8px 16px;
1995}
1996.component_button[data-size="base"]::after {
1997  font-size: var(--font-size-18px);
1998}
1999.component_button[data-size="xl"] {
2000  font-size: var(--font-size-20px);
2001  padding: 12px 24px;
2002  min-width: 240px;
2003}
2004.component_button[data-size="xl"]::after {
2005  font-size: var(--font-size-24px);
2006}
2007.component_button[data-size="xxl"] {
2008  font-size: var(--font-size-24px);
2009  padding: 14px 24px;
2010  min-width: 260px;
2011}
2012.component_button[data-size="xxl"]:after {
2013  font-size: var(--font-size-28px);
2014}
2015
2016/* data-color */
2017/* 000 内部リンク */
2018.component_button[data-color="000"] {
2019  color: var(--color-black);
2020  background-color: var(--color-white);
2021  border-color: var(--color-gray-03);
2022}
2023.component_button[data-color="000"]:hover {
2024  color: var(--color-black);
2025  background-color: var(--color-orange-50);
2026  border-color: var(--color-gray-03);
2027}
2028.component_button[data-color="000"]:active {
2029  color: var(--color-black);
2030  background-color: var(--color-orange-100);
2031  border-color: var(--color-gray-03);
2032}
2033.component_button[data-color="000"]:before,
2034.component_button[data-color="000"]:after {
2035  color: var(--color-orange-500);
2036}
2037
2038/* 001 優先度1 */
2039.component_button[data-color="001"] {
2040  color: var(--color-white);
2041  background-color: var(--color-blue-500);
2042  border-color: var(--color-blue-500);
2043}
2044.component_button[data-color="001"]:hover {
2045  background-color: var(--color-blue-600);
2046  border-color: var(--color-blue-600);
2047}
2048.component_button[data-color="001"]:active {
2049  background-color: var(--color-blue-700);
2050  border-color: var(--color-blue-700);
2051}
2052
2053/* 002 優先度2 */
2054.component_button[data-color="002"] {
2055  color: var(--color-orange-500);
2056  background-color: var(--color-white);
2057  border-color: var(--color-orange-100);
2058}
2059.component_button[data-color="002"]:hover {
2060  color: var(--color-orange-600);
2061  background-color: var(--color-orange-50);
2062  border-color: var(--color-orange-100);
2063}
2064.component_button[data-color="002"]:active {
2065  color: var(--color-orange-700);
2066  background-color: var(--color-orange-100);
2067  border-color: var(--color-orange-100);
2068}
2069
2070/* login ログイン */
2071.component_button[data-color="login"] {
2072  color: var(--color-blue-500);
2073  background-color: var(--color-white);
2074  border-color: var(--color-blue-500);
2075}
2076.component_button[data-color="login"]:hover {
2077  color: var(--color-blue-600);
2078  background-color: var(--color-blue-50);
2079  border-color: var(--color-blue-600);
2080}
2081.component_button[data-color="login"]:active {
2082  color: var(--color-blue-700);
2083  background-color: var(--color-blue-100);
2084  border-color: var(--color-blue-700);
2085}
2086
2087/* data-icon */
2088.component_button[data-icon="arrow_forward"]::after {
2089  content: "\e5c8";
2090  font-family: "Material Symbols Rounded";
2091  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2092}
2093.component_button[data-icon="arrow_back"]::before {
2094  content: "\e5c4";
2095  font-family: "Material Symbols Rounded";
2096  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2097}
2098.component_button[data-icon="login"]::after {
2099  content: "\ea77";
2100  font-family: "Material Symbols Rounded";
2101  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2102}
2103
2104/* ────────────────────────────── *
2105  * component_details 
2106  * ────────────────────────────── */
2107.component_details {
2108  width: 100%;
2109  background-color: var(--color-white);
2110  border-radius: 8px;
2111  box-shadow: var(--shadow-card-default);
2112  border: solid 1px var(--color-gray-03);
2113}
2114.component_details:hover {
2115  box-shadow: var(--shadow-card-hover);
2116}
2117.component_details[open] {
2118  box-shadow: var(--shadow-card-hover);
2119}
2120.component_details[open] .component_details_content {
2121  background-color: var(--color-gray-03);
2122}
2123
2124.component_details[open] .component_details_summary::after {
2125  /* remove */
2126  content: "\e15b";
2127  transform: rotate(180deg);
2128}
2129
2130.component_details_summary,
2131.component_details_content {
2132  display: flex;
2133  gap: 8px;
2134}
2135
2136.component_details_summary {
2137  align-items: center;
2138  padding: 12px 20px;
2139  list-style: none;
2140  border-radius: 8px;
2141  cursor: pointer;
2142  @media (max-width: 925px) {
2143    font-size: var(--font-size-14px);
2144  }
2145  @media (min-width: 925px) {
2146    font-size: var(--font-size-18px);
2147  }
2148}
2149.component_details_summary:after {
2150  margin-left: auto;
2151  content: "\e145";
2152  color: var(--color-orange-02);
2153  font-size: var(--font-size-24px);
2154  font-family: "Material Symbols Rounded";
2155  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2156  transition: 0.4s;
2157}
2158
2159.component_details_content {
2160  padding: 24px 20px;
2161  border-radius: 0px 0px 8px 8px;
2162}
2163.component_details_text {
2164  flex: 1;
2165  display: flex;
2166  flex-direction: column;
2167  gap: 8px;
2168}
2169.component_details_answer {
2170  font-size: var(--font-size-18px);
2171  font-weight: bold;
2172}
2173.component_details[data-icon="question_mark"]
2174  .component_details_summary:before {
2175  content: "\eb8b";
2176  content: "Q.";
2177  color: var(--color-orange-02);
2178  font-weight: bold;
2179  width: 24px;
2180  display: flex;
2181  justify-content: center;
2182}
2183.component_details[data-icon="question_mark"]
2184  .component_details_content::before {
2185  content: "A.";
2186  color: var(--color-blue-02);
2187  font-weight: bold;
2188  width: 24px;
2189  display: flex;
2190  justify-content: center;
2191}
2192
2193/* ────────────────────────────── *
2194 * .component_numbering 
2195 * ────────────────────────────── */
2196.component_numbering {
2197  display: flex;
2198  flex-direction: column;
2199  align-items: center;
2200  line-height: 1;
2201  font-size: var(--font-size-14px);
2202  font-weight: bold;
2203  text-transform: uppercase;
2204}
2205.component_numbering[data-color="blue"] {
2206  color: var(--color-blue-600);
2207}
2208.component_numbering[data-color="orange"] {
2209  color: var(--color-orange-600);
2210}
2211.component_numbering:after {
2212  content: attr(data-number);
2213  font-size: var(--font-size-40px);
2214  font-style: italic;
2215  letter-spacing: 10px;
2216}
2217
2218/* ────────────────────────────── *
2219 * .component_badge 
2220 * ────────────────────────────── */
2221.component_badge {
2222  display: flex;
2223  justify-content: center;
2224  align-items: center;
2225  gap: 8px;
2226  padding: 8px 12px;
2227  border-radius: var(--radius-badge);
2228  background-color: var(--color-orange-03);
2229  color: var(--color-orange-02);
2230  font-weight: bold;
2231  line-height: var(--line-height-none);
2232}
2233
2234/* ────────────────────────────── *
2235 * .component_balloon 
2236 * ────────────────────────────── */
2237.component_balloon {
2238  padding: 8px 16px;
2239  background-color: var(--color-gray-03);
2240  border-radius: var(--radius-box);
2241}
2242.component_balloon[data-color="orange"] {
2243  background-color: var(--color-orange-03);
2244}
2245.component_balloon[data-color="orange-100"] {
2246  background-color: var(--color-orange-100);
2247}
2248.component_balloon[data-color="white"] {
2249  background-color: var(--color-white);
2250}
2251.component_balloon[data-color="gray"] {
2252  background-color: var(--color-gray-03);
2253}
2254  
2255/* ────────────────────────────── *
2256 * .component_list 
2257 * ────────────────────────────── */
2258.component_list_wrapper {
2259  display: flex;
2260  flex-direction: column;
2261  align-items: flex-start;
2262  gap: 4px;
2263}
2264.component_list_wrapper[data-direction="row-wrap"] {
2265  flex-direction: row;
2266  flex-wrap: wrap;
2267  gap: 4px 16px;
2268}
2269.component_list {
2270  display: flex;
2271  gap: 4px;
2272}
2273.component_list:before {
2274  content: "\e86c";
2275  font-family: "Material Symbols Rounded";
2276  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2277  color: var(--color-orange-02);
2278  font-weight: normal;
2279  line-height: var(--line-height-medium);
2280}
2281
2282.component_list[data-color="orange"]:before {
2283  color: var(--color-orange-02);
2284}
2285
2286.component_list[data-icon="star"]:before {
2287  /* star */
2288  content: "\e838";
2289  font-family: "Material Symbols Rounded";
2290  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
2291  color: var(--color-orange-02);
2292  line-height: var(--line-height-medium);
2293}
2294
2295/* ────────────────────────────── *
2296 * .component_article 
2297 * ────────────────────────────── */
2298.component_article {
2299  width: 100%;
2300  display: flex;
2301  flex-direction: column;
2302  align-items: center;
2303  background-color: var(--color-white);
2304  border-radius: var(--radius-card);
2305  box-shadow: var(--shadow-card-default);
2306  border: solid 1px var(--color-gray-03);
2307  overflow: hidden;
2308  @media (max-width: 925px) {
2309  }
2310  @media (min-width: 925px) {
2311  }
2312}
2313.component_article_thumbnail {
2314  width: 100%;
2315  flex: 2;
2316  display: flex;
2317  flex-direction: column;
2318  align-items: center;
2319  gap: 8px;
2320  padding: 28px 24px;
2321  background-size: cover;
2322  background-repeat: no-repeat;
2323  background-position: center;
2324  transition: background-size 0.4s ease-in-out, background-position 0.4s ease-in-out;
2325}
2326.component_article:nth-of-type(5n+1) .component_article_thumbnail {
2327  background-image: url(/asset/img/entries/related/entries_related_bg001.webp);
2328}
2329.component_article:nth-of-type(5n+2) .component_article_thumbnail {
2330  background-image: url(/asset/img/entries/related/entries_related_bg002.webp);
2331}
2332.component_article:nth-of-type(5n+3) .component_article_thumbnail {
2333  background-image: url(/asset/img/entries/related/entries_related_bg003.webp);
2334}
2335.component_article:nth-of-type(5n+4) .component_article_thumbnail {
2336  background-image: url(/asset/img/entries/related/entries_related_bg004.webp);
2337}
2338.component_article:nth-of-type(5n) .component_article_thumbnail {
2339  background-image: url(/asset/img/entries/related/entries_related_bg005.webp);
2340}
2341.component_article_category {
2342  color: var(--color-orange-02);
2343  font-weight: bold;
2344}
2345.component_article_title {
2346  font-weight: bold;
2347  line-height: var(--line-height-medium);
2348  transition: 0.4s;
2349  display: -webkit-box; /* 3行 */
2350  overflow: hidden;
2351  -webkit-line-clamp: 3;
2352  -webkit-box-orient: vertical;
2353}
2354.component_article_title[data-size="lg"] {
2355  font-size: var(--font-size-18px);
2356}
2357.component_article_content {
2358  flex: 1;
2359  padding: 16px 24px 0px;
2360}
2361.component_article_paragraph {
2362  display: -webkit-box;
2363  overflow: hidden;
2364  -webkit-line-clamp: 3;
2365  -webkit-box-orient: vertical;
2366}
2367.component_article_more {
2368  color: var(--color-blue-02);
2369  font-weight: bold;
2370  display: flex;
2371  align-items: center;
2372  gap: 4px;
2373  padding: 16px 24px;
2374}
2375.component_article_more:after {
2376  /* arrow_forward */
2377  content: "\e5c8";
2378  font-family: "Material Symbols Rounded";
2379  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2380  font-size: var(--font-size-18px);
2381}
2382.component_article_text {
2383  text-decoration: underline;
2384}
2385.component_article:hover {
2386  box-shadow: var(--shadow-card-hover);
2387  background-color: var(--color-orange-03);
2388  .component_article_more {
2389    color: var(--color-blue-600);
2390  }
2391  .component_article_text {
2392    text-decoration-thickness: 2px;
2393  }
2394}
2395.component_article:active {
2396  box-shadow: var(--shadow-card-default);
2397  .component_article_title {
2398    color: var(--color-orange-02);
2399  }
2400  .component_article_more {
2401    color: var(--color-blue-700);
2402  }
2403}
2404
2405/* ────────────────────────────── *
2406 * component_card
2407 * ────────────────────────────── */
2408.component_card {
2409  display: flex;
2410  flex-direction: column;
2411  gap: 16px;
2412  padding: 32px 24px;
2413  margin-inline: auto;
2414  max-width: 528px;
2415  background-color: var(--color-white);
2416  border-radius: var(--radius-card);
2417  border: solid 1px var(--color-gray-03);
2418  box-shadow: var(--shadow-card-default);
2419  @media (max-width: 925px) {
2420  }
2421  @media (min-width: 925px) {
2422    padding: 32px;
2423  }
2424}
2425.component_card:hover {
2426  background-color: var(--color-orange-03);
2427  box-shadow: var(--shadow-card-hover);
2428
2429  .component_card_image {
2430    transform: scale(1.1);
2431  }
2432  .component_card_more {
2433    color: var(--color-blue-600);
2434  }
2435  .component_card_more:before {
2436    text-decoration-thickness: 2px;
2437  }
2438}
2439.component_card:active {
2440  box-shadow: var(--shadow-card-default);
2441
2442  .component_card_title,
2443  .component_card_subtitle {
2444    transition: 0.4s;
2445    color: var(--color-orange-02);
2446  }
2447  .component_card_more {
2448    color: var(--color-blue-700);
2449  }
2450}
2451.component_card_picture {
2452  overflow: hidden;
2453  border-radius: var(--radius-box);
2454}
2455.component_card_image {
2456  transition: 0.4s;
2457  aspect-ratio: 16/9;
2458  object-fit: cover;
2459}
2460.component_card_content {
2461  display: flex;
2462  flex-direction: column;
2463  gap: 8px;
2464}
2465.component_card_feature {
2466  display: flex;
2467  flex-direction: column;
2468  gap: 8px;
2469  @media (max-width: 925px) {
2470  }
2471  @media (min-width: 925px) {
2472    flex-direction: row;
2473    align-items: flex-start;
2474    gap: 16px;
2475  }
2476}
2477.component_card_badge {
2478  color: var(--color-orange-02);
2479  font-weight: bold;
2480  @media (max-width: 925px) {
2481  }
2482  @media (min-width: 925px) {
2483    background-color: var(--color-orange-03);
2484    border-radius: var(--radius-badge);
2485    padding: 8px 12px;
2486    line-height: var(--line-height-none);
2487    width: 96px;
2488    display: flex;
2489    justify-content: center;
2490    align-items: center;
2491  }
2492}
2493.component_card_ul {
2494  font-size: var(--font-size-14px);
2495  @media (max-width: 925px) {
2496  }
2497  @media (min-width: 925px) {
2498    flex: 1;
2499  }
2500}
2501.component_card_list {
2502  display: flex;
2503  align-items: flex-start;
2504  gap: 8px;
2505  font-size: var(--font-size-14px);
2506  line-height: var(--line-height-medium);
2507  @media (max-width: 925px) {
2508  }
2509  @media (min-width: 925px) {
2510    font-size: var(--font-size-16px);
2511  }
2512}
2513.component_card_list:before {
2514  content: "";
2515  display: inline-flex;
2516  width: 6px;
2517  height: 6px;
2518  background-color: var(--color-orange-02);
2519  border-radius: var(--radius-rounded-full);
2520  margin-top: 8px;
2521}
2522.component_card_listText {
2523  flex: 1;
2524}
2525.component_card_title {
2526  font-weight: bold;
2527  line-height: var(--line-height-medium);
2528  @media (max-width: 925px) {
2529    font-size: var(--font-size-20px);
2530  }
2531  @media (min-width: 925px) {
2532    font-size: var(--font-size-24px);
2533  }
2534}
2535.component_card_description {
2536  line-height: var(--line-height-medium);
2537  display: -webkit-box;
2538  overflow: hidden;
2539  -webkit-line-clamp: 3;
2540  -webkit-box-orient: vertical;
2541  @media (max-width: 925px) {
2542    font-size: var(--font-size-14px);
2543  }
2544  @media (min-width: 925px) {
2545    font-size: var(--font-size-16px);
2546  }
2547}
2548.component_card_subtitle {
2549  font-weight: bold;
2550  line-height: var(--line-height-medium);
2551  @media (max-width: 925px) {
2552    font-size: var(--font-size-18px);
2553  }
2554  @media (min-width: 925px) {
2555    font-size: var(--font-size-20px);
2556  }
2557}
2558.component_card_company {
2559  font-weight: bold;
2560}
2561.component_card_annotation {
2562  font-size: var(--font-size-14px);
2563  color: var(--color-gray-02);
2564  @media (max-width: 925px) {
2565  }
2566  @media (min-width: 925px) {
2567    font-size: var(--font-size-16px);
2568  }
2569}
2570.component_card_more {
2571  color: var(--color-blue-02);
2572  font-weight: bold;
2573  display: flex;
2574  justify-content: center;
2575  align-items: center;
2576  gap: 4px;
2577  margin-top: auto;
2578}
2579.component_card_more:before {
2580  content: "詳しく見る";
2581  text-decoration: underline;
2582}
2583.component_card_more:after {
2584  /* arrow_forward */
2585  content: "\e5c8";
2586  font-family: "Material Symbols Rounded";
2587  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
2588  font-size: var(--font-size-18px);
2589}
2590.component_card[target="_blank"] .component_card_more:after {
2591  /* open_in_new */
2592  content: "\e89e";
2593}
2594
2595/*  */
2596/* ────────────────────────────── *
2597 * .component_functionCard1 
2598 * ────────────────────────────── */
2599.component_functionCard1 {
2600  display: flex;
2601  flex-direction: column;
2602  align-items: stretch;
2603  background-color: var(--color-white);
2604  border: solid 1px var(--color-gray-03);
2605  border-radius: var(--radius-card);
2606  box-shadow: var(--shadow-card-default);
2607  transition: 0.4s;
2608  @media (max-width: 925px) {
2609    gap: 16px;
2610    padding: 16px;
2611  }
2612  @media (min-width: 925px) {
2613    gap: 16px;
2614    padding: 32px;
2615  }
2616}
2617.component_functionCard1:hover {
2618  background-color: var(--color-orange-03);
2619  box-shadow: var(--shadow-card-hover);
2620}
2621.component_functionCard1:active {
2622  box-shadow: var(--shadow-card-default);
2623
2624  .component_functionCard1_title {
2625    transition: 0.4s;
2626    color: var(--color-orange-02);
2627  }
2628}
2629.component_functionCard1_header {
2630  display: flex;
2631  justify-content: space-between;
2632  align-items: center;
2633  gap: 16px;
2634}
2635.component_functionCard1_header:after {
2636  /* arrow_forward */
2637  content: "\e5c8";
2638  font-family: "Material Symbols Rounded";
2639  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2640  color: var(--color-blue-02);
2641  @media (max-width: 925px) {
2642    font-size: var(--font-size-20px);
2643  }
2644  @media (min-width: 925px) {
2645    font-size: var(--font-size-24px);
2646  }
2647}
2648.component_functionCard1[target="_blank"]
2649  .component_functionCard1_header:after {
2650  /* open_in_new */
2651  content: "\e89e";
2652}
2653.component_functionCard1_picture {
2654  @media (max-width: 925px) {
2655    max-width: 40px;
2656  }
2657  @media (min-width: 925px) {
2658    max-width: 56px;
2659  }
2660}
2661.component_functionCard1_picture[data-style="rounded"] {
2662  border-radius: var(--radius-box);
2663  overflow: hidden;
2664}
2665.component_functionCard1_title {
2666  flex: 1;
2667  font-weight: bold;
2668  @media (max-width: 925px) {
2669    font-size: var(--font-size-18px);
2670  }
2671  @media (min-width: 925px) {
2672    font-size: var(--font-size-20px);
2673  }
2674}
2675.component_functionCard1_content {
2676  flex: 1;
2677
2678  display: flex;
2679  flex-direction: column;
2680  gap: 4px;
2681}
2682
2683/* ────────────────────────────── *
2684 * .component_functionCard2 
2685 * ────────────────────────────── */
2686.component_functionCard2 {
2687  display: flex;
2688  flex-direction: column;
2689  justify-content: flex-start;
2690  align-items: center;
2691  gap: 16px;
2692  padding: 24px 24px;
2693  background-color: var(--color-white);
2694  border-radius: var(--radius-card);
2695  transition: 0.4s;
2696  box-shadow: var(--shadow-card-default);
2697  border: solid 1px var(--color-gray-03);
2698  @media (max-width: 925px) {
2699    flex-direction: row;
2700    flex-wrap: wrap;
2701  }
2702  @media (min-width: 925px) {
2703  }
2704}
2705.component_functionCard2:hover {
2706  background-color: var(--color-orange-03);
2707  box-shadow: var(--shadow-card-hover);
2708}
2709.component_functionCard2:active {
2710  background-color: var(--color-orange-03);
2711  box-shadow: var(--shadow-card-default);
2712  .component_functionCard2_heading3 {
2713    color: var(--color-orange-02);
2714  }
2715}
2716.component_functionCard2[tabindex="-1"] {
2717  pointer-events: none;
2718  box-shadow: none;
2719  .component_functionCard2_more:before,
2720  .component_functionCard2_more:after {
2721    content: "";
2722  }
2723}
2724.component_functionCard2_picture {
2725  max-width: 56px;
2726}
2727/* .component_functionCard2_image {
2728} */
2729.component_functionCard2_content {
2730  display: flex;
2731  flex-direction: column;
2732  justify-content: flex-start;
2733  align-items: center;
2734  gap: 8px;
2735  line-height: var(--line-height-medium);
2736  @media (max-width: 925px) {
2737    flex: 1;
2738    align-items: flex-start;
2739  }
2740  @media (min-width: 925px) {
2741  }
2742}
2743.component_functionCard2_heading3 {
2744  font-weight: bold;
2745  line-height: var(--line-height-small);
2746  @media (max-width: 925px) {
2747    font-size: var(--font-size-18px);
2748  }
2749  @media (min-width: 925px) {
2750    text-align: center; /* text-center */
2751    font-size: var(--font-size-20px);
2752  }
2753}
2754.component_functionCard2_more {
2755  display: flex;
2756  justify-content: center;
2757  align-items: center;
2758  gap: 4px;
2759  margin-top: auto;
2760
2761  color: var(--color-blue-02);
2762  font-weight: bold;
2763  @media (max-width: 925px) {
2764    width: 100%;
2765    justify-content: flex-end;
2766  }
2767  @media (min-width: 925px) {
2768  }
2769}
2770.component_functionCard2_more:before {
2771  content: "詳しく見る";
2772  text-decoration: underline;
2773}
2774.component_functionCard2_more:after {
2775  /* arrow_forward */
2776  content: "\e5c8";
2777  font-family: "Material Symbols Rounded";
2778  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
2779  font-size: var(--font-size-18px);
2780}
2781.component_functionCard2[target="_blank"] .component_functionCard2_more:after {
2782  /* open_in_new */
2783  content: "\e89e";
2784}
2785.component_functionCard2:hover .component_functionCard2_more:before {
2786  text-decoration-thickness: 2px;
2787}
2788
2789/* ────────────────────────────── *
2790 * .component_serviceCard1 
2791 * ────────────────────────────── */
2792.component_serviceCard1_section {
2793  background-color: var(--color-orange-03);
2794}
2795.component_serviceCard1 {
2796  display: flex;
2797  flex-direction: column;
2798  gap: 24px;
2799  padding: 24px 24px;
2800  background-color: var(--color-white);
2801  border-radius: var(--radius-card);
2802  transition: 0.4s;
2803  color: var(--color-black);
2804  text-decoration: none;
2805  border: solid 1px var(--color-gray-03);
2806  box-shadow: var(--shadow-card-default);
2807}
2808.component_serviceCard1:hover {
2809  background-color: var(--color-orange-03);
2810  box-shadow: var(--shadow-card-hover);
2811}
2812.component_serviceCard1:active {
2813  box-shadow: var(--shadow-card-default);
2814}
2815/* 
2816.component_serviceCard1[data-type="houkan"]:hover {
2817  background-color: var(--color-houkan-03);
2818}
2819.component_serviceCard1[data-type="houday"]:hover {
2820  background-color: var(--color-teal-03);
2821}
2822.component_serviceCard1[data-type="opening"]:hover {
2823  background-color: var(--color-opening-03);
2824}
2825  */
2826.component_serviceCard1_image {
2827  border-radius: var(--radius-box);
2828}
2829.component_serviceCard1_content {
2830  display: flex;
2831  flex-direction: column;
2832  gap: 16px;
2833}
2834.component_serviceCard1_heading3 {
2835  font-weight: bold;
2836  @media (max-width: 925px) {
2837    font-size: var(--font-size-18px);
2838  }
2839  @media (min-width: 925px) {
2840    font-size: var(--font-size-20px);
2841  }
2842}
2843.component_serviceCard1_more {
2844  display: flex;
2845  justify-content: center;
2846  align-items: center;
2847  gap: 4px;
2848
2849  color: var(--color-blue-02);
2850  font-weight: bold;
2851}
2852.component_serviceCard1_more:before {
2853  content: "詳しく見る";
2854  text-decoration: underline;
2855}
2856.component_serviceCard1_more:after {
2857  /* arrow_forward */
2858  content: "\e5c8";
2859  font-family: "Material Symbols Rounded";
2860  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
2861  font-size: var(--font-size-18px);
2862}
2863.component_serviceCard1[target="_blank"] .component_serviceCard1_more:after {
2864  /* open_in_new */
2865  content: "\e89e";
2866}
2867.component_serviceCard1_text {
2868  text-decoration: underline;
2869}
2870.component_serviceCard1:hover .component_serviceCard1_more:before {
2871  text-decoration-thickness: 2px;
2872}
2873.component_serviceCard1:hover .component_serviceCard1_more {
2874  color: var(--color-blue-600);
2875}
2876.component_serviceCard1:active .component_serviceCard1_more {
2877  color: var(--color-blue-700);
2878}
2879
2880/* ────────────────────────────── *
2881 * .component_serviceCard2 
2882 * ────────────────────────────── */
2883.component_serviceCard2 {
2884  display: flex;
2885  justify-content: space-between;
2886  align-items: center;
2887  gap: 8px;
2888  padding: 12px 16px;
2889  background-color: var(--color-white);
2890  border-radius: var(--radius-card);
2891  font-size: var(--font-size-18px);
2892  font-weight: bold;
2893  color: var(--color-black);
2894  text-decoration: none;
2895  border: solid 1px var(--color-gray-03);
2896  box-shadow: var(--shadow-card-default);
2897  transition: 0.4s;
2898}
2899.component_serviceCard2:after {
2900  /* arrow_forward */
2901  content: "\e5c8";
2902  font-family: "Material Symbols Rounded";
2903  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
2904  font-size: var(--font-size-18px);
2905}
2906.component_serviceCard2[target="_blank"]:after {
2907  /* open_in_new */
2908  content: "\e89e";
2909}
2910.component_serviceCard2:hover {
2911  background-color: var(--color-orange-03);
2912  box-shadow: var(--shadow-card-hover);
2913  .component_serviceCard2_text {
2914    text-decoration: underline;
2915  }
2916}
2917.component_serviceCard2:active {
2918  box-shadow: var(--shadow-card-default);
2919  .component_serviceCard2_text {
2920    color: var(--color-orange-02);
2921  }
2922}
2923
2924/* ────────────────────────────── */
2925/* .component_combinationTable */
2926/* ────────────────────────────── */
2927.component_combinationTable {
2928  display: flex;
2929  gap: 8px;
2930
2931  @media (max-width: 925px) {
2932    flex-direction: column;
2933  }
2934  @media (min-width: 925px) {
2935  }
2936}
2937.component_combinationTable_header {
2938  display: flex;
2939  flex-direction: column;
2940  justify-content: center;
2941  align-items: center;
2942  gap: 8px;
2943
2944  font-size: var(--font-size-20px);
2945  font-weight: bold;
2946  color: var(--color-white);
2947  background-color: var(--color-orange-02);
2948  border-radius: var(--radius-box);
2949  padding: 16px 20px;
2950
2951  @media (max-width: 925px) {
2952  }
2953  @media (min-width: 925px) {
2954    min-width: 236px;
2955  }
2956}
2957.component_combinationTable_headerTitle {
2958}
2959.component_combinationTable_headerPlus:before {
2960  /* add */
2961  content: "\e145";
2962  font-family: "Material Symbols Rounded";
2963  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
2964  width: 24px;
2965  height: 24px;
2966  display: flex;
2967  justify-content: center;
2968  align-items: center;
2969  color: var(--color-orange-02);
2970  line-height: var(--line-height-none);
2971  background-color: var(--color-white);
2972  border-radius: var(--radius-rounded-full);
2973}
2974.component_combinationTable_headerService {
2975}
2976.component_combinationTable_headerServiceNumber {
2977  font-size: var(--font-size-28px);
2978  line-height: var(--line-height-none);
2979}
2980.component_combinationTable_bodyWrapper {
2981  flex: 1;
2982
2983  background-color: var(--color-orange-03);
2984  border-radius: var(--radius-box);
2985}
2986.component_combinationTable_body {
2987  display: flex;
2988  border-bottom: solid 2px var(--color-gray-03);
2989}
2990.component_combinationTable_body:last-child {
2991  border-bottom: none;
2992}
2993.component_combinationTable_bodyContent {
2994  flex: 2;
2995  display: flex;
2996  gap: 4px;
2997  padding: 16px 16px;
2998  border-right: solid 2px var(--color-gray-03);
2999  @media (max-width: 925px) {
3000    flex-direction: column;
3001  }
3002  @media (min-width: 925px) {
3003    align-items: center;
3004  }
3005}
3006.component_combinationTable_bodyContentArea {
3007  display: flex;
3008  flex-direction: column;
3009  align-items: stretch;
3010  width: 100%;
3011}
3012.component_combinationTable_bodyContentRoof {
3013  width: 100%;
3014  height: 24px;
3015  background: var(--color-orange-200);
3016  clip-path: polygon(10% 0%, 90% 0%, 100% 100%, 0% 100%);
3017}
3018.component_combinationTable_bodyContentHouse {
3019  display: flex;
3020  gap: 4px;
3021  background-color: var(--color-orange-100);
3022  @media (max-width: 925px) {
3023    flex-direction: column;
3024    padding: 16px 16px;
3025  }
3026  @media (min-width: 925px) {
3027    align-items: center;
3028    padding: 16px 24px;
3029  }
3030}
3031.component_combinationTable_bodyContentTitle,
3032.component_combinationTable_bodyContentService {
3033  flex: 1;
3034}
3035.component_combinationTable_bodyContentTitle,
3036.component_combinationTable_bodyContentServiceList {
3037  display: flex;
3038  justify-content: center;
3039  align-items: center;
3040  padding: 10px 8px;
3041  border-radius: var(--radius-box);
3042  border: solid 2px var(--color-orange-100);
3043  /* font-size: var(--font-size-16px); */
3044  font-weight: bold;
3045  text-align: center; /* text-center */
3046  @media (max-width: 925px) {
3047    line-height: var(--line-height-small);
3048  }
3049  @media (min-width: 925px) {
3050    line-height: var(--line-height-small);
3051  }
3052}
3053.component_combinationTable_bodyContentTitle {
3054  background-color: var(--color-orange-200);
3055  /* background-color: var(--color-orange-100); */
3056}
3057.component_combinationTable_bodyContentPlus:before {
3058  /* add */
3059  content: "\e145";
3060  font-family: "Material Symbols Rounded";
3061  font-variation-settings: "FILL" 0, "wght" 500, "GRAD" 0;
3062
3063  color: var(--color-orange-02);
3064  font-size: var(--font-size-18px);
3065  line-height: var(--line-height-none);
3066  display: flex;
3067  justify-content: center;
3068  align-items: center;
3069}
3070.component_combinationTable_bodyContentService {
3071  display: flex;
3072  flex-direction: column;
3073  justify-content: center;
3074  align-items: stretch;
3075  gap: 4px;
3076}
3077.component_combinationTable_bodyContentServiceList {
3078  background-color: var(--color-white);
3079}
3080.component_combinationTable_bodyPrice {
3081  /* flex: 1; */
3082
3083  display: flex;
3084  justify-content: flex-end;
3085  align-items: center;
3086  padding: 16px 16px;
3087  color: var(--color-orange-02);
3088  font-weight: bold;
3089  @media (max-width: 925px) {
3090    min-width: 124px;
3091  }
3092  @media (min-width: 925px) {
3093    min-width: 136px;
3094  }
3095}
3096.component_combinationTable_bodyPriceNumber {
3097  @media (max-width: 925px) {
3098    font-size: var(--font-size-24px);
3099  }
3100  @media (min-width: 925px) {
3101    font-size: var(--font-size-28px);
3102  }
3103}
3104
3105/*  */
3106
3107/* ────────────────────────────── *
3108 * .component_table
3109 * ────────────────────────────── */
3110.component_table table {
3111  border-collapse: collapse;
3112  border: solid 1px var(--color-gray-03);
3113  margin: 0 auto;
3114}
3115.component_table td,
3116.component_table th {
3117  padding: 8px 20px;
3118  vertical-align: middle;
3119}
3120.component_table th {
3121  color: var(--color-white);
3122  border: solid 1px var(--color-gray-03);
3123  background-color: var(--color-black);
3124}
3125.component_table td {
3126  border: solid 1px var(--color-gray-03);
3127  background-color: var(--color-white);
3128}
3129.component_table caption {
3130  caption-side: bottom;
3131  font-size: var(--font-size-14px);
3132  margin-top: 8px;
3133}
3134.component_table .component_table_sideTh {
3135  color: var(--color-black);
3136  background-color: var(--color-gray-03);
3137}
3138.component_table .component_table_th {
3139  color: var(--color-black);
3140  background-color: var(--color-orange-01);
3141}
3142.component_table .component_table_td {
3143  color: var(--color-black);
3144  background-color: var(--color-orange-03);
3145}
3146@media (max-width: 960px) {
3147  .component_table {
3148    font-size: var(--font-size-14px);
3149    overflow-x: auto;
3150    -webkit-overflow-scrolling: touch;
3151  }
3152  .component_table td,
3153  .component_table th {
3154    padding: 8px 4px;
3155  }
3156}
3157</style>
3158
3159
3160<link
3161rel="stylesheet"
3162href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css"
3163/>
3164<style>
3165.home_mv {
3166  background-color: var(--color-kaipoke-yellow-50);
3167}
3168.home_mv_inner {
3169  max-width: var(--layout-column-full);
3170  margin-inline: var(--layout-margin-inline);
3171  padding-inline: var(--layout-padding-inline);
3172  padding-block: 40px;
3173
3174  display: flex;
3175  justify-content: center;
3176  gap: 24px 4%;
3177  @media (max-width: 925px) {
3178    flex-direction: column;
3179  }
3180  @media (min-width: 925px) {
3181  }
3182}
3183.home_mv_content,
3184.home_mv_form {
3185  flex: 1;
3186}
3187.home_mv_content {
3188  max-width: var(--layout-column-6);
3189  display: flex;
3190  flex-direction: column;
3191  align-items: center;
3192  gap: 32px;
3193}
3194.home_mv_content_inner {
3195  display: flex;
3196  position: relative;
3197}
3198.home_mv_heading1 {
3199  display: flex;
3200  flex-direction: column;
3201  gap: 20px;
3202}
3203.home_mv_heading1_title1 {
3204  font-weight: bold;
3205  line-height: var(--line-height-small);
3206  letter-spacing: 0.15em;
3207  @media (max-width: 925px) {
3208    font-size: var(--font-size-36px);
3209  }
3210  @media (min-width: 925px) {
3211    font-size: var(--font-size-56px);
3212  }
3213}
3214.home_mv_heading1_title2 {
3215  font-weight: bold;
3216  line-height: var(--line-height-smallmedium);
3217  @media (max-width: 925px) {
3218    font-size: var(--font-size-18px);
3219  }
3220  @media (min-width: 925px) {
3221    font-size: var(--font-size-32px);
3222  }
3223}
3224.home_mv_heading1_dot {
3225  @media (max-width: 925px) {
3226    display: none;
3227  }
3228  @media (min-width: 925px) {
3229    letter-spacing: -16px;
3230  }
3231}
3232.home_mv_ul {
3233  display: flex;
3234  flex-wrap: wrap;
3235  justify-content: center;
3236  align-items: center;
3237  gap: 16px;
3238  @media (max-width: 925px) {
3239    flex-direction: column;
3240    align-items: flex-start;
3241    margin-left: 160px;
3242    gap: 8px;
3243  }
3244}
3245.home_mv_list {
3246  display: flex;
3247  align-items: baseline;
3248  justify-content: center;
3249  background-color: var(--color-white);
3250  border-radius: var(--radius-box);
3251  padding: 8px 12px;
3252
3253  font-weight: bold;
3254  line-height: var(--line-height-medium);
3255  @media (max-width: 925px) {
3256    font-size: var(--font-size-16px);
3257  }
3258  @media (min-width: 925px) {
3259    font-size: var(--font-size-20px);
3260  }
3261}
3262.home_mv_list_number {
3263  line-height: var(--line-height-none);
3264  @media (max-width: 925px) {
3265    font-size: var(--font-size-28px);
3266  }
3267  @media (min-width: 925px) {
3268    font-size: var(--font-size-32px);
3269  }
3270}
3271.home_mv_picture {
3272  display: flex;
3273  flex-direction: column;
3274  align-items: center;
3275  gap: 8px;
3276  max-width: 440px;
3277}
3278
3279.home_mv_cta {
3280  @media (max-width: 925px) {
3281  }
3282  @media (min-width: 925px) {
3283    display: none;
3284  }
3285}
3286.home_mv_form {
3287  @media (max-width: 925px) {
3288    display: none;
3289  }
3290  @media (min-width: 925px) {
3291    max-width: var(--layout-column-5);
3292    background-color: var(--color-white);
3293    display: flex;
3294    flex-direction: column;
3295    align-items: center;
3296    gap: 16px;
3297    padding: 24px 16px;
3298    border-radius: var(--radius-box);
3299    /* box-shadow: 0px 8px 20px 0px rgba(171, 86, 0, 0.24); */
3300    box-shadow: var(--shadow-black-base);
3301  }
3302}
3303.home_mv_copy {
3304  font-size: var(--font-size-18px);
3305  font-weight: bold;
3306}
3307.home_mv_caption {
3308  font-size: var(--font-size-14px);
3309}
3310
3311.home_feature {
3312  padding-inline: 16px;
3313  padding-bottom: 80px;
3314  background-color: var(--color-kaipoke-yellow-50);
3315}
3316.home_feature_box {
3317  padding-inline: 32px;
3318  display: flex;
3319  flex-direction: column;
3320  gap: 40px;
3321  position: relative;
3322  background-color: var(--color-white);
3323  border-radius: var(--radius-box);
3324  overflow: hidden;
3325
3326  @media (max-width: 925px) {
3327    padding-block: 32px;
3328  }
3329  @media (min-width: 925px) {
3330    padding-block: 64px;
3331  }
3332}
3333.home_feature_box:before {
3334  content: "";
3335  position: absolute;
3336  top: 0;
3337  right: 0;
3338  width: 100%;
3339  height: 100%;
3340  background-image: url(/asset/img/home/home_feature_box_bg.webp);
3341  background-position: top right;
3342  background-size: contain;
3343  background-repeat: no-repeat;
3344}
3345.home_feature_title,
3346.home_feature_ul {
3347  width: 100%;
3348  max-width: var(--layout-column-10);
3349  margin-inline: var(--layout-margin-inline);
3350  z-index: 1;
3351}
3352.home_feature_title {
3353  display: flex;
3354  flex-direction: column;
3355  gap: 24px;
3356}
3357.home_feature_heading2 {
3358  font-weight: bold;
3359  @media (max-width: 925px) {
3360    font-size: var(--font-size-24px);
3361  }
3362  @media (min-width: 925px) {
3363    font-size: var(--font-size-36px);
3364  }
3365}
3366.home_feature_ul {
3367  display: flex;
3368  flex-wrap: wrap;
3369  justify-content: center;
3370  align-items: flex-start;
3371  gap: 16px;
3372}
3373.home_feature_list {
3374  display: flex;
3375  flex-direction: column;
3376  align-items: center;
3377  gap: 16px;
3378  padding: 24px 8px;
3379  @media (max-width: 925px) {
3380    max-width: 130px;
3381  }
3382  @media (min-width: 925px) {
3383    flex: 1 1 234px;
3384  }
3385}
3386.home_feature_image {
3387  @media (max-width: 925px) {
3388  }
3389  @media (min-width: 925px) {
3390    max-width: 160px;
3391  }
3392}
3393.home_feature_heading3 {
3394  font-weight: bold;
3395}
3396
3397.home_service {
3398  background: linear-gradient(
3399    180deg,
3400    var(--color-kaipoke-yellow-50) 0%,
3401    var(--color-white) 100%
3402  );
3403}
3404
3405.home_achievements {
3406  background-color: var(--color-blue-03);
3407}
3408.home_achievements_box {
3409  background-color: var(--color-white);
3410  padding-block: 64px;
3411  padding-inline: 24px;
3412  display: flex;
3413  flex-direction: column;
3414  gap: 48px;
3415  border-radius: var(--radius-box);
3416}
3417.home_achievements_figure {
3418  max-width: var(--layout-column-10);
3419  margin-inline: var(--layout-margin-inline);
3420
3421  display: flex;
3422  justify-content: center;
3423  align-items: center;
3424  gap: 16px;
3425  @media (max-width: 925px) {
3426    flex-direction: column;
3427  }
3428  @media (min-width: 925px) {
3429  }
3430}
3431.home_achievements_figure[data-direction="row-reverse"] {
3432  @media (max-width: 925px) {
3433  }
3434  @media (min-width: 925px) {
3435    flex-direction: row-reverse;
3436  }
3437}
3438.home_achievements_picture,
3439.home_achievements_figcaption {
3440  flex: 1;
3441}
3442.home_achievements_image {
3443  border-radius: var(--radius-box);
3444}
3445.home_achievements_figcaption {
3446  display: flex;
3447  flex-direction: column;
3448  align-items: flex-start;
3449  @media (max-width: 925px) {
3450    gap: 8px;
3451  }
3452  @media (min-width: 925px) {
3453    gap: 16px;
3454  }
3455}
3456.home_achievements_heading3 {
3457  font-weight: bold;
3458  line-height: var(--line-height-smallmedium);
3459  @media (max-width: 925px) {
3460    font-size: var(--font-size-18px);
3461  }
3462  @media (min-width: 925px) {
3463    font-size: var(--font-size-32px);
3464  }
3465}
3466.home_achievements_heading3_accent {
3467  @media (max-width: 925px) {
3468    font-size: var(--font-size-32px);
3469  }
3470  @media (min-width: 925px) {
3471    font-size: var(--font-size-56px);
3472  }
3473}
3474.home_achievements_heading3_text {
3475  @media (max-width: 925px) {
3476    font-size: var(--font-size-24px);
3477  }
3478  @media (min-width: 925px) {
3479    font-size: var(--font-size-36px);
3480  }
3481}
3482
3483.home_reason {
3484  background-color: var(--color-white);
3485}
3486.home_reason_figure {
3487  display: flex;
3488  flex-wrap: wrap;
3489  justify-content: center;
3490  align-items: flex-start;
3491  gap: 32px 56px;
3492}
3493.home_reason_figure[data-direction="row-reverse"] {
3494  flex-direction: row-reverse;
3495}
3496.home_reason_picture {
3497  max-width: var(--layout-column-5);
3498}
3499.home_reason_image {
3500  border-radius: var(--radius-box);
3501}
3502.home_reason_figcaption {
3503  max-width: var(--layout-column-6);
3504
3505  display: flex;
3506  flex-direction: column;
3507  /* gap: 16px; */
3508  gap: 24px;
3509}
3510.home_reason_heading3 {
3511  font-weight: bold;
3512  line-height: var(--line-height-smallmedium);
3513  @media (max-width: 925px) {
3514    font-size: var(--font-size-20px);
3515  }
3516  @media (min-width: 925px) {
3517    font-size: var(--font-size-28px);
3518  }
3519}
3520
3521.home_voice {
3522  background-color: var(--color-kaipoke-yellow-50);
3523  overflow: hidden;
3524}
3525.home_voice_box {
3526  background-color: var(--color-white);
3527  border-radius: var(--radius-box);
3528
3529  display: flex;
3530  flex-direction: column;
3531  align-items: center;
3532  gap: 40px;
3533  padding: 64px 16px;
3534}
3535/*  */
3536.home_voice_video[title="YouTube video player"] {
3537  width: 100%;
3538  height: 100%;
3539  aspect-ratio: 16 / 9;
3540  max-width: var(--layout-column-8);
3541}
3542.home_voice_ul {
3543  display: flex;
3544  flex-wrap: wrap;
3545  justify-content: center;
3546  gap: 16px;
3547  max-width: var(--layout-column-8);
3548}
3549.home_voice_list {
3550  display: flex;
3551  align-items: center;
3552  gap: 4px;
3553
3554  font-size: var(--font-size-18px);
3555  line-height: var(--line-height-none);
3556}
3557.home_voice_list:before {
3558  /* check */
3559  content: "\e5ca";
3560  font-family: "Material Symbols Rounded";
3561  font-variation-settings: "FILL" 1, "wght" 500, "GRAD" 0;
3562
3563  color: var(--color-orange-02);
3564  font-size: var(--font-size-28px);
3565}
3566
3567.home_splide_carousel {
3568  width: 100%;
3569  margin-bottom: 16%;
3570}
3571/* デフォルトテーマの編集 */
3572.splide__arrow.splide__arrow {
3573  bottom: -10.5%;
3574  top: auto;
3575  transform: none;
3576  background-color: transparent;
3577  border: solid 2px var(--color-orange-02);
3578}
3579.splide__arrow.splide__arrow svg {
3580  fill: var(--color-orange-02);
3581}
3582.splide__pagination.splide__pagination,
3583.splide:not(.is-overflow) .splide__pagination.splide__pagination {
3584  display: flex;
3585  bottom: -9.5%;
3586}
3587.splide__arrow--prev.splide__arrow--prev {
3588  left: 24%;
3589}
3590.splide__arrow--next.splide__arrow--next {
3591  right: 24%;
3592}
3593.splide__pagination__page.splide__pagination__page {
3594  background-color: var(--color-gray-02);
3595}
3596.splide__pagination__page.is-active.is-active {
3597  background-color: var(--color-orange-02);
3598}
3599.splide.is-focus-in .splide__arrow.splide__arrow:focus,
3600.splide.is-focus-in .splide__pagination__page.splide__pagination__page:focus {
3601  outline-color: var(--color-orange-02);
3602}
3603/* PCのみ */
3604@media (min-width: 925px) {
3605  .home_splide_carousel_slide {
3606    /* opacity: 0.6; */
3607    .component_card {
3608      transform: scale(0.8);
3609    }
3610  }
3611  .home_splide_carousel_slide.is-active {
3612    opacity: 1;
3613    .component_card {
3614      transform: scale(1);
3615    }
3616  }
3617  .home_splide_carousel {
3618    /* width: 90vw;
3619          overflow: visible; */
3620    width: 100vw;
3621    margin-bottom: 6%;
3622    overflow: visible;
3623  }
3624  .home_splide_carousel_track,
3625  .home_splide_carousel_slide {
3626    overflow: visible;
3627  }
3628  .splide__arrow--prev.splide__arrow--prev {
3629    left: 44%;
3630  }
3631  .splide__arrow--next.splide__arrow--next {
3632    right: 44%;
3633  }
3634}
3635
3636.home_faq {
3637  background-color: var(--color-kaipoke-yellow-50);
3638}
3639</style>
3640
3641
3642
3643
3644
3645
3646
3647
3648
3649
3650
3651
3652
3653
3654
3655
3656
3657
3658
3659
3660
3661
3662<style>
3663.inline-block {
3664    display: inline-block;
3665}
3666.block {
3667    display: block;
3668}
3669.flex {
3670    display: flex;
3671}
3672.justify-start {
3673    justify-content: flex-start;
3674}
3675.items-center {
3676    align-items: center;
3677}
3678.gap-4 {
3679    gap: 16px;
3680}
3681.static {
3682    position: static;
3683}
3684.bg-white {
3685    background-color: var(--color-white);
3686}
3687.bg-beige-2 {
3688    background-color: #faf8f2;
3689}
3690.bg-yellow-beige {
3691    background-color: #fff8e5;
3692}
3693.bg-sand-beige {
3694    background-color: #f2ecdc;
3695}
3696.bg-light-blue {
3697    background-color: #e7f3fa;
3698}
3699.bg-blue-gray {
3700    background-color: var(--color-blue-03);
3701}
3702.bg-dark-green.bg-dark-green {
3703    background-color: #00766d;
3704}
3705.bg-blue-03 {
3706    background-color: var(--color-blue-03);
3707}
3708.text-white {
3709    color: #fff;
3710}
3711.text-primary {
3712  color: var(--color-orange-02);
3713}
3714.text-secondary {
3715    color: #db443f;
3716}
3717.text-mobile {
3718    color: #eb544d;
3719}
3720.text-blue-1 {
3721    color: #006cd8;
3722}
3723.text-red {
3724    color: red;
3725}
3726.text-orange {
3727  color: var(--color-orange-02);
3728}
3729.text-marker-orange {
3730  background: linear-gradient(transparent 70%, rgba(255, 153, 51, 0.4) 70%);
3731}
3732.text-marker-yellow {
3733  background: linear-gradient(transparent 70%, #ffcc00 70%);
3734}
3735.text-zero {
3736  font-size: 0px;
3737}
3738.text-sm {
3739    font-size: 14px;
3740}
3741.text-base {
3742    font-size: 16px;
3743}
3744.text-lg {
3745    font-size: 18px;
3746}
3747.text-xl {
3748    font-size: 20px;
3749}
3750.text-2xl {
3751    font-size: 24px;
3752}
3753.text-3xl {
3754    font-size: 30px;
3755}
3756.text-32px {
3757    font-size: 32px;
3758    font-weight: 700;
3759}
3760@media (max-width: 460px) {
3761    .text-32px {
3762        font-size: 28px;
3763        line-height: 1.4;
3764    }
3765}
3766.text-4xl {
3767    font-size: 36px;
3768}
3769.text-7xl {
3770    font-size: 72px;
3771}
3772.font-bold {
3773    font-weight: 700;
3774}
3775.text-center {
3776    text-align: center;
3777}
3778.text-left {
3779    text-align: left;
3780}
3781.leading-tight {
3782    line-height: 1.2;
3783}
3784.leading-normal {
3785    line-height: 1.5;
3786}
3787.whitespace-nowrap {
3788    white-space: nowrap;
3789}
3790.break-all {
3791  word-break: break-all;
3792}
3793.list-disc {
3794    list-style-type: disc;
3795}
3796.text-line-through {
3797    display: inline-block;
3798    width: 100%;
3799    height: 2px;
3800    background-color: #333;
3801    margin-bottom: -30px;
3802}
3803@media (max-width: 460px) {
3804    .text-line-through {
3805        margin-right: -140px;
3806        margin-bottom: 10px;
3807        width: 140px;
3808    }
3809}
3810.w-8 {
3811    width: 32px;
3812}
3813.w-32 {
3814    width: 128px;
3815}
3816.w-36 {
3817    width: 144px;
3818}
3819.w-40 {
3820    width: 160px;
3821}
3822.w-160 {
3823    width: 640px;
3824}
3825.w-full {
3826    width: 100% !important;
3827}
3828.max-w-full {
3829    max-width: 100%;
3830}
3831.max-w-xss {
3832    max-width: 240px;
3833}
3834.max-w-sm {
3835    max-width: 384px;
3836}
3837.max-w-md {
3838    max-width: 448px;
3839}
3840.max-w-lg {
3841    max-width: 512px;
3842}
3843.max-w-xl {
3844    max-width: 576px;
3845}
3846.max-w-2xl {
3847    max-width: 672px;
3848}
3849.max-w-3xl {
3850    max-width: 768px;
3851}
3852.max-w-4xl {
3853    max-width: 896px;
3854}
3855.h-80 {
3856    height: 320px;
3857}
3858.pb-4 {
3859    padding-bottom: 16px;
3860}
3861.pl-6 {
3862    padding-left: 24px;
3863}
3864.px-4 {
3865    padding-left: 16px;
3866    padding-right: 16px;
3867}
3868.py-10 {
3869    padding-top: 40px;
3870    padding-bottom: 40px;
3871}
3872.mt-1 {
3873    margin-top: 4px;
3874}
3875.mt-2 {
3876    margin-top: 8px;
3877}
3878.mt-3 {
3879    margin-top: 12px;
3880}
3881.mt-4 {
3882    margin-top: 16px;
3883}
3884.mt-5 {
3885    margin-top: 20px;
3886}
3887.mt-6 {
3888    margin-top: 24px;
3889}
3890.mt-8 {
3891    margin-top: 32px;
3892}
3893.mt-10 {
3894    margin-top: 40px;
3895}
3896.mt-12 {
3897    margin-top: 48px;
3898}
3899.mt-16 {
3900    margin-top: 64px;
3901}
3902.mx-auto {
3903    margin-left: auto;
3904    margin-right: auto;
3905}
3906.my-16 {
3907    margin-top: 64px;
3908    margin-bottom: 64px;
3909}
3910.rounded-full {
3911    border-radius: 9999px;
3912}
3913.stroke-dark-gray {
3914    stroke: #637582;
3915}
3916.stroke-primary {
3917    stroke: #ef6a04;
3918}
3919@media (min-width: 960px) {
3920    .-pc-mr-5.-pc-mr-5 {
3921        margin-right: -20px;
3922    }
3923}
3924@media (max-width: 960px) {
3925    .mb-mt-4 {
3926        margin-top: -16px;
3927    }
3928}
3929
3930.bg-kaipoke-yellow-50 {
3931  background-color: var(--color-kaipoke-yellow-50);
3932}
3933.bg-orange-03 {
3934  background-color: var(--color-orange-03)
3935}
3936
3937[data-gap="16px"] {
3938  gap: 16px;
3939}
3940[data-gap="32px"] {
3941  gap: 32px;
3942}
3943[data-gap="48px"] {
3944  gap: 48px;
3945}
3946[data-gap="64px"] {
3947  gap: 64px;
3948}
3949[data-items="flex-end"] {
3950  align-items: flex-end;
3951}
3952[data-items="center"] {
3953  align-items: center;
3954}
3955[data-justify="center"] {
3956  justify-content: center;
3957}
3958</style>
3959
3960
3961<style>
3962</style>
3963
3964
3965  </head>
3966  <body class="body_ body__index"  ontouchstart="">
3967<!-- Google Tag Manager (noscript) -->
3968<noscript>
3969<iframe height='0' src='https://www.googletagmanager.com/ns.html?id=GTM-PWG3C7' style='display:none;visibility:hidden' width='0'></iframe>
3970</noscript>
3971<!-- End Google Tag Manager (noscript) -->
3972
3973
3974<script>
3975  
vendor: 133 bytes, lines 3975-3978
3975window.dataLayer = window.dataLayer || [];
3976  function gtag(){dataLayer.push(arguments);}
3977  gtag('js', new Date());
3978  gtag('config', '
3978G-VZC2MSDLP0
vendor: 4 bytes, line 3978
3978');
3979</script>
3979
3980<div id="js-ads-block-alert" class="notification" style="display: none">
3981  <span class="notification_text">サイトの一部機能が広告ブロックの影響を受けている可能性があります。正常に動作させるには、広告ブロックを無効化してください。</span>
3982</div>
3983<script>
3984      (function () {
3985        const ads_block_script = document.createElement("script");
3986        ads_block_script.src = "https://ads.kaipoke.biz/asset/js/ads-block.js";
3987        console.log("ads_block: script creation initiated");
3988
3989        ads_block_script.onerror = function () {
3990          document.getElementById("js-ads-block-alert").style.display = "block";
3991          console.log("ads_block: detection triggered");
3992
3993          if (typeof gtag === "function") {
3994            gtag("event", "adblock_detected", {
3995              value: 1,
3996              user_agent: navigator.userAgent,
3997              page_url: window.location.href,
3998            });
3999            console.log("ads_block: event sent via gtag");
4000          } else {
4001            console.log("ads_block: gtag is not available.");
4002          }
4003        };
4004
4005        document.head.appendChild(ads_block_script);
4006      })();
4007</script>
4007
4008
4009<header class="header_wrapper" id="js-header">
4010  <div class="header_brand">
4011    <div class="header_brand_inner">
4012      <a href="/" id="header_brand_logo" class="header_brand_logo">
4013        <img
4014          class="header_brand_logoImg"
4015          src="/asset/img/logo/logo.svg"
4016          alt="カイポケ"
4017        />
4018      </a>
4019<div class="header_brand_content">
4020        <a href="tel:0120-115-611" id="header_brand_call" class="header_brand_call" onclick="gtag('event','ga4_CTA',{'event_action':'架電','event_category':'介護サービスサイト','event_label':'header'});">
4021          <span class="header_brand_callNumber">0120-115-611</span>
4022          <span class="header_brand_callText">通話無料</span>
4023        </a>
4024        <hr class="header_brand_hr" />
4025        <a
4026          href="https://r.kaipoke.biz/kaipokebiz/login/COM020102.do"
4027          id="header_brand_login" class="header_brand_login"
4028          onclick="gtag('event','ga4_ログイン',{'event_category':'介護サービスサイト','event_label':'header'});"
4029        >
4030          <span class="header_brand_loginText">会員ログイン</span>
4031        </a>
4032      </div>
4033      <button
4034        id="js-hamburger"
4035        type="button"
4036        class="header_hamburger"
4037        aria-controls="navigation"
4038        aria-expanded="false"
4039        aria-label="メニューを開く"
4040      >
4041        <span class="header_hamburger_line"></span>
4042        <span class="header_hamburger_text"></span>
4043      </button>
4044
4045    </div>
4046  </div>
4047  <nav class="header_navi js-nav-area">
4048    <ul class="header_navi_ul">
4049      <li class="header_navi_list">
4050        <button
4051          type="button"
4052          class="header_navi_menu js-header-menu"
4053          data-target="#js-header-content1"
4054          data-type="mega"
4055        >
4056          <span class="">対応サービス</span>
4057        </button>
4058        <div
4059          id="js-header-content1"
4060          class="header_navi_menuContent js-header-menu-content"
4061        >
4062          <div class="header_gnavi_service" data-service="main">
4063            <a
4064              class="header_gnavi_service_card"
4065              data-type="home-helper-service"
4066              href="/home-helper-service/"
4067            >
4068              <span class="header_gnavi_service_card_text"><span class="header_gnavi_service_card_textService">居宅介護支援</span></span>
4069            </a>
4070            <a
4071              class="header_gnavi_service_card"
4072              data-type="day-service"
4073              href="/day-service/"
4074            >
4075              <span class="header_gnavi_service_card_text"><span class="header_gnavi_service_card_textService">通所介護</span></span>
4076            </a>
4077            <a
4078              class="header_gnavi_service_card"
4079              data-type="home-visit"
4080              href="/home-visit/"
4081            >
4082              <span class="header_gnavi_service_card_text"><span class="header_gnavi_service_card_textService">訪問介護<span class="header_gnavi_service_card_text_small">(介護・障害福祉<span style="letter-spacing: -8px;">)</span></span></span></span>
4083            </a>
4084            <a
4085              class="header_gnavi_service_card"
4086              data-type="houkan"
4087              href="https://houkan.kaipoke.biz/"
4088              target="_blank"
4089            >
4090              <span class="header_gnavi_service_card_text"><span class="header_gnavi_service_card_textService">訪問看護</span></span>
4091            </a>
4092            <a
4093              class="header_gnavi_service_card"
4094              data-type="after-school-day-service"
4095              href="/after-school-day-service/"
4096              target="_blank"
4097            >
4098              <span class="header_gnavi_service_card_text"><span class="header_gnavi_service_card_textService">放デイ・児発</span></span>
4099            </a>
4100          </div>
4101
4102          <div class="header_gnavi_service" data-service="all">
4103            <div class="header_gnavi_service_all">
4104              <div class="header_gnavi_service_link_wrapper">
4105                <a class="header_gnavi_service_link" href="/day-care/"
4106                  >
4106<span class="header_gnavi_service_link_text"
4107                    >通所リハ・デイケア</span
4108                  ></a
4109                >
4110                <a
4111                  class="header_gnavi_service_link"
4112                  href="/welfare-equipment-rental/"
4113                  ><span class="header_gnavi_service_link_text"
4114                    >福祉用具貸与・販売</span
4115                  ></a
4116                >
4117                <a
4118                  class="header_gnavi_service_link"
4119                  href="/home-medical-care-management/"
4120                  ><span class="header_gnavi_service_link_text"
4121                    >居宅療養管理指導</span
4122                  ></a
4123                >
4124                <a
4125                  class="header_gnavi_service_link"
4126                  href="/dementia-friendly-day-service/"
4127                  ><span class="header_gnavi_service_link_text"
4128                    >認知症対応型通所介護</span
4129                  ></a
4130                >
4131                <a class="header_gnavi_service_link" href="/visit-bathing/"
4132                  ><span class="header_gnavi_service_link_text"
4133                    >訪問入浴</span
4134                  ></a
4135                >
4136                <a
4137                  class="header_gnavi_service_link"
4138                  href="/visit-rehabilitation/"
4139                  ><span class="header_gnavi_service_link_text pc-only"
4140                    >訪問リハビリテーション</span
4141                  ><span class="header_gnavi_service_link_text sp-only"
4142                    >訪問リハ</span
4143                  ></a
4144                >
4145                <a
4146                  class="header_gnavi_service_link"
4147                  href="/night-time-home-visit-care/"
4148                  ><span class="header_gnavi_service_link_text"
4149                    >夜間対応型訪問介護</span
4150                  ></a
4151                >
4152                <a
4153                  class="header_gnavi_service_link"
4154                  href="/elderly-housing-care/"
4155                  ><span class="header_gnavi_service_link_text"
4156                    >サ高住・有料老人ホーム</span
4157                  ></a
4158                >
4159              </div>
4160            </div>
4161            <div class="header_gnavi_service_side">
4162              <p class="header_gnavi_service_subtitle">
4163                開業・独立をご検討の方
4164              </p>
4165              <div class="header_gnavi_service_link_wrapper">
4166                <a id="header_gnavi_service_opening" class="header_gnavi_service_link" data-type="opening" href="/opening/">
4167                  <span class="header_gnavi_service_link_icontext"><span class="header_gnavi_service_link_text"
4168                    >カイポケ開業支援</span
4169                  ></span>
4170                </a>
4171              </div>
4172              <hr class="header_gnavi_service_hr" />
4173              <p class="header_gnavi_service_subtitle">
4174                カイポケを知りたい方
4175              </p>
4176              <div class="header_gnavi_service_link_wrapper">
4177                <a id="header_gnavi_service_home" class="header_gnavi_service_link" data-type="home" href="/">
4178                  <span class="header_gnavi_service_link_icontext"><span class="header_gnavi_service_link_text"
4179                    >カイポケトップページ</span
4180                  ></span>
4181                </a>
4182              </div>
4183            </div>
4184          </div>
4185        </div>
4186      </li>
4187
4188<li class="header_navi_list">
4189  <a href="/price/" id="header_navi_price" class="header_navi_menu" data-type="link">料金</a>
4190</li>
4191      <li class="header_navi_list">
4192        <button
4193          type="button"
4194          class="header_navi_menu js-header-menu"
4195          data-target="#js-header-content2"
4196          data-type="lists"
4197        >
4198          <span class="">サポート</span>
4199        </button>
4200        <div
4201          id="js-header-content2"
4202          class="header_navi_menuContent js-header-menu-content"
4203        >
4204          <a id="header_navi_support" class="header_navi_menuLink" href="/support/">
4205            <span class="header_navi_menuText">サポート体制</span>
4206          </a>
4207          <a id="header_navi_flow" class="header_navi_menuLink" href="/flow/">
4208            <span class="header_navi_menuText">導入の流れ</span>
4209          </a>
4210          <a id="header_navi_area" class="header_navi_menuLink" href="/area/">
4211            <span class="header_navi_menuText">国内事業所一覧</span>
4212          </a>
4213          <a id="header_navi_status-of-care-plan-data-linkage-system" class="header_navi_menuLink" href="/status-of-care-plan-data-linkage-system/">
4214            <span class="header_navi_menuText">ケアプランデータ連携システム対応状況</span>
4215          </a>
4216        </div>
4217      </li>
4218
4219      <li class="header_navi_list">
4220        <button
4221          type="button"
4222          class="header_navi_menu js-header-menu"
4223          data-target="#js-header-content3"
4224          data-type="mega"
4225        >
4226          <span class="">機能</span>
4227        </button>
4228        <div
4229          id="js-header-content3"
4230          class="header_navi_menuContent js-header-menu-content"
4231        >
4232<div class="header_gnavi_function_wrapper">
4233  <p class="header_gnavi_function_title">
4234    <a id="header_gnavi_function_index" href="/function/" class="component_textlink" data-size="base" data-color="black" data-icon="arrow_forward_ios">
4235      <span class="component_textlink_text">
4236      カイポケの機能一覧
4237      </span>
4238    </a>
4239  </p>
4240<div class="header_gnavi_function">
4241  <div class="header_gnavi_function_container" data-type="soft">
4242    <p class="header_gnavi_function_title">ソフトの機能</p>
4243    <ul class="header_gnavi_function_ul">
4244      <li class="header_gnavi_function_list">
4245        <p class="header_gnavi_function_subtitle">
4246<span class="component_icon" data-type="soft_recept"></span>
4247レセプト・帳票作成
4248        </p>
4249        <div class="header_gnavi_function_content">
4250          <a
4251            href="/home-helper-service/function/helper-recept.html"
4252            class="header_gnavi_function_link"
4253          ><span class="header_gnavi_function_link_text">
4254          居宅介護支援</span>
4255          </a>
4256          <a
4257            href="/day-service/function/day-service-recept.html"
4258            class="header_gnavi_function_link"
4259          ><span class="header_gnavi_function_link_text">
4260            通所介護</span>
4261          </a>
4262          <a
4263            href="/home-visit/function/home-visit-recept.html"
4264            class="header_gnavi_function_link"
4265          ><span class="header_gnavi_function_link_text">
4266            訪問介護</span>
4267          </a>
4268          <a
4269            href="https://houkan.kaipoke.biz/function/medical-claim/"
4270            class="header_gnavi_function_link"
4271            target="_blank"
4272          ><span class="header_gnavi_function_link_text">
4273            訪問看護</span>
4274          </a>
4275          <a
4276            href="https://ads.kaipoke.biz/after-school-day-service/function/national-claim/"
4277            class="header_gnavi_function_link"
4278            target="_blank"
4279          ><span class="header_gnavi_function_link_text">
4280            児発・放デイ</span>
4281          </a>
4282          <a
4283            href="/day-care/function/day-care-recept.html"
4284            class="header_gnavi_function_link"
4285          ><span class="header_gnavi_function_link_text">
4286            通所リハ・デイケア</span>
4287          </a>
4288          <a
4289            href="/welfare-equipment-rental/function/recept.html"
4290            class="header_gnavi_function_link"
4291          ><span class="header_gnavi_function_link_text">
4292            福祉用具貸与・販売</span>
4293          </a>
4294          <a
4295            href="/home-medical-care-management/"
4296            class="header_gnavi_function_link"
4297          ><span class="header_gnavi_function_link_text">
4298            居宅療養管理指導</span>
4299          </a>
4300          <a
4301            href="/dementia-friendly-day-service/function/recept.html"
4302            class="header_gnavi_function_link"
4303          ><span class="header_gnavi_function_link_text">
4304            認知症対応型通所介護</span>
4305          </a>
4306          <a
4307            href="/visit-bathing/"
4308            class="header_gnavi_function_link"
4309          ><span class="header_gnavi_function_link_text">
4310            訪問入浴</span>
4311          </a>
4312          <a
4313            href="/visit-rehabilitation/"
4314            class="header_gnavi_function_link"
4315          ><span class="header_gnavi_function_link_text">
4316            訪問リハ</span>
4317          </a>
4318          <a
4319            href="/night-time-home-visit-care/"
4320            class="header_gnavi_function_link"
4321          ><span class="header_gnavi_function_link_text">
4322            夜間対応型訪問介護</span>
4323          </a>
4324        </div>
4325      </li>
4326      <li class="header_gnavi_function_list">
4327        <p class="header_gnavi_function_subtitle">
4328<span class="component_icon" data-type="soft_tablet"></span>
4329タブレット・スマホ記録
4330        </p>
4331        <div class="header_gnavi_function_content">
4332          <a
4333            href="/home-helper-service/function/housing-tablet.html"
4334            class="header_gnavi_function_link"
4335            ><span class="header_gnavi_function_link_text">居宅介護支援</span></a
4336          >
4337          <a
4338            href="/day-service/function/day-service-tablet.html"
4339            class="header_gnavi_function_link"
4340            ><span class="header_gnavi_function_link_text">通所介護</span></a
4341          >
4342          <a
4343            href="/home-visit/function/visit-record.html"
4344            class="header_gnavi_function_link"
4345            ><span class="header_gnavi_function_link_text">訪問介護</span></a
4346          >
4347          <a
4348            href="https://houkan.kaipoke.biz/function/e-karte/"
4349            class="header_gnavi_function_link"
4350            target="_blank"
4351            ><span class="header_gnavi_function_link_text">訪問看護</span></a
4352          >
4353          <a
4354            href="https://ads.kaipoke.biz/after-school-day-service/function/tablet/"
4355            class="header_gnavi_function_link"
4356            target="_blank"
4357            ><span class="header_gnavi_function_link_text">児発・放デイ</span></a
4358          >
4359          <a
4360            href="/day-care/function/day-care-tablet.html"
4361            class="header_gnavi_function_link"
4362            ><span class="header_gnavi_function_link_text">通所リハ・デイケア</span></a
4363          >
4364        </div>
4365
4366        <hr class="header_gnavi_function_hr" />
4367
4368        <p class="header_gnavi_function_subtitle">
4369<span class="component_icon" data-type="soft_connect"></span>
4370情報連携
4371        </p>
4372        <div class="header_gnavi_function_content">
4373          <a
4374            href="/function/data-link-service.html"
4375            class="header_gnavi_function_link"
4376          ><span class="header_gnavi_function_link_text">
4377            ケア連携・データ連携</span>
4378          </a>
4379          <a
4380            href="https://connect.kaipoke.biz/sites/careplan/"
4381            target="_blank"
4382            class="header_gnavi_function_link"
4383          ><span class="header_gnavi_function_link_text">
4384            コネクトケアプラン</span>
4385          </a>
4386        </div>
4387      </li>
4388    </ul>
4389  </div>
4390  <div class="header_gnavi_function_container" data-type="biz">
4391    <p class="header_gnavi_function_title">経営支援サービス</p>
4392    <ul class="header_gnavi_function_ul">
4393      <li class="header_gnavi_function_list">
4394        <p class="header_gnavi_function_subtitle">
4395<span class="component_icon" data-type="biz_shopping"></span>
4396備品・設備
4397        </p>
4398        <div class="header_gnavi_function_content">
4399          <a
4400            href="https://ads.kaipoke.biz/publicity/kaipoke_mobile/?utm_source=adskaipoke"
4401            class="header_gnavi_function_link"
4402            target="_blank"
4403          ><span class="header_gnavi_function_link_text">
4404            カイポケモバイル</span>
4405          </a>
4406          <a
4407            href="/function/tablet.html"
4408            class="header_gnavi_function_link"
4409          ><span class="header_gnavi_function_link_text">
4410            カイポケタブレット</span>
4411          </a>
4412          <a
4413            href="/function/shopping.html"
4414            class="header_gnavi_function_link"
4415          ><span class="header_gnavi_function_link_text">
4416            備品購入</span>
4417          </a>
4418          <a
4419            href="/function/car-lease.html"
4420            class="header_gnavi_function_link"
4421          ><span class="header_gnavi_function_link_text">
4422            カイポケカーリース</span>
4423          </a>
4424        </div>
4425
4426        <hr class="header_gnavi_function_hr" />
4427
4428        <p class="header_gnavi_function_subtitle">
4429<span class="component_icon" data-type="biz_operation"></span>
4430運営サポート
4431        </p>
4432        <div class="header_gnavi_function_content">
4433          <a
4434            href="/function/website-creation.html"
4435            class="header_gnavi_function_link"
4436          ><span class="header_gnavi_function_link_text">
4437            ホームページ作成</span>
4438          </a>
4439          <a
4440            href="/function/providing-nursing-food.html"
4441            class="header_gnavi_function_link"
4442          ><span class="header_gnavi_function_link_text">
4443            介護食提供サービス</span>
4444          </a>
4445          <a
4446            href="/function/business-management.html"
4447            class="header_gnavi_function_link"
4448          ><span class="header_gnavi_function_link_text">
4449            カイポケ経営管理</span>
4450          </a>
4451          <a
4452            href="https://ads.kaipoke.biz/publicity/kaipoke-saiyo/"
4453            class="header_gnavi_function_link"
4454            target="_blank"
4455            rel="noopener noreferrer"
4456          ><span class="header_gnavi_function_link_text">
4457            カイポケ採用</span>
4458          </a>
4459          <a
4460            href="https://ma.kaipoke.biz/"
4461            class="header_gnavi_function_link"
4462            target="_blank"
4463          ><span class="header_gnavi_function_link_text">
4464            M&amp;A</span>
4465          </a>
4466        </div>
4467
4468      </li>
4469      <li class="header_gnavi_function_list">
4470        <p class="header_gnavi_function_subtitle">
4471<span class="component_icon" data-type="biz_accounting"></span>
4472カイポケ会計・労務<br />by Money Forward
4473        </p>
4474        <div class="header_gnavi_function_content">
4475          <a
4476            href="/function/mf-cloud/"
4477            class="header_gnavi_function_link"
4478          ><span class="header_gnavi_function_link_text">
4479            マネーフォワード <br />クラウド一覧</span>
4480          </a>
4481          <a
4482            href="/function/mf-cloud/accounting-tax-accountant.html"
4483            class="header_gnavi_function_link"
4484          ><span class="header_gnavi_function_link_text">
4485            マネーフォワード <br />クラウド会計</span>
4486          </a>
4487          <a
4488            href="/function/mf-cloud/payroll-calculation.html"
4489            class="header_gnavi_function_link"
4490          ><span class="header_gnavi_function_link_text">
4491            マネーフォワード <br />クラウド給与</span>
4492          </a>
4493          <a
4494            href="/function/mf-cloud/attendance-management.html"
4495            class="header_gnavi_function_link"
4496          ><span class="header_gnavi_function_link_text">
4497            マネーフォワード <br />クラウド勤怠</span>
4498          </a>
4499          <a
4500            href="/function/mf-cloud/expense.html"
4501            class="header_gnavi_function_link"
4502          ><span class="header_gnavi_function_link_text">
4503            マネーフォワード <br />クラウド経費</span>
4504          </a>
4505        </div>
4506
4507        <hr class="header_gnavi_function_hr" />
4508
4509        <p class="header_gnavi_function_subtitle" data-type="biz_payment">
4510<span class="component_icon" data-type="biz_payment"></span>
4511資金・入出金
4512        </p>
4513        <div class="header_gnavi_function_content">
4514          <a
4515            href="/function/factoring.html"
4516            target="_blank"
4517            class="header_gnavi_function_link"
4518          ><span class="header_gnavi_function_link_text">
4519            カイポケ早期入金</span>
4520          </a>
4521          <a
4522            href="/function/payroll-calculation-transfer.html"
4523            class="header_gnavi_function_link"
4524          ><span class="header_gnavi_function_link_text">
4525            給与振込</span>
4526          </a>
4527          <a
4528            href="/function/account-transfer.html"
4529            class="header_gnavi_function_link"
4530          ><span class="header_gnavi_function_link_text">
4531            カイポケ口座振替</span>
4532          </a>
4533        </div>
4534      </li>
4535    </ul>
4536  </div>
4537  <div class="header_gnavi_function_container" data-type="opening">
4538    <p class="header_gnavi_function_title">開業支援サービス</p>
4539    <ul class="header_gnavi_function_ul">
4540      <li class="header_gnavi_function_list">
4541        <p class="header_gnavi_function_subtitle">
4542<span class="component_icon" data-type="opening"></span>
4543開業準備関連
4544        </p>
4545        <div class="header_gnavi_function_content">
4546          <a
4547            href="/opening/function/business-plan-consulting.html"
4548            class="header_gnavi_function_link"
4549          ><span class="header_gnavi_function_link_text">
4550            事業計画コンサルティング</span>
4551          </a>
4552          <a
4553            href="/opening/function/accounting-tax-accountant.html"
4554            class="header_gnavi_function_link"
4555          ><span class="header_gnavi_function_link_text">
4556            カイポケ税理士</span>
4557          </a>
4558          <a
4559            href="/opening/function/incorporation.html"
4560            class="header_gnavi_function_link"
4561          ><span class="header_gnavi_function_link_text">
4562            法人設立サービス</span>
4563          </a>
4564          <a
4565            href="/opening/function/tax-affairs-notification-acting.html"
4566            class="header_gnavi_function_link"
4567          ><span class="header_gnavi_function_link_text">
4568            税務届出サービス</span>
4569          </a>
4570          <a
4571            href="/opening/function/application-for-designation.html"
4572            class="header_gnavi_function_link"
4573          ><span class="header_gnavi_function_link_text">
4574            指定申請代行サービス</span>
4575          </a>
4576          <a
4577            href="/opening/function/kaipoke-optical-internet.html"
4578            class="header_gnavi_function_link"
4579          ><span class="header_gnavi_function_link_text">
4580            カイポケ光</span>
4581          </a>
4582          <a
4583            href="/opening/function/multifunction-device.html"
4584            class="header_gnavi_function_link"
4585          ><span class="header_gnavi_function_link_text">
4586            複合機</span>
4587          </a>
4588          <a
4589            href="/opening/function/water-server.html"
4590            class="header_gnavi_function_link"
4591          ><span class="header_gnavi_function_link_text">
4592            ウォーターサーバー</span>
4593          </a>
4594          <a
4595            href="/opening/function/kaipoke-recruitment.html"
4596            class="header_gnavi_function_link"
4597          ><span class="header_gnavi_function_link_text">
4598            人材採用サービス</span>
4599          </a>
4600          <a
4601            href="/opening/function/kaipoke-insurance.html"
4602            class="header_gnavi_function_link"
4603          ><span class="header_gnavi_function_link_text">
4604            カイポケ保険プラス</span>
4605          </a>
4606        </div>
4607      </li>
4608    </ul>
4609  </div>
4610</div>
4611</div>
4612                </div>
4613            </li>
4614
4615<li class="header_navi_list">
4616  <a id="header_navi_opening" class="header_navi_menu" data-type="link" href="/opening/">開業支援</a>
4617</li>
4618
4619<li class="header_navi_list">
4620  <a href="/user-voice/" id="header_navi_voc" class="header_navi_menu" data-type="link">お客様の声</a>
4621</li>
4622<li class="header_navi_list">
4623  <button type="button" class="header_navi_menu js-header-menu" data-target="#js-header-content4" data-type="lists">
4624    <span class="">お役立ちコラム</span>
4625  </button>
4626  <div id="js-header-content4" class="header_navi_menuContent js-header-menu-content">
4627    <a class="header_navi_menuLink" id="header_navi_column" href="/column/" data-type="title">
4628      <span class="header_navi_menuText">お役立ちコラム一覧</span>
4629    </a>
4630    <a class="header_navi_menuLink" id="header_navi_columnOperation" href="/column/operation/">
4631      <span class="header_navi_menuText">事業所運営</span>
4632    </a>
4633    <a class="header_navi_menuLink" id="header_navi_columnAdditonsubtraction" href="/column/addition-subtraction/">
4634      <span class="header_navi_menuText">加算・減算</span>
4635    </a>
4636    <a class="header_navi_menuLink" id="header_navi_columnReport" href="/column/report/">
4637      <span class="header_navi_menuText">帳票</span>
4638    </a>
4639  </div>
4640</li>
4641<li class="header_navi_list">
4642  <a href="/seminar/" id="header_navi_seminar" class="header_navi_menu" data-type="link">セミナー</a>
4643</li>      
4644      <li class="header_navi_cta">
4645        <a
4646          href="/sites/form/form002.html?locate=header_pc"
4647          id="header_navi_cta" class="component_button js-url-parameter gtm_click"
4648          data-size="base"
4649          data-color="001"
4650          onclick="gtag('event','ga4_CTA',{'event_action':'資料請求','event_category':'介護サービスサイト','event_label':'header'});"
4651          >資料ダウンロード</a
4652        >
4653        <span class="sp-only">
4654        <a
4655          href="https://r.kaipoke.biz/kaipokebiz/login/COM020102.do"
4656          id="header_navi_login" class="component_button"
4657          data-size="base"
4658          data-color="login"
4659          onclick="gtag('event','ga4_ログイン',{'event_category':'介護サービスサイト','event_label':'header_sp'});"
4660          >会員ログイン</a
4661        >
4662        </span>
4663      </li>
4664
4665		</ul>
4666    </nav>
4667</header>
4668
4669
4670  <link
4671  rel="stylesheet"
4672  type="text/css"
4673  href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick.min.css"
4674/>
4675<link
4676  rel="stylesheet"
4677  type="text/css"
4678  href="//cdn.jsdelivr.net/npm/[email protected]/slick/slick-theme.min.css"
4679/>
4680<script type="application/ld+json">
4681  {
4682    "@context": "https://schema.org",
4683    "@type": "WebSite",
4684    "name": "カイポケ",
4685    "url": "https://ads.kaipoke.biz/"
4686  }
4687</script>
vendor: 1 bytes, line 4687
4687
4688<script type="application/ld+json">
4689  {
4690    "@context": "https://schema.org",
4691    "@type": "BreadcrumbList",
4692    "itemListElement": [
4693      {
4694        "@type": "ListItem",
4695        "position": "1",
4696        "item": {
4697          "@id": "https://ads.kaipoke.biz/",
4698          "name": "介護ソフト「カイポケ」"
4699        }
4700      }
4701    ]
4702  }
4703</script>
vendor: 1 bytes, line 4703
4703
4704<script type="application/ld+json">
4705{
4706  "@context": "https://schema.org",
4707  "@type": "Organization",
4708  "name": "カイポケ",
4709  "url": "https://ads.kaipoke.biz/",
4710  "logo": "https://ads.kaipoke.biz/asset/img/logo/logo.svg",
4711  "contactPoint": [{
4712    "@type": "ContactPoint",
4713    "telephone": "+81-120-115-611",
4714    "contactType": "customer service",
4715    "areaServed": "JP",
4716    "availableLanguage": ["Japanese"]
4717  }]
4718}
4719</script>
vendor: 1 bytes, line 4719
4719
4720<script type="application/ld+json">
4721  {
4722    "@context": "https://schema.org",
4723    "@type": "SoftwareApplication",
4724    "name": "カイポケ",
4725    "operatingSystem": "Windows 7/8(8.1)/10",
4726    "applicationCategory": "BusinessApplication"
4727  }
4728</script>
4728
4729
4730
4731  <!-- .layout_main_default -->
4732  <main class="layout_main_default">
4733                  <div>
4734    <style>
4735.notification {
4736display: flex;
4737align-items: center;
4738justify-content: center;
4739padding: 0 8px;
4740background-color: #f2ecdc;
4741background-color: var(--color-gray-03);
4742position: relative;
4743border-bottom: solid 0.5px rgba(51, 51, 51, .4);
4744transition: 0.4s;
4745}
4746.notification::after {
4747content: "";
4748width: 28px;
4749height: 48px;
4750@media (max-width: 925px) {
4751display: none;
4752}
4753}
4754.notification_close {
4755font-size: 20px;
4756width: 20px;
4757display: flex;
4758justify-content: center;
4759align-items: center;
4760background: none;
4761border: none;
4762cursor: pointer;
4763padding: 14px;
4764}
4765.notification_text {
4766text-align: center;
4767color: #333;
4768font-size:14px;
4769font-weight: bold;
4770flex: 1;
4771display: flex;
4772align-items: center;
4773justify-content: center;
4774gap: 8px;
4775max-width: 1036px;
4776text-decoration: none;
4777padding: 10px 8px;
4778transition: 0.4s;
4779@media (max-width: 925px) {
4780    justify-content: flex-end;
4781    gap: 24px;
4782}
4783}
4784.notification_textContent {
4785  text-decoration: underline;
4786}
4787.notification:has(.notification_text:hover) {
4788background-color: #e9ebf4;
4789}
4790.notification_text:hover .notification_textContent {
4791  text-decoration-thickness: 2px;
4792}
4793</style>
4794<div id="js-notification_content" class="notification">
4795<button id="js-notification_close" class="notification_close"><span class="material-symbols-rounded" style="font-variation-settings: 'FILL' 1;font-size: 18px; color: var(--color-gray-02);">
4796cancel
4797</span></button>
4798<a id="notification_banner" class="notification_text" href="/status-of-care-plan-data-linkage-system/">
4799<span class="notification_textContent">ケアプランデータ連携システムへの<br class="sp-only" />対応状況についてはこちら</span>
4800<span class="material-symbols-rounded" style="font-variation-settings: 'FILL' 1;font-size: 20px;font-weight: bold;">
4801arrow_forward
4802</span>
4803</a>
4804</div>
4805<script>
4806document.addEventListener("DOMContentLoaded", function () {
4807const notification_content = document.getElementById(
4808"js-notification_content"
4809);
4810const notification_close = document.getElementById(
4811"js-notification_close"
4812);
4813if (localStorage.getItem("notificationClosed") === "true") {
4814notification_content.style.display = "none";
4815}
4816notification_close.addEventListener("click", function (event) {
4817event.preventDefault();
4818notification_content.style.display = "none";
4819localStorage.setItem("notificationClosed", "true");
4820});
4821});
4822</script>
4822
4823        </div>
4824                        <!-- #home_mv -->
4825<section id="home_mv" class="home_mv">
4826  <div class="home_mv_inner">
4827    <div class="home_mv_content">
4828      <div class="home_mv_content_inner">
4829      <h1 class="home_mv_heading1">
4830        <span class="home_mv_heading1_title1">
4831          はじめやすく<span class="home_mv_heading1_dot">、</span
4832          ><br />ずっと使える
4833        </span>
4834        <span class="home_mv_heading1_title2">
4835          介護・看護・障害福祉ソフト<span class="text-zero">「カイポケ」</span>
4836        </span>
4837      </h1>
4838
4839      <div class="page_appealbadge" data-type="sp-bottom">
4840        <span class="page_appealbadge_main">
4841ケアプラン<br />データ連携
4842        </span>
4843        <span class="page_appealbadge_sub">
4844システム対応
4845        </span>
4846      </div>
4847    </div>
4848
4849      <ul class="home_mv_ul">
4850        <li class="home_mv_list">
4851          <span>初期費用</span
4852          ><span class="text-orange"
4853            ><span class="home_mv_list_number">0</span>円</span
4854          >
4855        </li>
4856        <li class="home_mv_list">
4857          <span class="text-orange">安心サポート</span>
4858        </li>
4859        <li class="home_mv_list">
4860          <span>導入数</span
4861          ><span class="text-orange"
4862            ><span class="home_mv_list_number">6</span>万件以上※</span
4863          >
4864        </li>
4865      </ul>
4866      <div class="home_mv_picture" style="max-width: 488px;">
4867        <img
4868          src="/asset/img/home/home_mv_image.webp"
4869          alt="カイポケの画面。パソコンとタブレット、モバイル端末が並んでいる。"
4870          class="home_mv_image"
4871          style="max-width: 440px;"
4872        />
4873        <span class="home_mv_caption">
4874<!-- ※1&nbsp;福祉用具のみ未対応(2026年3月末までに対応予定)<br /> -->
4875※&nbsp;2026年4月時点。「かべなしクラウド」の会員数を含む。
4876        </span>
4877      </div>
4878    </div>
4879    <div class="component_button_wrapper home_mv_cta">
4880      <a
4881        href="/sites/form/form002.html"
4882        class="component_button js-url-parameter"
4883        data-size="xl"
4884        data-color="001"
4885        data-icon="arrow_forward"
4886        >資料ダウンロード</a
4887      >
4888    </div>
4889    <div class="home_mv_form">
4890      <p class="home_mv_copy">詳しい資料を取り寄せる</p>
4891      <!--  -->
4892      <iframe
4893        class="mt-2"
4894        src="https://form.movabletype.net/A46BE73E-2537-11EE-99C0-4A01937AB768?embed=true"
4895        scrolling="no"
4896        title="介護ソフト_FV"
4897        style="width: 100%; height: 500px; border: none"
4898      ></iframe>
4899      
4899<script>
4900        const data = {
4901          フォーム名: document.title,
4902          フォームURL: location.origin + location.pathname,
4903          入口訴求: "介護ソフト_organic",
4904          出口訴求: "資料請求",
4905        };
4906        window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
4907        function MTNetForm() {
4908          MTNetFormDataLayer.push(arguments);
4909        }
4910        MTNetForm("validator", [
4911          {
4912            id: "電話番号",
4913            validator: function (value) {
4914              if (!/^[0-9]+$/.test(value)) {
4915                return "半角数字で入力してください。";
4916              }
4917            },
4918          },
4919        ]);
4920        const queryParams = [
4921          "utm_campaign",
4922          "utm_content",
4923          "utm_expid",
4924          "utm_medium",
4925          "utm_referrer",
4926          "utm_source",
4927          "utm_term",
4928          "device",
4929          "matchtype",
4930          "code",
4931          "fbclid",
4932          "yclid",
4933          "gclid",
4934        ];
4935        const urlParams = new URLSearchParams(window.location.search);
4936        queryParams.forEach((param) => {
4937          const value = urlParams.get(param);
4938          if (value) {
4939            data[param] = value;
4940          }
4941        });
4942        window.MTNetFormDataLayer = window.MTNetFormDataLayer || [];
4943        function MTNetForm() {
4944          MTNetFormDataLayer.push(arguments);
4945        }
4946        MTNetForm("updateValues", data);
4947      </script>
4947
4948    </div>
4949  </div>
4950</section>
4951<!-- /#home_mv -->
4952<style>
4953.page_appealbadge {
4954  width: 140px;
4955  height: 140px;
4956  display: flex;
4957  flex-direction: column;
4958  justify-content: center;
4959  align-items: center;
4960  gap: 2px;
4961  text-align: center;
4962  color: var(--color-white);
4963  line-height: var(--line-height-small);
4964  background-image: url(/asset/img/common/badge.svg);
4965  background-size: contain;
4966  background-repeat: no-repeat;
4967  background-position: center center;
4968  @media (max-width: 925px) {
4969    width: 120px;
4970    height: 120px;
4971  }
4972}
4973.page_appealbadge[data-type="sp-bottom"] {
4974  @media (max-width: 925px) {
4975    position: absolute;
4976    bottom: -160px;
4977    left: -30px;
4978  }
4979}
4980.page_appealbadge_main {
4981  font-size: var(--font-size-18px);
4982  font-weight: bold;
4983  letter-spacing: 1px;
4984  @media (max-width: 925px) {
4985    font-size: var(--font-size-16px);
4986  }
4987}
4988.page_appealbadge_sub {
4989  font-size: var(--font-size-14px);
4990  font-weight: bold;
4991  letter-spacing: -0.5px;
4992  @media (max-width: 925px) {
4993    font-size: 12px;
4994  }
4995}
4996.page_appealbadge_note {
4997  font-size: 0.8em;
4998  font-weight: normal;
4999  vertical-align: super; /* 上付き文字のように配置 */
5000  margin-left: 1px;
5001}
5002</style>
5003                        <!-- #home_feature -->
5004<section id="home_feature" class="home_feature">
5005  <div class="layout_column" data-width="12" data-column="1">
5006    <div class="home_feature_box">
5007      <div class="home_feature_title">
5008        <h2 class="home_feature_heading2 leading-normal">
5009          カイポケとは、<span class="text-orange">コスパと使いやすさで、<br />
5010          ケアの質向上・経営健全化をサポートする</span><br />
5011          介護・看護・障害福祉向けのソフトウェアです
5012        </h2>
5013        <p class="home_feature_paragraph">
5014カイポケは、タブレットやスマホで入力した記録が、請求や各種帳票と連動し、<br class="pc-only"/>事務作業を効率化できるソフトウェアです。<br />
5015さらに、スマホレンタルや口座振替など、事業所の運営に必要な機能やサービスもご利用いただけます。<br />
5016ソフトの導入や移行は大変だからこそ、はじめやすく、安心して使い続けられるサービスを提供しています。<br />
5017カイポケは、事務作業を削減し、事業所のケアの質向上や経営健全化を支援します。
5018        </p>
5019      </div>
5020      <ul class="home_feature_ul">
5021        <li class="home_feature_list">
5022          <img
5023            src="/asset/img/home/home_feature_image001.webp"
5024            alt="¥0という文字の周りにキラキラした装飾がある。"
5025            class="home_feature_image"
5026            loading="lazy"
5027          />
5028          <h3 class="home_feature_heading3">初期費用ゼロ</h3>
5029        </li>
5030        <li class="home_feature_list">
5031          <img
5032            src="/asset/img/home/home_feature_image002.webp"
5033            alt="パソコンとタブレットがあり、freeという文字がある。"
5034            class="home_feature_image"
5035            loading="lazy"
5036          />
5037          <h3 class="home_feature_heading3">2か月の無料体験</h3>
5038        </li>
5039        <li class="home_feature_list">
5040          <img
5041            src="/asset/img/home/home_feature_image003.webp"
5042            alt="パソコンを使ってサポーターがミーティングでやり取りしている"
5043            class="home_feature_image"
5044            loading="lazy"
5045          />
5046          <h3 class="home_feature_heading3">専属のサポート</h3>
5047        </li>
5048        <li class="home_feature_list">
5049          <img
5050            src="/asset/img/home/home_feature_image004.webp"
5051            alt="銀行、早期入金、ショッピング、会計のアイコンが4つ並んでいる。"
5052            class="home_feature_image"
5053            loading="lazy"
5054          />
5055          <h3 class="home_feature_heading3">豊富な経営支援サービス</h3>
5056        </li>
5057      </ul>
5058    </div>
5059  </div>
5060</section>
5061<!-- /#home_feature -->
5062                                  <!-- #component_serviceCard1_section -->
5063<section
5064id="soft"
5065class="layout_section component_serviceCard1_section"
5066>
5067<div class="layout_section_inner">
5068    <div class="layout_section_title">
5069    <h2 class="layout_section_heading2">カイポケ対応サービス一覧</h2>
5070    </div>
5071    <div class="layout_column" data-width="12" data-column="3">
5072    <a
5073        href="/home-helper-service/"
5074        class="component_serviceCard1"
5075        data-type="kaigo"
5076    >
5077        <img
5078        src="/asset/img/home/home_service_image001.webp"
5079        alt="居宅介護支援の画像"
5080        class="component_serviceCard1_image"
5081        loading="lazy"
5082        />
5083        <div class="component_serviceCard1_content">
5084        <h3 class="component_serviceCard1_heading3">居宅介護支援</h3>
5085        <ul class="component_wrapper">
5086            <li class="component_list" data-color="orange">
5087            タブレット記録
5088            </li>
5089            <li class="component_list" data-color="orange">
5090            外出先でもケアプラン・アセスメント作成
5091            </li>
5092            <li class="component_list" data-color="orange">
5093            カイポケケア連携
5094            </li>
5095        </ul>
5096        </div>
5097        <span class="component_serviceCard1_more"></span>
5098    </a>
5099    <a
5100        href="/day-service/"
5101        class="component_serviceCard1"
5102        data-type="kaigo"
5103    >
5104        <img
5105        src="/asset/img/home/home_service_image002.webp"
5106        alt="通所介護の画像"
5107        class="component_serviceCard1_image"
5108        loading="lazy"
5109        />
5110        <div class="component_serviceCard1_content">
5111        <h3 class="component_serviceCard1_heading3">通所介護</h3>
5112        <ul class="component_wrapper">
5113            <li class="component_list" data-color="orange">
5114            記録を実績へ引用
5115            </li>
5116            <li class="component_list" data-color="orange">
5117            タブレット記録
5118            </li>
5119            <li class="component_list" data-color="orange">
5120            かんたん国保連伝送
5121            </li>
5122        </ul>
5123        </div>
5124        <span class="component_serviceCard1_more"></span>
5125    </a>
5126    <a
5127        href="/home-visit/"
5128        class="component_serviceCard1"
5129        data-type="kaigo"
5130    >
5131        <img
5132        src="/asset/img/home/home_service_image003.webp"
5133        alt="訪問介護(介護・障害福祉)の画像"
5134        class="component_serviceCard1_image"
5135        loading="lazy"
5136        />
5137        <div class="component_serviceCard1_content">
5138        <h3 class="component_serviceCard1_heading3">
5139            訪問介護(介護・障害福祉)
5140        </h3>
5141        <ul class="component_wrapper">
5142            <li class="component_list" data-color="orange">
5143訪問記録の電子化(スマホ記録)
5144            </li>
5145            <li class="component_list" data-color="orange">
5146介護・障害福祉どちらも対応
5147            </li>
5148            <li class="component_list" data-color="orange">
5149記録・請求機能一体型ソフト
5150            </li>
5151        </ul>
5152        </div>
5153        <span class="component_serviceCard1_more"></span>
5154    </a>
5155    <a
5156        href="https://houkan.kaipoke.biz/"
5157        class="component_serviceCard1"
5158        data-type="houkan"
5159        target="_blank"
5160    >
5161        <img
5162        src="/asset/img/home/home_service_image004.webp"
5163        alt="訪問看護の画像"
5164        class="component_serviceCard1_image"
5165        loading="lazy"
5166        />
5167        <div class="component_serviceCard1_content">
5168        <h3 class="component_serviceCard1_heading3">訪問看護</h3>
5169        <ul class="component_wrapper">
5170            <li class="component_list" data-color="orange">電子カルテ</li>
5171            <li class="component_list" data-color="orange">
5172            医療・介護レセプト
5173            </li>
5174            <li class="component_list" data-color="orange">
5175            シフト作成・スケジュール管理
5176            </li>
5177        </ul>
5178        </div>
5179        <span class="component_serviceCard1_more"></span>
5180    </a>
5181    <a
5182        href="/after-school-day-service/"
5183        class="component_serviceCard1"
5184        data-type="houday"
5185        target="_blank"
5186    >
5187        <img
5188        src="/asset/img/home/home_service_image005.webp"
5189        alt="放デイ・児発の画像"
5190        class="component_serviceCard1_image"
5191        loading="lazy"
5192        />
5193        <div class="component_serviceCard1_content">
5194        <h3 class="component_serviceCard1_heading3">放デイ・児発</h3>
5195        <ul class="component_wrapper">
5196            <li class="component_list" data-color="orange">
5197            国保連・保護者請求機能
5198            </li>
5199            <li class="component_list" data-color="orange">
5200            タブレット記録
5201            </li>
5202            <li class="component_list" data-color="orange">
5203            連絡帳・業務日報自動作成
5204            </li>
5205        </ul>
5206        </div>
5207        <span class="component_serviceCard1_more"></span>
5208    </a>
5209    <a
5210        href="/opening/"
5211        class="component_serviceCard1"
5212        data-type="opening"
5213    >
5214        <img
5215        src="/asset/img/home/home_service_image006.webp"
5216        alt="空を見上げている女性。"
5217        class="component_serviceCard1_image"
5218        loading="lazy"
5219        />
5220        <div class="component_serviceCard1_content">
5221        <h3 class="component_serviceCard1_heading3">
5222            開業・独立をお考えの方へ
5223        </h3>
5224        <ul class="component_wrapper">
5225            <li class="component_list" data-color="orange">
5226            サポート費用0円
5227            </li>
5228            <li class="component_list" data-color="orange">
5229            低価格で開業を実現
5230            </li>
5231            <li class="component_list" data-color="orange">
5232            専任スタッフにすぐ相談できる
5233            </li>
5234        </ul>
5235        </div>
5236        <span class="component_serviceCard1_more"></span>
5237    </a>
5238    </div>
5239    <div class="layout_column" data-width="12" data-column="4">
5240    <a href="/day-care/" class="component_serviceCard2">
5241        <span class="component_serviceCard2_text">
5242        通所リハ・デイケア
5243        </span>
5244    </a>
5245    <a href="/welfare-equipment-rental/" class="component_serviceCard2">
5246        <span class="component_serviceCard2_text">
5247        福祉用具貸与・販売
5248        </span>
5249    </a>
5250    <a
5251        href="/home-medical-care-management/"
5252        class="component_serviceCard2"
5253    >
5254        <span class="component_serviceCard2_text">
5255        居宅療養管理指導
5256        </span>
5257    </a>
5258    <a
5259        href="/dementia-friendly-day-service/"
5260        class="component_serviceCard2"
5261    >
5262        <span class="component_serviceCard2_text">
5263        認知症対応型通所介護
5264        </span>
5265    </a>
5266    <a href="/visit-bathing/" class="component_serviceCard2">
5267        <span class="component_serviceCard2_text"> 訪問入浴 </span>
5268    </a>
5269    <a href="/visit-rehabilitation/" class="component_serviceCard2">
5270        <span class="component_serviceCard2_text">
5271        訪問リハビリテーション
5272        </span>
5273    </a>
5274    <a
5275        href="/night-time-home-visit-care/"
5276        class="component_serviceCard2"
5277    >
5278        <span class="component_serviceCard2_text">
5279        夜間対応型訪問介護
5280        </span>
5281    </a>
5282    <a href="/elderly-housing-care/" class="component_serviceCard2">
5283        <span class="component_serviceCard2_text">
5284        サ高住・有料老人ホーム
5285        </span>
5286    </a>
5287    </div>
5288</div>
5289</section>
5290<!-- /#component_serviceCard1_section -->
5291
5292                                <!-- #home_achievements -->
5293<section id="home_achievements" class="layout_section home_achievements">
5294  <div class="layout_section_inner">
5295    <div class="layout_section_title">
5296      <h2 class="layout_section_heading2">導入数・導入効果</h2>
5297    </div>
5298    <div class="layout_column" data-column="1" data-width="12">
5299      <div class="home_achievements_box">
5300        <figure
5301          class="home_achievements_figure"
5302          data-direction="row-reverse"
5303        >
5304          <picture class="home_achievements_picture">
5305            <img
5306              src="/asset/img/home/home_achievements_image001.webp"
5307              alt="導入事業所が増加しているグラフ"
5308              class="home_achievements_image"
5309              loading="lazy"
5310            />
5311          </picture>
5312          <figcaption class="home_achievements_figcaption">
5313            <span class="component_badge">導入数</span>
5314            <h3 class="home_achievements_heading3">
5315              <span>多くの事業所様に選ばれています</span>
5316              <span
5317                >全国導入数<span
5318                  class="text-orange home_achievements_heading3_accent"
5319                  >60,000</span
5320                >以上※</span
5321              >
5322            </h3>
5323            <p class="home_achievements_caption">
5324              ※2026年4月時点。「かべなしクラウド」の会員数を含む。
5325            </p>
5326          </figcaption>
5327        </figure>
5328        <figure class="home_achievements_figure" data-direction="row">
5329          <picture class="home_achievements_picture">
5330            <img
5331              src="/asset/img/home/home_achievements_image002.webp"
5332              alt="HTC株式会社の皆様"
5333              class="home_achievements_image"
5334              loading="lazy"
5335            />
5336          </picture>
5337          <figcaption class="home_achievements_figcaption">
5338            <span class="component_badge">導入効果</span>
5339            <h3 class="home_achievements_heading3">
5340              <span
5341                >年間約<span
5342                  class="text-orange home_achievements_heading3_text"
5343                  >100万円</span
5344                >、</span
5345              ><br />
5346              <span
5347                ><span class="text-orange home_achievements_heading3_text"
5348                  >月15時間</span
5349                >のコスト削減に成功</span
5350              >
5351            </h3>
5352            <p class="home_achievements_paragraph">
5353              利用者様と関わる時間が増え、スタッフも気持ちの余裕が持てています。そのおかげでケアの質の向上にも繋がっていると思いますね。
5354            </p>
5355            <p class="home_achievements_caption">HTC株式会社 様</p>
5356          </figcaption>
5357        </figure>
5358      </div>
5359    </div>
5360  </div>
5361</section>
5362<!-- /#home_achievements -->
5363                        <!-- #home_reason -->
5364<section id="home_reason" class="layout_section home_reason">
5365  <div class="layout_section_inner">
5366    <div class="layout_section_title">
5367      <h2 class="layout_section_heading2">選ばれる理由</h2>
5368    </div>
5369    <div
5370      class="layout_column"
5371      data-column="1"
5372      data-width="12"
5373      data-gap="80"
5374    >
5375      <figure class="home_reason_figure" data-direction="row-reverse">
5376        <picture class="home_reason_picture">
5377          <img
5378            src="/asset/img/home/home_reason_image001.webp"
5379            alt="パソコンとスマホを操作している女性"
5380            class="home_reason_image"
5381            loading="lazy"
5382          />
5383        </picture>
5384        <figcaption class="home_reason_figcaption">
5385          <h3 class="home_reason_heading3">
5386            <span class="text-marker-orange"
5387              >初期費用・違約金¥0で従量課金もなし!</span
5388            ><br />
5389            <span>ずっと同じ価格で使える月額料金制</span>
5390          </h3>
5391          <p class="home_reason_paragraph">
5392            初期費用無料だから、導入時にまとまった費用準備は不要です。<br />契約期間に制約がなく、違約金もないため、安心して始められます。
5393          </p>
5394          <p class="home_reason_paragraph">
5395            月額利用料だけのシンプルな料金体系。機能や法改正対応のアップデート費用はかからず、利用者・職員・利用端末の数による追加料金も一切不要。ずっと同じ料金で使い続けられます。
5396          </p>
5397          <div class="component_button_wrapper">
5398            <a
5399              href="/price/"
5400              class="component_button"
5401              data-size="xl"
5402              data-color="000"
5403              data-icon="arrow_forward"
5404            >
5405              各サービスの料金はこちら
5406            </a>
5407          </div>
5408        </figcaption>
5409      </figure>
5410      <figure class="home_reason_figure" data-direction="row">
5411        <picture class="home_reason_picture">
5412          <img
5413            src="/asset/img/home/home_reason_image002.webp"
5414            alt="オンラインサポートしている女性"
5415            class="home_reason_image"
5416            loading="lazy"
5417          />
5418        </picture>
5419        <figcaption class="home_reason_figcaption">
5420          <h3 class="home_reason_heading3">
5421            <span>専属の担当者が無料でサポート</span><br />
5422            <span class="text-marker-orange"
5423              >はじめてのソフト導入・移行も安心</span
5424            >
5425          </h3>
5426          <p class="home_reason_paragraph">
5427            2か月間の無料体験では専属の担当者が導入をサポート。お客様の状況に合わせてカイポケの使い方をご案内します。<br />
5428            他社ソフトから切替えの場合は無料の「データ移行サービス」があるから、スムーズに運用をスタートできます。<br />
5429            さらに、カイポケでの初めての請求も徹底サポート。請求業務に不安がある方も安心してはじめられます。
5430          </p>
5431          <div class="component_button_wrapper">
5432            <a
5433              href="/support/"
5434              class="component_button"
5435              data-size="xl"
5436              data-color="000"
5437              data-icon="arrow_forward"
5438            >
5439              サポートの詳細はこちら
5440            </a>
5441          </div>
5442        </figcaption>
5443      </figure>
5444      <figure class="home_reason_figure" data-direction="row-reverse">
5445        <picture class="home_reason_picture">
5446          <img
5447            src="/asset/img/home/home_reason_image003.webp"
5448            alt="パソコンとスマホを操作している男性"
5449            class="home_reason_image"
5450            loading="lazy"
5451          />
5452        </picture>
5453        <figcaption class="home_reason_figcaption">
5454          <h3 class="home_reason_heading3">
5455            <span
5456              >クラウド型で<span class="text-marker-orange"
5457                >柔軟な働き方を実現</span
5458              ></span
5459            ><br />
5460            <span>膨大な紙の管理と費用からも解放</span>
5461          </h3>
5462          <p class="home_reason_paragraph">
5463            セキュリティ万全のクラウド上で情報を一元管理!<br />
5464            スマホ・タブレット・PCなど複数の端末から、いつでもどこでも利用者情報が確認でき、記録や帳票の作成が可能。直行直帰や在宅勤務など柔軟な働き方を実現します。
5465          </p>
5466          <p class="home_reason_paragraph">
5467            必要な帳票類をデータ化し、今までかかっていた紙の管理負担や印刷のインク代・郵送代などを削減できます。
5468          </p>
5469        </figcaption>
5470      </figure>
5471      <figure class="home_reason_figure" data-direction="row">
5472        <picture class="home_reason_picture">
5473          <img
5474            src="/asset/img/home/home_reason_image004.webp"
5475            alt="タブレットやスマホからパソコンに記録データが連動している。"
5476            class="home_reason_image"
5477            loading="lazy"
5478          />
5479        </picture>
5480        <figcaption class="home_reason_figcaption">
5481          <h3 class="home_reason_heading3">
5482            <span>記録が実績に連動</span><br />
5483            <span
5484              ><span class="text-marker-orange">転記作業が不要</span
5485              >で請求業務がかんたんに</span
5486            >
5487          </h3>
5488          <p class="home_reason_paragraph">
5489            スマホやタブレットで作成した記録が自動で実績に連動!レセプト作成時に転記作業が不要になります。<br />
5490            転記のミスやチェック漏れがなくなり、請求業務を大幅に効率化。<br />
5491            また、インターネット請求(伝送)も無料で利用できるため時間もお金もかかりません。
5492          </p>
5493          <p class="home_reason_paragraph">
5494            カイポケ1つで、毎月10日までの請求業務が時間に追われることなくあっという間に完了します。
5495          </p>
5496        </figcaption>
5497      </figure>
5498      <figure class="home_reason_figure" data-direction="row-reverse">
5499        <picture class="home_reason_picture">
5500          <img
5501            src="/asset/img/home/home_reason_image005.webp"
5502            alt="カーリースや光回線、モバイルやタブレットレンタルなどサービスが並んでいる。"
5503            class="home_reason_image"
5504            loading="lazy"
5505          />
5506        </picture>
5507        <figcaption class="home_reason_figcaption">
5508          <h3 class="home_reason_heading3">
5509            <span class="text-marker-orange">豊富な経営支援サービス</span
5510            ><span>で運営を全面サポート</span>
5511          </h3>
5512          <p class="home_reason_paragraph">
5513            通話し放題のスマホレンタル、業界最安水準の手数料で早期入金のファクタリングも。<br />
5514            さらに、限定価格で備品が購入できる購買支援サービスなども充実。
5515          </p>
5516          <p class="home_reason_paragraph">
5517            事業所の経営に必要なサービスを幅広く、安価にご提供しています。<br />
5518            カイポケでまるっと揃うから、無駄な経費や探す手間を省くことができ、経営の安定と成長をサポートします。
5519          </p>
5520        </figcaption>
5521      </figure>
5522    </div>
5523  </div>
5524</section>
5525<!-- /#home_reason -->
5526                                  <!-- .component_button_section -->
5527<section class="layout_section component_button_section">
5528  <div class="layout_section_inner">
5529    <div class="layout_section_title">
5530      <h2 class="layout_section_heading2">
5531        お気軽にお問い合わせください
5532      </h2>
5533    </div>
5534    <div class="layout_column" data-column="2" data-width="10">
5535      <div class="component_button_card">
5536        <img
5537          src="/asset/img/component/component_button_image002.webp"
5538          alt="カイポケの操作画面が映ったパソコンとタブレットとスマホ"
5539          class="component_button_image"
5540          loading="lazy"
5541        />
5542        <p class="component_button_microcopy">
5543          カイポケのデモ画面を触ってみたい
5544        </p>
5545        <a
5546          href="/sites/form/form001.html"
5547          class="component_button js-url-parameter gtm_click"
5548          data-size="xl"
5549          data-color="002"
5550          data-icon="arrow_forward"
5551          onclick="gtag('event','ga4_CTA',{'event_action':'無料体験','event_category':'介護サービスサイト','event_label':'component_button_section'});"
5552          >無料で試してみる</a
5553        >
5554      </div>
5555      <div class="component_button_card">
5556        <img
5557          src="/asset/img/component/component_button_image001.webp"
5558          alt="カイポケのサービスに関する資料"
5559          class="component_button_image"
5560          loading="lazy"
5561        />
5562        <p class="component_button_microcopy">
5563          機能や料金体系を詳しく知りたい
5564        </p>
5565        <a
5566          href="/sites/form/form002.html"
5567          class="component_button js-url-parameter gtm_click"
5568          data-size="xl"
5569          data-color="001"
5570          data-icon="arrow_forward"
5571          onclick="gtag('event','ga4_CTA',{'event_action':'資料請求','event_category':'介護サービスサイト','event_label':'component_button_section'});"
5572          >詳細資料をもらう</a
5573        >
5574      </div>
5575    </div>
5576  </div>
5577</section>
5578<!-- /.component_button_section -->
5579
5580                                <!-- #home_voice -->
5581<section id="home_voice" class="layout_section home_voice">
5582  <div class="layout_section_inner">
5583    <div class="layout_section_title">
5584      <h2 class="layout_section_heading2">お客様の声</h2>
5585    </div>
5586
5587    <div class="splide home_splide_carousel" aria-labelledby="carousel-heading">
5588      <div class="splide__track home_splide_carousel_track">
5589        <ul class="splide__list home_splide_carousel_list">
5590          <li class="splide__slide home_splide_carousel_slide">
5591            <a
5592              href="https://ads.kaipoke.biz/home-visit/user-voice/risingsun.html"
5593              class="component_card"
5594            >
5595              <picture class="component_card_picture">
5596                <img
5597                  src="https://ads.kaipoke.biz/asset/img/user_voice/user_voice_risingsun.webp"
5598                  alt="ライジングサン株式会社 様"
5599                  class="component_card_image"
5600                  loading="lazy"
5601                />
5602              </picture>
5603              <div class="component_card_content">
5604                <div class="component_card_feature">
5605                  <span class="component_card_badge">導入理由</span>
5606                  <ul class="component_card_ul">
5607                    <li class="component_card_list">
5608                      スマホ記録で簡単に実績へ反映
5609                    </li>
5610                    <li class="component_card_list">
5611                      「データ連携機能」で実績共有が一瞬で終わる
5612                    </li>
5613                  </ul>
5614                </div>
5615                <div class="component_card_feature">
5616                  <span class="component_card_badge">効果</span>
5617                  <ul class="component_card_ul">
5618                    <li class="component_card_list">
5619                      膨大な記録用紙の転記や管理から解放された
5620                    </li>
5621                    <li class="component_card_list">
5622                      運営指導対策など間接業務の効率化
5623                    </li>
5624                  </ul>
5625                </div>
5626              </div>
5627              <div>
5628                <p class="component_card_company">ライジングサン株式会社 様</p>
5629                <p class="component_card_service">
5630                  訪問介護、住宅型有料老人ホーム
5631                </p>
5632              </div>
5633              <span class="component_card_more"></span>
5634            </a>
5635          </li>
5636          <li class="splide__slide home_splide_carousel_slide">
5637            <a
5638              href="https://ads.kaipoke.biz/day-service/user-voice/nr.html"
5639              class="component_card"
5640            >
5641              <picture class="component_card_picture">
5642                <img
5643                  src="https://ads.kaipoke.biz/asset/img/user_voice/user_voice_nr.webp"
5644                  alt="株式会社エヌアール 様"
5645                  class="component_card_image"
5646                  loading="lazy"
5647                />
5648              </picture>
5649              <div class="component_card_content">
5650                <div class="component_card_feature">
5651                  <span class="component_card_badge">導入理由</span>
5652                  <ul class="component_card_ul">
5653                    <li class="component_card_list">
5654                      無料体験で便利さと使いやすさを実感
5655                    </li>
5656                    <li class="component_card_list">
5657                      ケアをしながらタブレットで記録できる
5658                    </li>
5659                  </ul>
5660                </div>
5661                <div class="component_card_feature">
5662                  <span class="component_card_badge">効果</span>
5663                  <ul class="component_card_ul">
5664                    <li class="component_card_list">
5665                      連絡帳作成時間が3分の1に
5666                    </li>
5667                    <li class="component_card_list">
5668                      記録と実績の連動で登録漏れがゼロに
5669                    </li>
5670                  </ul>
5671                </div>
5672              </div>
5673              <div>
5674                <p class="component_card_company">株式会社エヌアール 様</p>
5675                <p class="component_card_service">通所介護、訪問看護</p>
5676              </div>
5677              <span class="component_card_more"></span>
5678            </a>
5679          </li>
5680          <li class="splide__slide home_splide_carousel_slide">
5681            <a
5682              href="https://ads.kaipoke.biz/day-service/user-voice/htc.html"
5683              class="component_card"
5684            >
5685              <picture class="component_card_picture">
5686                <img
5687                  src="https://ads.kaipoke.biz/asset/img/user_voice/user_voice_htc.jpg"
5688                  alt="HTC株式会社 様"
5689                  class="component_card_image"
5690                  loading="lazy"
5691                />
5692              </picture>
5693              <div class="component_card_content">
5694                <div class="component_card_feature">
5695                  <span class="component_card_badge">導入理由</span>
5696                  <ul class="component_card_ul">
5697                    <li class="component_card_list">
5698                      利用中のソフトの費用対効果が高いと感じた
5699                    </li>
5700                  </ul>
5701                </div>
5702                <div class="component_card_feature">
5703                  <span class="component_card_badge">効果</span>
5704                  <ul class="component_card_ul">
5705                    <li class="component_card_list">
5706                      月9万円、年100万円程のコスト削減
5707                    </li>
5708                    <li class="component_card_list">
5709                      利用者様との時間が増え、ケアの質が向上
5710                    </li>
5711                  </ul>
5712                </div>
5713              </div>
5714              <div>
5715                <p class="component_card_company">HTC株式会社 様</p>
5716                <p class="component_card_service">通所介護</p>
5717              </div>
5718              <span class="component_card_more"></span>
5719            </a>
5720          </li>
5721          <li class="splide__slide home_splide_carousel_slide">
5722            <a
5723              href="https://ads.kaipoke.biz/home-helper-service/user-voice/acttama.html"
5724              class="component_card"
5725            >
5726              <picture class="component_card_picture">
5727                <img
5728                  src="https://ads.kaipoke.biz/asset/img/user_voice/user_voice_acttama.webp"
5729                  alt="特定非営利活動法人ACTたま 様"
5730                  class="component_card_image"
5731                  loading="lazy"
5732                />
5733              </picture>
5734              <div class="component_card_content">
5735                <div class="component_card_feature">
5736                  <span class="component_card_badge">導入理由</span>
5737                  <ul class="component_card_ul">
5738                    <li class="component_card_list">
5739                      2か月の無料体験中の手厚い導入サポート
5740                    </li>
5741                  </ul>
5742                </div>
5743                <div class="component_card_feature">
5744                  <span class="component_card_badge">効果</span>
5745                  <ul class="component_card_ul">
5746                    <li class="component_card_list">
5747                      クラウド型で場所を選ばず業務が可能に
5748                    </li>
5749                    <li class="component_card_list">
5750                      提供票等のやりとりがデータで完結
5751                    </li>
5752                  </ul>
5753                </div>
5754              </div>
5755              <div>
5756                <p class="component_card_company">
5757                  特定非営利活動法人ACTたま 様
5758                </p>
5759                <p class="component_card_service">居宅介護支援</p>
5760              </div>
5761              <span class="component_card_more"></span>
5762            </a>
5763          </li>
5764          <li class="splide__slide home_splide_carousel_slide">
5765            <a
5766              href="https://ads.kaipoke.biz/after-school-day-service/user-voice/tanpopo/"
5767              class="component_card"
5768              target="_blank"
5769            >
5770              <picture class="component_card_picture">
5771                <img
5772                  src="https://ads.kaipoke.biz/after-school-day-service/.assets/tanpopo.webp"
5773                  alt="特定非営利活動法人障がい児者ライフサポートたんぽぽの会 様"
5774                  class="component_card_image"
5775                  loading="lazy"
5776                />
5777              </picture>
5778              <div class="component_card_content">
5779                <div class="component_card_feature">
5780                  <span class="component_card_badge">導入理由</span>
5781                  <ul class="component_card_ul">
5782                    <li class="component_card_list">
5783                      保険請求等が自動計算で効率化できる
5784                    </li>
5785                    <li class="component_card_list">
5786                      無料体験中に請求業務サポートが受けられる
5787                    </li>
5788                  </ul>
5789                </div>
5790                <div class="component_card_feature">
5791                  <span class="component_card_badge">効果</span>
5792                  <ul class="component_card_ul">
5793                    <li class="component_card_list">
5794                      請求・事務作業の時間が1/2に
5795                    </li>
5796                    <li class="component_card_list">
5797                      時短、在宅勤務など柔軟な働き方を実現
5798                    </li>
5799                  </ul>
5800                </div>
5801              </div>
5802              <div>
5803                <p class="component_card_company">
5804                  特定非営利活動法人障がい児者ライフサポートたんぽぽの会 様
5805                </p>
5806                <p class="component_card_service">放課後等デイサービス</p>
5807              </div>
5808              <span class="component_card_more"></span>
5809            </a>
5810          </li>
5811          <li class="splide__slide home_splide_carousel_slide">
5812            <a
5813              href="https://houkan.kaipoke.biz/voc/replace-1.html"
5814              class="component_card"
5815              target="_blank"
5816            >
5817              <picture class="component_card_picture">
5818                <img
5819                  src="https://houkan.kaipoke.biz/.assets/thumbnail/voc-inhome-00-i.png"
5820                  alt="千駄ヶ谷インホーム訪問看護ステーション 様"
5821                  class="component_card_image"
5822                  loading="lazy"
5823                />
5824              </picture>
5825              <div class="component_card_content">
5826                <div class="component_card_feature">
5827                  <span class="component_card_badge">導入理由</span>
5828                  <ul class="component_card_ul">
5829                    <li class="component_card_list">
5830                      利用者が増えても定額だからコスト削減できる
5831                    </li>
5832                    <li class="component_card_list">月々の費用が3分の1に</li>
5833                  </ul>
5834                </div>
5835                <div class="component_card_feature">
5836                  <span class="component_card_badge">効果</span>
5837                  <ul class="component_card_ul">
5838                    <li class="component_card_list">
5839                      電子カルテの利用で事務作業が短縮
5840                    </li>
5841                  </ul>
5842                </div>
5843              </div>
5844              <div>
5845                <p class="component_card_company">
5846                  千駄ヶ谷インホーム訪問看護ステーション 様
5847                </p>
5848                <p class="component_card_service">訪問看護</p>
5849              </div>
5850              <span class="component_card_more"></span>
5851            </a>
5852          </li>
5853        </ul>
5854      </div>
5855    </div>
5856
5857    <div class="component_button_wrapper">
5858      <a
5859        href="/user-voice/"
5860        class="component_button"
5861        data-size="xl"
5862        data-color="000"
5863        data-icon="arrow_forward"
5864        >ほかのお客様の声を見る</a
5865      >
5866    </div>
5867
5868    <div class="layout_column" data-column="1" data-width="12">
5869      <div class="home_voice_box">
5870        <h3 class="layout_section_heading3">利用者様が語る効果と魅力とは?</h3>
5871        <!-- Youtube -->
5872        <iframe
5873          class="home_voice_video"
5874          width="560"
5875          height="315"
5876          src="https://www.youtube.com/embed/zAEjNhaUnfY?si=bdwLKObgiiJd5fPo"
5877          title="YouTube video player"
5878          frameborder="0"
5879          allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
5880          referrerpolicy="strict-origin-when-cross-origin"
5881          allowfullscreen
5882          loading="lazy"
5883        ></iframe>
5884        <ul class="home_voice_ul">
5885          <li class="home_voice_list">誰でも扱える操作性</li>
5886          <li class="home_voice_list">時間短縮に優れている</li>
5887          <li class="home_voice_list">クラウドによる拡張性</li>
5888          <li class="home_voice_list">喜ばれる写真付き連絡帳</li>
5889          <li class="home_voice_list">大幅な残業削減</li>
5890        </ul>
5891      </div>
5892    </div>
5893  </div>
5894</section>
5895<!-- /#home_voice -->
5896                        
5896<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
vendor: 1 bytes, line 5896
5896
5897<script>
5898  var splide = new Splide(".splide", {
5899    type: "loop",
5900    // start: 2,
5901    perPage: 3,
5902    perMove: 1,
5903    focus: "center", // 中央のスライドをアクティブに
5904    // focus: 0,
5905    omitEnd: true,
5906    // autoWidth: true,
5907    // gap: "1.5rem",
5908    pagination: true,
5909    arrows: true,
5910
5911    autoplay: "pause",
5912
5913    breakpoints: {
5914      925: {
5915        perPage: 1,
5916      },
5917    },
5918  });
5919
5920  splide.mount();
5921</script>
5921
5922          
5923    
5924  </main>
5925  <!-- /.layout_main_default -->
5926
5927  <section id="column" class="layout_section">
5928  <div class="layout_section_inner">
5929    <div class="layout_section_title">
5930      <h2 class="layout_section_heading2">介護ソフトの選定に役立つ記事</h2>
5931    </div>
5932    <div class="layout_column" data-width="12" data-column="3">
5933
5934
5935<a href="https://ads.kaipoke.biz/column/operation/post-14.html" class="component_article entries_related_card">
5936<div class="component_article_thumbnail">
5937<span class="component_article_category">事業所運営</span>
5938<p class="component_article_title" data-size="lg">【2026年】介護ソフトのシェアランキングとおすすめ12選。ソフトの一覧と選び方、比較のポイントを詳しく解説</p>
5939</div>
5940<span class="component_article_content"><p class="component_article_paragraph">この記事では、介護ソフトの導入・乗り換えを検討している介護事業者様に向けて、介護ソフトのシェアランキングと選び方、比較のポイント、介護ソフトの一覧、おすすめの介護ソフト12選について解説しています。</p></span>
5941<span class="component_article_more"><span class="component_article_text">記事を読む</span></span>
5942</a>
5943<a href="https://ads.kaipoke.biz/column/operation/post-41.html" class="component_article entries_related_card">
5944<div class="component_article_thumbnail">
5945<span class="component_article_category">事業所運営</span>
5946<p class="component_article_title" data-size="lg">介護ソフトの月額料金の相場は『5,000円~5万円』料金体系と価格だけで介護ソフトを選ぶ時の注意点を解説!</p>
5947</div>
5948<span class="component_article_content"><p class="component_article_paragraph">介護ソフトの料金体系や価格の相場、値段の安い介護ソフトを選ぶ際の注意点などについてご紹介しています。</p></span>
5949<span class="component_article_more"><span class="component_article_text">記事を読む</span></span>
5950</a>
5951<a href="https://ads.kaipoke.biz/column/operation/post-13.html" class="component_article entries_related_card">
5952<div class="component_article_thumbnail">
5953<span class="component_article_category">事業所運営</span>
5954<p class="component_article_title" data-size="lg">介護現場にタブレット(ICT)を導入するメリット・デメリットと活用方法を解説!</p>
5955</div>
5956<span class="component_article_content"><p class="component_article_paragraph">介護現場にタブレットを導入するメリット・デメリット、タブレットの選び方と活用方法などをご紹介しています。</p></span>
5957<span class="component_article_more"><span class="component_article_text">記事を読む</span></span>
5958</a>
5959
5960    </div>
5961  </div>
5962</section>
5963
5964  <!-- #faq -->
5965<section id="faq" class="layout_section" itemscope itemtype="https://schema.org/FAQPage" style="background-color: var(--color-kaipoke-yellow-50);">
5966  <div class="layout_section_inner">
5967    <div class="layout_section_title">
5968      <h2 class="layout_section_heading2">よくあるご質問</h2>
5969    </div>
5970    <div class="layout_column" data-column="1" data-width="8">
5971      <details
5972        class="component_details js-details-details" data-icon="question_mark" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
5973      >
5974        <summary class="component_details_summary js-details-summary" itemprop="name">
5975          月額料金はどうやって決まるのですか?
5976        </summary>
5977        <div class="component_details_content js-details-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
5978          <div class="component_details_text" itemprop="text">
5979            <!-- <p class="component_details_answer"></p> -->
5980            <p class="component_details_paragraph">
5981              「カイポケ」の利用料金は、運営している拠点ごとに料金が決定します。
5982            </p>
5983          </div>
5984        </div>
5985      </details>
5986      <details
5987        class="component_details js-details-details" data-icon="question_mark" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
5988      >
5989        <summary class="component_details_summary js-details-summary" itemprop="name">
5990          利用者が増えたり、パソコンが増えると料金は変わりますか
5991        </summary>
5992        <div class="component_details_content js-details-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
5993          <div class="component_details_text" itemprop="text">
5994            <!-- <p class="component_details_answer"></p> -->
5995            <p class="component_details_paragraph">
5996              利用者やパソコンの数によって、利用料金の変更はありません。
5997            </p>
5998          </div>
5999        </div>
6000      </details>
6001      <details
6002        class="component_details js-details-details" data-icon="question_mark" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
6003      >
6004        <summary class="component_details_summary js-details-summary" itemprop="name">
6005          運営の事業所が増えたが、増えた事業所も無料体験できるのか。
6006        </summary>
6007        <div class="component_details_content js-details-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
6008          <div class="component_details_text" itemprop="text">
6009            <!-- <p class="component_details_answer"></p> -->
6010            <p class="component_details_paragraph">
6011              増えた事業所も、無料体験が2ヶ月間可能です。
6012            </p>
6013          </div>
6014        </div>
6015      </details>
6016      <details
6017        class="component_details js-details-details" data-icon="question_mark" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
6018      >
6019        <summary class="component_details_summary js-details-summary" itemprop="name">
6020          無料体験中だが、体験を終了したい。どうしたらよいか。
6021        </summary>
6022        <div class="component_details_content js-details-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
6023          <div class="component_details_text" itemprop="text">
6024            <!-- <p class="component_details_answer"></p> -->
6025            <p class="component_details_paragraph">
6026              体験終了後の継続利用手続きをしない場合、自動的に退会扱いとなり、体験終了月の翌月からログインが出来なくなります。
6027            </p>
6028          </div>
6029        </div>
6030      </details>
6031      <details
6032        class="component_details js-details-details" data-icon="question_mark" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
6033      >
6034        <summary class="component_details_summary js-details-summary" itemprop="name">
6035          無料体験終了まであと1日。継続して利用したいがどうしたらよいか。
6036        </summary>
6037        <div class="component_details_content js-details-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
6038          <div class="component_details_text" itemprop="text">
6039            <!-- <p class="component_details_answer"></p> -->
6040            <p class="component_details_paragraph">
6041              無料体験終了最終日までに、法人のご捺印を頂いた「正式利用申込書」をご提出いただきます。ご提出いただければ、体験終了月の翌月からも継続利用が可能です。体験中に入力いただいたデータは引き続きご利用いただけます。
6042            </p>
6043          </div>
6044        </div>
6045      </details>
6046      <details
6047        class="component_details js-details-details" data-icon="question_mark" itemscope itemprop="mainEntity" itemtype="https://schema.org/Question"
6048      >
6049        <summary class="component_details_summary js-details-summary" itemprop="name">
6050          なぜこの金額でこんなにサービスが受けられるんですか?
6051        </summary>
6052        <div class="component_details_content js-details-answer" itemscope itemprop="acceptedAnswer" itemtype="https://schema.org/Answer">
6053          <div class="component_details_text" itemprop="text">
6054            <!-- <p class="component_details_answer"></p> -->
6055            <p class="component_details_paragraph">
6056              カイポケを運営している株式会社エス・エム・エスは、求人サービスや開業支援サービスなど、介護周辺で幅広く事業を展開しているため、このような価格を実現できています。
6057            </p>
6058          </div>
6059        </div>
6060      </details>
6061    </div>
6062    <div class="component_button_wrapper">
6063      <a
6064        href="/faq.html"
6065        class="component_button"
6066        data-size="xl"
6067        data-color="000"
6068        data-icon="arrow_forward"
6069        >すべてのよくある質問を見る</a
6070      >
6071    </div>
6072  </div>
6073</section>
6074<!-- /#faq -->
6075
6076
6077  <!-- .component_button_section -->
6078<section class="layout_section component_button_section">
6079  <div class="layout_section_inner">
6080    <div class="layout_section_title">
6081      <h2 class="layout_section_heading2">
6082        お気軽にお問い合わせください
6083      </h2>
6084    </div>
6085    <div class="layout_column" data-column="2" data-width="10">
6086      <div class="component_button_card">
6087        <img
6088          src="/asset/img/component/component_button_image002.webp"
6089          alt="カイポケの操作画面が映ったパソコンとタブレットとスマホ"
6090          class="component_button_image"
6091          loading="lazy"
6092        />
6093        <p class="component_button_microcopy">
6094          カイポケのデモ画面を触ってみたい
6095        </p>
6096        <a
6097          href="/sites/form/form001.html"
6098          class="component_button js-url-parameter gtm_click"
6099          data-size="xl"
6100          data-color="002"
6101          data-icon="arrow_forward"
6102          onclick="gtag('event','ga4_CTA',{'event_action':'無料体験','event_category':'介護サービスサイト','event_label':'component_button_section'});"
6103          >無料で試してみる</a
6104        >
6105      </div>
6106      <div class="component_button_card">
6107        <img
6108          src="/asset/img/component/component_button_image001.webp"
6109          alt="カイポケのサービスに関する資料"
6110          class="component_button_image"
6111          loading="lazy"
6112        />
6113        <p class="component_button_microcopy">
6114          機能や料金体系を詳しく知りたい
6115        </p>
6116        <a
6117          href="/sites/form/form002.html"
6118          class="component_button js-url-parameter gtm_click"
6119          data-size="xl"
6120          data-color="001"
6121          data-icon="arrow_forward"
6122          onclick="gtag('event','ga4_CTA',{'event_action':'資料請求','event_category':'介護サービスサイト','event_label':'component_button_section'});"
6123          >詳細資料をもらう</a
6124        >
6125      </div>
6126    </div>
6127  </div>
6128</section>
6129<!-- /.component_button_section -->
6130
6131
6132<div class="footer_scroll js-footer-scroll">
6133  <a class="footer_scroll_link" href="#">ページの先頭に戻る</a>
6134</div>
6135
6136<div class="footer_cta_sp js-footer-scroll">
6137  <a href="https://ads.kaipoke.biz/sites/form/form001.html?locate=footer_sp" 
6138    id="footer_cta_spsecondary" class="component_button js-url-parameter gtm_click" 
6139    data-size="base" data-color="002" data-icon="arrow_forward">無料体験</a>
6140  <a href="https://ads.kaipoke.biz/sites/form/form002.html?locate=footer_sp" 
6141    id="footer_cta_spprimary" class="component_button js-url-parameter gtm_click" 
6142    data-size="base" data-color="001" data-icon="arrow_forward">資料請求</a>
6143</div>
6144
6145<!-- .footer_content -->
6146<footer id="footer" class="footer_content">
6147  <p class="footer_content_title">
6148    <a href="/" class="footer_content_link">カイポケトップページ</a>
6149  </p>
6150  <div class="footer_content_inner">
6151    <nav class="footer_content_nav">
6152      <p class="footer_content_subtitle1">対応サービス</p>
6153      <ul class="footer_content_ul">
6154        <li>
6155          <a href="/home-helper-service/" class="footer_content_link">
6155居宅介護支援</a>
6156        </li>
6157        <li>
6158          <a href="/day-service/" class="footer_content_link">通所介護</a>
6159        </li>
6160        <li><a href="/home-visit/" class="footer_content_link">訪問介護<span class="text-sm">(介護・障害福祉)</span></a></li>
6161        <li>
6162          <a href="https://houkan.kaipoke.biz/" class="footer_content_link" target="_blank">訪問看護</a>
6163        </li>
6164        <li>
6165          <a href="/after-school-day-service/" class="footer_content_link" target="_blank"
6166            >放課後等デイサービス・<br class="pc-only" />児童発達支援</a
6167          >
6168        </li>
6169        <li>
6170          <a href="/day-care/" class="footer_content_link">通所リハ・デイケア</a>
6171        </li>
6172        <li>
6173          <a href="/welfare-equipment-rental/" class="footer_content_link">福祉用具貸与・販売</a>
6174        </li>
6175      </ul>
6176    </nav>
6177    <nav class="footer_content_nav">
6178      <ul class="footer_content_ul mt-8 mb-mt-4">
6179        <li>
6180          <a href="/home-medical-care-management/" class="footer_content_link">居宅療養管理指導</a>
6181        </li>
6182        <li>
6183          <a href="/dementia-friendly-day-service/" class="footer_content_link">認知症対応型通所介護</a>
6184        </li>
6185        <li>
6186          <a href="/visit-bathing/" class="footer_content_link">訪問入浴</a>
6187        </li>
6188        <li>
6189          <a href="/visit-rehabilitation/" class="footer_content_link">訪問リハビリテーション</a>
6190        </li>
6191        <li>
6192          <a href="/night-time-home-visit-care/" class="footer_content_link">夜間対応型訪問介護</a>
6193        </li>
6194        <li>
6195          <a href="/elderly-housing-care/" class="footer_content_link">サ高住・有料老人ホーム</a>
6196        </li>
6197        <li>
6198          <a href="/opening/" class="footer_content_link">カイポケ開業支援</a>
6199        </li>
6200      </ul>
6201    </nav>
6202    <nav class="footer_content_nav">
6203      <ul class="footer_content_ul">
6204        <p class="footer_content_subtitle1">
6205          <a href="/price/" class="footer_content_link">利用料金</a>
6206        </p>
6207        <p class="footer_content_subtitle1">
6208          <a href="/column/" class="footer_content_link">お役立ちコラム</a>
6209        </p>
6210        <p>
6211          <a href="/column/addition-subtraction/" class="footer_content_link">加算・減算</a>
6212        </p>
6213        <p>
6214          <a href="/column/report/" class="footer_content_link">帳票</a>
6215        </p>
6216        <p>
6217          <a href="/column/operation/" class="footer_content_link">事業所運営</a>
6218        </p>
6219        <p class="footer_content_subtitle1 mt-2">
6220          <a href="/user-voice/" class="footer_content_link">利用者様の声</a>
6221        </p>
6222        <p class="footer_content_subtitle1">
6223          <a href="/seminar/" class="footer_content_link">セミナー</a>
6224        </p>
6225      </ul>
6226    </nav>
6227    <nav class="footer_content_nav">
6228      <p class="footer_content_subtitle1">その他</p>
6229      <ul class="footer_content_ul">
6230      <li>
6231        <a href="/aboutus/" class="footer_content_link"
6232          >私たちについて</a
6233        >
6234      </li>
6235      <li>
6236        <a href="/faq.html" class="footer_content_link"
6237          >よくあるご質問</a
6238        >
6239      </li>
6240      <li>
6241        <a href="/support/" class="footer_content_link"
6242          >サポート体制</a
6243        >
6244      </li>
6245      <li>
6246        <a href="/flow/" class="footer_content_link"
6247          >導入の流れ</a
6248        >
6249      </li>
6250      <li>
6251        <a href="/area/" class="footer_content_link"
6252          >国内事業所一覧</a
6253        >
6254      </li>
6255      <li>
6256        <a href="/column/operation/it-subsidy.html" class="footer_content_link"
6257          >IT導入補助金について</a
6258        >
6259      </li>
6260      <li>
6261        <a href="/publicity/factoring/column/factoring/" class="footer_content_link" target="_blank"
6262          >カイポケ早期入金</a
6263        >
6264      </li>
6265      <li>
6266        <a class="footer_content_link" href="https://ads.kaipoke.biz/sites/lp/all/ambassador002/ambassador002_lp.html" target="_blank"
6267          >アンバサダー制度</a
6268        >
6269      </li>
6270      <li>
6271        <a class="footer_content_link" href="/status-of-care-plan-data-linkage-system/"
6272          >
6272ケアプランデータ連携システムへの対応状況</a
6273        >
6274      </li>
6275      </ul>
6276    </nav>
6277    <nav class="footer_content_nav">
6278      <p class="footer_content_subtitle1">運営会社</p>
6279      <ul class="footer_content_ul">
6280        <li>
6281          <a
6282            href="http://www.bm-sms.co.jp/"
6283            class="footer_content_link"
6284            target="_blank"
6285            >会社概要</a
6286          >
6287        </li>
6288        <li>
6289          <a
6290            href="https://www.bm-sms.co.jp/privacy/"
6291            class="footer_content_link"
6292            target="_blank"
6293            >個人情報の取扱いについて</a
6294          >
6295        </li>
6296        <li><a href="/tos.html" class="footer_content_link">利用規約</a></li>
6297        <li>
6298          <a href="/sitemap.html" class="footer_content_link">サイトマップ</a>
6299        </li>
6300        <li><a href="/login/" class="footer_content_link">カイポケ&nbsp;ログイン</a></li>
6301        <li><a href="https://login.kaipoke.com/u/login" class="footer_content_link">カイポケコネクト&nbsp;ログイン</a></li>
6302      </ul>
6303    </nav>
6304  </div>
6305</footer>
6306<footer class="footer_content">
6307  <p class="footer_content_title">
6308    <a href="/function/" class="footer_content_link">カイポケ機能一覧</a>
6309  </p>
6310  <div class="footer_content_inner">
6311    <nav class="footer_content_nav">
6312      <p class="footer_content_subtitle2">レセプト・帳票作成</p>
6313      <ul class="footer_content_ul">
6314        <li>
6315          <a
6316            href="/home-helper-service/function/helper-recept.html"
6317            class="footer_content_link"
6318            >居宅介護支援のレセプト</a
6319          >
6320        </li>
6321        <li>
6322          <a
6323            href="/day-service/function/day-service-recept.html"
6324            class="footer_content_link"
6325            >通所介護のレセプト</a
6326          >
6327        </li>
6328        <li>
6329          <a
6330            href="/home-visit/function/home-visit-recept.html"
6331            class="footer_content_link"
6332            >訪問介護のレセプト</a
6333          >
6334        </li>
6335        <li>
6336          <a
6337            href="/home-visit/function/insurance-claim-effect-shortening.html"
6338            class="footer_content_link"
6339            >障害福祉のレセプト</a
6340          >
6341        </li>
6342        <li>
6343          <a
6344            href="https://houkan.kaipoke.biz/function/medical-claim/"
6345            class="footer_content_link"
6346            target="_blank"
6347            >訪問看護のレセプト</a
6348          >
6349        </li>
6350        <li>
6351          <a
6352            href="/after-school-day-service/function/national-claim/"
6353            class="footer_content_link" target="_blank"
6354            >放デイ・児発のレセプト</a
6355          >
6356        </li>
6357        <li>
6358          <a
6359            href="/day-care/function/day-care-recept.html"
6360            class="footer_content_link"
6361            >通所リハ・デイケアのレセプト</a
6362          >
6363        </li>
6364        <li>
6365          <a
6366            href="/welfare-equipment-rental/function/recept.html"
6367            class="footer_content_link"
6368            >福祉用具貸与・販売のレセプト</a
6369          >
6370        </li>
6371        <li>
6372          <a href="/home-medical-care-management/" class="footer_content_link"
6373            >居宅療養管理指導のレセプト</a
6374          >
6375        </li>
6376        <li>
6377          <a
6378            href="/dementia-friendly-day-service/function/recept.html"
6379            class="footer_content_link"
6380            >認知症対応型通所介護のレセプト</a
6381          >
6382        </li>
6383        <li>
6384          <a href="/visit-bathing/" class="footer_content_link"
6385            >
6385訪問入浴のレセプト</a
6386          >
6387        </li>
6388        <li>
6389          <a href="/visit-rehabilitation/" class="footer_content_link"
6390            >訪問リハビリテーションのレセプト</a
6391          >
6392        </li>
6393        <li>
6394          <a href="/night-time-home-visit-care/" class="footer_content_link"
6395            >夜間対応型訪問介護のレセプト</a
6396          >
6397        </li>
6398      </ul>
6399    </nav>
6400    <nav class="footer_content_nav">
6401      <p class="footer_content_subtitle2">タブレット・スマホ記録</p>
6402      <ul class="footer_content_ul">
6403        <li>
6404          <a
6405            href="/home-helper-service/function/housing-tablet.html"
6406            class="footer_content_link"
6407            >ケアマネタブレット</a
6408          >
6409        </li>
6410        <li>
6411          <a
6412            href="/day-service/function/day-service-tablet.html"
6413            class="footer_content_link"
6414            >デイタブレット</a
6415          >
6416        </li>
6417        <li>
6418          <a
6419            href="/home-visit/function/visit-record.html"
6420            class="footer_content_link"
6421            >カイポケ訪問記録</a
6422          >
6423        </li>
6424        <li>
6425          <a
6426            href="https://houkan.kaipoke.biz/function/tablet/"
6427            class="footer_content_link"
6428            target="_blank"
6429            >訪看タブレット</a
6430          >
6431        </li>
6432        <li>
6433          <a
6434            href="/after-school-day-service/function/tablet/"
6435            class="footer_content_link"
6436            target="_blank"
6437            >放デイタブレット</a
6438          >
6439        </li>
6440        <li>
6441          <a
6442            href="/day-care/function/day-care-tablet.html"
6443            class="footer_content_link"
6444            >通リハタブレット</a
6445          >
6446        </li>
6447      </ul>
6448      <p class="footer_content_subtitle2 mt-5">情報連携</p>
6449      <ul class="footer_content_ul">
6450        <li>
6451          <a href="/function/data-link-service.html" class="footer_content_link"
6452            >ケア連携・データ連携</a
6453          >
6454        </li>
6455        <li>
6456          <a href="https://connect.kaipoke.biz/sites/careplan/" class="footer_content_link" target="_blank"
6457            >コネクトケアプラン</a
6458          >
6459        </li>
6460      </ul>
6461    </nav>
6462    <nav class="footer_content_nav">
6463      <ul class="footer_content_ul">
6464        <p class="footer_content_subtitle2">備品・設備</p>
6465        <li>
6466          <a href="/publicity/kaipoke_mobile/?utm_source=adskaipoke" class="footer_content_link" target="_blank"
6467            >カイポケモバイル</a
6468          >
6469        </li>
6470        <li>
6471          <a href="/function/tablet.html" class="footer_content_link"
6472            >カイポケタブレット</a
6473          >
6474        </li>
6475        <li>
6476          <a href="/function/shopping.html" class="footer_content_link"
6477            >備品購入</a
6478          >
6479        </li>
6480        <li>
6481          <a href="/function/car-lease.html" class="footer_content_link"
6482            >カイポケカーリース</a
6483          >
6484        </li>
6485      </ul>
6486      <p class="footer_content_subtitle2 mt-5">運営サポート</p>
6487      <ul class="footer_content_ul">
6488        <li>
6489          <a href="/function/website-creation.html" class="footer_content_link"
6490            >ホームページ作成</a
6491          >
6492        </li>
6493        <li>
6494          <a href="/function/providing-nursing-food.html" class="footer_content_link"
6495            >介護食提供サービス</a
6496          >
6497        </li>
6498        <li>
6499          <a href="/function/business-management.html" class="footer_content_link"
6500            >カイポケ経営管理</a
6501          >
6502        </li>
6503        <li>
6504          <a href="https://ma.kaipoke.biz/" class="footer_content_link" target="_blank"
6505            >M&amp;A</a
6506          >
6507        </li>
6508      </ul>
6509    </nav>
6510    <nav class="footer_content_nav">
6511      <p class="footer_content_subtitle2">カイポケ会計・労務<br />by Money Forward</p>
6512      <ul class="footer_content_ul">
6513        <li>
6514          <a href="/function/mf-cloud/" class="footer_content_link"
6515            >マネーフォワード クラウド一覧</a
6516          >
6517        </li>
6518        <li>
6519          <a href="/function/mf-cloud/accounting-tax-accountant.html" class="footer_content_link"
6520            >マネーフォワード クラウド会計</a
6521          >
6522        </li>
6523        <li>
6524          <a href="/function/mf-cloud/payroll-calculation.html" class="footer_content_link"
6525            >マネーフォワード クラウド給与</a
6526          >
6527        </li>
6528        <li>
6529          <a href="/function/mf-cloud/attendance-management.html" class="footer_content_link"
6530            >マネーフォワード クラウド勤怠</a
6531          >
6532        </li>
6533        <li>
6534          <a href="/function/mf-cloud/expense.html" class="footer_content_link"
6535            >マネーフォワード クラウド経費</a
6536          >
6537        </li>
6538      </ul>
6539      <p class="footer_content_subtitle2 mt-5">資金・入出金</p>
6540      <ul class="footer_content_ul">
6541        <li>
6542          <a href="/function/factoring.html" class="footer_content_link" target="_blank"
6543            >カイポケ早期入金</a
6544          >
6545        </li>
6546        <li>
6547          <a href="/function/payroll-calculation-transfer.html" class="footer_content_link"
6548            >給与振込</a
6549          >
6550        </li>
6551        <li>
6552          <a href="/function/account-transfer.html" class="footer_content_link"
6553            >カイポケ口座振替</a
6554          >
6555        </li>
6556      </ul>
6557    </nav>
6558    <nav class="footer_content_nav">
6559      <p class="footer_content_subtitle2">開業準備関連</p>
6560      <ul class="footer_content_ul">
6561        <li>
6562          <a href="/opening/function/business-plan-consulting.html" class="footer_content_link"
6563            >事業計画コンサルティング</a
6564          >
6565        </li>
6566        <li>
6567          <a href="/opening/function/accounting-tax-accountant.html" class="footer_content_link"
6568            >カイポケ税理士</a
6569          >
6570        </li>
6571        <li>
6572          <a href="/opening/function/incorporation.html" class="footer_content_link"
6573            >法人設立サービス</a
6574          >
6575        </li>
6576        <li>
6577          <a href="/opening/function/tax-affairs-notification-acting.html" class="footer_content_link"
6578            >税務届出代行サービス</a
6579          >
6580        </li>
6581        <li>
6582          <a href="/opening/function/application-for-designation.html" class="footer_content_link"
6583            >指定申請代行サービス</a
6584          >
6585        </li>
6586        <li>
6587          <a href="/opening/function/kaipoke-optical-internet.html" class="footer_content_link"
6588            >カイポケ光</a
6589          >
6590        </li>
6591        <li>
6592          <a href="/opening/function/multifunction-device.html" class="footer_content_link"
6593            >複合機</a
6594          >
6595        </li>
6596        <li>
6597          <a href="/opening/function/water-server.html" class="footer_content_link"
6598            >ウォーターサーバー</a
6599          >
6600        </li>
6601        <li>
6602          <a href="/opening/function/kaipoke-recruitment.html" class="footer_content_link"
6603            >人材採用サービス</a
6604          >
6605        </li>
6606        <li>
6607          <a href="/opening/function/kaipoke-insurance.html" class="footer_content_link"
6608            >カイポケ保険プラス</a
6609          >
6610        </li>
6611      </ul>
6612    </nav>
6613  </div>
6614</footer>
6615<footer class="footer_content" data-type="sms">
6616  <p class="footer_content_title">エス・エム・エスの関連サービス</p>
6617  <div class="footer_content_inner">
6618    <nav class="footer_content_nav">
6619      <p class="footer_content_subtitle2">介護・障害福祉経営支援</p>
6620      <ul class="footer_content_ul">
6621        <li>
6622          <a
6623            href="https://kabe-nashi.jp/"
6624            class="footer_content_link"
6625            target="_blank"
6626            >かべなしクラウド</a
6627          >
6628        </li>
6629        <li>
6630          <a
6631            href="https://dei-go.com/"
6632            class="footer_content_link"
6633            target="_blank"
6634            >かべなし求人ナビ・就労支援ナビ</a
6635          >
6636        </li>
6637        <li>
6638          <a
6639            href="https://hr.kabe-nashi.jp/"
6640            class="footer_content_link"
6641            target="_blank"
6642            >かべなし法人向け障害者雇用支援サービス</a
6643          >
6644        </li>
6645      </ul>
6646    </nav>
6647    <nav class="footer_content_nav">
6648      <p class="footer_content_subtitle2">キャリア</p>
6649      <ul class="footer_content_ul">
6650        <li>
6651          <a
6652            href="https://www.kaigojob.com/"
6653            class="footer_content_link"
6654            target="_blank"
6655            >ウェルミージョブ</a
6656          >
6657        </li>
6658        <li>
6659          <a
6660            href="https://www.kaigoagent.com/"
6661            class="footer_content_link"
6662            target="_blank"
6663            >カイゴジョブエージェント</a
6664          >
6665        </li>
6666        <li>
6667          <a
6668            href="https://kaigojob-academy.com/"
6669            class="footer_content_link"
6670            target="_blank"
6671            >カイゴジョブアカデミー</a
6672          >
6673        </li>
6674        <li>
6675          <a
6676            href="https://www.i.sikatoru.com/"
6677            class="footer_content_link"
6678            target="_blank"
6679            >シカトル</a
6680          >
6681        </li>
6682        <li>
6683          <a
6684            href="https://www.carejinzaibank.com/"
6685            class="footer_content_link"
6686            target="_blank"
6687            >ケア人材バンク</a
6688          >
6689        </li>
6690        <li>
6691          <a
6692            href="https://www.ptotjinzaibank.com/"
6693            class="footer_content_link"
6694            target="_blank"
6695            >PTOT人材バンク</a
6696          >
6697        </li>
6698        <li>
6699          <a
6700            href="https://hoiku.jinzaibank.com/"
6701            class="footer_content_link"
6702            target="_blank"
6703            >保育士人材バンク</a
6704          >
6705        </li>
6706      </ul>
6707    </nav>
6708    <nav class="footer_content_nav">
6709      <p class="footer_content_subtitle2">ヘルスケア</p>
6710      <ul class="footer_content_ul">
6711        <li>
6712          <a
6713            href="https://eichie.jp/recruit/"
6714            class="footer_content_link"
6715            target="_blank"
6716            >エイチエ&nbsp;転職</a
6717          >
6718        </li>
6719        <li>
6720          <a
6721            href="https://sanchie.net/"
6722            class="footer_content_link"
6723            target="_blank"
6724            >リモート産業保健</a
6725          >
6726        </li>
6727      </ul>
6728    </nav>
6729    <nav class="footer_content_nav">
6730      <p class="footer_content_subtitle2">シニアライフ</p>
6731      <ul class="footer_content_ul">
6732        <li>
6733          <a
6734            href="https://i.ansinkaigo.jp/"
6735            class="footer_content_link"
6736            target="_blank"
6737            >安心介護</a
6738          >
6739        </li>
6740        <li>
6741          <a
6742            href="https://i.ansinkaigo.jp/shokai/"
6743            class="footer_content_link"
6744            target="_blank"
6745            >安心介護紹介センター</a
6746          >
6747        </li>
6748        <li>
6749          <a
6750            href="https://i.care-mane.com/"
6751            class="footer_content_link"
6752            target="_blank"
6753            >ケアマネドットコム</a
6754          >
6755        </li>
6756      </ul>
6757    </nav>
6758  </div>
6759</footer>
6760<footer class="footer_info">
6761  <p>介護ソフトのカイポケ 保険請求だけでなく、経営全般をサポートします。</p>
6762  <a class="footer_logo" href="https://privacymark.jp/" target="_blank" rel="nofollow noopener noreferrer">
6763    <picture><img class="" src="/asset/img/privacy_mark.webp" alt="プライバシーマーク"  loading="lazy"/></picture>
6764  </a>
6765</footer>
6766<small class="footer_copy">&copy;&nbsp;SMS Co., Ltd.</small>
6767
6768<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/1.12.3/jquery.min.js"></script>
vendor: 1 bytes, line 6768
6768
6769<script>
6770// ──────────────────────────────
6771// ヘッダーをチェックしたら他が外れる
6772// jQuery header checkbox
6773$("[name='js-radiocheck']").on("click", function () {
6774  if ($(this).prop("checked")) { $("[name='js-radiocheck']").prop("checked", false); $(this).prop("checked", true);}
6775});
6776$("#js-checkout").click(function () { $("input[type='checkbox']").attr("checked", false);});
6777
6778// ──────────────────────────────
6779// スクロールを固定ヘッダー分の調整
6780$(function () {
6781    var headerHight = 148; //ヘッダの高さ
6782    $("a[href^='#']").click(function () {
6783        var href = $(this).attr("href");
6784        var target = $(href == "#" || href == "" ? "html" : href);
6785        var position = target.offset().top - headerHight; //ヘッダの高さ分位置をずらす
6786        $("html, body").animate({ scrollTop: position }, 550, "swing");
6787        return false;
6788    });
6789});
6790
6791// #js-header .is-headerIn
6792(function () {
6793    const target = document.getElementById("js-header"),
6794        height = 150;
6795    let offset = 0,
6796        lastPosition = 0,
6797        ticking = false;
6798    function onScroll() {
6799        if (lastPosition > height) {
6800            if (lastPosition > offset) {
6801                target.classList.add("is-headIn");
6802            } else {
6803                target.classList.remove("is-headIn");
6804            }
6805            offset = lastPosition;
6806        }
6807    }
6808    window.addEventListener("scroll", function () {
6809        lastPosition = window.scrollY;
6810        if (!ticking) {
6811            window.requestAnimationFrame(function () {
6812                onScroll(lastPosition);
6813                ticking = false;
6814            });
6815            ticking = true;
6816        }
6817    });
6818})();
6819
6820// ──────────────────────────────
6821// スクロールしたら表示する
6822// js-footer-scroll
6823window.addEventListener("scroll", function () {
6824    const footer_scroll = document.getElementsByClassName("js-footer-scroll");
6825    const page_scroll = window.pageYOffset;
6826    for (let i = 0; i < footer_scroll.length; i++) {
6827        if (page_scroll > 50) {
6828            footer_scroll[i].classList.add("is-show");
6829        } else footer_scroll[i].classList.remove("is-show");
6830    }
6831});
6832
6833// ──────────────────────────────
6834// パラメータ付与
6835const parameter_path =
6836    location.pathname.replace(/\//, "") + location.search.replace(/\?/, "&");
6837const parameter_cta = document.querySelectorAll(".js-url-parameter");
6838for (let i = 0; i < parameter_cta.length; i++) {
6839    if (parameter_cta[i].href.indexOf("?") == -1) {
6840        parameter_cta[i].href =
6841            parameter_cta[i].href + "?code=" + parameter_path;
6842    } else {
6843        parameter_cta[i].href =
6844            parameter_cta[i].href + "&code=" + parameter_path;
6845    }
6846}
6847
6848// ──────────────────────────────
6849// 内部リンクパラメータ維持
6850(function () {
6851    //クエリ付与対象とするリンクのドメイン一覧
6852    const domainsToDecorate = ["http://127.0.0.1:5502/", "kaipoke.biz"],
6853        //保持対象のパラメータ一覧
6854        queryParams = [
6855            "utm_campaign",
6856            "utm_content",
6857            "utm_expid",
6858            "utm_medium",
6859            "utm_referrer",
6860            "utm_source",
6861            "utm_term",
6862            "device",
6863            "matchtype",
6864            "code",
6865            "fbclid",
6866            "yclid",
6867            "gclid",
6868        ];
6869
6870    //ページ内のリンク(aタグ)をすべて取得
6871    const links = document.querySelectorAll("a");
6872
6873    //ページ内のリンク毎の処理
6874    for (var linkIndex = 0; linkIndex < links.length; linkIndex++) {
6875        for (
6876            var domainIndex = 0;
6877            domainIndex < domainsToDecorate.length;
6878            domainIndex++
6879        ) {
6880            //ページ内のリンクが対象ドメインの場合、リンクURLをç½
6880®ãæ›ãˆ
6881            if (
6882                links[linkIndex].href.indexOf(domainsToDecorate[domainIndex]) >
6883                    -1 &&
6884                links[linkIndex].href.indexOf("#") === -1
6885            ) {
6886                links[linkIndex].href = decorateUrl(links[linkIndex].href);
6887            }
6888        }
6889    }
6890
6891    //ページ内のリンクURLに、現在のURLのクエリパラメータを連結
6892    function decorateUrl(urlToDecorate) {
6893        urlToDecorate =
6894            urlToDecorate.indexOf("?") === -1
6895                ? urlToDecorate + "?"
6896                : urlToDecorate + "&";
6897        var collectedQueryParams = [];
6898        for (
6899            var queryIndex = 0;
6900            queryIndex < queryParams.length;
6901            queryIndex++
6902        ) {
6903            if (getQueryParam(queryParams[queryIndex])) {
6904                collectedQueryParams.push(
6905                    queryParams[queryIndex] +
6906                        "=" +
6907                        getQueryParam(queryParams[queryIndex])
6908                );
6909            }
6910        }
6911        //クエリパラメータがない場合はURL末尾の?を削除
6912        return collectedQueryParams.length === 0
6913            ? urlToDecorate.slice(0, -1)
6914            : urlToDecorate + collectedQueryParams.join("&");
6915    }
6916
6917    //現在のURLのクエリパラメータを取得
6918    function getQueryParam(name) {
6919        if (
6920            (name = new RegExp(
6921                "[?&]" + encodeURIComponent(name) + "=([^&]*)"
6922            ).exec(window.location.search))
6923        )
6924            return decodeURIComponent(name[1]);
6925    }
6926})();
6927
6928</script>
vendor: 1 bytes, line 6928
6928
6929<script>
6930  document.addEventListener('DOMContentLoaded', function () {
6931    const menus = document.querySelectorAll('.js-header-menu');
6932    const navArea = document.querySelector('.js-nav-area');
6933
6934    // メニュークリック処理(SPかつ nav-area が is-active のときだけ)
6935    menus.forEach(menu => {
6936      menu.addEventListener('click', function (e) {
6937        if (window.innerWidth >= 768) return;
6938        if (!navArea || !navArea.classList.contains('is-active')) return;
6939
6940        const targetId = menu.getAttribute('data-target');
6941        const content = document.querySelector(targetId);
6942
6943        document.querySelectorAll('.js-header-menu-content').forEach(el => {
6944          if (el !== content) {
6945            el.classList.remove('is-visible');
6946          }
6947        });
6948
6949        content.classList.toggle('is-visible');
6950      });
6951    });
6952
6953    // ハンバーガーが閉じられたとき、すべてのメニューを閉じる
6954    if (navArea) {
6955      const observer = new MutationObserver(mutations => {
6956        mutations.forEach(mutation => {
6957          if (
6958            mutation.attributeName === 'class' &&
6959            !navArea.classList.contains('is-active')
6960          ) {
6961            document.querySelectorAll('.js-header-menu-content').forEach(el => {
6962              el.classList.remove('is-visible');
6963            });
6964          }
6965        });
6966      });
6967
6968      observer.observe(navArea, { attributes: true });
6969    }
6970
6971const contents = document.querySelectorAll('.js-header-menu-content');
6972
6973  menus.forEach(menu => {
6974    menu.addEventListener('click', function (e) {
6975            if (window.innerWidth < 768) return; 
6976
6977      e.preventDefault();
6978      e.stopPropagation();
6979
6980      const targetSelector = menu.getAttribute('data-target');
6981      const targetContent = document.querySelector(targetSelector);
6982      const isActive = menu.classList.contains('is-active');
6983
6984            menus.forEach(m => m.classList.remove('is-active'));
6985      contents.forEach(c => c.classList.remove('is-visible'));
6986
6987            if (!isActive) {
6988        menu.classList.add('is-active');
6989        targetContent.classList.add('is-visible');
6990      }
6991    });
6992  });
6993
6994    document.addEventListener('click', function (e) {
6995        if (window.innerWidth < 768) return; 
6996
6997        if (e.target.closest('.js-header-menu') || e.target.closest('.js-header-menu-content')) {
6998      return;
6999    }
7000
7001    menus.forEach(m => m.classList.remove('is-active'));
7002    contents.forEach(c => c.classList.remove('is-visible'));
7003  });
7004  });
7005
7006
7007  // ──────────────────────────────
7008  // .js-hamburger
7009  // ──────────────────────────────
7010  // メニュー展開時に背景を固定
7011  const backgroundFix = (bool) => {
7012    const scrollingElement = () => {
7013      const browser = window.navigator.userAgent.toLowerCase();
7014      if ("scrollingElement" in document) return document.scrollingElement;
7015      return document.documentElement;
7016    };
7017
7018    const scrollY = bool
7019      ? scrollingElement().scrollTop
7020      : parseInt(document.body.style.top || "0");
7021
7022    const fixedStyles = {
7023      height: "100vh",
7024      position: "fixed",
7025      top: `${scrollY * -1}px`,
7026      left: "0",
7027      width: "100vw",
7028    };
7029
7030    Object.keys(fixedStyles).forEach((key) => {
7031      document.body.style[key] = bool ? fixedStyles[key] : "";
7032    });
7033
7034    if (!bool) {
7035      window.scrollTo(0, scrollY * -1);
7036    }
7037  };
7038
7039  // 変数定義
7040  const CLASS = "is-active";
7041  let flg = false;
7042  let accordionFlg = false;
7043
7044  let hamburger = document.getElementById("js-hamburger");
7045  let focusTrap = document.getElementById("js-focus-trap");
7046  let menu = document.querySelector(".js-nav-area");
7047  let accordionTrigger = document.querySelectorAll(".js-sp-accordion-trigger");
7048  let accordion = document.querySelectorAll(".js-sp-accordion");
7049
7050      // メニュー開閉制御
7051      hamburger.addEventListener("click", (e) => {
7052        e.currentTarget.classList.toggle(CLASS);
7053        menu.classList.toggle(CLASS);
7054
7055        const isOpen = menu.classList.contains(CLASS);
7056
7057        if (isOpen) {
7058          backgroundFix(true);
7059          hamburger.setAttribute("aria-expanded", "true");
7060          flg = true;
7061        } else {
7062          backgroundFix(false);
7063          hamburger.setAttribute("aria-expanded", "false");
7064          hamburger.focus();
7065          flg = false;
7066
7067          // 👇ここで即座にメニュー内のコンテンツも閉じる
7068          document.querySelectorAll(".js-header-menu-content").forEach((el) => {
7069            el.classList.remove("is-visible");
7070          });
7071        }
7072      });
7073  window.addEventListener("keydown", () => {
7074    //escキー押下でメニューを閉じられるように
7075    if (event.key === "Escape") {
7076      hamburger.classList.remove(CLASS);
7077      menu.classList.remove(CLASS);
7078
7079      backgroundFix(false);
7080      hamburger.focus();
7081      hamburger.setAttribute("aria-expanded", "false");
7082      flg = false;
7083    }
7084  });
7085
7086  // メニュー内アコーディオン制御
7087  accordionTrigger.forEach((item) => {
7088    item.addEventListener("click", (e) => {
7089      e.currentTarget.classList.toggle(CLASS);
7090      e.currentTarget.nextElementSibling.classList.toggle(CLASS);
7091      if (accordionFlg) {
7092        e.currentTarget.setAttribute("aria-expanded", "false");
7093        accordionFlg = false;
7094      } else {
7095        e.currentTarget.setAttribute("aria-expanded", "true");
7096        accordionFlg = true;
7097      }
7098    });
7099  });
7100
7101  // フォーカストラップ制御
7102  focusTrap.addEventListener("focus", (e) => {
7103    hamburger.focus();
7104  });
7105  
7106  
7107</script>
7107
7108
7109
7110  
7110<script src="https://form.movabletype.net/dist/parent-loader.js" defer async></script>
7110</body>
7111</html>
7112

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.