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&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 ç¦ç¥ç¨å ·ã®ã¿æªå¯¾å¿ï¼2026å¹´3ææ«ã¾ã§ã«å¯¾å¿äºå®ï¼<br /> --> 4875â» 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">ã«ã¤ãã± ãã°ã¤ã³</a></li> 6301 <li><a href="https://login.kaipoke.com/u/login" class="footer_content_link">ã«ã¤ãã±ã³ãã¯ã ãã°ã¤ã³</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&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 >ã¨ã¤ã㨠転è·</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">© 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.