/*
 * DO NOT EDIT THIS FILE.
 * See the following change record for more information,
 * https://www.drupal.org/node/3084859
 * @preserve
 */:root { --header-height: 7.5rem; --header-height-lp: 4.5rem; --header-height--sm: 4rem; --transition: 0.3s ease-in-out; --text--red-color: #bb150c; --text--link-color: #168f05; --font-size-m: 1.125rem; --footer-color: var(--color----color--black); --footer-background-color: #e8e8e8; --footer-border-color: var(--color--neutral-gray-600); --btn-focus--border--color: #0077c7; --btn-primary--color: #fff; --btn-primary--bg-color: #168f05; --btn-primary--bg-color-hover: #64b458; --btn-primary--border-color: var(--btn-primary--bg-color-hover); --btn-secondary--color: #fff; --btn-secondary--bg-color: #1063b7; --btn-secondary--bg-color-hover: #387dc3; --btn-secondary--border-color: var(--btn-secondary--bg-color-hover); --btn-tertiary--color: #168f05; --btn-tertiary--bg-color: #fff; --btn-tertiary--bg-color-hover: #d8ecd5; --btn-tertiary--border-color: #168f05; --btn-text--color: #000; --btn-text--bg-color: #fff; --btn-text--bg-color-hover: #f2f2f2; --btn-text--border-color: #ccc; --btn-danger--color: #e50113; --btn-danger--bg-color: #fff; --btn-danger--bg-color-hover: #fff0f1; --btn-danger--border-color: var(--btn-danger--color); --white: #fff; --red-50: #f9dddc; --red-200: #e79b97; --red-500: #bb150c; --yellow-50: #fff2d7; --yellow-500: #f2a918; --yellow-600: #e59500; --green-50: #d8ecd5; --green-200: #8bc782; --green-300: #64b458; --green-500: #168f05; --green-600: #127704; --blue-50: #d6e5f4; --blue-200: #86b2df; --blue-400: #387dc3; --blue-500: #1063b7; --blue-600: #0d5399; --blue-700: #0b427a; --cyan-300: #84c4cc; --cyan-600: #3b8a95; --gray-50: #f3f1ed; --black-50: #f5f5f5; --black-200: #d9d9d9; --black-500: #909090; --black-600: #6e6e6e; --black-800: #333; --font-japanease: "Noto Sans JP", sans-serif; --font-weight-regular: 400; --font-weight-bold: 700; --font-heading-xl: 2.25rem; --font-heading-l: 1.75rem; --font-heading-m: 1.5rem; --font-heading-s: 1.25rem; --font-title-l: 1.25rem; --font-title-m: 1.125rem; --font-title-s: 1rem; --font-text-l: 1rem; --font-text-m: 0.875rem; --font-text-s: 0.75rem; --font-text-xs: 0.6875rem; --line-height-l: 175%; --line-height-m: 150%; --line-height-s: 140%; --letterspacing-l: 0.06em; --radius-full: 100vh; --radius-l: 0.5rem; --radius-s: 0.25rem; --animation-duration: 1s; --animation-easing: ease-in-out; --transition-duration: 0.2s; --transition-duration-slow: 0.8s; --transition-easing: ease; --gap: 0.5rem; --gap10: calc(var(--gap) * 10); --gap9: calc(var(--gap) * 9); --gap8: calc(var(--gap) * 8); --gap7: calc(var(--gap) * 7); --gap6: calc(var(--gap) * 6); --gap5: calc(var(--gap) * 5); --gap4: calc(var(--gap) * 4); --gap3: calc(var(--gap) * 3); --gap2: calc(var(--gap) * 2); --gap1: calc(var(--gap) * 1); --gap-s: 0.25rem; --gap-s9: calc(var(--gap-s) * 9); --gap-s8: calc(var(--gap-s) * 8); --gap-s7: calc(var(--gap-s) * 7); --gap-s5: calc(var(--gap-s) * 5); --gap-s3: calc(var(--gap-s) * 3); --gap-s1: calc(var(--gap-s) * 1); --gap-s05: calc(var(--gap-s) * 0.5); --section-gap: 5rem; --border-default-color: var(--black-200); --container-width: 100%; --container-width-m: 100%; --original: var(--yellow-600); --alpha: var(--cyan-600); --infinity: var(--blue-700); }

@media (48rem <= width) { :root { --section-gap: 7.5rem; --container-width-m: 45rem; } }

@media (75rem <= width) { :root { --container-width: 65rem; } }