@charset "UTF-8";
:root {
  --color-01: #8eda73;
  --color-02: #4ea72e;
  --color-03: #5882ca;
  --color-04: #8faadc;
  --color-05: #9dc3e6;
  --color-06: #dae3f3;
  --color-07: #595959;
  --color-08: #fefefe;
  --color-09: #0f9ed5;
  --cat-00: #299ed5;
  --cat-01: #ffb900;
  --cat-02: #0077d3;
  --cat-03: #fc0065;
  --cat-04: #00d7b2;
  --cat-05: #8eda73;
  --color-invalid: #fcf4f4;
  --color-focus: #f7fcf4;
  --ff-noto: "Noto Sans JP", sans-serif;
  --ff-maru: "Zen Maru Gothic", sans-serif;
  --ff-sans: "Open Sans", sans-serif;
  --duration: .25s;
  --g-max: 1180px;
  --g-side: 52px;
  --g-inline-gap: calc(var(--g-side) / 2);
  --g-block-gap: calc(var(--g-side) / 2);
}

html {
  block-size: 100%;
  font-weight: 500;
  font-family: var(--ff-maru);
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
  -moz-text-size-adjust: none;
  -webkit-text-size-adjust: none;
  text-size-adjust: none;
  color: var(--color-07);
  -webkit-tap-highlight-color: transparent;
  -webkit-touch-callout: none;
  scrollbar-width: thin;
  scrollbar-color: var(--color-02) #fff;
}

*,
*::before,
*::after {
  box-sizing: border-box;
  margin: unset;
  padding: unset;
}

body {
  inline-size: min(100%, 1180px);
  block-size: 100%;
  margin-inline: auto;
}

:where(a) {
  text-decoration: none;
  color: inherit;
}

:where(h1, h2, h3, h4),
:where(button, input, select, textarea) {
  font: inherit;
  color: inherit;
}

:where(input[readonly]) {
  cursor: default;
  outline: none;
  pointer-events: none;
}

:where(select, [type=date]) {
  background-color: #fff;
}

:where(select) {
  padding-inline: 0.5em 1.5em;
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M5%206l5%205%205-5%202%201-7%207-7-7%202-1z%22%20fill%3D%22%23555%22%2F%3E%3C%2Fsvg%3E);
  background-position: right 0.25em top 55%;
  background-repeat: no-repeat;
  background-size: 1em;
  appearance: none;
}

:where([type=date]) {
  padding-inline: 0.25em;
}

:where(button) {
  line-height: inherit;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  appearance: none;
}

:where([type=checkbox], [type=radio], [type=submit], button) {
  cursor: pointer;
}

:where(dialog) {
  outline: none;
}

::placeholder {
  color: #bfbfbf;
}

@keyframes fadein {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.loading {
  position: absolute;
  inset: 0;
  z-index: 9;
  background-color: #fff;
  opacity: 1;
}
.loading.is-loading {
  animation: fadein 0.5s linear 0.0125s 1 normal forwards;
}
.loading.is-loaded {
  z-index: -1;
}

.l-wrapper {
  content-visibility: auto;
  display: grid;
  grid-template-columns: var(--g-side) 1128px;
  align-items: start;
  inline-size: min(100%, var(--g-max));
  min-block-size: 100%;
  contain: layout;
}
.l-wrapper:not(.\--scroll) {
  grid-template-areas: "sidebar main";
  block-size: max-content;
}
.l-wrapper.\--scroll {
  scroll-snap-type: block mandatory;
  scrollbar-width: none;
  overflow-y: auto;
  grid-template-areas: "sidebar section1" "sidebar section2" "sidebar section3" "sidebar section4";
  grid-auto-rows: 100dvb;
  block-size: 100dvb;
}
.l-wrapper.\--scroll .l-main {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  background-image: none;
}
.l-wrapper.\--scroll .l-main.\--1 {
  grid-area: section1;
}
.l-wrapper.\--scroll .l-main.\--2 {
  grid-area: section2;
}
.l-wrapper.\--scroll .l-main.\--3 {
  grid-area: section3;
}
.l-wrapper.\--scroll .l-main.\--4 {
  grid-area: section4;
}
.l-wrapper.\--scroll .loading.is-loaded {
  background-color: rgba(0, 0, 0, 0);
}

.l-sidebar {
  position: sticky;
  inset-inline-start: 0;
  inset-block-start: 0;
  z-index: 10;
  grid-area: sidebar;
  min-block-size: 100dvb;
  color: var(--color-08);
  background-color: var(--color-01);
}

.l-main {
  position: relative;
  block-size: 100%;
  padding-block-start: 26px;
}
.l-main:not([class*="--"]) {
  grid-area: main;
}
.l-main[data-bg] {
  background-attachment: fixed;
  background-repeat: repeat-x, repeat;
  background-size: 10px 730px, 10px 4px;
}
.l-main[data-bg="01"] {
  background-image: url(../images/common/bg_01.png), url(../images/common/bg_01_repeat_y.png);
}
.l-main[data-bg="02"] {
  background-image: url(../images/common/bg_02.png), url(../images/common/bg_02_repeat_y.png);
}
.l-main[data-bg="03"] {
  background-image: url(../images/common/bg_03.png), url(../images/common/bg_03_repeat_y.png);
}
.l-main[data-bg="04"] {
  background-image: url(../images/common/bg_04.png), url(../images/common/bg_04_repeat_y.png);
}
.l-main[data-bg="05"] {
  background-image: url(../images/common/bg_05.png), url(../images/common/bg_05_repeat_y.png);
}
.l-main[data-bg="06"] {
  background-image: url(../images/common/bg_06.png), url(../images/common/bg_06_repeat_y.png);
}
.l-main[data-bg="07"] {
  background-image: url(../images/common/bg_07.png), url(../images/common/bg_07_repeat_y.png);
}

body::after {
  position: fixed;
  inset: 0;
  z-index: -1;
  inline-size: min(100%, 1180px);
  margin-inline: auto;
  content: "";
}
body:has([data-bg])::after {
  background-repeat: repeat-x, repeat;
  background-size: 10px 730px, 10px 4px;
}
body:has([data-bg="01"])::after {
  background-image: url(../images/common/bg_01.png), url(../images/common/bg_01_repeat_y.png);
}
body:has([data-bg="02"])::after {
  background-image: url(../images/common/bg_02.png), url(../images/common/bg_02_repeat_y.png);
}
body:has([data-bg="03"])::after {
  background-image: url(../images/common/bg_03.png), url(../images/common/bg_03_repeat_y.png);
}
body:has([data-bg="04"])::after {
  background-image: url(../images/common/bg_04.png), url(../images/common/bg_04_repeat_y.png);
}
body:has([data-bg="05"])::after {
  background-image: url(../images/common/bg_05.png), url(../images/common/bg_05_repeat_y.png);
}
body:has([data-bg="06"])::after {
  background-image: url(../images/common/bg_06.png), url(../images/common/bg_06_repeat_y.png);
}
body:has([data-bg="07"])::after {
  background-image: url(../images/common/bg_07.png), url(../images/common/bg_07_repeat_y.png);
}

.sidebar {
  --g-sidebar-gap: .25em;
  --duration2: calc(var(--duration) * 1.5);
  inline-size: var(--g-side);
}
.sidebar_open, .sidebar_close {
  overflow-y: auto;
  overscroll-behavior: contain;
}
.sidebar_button {
  display: grid;
  grid-auto-rows: max-content;
  row-gap: 0.4375rem;
  inline-size: calc(var(--g-side) - var(--g-sidebar-gap) * 2);
  margin-inline: var(--g-sidebar-gap);
  margin-block-start: var(--g-sidebar-gap);
  padding-inline: 0.5625rem;
  padding-block: 0.6875rem;
  font-size: initial;
  cursor: pointer;
  aspect-ratio: 1;
  border-radius: var(--g-sidebar-gap);
}
@media (any-hover: hover) {
  .sidebar_button {
    transition: background-color var(--duration);
  }
  .sidebar_button:is(:hover, :focus-visible, .is-open) {
    outline: none;
    background-color: var(--color-02);
  }
}
.sidebar_button > span {
  inline-size: 100%;
  block-size: 2px;
  border-radius: 2px;
  background-color: var(--color-08);
  transition-property: scale, rotate, translate, opacity;
  transition-duration: var(--duration2);
  transition-timing-function: ease-out, ease-out, ease-out, linear;
}
.sidebar_button.is-open > span:nth-of-type(1) {
  rotate: 45deg;
  translate: 0 0.5625rem;
}
.sidebar_button.is-open > span:nth-of-type(2) {
  scale: 0 1;
  opacity: 0;
}
.sidebar_button.is-open > span:nth-of-type(3) {
  rotate: -45deg;
  translate: 0 -0.5625rem;
}
.sidebar_close {
  scrollbar-width: none;
  visibility: visible;
  display: grid;
  grid-auto-rows: max-content;
  row-gap: var(--g-sidebar-gap);
  block-size: calc(100dvh - (26px + var(--g-side) + 44px + 8px));
  padding: var(--g-sidebar-gap);
  transition-property: visibility, translate, opacity;
  transition-duration: 0s, var(--duration2), var(--duration);
  transition-timing-function: linear, ease-out, linear;
  transition-delay: 0s;
  will-change: auto;
}
.sidebar_close.is-open {
  visibility: hidden;
  transition-delay: var(--duration2), 0s, 0s;
  translate: -100% 0;
  opacity: 0;
  will-change: translate, opacity;
}
.sidebar_open {
  position: fixed;
  inset-inline-start: 0;
  inset-block-start: calc(26px + var(--g-side) + 44px + 8px);
  visibility: hidden;
  display: grid;
  grid-auto-rows: max-content;
  grid-auto-columns: 1fr;
  row-gap: var(--g-sidebar-gap);
  inline-size: max-content;
  block-size: calc(100dvh - (26px + var(--g-side) + 44px + 8px));
  font-size: 1rem;
  transition-property: visibility, translate, opacity;
  transition-duration: var(--duration2), var(--duration2), var(--duration);
  transition-timing-function: ease-out, linear;
  transition-delay: var(--duration2), 0s, 0s;
  translate: -100% 0;
  opacity: 0;
  will-change: auto;
}
.sidebar_open.is-open {
  visibility: visible;
  transition-delay: 0s;
  translate: 0;
  opacity: 1;
}
.sidebar_logo-link {
  display: grid;
  place-content: center;
  inline-size: 3.25rem;
  block-size: 3.25rem;
  margin-block-start: 26px;
}
.sidebar_logo {
  inline-size: 3rem;
  block-size: auto;
  aspect-ratio: 46/50;
  filter: hue-rotate(98deg) brightness(1.5);
}

.so_item {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.5em;
  padding-inline: calc(1.5rem + 1.5em) 1.5em;
  padding-block: 0.4375rem 0.5625rem;
  line-height: 1;
  border: 2px solid rgba(0, 0, 0, 0);
}
@media (any-hover: hover) {
  .so_item {
    transition-property: color, border-color, background-color;
    transition-duration: var(--duration);
  }
  .so_item:is(:hover, :focus-visible).so_label {
    outline: none;
    border-color: var(--color-01);
    background-color: #fff;
  }
  .so_item:is(:hover, :focus-visible).so_label.\--1 {
    color: var(--color-02);
  }
}
.so_item > svg {
  position: absolute;
  inset-inline-start: 1em;
  inset-block: 0;
  inline-size: 1.5rem;
  margin-block: auto;
}
.so_label.\--1 {
  background-color: var(--color-02);
}
.so_label.\--2 {
  background-color: var(--color-04);
}
.so_label.\--3 {
  background-color: var(--color-05);
}
.so_label.\--4 {
  background-color: var(--color-06);
  color: var(--color-07);
}
.so_label:is(.\--1, .\--2, .\--3) {
  grid-column: 1/span 11;
}
.so_label.\--4 {
  grid-column: 4/span 8;
  margin-inline-start: var(--g-sidebar-gap);
}
.so_label[aria-current=page] {
  color: var(--color-02);
  border-color: var(--color-01);
  background-color: #fff;
  pointer-events: none;
}
.so_adjust {
  text-align-last: justify;
}
.so_adjust.\--3 {
  inline-size: 3em;
}
.so_adjust.\--5 {
  inline-size: 5em;
}
.so_adjust.\--6 {
  inline-size: 6em;
}

.sc_item {
  position: relative;
  display: grid;
  place-items: center;
  outline-offset: -0.125rem;
  border-radius: var(--g-sidebar-gap);
  background-color: var(--color-02);
  aspect-ratio: 1;
}
.sc_item > svg {
  inline-size: 1.5rem;
}
.sc_item > .badge {
  position: absolute;
  inset-inline-end: -3px;
  inset-block-start: -3px;
  padding: 0.25em 0.5em;
  font-size: 0.75em;
  line-height: 1;
  color: #fff;
  border-radius: 2lh;
  background-color: var(--cat-03);
}
.sc_item[aria-current=page] {
  color: var(--color-02);
  background-color: #fff;
  pointer-events: none;
}
@media (any-hover: hover) {
  .sc_item {
    transition: color var(--duration), background-color var(--duration);
  }
  .sc_item:is(:hover, :focus-visible) {
    outline: none;
    color: var(--color-02);
    background-color: #fff;
  }
}

.l-main::before {
  position: absolute;
  inset: 0;
  z-index: 9;
  visibility: hidden;
  background-color: rgba(255, 255, 255, 0);
  content: "";
  transition: visibility 0s calc(var(--duration) * 1.5), background-color calc(var(--duration) * 1.5);
}

.l-wrapper:has(.sidebar_button.is-open) .l-main::before {
  visibility: visible;
  background-color: rgba(255, 255, 255, 0.6);
  transition: visibility 0s 0s, background-color calc(var(--duration) * 1.5);
}

.login-user {
  position: absolute;
  inset-inline-start: calc(var(--g-side) + 1em);
  inset-block-end: 1em;
  z-index: 1;
  line-height: 1;
  color: var(--color-02);
}
.login-user::before {
  content: "ログイン：";
}

@-moz-document url-prefix() {
  .so_item {
    white-space: nowrap;
  }
}
/* screen reader text
-------------------------------------------------------------------------------- */
.m-visually-hidden {
  position: absolute;
  overflow: hidden;
  clip: rect(1px, 1px, 1px, 1px);
  inline-size: 1px;
  block-size: 1px;
  word-wrap: normal;
}

/* indent
-------------------------------------------------------------------------------- */
.m-indent {
  padding-inline-start: 1em;
  text-indent: -1em;
}

/* text
-------------------------------------------------------------------------------- */
.noto {
  font-family: var(--ff-noto);
}

.maru {
  font-family: var(--ff-maru);
}

.sans {
  font-family: var(--ff-sans);
}

.m-text {
  padding: 1em;
  line-height: 1.6;
}

.m-nowrap {
  white-space: nowrap;
}

/* source
-------------------------------------------------------------------------------- */
.m-source {
  padding-inline-start: 3em;
  text-indent: -3em;
  font-size: 0.75rem;
}

/* heading
-------------------------------------------------------------------------------- */
.m-heading {
  block-size: 54px;
  background-color: rgba(255, 255, 255, 0.6);
}
.m-heading_image {
  position: relative;
  display: block;
  block-size: auto;
  margin-inline: auto;
}

.m-hgroup {
  display: flex;
  align-items: center;
  margin-inline: calc(var(--g-inline-gap) * -1);
  color: var(--php-hgroup-text-color);
  background-color: rgba(255, 255, 255, 0.75);
}
.m-hgroup_heading {
  position: relative;
  display: grid;
  inline-size: 18.75rem;
  block-size: 3.75rem;
  margin-inline-start: -0.25rem;
}
.m-hgroup_arrow, .m-hgroup_title {
  grid-area: 1/-1;
}
.m-hgroup_arrow {
  color: var(--php-hgroup-arrow-color);
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
}
.m-hgroup_title {
  position: relative;
  place-self: center;
  padding-inline-end: 1.25rem;
  font-size: 1.5rem;
}
.m-hgroup_subtitle {
  display: grid;
  flex: 1;
  filter: drop-shadow(2px 2px 2px rgba(0, 0, 0, 0.25));
}
.m-hgroup_subtitle svg {
  inline-size: 51.875rem;
}
.m-hgroup_subtitle .text {
  font-size: 2.25rem;
  font-family: var(--ff-maru);
}
.m-hgroup_subtitle .text.\--1 {
  fill: none;
  stroke: #fff;
  stroke-miterlimit: 10;
  stroke-width: 3px;
}
.m-hgroup_subtitle .text.\--2 {
  fill: currentColor;
}

/* navigation
-------------------------------------------------------------------------------- */
.m-navigation {
  display: grid;
  grid-area: 1/2;
  grid-auto-rows: max-content;
  row-gap: 0.5em;
  margin-block-start: 2.25rem;
  font-family: var(--ff-noto);
  color: #fff;
}
.m-navigation ._item {
  display: grid;
  align-items: center;
  inline-size: 9.375rem;
  block-size: 2.25rem;
  margin-inline-start: -0.125rem;
  padding-inline: 1em;
  padding-block-end: 0.125em;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 36'%3E%3Cpolygon fill='%238ed973' points='1 35 1 1 139.41 1 148.86 18 139.41 35 1 35'/%3E%3Cpath fill='%238ed973' d='M138.82,2l8.89,16-8.89,16H2V2h136.82M140,0H0v36h140l10-18L140,0h0Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
}
.m-navigation [aria-current] {
  padding-block-end: 0;
  color: var(--color-02);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 150 36'%3E%3Cpolygon fill='%23fff' points='1 35 1 1 139.41 1 148.86 18 139.41 35 1 35'/%3E%3Cpath fill='%238ed973' d='M138.82,2l8.89,16-8.89,16H2V2h136.82M140,0H0v36h140l10-18L140,0h0Z'/%3E%3C/svg%3E");
  pointer-events: none;
}

/* contents
-------------------------------------------------------------------------------- */
.m-contents {
  display: grid;
  grid-template-rows: var(--m-contents-row, 1fr);
  row-gap: var(--m-contents-row-gap, 1em);
  line-height: 1.6;
}

/* base background image
-------------------------------------------------------------------------------- */
.m-bg {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
}

/* m-tab
-------------------------------------------------------------------------------- */
.m-tab {
  position: absolute;
  z-index: 5;
  display: flex;
  inline-size: 240px;
  block-size: 41px;
}
.m-tab.\--no-spouse {
  opacity: 0;
  pointer-events: none;
}
.m-tab_label {
  z-index: 5;
}
.m-tab_label.\--no-spouse {
  background-color: #fff;
  pointer-events: none;
}
.m-tab_label:has(> :checked) + .m-tab_image {
  opacity: 1;
}
.m-tab_button {
  inline-size: 120px;
  block-size: 100%;
  appearance: none;
}
.m-tab_button:checked {
  pointer-events: none;
}
.m-tab_image {
  position: absolute;
  inline-size: 240px;
  block-size: auto;
  opacity: 0;
  transition: opacity var(--duration);
}

/* modal
-------------------------------------------------------------------------------- */
.m-modal .m-pager {
  position: fixed;
  inset-inline: 0;
  inset-block-start: 23px;
  inline-size: 1180px;
  margin-inline: auto;
  padding-inline-end: 29px;
}

/* column
-------------------------------------------------------------------------------- */
.m-col {
  display: grid;
  grid-template-columns: var(--m-col, repeat(2, 1fr));
  column-gap: var(--m-col-gap, 1em);
}

/* row
-------------------------------------------------------------------------------- */
.m-row {
  display: grid;
  grid-template-rows: var(--m-row, repeat(2, 1fr));
  row-gap: var(--m-row-gap, 1em);
}

/* radio columns
-------------------------------------------------------------------------------- */
.m-radio-col {
  display: flex;
  align-items: center;
  column-gap: 1em;
}

/* pager
-------------------------------------------------------------------------------- */
.m-pager-wrapper {
  position: relative;
}

.m-pager {
  position: absolute;
  inset-block-start: -3px;
  inset-inline-end: 29px;
  display: flex;
  justify-content: flex-end;
  column-gap: 12px;
}
.m-pager .button {
  display: grid;
  place-items: center;
  inline-size: 55px;
  block-size: 56px;
  padding-block-start: 5px;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  color: #fff;
  border: 2px solid var(--color-09);
  border-radius: 100lh;
  background-color: var(--color-09);
}
.m-pager .button.\--prev {
  border-bottom-right-radius: 0;
}
.m-pager .button.\--next {
  border-bottom-left-radius: 0;
}
@media (any-hover: hover) {
  .m-pager .button {
    transition: color var(--duration), background-color var(--duration);
  }
  .m-pager .button:is(:hover, :focus-visible) {
    outline: none;
    color: var(--color-09);
    background-color: #fff;
  }
}

/* button
-------------------------------------------------------------------------------- */
.m-action {
  display: flex;
  column-gap: 1em;
  inline-size: max-content;
  margin-inline: auto;
  margin-block-start: 22px;
}
.m-action .button.\--submit {
  display: block;
  inline-size: 114px;
  block-size: 30px;
  margin-inline: auto;
  padding-block-end: 2px;
  font-weight: 700;
  font-size: 20px;
  line-height: 1;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  color: #fff;
  border-radius: 8px;
  background-color: var(--color-09);
}

.m-question {
  --color: #0e9ed5;
  display: inline-grid;
  place-items: center;
  inline-size: 34px;
  block-size: 34px;
  padding-block-end: 3px;
  font-size: 24px;
  line-height: 1;
  color: #fff;
  outline: none;
  border: 2px solid var(--color);
  border-radius: 6px;
  background-color: var(--color);
}
.m-question.\--color-2 {
  --color: #8ed973;
}
.m-question.\--color-3 {
  --color: #ffc100;
}
.m-question.\--absolute {
  position: absolute;
  z-index: 1;
}
.m-question.\--absolute {
  inset-inline-end: 7px;
  inset-block-start: 0;
}
.m-question.\--p12 {
  inset-inline-end: 44px;
  inset-block-start: 9px;
}
.m-question.\--p22-1 {
  inset-inline-end: 17px;
  inset-block-start: 21px;
}
.m-question.\--p22-2 {
  inset-inline-end: 45px;
  inset-block-start: 403px;
}
.m-question.\--p23 {
  inset-inline-end: 45px;
  inset-block-start: 403px;
}
.m-question.\--p26 {
  inset-inline-end: 18px;
  inset-block-start: 8px;
}
.m-question.\--p27 {
  inset-inline-end: 23.5px;
  inset-block-start: 21.5px;
}
.m-question.\--p28 {
  inset-inline-end: 23.5px;
  inset-block-start: 21.5px;
}
.m-question.\--p33 {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
.m-question.\--p34 {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
.m-question.\--p35 {
  inset-inline-end: 14px;
  inset-block-start: 9px;
}
.m-question.\--p38 {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
.m-question.\--p44 {
  inset-inline-end: 18px;
  inset-block-start: 14px;
}
.m-question.\--p52 {
  inset-inline-end: 793px;
  inset-block-start: 426px;
}
.m-question.\--p55 {
  inset-inline-end: 13px;
  inset-block-start: 14px;
}
.m-question.\--p54 {
  inset-inline-end: 19px;
  inset-block-start: 15px;
}
.m-question.\--p62 {
  inset-inline-end: 336px;
  inset-block-start: -3px;
}
@media (any-hover: hover) {
  .m-question {
    outline: none;
    transition-property: color, background-color;
    transition-duration: var(--duration);
  }
  .m-question:is(:hover, :focus-visible) {
    color: var(--color);
    background-color: #fff;
  }
}

.m-close {
  --color: #0e9ed5;
  display: grid;
  place-items: center;
  inline-size: 34px;
  block-size: 34px;
  padding-block-end: 2px;
  font-weight: 700;
  font-size: 22px;
  font-family: var(--ff-noto);
  line-height: 1;
  color: #fff;
  outline: none;
  border: 2px solid var(--color);
  border-radius: 6px;
  background-color: var(--color);
}
.m-close.\--color-2 {
  --color: #8ed973;
}
.m-close.\--color-3 {
  --color: #ffc100;
}
.m-close:is([class*="--p"], .\--absolute) {
  position: absolute;
  z-index: 1;
}
.m-close.\--p12 {
  inset-inline-end: 10.5px;
  inset-block-start: -33px;
}
.m-close.\--p22-2 {
  inset-inline-end: 18px;
  inset-block-start: 13px;
}
.m-close.\--p23 {
  inset-inline-end: 18px;
  inset-block-start: 13px;
}
.m-close.\--p23-1 {
  inset-inline-end: 17px;
  inset-block-start: 21px;
}
.m-close.\--p26 {
  inset-inline-end: 5px;
  inset-block-start: 7px;
}
.m-close.\--p27 {
  inset-inline-end: 23.5px;
  inset-block-start: 21.5px;
}
.m-close.\--p33 {
  inset-inline-end: 16px;
  inset-block-start: 13px;
}
.m-close.\--p34 {
  inset-inline-end: 23px;
  inset-block-start: 17px;
}
.m-close.\--p35 {
  inset-inline-end: 11px;
  inset-block-start: 5px;
}
.m-close.\--p38 {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
.m-close.\--p44 {
  inset-inline-end: 15px;
  inset-block-start: 13px;
}
.m-close.\--p54 {
  inset-inline-end: 144.5px;
  inset-block-start: 14px;
}
.m-close.\--p55 {
  inset-inline-end: 10px;
  inset-block-start: 13px;
}
.m-close.\--p62 {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
@media (any-hover: hover) {
  .m-close {
    outline: none;
    transition-property: color, background-color;
    transition-duration: var(--duration);
  }
  .m-close:is(:hover, :focus-visible) {
    color: var(--color);
    background-color: #fff;
  }
}

[data-button-hover="1"] {
  color: #fff;
  border: 2px solid var(--color-01);
  background-color: var(--color-01);
}
@media (any-hover: hover) {
  [data-button-hover="1"] {
    transition-property: color, background-color;
    transition-duration: var(--duration);
  }
  [data-button-hover="1"]:is(:hover, :focus-visible) {
    color: var(--color-02);
    background-color: #fff;
  }
}

/* table
-------------------------------------------------------------------------------- */
.m-table :where(td, th) {
  padding: 0.4375rem 1em 0.5625rem;
  line-height: 1;
}
.m-table :where(th) {
  color: var(--color-08);
  background-color: var(--color-02);
}
.m-table :where(tr:nth-of-type(odd) > td) {
  background-color: #cfd5ea;
}
.m-table :where(tr:nth-of-type(even) > td) {
  background-color: #e9ebf6;
}

/* box
-------------------------------------------------------------------------------- */
.m-box-wrapper {
  position: relative;
  z-index: 1;
  display: flex;
  margin-inline: 78px 20px;
  margin-block-start: 24px;
}

.m-box {
  inline-size: 913px;
  block-size: 542px;
  border-radius: 20px;
  background-color: #fff;
  box-shadow: 6px 6px 12px 0 rgba(0, 0, 0, 0.125);
}

/* contents navigation
-------------------------------------------------------------------------------- */
.m-nav {
  position: relative;
  z-index: -1;
  display: grid;
  grid-auto-rows: max-content;
  flex: 1;
  align-items: start;
  row-gap: 10px;
  margin-block-start: 28px;
}
.m-nav .m-name {
  position: absolute;
  inset-inline-end: 6px;
  inset-block-start: -34px;
}
.m-nav .item {
  --item-padding-inline-start: 18px;
  --y-move: 9px;
  display: grid;
  align-items: center;
  inline-size: 100%;
  block-size: 32px;
  font-size: 13px;
  padding-inline-start: var(--item-padding-inline-start);
  padding-block-end: 2px;
  background-position: 100% 50%;
  background-repeat: no-repeat;
  background-size: auto 100%;
}
.m-nav .item:not([aria-current]) {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.26 17.62'%3E%3Cpath fill='%238ed973' fill-rule='evenodd' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3Cpath fill='none' stroke='%238ed973' stroke-miterlimit='8' stroke-width='1.5' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3C/svg%3E%0A");
}
@media (any-hover: hover) {
  .m-nav .item:not([aria-current]) {
    transition-property: padding-inline-start, inline-size;
    transition-duration: var(--duration);
  }
  .m-nav .item:not([aria-current]):is(:hover, :focus-visible) {
    outline: none;
    inline-size: calc(100% + var(--y-move));
    padding-inline-start: calc(var(--item-padding-inline-start) + var(--y-move));
  }
}
.m-nav .item[aria-current] {
  color: var(--color-02);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.26 17.62'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3Cpath fill='none' stroke='%238ed973' stroke-miterlimit='8' stroke-width='1.5' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3C/svg%3E%0A");
  pointer-events: none;
}

[data-page*=sharing-] .m-nav .item:where(:nth-of-type(2)) {
  letter-spacing: 1em;
}
[data-page*=sharing-] .m-nav .item:where(:last-child) {
  letter-spacing: 0.5em;
}

[data-page*=elderly-care-] .m-nav .item {
  --item-padding-inline-start: 14px;
  padding-inline: var(--item-padding-inline-start) 25px;
  text-align-last: justify;
}
[data-page*=elderly-care-] .m-nav .item:where(:last-child) {
  --item-padding-inline-start: 6px;
  letter-spacing: -0.5em;
  padding-inline: var(--item-padding-inline-start) 17px;
}
[data-page*=elderly-care-] .m-nav .item.item-long {
  --item-padding-inline-start: 6px;
  letter-spacing: -0.5em;
  padding-inline: var(--item-padding-inline-start) 17px;
}

[data-page*=pregnancy-childbirth-] .m-nav .item {
  --item-padding-inline-start: 11px;
  padding-inline-start: var(--item-padding-inline-start);
}
[data-page*=pregnancy-childbirth-] .m-nav .item:is(:nth-child(3), :nth-child(5)) {
  letter-spacing: 0.5em;
}

[data-page*=just-in-case-] .m-nav .item {
  --item-padding-inline-start: 14px;
  padding-inline-start: var(--item-padding-inline-start);
}
[data-page*=just-in-case-] .m-nav .item:is([data-page*=just-in-case-] .m-nav .item:nth-child(2), [data-page*=just-in-case-] .m-nav .item:nth-child(4)) {
  letter-spacing: 0.5em;
}

[data-page*=customer-info-] .m-nav .item {
  letter-spacing: 0.5em;
}
[data-page*=customer-info-] .m-nav .item:is([data-page*=customer-info-] .m-nav .item:nth-child(3)) {
  letter-spacing: 0.25em;
}

[data-page*=registration-] .m-nav .item {
  letter-spacing: 0.5em;
}

[data-page*=confirm-] .m-nav .item {
  --item-padding-inline-start: 14px;
  padding-inline: var(--item-padding-inline-start) 25px;
  text-align-last: justify;
}

[data-page*=confirm-] .m-nav .history-item {
  text-align-last: left;
  padding-inline-end: 15px;
}

/* user name
-------------------------------------------------------------------------------- */
.m-name {
  display: flex;
  justify-content: end;
  inline-size: 108px;
  padding-inline: 0.25em 0.5em;
  padding-block-end: 0.125em;
  font-size: 13px;
  text-align: end;
  color: #3b7d23;
  border-bottom: 1px solid #4ea72e;
}
.m-name > span {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.m-name::after {
  padding-inline-start: 0.25em;
  content: "様";
}

/* fx
-------------------------------------------------------------------------------- */
.m-tqc_svg {
  position: absolute;
  block-size: auto;
}
.m-tqc_svg.\--01 {
  inset-inline-end: -19px;
  inset-block-end: -67px;
  inline-size: 174px;
}
.m-tqc_svg.\--02 {
  inset-inline-end: -19px;
  inset-block-end: -67px;
  inline-size: 174px;
}
.m-tqc_svg.\--03 {
  inset-inline-end: -19px;
  inset-block-end: -67px;
  inline-size: 174px;
}
.m-tqc_svg.\--04 {
  inset-inline-end: -20px;
  inset-block-end: -69px;
  inline-size: 174px;
}
.m-tqc_svg.\--05 {
  inset-inline-end: -20px;
  inset-block-end: -69px;
  inline-size: 174px;
}

/* modal
-------------------------------------------------------------------------------- */
.m-modal:not(.\--m-box) {
  inline-size: 50dvi;
  block-size: 50dvb;
  margin: auto;
  border: none;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.5);
  transition: opacity var(--duration), scale var(--duration);
}
.m-modal:not(.\--m-box):not([data-active=true]) {
  opacity: 0;
  scale: 0.95;
}
.m-modal:not(.\--m-box)::backdrop {
  backdrop-filter: blur(4px);
  background-color: rgba(255, 255, 255, 0.8);
  transition: opacity var(--duration);
}
.m-modal:not(.\--m-box):not([data-active=true])::backdrop {
  opacity: 0;
}
.m-modal:not(.\--m-box) ._container {
  position: relative;
  inline-size: 100%;
  block-size: 100%;
  padding: 1rem;
}
.m-modal:not(.\--m-box) ._close {
  position: absolute;
  inset-inline-end: 1rem;
  inset-block-start: 1rem;
  inline-size: 34px;
  block-size: 34px;
  border-radius: 6px;
}

/* scroll arrow
-------------------------------------------------------------------------------- */
.m-scroll-arrow {
  position: absolute;
  inset-inline: 0;
  inset-block-end: -60px;
  inline-size: 120px;
  block-size: auto;
  margin-inline: auto;
}

/* invalid
-------------------------------------------------------------------------------- */
.m-invalid-parent:has(:invalid) {
  background-color: var(--color-invalid);
}

/* fx
-------------------------------------------------------------------------------- */
@media (any-hover: hover) {
  [data-hover=opacity] {
    transition: opacity calc(var(--duration) * 2);
  }
  [data-hover=opacity]:is(:hover, :focus-visible) {
    outline: none;
    opacity: 0.5;
  }
  [data-loading=delay] {
    opacity: 0;
    animation: delay var(--duration) linear 1s forwards;
  }
  @keyframes delay {
    to {
      opacity: 1;
    }
  }
}
.c_tab-nav {
  --c-nav-value: .25em;
  position: sticky;
  inset-block-start: 0;
  display: grid;
  grid-template-columns: repeat(var(--ctn, 6), 8.125rem);
  column-gap: 1px;
  border-bottom: 2px solid var(--color-02);
}

.ctn_item {
  flex-shrink: 0;
  flex-basis: 8.125rem;
  padding-block: calc(var(--c-nav-value) * 2);
  font-size: 0.875rem;
  line-height: 1;
  text-align: center;
  border: 1px solid var(--color-02);
  border-bottom: none;
  border-top-left-radius: 1rem;
  border-top-right-radius: 1rem;
}
.ctn_item[aria-current=page] {
  background-color: #fff;
  pointer-events: none;
}
.ctn_item:not([aria-current=page]) {
  color: var(--color-08);
  background-color: var(--color-02);
}

[data-page=login] {
  --p01-color-01: #0e9ed5;
  --p01-color-02: #0976a0;
}
[data-page=login] .m-box-wrapper {
  display: grid;
  margin-inline-start: 102px;
  margin-block-start: 19px;
}
[data-page=login] :is(.contents_image_01, .f-login) {
  grid-area: 1/-1;
}
[data-page=login] .f-login {
  position: relative;
  display: grid;
  grid-auto-rows: max-content;
  row-gap: 12px;
  padding-inline: 270px 356px;
  padding-block-start: 337px;
}
[data-page=login] .error {
  grid-area: 1/-1;
  text-align: center;
  color: red;
  translate: 10px -22px;
}
[data-page=login] .forgot-password {
  inline-size: fit-content;
  margin-inline: auto;
  font-size: 20px;
  letter-spacing: -0.025em;
  text-align: center;
  text-decoration: underline;
  color: var(--p01-color-02);
}
[data-page=login] label {
  padding-inline-start: 56px;
  background-position: 12px 50%;
  background-repeat: no-repeat;
}
[data-page=login] label[for=email] {
  grid-area: 1/1;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M200,112a8,8,0,0,1-8,8H152a8,8,0,0,1,0-16h40A8,8,0,0,1,200,112Zm-8,24H152a8,8,0,0,0,0,16h40a8,8,0,0,0,0-16Zm40-80V200a16,16,0,0,1-16,16H40a16,16,0,0,1-16-16V56A16,16,0,0,1,40,40H216A16,16,0,0,1,232,56ZM216,200V56H40V200H216Zm-80.26-34a8,8,0,1,1-15.5,4c-2.63-10.26-13.06-18-24.25-18s-21.61,7.74-24.25,18a8,8,0,1,1-15.5-4,39.84,39.84,0,0,1,17.19-23.34,32,32,0,1,1,45.12,0A39.76,39.76,0,0,1,135.75,166ZM96,136a16,16,0,1,0-16-16A16,16,0,0,0,96,136Z'%3E%3C/path%3E%3C/svg%3E");
}
[data-page=login] label[for=password] {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='%23000000' viewBox='0 0 256 256'%3E%3Cpath d='M208,80H96V56a32,32,0,0,1,32-32c15.37,0,29.2,11,32.16,25.59a8,8,0,0,0,15.68-3.18C171.32,24.15,151.2,8,128,8A48.05,48.05,0,0,0,80,56V80H48A16,16,0,0,0,32,96V208a16,16,0,0,0,16,16H208a16,16,0,0,0,16-16V96A16,16,0,0,0,208,80Zm0,128H48V96H208V208Zm-80-96a28,28,0,0,0-8,54.83V184a8,8,0,0,0,16,0V166.83A28,28,0,0,0,128,112Zm0,40a12,12,0,1,1,12-12A12,12,0,0,1,128,152Z'%3E%3C/path%3E%3C/svg%3E");
}
[data-page=login] input {
  inline-size: 100%;
  border: 2px solid var(--p01-color-01);
}
[data-page=login] input:is([type=email], [type=password], [type=text]) {
  block-size: 46px;
  padding: 0.5em 1em;
}
[data-page=login] input:is([type=password], [type=text]) {
  padding-inline-end: 46px;
}
[data-page=login] input[type=submit] {
  block-size: 36px;
  margin-block-start: 4px;
  color: #fff;
  border-radius: 6px;
  background-color: var(--p01-color-01);
}
[data-page=login] .password-wrapper {
  display: grid;
  justify-items: end;
}
[data-page=login] .password-wrapper input, [data-page=login] .password-wrapper button {
  grid-area: 1/-1;
}
[data-page=login] .password-wrapper button {
  display: grid;
  place-content: center;
  inline-size: 46px;
  block-size: 46px;
}
[data-page=login] .password-wrapper svg {
  grid-area: 1/-1;
  inline-size: 24px;
  transition: opacity var(--duration) linear;
}
[data-page=login] .password-visible > .is-visible {
  opacity: 0;
}
[data-page=login] .password-hidden > .is-hidden {
  opacity: 0;
}
@media (any-hover: hover) {
  [data-page=login] :is(input, button) {
    outline: none;
    transition-property: color, background-color;
    transition-duration: var(--duration);
  }
  [data-page=login] :is(input, button):is(:hover, :focus-visible):is([type=button], [type=email], [type=password], [type=text]) {
    background-color: rgba(14, 158, 213, 0.05);
  }
  [data-page=login] :is(input, button):is(:hover, :focus-visible)[type=submit] {
    color: var(--p01-color-02);
    background-color: #fff;
  }
}

[data-page=portal] .m-box-wrapper {
  display: grid;
  margin-inline-start: 102px;
  margin-block-start: 19px;
}
[data-page=portal] :is(.contents_image_01, .link-wrapper) {
  grid-area: 1/-1;
}
[data-page=portal] .link-wrapper {
  display: grid;
  grid-auto-rows: max-content;
  padding-inline: 97px 115px;
  padding-block-start: 196px;
}
[data-page=portal] .link-wrapper .link {
  position: relative;
  justify-self: end;
  inline-size: 326px;
  block-size: 44px;
  margin-inline-end: 66px;
}
[data-page=portal] .link-wrapper .item {
  display: flex;
}
[data-page=portal] .link-wrapper .item.\--1 {
  column-gap: 26px;
  margin-block-start: -8px;
}
[data-page=portal] .link-wrapper .item.\--1 > a {
  inline-size: 137px;
  block-size: 138px;
}
[data-page=portal] .link-wrapper .item.\--2 {
  justify-self: end;
  column-gap: 10px;
  margin-block-start: 18px;
}
[data-page=portal] .button-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 10px;
}
[data-page=portal] .button {
  position: relative;
  display: grid;
  place-content: center;
  inline-size: 103px;
  block-size: 103px;
  border: 7px solid rgba(0, 0, 0, 0);
  border-radius: 100lh 100lh 100lh 0;
  transition: border-bottom-left-radius var(--duration), box-shadow var(--duration);
  aspect-ratio: 1;
}
[data-page=portal] .button:nth-of-type(1) {
  background-color: var(--cat-01);
}
[data-page=portal] .button:nth-of-type(2) {
  background-color: var(--cat-02);
}
[data-page=portal] .button:nth-of-type(3) {
  background-color: var(--cat-03);
}
[data-page=portal] .button:nth-of-type(4) {
  background-color: var(--cat-04);
}
[data-page=portal] .button_image {
  position: relative;
  inset-inline-end: -4px;
  inset-block-start: -1px;
  inline-size: 92px;
  block-size: 103px;
  transition: inset var(--duration);
}
@media (any-hover: hover) {
  [data-page=portal] .button:is(:hover, :focus-visible) {
    outline: none;
    border-radius: 100lh;
  }
  [data-page=portal] .button:is(:hover, :focus-visible) .button_image {
    inset-inline-end: -2px;
    inset-block-start: 1px;
  }
}

[data-page=public-insurance-and-pension] .m-heading_image {
  inset-inline-start: -13px;
  inset-block-start: 3px;
  inline-size: 792px;
}
[data-page=public-insurance-and-pension] .button-wrapper {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  column-gap: 18px;
  margin-block-start: 60px;
  padding-inline: 40px 26px;
  padding-block-end: 78px;
}
[data-page=public-insurance-and-pension] .button {
  position: relative;
  display: grid;
  place-content: center;
  inline-size: 252px;
  block-size: 252px;
  border: 13px solid rgba(0, 0, 0, 0);
  border-radius: 100lh 100lh 100lh 0;
  box-shadow: 12px 12px 14px 0 rgba(0, 0, 0, 0.3);
  transition: border-bottom-left-radius var(--duration), box-shadow var(--duration);
  aspect-ratio: 1;
}
[data-page=public-insurance-and-pension] .button:nth-of-type(1) {
  inset-block-start: 79px;
  background-color: var(--cat-01);
}
[data-page=public-insurance-and-pension] .button:nth-of-type(2) {
  inset-inline-start: 0;
  inset-block-start: -1px;
  background-color: var(--cat-02);
}
[data-page=public-insurance-and-pension] .button:nth-of-type(3) {
  inset-inline-start: -4px;
  inset-block-start: 18px;
  background-color: var(--cat-03);
}
[data-page=public-insurance-and-pension] .button:nth-of-type(4) {
  inset-inline-start: -9px;
  inset-block-start: 66px;
  background-color: var(--cat-04);
}
[data-page=public-insurance-and-pension] .button_image {
  position: relative;
  inset-inline-end: -6px;
  inset-block-start: -3px;
  inline-size: 226px;
  block-size: 252px;
  transition: inset var(--duration);
}
@media (any-hover: hover) {
  [data-page=public-insurance-and-pension] .button:is(:hover, :focus-visible) {
    outline: none;
    border-radius: 100lh;
  }
  [data-page=public-insurance-and-pension] .button:is(:hover, :focus-visible) .button_image {
    inset-inline-end: -4px;
    inset-block-start: 2px;
  }
}
[data-page=public-insurance-and-pension] .text-image-link {
  position: relative;
  inset-inline-start: -8px;
  display: block;
  inline-size: max-content;
  margin-inline: auto;
  margin-block-start: 31px;
}
[data-page=public-insurance-and-pension] .text-image {
  display: block;
  inline-size: 523px;
  block-size: auto;
}
[data-page=public-insurance-and-pension] .lead {
  margin-inline-start: 14px;
  margin-block-start: 25px;
  font-size: 20px;
  line-height: 1.8;
  text-align: center;
  color: #8ed973;
}

[data-page=sharing-01] .m-heading_image {
  inset-inline-start: -30px;
  inset-block-start: 1px;
}
[data-page=sharing-01] [class*=contents_image_] {
  position: relative;
}
[data-page=sharing-01] .contents_image_01 {
  inset-inline-start: 39px;
  inset-block-start: 20px;
  inline-size: 453px;
}
[data-page=sharing-01] .contents_image_02 {
  inset-inline-end: -45px;
  inset-block-start: 20px;
  display: inline-block;
  inline-size: 343px;
}
[data-page=sharing-01] .contents_image_02 > a {
  position: absolute;
  inset-inline-start: 45px;
  inset-block-start: 48px;
  inline-size: 235px;
  block-size: 34px;
}
@media (any-hover: hover) {
  [data-page=sharing-01] .contents_image_02 > a {
    outline: none;
    transition: background-color var(--duration);
  }
  [data-page=sharing-01] .contents_image_02 > a:is(:hover, :focus-visible) {
    background-color: rgba(255, 255, 255, 0.5);
  }
}
[data-page=sharing-01] .contents_image_03 {
  inset-inline-start: 58px;
  inset-block-start: 22px;
  inline-size: 790px;
}

[data-page=sharing-02] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=sharing-02] .m-box {
  position: relative;
  padding: 42px 0 0 38px;
}
[data-page=sharing-02] .m-modal.\--m-box {
  position: fixed;
  inset-block-start: 0;
  margin-inline: auto;
  margin-block-start: 98px;
  padding-inline: 144px;
  padding-block-start: 48px;
  outline: none;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=sharing-02] .m-modal.\--m-box .m-name {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
}
[data-page=sharing-02] .m-modal.\--m-box ._container {
  position: relative;
  display: grid;
  inline-size: 839px;
}
[data-page=sharing-02] .m-modal.\--m-box ._container:has(.m-tab_button.\--1:checked) ._return.\--1 {
  z-index: 1;
  opacity: 1;
}
[data-page=sharing-02] .m-modal.\--m-box ._container:has(.m-tab_button.\--2:checked) ._return.\--2 {
  z-index: 1;
  opacity: 1;
}
[data-page=sharing-02] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: 809px;
  block-size: auto;
  translate: 1px -40px;
}
[data-page=sharing-02] .m-modal.\--m-box .m-tab {
  inset-inline-start: 8px;
  inset-block-start: -33px;
}
[data-page=sharing-02] .m-modal.\--m-box ._return {
  display: grid;
  grid-area: 1/-1;
  grid-auto-rows: max-content;
  padding: 131px 69px 0 103px;
  opacity: 0;
  transition: opacity var(--duration);
}
[data-page=sharing-02] .m-modal.\--m-box ._return input {
  inline-size: 123px;
  padding: 0 9px 9px;
  font-weight: 900;
  text-align: end;
  color: #fff;
  outline: none;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  appearance: none;
}
[data-page=sharing-02] .m-modal.\--m-box ._return input.\--1 {
  inline-size: 177px;
  block-size: 43px;
  margin-inline-start: 122px;
  font-size: 32px;
  text-align: center;
}
[data-page=sharing-02] .m-modal.\--m-box ._return input:not(.\--1, [class*="--b"]) {
  block-size: 40px;
  font-size: 22px;
}
[data-page=sharing-02] .m-modal.\--m-box ._return input[class*="--b"] {
  inline-size: 40px;
  block-size: 1lh;
  padding: 0;
  font-size: 16px;
  text-align: center;
}
[data-page=sharing-02] .m-modal.\--m-box ._return input.\--b2 {
  inline-size: 1em;
}
[data-page=sharing-02] .m-modal.\--m-box ._bubble {
  display: flex;
  column-gap: 110px;
  margin-block-end: 69px;
}
[data-page=sharing-02] .m-modal.\--m-box ._item {
  display: flex;
  justify-content: space-between;
  column-gap: 46px;
  margin-inline-start: 31px;
}
[data-page=sharing-02] .m-modal.\--m-box ._item.\--1 {
  margin-block-start: 23px;
}
[data-page=sharing-02] .m-modal.\--m-box ._item:is(.\--2, .\--3) {
  margin-block-start: 30px;
}
[data-page=sharing-02] .m-modal.\--m-box ._item > input:nth-of-type(1) {
  padding: 0 9px 6px;
}
[data-page=sharing-02] .m-modal.\--m-box ._item > input:nth-of-type(2) {
  margin-inline-start: auto;
}
[data-page=sharing-02] .m-modal.\--m-box ._item > input:is(:nth-of-type(2), :nth-of-type(3)) {
  padding: 2px 9px 0;
}
[data-page=sharing-02] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=sharing-02] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}
[data-page=sharing-02] .m-box-wrapper:has(.m-modal.\--m-box[open]) .m-calc.\--calc {
  opacity: 0;
}

[data-page=sharing-03] {
  --_sharing-03-color: #0f9ed5;
  --_table-color: #46b1e1;
}
[data-page=sharing-03] [class*=bg] {
  color: #fff;
}
[data-page=sharing-03] .bg1 {
  background-color: #8ed973;
}
[data-page=sharing-03] .bg2 {
  background-color: #ffc000;
}
[data-page=sharing-03] .bg3 {
  background-color: #fa7c80;
}
[data-page=sharing-03] .bg4 {
  background-color: #4e95d9;
}
[data-page=sharing-03] .bg5 {
  background-color: #00e0bc;
}
[data-page=sharing-03] .bg6 {
  background-color: #fa5050;
}
[data-page=sharing-03] .bg7 {
  background-color: #d86ecc;
}
[data-page=sharing-03] .tx1 {
  color: #8160ff;
}
[data-page=sharing-03] .tx2 {
  color: #4ea72e;
}
[data-page=sharing-03] .tx3 {
  color: #c04f15;
}
[data-page=sharing-03] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=sharing-03] .m-box {
  position: relative;
  padding: 34px 15px;
}
[data-page=sharing-03] .heading-lavel2 {
  margin-block-end: 8px;
  font-size: 26px;
  font-family: var(--ff-maru);
  line-height: 1;
  text-align: start;
  color: var(--_sharing-03-color);
}
[data-page=sharing-03] .table-wrapper {
  overflow-x: scroll;
  white-space: nowrap;
  border: 6px solid var(--_table-color);
  border-radius: 10px;
  box-shadow: 4px 4px 8px 0 rgba(0, 0, 0, 0.5);
}
[data-page=sharing-03] table {
  inline-size: 100%;
  block-size: 388px;
  font-weight: 400;
  font-size: 14px;
  font-family: var(--ff-noto);
  table-layout: fixed;
  border-spacing: 0;
}
[data-page=sharing-03] table .fixed {
  position: sticky;
  inset-inline-start: 0;
}
[data-page=sharing-03] table .cross-header {
  display: grid;
  block-size: 100%;
  padding: 0 10px 8px 5px;
  font-size: 10px;
}
[data-page=sharing-03] table .cross-header > span:first-of-type {
  justify-self: end;
  align-self: start;
}
[data-page=sharing-03] table .cross-header > span:last-of-type {
  justify-self: start;
  align-self: end;
}
[data-page=sharing-03] table .year-wrapper {
  display: grid;
  row-gap: 2px;
  padding-block-end: 2px;
}
[data-page=sharing-03] table .year-wrapper > span {
  font-size: 10px;
}
[data-page=sharing-03] table .tbody-head {
  display: grid;
  grid-template-columns: 28.11px auto;
  block-size: 28.11px;
}
[data-page=sharing-03] table .tbody-head > span {
  display: grid;
  place-items: center;
}
[data-page=sharing-03] table .tbody-head > span:first-of-type {
  border-inline-end: 1px solid var(--_table-color);
}
[data-page=sharing-03] table thead {
  block-size: 40px;
  color: #fff;
  line-height: 1;
  background-color: var(--_table-color);
}
[data-page=sharing-03] table thead th:first-of-type {
  inline-size: 117px;
  border-inline-end: 1px solid;
  background-color: var(--_table-color);
  background-image: linear-gradient(18.5deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0) 49%, #fff 49%, #fff 51%, rgba(0, 0, 0, 0) 51%, rgba(0, 0, 0, 0) 100%);
}
[data-page=sharing-03] table thead th:not(:first-of-type) {
  inline-size: 29px;
  font-weight: 400;
  font-size: 15px;
}
[data-page=sharing-03] table thead th:not(:first-of-type, :last-of-type) {
  border-inline-end: 1px solid;
}
[data-page=sharing-03] table tbody tr:not(:last-of-type) :where(td, th) {
  border-block-end: 1px solid var(--_table-color);
}
[data-page=sharing-03] table tbody td {
  text-align: center;
}
[data-page=sharing-03] table tbody td:not(:last-of-type) {
  border-inline-end: 1px solid var(--_table-color);
}
[data-page=sharing-03] table tbody th {
  font-weight: 400;
  border-inline-end: 1px solid var(--_table-color);
  background-color: #fff;
}
[data-page=sharing-03] .graph-note {
  display: grid;
  inline-size: 820px;
  block-size: auto;
  margin-inline: auto;
  margin-block-start: 12px;
}

[data-page=illness-inability-to-work-01] {
  --color: #0077d3;
}
[data-page=illness-inability-to-work-01] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 1px;
}
[data-page=illness-inability-to-work-01] .form {
  display: grid;
  padding: 40px 40px 0 29px;
}
[data-page=illness-inability-to-work-01] .list {
  display: grid;
  row-gap: 17px;
  padding-inline-start: 1.875rem;
  font-size: 18.5px;
  font-family: var(--ff-noto);
}
[data-page=illness-inability-to-work-01] .list > li ~ li {
  margin-block-start: 2px;
}
[data-page=illness-inability-to-work-01] .line-title {
  padding-inline-start: 16px;
}
[data-page=illness-inability-to-work-01] .label-button {
  position: relative;
  display: grid;
  place-content: center;
  align-self: stretch;
  inline-size: 180.75px;
  block-size: 45px;
  padding-block-end: 3px;
  font-size: 21px;
  font-family: var(--ff-maru);
  border: 3px solid var(--color);
  border-radius: 0.25em;
}
[data-page=illness-inability-to-work-01] .label-button > input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  cursor: pointer;
  border-radius: 2px;
  appearance: none;
}
[data-page=illness-inability-to-work-01] .label-button > input:is(:fosuc, :focus-visible) {
  color: var(--color-02);
  outline: 3px solid var(--color-01);
  outline-offset: 0;
}
[data-page=illness-inability-to-work-01] .label-button > input:checked {
  background-color: var(--color);
}
[data-page=illness-inability-to-work-01] .label-button > input:checked + span {
  z-index: 1;
  cursor: pointer;
  color: #fff;
}
[data-page=illness-inability-to-work-01] .row {
  display: grid;
  row-gap: 13px;
}
[data-page=illness-inability-to-work-01] .col {
  display: grid;
  grid-template-columns: 1fr 388px;
}
[data-page=illness-inability-to-work-01] .text-color {
  color: var(--color);
}
[data-page=illness-inability-to-work-01] .exception {
  display: flex;
  align-items: center;
  font-size: 22px;
}
[data-page=illness-inability-to-work-01] .exception.\--1 {
  padding-inline-start: 20px;
}
[data-page=illness-inability-to-work-01] .exception.\--1 input {
  margin-inline: 22px 15px;
}
[data-page=illness-inability-to-work-01] .exception.\--2 {
  padding-inline-start: 2px;
}
[data-page=illness-inability-to-work-01] .exception.\--2 > span:first-of-type {
  letter-spacing: -0.12em;
}
[data-page=illness-inability-to-work-01] .exception.\--2 input {
  margin-inline: 26px 15px;
}
[data-page=illness-inability-to-work-01] .exception input {
  inline-size: 147px;
  block-size: 44px;
  padding-block-end: 3px;
  text-align: center;
  color: inherit;
  border: 4px dotted var(--color);
  border-radius: 6px;
}
[data-page=illness-inability-to-work-01] .exception input:is(:focus, :focus-visible) {
  color: var(--color-02);
  outline: 4px dotted var(--color-01);
  outline-offset: -4px;
}
[data-page=illness-inability-to-work-01] .block-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
[data-page=illness-inability-to-work-01] .item-wrapper {
  display: grid;
  row-gap: 8px;
}
[data-page=illness-inability-to-work-01] .col-wrapper {
  position: relative;
  display: flex;
  column-gap: 26px;
}
[data-page=illness-inability-to-work-01] .arrow {
  position: absolute;
  inset-inline-end: -48px;
  inset-block-start: -21px;
  inline-size: 52px;
  block-size: auto;
}

[data-page=illness-inability-to-work-02] .m-heading {
  display: grid;
}
[data-page=illness-inability-to-work-02] .m-heading_image {
  grid-area: 1/-1;
  inset-inline-start: -34px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=illness-inability-to-work-02] .m-heading_image.\--2 {
  opacity: 0;
}
[data-page=illness-inability-to-work-02] .m-box {
  position: relative;
}
[data-page=illness-inability-to-work-02] .bg {
  inline-size: auto;
  block-size: auto;
  margin: 20px 17px 0 -6px;
}
[data-page=illness-inability-to-work-02] .m-modal.\--m-box {
  position: static;
  inline-size: 913px;
  block-size: 542px;
  margin-inline: auto;
  margin-block-start: 106px;
  border: 0;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=illness-inability-to-work-02] .m-modal.\--m-box ._container {
  display: grid;
  grid-auto-rows: max-content;
}
[data-page=illness-inability-to-work-02] .m-modal.\--m-box .modal {
  inline-size: 913px;
  block-size: 542px;
  margin: -1px 0 0 -3px;
}
[data-page=illness-inability-to-work-02] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-02] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}
[data-page=illness-inability-to-work-02] .m-box-wrapper:has(.m-modal.\--m-box[open]) .m-nav > [aria-current] {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.26 17.62'%3E%3Cpath fill='%238ed973' fill-rule='evenodd' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3Cpath fill='none' stroke='%238ed973' stroke-miterlimit='8' stroke-width='1.5' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3C/svg%3E%0A");
}
[data-page=illness-inability-to-work-02] .m-box-wrapper:has(.m-modal.\--m-box[open]) .m-nav > a.item:nth-of-type(2) {
  color: var(--color-02);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.26 17.62'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3Cpath fill='none' stroke='%238ed973' stroke-miterlimit='8' stroke-width='1.5' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3C/svg%3E%0A");
}
[data-page=illness-inability-to-work-02]:has(.m-modal.\--m-box[open]) .m-heading_image.\--1 {
  opacity: 0;
}
[data-page=illness-inability-to-work-02]:has(.m-modal.\--m-box[open]) .m-heading_image.\--2 {
  opacity: 1;
}

[data-page=illness-inability-to-work-03] .m-heading {
  display: grid;
}
[data-page=illness-inability-to-work-03] .m-heading_image {
  grid-area: 1/-1;
  inset-inline-start: -34px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=illness-inability-to-work-03] .m-heading_image.\--2 {
  opacity: 0;
}
[data-page=illness-inability-to-work-03] .m-box {
  position: relative;
}
[data-page=illness-inability-to-work-03] .bg {
  inline-size: auto;
  block-size: auto;
  margin: 20px 17px 0 -6px;
}
[data-page=illness-inability-to-work-03] .f-contents {
  position: absolute;
  inset: 0;
  font-weight: 700;
}
[data-page=illness-inability-to-work-03] input {
  appearance: none;
  font-size: 51.5px;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-03] input.\--1 {
  inline-size: 90px;
  color: #4ea72e;
}
[data-page=illness-inability-to-work-03] input.\--2 {
  inline-size: 130px;
  letter-spacing: -0.045em;
  color: #4ea72e;
}
[data-page=illness-inability-to-work-03] input.\--3 {
  inline-size: 180px;
  letter-spacing: 0.021em;
  color: #f30060;
}
[data-page=illness-inability-to-work-03] label {
  position: absolute;
}
[data-page=illness-inability-to-work-03] label.\--1 {
  inset-inline-start: 287px;
  inset-block-start: 144px;
}
[data-page=illness-inability-to-work-03] label.\--2 {
  inset-inline-start: 664px;
  inset-block-start: 144px;
}
[data-page=illness-inability-to-work-03] label.\--3 {
  inset-inline-start: 198px;
  inset-block-start: 433px;
}
[data-page=illness-inability-to-work-03] .m-modal.\--m-box {
  position: static;
  inline-size: 913px;
  block-size: 542px;
  margin-inline: auto;
  margin-block-start: 106px;
  border: 0;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=illness-inability-to-work-03] .m-modal.\--m-box ._container {
  display: grid;
  grid-auto-rows: max-content;
}
[data-page=illness-inability-to-work-03] .m-modal.\--m-box .modal {
  inline-size: 913px;
  block-size: 542px;
  margin: -1px 0 0 -3px;
}
[data-page=illness-inability-to-work-03] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-03] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}
[data-page=illness-inability-to-work-03] .m-box-wrapper:has(.m-modal.\--m-box[open]) .m-nav > [aria-current] {
  color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.26 17.62'%3E%3Cpath fill='%238ed973' fill-rule='evenodd' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3Cpath fill='none' stroke='%238ed973' stroke-miterlimit='8' stroke-width='1.5' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3C/svg%3E%0A");
}
[data-page=illness-inability-to-work-03] .m-box-wrapper:has(.m-modal.\--m-box[open]) .m-nav > a.item:nth-of-type(2) {
  color: var(--color-02);
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 69.26 17.62'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3Cpath fill='none' stroke='%238ed973' stroke-miterlimit='8' stroke-width='1.5' d='M.75.75h63.37l4.29 8.06-4.29 8.06H.75V.75z'/%3E%3C/svg%3E%0A");
}
[data-page=illness-inability-to-work-03]:has(.m-modal.\--m-box[open]) .m-heading_image.\--1 {
  opacity: 0;
}
[data-page=illness-inability-to-work-03]:has(.m-modal.\--m-box[open]) .m-heading_image.\--2 {
  opacity: 1;
}

[data-page=illness-inability-to-work-04] .m-heading {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 8px;
  margin-inline-start: -31px;
  padding-block-start: 5px;
}
[data-page=illness-inability-to-work-04] .m-heading_image {
  margin-inline: -42px 0;
}
[data-page=illness-inability-to-work-04] .m-box {
  position: relative;
  display: grid;
}
[data-page=illness-inability-to-work-04] .m-box:has(.m-tab_button.\--1:checked) .contents.\--1 {
  z-index: 1;
  opacity: 1;
}
[data-page=illness-inability-to-work-04] .m-box:has(.m-tab_button.\--2:checked) .contents.\--2 {
  z-index: 1;
  opacity: 1;
}
[data-page=illness-inability-to-work-04] .bg {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
  margin: 1px 67px 0 73px;
}
[data-page=illness-inability-to-work-04] .m-tab {
  inset-inline-start: 88px;
  inset-block-start: 6px;
}
[data-page=illness-inability-to-work-04] .contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  grid-area: 1/-1;
  margin: 43px 50px 0 83px;
  opacity: 0;
}
[data-page=illness-inability-to-work-04] .item.\--1 {
  display: contents;
}
[data-page=illness-inability-to-work-04] .item.\--3 {
  position: relative;
  grid-column: span 2;
  margin-block-start: 51px;
  margin-inline: 2px 32px;
}
[data-page=illness-inability-to-work-04] .item.\--3::before {
  position: absolute;
  inset: 0;
  inline-size: calc(100% - 8px);
  margin-inline: auto;
  box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
  content: "";
}
[data-page=illness-inability-to-work-04] .list {
  display: grid;
  grid-auto-rows: max-content;
  row-gap: 4px;
  inline-size: 374px;
  padding: 45px 0 0 35px;
  font-size: 13.7px;
  font-family: var(--ff-noto);
  list-style: none;
}
[data-page=illness-inability-to-work-04] .list.\--1 input:focus-visible {
  background-color: #e2fdfc;
}
[data-page=illness-inability-to-work-04] .list.\--2 {
  padding-inline-start: 61px;
}
[data-page=illness-inability-to-work-04] .list.\--2 input:focus-visible {
  background-color: #e9fde2;
}
[data-page=illness-inability-to-work-04] .list > li {
  display: grid;
  grid-template-columns: 119px 100px 1fr;
  align-items: end;
  column-gap: 10px;
}
[data-page=illness-inability-to-work-04] .list input {
  inline-size: 100px;
  block-size: 26px;
  padding-inline: 0.25em;
  padding-block-end: 2px;
  font-size: 17px;
  letter-spacing: 0.025em;
  text-align: end;
  color: #319c6a;
  border-radius: 0;
  border: 2px solid red;
  appearance: none;
}
[data-page=illness-inability-to-work-04] .list input:focus-visible {
  outline: none;
}
[data-page=illness-inability-to-work-04] .list span {
  align-self: center;
}
[data-page=illness-inability-to-work-04] table {
  position: relative;
  inline-size: 100%;
  border-spacing: 4px;
}
[data-page=illness-inability-to-work-04] table tr.highlight.\--1 td:nth-of-type(2), [data-page=illness-inability-to-work-04] table tr.highlight.\--2 td:nth-of-type(3),
[data-page=illness-inability-to-work-04] table tr.highlight td:is(:nth-of-type(1), :nth-of-type(4), :nth-of-type(5)) {
  box-shadow: 2px 2px 2px 0 rgba(0, 0, 0, 0.25);
  background-color: #f2f2f2;
}
[data-page=illness-inability-to-work-04] table tr.highlight td.\--4 > span,
[data-page=illness-inability-to-work-04] table tr.highlight td.\--5 > input {
  color: #4ea72e;
}
[data-page=illness-inability-to-work-04] table :is(td, th) {
  line-height: 1.4285715;
}
[data-page=illness-inability-to-work-04] table th {
  color: #fff;
  font-size: 15px;
  padding-block: 0.22em;
}
[data-page=illness-inability-to-work-04] table th:nth-of-type(1) {
  inline-size: 28px;
}
[data-page=illness-inability-to-work-04] table th:nth-of-type(2) {
  inline-size: 446px;
}
[data-page=illness-inability-to-work-04] table th:nth-of-type(3) {
  inline-size: 124px;
}
[data-page=illness-inability-to-work-04] table th:nth-of-type(4) {
  inline-size: 128px;
}
[data-page=illness-inability-to-work-04] table th:nth-of-type(-n+2) {
  letter-spacing: 0.5em;
  background-color: #ffc000;
}
[data-page=illness-inability-to-work-04] table th:nth-of-type(n+3) {
  letter-spacing: 0.125em;
  background-color: #8ed973;
}
[data-page=illness-inability-to-work-04] table td:nth-of-type(1) {
  text-align: center;
}
[data-page=illness-inability-to-work-04] table td:nth-of-type(2) span {
  color: #0f9ed5;
}
[data-page=illness-inability-to-work-04] table td:nth-of-type(3) span {
  color: #a02b93;
}
[data-page=illness-inability-to-work-04] table td.\--4 {
  text-align: end;
}
[data-page=illness-inability-to-work-04] table td:is(.\--4, .\--5) {
  padding-block: 0;
  font-size: 16px;
}
[data-page=illness-inability-to-work-04] table td {
  padding-inline: 0.25em;
  padding-block: 0.4285714286em;
  letter-spacing: -0.0125em;
  font-family: var(--ff-noto);
  font-size: 14px;
}
[data-page=illness-inability-to-work-04] table input {
  inline-size: 100px;
  block-size: 24px;
  margin-inline-end: 2px;
  padding-inline: 0.25em;
  padding-block-end: 2px;
  font-size: 17px;
  font-family: var(--ff-maru);
  letter-spacing: 0.025em;
  text-align: end;
  border: 2px solid red;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  appearance: none;
}

[data-page=illness-inability-to-work-05] .m-heading_image {
  inset-inline-start: -36px;
  inset-block-start: 1px;
}
[data-page=illness-inability-to-work-05] .m-box {
  position: relative;
  display: grid;
}
[data-page=illness-inability-to-work-05] .m-box:has(.m-tab_button.\--1:checked) .contents.\--1 {
  z-index: 1;
  opacity: 1;
}
[data-page=illness-inability-to-work-05] .m-box:has(.m-tab_button.\--2:checked) .contents.\--2 {
  z-index: 1;
  opacity: 1;
}
[data-page=illness-inability-to-work-05] .m-tab {
  inset-inline-start: 80px;
  inset-block-start: 23px;
}
[data-page=illness-inability-to-work-05] .m-bg {
  margin: 64px 51px 0 52px;
}
[data-page=illness-inability-to-work-05] .contents {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  grid-area: 1/-1;
  margin-block-start: 84px;
  opacity: 0;
  transition: opacity var(--duration);
}
[data-page=illness-inability-to-work-05] .contents .item.\--1 {
  margin-inline-start: 242px;
}
[data-page=illness-inability-to-work-05] .contents .item.\--2 {
  margin-inline-start: 190px;
}
[data-page=illness-inability-to-work-05] .contents .item.\--3 {
  display: grid;
  grid-column: span 2;
  grid-auto-rows: max-content;
  row-gap: 49px;
  margin: 141px 0 0 104px;
}
[data-page=illness-inability-to-work-05] .contents .item.\--3 .col {
  display: flex;
  column-gap: 38px;
}
[data-page=illness-inability-to-work-05] .contents .item.\--3 .col input {
  inline-size: 158px;
  padding-block: 17px 23px;
  font-size: 29px;
  letter-spacing: normal;
  border: 2px solid rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-05] .contents .item.\--3 .col input:nth-of-type(-n+3) {
  inline-size: 144px;
}
[data-page=illness-inability-to-work-05] .contents input {
  block-size: 1lh;
  font-size: 36px;
  line-height: 1;
  letter-spacing: 0.1657em;
  text-align: end;
  color: #0070c0;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  appearance: none;
}
[data-page=illness-inability-to-work-05] .contents input.p1 {
  padding-inline-end: 35px;
}
[data-page=illness-inability-to-work-05] .contents input.p2 {
  padding-inline-end: 63px;
}
[data-page=illness-inability-to-work-05] .contents input.\--1 {
  inline-size: 120px;
}
[data-page=illness-inability-to-work-05] .contents input.\--2 {
  inline-size: 116px;
}
[data-page=illness-inability-to-work-05] .contents input.\--2.money_red {
  color: #fa0b66;
}
[data-page=illness-inability-to-work-05] .contents input.\--11 {
  inline-size: 136px;
  margin: -12px 0 0 499px;
  padding-block: 23px 25px;
}

[data-page=illness-inability-to-work-06] .m-heading_image {
  inset-inline-start: -32px;
  inset-block-start: 1px;
}
[data-page=illness-inability-to-work-06] .m-box {
  position: relative;
  display: grid;
}
[data-page=illness-inability-to-work-06] .m-box .m-bg {
  margin: 8px 42px 0 25px;
}
[data-page=illness-inability-to-work-06] .m-box .p26-form {
  display: grid;
  grid-area: 1/-1;
  row-gap: 31px;
  margin: 164px 82px 47px 88px;
  font-weight: 500;
}
[data-page=illness-inability-to-work-06] .m-box fieldset {
  all: unset;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  column-gap: 8px;
}
[data-page=illness-inability-to-work-06] .m-box fieldset.no-spouse {
  visibility: hidden;
}
[data-page=illness-inability-to-work-06] .m-box input[type=text] {
  inline-size: 100%;
  block-size: 100%;
  font-size: 20px;
  text-align: end;
  border: 0;
  background-color: #fff;
  appearance: none;
}
[data-page=illness-inability-to-work-06] .m-box input[type=text]:focus-visible {
  outline: none;
}
[data-page=illness-inability-to-work-06] .button-wrapper {
  position: absolute;
  inset-inline-end: 98px;
  inset-block-start: 127px;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  justify-items: end;
  column-gap: 21px;
  inline-size: 724px;
}
[data-page=illness-inability-to-work-06] .button-wrapper .m-question {
  inline-size: 32px;
  block-size: 32px;
}
[data-page=illness-inability-to-work-06] .button-wrapper .m-question:nth-of-type(1) {
  grid-column-start: 2;
}
[data-page=illness-inability-to-work-06] .button-wrapper .m-question:nth-of-type(2) {
  grid-column-start: 3;
}
[data-page=illness-inability-to-work-06] .row {
  display: grid;
}
[data-page=illness-inability-to-work-06] .row.\--item1 {
  row-gap: 6px;
  padding: 33px 77px 0 31px;
}
[data-page=illness-inability-to-work-06] .row.\--item1 .type1 {
  inline-size: 143px;
  block-size: 55px;
}
[data-page=illness-inability-to-work-06] .row.\--item1 .type1 input {
  border: 3px solid #46b1e1;
}
[data-page=illness-inability-to-work-06] .row.\--item2 {
  padding: 17px 0 0 6px;
}
[data-page=illness-inability-to-work-06] .row.\--item2 .type1 {
  position: relative;
  inset-inline-start: 11px;
  inset-block-start: 23px;
  inline-size: 154px;
  block-size: 55px;
}
[data-page=illness-inability-to-work-06] .row.\--item2 .type1 input {
  border: 3px solid #8ed973;
}
[data-page=illness-inability-to-work-06] .row.\--item3 {
  padding: 17px 0 0 9px;
}
[data-page=illness-inability-to-work-06] .row.\--item3 .type1 {
  position: relative;
  inset-inline-start: 13px;
  inset-block-start: 7px;
  inline-size: 154px;
  block-size: 39px;
}
[data-page=illness-inability-to-work-06] .row.\--item3 .type1:nth-child(2) input {
  border: 3px solid #ffc000;
}
[data-page=illness-inability-to-work-06] .row.\--item3 .type1:nth-child(3) {
  inset-block-start: 6px;
}
[data-page=illness-inability-to-work-06] .row.\--item3 .type1:nth-child(3) input {
  border: 3px solid #ff7c80;
}
[data-page=illness-inability-to-work-06] .type1 input {
  padding-inline: 0.5em;
  color: #0070c0;
}
[data-page=illness-inability-to-work-06] .type2 {
  inline-size: 216px;
  block-size: 30px;
  padding-inline: 61px 52px;
}
[data-page=illness-inability-to-work-06] .type2 input {
  color: #fa698b;
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box::before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inline-size: 42px;
  block-size: 42px;
  border-top-right-radius: 20px;
  background-color: #fff;
  content: "";
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 860px;
  background-color: #fff;
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box ._image.\--1 {
  margin: 9px -30px 0 29px;
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box ._image.\--2 {
  margin: 4px -12px 0px 25px;
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-06] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=illness-inability-to-work-07] .m-heading_image {
  inset-inline-start: -35px;
  inset-block-start: 1px;
}
[data-page=illness-inability-to-work-07] .m-box {
  position: relative;
  display: grid;
}
[data-page=illness-inability-to-work-07] .p27-form {
  display: grid;
  grid-area: 1/-1;
  grid-template-areas: "head head head" ".... body ...." "foot foot foot";
  grid-template-columns: 1fr max-content 1fr;
  grid-template-rows: max-content max-content 1fr;
  gap: 20px 0;
  padding: 24px 41px 0;
  background-image: url(../images/p27/bg.svg);
  background-position: 23px 1px;
  background-repeat: no-repeat;
  background-size: 866px auto;
}
[data-page=illness-inability-to-work-07] .p27-form form {
  display: contents;
}
[data-page=illness-inability-to-work-07] .p27-form input {
  appearance: none;
  border: 0;
}
[data-page=illness-inability-to-work-07] .p27-form input:is(:hover, :focus-visible) {
  outline: none;
}
[data-page=illness-inability-to-work-07] .p27-form .button {
  display: grid;
  place-items: center;
  inline-size: 175px;
  block-size: 44px;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: var(--b-gap);
  text-indent: var(--b-gap);
  color: #595959;
  border: 2px dashed #0064ba;
  border-radius: 8px;
  background-clip: content-box;
  background-color: #fff;
}
[data-page=illness-inability-to-work-07] .p27-form .button :is(input, span) {
  grid-area: 1/-1;
}
[data-page=illness-inability-to-work-07] .p27-form .button.\--0 {
  --b-gap: .25em;
}
[data-page=illness-inability-to-work-07] .p27-form .button.\--1 {
  --b-gap: .75em;
}
[data-page=illness-inability-to-work-07] .p27-form .button.\--2 {
  --b-gap: .175em;
}
[data-page=illness-inability-to-work-07] .p27-form .button.\--3 {
  --b-gap: .75em;
}
[data-page=illness-inability-to-work-07] .p27-form .button:has(input:checked) {
  color: #fff;
  font-weight: 600;
  background-color: #0077d3;
}
[data-page=illness-inability-to-work-07] .p27-form .button:not(:has(input:checked)) {
  cursor: pointer;
}
@media (any-hover: hover) {
  [data-page=illness-inability-to-work-07] .p27-form .button {
    transition-duration: var(--duration);
    transition-property: color, background-color;
  }
  [data-page=illness-inability-to-work-07] .p27-form .button:is(:hover, :focus-visible):not(label) {
    color: #fff;
    background-color: #0077d3;
  }
}
[data-page=illness-inability-to-work-07] .p27-form .g-head {
  display: flex;
  grid-area: head;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
  inline-size: 392px;
  margin-inline: 372px auto;
}
[data-page=illness-inability-to-work-07] .p27-form .g-foot {
  display: flex;
  grid-area: foot;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  inline-size: 585px;
  margin-inline: 205px auto;
  padding-block-start: 8px;
}
[data-page=illness-inability-to-work-07] .p27-form .col {
  display: flex;
  align-items: center;
  column-gap: 2px;
  margin-inline-start: auto;
}
[data-page=illness-inability-to-work-07] .p27-form .m-question {
  inline-size: 40px;
  block-size: 40px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-side {
  display: grid;
  grid-area: side;
  grid-auto-rows: max-content;
  row-gap: 46px;
  padding: 58px 0 0 85px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body {
  grid-area: body;
  grid-auto-rows: max-content;
  padding-block-start: 72px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body ul {
  display: grid;
  row-gap: 4px;
  padding-inline-start: 91px;
  list-style: none;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body ul > li:last-of-type {
  margin-block-start: 6px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body fieldset {
  all: unset;
  display: flex;
  column-gap: 10px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body fieldset label {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 133px;
  block-size: 34px;
  padding-block-end: 2px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  letter-spacing: var(--g-gap);
  text-indent: var(--g-gap);
  border: 2px dotted #0064ba;
  border-radius: 6px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body fieldset label.\--2 {
  --g-gap: .75em;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body fieldset label.\--3 {
  --g-gap: .125em;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body fieldset label > input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 4px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body fieldset label > input:is(:checked, :focus-visible) {
  background-color: #0077d3;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body fieldset label > input:is(:checked, :focus-visible) + span {
  z-index: 1;
  color: #fff;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body input[type=text] {
  inline-size: 133px;
  block-size: 34px;
  padding: 0 5px 5px;
  font-size: 28px;
  text-align: end;
  color: #0070c0;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-07] .p27-form .g-body input[type=text]:not(.total) {
  border: 2px solid rgba(0, 0, 0, 0);
  border-radius: 6px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body input[type=text].total {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-07] .p27-form .g-body .row {
  display: grid;
  row-gap: 4px;
}
[data-page=illness-inability-to-work-07] .p27-form .g-body .row > div:last-of-type {
  margin-block-start: -4px;
}

[data-page=illness-inability-to-work-08] .m-heading_image {
  inset-inline-start: -35px;
  inset-block-start: 1px;
}
[data-page=illness-inability-to-work-08] .m-box {
  position: relative;
  display: grid;
}
[data-page=illness-inability-to-work-08] .p28-form {
  display: grid;
  grid-area: 1/-1;
  grid-template-areas: "head head" "body1 body2" "foot foot";
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: max-content max-content 1fr;
  gap: 20px;
  padding: 24px 41px 0;
  background-image: url(../images/p28/bg.svg);
  background-position: 23px 1px;
  background-repeat: no-repeat;
  background-size: 866px auto;
}
[data-page=illness-inability-to-work-08] .p28-form input {
  appearance: none;
  border: 0;
}
[data-page=illness-inability-to-work-08] .p28-form input:is(:hover, :focus-visible) {
  outline: none;
}
[data-page=illness-inability-to-work-08] .p28-form .button {
  display: grid;
  place-items: center;
  inline-size: 175px;
  block-size: 44px;
  font-weight: 400;
  font-size: 22px;
  letter-spacing: var(--b-gap);
  text-indent: var(--b-gap);
  color: #595959;
  border: 2px dashed #0064ba;
  border-radius: 8px;
  background-clip: content-box;
  background-color: #fff;
}
[data-page=illness-inability-to-work-08] .p28-form .button :is(input, span) {
  grid-area: 1/-1;
}
[data-page=illness-inability-to-work-08] .p28-form .button.\--0 {
  --b-gap: .25em;
}
[data-page=illness-inability-to-work-08] .p28-form .button.\--1 {
  --b-gap: .75em;
}
[data-page=illness-inability-to-work-08] .p28-form .button.\--2 {
  --b-gap: .175em;
}
[data-page=illness-inability-to-work-08] .p28-form .button.\--3 {
  --b-gap: .75em;
}
[data-page=illness-inability-to-work-08] .p28-form .button:has(input:checked) {
  color: #fff;
  font-weight: 600;
  background-color: #0077d3;
}
[data-page=illness-inability-to-work-08] .p28-form .button:not(:has(input:checked)) {
  cursor: pointer;
}
@media (any-hover: hover) {
  [data-page=illness-inability-to-work-08] .p28-form .button {
    transition-duration: var(--duration);
    transition-property: color, background-color;
  }
  [data-page=illness-inability-to-work-08] .p28-form .button:is(:hover, :focus-visible):not(label) {
    color: #fff;
    background-color: #0077d3;
  }
}
[data-page=illness-inability-to-work-08] .p28-form .g-head {
  display: flex;
  grid-area: head;
  justify-content: space-between;
  align-items: center;
  column-gap: 20px;
  inline-size: 392px;
  margin-inline: 372px auto;
}
[data-page=illness-inability-to-work-08] .p28-form .g-foot {
  display: flex;
  grid-area: foot;
  justify-content: space-between;
  align-items: center;
  column-gap: 10px;
  inline-size: 585px;
  margin-inline: 205px auto;
  padding-block-start: 8px;
}
[data-page=illness-inability-to-work-08] .p28-form .col {
  display: flex;
  align-items: center;
  column-gap: 2px;
  margin-inline-start: auto;
}
[data-page=illness-inability-to-work-08] .p28-form .m-question {
  inline-size: 40px;
  block-size: 40px;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body {
  position: relative;
  grid-auto-rows: max-content;
  padding-block-start: 71px;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body.\--1 {
  grid-area: body1;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body.\--2 {
  grid-area: body2;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body.\--2::after {
  position: absolute;
  inset: 0 0 0 -10px;
  z-index: -1;
  inline-size: calc(100% + 30px);
  block-size: calc(100% + 40px);
  background-color: #fff;
  content: "";
  opacity: 0;
  transition: z-index var(--duration) 0s linear, opacity var(--duration) linear;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body ul {
  display: grid;
  row-gap: 4px;
  padding-inline-start: 111px;
  list-style: none;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body ul > li:last-of-type {
  margin-block-start: 6px;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body fieldset {
  all: unset;
  display: flex;
  column-gap: 10px;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body fieldset label {
  position: relative;
  display: grid;
  place-items: center;
  inline-size: 133px;
  block-size: 34px;
  padding-block-end: 2px;
  font-weight: 400;
  font-size: 22px;
  line-height: 1;
  letter-spacing: var(--g-gap);
  text-indent: var(--g-gap);
  border: 2px dotted #0064ba;
  border-radius: 6px;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body fieldset label.\--2 {
  --g-gap: .75em;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body fieldset label.\--3 {
  --g-gap: .25em;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body fieldset label > input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  border-radius: 4px;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body fieldset label > input:is(:checked, :focus-visible) {
  background-color: #0077d3;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body fieldset label > input:is(:checked, :focus-visible) + span {
  z-index: 1;
  color: #fff;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body input[type=text] {
  inline-size: 133px;
  block-size: 34px;
  padding: 0 17px 5px;
  font-size: 30px;
  text-align: end;
  color: #0070c0;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=illness-inability-to-work-08] .p28-form .g-body input[type=text].total {
  padding-inline: 0;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body .row {
  display: grid;
  row-gap: 4px;
}
[data-page=illness-inability-to-work-08] .p28-form .g-body .row > div:last-of-type {
  margin-block-start: -4px;
}

.l-wrapper.\--scroll:has(.tab.\--2:checked) {
  grid-template-areas: "sidebar section1" "sidebar section2";
}

.l-wrapper.\--scroll:has(.tab.\--3:checked) {
  grid-template-areas: "sidebar section1" "sidebar section3";
}

.l-wrapper.\--scroll:has(.tab.\--4:checked) {
  grid-template-areas: "sidebar section1" "sidebar section4";
}

.l-wrapper.\--scroll > .l-main:not(.\--1) {
  display: none;
}

.l-wrapper.\--scroll:has(.tab.\--2:checked) .l-main.\--2 {
  display: block;
}

.l-wrapper.\--scroll:has(.tab.\--3:checked) .l-main.\--3 {
  display: block;
}

.l-wrapper.\--scroll:has(.tab.\--4:checked) .l-main.\--4 {
  display: block;
}

[data-page=includes-illness-inability-to-work] .s-heading_image {
  display: grid;
  inline-size: 906px;
  block-size: auto;
  margin-inline: 81px auto;
}
[data-page=includes-illness-inability-to-work] .m-box {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  padding-block-start: 121px;
  font-size: 20px;
  line-height: 1.4424;
  background-position: 17px -41px;
  background-repeat: no-repeat;
  background-size: 884px auto;
}
[data-page=includes-illness-inability-to-work] .m-box.\--2 {
  background-image: url(../images/includes/illness-inability-to-work/02.svg), url(../images/includes/illness-inability-to-work/base.svg);
}
[data-page=includes-illness-inability-to-work] .m-box.\--3 {
  background-image: url(../images/includes/illness-inability-to-work/03.svg), url(../images/includes/illness-inability-to-work/base.svg);
}
[data-page=includes-illness-inability-to-work] .m-box.\--4 {
  background-image: url(../images/includes/illness-inability-to-work/04.svg), url(../images/includes/illness-inability-to-work/base.svg);
}
[data-page=includes-illness-inability-to-work] .m-box.\--2 .value:is(.\--1-2, .\--2-2) {
  color: #8ed973;
}
[data-page=includes-illness-inability-to-work] .m-box.\--3 .value:is(.\--1-2, .\--2-2) {
  color: #ffc000;
}
[data-page=includes-illness-inability-to-work] .m-box.\--4 .value:is(.\--1-2, .\--2-2) {
  color: #00d7b2;
}
[data-page=includes-illness-inability-to-work] .hidden-layer {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: grid;
  place-content: center;
  font-size: 16px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.4666666667);
}
[data-page=includes-illness-inability-to-work] .hidden-layer::before {
  position: absolute;
  inset: 0;
  overflow: clip;
  border-radius: 20px;
  content: "";
  backdrop-filter: blur(10px);
}
[data-page=includes-illness-inability-to-work] .hidden-layer > * {
  position: relative;
}
[data-page=includes-illness-inability-to-work] .item {
  position: relative;
  display: grid;
}
[data-page=includes-illness-inability-to-work] .item:is(.\--1, .\--2) {
  grid-auto-rows: 37.5px;
  row-gap: 4.5px;
  font-family: var(--ff-sans);
}
[data-page=includes-illness-inability-to-work] .item.\--1 {
  padding-inline: 255px 107px;
}
[data-page=includes-illness-inability-to-work] .item.\--2 {
  padding-inline: 230px 127px;
}
[data-page=includes-illness-inability-to-work] .item.\--2.disabled::before {
  position: absolute;
  inset: 0;
  inset-inline-start: 3px;
  inset-block: -44px -4px;
  inline-size: 95%;
  background-color: #fff;
  content: "";
}
[data-page=includes-illness-inability-to-work] .item.\--3 {
  grid-template-columns: 2fr 1fr;
  grid-column: span 2;
  padding-inline: 46px 54px;
  padding-block-start: 55px;
}
[data-page=includes-illness-inability-to-work] .item_child {
  display: grid;
}
[data-page=includes-illness-inability-to-work] .item_child.\--1 {
  grid-template-rows: 1fr max-content;
  block-size: 172px;
  padding: 8px 67px 0 14px;
}
[data-page=includes-illness-inability-to-work] .item_child.\--2 {
  grid-auto-rows: max-content;
  row-gap: 4px;
  padding-inline: 63px 74px;
  padding-block: 30px 10px;
  font-size: 15px;
  line-height: 1.1;
}
[data-page=includes-illness-inability-to-work] .item_child.\--2 > .value {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 15px;
  block-size: 16px;
  font-weight: 400;
}
[data-page=includes-illness-inability-to-work] .item_child.\--2 > .value .label {
  inline-size: 3em;
  text-align: start;
}
[data-page=includes-illness-inability-to-work] .item_child.\--2 > .value .age {
  border-block-end: 2px solid;
}
[data-page=includes-illness-inability-to-work] .item_grandchild {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  padding-inline: 94px 36px;
  font-size: 21px;
}
[data-page=includes-illness-inability-to-work] .item_grandchild.disabled::before {
  position: absolute;
  inset: 0;
  inset-inline-end: -10px;
  inset-block: 30px 0;
  background-color: #fff;
  content: "";
}
[data-page=includes-illness-inability-to-work] .value {
  block-size: 1lh;
  text-align: end;
  color: #0077d3;
}
[data-page=includes-illness-inability-to-work] .value:not([class*="--3-"]) {
  padding-block-start: 4px;
}
[data-page=includes-illness-inability-to-work] .value:is(.\--3-1) {
  position: relative;
  margin-inline-start: 302px;
}
[data-page=includes-illness-inability-to-work] .value:is(.\--3-1)::before {
  position: absolute;
  inset: 0;
  inline-size: calc(100% + 50px);
  block-size: calc(100% + 12px);
  background-color: #fff;
  content: "";
}
[data-page=includes-illness-inability-to-work] .value:is(.\--3-2, .\--3-3, .\--3-4, .\--3-5) {
  color: var(--color-07);
}
[data-page=includes-illness-inability-to-work] .value:is(.\--3-2, .\--3-4) {
  text-align: start;
}
[data-page=includes-illness-inability-to-work] .value:is(.\--4-3) {
  margin-block-start: -1px;
}
[data-page=includes-illness-inability-to-work] .value:is(.\--4-5) {
  margin-block-start: -2px;
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box {
  position: relative;
  inline-size: 913px;
  max-block-size: 542px;
  margin-inline: auto;
  margin-block-start: 50px;
  border: 0;
  border-radius: 20px;
  background-color: #fff;
  transition: opacity var(--duration);
  translate: -3px 0;
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box::before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inline-size: 42px;
  block-size: 42px;
  border-top-right-radius: 20px;
  background-color: #fff;
  content: "";
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 860px;
  background-color: #fff;
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box ._image.\--1 {
  margin: 22px 7px 0 25px;
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box ._image.\--2 {
  margin: 22px 7px 0 25px;
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box ._image.\--3 {
  margin: 22px 7px 0 25px;
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=includes-illness-inability-to-work] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=elderly-care-01] {
  --color: #fa0b65;
}
[data-page=elderly-care-01] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 1px;
}
[data-page=elderly-care-01] .form {
  display: grid;
  padding: 40px 40px 0 29px;
  font-weight: 700;
}
[data-page=elderly-care-01] .list {
  display: grid;
  row-gap: 19px;
  padding-inline-start: 1.875rem;
  font-size: 18.5px;
  font-family: var(--ff-noto);
}
[data-page=elderly-care-01] .list > li ~ li {
  margin-block-start: 2px;
}
[data-page=elderly-care-01] .line-title {
  padding-inline-start: 16px;
}
[data-page=elderly-care-01] .line-title.\--2 {
  padding-inline-start: 33px;
}
[data-page=elderly-care-01] .label-button {
  position: relative;
  display: grid;
  place-content: center;
  align-self: stretch;
  inline-size: 180.75px;
  block-size: 45px;
  padding-block-end: 3px;
  font-weight: 500;
  font-size: 21px;
  font-family: var(--ff-maru);
  border: 3px solid var(--color);
  border-radius: 0.25em;
}
[data-page=elderly-care-01] .label-button.\--s {
  inline-size: 86px;
}
[data-page=elderly-care-01] .label-button > input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  cursor: pointer;
  border-radius: 2px;
  appearance: none;
}
[data-page=elderly-care-01] .label-button > input:is(:fosuc, :focus-visible) {
  color: var(--color-02);
  outline: 3px solid var(--color-01);
  outline-offset: 0;
}
[data-page=elderly-care-01] .label-button > input:checked {
  background-color: var(--color);
}
[data-page=elderly-care-01] .label-button > input:checked + span {
  z-index: 1;
  cursor: pointer;
  color: #fff;
}
[data-page=elderly-care-01] .row {
  display: grid;
  row-gap: 13px;
}
[data-page=elderly-care-01] .block-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
[data-page=elderly-care-01] .item-wrapper {
  display: grid;
  row-gap: 8px;
}
[data-page=elderly-care-01] .col-wrapper {
  position: relative;
  display: flex;
  column-gap: 26px;
}
[data-page=elderly-care-01] .col-wrapper.\--s {
  column-gap: 23px;
}
[data-page=elderly-care-01] .arrow {
  position: absolute;
  inset-inline-end: -65px;
  inset-block-start: -21px;
  inline-size: 52px;
  block-size: auto;
}

[data-page=elderly-care-02] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=elderly-care-02] .m-box {
  position: relative;
}
[data-page=elderly-care-02] .m-bg {
  margin: 35px 15px 0 34px;
  max-width: calc(100% - 60px);
  max-height: calc(100% - 10px);
  object-fit: contain;
}
[data-page=elderly-care-02] .m-question.--p32 {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
[data-page=elderly-care-02] .m-close.--p32 {
  inset-inline-end: 16px;
  inset-block-start: 13px;
}
[data-page=elderly-care-02] .p33-form {
  position: absolute;
  inset-inline-start: 248px;
  inset-block-start: 421px;
}
[data-page=elderly-care-02] .p33-form select {
  block-size: 1lh;
  font-size: 43px;
  line-height: 1;
  color: #a02b93;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  background-position: right 0.25em top 0.075em;
}
[data-page=elderly-care-02] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=elderly-care-02] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 860px;
  block-size: 540px;
  background-color: #fff;
}
[data-page=elderly-care-02] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: 878px;
  block-size: auto;
  translate: 3px 9px;
  padding-top: 25px;
  padding-left: 21px;
}
[data-page=elderly-care-02] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-02] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=elderly-care-03] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=elderly-care-03] .m-box {
  position: relative;
}
[data-page=elderly-care-03] .m-bg {
  margin: 13px 15px 0 34px;
}
[data-page=elderly-care-03] .p33-form {
  position: absolute;
  inset-inline-start: 248px;
  inset-block-start: 421px;
}
[data-page=elderly-care-03] .p33-form select {
  block-size: 1lh;
  font-size: 43px;
  line-height: 1;
  color: #a02b93;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  background-position: right 0.25em top 0.075em;
}
[data-page=elderly-care-03] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=elderly-care-03] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 860px;
  block-size: 540px;
  background-color: #fff;
}
[data-page=elderly-care-03] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: 888px;
  block-size: auto;
  translate: 3px 9px;
}
[data-page=elderly-care-03] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-03] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=elderly-care-04] .m-heading {
  display: grid;
}
[data-page=elderly-care-04] .m-heading_image {
  grid-area: 1/-1;
  inset-inline-start: -35px;
  inset-block-start: 2px;
}
[data-page=elderly-care-04] .m-heading_image.\--2 {
  opacity: 0;
}
[data-page=elderly-care-04] .m-box {
  position: relative;
}
[data-page=elderly-care-04] .m-bg {
  margin: 6px 10px 0 19px;
}
[data-page=elderly-care-04] .m-modal.\--m-box {
  position: relative;
  inline-size: 913px;
  margin-inline: auto;
  margin-block-start: 101px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=elderly-care-04] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 876px;
  border-radius: 20px;
  background-color: #fff;
}
[data-page=elderly-care-04] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
  margin: 9px -23px 0 16px;
  clip-path: polygon(0 0, 100% 0, 100% 86%, 97% 86%, 97% 100%, 0 100%);
}
[data-page=elderly-care-04] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-04] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}
[data-page=elderly-care-04]:has(.m-modal.\--m-box[open]) .m-heading_image.\--1 {
  opacity: 0;
}
[data-page=elderly-care-04]:has(.m-modal.\--m-box[open]) .m-heading_image.\--2 {
  opacity: 1;
}

[data-page=elderly-care-05] .m-heading {
  display: grid;
}
[data-page=elderly-care-05] .m-heading_image {
  grid-area: 1/-1;
  inset-inline-start: -23px;
  inset-block-start: 2px;
  transition: opacity var(--duration);
}
[data-page=elderly-care-05] .m-heading_image.\--2 {
  opacity: 0;
}
[data-page=elderly-care-05] .m-box {
  position: relative;
  background-image: url(../images/p35/bg.svg);
  background-position: 34px 7px;
  background-repeat: no-repeat;
  background-size: 859px auto;
}
[data-page=elderly-care-05] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  margin-inline: auto;
  margin-block-start: 108px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=elderly-care-05] .m-modal.\--m-box ._contents {
  inline-size: 870px;
  border-radius: 20px;
  background-color: #fff;
}
[data-page=elderly-care-05] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
  margin-inline: 12px -25px;
}
[data-page=elderly-care-05] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-05] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}
[data-page=elderly-care-05]:has(.m-modal.\--m-box[open]) .m-heading_image.\--1 {
  opacity: 0;
}
[data-page=elderly-care-05]:has(.m-modal.\--m-box[open]) .m-heading_image.\--2 {
  opacity: 1;
}

[data-page=elderly-care-06] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 2px;
  transition: opacity var(--duration);
}
[data-page=elderly-care-06] .m-box {
  position: relative;
  display: grid;
}
[data-page=elderly-care-06] .m-bg {
  margin: 16px 23px 0 26px;
}
[data-page=elderly-care-06] .table-list {
  z-index: 1;
  grid-area: 1/-1;
  block-size: 284px;
  margin: 23px 40px 0 35px;
  font-size: 22px;
  border-collapse: collapse;
  border-spacing: 0;
}
[data-page=elderly-care-06] .table-list .\--1 {
  inline-size: 219px;
}
[data-page=elderly-care-06] .table-list .\--2 {
  inline-size: 171px;
}
[data-page=elderly-care-06] .table-list .\--3 {
  inline-size: 226px;
}
[data-page=elderly-care-06] .table-list :is(td, th) {
  padding: 3px 0 4px;
  border: 1px solid var(--color-07);
}
[data-page=elderly-care-06] .table-list th {
  color: #fff;
  background-color: #fc0065;
}
[data-page=elderly-care-06] .table-list td {
  font-family: var(--ff-noto);
}
[data-page=elderly-care-06] .table-list td:nth-of-type(1) {
  padding-inline: 13px;
}
[data-page=elderly-care-06] .table-list td:nth-of-type(2) {
  padding-inline-end: 33px;
  text-align: end;
}
[data-page=elderly-care-06] .table-list td:nth-of-type(3) {
  padding-inline-end: 73px;
  text-align: end;
}
[data-page=elderly-care-06] .table-list td:nth-of-type(4) {
  padding-inline-end: 73px;
  text-align: end;
}
[data-page=elderly-care-06] .table-list td.no-data {
  padding-inline: 0;
  text-align: center;
}
[data-page=elderly-care-06] .highlight {
  color: #fff;
  background-color: #ff7c80;
}
[data-page=elderly-care-06] .p36-form {
  display: grid;
  grid-area: 1/-1;
  grid-auto-rows: max-content;
  row-gap: 7px;
  padding: 404px 159px 0 170px;
}
[data-page=elderly-care-06] .p36-form label.\--1 {
  inline-size: max-content;
  margin-inline-start: 203px;
}
[data-page=elderly-care-06] .p36-form input {
  block-size: 56px;
  padding-inline: 0.25em;
  font-weight: 700;
  font-size: 38px;
  text-align: end;
  outline: none;
  border: none;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-06] .p36-form input.\--1 {
  inline-size: 205px;
  padding-inline: 18px;
  padding-block-end: 4px;
  color: #a02b93;
}
[data-page=elderly-care-06] .p36-form input:is([data-page=elderly-care-06] .p36-form input.\--2, [data-page=elderly-care-06] .p36-form input.\--3) {
  inline-size: 160px;
  color: #0064ba;
}
[data-page=elderly-care-06] .p36-form ._wrapper {
  display: flex;
  justify-content: space-between;
}

[data-page=elderly-care-07] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 2px;
  transition: opacity var(--duration);
}
[data-page=elderly-care-07] .m-box {
  position: relative;
  display: grid;
}
[data-page=elderly-care-07] .m-bg {
  grid-area: 1/-1;
  margin: 11px 14px 0 15px;
}
[data-page=elderly-care-07] form {
  grid-area: 1/-1;
}
[data-page=elderly-care-07] ._wrapper {
  display: grid;
  padding: 79px 95px 0 137px;
}
[data-page=elderly-care-07] ._item.\--0 {
  display: grid;
  justify-content: end;
  grid-area: 1/1;
}
[data-page=elderly-care-07] ._item.\--0 span {
  color: #0064ba;
}
[data-page=elderly-care-07] ._item.\--0 span:first-of-type {
  position: absolute;
  inset-inline-end: 131px;
  inset-block-start: 67px;
  font-size: 14px;
  font-weight: 400;
}
[data-page=elderly-care-07] ._item.\--0 span:last-of-type {
  translate: -124px 11px;
  font-size: 35px;
  font-weight: 700;
  background-color: #fff;
  block-size: 1lh;
  line-height: 1;
  inline-size: 1em;
  padding: 0.125em 0.125em 0.125em 0;
  box-sizing: content-box;
}
[data-page=elderly-care-07] ._item.\--0.\--pulse {
  display: none;
}
[data-page=elderly-care-07] ._item.\--1 {
  grid-area: 1/1;
}
[data-page=elderly-care-07] ._item.\--1 input {
  inline-size: 150px;
  block-size: 56px;
  font-size: 46px;
}
[data-page=elderly-care-07] ._item.\--1 input.\--pulse {
  color: #fa698b;
}
[data-page=elderly-care-07] ._item.\--1 input.\--minus {
  color: #0064ba;
}
[data-page=elderly-care-07] ._item.\--2 {
  display: grid;
  row-gap: 13px;
  margin-inline-start: 3px;
  margin-block-start: 129px;
}
[data-page=elderly-care-07] ._item.\--2 input {
  inline-size: 120px;
  block-size: 32px;
  padding-inline: 10px;
  padding-block-end: 6px;
  font-size: 23px;
  color: #0064ba;
}
[data-page=elderly-care-07] ._item.\--3 {
  display: flex;
  column-gap: 263px;
  margin-inline-start: 34px;
  margin-block-start: 73px;
}
[data-page=elderly-care-07] ._item.\--3 input {
  inline-size: 160px;
  block-size: 1lh;
  font-size: 38px;
  text-align: center;
  color: #0064ba;
  border: none;
}
[data-page=elderly-care-07] fieldset {
  all: unset;
  display: flex;
  column-gap: 68px;
}
[data-page=elderly-care-07] fieldset:last-of-type {
  margin-block-start: 11px;
}
[data-page=elderly-care-07] fieldset > label:last-of-type {
  margin-inline-start: -9px;
}
[data-page=elderly-care-07] label.\--1 {
  margin-inline: 368px auto;
}
[data-page=elderly-care-07] input {
  font-weight: 700;
  text-align: end;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-07] input:focus-visible {
  outline: none;
}
[data-page=elderly-care-07] .no-spouse {
  display: inline-block;
  width: 900px;
  height: 50px;
  background-color: #fff;
  position: absolute;
  inset-inline-start: 5px;
  inset-block-start: 300px;
}
[data-page=elderly-care-07] .on-spouse {
  z-index: 10;
  position: absolute;
}

[data-page=elderly-care-08] .m-heading {
  display: grid;
}
[data-page=elderly-care-08] .m-heading_image {
  grid-area: 1/-1;
  inset-inline-start: -16px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=elderly-care-08] .m-heading_image.\--2 {
  inset-inline-start: -30px;
  opacity: 0;
}
[data-page=elderly-care-08] .m-box {
  position: relative;
  display: grid;
}
[data-page=elderly-care-08] .m-box:has(.m-tab_button.\--1:checked) .contents.\--1 {
  z-index: 1;
  opacity: 1;
}
[data-page=elderly-care-08] .m-box:has(.m-tab_button.\--2:checked) .contents.\--2 {
  z-index: 1;
  opacity: 1;
}
[data-page=elderly-care-08] .m-tab {
  inset-inline-start: 80px;
  inset-block-start: 18px;
}
[data-page=elderly-care-08] .m-bg {
  grid-area: 1/-1;
  margin: -7px 67px 0 73px;
}
[data-page=elderly-care-08] .contents {
  display: grid;
  grid-area: 1/-1;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  gap: 55px 60px;
  margin: 230px 116px 0 372px;
  transition: opacity var(--duration);
  opacity: 0;
}
[data-page=elderly-care-08] input:not([type=checkbox], [type=radio]) {
  inline-size: 182px;
  block-size: 52px;
  padding-inline-end: 64px;
  padding-block-end: 8px;
  font-weight: 700;
  font-size: 50px;
  text-align: end;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  appearance: none;
}
[data-page=elderly-care-08] input:not([type=checkbox], [type=radio]):nth-of-type(-n+2) {
  color: #a02b93;
}
[data-page=elderly-care-08] input:not([type=checkbox], [type=radio]):nth-of-type(n+3) {
  color: #0f9ed5;
}
[data-page=elderly-care-08] .m-modal.\--m-box {
  position: relative;
  inset-inline-start: -7px;
  inline-size: 913px;
  block-size: 542px;
  margin-inline: auto;
  margin-block-start: 104px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=elderly-care-08] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 876px;
  border-radius: 20px;
  background-color: #fff;
}
[data-page=elderly-care-08] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
  margin: 18px 27px 0 40px;
}
[data-page=elderly-care-08] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-08] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}
[data-page=elderly-care-08]:has(.m-modal.\--m-box[open]) .m-heading_image.\--1 {
  opacity: 0;
}
[data-page=elderly-care-08]:has(.m-modal.\--m-box[open]) .m-heading_image.\--2 {
  opacity: 1;
}

[data-page=elderly-care-09] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=elderly-care-09] .m-box {
  position: relative;
  display: grid;
}
[data-page=elderly-care-09] .m-bg {
  margin: 10px 30px 0 30px;
  max-width: calc(100% - 60px);
  max-height: calc(100% - 10px);
  object-fit: contain;
}

[data-page=elderly-care-09-2] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=elderly-care-09-2] .m-box {
  position: relative;
  display: grid;
}
[data-page=elderly-care-09-2] .m-bg {
  margin: 20px 30px 0 30px;
  max-width: calc(100% - 60px);
  max-height: calc(100% - 10px);
  object-fit: contain;
}

[data-page=elderly-care-02] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=elderly-care-02] .m-box {
  position: relative;
}
[data-page=elderly-care-02] .m-bg {
  margin: 35px 15px 0 34px;
  max-width: calc(100% - 60px);
  max-height: calc(100% - 10px);
  object-fit: contain;
}
[data-page=elderly-care-02] .m-question.--p3A {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
[data-page=elderly-care-02] .m-close.--p3A {
  inset-inline-end: 16px;
  inset-block-start: 13px;
}
[data-page=elderly-care-02] .p33-form {
  position: absolute;
  inset-inline-start: 248px;
  inset-block-start: 421px;
}
[data-page=elderly-care-02] .p33-form select {
  block-size: 1lh;
  font-size: 43px;
  line-height: 1;
  color: #a02b93;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  background-position: right 0.25em top 0.075em;
}
[data-page=elderly-care-02] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=elderly-care-02] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 860px;
  block-size: 540px;
  background-color: #fff;
}
[data-page=elderly-care-02] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: 878px;
  block-size: auto;
  translate: 3px 9px;
  padding-top: 25px;
  padding-left: 21px;
}
[data-page=elderly-care-02] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-02] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=elderly-care-11] .m-heading_image {
  inset-inline-start: -31px;
  inset-block-start: 1px;
}
[data-page=elderly-care-11] .m-box {
  position: relative;
}
[data-page=elderly-care-11] .m-bg {
  margin: 2px 14px 0 30px;
  max-width: calc(100% - 60px);
  max-height: calc(100% - 10px);
  object-fit: contain;
}
[data-page=elderly-care-11] .m-question.--p3A {
  inset-inline-end: 19px;
  inset-block-start: 14px;
}
[data-page=elderly-care-11] .m-close.--p3A {
  inset-inline-end: 16px;
  inset-block-start: 13px;
}
[data-page=elderly-care-11] .p33-form {
  position: absolute;
  inset-inline-start: 248px;
  inset-block-start: 421px;
}
[data-page=elderly-care-11] .p33-form select {
  block-size: 1lh;
  font-size: 43px;
  line-height: 1;
  color: #a02b93;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
  background-position: right 0.25em top 0.075em;
}
[data-page=elderly-care-11] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=elderly-care-11] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 860px;
  block-size: 540px;
  background-color: #fff;
}
[data-page=elderly-care-11] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: 878px;
  block-size: auto;
  translate: 3px 9px;
  padding-top: 25px;
  padding-left: 21px;
}
[data-page=elderly-care-11] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=elderly-care-11] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

.l-wrapper.\--scroll:has(.tab.\--2:checked) {
  grid-template-areas: "sidebar section1" "sidebar section2";
}

.l-wrapper.\--scroll:has(.tab.\--3:checked) {
  grid-template-areas: "sidebar section1" "sidebar section3";
}

.l-wrapper.\--scroll:has(.tab.\--4:checked) {
  grid-template-areas: "sidebar section1" "sidebar section4";
}

.l-wrapper.\--scroll > .l-main:not(.\--1) {
  display: none;
}

.l-wrapper.\--scroll:has(.tab.\--2:checked) .l-main.\--2 {
  display: block;
}

.l-wrapper.\--scroll:has(.tab.\--3:checked) .l-main.\--3 {
  display: block;
}

.l-wrapper.\--scroll:has(.tab.\--4:checked) .l-main.\--4 {
  display: block;
}

[data-page=includes-elderly-care] .s-heading_image {
  display: grid;
  inline-size: 906px;
  block-size: auto;
  margin-inline: 81px auto;
}
[data-page=includes-elderly-care] .m-box {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: max-content;
  padding-block-start: 121px;
  font-size: 20px;
  line-height: 1.4424;
  background-position: 17px -41px;
  background-repeat: no-repeat;
  background-size: 884px auto;
}
[data-page=includes-elderly-care] .m-box.\--2 {
  background-image: url(../images/includes/illness-inability-to-work/02.svg), url(../images/includes/illness-inability-to-work/base.svg);
}
[data-page=includes-elderly-care] .m-box.\--3 {
  background-image: url(../images/includes/illness-inability-to-work/03.svg), url(../images/includes/illness-inability-to-work/base.svg);
}
[data-page=includes-elderly-care] .m-box.\--4 {
  background-image: url(../images/includes/illness-inability-to-work/04.svg), url(../images/includes/illness-inability-to-work/base.svg);
}
[data-page=includes-elderly-care] .m-box.\--2 .value:is(.\--1-2, .\--2-2) {
  color: #8ed973;
}
[data-page=includes-elderly-care] .m-box.\--3 .value:is(.\--1-2, .\--2-2) {
  color: #ffc000;
}
[data-page=includes-elderly-care] .m-box.\--4 .value:is(.\--1-2, .\--2-2) {
  color: #00d7b2;
}
[data-page=includes-elderly-care] .hidden-layer {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: grid;
  place-content: center;
  font-size: 16px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.4666666667);
}
[data-page=includes-elderly-care] .hidden-layer::before {
  position: absolute;
  inset: 0;
  overflow: clip;
  border-radius: 20px;
  content: "";
  backdrop-filter: blur(10px);
}
[data-page=includes-elderly-care] .hidden-layer > * {
  position: relative;
}
[data-page=includes-elderly-care] .item {
  position: relative;
  display: grid;
}
[data-page=includes-elderly-care] .item:is(.\--1, .\--2) {
  grid-auto-rows: 37.5px;
  row-gap: 4.5px;
  font-family: var(--ff-sans);
}
[data-page=includes-elderly-care] .item.\--1 {
  padding-inline: 255px 107px;
}
[data-page=includes-elderly-care] .item.\--2 {
  padding-inline: 230px 127px;
}
[data-page=includes-elderly-care] .item.\--2.disabled::before {
  position: absolute;
  inset: 0;
  inset-inline-start: 3px;
  inset-block: -44px -4px;
  inline-size: 95%;
  background-color: #fff;
  content: "";
}
[data-page=includes-elderly-care] .item.\--3 {
  grid-template-columns: 2fr 1fr;
  grid-column: span 2;
  padding-inline: 46px 54px;
  padding-block-start: 55px;
}
[data-page=includes-elderly-care] .item_child {
  display: grid;
}
[data-page=includes-elderly-care] .item_child.\--1 {
  grid-template-rows: 1fr max-content;
  block-size: 172px;
  padding: 8px 67px 0 14px;
}
[data-page=includes-elderly-care] .item_child.\--2 {
  grid-auto-rows: max-content;
  row-gap: 4px;
  padding-inline: 63px 74px;
  padding-block: 30px 10px;
  font-size: 15px;
  line-height: 1.1;
}
[data-page=includes-elderly-care] .item_child.\--2 > .value {
  display: grid;
  grid-template-columns: max-content 1fr;
  column-gap: 15px;
  block-size: 16px;
  font-weight: 400;
}
[data-page=includes-elderly-care] .item_child.\--2 > .value .label {
  inline-size: 3em;
  text-align: start;
}
[data-page=includes-elderly-care] .item_child.\--2 > .value .age {
  border-block-end: 2px solid;
}
[data-page=includes-elderly-care] .item_grandchild {
  position: relative;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  justify-content: space-between;
  padding-inline: 94px 36px;
  font-size: 21px;
}
[data-page=includes-elderly-care] .item_grandchild.disabled::before {
  position: absolute;
  inset: 0;
  inset-inline-end: -10px;
  inset-block: 30px 0;
  background-color: #fff;
  content: "";
}
[data-page=includes-elderly-care] .value {
  block-size: 1lh;
  text-align: end;
  color: #0077d3;
}
[data-page=includes-elderly-care] .value:not([class*="--3-"]) {
  padding-block-start: 4px;
}
[data-page=includes-elderly-care] .value:is(.\--3-1) {
  position: relative;
  margin-inline-start: 302px;
}
[data-page=includes-elderly-care] .value:is(.\--3-1)::before {
  position: absolute;
  inset: 0;
  inline-size: calc(100% + 50px);
  block-size: calc(100% + 12px);
  background-color: #fff;
  content: "";
}
[data-page=includes-elderly-care] .value:is(.\--3-2, .\--3-3, .\--3-4, .\--3-5) {
  color: var(--color-07);
}
[data-page=includes-elderly-care] .value:is(.\--3-2, .\--3-4) {
  text-align: start;
}
[data-page=includes-elderly-care] .value:is(.\--4-3) {
  margin-block-start: -1px;
}
[data-page=includes-elderly-care] .value:is(.\--4-5) {
  margin-block-start: -2px;
}
[data-page=includes-elderly-care] .m-modal.\--m-box {
  position: relative;
  inline-size: 913px;
  max-block-size: 542px;
  margin-inline: auto;
  margin-block-start: 50px;
  border: 0;
  border-radius: 20px;
  background-color: #fff;
  transition: opacity var(--duration);
  translate: -3px 0;
}
[data-page=includes-elderly-care] .m-modal.\--m-box::before {
  position: absolute;
  inset-inline-end: 0;
  inset-block-start: 0;
  inline-size: 42px;
  block-size: 42px;
  border-top-right-radius: 20px;
  background-color: #fff;
  content: "";
}
[data-page=includes-elderly-care] .m-modal.\--m-box ._container {
  display: grid;
  inline-size: 860px;
  background-color: #fff;
}
[data-page=includes-elderly-care] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
}
[data-page=includes-elderly-care] .m-modal.\--m-box ._image.\--1 {
  margin: 22px 7px 0 25px;
}
[data-page=includes-elderly-care] .m-modal.\--m-box ._image.\--2 {
  margin: 22px 7px 0 25px;
}
[data-page=includes-elderly-care] .m-modal.\--m-box ._image.\--3 {
  margin: 22px 7px 0 25px;
}
[data-page=includes-elderly-care] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=includes-elderly-care] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=pregnancy-childbirth-01] {
  --color: #ffc000;
}
[data-page=pregnancy-childbirth-01] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 1px;
}
[data-page=pregnancy-childbirth-01] .form {
  display: grid;
  padding: 40px 40px 0 29px;
  font-weight: 700;
}
[data-page=pregnancy-childbirth-01] .list {
  display: grid;
  row-gap: 19px;
  padding-inline-start: 1.875rem;
  font-size: 18.5px;
  font-family: var(--ff-noto);
}
[data-page=pregnancy-childbirth-01] .list > li ~ li {
  margin-block-start: 2px;
}
[data-page=pregnancy-childbirth-01] .line-title {
  position: relative;
  padding-inline-start: 10px;
  white-space: nowrap;
}
[data-page=pregnancy-childbirth-01] .line-title > span {
  position: absolute;
}
[data-page=pregnancy-childbirth-01] .line-title.\--2 {
  padding-inline-start: 34px;
}
[data-page=pregnancy-childbirth-01] .label-button {
  position: relative;
  display: grid;
  place-content: center;
  align-self: stretch;
  inline-size: 180.75px;
  block-size: 45px;
  padding-block-end: 3px;
  font-weight: 500;
  font-size: 21px;
  font-family: var(--ff-maru);
  border: 3px solid var(--color);
  border-radius: 0.25em;
}
[data-page=pregnancy-childbirth-01] .label-button.\--s {
  inline-size: 86px;
}
[data-page=pregnancy-childbirth-01] .label-button > input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  cursor: pointer;
  border-radius: 2px;
  appearance: none;
}
[data-page=pregnancy-childbirth-01] .label-button > input:is(:fosuc, :focus-visible) {
  color: var(--color-02);
  outline: 3px solid var(--color-01);
  outline-offset: 0;
}
[data-page=pregnancy-childbirth-01] .label-button > input:checked {
  background-color: var(--color);
}
[data-page=pregnancy-childbirth-01] .label-button > input:checked + span {
  z-index: 1;
  cursor: pointer;
  color: #fff;
}
[data-page=pregnancy-childbirth-01] .row {
  display: grid;
  row-gap: 13px;
}
[data-page=pregnancy-childbirth-01] .block-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
[data-page=pregnancy-childbirth-01] .item-wrapper {
  display: grid;
  row-gap: 8px;
}
[data-page=pregnancy-childbirth-01] .col-wrapper {
  position: relative;
  display: flex;
  column-gap: 26px;
}
[data-page=pregnancy-childbirth-01] .col-wrapper.\--s {
  column-gap: 23px;
}
[data-page=pregnancy-childbirth-01] .arrow {
  position: absolute;
  inset-inline-end: -65px;
  inset-block-start: -21px;
  inline-size: 66px;
  block-size: auto;
}

[data-page=pregnancy-childbirth-02] .m-heading_image {
  inset-inline-start: -33px;
  inset-block-start: 2px;
  transition: opacity var(--duration);
}
[data-page=pregnancy-childbirth-02] .m-bg {
  margin: 10px 60px 0 43px;
}

[data-page=pregnancy-childbirth-03] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=pregnancy-childbirth-03] .m-bg {
  margin: 35px 102px 0 111px;
}

[data-page=pregnancy-childbirth-04] .m-heading_image {
  inset-inline-start: -44px;
  inset-block-start: 2px;
  transition: opacity var(--duration);
}
[data-page=pregnancy-childbirth-04] .m-box {
  position: relative;
  display: grid;
}
[data-page=pregnancy-childbirth-04] .m-bg {
  grid-area: 1/-1;
  margin: 1px -17px 0 43px;
}
[data-page=pregnancy-childbirth-04] .p44-form {
  grid-area: 1/-1;
  padding: 217px 122px 0 150px;
}
[data-page=pregnancy-childbirth-04] .p44-form ._item.\--1 {
  display: flex;
  column-gap: 92px;
}
[data-page=pregnancy-childbirth-04] .p44-form ._item.\--2 {
  margin: 35px 0 0 415px;
}
[data-page=pregnancy-childbirth-04] .p44-form ._item.\--3 {
  margin: 45px 0px 0 326px;
}
[data-page=pregnancy-childbirth-04] .p44-form fieldset {
  all: unset;
  display: grid;
  gap: 6px 106px;
}
[data-page=pregnancy-childbirth-04] .p44-form fieldset.\--2 label.\--3 {
  grid-area: 1/1;
}
[data-page=pregnancy-childbirth-04] .p44-form fieldset.\--2 label.\--4 {
  grid-area: 1/2;
}
[data-page=pregnancy-childbirth-04] .p44-form fieldset.\--2 label.\--5 {
  grid-area: 2/2;
}
[data-page=pregnancy-childbirth-04] .p44-form fieldset input {
  inline-size: 144px;
  block-size: 55px;
}
[data-page=pregnancy-childbirth-04] .p44-form fieldset input.\--3 {
  inline-size: 154px;
}
[data-page=pregnancy-childbirth-04] .p44-form input {
  padding-inline-end: 15px;
  padding-block-end: 4px;
  font-weight: 700;
  font-size: 31px;
  text-align: end;
  color: #0064ba;
  outline: none;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=pregnancy-childbirth-04] .p44-form input.\--2, [data-page=pregnancy-childbirth-04] .p44-form input.\--5 {
  padding-inline-end: 45px;
  font-size: 36px;
}
[data-page=pregnancy-childbirth-04] .p44-form input.\--6 {
  inline-size: 223px;
  block-size: 56px;
  padding-inline-end: 83px;
  font-size: 44px;
}
[data-page=pregnancy-childbirth-04] .p44-form input.\--7 {
  inline-size: 80px;
  block-size: 44px;
  padding-inline-end: 6px;
  font-size: 44px;
  color: #fa6463;
}
[data-page=pregnancy-childbirth-04] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  block-size: 530px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=pregnancy-childbirth-04] .m-modal.\--m-box::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-top-right-radius: 20px;
  background-color: #fff;
  content: "";
  clip-path: polygon(0 0, 100% 0, 100% 82%, 96% 82%, 96% 100%, 0 100%);
}
[data-page=pregnancy-childbirth-04] .m-modal.\--m-box ._container {
  display: grid;
}
[data-page=pregnancy-childbirth-04] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: 100%;
  block-size: auto;
  padding: 12px 43px 0 10px;
}
[data-page=pregnancy-childbirth-04] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=pregnancy-childbirth-04] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=pregnancy-childbirth-05] .m-heading_image {
  inset-inline-start: -36px;
  inset-block-start: 2px;
  transition: opacity var(--duration);
}
[data-page=pregnancy-childbirth-05] .m-box {
  position: relative;
  display: grid;
}
[data-page=pregnancy-childbirth-05] .name-wrapper {
  z-index: 1;
  display: grid;
  grid-area: 1/-1;
  grid-auto-rows: min-content;
  row-gap: 1.5em;
  inline-size: 114px;
  padding: 40px 10px;
  font-size: 12px;
  font-family: var(--ff-noto);
  color: #44b3e0;
  accent-color: #44b3e0;
}
[data-page=pregnancy-childbirth-05] .name-wrapper label {
  display: grid;
  grid-auto-columns: min-content 1fr;
  grid-auto-flow: column;
  align-items: start;
  column-gap: 0.5em;
  line-height: 1.1;
  cursor: pointer;
}
[data-page=pregnancy-childbirth-05] .name-wrapper input {
  margin-block-start: 1px;
}
[data-page=pregnancy-childbirth-05] .m-bg {
  grid-area: 1/-1;
  margin: 0 24px 0 10px;
}
[data-page=pregnancy-childbirth-05] .p45-form {
  display: grid;
  grid-area: 1/-1;
  grid-template-columns: repeat(5, 1fr);
  column-gap: 5px;
  block-size: 542px;
  padding: 35px 42px 0 224px;
}
[data-page=pregnancy-childbirth-05] .p45-form ._item {
  display: grid;
  grid-auto-rows: max-content;
  padding-inline: 8px;
}
[data-page=pregnancy-childbirth-05] .p45-form ._item.\--6 {
  grid-area: 2/1/auto/span 5;
}
[data-page=pregnancy-childbirth-05] .p45-form fieldset {
  all: unset;
  display: contents;
}
[data-page=pregnancy-childbirth-05] .p45-form fieldset:is([data-page=pregnancy-childbirth-05] .p45-form fieldset.\--1-1, [data-page=pregnancy-childbirth-05] .p45-form fieldset.\--1-3) label ~ label {
  margin-block-start: -1px;
}
[data-page=pregnancy-childbirth-05] .p45-form select {
  font-size: 14px;
  border: 1px dotted #44b3e1;
}
[data-page=pregnancy-childbirth-05] .p45-form label {
  display: grid;
}
[data-page=pregnancy-childbirth-05] .p45-form label.\--2 {
  margin-block-start: 6px;
}
[data-page=pregnancy-childbirth-05] .p45-form label.\--3 {
  margin-block-start: 33px;
}
[data-page=pregnancy-childbirth-05] .p45-form label.\--8 {
  margin-block-start: 33px;
}
[data-page=pregnancy-childbirth-05] .p45-form label.\--9 {
  margin-block-start: 33px;
}
[data-page=pregnancy-childbirth-05] .p45-form label.total {
  margin-block-start: 22px;
}
[data-page=pregnancy-childbirth-05] .p45-form label.sum {
  margin: 22px 267px 0 177px;
}
[data-page=pregnancy-childbirth-05] .p45-form input {
  block-size: 24px;
  padding-block-end: 3px;
  text-align: end;
  color: #0070c0;
  border: 1px dotted #44b3e1;
  border-radius: 0;
  background-color: rgba(0, 0, 0, 0);
  outline: none;
}
[data-page=pregnancy-childbirth-05] .p45-form input:not(.period_input) {
  inline-size: 68px;
  padding-inline: 0.25em;
}
[data-page=pregnancy-childbirth-05] .p45-form input.\--53 {
  margin-inline-start: auto;
}
[data-page=pregnancy-childbirth-05] .p45-form input.\--l {
  inline-size: 109px;
}
[data-page=pregnancy-childbirth-05] .p45-form input.total {
  inline-size: 76px;
  font-weight: 700;
  border: none;
}
[data-page=pregnancy-childbirth-05] .p45-form input.sum {
  inline-size: 100%;
  block-size: 41px;
  padding-inline: 0.5em;
  padding-block-end: 6px;
  font-weight: 700;
  font-size: 32px;
  letter-spacing: 6.5px;
  text-align: center;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=pregnancy-childbirth-05] .p45-form input.readonly {
  inline-size: 100%;
  font-size: 13px;
  font-family: var(--ff-noto);
  text-align: center;
  color: #404040;
  border: none;
  pointer-events: none;
}
[data-page=pregnancy-childbirth-05] .p45-form .period {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
  font-size: 13px;
  font-family: var(--ff-noto);
}
[data-page=pregnancy-childbirth-05] .p45-form .period_input {
  inline-size: 2em;
  text-align: center;
}
[data-page=pregnancy-childbirth-05] .p45-form .period_input[readonly] {
  padding-inline: 0;
  padding-block-end: 0;
  color: #404040;
  text-align: end;
  border-color: rgba(0, 0, 0, 0);
}
[data-page=pregnancy-childbirth-05] .p45-form .hidden {
  visibility: hidden;
}

[data-page=just-in-case-01] {
  --color: #00d7b2;
}
[data-page=just-in-case-01] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 1px;
}
[data-page=just-in-case-01] .form {
  display: grid;
  padding: 40px 40px 0 29px;
  font-weight: 700;
}
[data-page=just-in-case-01] .list {
  display: grid;
  row-gap: 19px;
  padding-inline-start: 1.875rem;
  font-size: 18.5px;
  font-family: var(--ff-noto);
}
[data-page=just-in-case-01] .list > li ~ li {
  margin-block-start: 2px;
}
[data-page=just-in-case-01] .line-title {
  position: relative;
  padding-inline-start: 10px;
  white-space: nowrap;
}
[data-page=just-in-case-01] .line-title > span {
  position: absolute;
}
[data-page=just-in-case-01] .line-title.\--2 {
  padding-inline-start: 34px;
}
[data-page=just-in-case-01] .label-button {
  position: relative;
  display: grid;
  place-content: center;
  align-self: stretch;
  inline-size: 180.75px;
  block-size: 45px;
  padding-block-end: 3px;
  font-weight: 500;
  font-size: 21px;
  font-family: var(--ff-maru);
  border: 3px solid var(--color);
  border-radius: 0.25em;
}
[data-page=just-in-case-01] .label-button.\--s {
  inline-size: 86px;
}
[data-page=just-in-case-01] .label-button > input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  cursor: pointer;
  border-radius: 2px;
  appearance: none;
}
[data-page=just-in-case-01] .label-button > input:is(:fosuc, :focus-visible) {
  color: var(--color-02);
  outline: 3px solid var(--color-01);
  outline-offset: 0;
}
[data-page=just-in-case-01] .label-button > input:checked {
  background-color: var(--color);
}
[data-page=just-in-case-01] .label-button > input:checked + span {
  z-index: 1;
  cursor: pointer;
  color: #fff;
}
[data-page=just-in-case-01] .row {
  display: grid;
  row-gap: 13px;
}
[data-page=just-in-case-01] .block-wrapper {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  column-gap: 40px;
}
[data-page=just-in-case-01] .item-wrapper {
  display: grid;
  row-gap: 8px;
}
[data-page=just-in-case-01] .col-wrapper {
  position: relative;
  display: flex;
  column-gap: 26px;
}
[data-page=just-in-case-01] .col-wrapper.\--s {
  column-gap: 23px;
}
[data-page=just-in-case-01] .arrow {
  position: absolute;
  inset-inline-end: -65px;
  inset-block-start: -21px;
  inline-size: 66px;
  block-size: auto;
}

[data-page=just-in-case-02] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 2px;
}
[data-page=just-in-case-02] .m-box {
  position: relative;
}
[data-page=just-in-case-02] .m-bg {
  margin-inline: 15px;
}

[data-page=just-in-case-03] .m-heading_image {
  inset-inline-start: -37px;
  inset-block-start: 2px;
}
[data-page=just-in-case-03] .m-box {
  position: relative;
}
[data-page=just-in-case-03] .m-bg {
  margin-inline: 15px;
}

[data-page=just-in-case-04] .m-heading_image {
  inset-inline-start: -33px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=just-in-case-04] .m-box {
  position: relative;
}
[data-page=just-in-case-04] .m-box:has(.m-modal.\--m-box[data-active=true]) .answer {
  opacity: 0;
}
[data-page=just-in-case-04] .m-box .click_area1 {
  position: absolute;
  inset: 0;
  top: 438px;
  left: 60px;
  z-index: 10;
}
[data-page=just-in-case-04] .m-box .click_area1 a {
  display: inline-block;
}
[data-page=just-in-case-04] .m-box .click_area2 {
  position: absolute;
  inset: 0;
  top: 438px;
  left: 236px;
  z-index: 10;
}
[data-page=just-in-case-04] .m-box .click_area2 a {
  display: inline-block;
}
[data-page=just-in-case-04] .m-box .click_area3 {
  position: absolute;
  inset: 0;
  top: 438px;
  left: 410px;
  z-index: 10;
}
[data-page=just-in-case-04] .m-box .click_area3 a {
  display: inline-block;
}
[data-page=just-in-case-04] .m-box .dummy_area {
  width: 165px;
  height: 80px;
}
[data-page=just-in-case-04] .m-bg {
  margin-top: 14px;
  margin-left: 32px;
  inline-size: 846px;
}
[data-page=just-in-case-04] .answer {
  --color: #0f9ed5;
  position: absolute;
  inset-inline-end: 56px;
  inset-block-start: 18px;
  inline-size: 71px;
  block-size: 26px;
  padding-block-end: 1px;
  line-height: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 2px solid var(--color);
  border-radius: 6px;
  background-color: var(--color);
}
@media (any-hover: hover) {
  [data-page=just-in-case-04] .answer {
    transition-property: text-shadow, color, background-color, opacity;
    transition-duration: var(--duration);
  }
  [data-page=just-in-case-04] .answer:is(:hover, :focus-visible) {
    text-shadow: 1px 1px 2px rgba(15, 158, 213, 0.5);
    color: var(--color);
    background-color: #fff;
  }
}
[data-page=just-in-case-04] .m-modal.\--m-box {
  position: relative;
  max-inline-size: 100%;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=just-in-case-04] .m-modal.\--m-box ._image {
  inline-size: 1004.5px;
  block-size: auto;
  margin: 13.5px 0 0 153px;
}
[data-page=just-in-case-04] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=just-in-case-04] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=just-in-case-05] .m-heading_image {
  inset-inline-start: -34px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=just-in-case-05] .m-box {
  position: relative;
  display: grid;
}
[data-page=just-in-case-05] .m-bg {
  grid-area: 1/-1;
  margin: 23px 34px 0 -5px;
}
[data-page=just-in-case-05] .p55-form {
  display: grid;
  grid-area: 1/-1;
  row-gap: 16px;
  padding: 183px 90px 0 95px;
}
[data-page=just-in-case-05] .p55-form fieldset {
  all: unset;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0 18px;
}
[data-page=just-in-case-05] .p55-form fieldset.no-spouse {
  visibility: hidden;
}
[data-page=just-in-case-05] .p55-form fieldset.\--2 ._item:is(.\--2, .\--3) {
  row-gap: 33.5px;
  padding-block-start: 2px;
}
[data-page=just-in-case-05] .p55-form ._item {
  display: grid;
  grid-auto-rows: max-content;
}
[data-page=just-in-case-05] .p55-form ._item.\--1 {
  row-gap: 13.5px;
  padding-inline-start: 26px;
  padding-block-start: 23px;
}
[data-page=just-in-case-05] .p55-form ._item:is(.\--2, .\--3) {
  row-gap: 32px;
  padding-inline-start: 7px;
  padding-block-start: 5px;
}
[data-page=just-in-case-05] .p55-form ._item.\--3 {
  margin-inline-start: 2px;
}
[data-page=just-in-case-05] .p55-form label.\--m {
  margin-inline-start: 17px;
}
[data-page=just-in-case-05] .p55-form input {
  inline-size: 138px;
  block-size: 48px;
  padding-inline: 0.5em;
  color: #0070c0;
  font-size: 20px;
  text-align: end;
  border: none;
  background-color: rgba(0, 0, 0, 0);
}
[data-page=just-in-case-05] .p55-form input.\--l {
  inline-size: 215px;
  padding-inline: 66px 46px;
  color: #fa698b;
}
[data-page=just-in-case-05] .p55-form input.\--m {
  inline-size: 147px;
}
[data-page=just-in-case-05] .p55-form input:focus-visible {
  outline: none;
}
[data-page=just-in-case-05] .m-modal.\--m-box {
  position: relative;
  inline-size: 900px;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  border-radius: 20px;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=just-in-case-05] .m-modal.\--m-box::before {
  position: absolute;
  inset: 0;
  z-index: -1;
  border-radius: 20px;
  background-color: #fff;
  content: "";
  clip-path: polygon(0 0, 100% 0, 100% 82%, 96% 82%, 96% 100%, 0 100%);
}
[data-page=just-in-case-05] .m-modal.\--m-box ._container {
  display: grid;
}
[data-page=just-in-case-05] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: 100%;
  block-size: auto;
  padding: 10px 11px 0 6px;
}
[data-page=just-in-case-05] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=just-in-case-05] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=just-in-case-06] .m-heading_image {
  inset-inline-start: -33px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=just-in-case-06] .m-box {
  position: relative;
}
[data-page=just-in-case-06] .m-box:has(.m-modal.\--m-box[data-active=true]) .answer {
  opacity: 0;
}
[data-page=just-in-case-06] .m-box .click_area1 {
  position: absolute;
  inset: 0;
  top: 464px;
  left: 62px;
  z-index: 10;
}
[data-page=just-in-case-06] .m-box .click_area1 a {
  display: inline-block;
}
[data-page=just-in-case-06] .m-box .dummy_area {
  width: 516px;
  height: 58px;
}
[data-page=just-in-case-06] .m-bg {
  margin-top: 14px;
  margin-left: 32px;
  inline-size: 874px;
}
[data-page=just-in-case-06] .answer {
  --color: #0f9ed5;
  position: absolute;
  inset-inline-end: 56px;
  inset-block-start: 18px;
  inline-size: 71px;
  block-size: 26px;
  padding-block-end: 1px;
  line-height: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 2px solid var(--color);
  border-radius: 6px;
  background-color: var(--color);
}
@media (any-hover: hover) {
  [data-page=just-in-case-06] .answer {
    transition-property: text-shadow, color, background-color, opacity;
    transition-duration: var(--duration);
  }
  [data-page=just-in-case-06] .answer:is(:hover, :focus-visible) {
    text-shadow: 1px 1px 2px rgba(15, 158, 213, 0.5);
    color: var(--color);
    background-color: #fff;
  }
}
[data-page=just-in-case-06] .m-modal.\--m-box {
  position: relative;
  max-inline-size: 100%;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=just-in-case-06] .m-modal.\--m-box ._image {
  inline-size: 1004.5px;
  block-size: auto;
  margin: 13.5px 0 0 153px;
}
[data-page=just-in-case-06] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=just-in-case-06] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=just-in-case-07] .m-heading_image {
  inset-inline-start: -33px;
  inset-block-start: 1px;
  transition: opacity var(--duration);
}
[data-page=just-in-case-07] .m-box {
  position: relative;
}
[data-page=just-in-case-07] .m-box:has(.m-modal.\--m-box[data-active=true]) .answer {
  opacity: 0;
}
[data-page=just-in-case-07] .input_area {
  position: absolute;
  inset: 0;
  z-index: 10;
  text-align: right;
  font-size: 22px;
  color: #0064ba;
  background-color: transparent;
  cursor: default;
  outline: none;
  pointer-events: none;
  text-align: end;
  border: none;
}
[data-page=just-in-case-07] .input_area1 {
  top: 116px;
  left: 313px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area2 {
  top: 160px;
  left: 313px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area3 {
  top: 204px;
  left: 313px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area4 {
  top: 248px;
  left: 313px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area5 {
  top: 299px;
  left: 313px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area6 {
  top: 116px;
  left: 593px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area7 {
  top: 116px;
  left: 744px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area8 {
  top: 204px;
  left: 683px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area9 {
  top: 248px;
  left: 683px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .input_area10 {
  top: 299px;
  left: 683px;
  width: 56px;
  height: 38px;
}
[data-page=just-in-case-07] .m-bg {
  margin-top: 14px;
  margin-left: 32px;
  inline-size: 842px;
}
[data-page=just-in-case-07] .answer {
  --color: #0f9ed5;
  position: absolute;
  inset-inline-end: 56px;
  inset-block-start: 18px;
  inline-size: 71px;
  block-size: 26px;
  padding-block-end: 1px;
  line-height: 1;
  text-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
  color: #fff;
  border: 2px solid var(--color);
  border-radius: 6px;
  background-color: var(--color);
}
@media (any-hover: hover) {
  [data-page=just-in-case-07] .answer {
    transition-property: text-shadow, color, background-color, opacity;
    transition-duration: var(--duration);
  }
  [data-page=just-in-case-07] .answer:is(:hover, :focus-visible) {
    text-shadow: 1px 1px 2px rgba(15, 158, 213, 0.5);
    color: var(--color);
    background-color: #fff;
  }
}
[data-page=just-in-case-07] .m-modal.\--m-box {
  position: relative;
  max-inline-size: 100%;
  block-size: 540px;
  margin-inline: auto;
  margin-block-start: 105px;
  border: 0;
  background-color: rgba(0, 0, 0, 0);
  transition: opacity var(--duration);
}
[data-page=just-in-case-07] .m-modal.\--m-box ._image {
  inline-size: 1004.5px;
  block-size: auto;
  margin: 13.5px 0 0 153px;
}
[data-page=just-in-case-07] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=just-in-case-07] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=customer-info-01] .m-heading {
  position: relative;
}
[data-page=customer-info-01] .m-heading_image {
  position: absolute;
  inset-inline-start: -12px;
  inset-block-start: -8px;
  inline-size: 264px;
}
[data-page=customer-info-01] .m-box-wrapper {
  margin-inline: 18px 20px;
}
[data-page=customer-info-01] .m-box {
  position: relative;
  display: grid;
  inline-size: 973px;
  block-size: 558px;
  font-family: var(--ff-noto);
}
[data-page=customer-info-01] .p61-form {
  grid-area: 1/-1;
  padding: 12px 19px 5px 26px;
}
[data-page=customer-info-01] table {
  inline-size: 100%;
  font-size: 15px;
  line-height: 1.5;
  border-collapse: collapse;
  accent-color: #595959;
}
[data-page=customer-info-01] table ~ table {
  margin-block-start: 6px;
}
[data-page=customer-info-01] table :is(th, td) {
  font-weight: 500;
  text-align: start;
  border: 1px solid #595959;
}
[data-page=customer-info-01] table.\--1 th:is(:nth-of-type(2), :nth-of-type(3)) {
  inline-size: 62px;
  text-align: center;
}
[data-page=customer-info-01] table.\--1 select {
  min-inline-size: 49.5px;
  border: 1px solid;
}
[data-page=customer-info-01] table.\--1 td:has(input[type=date]) {
  padding: 0;
}
[data-page=customer-info-01] table.\--1 td:has(input[type=date]) input[type=date] {
  display: grid;
  grid-auto-columns: 1fr;
  justify-content: start;
  inline-size: 100%;
  block-size: calc(1lh + 8px);
  border: 0;
  appearance: none;
}
[data-page=customer-info-01] table.\--1 td:has(input[type=date]) input[type=date].copy_from:not(:focus-visible) {
  background-color: #dbeff5;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) th:nth-of-type(1) {
  inline-size: 190px;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) th > :is(label, span) {
  display: inline-block;
  inline-size: 100%;
  padding: 4px 10px;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) td > div {
  padding: 4px 10px;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) .col {
  display: flex;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) .col.\--radio {
  column-gap: 58px;
  padding-inline: 26px;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) .col.\--radio > label {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) .col.\--birth {
  column-gap: 2em;
}
[data-page=customer-info-01] table:is([data-page=customer-info-01] table.\--1, [data-page=customer-info-01] table.\--2) .col.\--birth > label {
  display: flex;
  align-items: center;
  column-gap: 0.25em;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(1) th:nth-of-type(1) {
  inline-size: 36px;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(1) th:nth-of-type(2) {
  inline-size: 80px;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(1) th:nth-of-type(6) {
  inline-size: 60px;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(2) th {
  inline-size: auto;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(2) th:nth-of-type(1) {
  inline-size: 100px;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(2) th:nth-of-type(2) {
  inline-size: 100px;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(2) th:nth-of-type(5) {
  inline-size: 70px;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(2) th:nth-of-type(6) {
  inline-size: 70px;
}
[data-page=customer-info-01] table.\--3 thead tr:nth-of-type(2) th:nth-of-type(n+7) {
  inline-size: 50px;
}
[data-page=customer-info-01] table.\--3 th {
  padding-block: 3px;
  text-align: center;
  line-height: 22.5px;
}
[data-page=customer-info-01] table.\--3 td {
  line-height: 26px;
}
[data-page=customer-info-01] table.\--3 tbody td:nth-of-type(1) {
  text-align: center;
}
[data-page=customer-info-01] table.\--3 tbody td:is(:nth-of-type(8), :nth-of-type(9), :nth-of-type(10)) input {
  text-align: center;
}
[data-page=customer-info-01] table.\--3 input {
  padding-block: 2px;
}
[data-page=customer-info-01] table.\--3 select {
  inline-size: 100%;
  block-size: 26px;
  text-align: center;
  border: none;
}
[data-page=customer-info-01] :where(input:not([type=radio]), select, textarea) {
  font-size: 15px;
  color: inherit;
  border-radius: 0;
}
[data-page=customer-info-01] :where(input:not([type=radio]), select, textarea):focus-visible {
  outline: none;
  background-color: var(--color-focus);
}
[data-page=customer-info-01] :where(label):not(.not-hover) {
  cursor: pointer;
}
[data-page=customer-info-01] :where([type=text]) {
  inline-size: 100%;
  block-size: 100%;
  padding: 0.25em 0.5em;
  border: none;
}
[data-page=customer-info-01] th.heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0.35em;
  text-align: start;
  color: #fff;
  background-color: #8ed973;
}
[data-page=customer-info-01] .letter-spacing-1 {
  letter-spacing: 1em;
}
[data-page=customer-info-01] .remarks {
  display: flex;
  column-gap: 1em;
  inline-size: 100%;
  margin-block-start: 6px;
  border: 1px solid #595959;
}
[data-page=customer-info-01] .remarks span {
  padding: 6px 0 0 12px;
  white-space: nowrap;
}
[data-page=customer-info-01] .remarks textarea {
  resize: none;
  inline-size: 100%;
  block-size: 44px;
  padding-block: 3px;
  line-height: 1.2;
  border: none;
}
[data-page=customer-info-01] .table-wrapper {
  overflow-y: scroll;
  block-size: 195px;
  margin-block-start: 6px;
  scrollbar-width: none;
}
[data-page=customer-info-01] .table-wrapper table {
  border-collapse: separate;
  border-spacing: 0;
}
[data-page=customer-info-01] .table-wrapper thead {
  position: sticky;
  inset-block-start: 0;
  background-color: #fff;
}
[data-page=customer-info-01] .table-wrapper thead tr:first-of-type th:not([rowspan]) {
  border-block-end: 0;
}
[data-page=customer-info-01] .table-wrapper thead tr:last-of-type th:last-of-type {
  border-inline-end: 0;
}
[data-page=customer-info-01] .table-wrapper :is(td, th):not(:last-of-type) {
  border-inline-end: 0;
}
[data-page=customer-info-01] .table-wrapper tbody td {
  border-block-start: 0;
}

[data-page=customer-info-02] .m-heading {
  position: relative;
}
[data-page=customer-info-02] .m-heading_image {
  position: absolute;
  inset-inline-start: -13px;
  inset-block-start: -8px;
  inline-size: 267px;
}
[data-page=customer-info-02] .m-box-wrapper {
  margin-inline: 18px 20px;
}
[data-page=customer-info-02] .m-box {
  position: relative;
  display: grid;
  inline-size: 973px;
  block-size: 558px;
  font-family: var(--ff-noto);
}
[data-page=customer-info-02] .m-box:has(.m-tab_button.\--1:checked) .contents.\--1 {
  z-index: 1;
  opacity: 1;
}
[data-page=customer-info-02] .m-box:has(.m-tab_button.\--2:checked) .contents.\--2 {
  z-index: 1;
  opacity: 1;
}
[data-page=customer-info-02] .m-tab {
  inset-inline-start: 26px;
  inset-block-start: 5px;
}
[data-page=customer-info-02] .contents {
  grid-area: 1/-1;
  padding: 46px 19px 5px 26px;
  opacity: 0;
}
[data-page=customer-info-02] .heading[class*="--"] {
  block-size: 26px;
  padding-block-start: 2px;
  font-size: 20px;
  font-family: var(--ff-maru);
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=customer-info-02] .heading[class*="--"].\--ls-6 {
  letter-spacing: 0.6em;
}
[data-page=customer-info-02] .heading[class*="--"].\--ls-3 {
  letter-spacing: 0.3em;
}
[data-page=customer-info-02] .p62-form {
  font-size: 15px;
  accent-color: #595959;
}
[data-page=customer-info-02] .p62-form fieldset {
  all: unset;
}
[data-page=customer-info-02] .p62-form legend {
  inline-size: max-content;
}
[data-page=customer-info-02] .p62-form :is([type=text], select) {
  border: 1px solid;
  border-radius: 0;
}
[data-page=customer-info-02] .p62-form :is([type=text], select):focus-visible {
  outline: none;
  background-color: var(--color-focus);
}
[data-page=customer-info-02] .p62-form [type=text] {
  block-size: 28px;
  padding-inline: 0.5em;
}
[data-page=customer-info-02] .ls-02e {
  letter-spacing: 0.2em;
}
[data-page=customer-info-02] .ls-05e {
  letter-spacing: 0.5em;
}
[data-page=customer-info-02] .ls-1e {
  letter-spacing: 1em;
}
[data-page=customer-info-02] .ti-1e {
  text-indent: 1em;
}
[data-page=customer-info-02] .item.\--1 {
  position: relative;
  padding: 3px 12px 8px;
}
[data-page=customer-info-02] .item.\--1 legend {
  position: absolute;
}
[data-page=customer-info-02] .item.\--1 .fieldset-container {
  display: flex;
  column-gap: 38px;
  margin-inline-start: 92px;
  margin-block-start: -1lh;
}
[data-page=customer-info-02] .item.\--1 .grid {
  display: grid;
  justify-items: center;
  align-items: end;
  column-gap: 17px;
}
[data-page=customer-info-02] .item.\--1 .grid.\--3 {
  margin-inline-start: -9px;
}
[data-page=customer-info-02] .item.\--1 .grid.\--4 {
  grid-template-columns: 1fr max-content;
  column-gap: 0.5em;
  margin-inline-start: -6px;
}
[data-page=customer-info-02] .item.\--1 .grid .label {
  grid-column: 1;
}
[data-page=customer-info-02] .item.\--1 .grid .label.\--4 {
  grid-column: span 2;
}
[data-page=customer-info-02] .item.\--1 .grid .form {
  grid-area: 2/1;
}
[data-page=customer-info-02] .item.\--1 .grid .form:not(.\--select) {
  inline-size: 130px;
}
[data-page=customer-info-02] .item.\--1 .grid .form.\--result {
  border-inline: none;
  border-block-start: none;
}
[data-page=customer-info-02] .item.\--1 .grid .form.\--select {
  inline-size: 100%;
  block-size: 100%;
}
[data-page=customer-info-02] .item.\--1 .grid .unit {
  grid-area: 2/2;
}
[data-page=customer-info-02] .item.\--2 {
  padding: 7px 12px 6px;
}
[data-page=customer-info-02] .item.\--2 legend {
  display: grid;
}
[data-page=customer-info-02] .item.\--2 .fieldset-container {
  display: grid;
  row-gap: 5px;
  margin-inline-start: 92px;
  margin-block-start: -1lh;
}
[data-page=customer-info-02] .item.\--2 .col {
  display: flex;
}
[data-page=customer-info-02] .item.\--2 .col.\--1 label {
  display: flex;
  align-items: center;
  column-gap: 3px;
}
[data-page=customer-info-02] .item.\--2 .col.\--1 label:last-of-type > span {
  padding-inline-end: 0;
}
[data-page=customer-info-02] .item.\--2 .col.\--1 span {
  padding-inline-end: 2em;
  padding-block-end: 2px;
}
[data-page=customer-info-02] .item.\--2 .col.\--2 span {
  padding-inline-end: 3em;
}
[data-page=customer-info-02] .item.\--2 .col.\--2 input {
  flex: 1;
}
[data-page=customer-info-02] .item.\--3 {
  position: relative;
  padding: 9px 12px 4px;
  border: 2px solid #8eda73;
}
[data-page=customer-info-02] .item.\--3 .fieldset-container {
  display: flex;
  margin-inline-start: 92px;
  margin-block-start: -1lh;
}
[data-page=customer-info-02] .item.\--3 label {
  display: flex;
  align-items: center;
  column-gap: 3px;
}
[data-page=customer-info-02] .item.\--3 span {
  padding-inline-end: 2em;
  padding-block-end: 2px;
}
[data-page=customer-info-02] .item.\--4 {
  margin-block-start: 6px;
  padding: 5px 12px 6px;
  border: 2px solid #8eda73;
}
[data-page=customer-info-02] .item.\--4 legend {
  display: grid;
}
[data-page=customer-info-02] .item.\--4 .fieldset-container {
  display: grid;
  row-gap: 5px;
  margin-inline-start: 92px;
  margin-block-start: -1lh;
}
[data-page=customer-info-02] .item.\--4 .col {
  display: flex;
}
[data-page=customer-info-02] .item.\--4 .col:is([data-page=customer-info-02] .item.\--4 .col.\--1, [data-page=customer-info-02] .item.\--4 .col.\--2) label {
  display: flex;
  align-items: center;
  column-gap: 3px;
}
[data-page=customer-info-02] .item.\--4 .col:is([data-page=customer-info-02] .item.\--4 .col.\--1, [data-page=customer-info-02] .item.\--4 .col.\--2) label:last-of-type > span {
  padding-inline-end: 0;
}
[data-page=customer-info-02] .item.\--4 .col:is([data-page=customer-info-02] .item.\--4 .col.\--1, [data-page=customer-info-02] .item.\--4 .col.\--2) span {
  padding-block-end: 2px;
}
[data-page=customer-info-02] .item.\--4 .col.\--1 span {
  padding-inline-end: 3em;
}
[data-page=customer-info-02] .item.\--4 .col.\--2 span {
  padding-inline-end: 2em;
}
[data-page=customer-info-02] .item.\--4 .col.\--1 label.insurer {
  margin-inline-start: -1em;
  padding-inline: 0.5em 2em;
  padding-block-end: 1px;
  border: 1px solid;
  border-inline-end: none;
}
[data-page=customer-info-02] .item.\--4 .col.\--1 input.insurer {
  flex: 1;
  padding-block-end: 1px;
}
[data-page=customer-info-02] .item.\--4 .col.\--4 {
  column-gap: 18px;
  margin-block-start: 10px;
}
[data-page=customer-info-02] .item.\--4 .col.\--4 input {
  inline-size: 68px;
  border-inline: none;
  border-block-start: none;
}
[data-page=customer-info-02] .item.\--5 {
  display: grid;
  row-gap: 5px;
  margin-block-start: 6px;
  padding: 4px 12px;
  border: 2px solid #8eda73;
}
[data-page=customer-info-02] .item.\--5 legend {
  display: grid;
}
[data-page=customer-info-02] .item.\--5 input[type=text] {
  block-size: 28px;
}
[data-page=customer-info-02] .item.\--5 .fieldset-container {
  display: grid;
  row-gap: 5px;
  margin-inline-start: 92px;
  margin-block-start: -1lh;
}
[data-page=customer-info-02] .item.\--5 .col.\--1 {
  display: flex;
}
[data-page=customer-info-02] .item.\--5 .col.\--1 label {
  display: flex;
  align-items: center;
  column-gap: 3px;
}
[data-page=customer-info-02] .item.\--5 .col.\--1 label:last-of-type > span {
  padding-inline-end: 0;
}
[data-page=customer-info-02] .item.\--5 .col.\--1 span {
  padding-inline-end: 2em;
  padding-block-end: 2px;
}
[data-page=customer-info-02] .item.\--5 .col.\--2 {
  display: flex;
  column-gap: 30px;
}
[data-page=customer-info-02] .item.\--5 .col.\--2-1 {
  display: flex;
  align-items: center;
  column-gap: 24px;
}
[data-page=customer-info-02] .item.\--5 .col.\--2-1 select {
  inline-size: 66px;
  block-size: 28px;
}
[data-page=customer-info-02] .item.\--5 .col.\--2-1 input.result {
  inline-size: 112px;
  border-inline: none;
  border-block-start: none;
}
[data-page=customer-info-02] .item.\--5 .col.\--3 {
  position: relative;
  display: flex;
  column-gap: 25px;
}
[data-page=customer-info-02] .item.\--5 .col.\--3-1 {
  display: flex;
  align-items: center;
  column-gap: 18px;
}
[data-page=customer-info-02] .item.\--5 .col.\--3-1 input {
  inline-size: 112px;
  border-inline: none;
  border-block-start: none;
}
[data-page=customer-info-02] .item.\--5 .col.\--4 {
  display: flex;
  column-gap: 30px;
  margin-block-start: 1em;
}
[data-page=customer-info-02] .item.\--5 .col:is(.\--4-1, .\--4-2) {
  position: relative;
  display: flex;
  align-items: center;
  column-gap: 14px;
  padding-inline-start: 1em;
}
[data-page=customer-info-02] .item.\--5 .col:is(.\--4-1, .\--4-2) label {
  position: absolute;
  inset-inline-start: 0;
  inset-block-start: -1.5em;
  font-weight: 900;
  font-size: 12px;
}
[data-page=customer-info-02] .item.\--5 .col:is(.\--4-1, .\--4-2) input {
  inline-size: 68px;
}
[data-page=customer-info-02] .item.\--5 .col:is(.\--4-1, .\--4-2) input:nth-of-type(2) {
  border-inline: none;
  border-block-start: none;
}
[data-page=customer-info-02] .m-modal.\--m-box {
  position: relative;
  inset-inline-start: -66px;
  inline-size: 973px;
  block-size: 558px;
  margin-inline: auto;
  margin-block-start: 104px;
  border-radius: 20px;
  border: 0;
  background-color: #fff;
  transition: opacity var(--duration);
}
[data-page=customer-info-02] .m-modal.\--m-box ._container {
  display: grid;
  row-gap: 1em;
  padding: 2em;
  background-color: #fff;
}
[data-page=customer-info-02] .m-modal.\--m-box ._image {
  grid-area: 1/-1;
  inline-size: auto;
  block-size: auto;
  margin: -25px -25px 0 -22px;
}
[data-page=customer-info-02] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=customer-info-02] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}

[data-page=customer-info-03] .m-heading {
  position: relative;
}
[data-page=customer-info-03] .m-heading_image {
  position: absolute;
  inset-inline-start: -13px;
  inset-block-start: -8px;
  inline-size: 267px;
}
[data-page=customer-info-03] .m-box-wrapper {
  margin-inline: 18px 20px;
}
[data-page=customer-info-03] .m-box {
  position: relative;
  display: grid;
  inline-size: 973px;
  block-size: 558px;
  font-family: var(--ff-noto);
}
[data-page=customer-info-03] .p63-form {
  display: grid;
  grid-template-rows: max-content max-content max-content 1fr;
  grid-area: 1/-1;
  block-size: 100%;
  padding: 12px 10px 12px 13px;
}
[data-page=customer-info-03] .p63-form textarea {
  resize: none;
}
[data-page=customer-info-03] [contenteditable] {
  overflow-y: scroll;
  display: grid;
  align-items: center;
  block-size: 39px;
  padding-inline: 0.5em;
  line-height: 1.3;
  white-space: normal;
  word-break: break-all;
  scrollbar-width: none;
}
[data-page=customer-info-03] [contenteditable]:focus-visible {
  outline: none;
  background-color: var(--color-focus);
}
[data-page=customer-info-03] .heading[class*="--"] {
  block-size: 27px;
  padding-block-start: 2px;
  font-size: 21px;
  font-family: var(--ff-maru);
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=customer-info-03] .heading[class*="--"].\--ls-6 {
  letter-spacing: 0.6em;
}
[data-page=customer-info-03] .table-wrapper {
  overflow-y: scroll;
  block-size: 281px;
  margin-block-start: 17px;
  scrollbar-width: none;
}
[data-page=customer-info-03] table {
  font-family: var(--ff-noto);
  border-spacing: 0;
}
[data-page=customer-info-03] table thead {
  position: sticky;
  z-index: 1;
  inset-block-start: 0;
}
[data-page=customer-info-03] table :is(th, td) {
  block-size: 40px;
  font-weight: 500;
  white-space: nowrap;
  border: 1px solid;
}
[data-page=customer-info-03] table th ~ th,
[data-page=customer-info-03] table td ~ td {
  border-inline-start: 0;
}
[data-page=customer-info-03] table tbody td {
  border-block-start: 0;
}
[data-page=customer-info-03] table th {
  block-size: 40px;
  padding-block: 4px 6px;
  line-height: 1.1;
  font-size: 13px;
  background-color: #d9f2d0;
}
[data-page=customer-info-03] table th:nth-of-type(1) {
  inline-size: 68px;
}
[data-page=customer-info-03] table th:nth-of-type(2) {
  inline-size: 68px;
}
[data-page=customer-info-03] table th:nth-of-type(3) {
  inline-size: 90px;
}
[data-page=customer-info-03] table th:nth-of-type(4) {
  inline-size: 110px;
}
[data-page=customer-info-03] table th:nth-of-type(5) {
  inline-size: 90px;
}
[data-page=customer-info-03] table th:nth-of-type(6) {
  inline-size: 90px;
}
[data-page=customer-info-03] table th:nth-of-type(7) {
  inline-size: 90px;
}
[data-page=customer-info-03] table th:nth-of-type(8) {
  inline-size: 90px;
}
[data-page=customer-info-03] table th:nth-of-type(9) {
  inline-size: 90px;
}
[data-page=customer-info-03] table th:nth-of-type(10) {
  inline-size: 62px;
}
[data-page=customer-info-03] table th:nth-of-type(11) {
  inline-size: 68px;
}
[data-page=customer-info-03] table th:nth-of-type(12) {
  inline-size: 34px;
}
[data-page=customer-info-03] table td {
  block-size: 36px;
  font-size: 13px;
  background-color: #fff;
}
[data-page=customer-info-03] table td:is(:nth-of-type(1), :nth-of-type(11)) {
  font-size: 12px;
}
[data-page=customer-info-03] table .td-container {
  justify-content: center;
  align-items: center;
  block-size: 100%;
  background-color: var(--color-07);
}
[data-page=customer-info-03] table .td-container.\--row {
  display: flex;
  column-gap: 1px;
}
[data-page=customer-info-03] table .td-container.\--col {
  display: grid;
  grid-auto-rows: max-content;
  align-content: center;
  row-gap: 1px;
}
[data-page=customer-info-03] table .label-wrapper {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 2px;
  inline-size: 50%;
  block-size: 100%;
  line-height: 1;
  background-color: #fff;
}
[data-page=customer-info-03] table .label-wrapper:has(:checked) {
  color: #fff;
  background-color: var(--color-09);
}
[data-page=customer-info-03] .button-wrap {
  display: flex;
  justify-content: flex-end;
  column-gap: 0.5em;
  margin-block-start: 4px;
}
[data-page=customer-info-03] [class$=-row-button] {
  display: block;
  inline-size: 70px;
  padding-block: 3px 6px;
  font-size: 13px;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  color: #fff;
  border-radius: 4px;
  background-color: #1fb050;
}
[data-page=customer-info-03] .del-row-button {
  background-color: #999;
}
[data-page=customer-info-03] .delete-button {
  inline-size: 100%;
  block-size: 100%;
  color: #fff;
  background-color: #999;
}
[data-page=customer-info-03] dl {
  display: grid;
  align-self: end;
  row-gap: 0.25em;
  margin-block-start: -10px;
  font-size: 15px;
}
[data-page=customer-info-03] dl dd:nth-of-type(1) {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
[data-page=customer-info-03] dl dd:nth-of-type(1) label {
  display: flex;
  align-items: center;
  column-gap: 10px;
}
[data-page=customer-info-03] dl dd:nth-of-type(1) label span {
  padding-block-end: 1px;
}
[data-page=customer-info-03] dl dd:nth-of-type(2) textarea {
  resize: none;
  inline-size: 100%;
  block-size: 6lh;
  padding: 0.5em;
  font-size: 12px;
  border: 1px solid;
}
[data-page=customer-info-03] dl dd:nth-of-type(2) textarea:focus-visible {
  background-color: rgba(238, 238, 238, 0.4666666667);
}
[data-page=customer-info-03] :where(input:not([type=radio], [type=checkbox]), select, textarea):focus-visible {
  outline: none;
  background-color: var(--color-focus);
}
[data-page=customer-info-03] :where([type=text], [type=date], select) {
  inline-size: 100%;
  block-size: 100%;
  border: none;
  border-radius: 0;
  background-position: right 0.5em top 55%;
}
[data-page=customer-info-03] [type=text] {
  padding-inline: 0.5em;
}
[data-page=customer-info-03] [type=radio] {
  position: absolute;
  inset: 0;
  border-radius: 0;
  appearance: none;
}
[data-page=customer-info-03] [type=radio]:not(:checked) + span {
  opacity: 0.25;
}
[data-page=customer-info-03] label {
  cursor: pointer;
}
@-moz-document url-prefix() {
  [data-page=customer-info-03] table .td-container {
    block-size: 39px;
  }
  [data-page=customer-info-03] .delete-button {
    block-size: 39px;
  }
}

[data-page=customer-info-04] .m-heading {
  position: relative;
}
[data-page=customer-info-04] .m-heading_image.\--1 {
  position: absolute;
  inset-inline-start: -12px;
  inset-block-start: -8px;
  inline-size: 264px;
}
[data-page=customer-info-04] .m-heading_image.\--2 {
  inset-inline-start: 9px;
  inset-block-start: -1px;
}
[data-page=customer-info-04] .m-box {
  position: relative;
  padding: 12px 47px 0px 87px;
  block-size: 580px;
}
[data-page=customer-info-04] .hidden-layer {
  position: absolute;
  inset: 0;
  z-index: 10;
  display: grid;
  place-content: center;
  font-size: 16px;
  border-radius: 20px;
  background-color: rgba(255, 255, 255, 0.4666666667);
}
[data-page=customer-info-04] .hidden-layer::before {
  position: absolute;
  inset: 0;
  overflow: clip;
  border-radius: 20px;
  content: "";
  backdrop-filter: blur(10px);
}
[data-page=customer-info-04] .hidden-layer > * {
  position: relative;
}
[data-page=customer-info-04] .op-button {
  position: absolute;
  display: grid;
  inset-inline-start: 12px;
  inset-block-start: 12px;
  text-align-last: justify;
}
[data-page=customer-info-04] .op-button .button {
  inline-size: 79px;
  block-size: 30px;
  padding: 4px 6px 6px;
  line-height: 1;
  color: #fff;
  border-radius: 6px;
  background-color: var(--color-01);
}
[data-page=customer-info-04] .wrapper {
  --block-size: 23px;
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-auto-rows: var(--block-size);
  align-items: start;
  column-gap: 3.75rem;
}
[data-page=customer-info-04] table {
  font-family: var(--ff-noto);
  border-collapse: collapse;
  border-spacing: 0;
}
[data-page=customer-info-04] td {
  letter-spacing: -0.08em;
  border: 1px solid;
}
[data-page=customer-info-04] td:nth-of-type(1) {
  position: relative;
  inline-size: 1.4375rem;
  block-size: 1.4375rem;
  aspect-ratio: 1;
}
[data-page=customer-info-04] td:nth-of-type(1):has(input:checked) {
  background-color: var(--bg);
}
[data-page=customer-info-04] td:nth-of-type(1) > input {
  position: absolute;
  inset: 0;
  inline-size: 100%;
  block-size: 100%;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 256 256'%3E%3Cpath d='m229.66 77.66-128 128a8 8 0 0 1-11.32 0l-56-56a8 8 0 0 1 11.32-11.32L96 188.69 218.34 66.34a8 8 0 0 1 11.32 11.32Z'/%3E%3C/svg%3E");
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: 50%;
  appearance: none;
  opacity: 0.125;
}
[data-page=customer-info-04] td:nth-of-type(1) > input:checked {
  opacity: 1;
}
[data-page=customer-info-04] td:nth-of-type(2) label {
  display: block;
  padding-inline: 0.5em;
  font-size: 0.875rem;
  cursor: pointer;
  user-select: none;
}
[data-page=customer-info-04] caption {
  position: relative;
  block-size: calc(var(--block-size) - 2px);
  margin-inline-start: 14px;
  margin-block-end: 2px;
  font-size: 16px;
  font-family: var(--ff-maru);
  line-height: 1.2;
  text-align: left;
  color: var(--dpp-c-color);
}
[data-page=customer-info-04] caption button {
  position: absolute;
  inset-inline-end: 0;
  inset-block: 0;
  padding-inline: 0.25em;
  font-size: 80%;
  border: 1px solid;
}
[data-page=customer-info-04] form {
  display: grid;
}

[data-page=customer-info-05] .m-heading {
  position: relative;
}
[data-page=customer-info-05] .m-heading_image {
  position: absolute;
  inset-inline-start: -13px;
  inset-block-start: -8px;
  inline-size: 267px;
}
[data-page=customer-info-05] .m-box {
  position: relative;
  padding: 26px 18px 0 18px;
  font-family: var(--ff-noto);
}
[data-page=customer-info-05] .m-pager {
  inset-inline-start: -9px;
}
[data-page=customer-info-05] .heading {
  block-size: 32px;
  padding-inline-start: 1.5em;
  padding-block-start: 5px;
  font-size: 22px;
  font-family: var(--ff-maru);
  line-height: 1;
  letter-spacing: 2em;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=customer-info-05] dl {
  display: grid;
  grid-template-columns: max-content 1fr;
  gap: 1.5em 1em;
  padding: 37px 1em 0;
  font-size: 14px;
  line-height: 1.9;
}
[data-page=customer-info-05] dl div {
  display: contents;
}

[data-page=customer-info-06] .m-heading {
  position: relative;
}
[data-page=customer-info-06] .m-heading_image {
  position: absolute;
  inset-inline-start: -13px;
  inset-block-start: -8px;
  inline-size: 267px;
}
[data-page=customer-info-06] .m-box {
  position: relative;
  padding: 23px 18px 0 15px;
  font-family: var(--ff-noto);
}
[data-page=customer-info-06] .m-pager {
  inset-inline-start: -9px;
}
[data-page=customer-info-06] .heading {
  block-size: 32px;
  padding-inline-start: 1.5em;
  padding-block-start: 5px;
  font-size: 22px;
  font-family: var(--ff-maru);
  line-height: 1;
  letter-spacing: 1em;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=customer-info-06] .m-bg {
  inline-size: 884px;
}

[data-page=customer-info-07] .m-heading {
  position: relative;
}
[data-page=customer-info-07] .m-heading_image {
  position: absolute;
  inset-inline-start: -13px;
  inset-block-start: -8px;
  inline-size: 267px;
}
[data-page=customer-info-07] .m-box {
  position: relative;
  padding: 26px 18px 0 18px;
  font-family: var(--ff-noto);
}
[data-page=customer-info-07] .m-pager {
  inset-inline-start: -9px;
}
[data-page=customer-info-07] .heading {
  block-size: 32px;
  padding-inline-start: 1.5em;
  padding-block-start: 5px;
  font-size: 22px;
  font-family: var(--ff-maru);
  line-height: 1;
  letter-spacing: 1em;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=customer-info-07] .m-bg {
  inline-size: 877px;
}

[data-page=customer-info-08] .m-heading {
  position: relative;
}
[data-page=customer-info-08] .m-heading_image {
  position: absolute;
  inset-inline-start: -13px;
  inset-block-start: -8px;
  inline-size: 267px;
}
[data-page=customer-info-08] .m-box {
  position: relative;
  padding: 20px;
  font-family: var(--ff-noto);
}
[data-page=customer-info-08] .m-pager {
  inset-inline-start: -9px;
}
[data-page=customer-info-08] .heading {
  block-size: 32px;
  padding-inline-start: 1.5em;
  padding-block-start: 5px;
  font-size: 22px;
  font-family: var(--ff-maru);
  line-height: 1;
  letter-spacing: 1em;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=customer-info-08] .textarea {
  resize: none;
  inline-size: 100%;
  block-size: 100%;
  padding: 1em;
  border: 1px solid;
  border-radius: 10px;
}

[data-page=cover].l-main {
  padding-inline-end: 52px;
  padding-block-end: 26px;
}

[data-page=customer-info-09].l-container {
  display: grid;
  place-content: center;
  inline-size: 100%;
  block-size: 100%;
}
[data-page=customer-info-09] .m-bg {
  inline-size: 1000px;
}
[data-page=customer-info-09] .contents {
  display: grid;
  grid-area: 1/-1;
  grid-template: repeat(2, 1fr)/repeat(2, 1fr);
  grid-template-areas: "a b" ". d";
  block-size: 100%;
  font-weight: 400;
  color: #0b76a0;
}
[data-page=customer-info-09] [data-grid="1-1"] {
  grid-area: a;
}
[data-page=customer-info-09] [data-grid="1-2"] {
  grid-area: b;
}
[data-page=customer-info-09] [data-grid="2-2"] {
  grid-area: d;
}
[data-page=customer-info-09] [data-grid] {
  inline-size: max-content;
  block-size: max-content;
  margin: auto;
}
[data-page=customer-info-09] [data-grid="1-1"] {
  display: grid;
  padding: 0 210px 83px 0;
  font-size: 29px;
  text-decoration: underline;
}
[data-page=customer-info-09] [data-grid="1-2"] {
  display: flex;
  padding: 0 0 85px 228px;
}
[data-page=customer-info-09] [data-grid="1-2"] dt::after {
  content: "：";
}
[data-page=customer-info-09] [data-grid="2-2"] {
  display: grid;
  grid-template-columns: repeat(12, 1fr);
  grid-template-areas: ".. .. .. .. d1 d1 d1 d1 d1 d1 d1 d1" ".. .. .. .. d2 d2 d2 d2 d2 d2 d2 d2";
  row-gap: 5px;
  padding: 118px 45px 0 0;
  font-size: 23px;
  color: #4ea72e;
}
[data-page=customer-info-09] [data-grid="2-2-1-12"] {
  grid-area: d1;
  inline-size: 100%;
}
[data-page=customer-info-09] [data-grid="2-2-2-4"] {
  display: grid;
  grid-area: d2;
  row-gap: 5px;
}
[data-page=customer-info-09] [data-grid="2-2-2-4"] .item {
  display: flex;
}
[data-page=customer-info-09] [data-grid="2-2-2-4"] .item dt {
  inline-size: 3em;
  text-align-last: justify;
}
[data-page=customer-info-09] [data-grid="2-2-2-4"] .item dd::before {
  content: "：";
}

[data-page=spine].l-main {
  padding-inline-end: 52px;
  padding-block-end: 26px;
}

[data-page=customer-info-10].l-container {
  display: grid;
  place-content: center;
  inline-size: 100%;
  block-size: 100%;
}
[data-page=customer-info-10] .m-bg {
  inline-size: 1000px;
}

[data-page=registration-01] .m-heading {
  position: relative;
}
[data-page=registration-01] .m-heading_image {
  position: absolute;
  inset-inline-start: -12px;
  inset-block-start: -8px;
  inline-size: 264px;
}
[data-page=registration-01] .m-box-wrapper {
  margin-inline: 18px 20px;
}
[data-page=registration-01] .m-box {
  position: relative;
  inline-size: 973px;
  block-size: 558px;
  padding: 12px 19px 5px 26px;
  font-family: var(--ff-noto);
}
[data-page=registration-01] .scroll-wrapper {
  overflow-y: scroll;
  block-size: 347.5px;
  margin-block-start: 20px;
  border: 1px solid;
  scrollbar-width: none;
}
[data-page=registration-01] table {
  inline-size: 100%;
  font-size: 15px;
  line-height: 1.5;
  border-collapse: collapse;
  accent-color: var(--color-01);
}
[data-page=registration-01] table ~ table {
  margin-block-start: 6px;
}
[data-page=registration-01] table :is(th, td) {
  position: relative;
  font-weight: 500;
  text-align: start;
  border: 1px solid var(--color-07);
}
[data-page=registration-01] table.\--1 th:is(:nth-of-type(2), :nth-of-type(3)) {
  inline-size: 62px;
  text-align: center;
}
[data-page=registration-01] table.\--1 select {
  border: 1px solid;
}
[data-page=registration-01] table:is([data-page=registration-01] table.\--1, [data-page=registration-01] table.\--2) th:nth-of-type(1) {
  inline-size: 190px;
}
[data-page=registration-01] table:is([data-page=registration-01] table.\--1, [data-page=registration-01] table.\--2) th > :is(label, span) {
  display: inline-block;
  inline-size: 100%;
  padding: 4px 10px;
}
[data-page=registration-01] table:is([data-page=registration-01] table.\--1, [data-page=registration-01] table.\--2) .col {
  display: flex;
  padding: 4px 10px;
}
[data-page=registration-01] table:is([data-page=registration-01] table.\--1, [data-page=registration-01] table.\--2) .col.\--radio {
  column-gap: 58px;
  padding-inline: 26px;
  white-space: nowrap;
}
[data-page=registration-01] table:is([data-page=registration-01] table.\--1, [data-page=registration-01] table.\--2) .col.\--radio > label {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
[data-page=registration-01] table:is([data-page=registration-01] table.\--1, [data-page=registration-01] table.\--2) .col.\--birth {
  column-gap: 2em;
}
[data-page=registration-01] table.\--2 {
  border-collapse: unset;
  border-spacing: 0;
}
[data-page=registration-01] table.\--2 :where(td, th) {
  border: none;
}
[data-page=registration-01] table.\--2 :is(td, th):not(:last-of-type) {
  border-inline-end: 1px solid var(--color-07);
}
[data-page=registration-01] table.\--2 tbody tr:not(:nth-of-type(n+5):last-of-type) :is(td, th),
[data-page=registration-01] table.\--2 thead :is(td, th) {
  border-block-end: 1px solid var(--color-07);
}
[data-page=registration-01] table.\--2 thead {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
}
[data-page=registration-01] table.\--2 thead th:not([class]) {
  text-align: center;
  background-color: #fff;
}
[data-page=registration-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(1) {
  inline-size: 128px;
}
[data-page=registration-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(3) {
  inline-size: 135px;
}
[data-page=registration-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(4) {
  inline-size: 135px;
}
[data-page=registration-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(5) {
  inline-size: 135px;
}
[data-page=registration-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(6) {
  inline-size: 156px;
}
[data-page=registration-01] table.\--2 thead tr:nth-of-type(2) th .line-2 {
  display: grid;
  padding: 4px 10px;
  line-height: 1.2;
}
[data-page=registration-01] table.\--2 thead tr:nth-of-type(2) th .line-2 > span {
  padding: 0;
}
[data-page=registration-01] table.\--2 .insert {
  padding: 4px 10px;
}
[data-page=registration-01] table.\--2 .insert.\--row {
  display: flex;
  padding-inline-end: 0;
}
[data-page=registration-01] table.\--2 .insert.\--row .copy {
  position: relative;
  display: grid;
  align-items: center;
  margin-inline-start: auto;
  margin-block: -4px;
  padding-inline: 0.5em;
  cursor: help;
  color: #333;
  background-color: #e0e0e0;
}
[data-page=registration-01] table.\--2 .insert.\--row .copy:is(:hover, :focus-visible, :focus-within, :active)::after {
  position: absolute;
  inset-inline-start: 30px;
  inset-block-start: -10px;
  z-index: 1;
  padding-inline: 0.5em;
  padding-block: 0.25em calc(0.25em + 1px);
  font-size: 12px;
  white-space: nowrap;
  border: 1px solid;
  border-radius: 2px;
  background-color: #e0e0e0;
  content: attr(data-value);
}
[data-page=registration-01] table.\--2 .operation-wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  column-gap: 1px;
  padding: 0 !important;
  background-color: var(--color-07);
}
[data-page=registration-01] table.\--2 .operation {
  flex: 1;
  padding: 4px;
  color: #fff;
}
[data-page=registration-01] table.\--2 .operation.\--1 {
  background-color: var(--color-01);
}
[data-page=registration-01] table.\--2 .operation.\--2 {
  background-color: #739eda;
}
[data-page=registration-01] table.\--2 .operation.\--3 {
  background-color: #da7373;
}
[data-page=registration-01] :where(input, select, textarea) {
  font-size: 15px;
  color: inherit;
  border-radius: 0;
}
[data-page=registration-01] :where(input, select, textarea):focus-visible {
  outline: none;
}
[data-page=registration-01] :where(label) {
  cursor: pointer;
}
[data-page=registration-01] :where([type=text]) {
  inline-size: 100%;
  block-size: 100%;
  padding: 0.25em 0.5em;
  border: none;
}
[data-page=registration-01] .heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0.35em;
  text-align: start;
  color: #fff;
  background-color: #8ed973;
}
[data-page=registration-01] .m-action {
  margin-block-start: 10px;
}
[data-page=registration-01] .pagination {
  display: grid;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: center;
  column-gap: 10px;
  row-gap: 10px;
  inline-size: 973px;
  margin-inline-start: 18px;
  margin-block-start: 10px;
}
[data-page=registration-01] .pagination > .item {
  display: grid;
  place-items: center;
  min-inline-size: 36px;
  block-size: 36px;
  padding-inline: 0.25em;
  color: #fff;
  border-radius: 4px;
  border: 2px solid var(--color-01);
  background-color: var(--color-01);
  transition-property: color, background-color;
  transition-duration: var(--duration);
}
[data-page=registration-01] .pagination > .item.is-disabled {
  visibility: hidden;
}
[data-page=registration-01] .pagination > .item:is(.page, .current) {
  padding-block-end: 4px;
}
@media (any-hover: hover) {
  [data-page=registration-01] .pagination > .item:is(:hover, :focus-visible) {
    color: var(--color-02);
    background-color: #fff;
  }
}
[data-page=registration-01] .pagination [aria-current] {
  pointer-events: none;
  color: var(--color-02);
  background-color: #fff;
}
[data-page=registration-01] .pagination svg {
  inline-size: 20px;
  block-size: 20px;
}
[data-page=registration-01] .letter-spacing-05 {
  letter-spacing: 0.5em;
}
[data-page=registration-01] .letter-spacing-1 {
  letter-spacing: 1em;
}
[data-page=registration-01] .text-indent-05 {
  text-indent: 0.5em;
}
[data-page=registration-01] .text-indent-1 {
  text-indent: 1em;
}

[data-page=registration-02] .m-heading {
  position: relative;
}
[data-page=registration-02] .m-heading_image {
  position: absolute;
  inset-inline-start: -12px;
  inset-block-start: -8px;
  inline-size: 264px;
}
[data-page=registration-02] .m-box-wrapper {
  margin-inline: 18px 20px;
}
[data-page=registration-02] .m-box {
  position: relative;
  inline-size: 973px;
  block-size: 558px;
  padding: 12px 19px 5px 26px;
  font-family: var(--ff-noto);
}
[data-page=registration-02] table {
  inline-size: 100%;
  font-size: 15px;
  line-height: 1.5;
  border-collapse: collapse;
  accent-color: #595959;
}
[data-page=registration-02] table ~ table {
  margin-block-start: 6px;
}
[data-page=registration-02] table :is(th, td) {
  font-weight: 500;
  text-align: start;
  border: 1px solid #595959;
}
[data-page=registration-02] table.\--1 th:is(:nth-of-type(2), :nth-of-type(3)) {
  inline-size: 62px;
  text-align: center;
}
[data-page=registration-02] table.\--1 select {
  border: 1px solid;
}
[data-page=registration-02] table:is([data-page=registration-02] table.\--1, [data-page=registration-02] table.\--2) th:nth-of-type(1) {
  inline-size: 190px;
}
[data-page=registration-02] table:is([data-page=registration-02] table.\--1, [data-page=registration-02] table.\--2) th > :is(label, span) {
  display: inline-block;
  inline-size: 100%;
  padding: 4px 10px;
}
[data-page=registration-02] table:is([data-page=registration-02] table.\--1, [data-page=registration-02] table.\--2) td > div {
  padding: 4px 10px;
}
[data-page=registration-02] table:is([data-page=registration-02] table.\--1, [data-page=registration-02] table.\--2) .col {
  display: flex;
}
[data-page=registration-02] table:is([data-page=registration-02] table.\--1, [data-page=registration-02] table.\--2) .col.\--radio {
  column-gap: 58px;
  padding-inline: 26px;
}
[data-page=registration-02] table:is([data-page=registration-02] table.\--1, [data-page=registration-02] table.\--2) .col.\--radio > label {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
[data-page=registration-02] table:is([data-page=registration-02] table.\--1, [data-page=registration-02] table.\--2) .col.\--birth {
  column-gap: 2em;
}
[data-page=registration-02] table.\--3 thead tr:nth-of-type(1) th:nth-of-type(1) {
  inline-size: 36px;
}
[data-page=registration-02] table.\--3 thead tr:nth-of-type(1) th:nth-of-type(2) {
  inline-size: 90px;
}
[data-page=registration-02] table.\--3 thead tr:nth-of-type(1) th:nth-of-type(6) {
  inline-size: 70px;
}
[data-page=registration-02] table.\--3 thead tr:nth-of-type(2) th {
  inline-size: 84px;
}
[data-page=registration-02] table.\--3 th {
  padding-block: 3px;
  text-align: center;
}
[data-page=registration-02] table.\--3 td:has(select) {
  padding-inline: 8px 4px;
}
[data-page=registration-02] table.\--3 tbody td:nth-of-type(1) {
  text-align: center;
}
[data-page=registration-02] table.\--3 tbody td:is(:nth-of-type(8), :nth-of-type(9), :nth-of-type(10)) input {
  text-align: center;
}
[data-page=registration-02] table.\--3 input {
  padding-block: 2px;
}
[data-page=registration-02] table.\--3 select {
  inline-size: 100%;
  border: none;
}
[data-page=registration-02] :where(input, select, textarea) {
  font-size: 15px;
  color: inherit;
  border-radius: 0;
}
[data-page=registration-02] :where(input, select, textarea):focus-visible {
  outline: none;
}
[data-page=registration-02] :where(label) {
  cursor: pointer;
}
[data-page=registration-02] :where([type=text]) {
  inline-size: 100%;
  block-size: 100%;
  padding: 0.25em 0.5em;
  border: none;
}
[data-page=registration-02] .heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0.35em;
  text-align: start;
  color: #fff;
  background-color: #8ed973;
}
[data-page=registration-02] .letter-spacing-1 {
  letter-spacing: 1em;
}
[data-page=registration-02] .remarks {
  display: flex;
  column-gap: 1em;
  inline-size: 100%;
  margin-block-start: 6px;
  border: 1px solid #595959;
}
[data-page=registration-02] .remarks span {
  padding: 6px 0 0 12px;
  white-space: nowrap;
}
[data-page=registration-02] .remarks textarea {
  resize: none;
  inline-size: 100%;
  block-size: 44px;
  padding-block: 3px;
  line-height: 1.2;
  border: none;
}

[data-page=registration-03] .m-heading {
  position: relative;
}
[data-page=registration-03] .m-heading_image {
  position: absolute;
  inset-inline-start: -12px;
  inset-block-start: -8px;
  inline-size: 264px;
}
[data-page=registration-03] .m-box-wrapper {
  margin-inline: 18px 20px;
}
[data-page=registration-03] .m-box {
  position: relative;
  display: grid;
  grid-template-rows: max-content 1fr max-content;
  row-gap: 20px;
  inline-size: 973px;
  block-size: 558px;
  padding: 86.5px;
  font-family: var(--ff-noto);
}
[data-page=registration-03] .button-wrapper {
  display: flex;
  column-gap: 20px;
}
[data-page=registration-03] .button-wrapper .button {
  display: grid;
  place-items: center;
  flex: 1;
  block-size: 36px;
  padding-block-end: 3px;
  border-radius: 4px;
}
[data-page=registration-03] .drop-box {
  display: grid;
  align-items: center;
  border-radius: 4px;
  border: 2px dashed var(--color-07);
}
[data-page=registration-03] .drop-box.dragover {
  border-color: red;
}
[data-page=registration-03] .drop-box [type=file] {
  grid-area: 1/-1;
  inline-size: 100%;
  block-size: 100%;
  opacity: 0;
}
[data-page=registration-03] .drop-box_text {
  z-index: 1;
  grid-area: 1/-1;
  text-align: center;
}
[data-page=registration-03] .drop-box_button {
  display: inline-grid;
  place-items: center;
  block-size: 36px;
  margin-block-start: 1em;
  padding-inline: 1em;
  padding-block-end: 3px;
  cursor: pointer;
  border-radius: 4px;
}
[data-page=registration-03] .instructions {
  padding-inline-start: 1em;
}

[data-page=news] .m-heading {
  position: relative;
}
[data-page=news] .m-heading_image {
  position: absolute;
  inset-inline-start: -13px;
  inset-block-start: -8px;
  inline-size: 267px;
}
[data-page=news] .m-box {
  position: relative;
  padding: 20px;
  font-family: var(--ff-noto);
}
[data-page=news] .m-pager {
  inset-inline-start: -9px;
}
[data-page=news] .heading {
  block-size: 32px;
  padding-block-start: 4px;
  font-size: 22px;
  font-family: var(--ff-maru);
  line-height: 1;
  letter-spacing: 0.5em;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=news] .scroll-wrapper {
  scrollbar-width: none;
  overflow-x: hidden;
  overflow-y: scroll;
  block-size: 450px;
  margin-block-start: 20px;
}
[data-page=news] .table {
  inline-size: 100%;
  font-size: 15px;
  line-height: 1.5;
  table-layout: fixed;
}
[data-page=news] .table .insert {
  overflow: hidden;
  inline-size: 692px;
  text-overflow: ellipsis;
}
[data-page=news] .table .flag {
  display: inline-block;
  padding: 0.25em 0.5em calc(0.25em + 1px);
  font-weight: 600;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  border-radius: 2px;
  background-color: #da7373;
}
[data-page=news] .table .operation {
  inline-size: 100%;
  block-size: 30px;
  color: #fff;
  background-color: #7395da;
}
[data-page=news] .table :is(td, th) {
  position: relative;
  padding: 0.25em 0.5em;
}
[data-page=news] .table thead {
  position: sticky;
  inset-block-start: 2px;
  z-index: 1;
}
[data-page=news] .table thead tr:first-of-type::after {
  position: absolute;
  inset: -2px 0 0 0;
  z-index: -1;
  block-size: calc(1lh + 4px);
  background-color: #fff;
  content: "";
}
[data-page=news] .table th {
  color: #fff;
  background-color: var(--color-01);
}
[data-page=news] .table th:nth-of-type(1) {
  inline-size: 110px;
}
[data-page=news] .table th:nth-of-type(2) {
  inline-size: 707px;
}
[data-page=news] .table th:nth-of-type(3) {
  inline-size: 50px;
}
[data-page=news] .table tbody tr:nth-of-type(even) {
  background-color: rgba(218, 227, 243, 0.2509803922);
}
[data-page=news] .table tbody td {
  white-space: nowrap;
}
[data-page=news] .table tbody td:nth-of-type(1) {
  text-align: center;
}
[data-page=news] .table tbody td:nth-of-type(3) {
  text-align: center;
  padding: 0;
}
[data-page=news] .m-modal.\--m-box {
  position: relative;
  inset-inline-start: -66px;
  overflow: hidden;
  inline-size: 913px;
  block-size: 542px;
  margin-inline: auto;
  margin-block-start: 104px;
  padding-inline: 20px 10px;
  padding-block: 20px;
  border: 3px solid var(--color-01);
  border-radius: 20px;
  background-color: #fff;
  transition: opacity var(--duration);
  outline: none;
  translate: 30px 0;
}
[data-page=news] .m-modal.\--m-box::backdrop {
  background-color: rgba(0, 0, 0, 0);
}
[data-page=news] .m-modal.\--m-box:not([data-active=true]) {
  opacity: 0;
}
[data-page=news] .modal_content {
  overflow-x: hidden;
  overflow-y: scroll;
  block-size: 100%;
}
[data-page=news] .modal_inner {
  padding-inline-end: 20px;
}
[data-page=news] .modal_head {
  position: sticky;
  inset-block-start: 0;
  display: grid;
  grid-template-columns: 1fr auto;
  align-items: end;
  column-gap: 2em;
  margin-block-end: 1em;
  padding-block-end: 0.5em;
  border-block-end: 1px solid;
  background-color: #fff;
}
[data-page=news] .modal_heading {
  display: grid;
  align-items: end;
  min-block-size: 2lh;
  font-weight: 500;
  font-size: 120%;
  text-wrap: balance;
}
[data-page=news] .modal_time {
  font-weight: 400;
  font-size: 87.5%;
}
[data-page=news] .modal_text {
  font-weight: 400;
}
[data-page=news] .m-close {
  position: absolute;
  inset-inline-end: 30px;
  inset-block-start: 20px;
}

[data-page=confirm-01] .m-heading {
  position: relative;
}
[data-page=confirm-01] .m-heading_image {
  position: absolute;
  inset-inline-start: -12px;
  inset-block-start: -8px;
  inline-size: 264px;
}
[data-page=confirm-01] .m-box-wrapper {
  margin-inline: 18px 20px;
}
[data-page=confirm-01] .m-box {
  position: relative;
  inline-size: 973px;
  block-size: 558px;
  padding: 12px 19px 5px 26px;
  font-family: var(--ff-noto);
}
[data-page=confirm-01] .scroll-wrapper {
  overflow-y: scroll;
  block-size: 347.5px;
  margin-block-start: 20px;
  border: 1px solid;
  scrollbar-width: none;
}
[data-page=confirm-01] table {
  inline-size: 100%;
  font-size: 15px;
  line-height: 1.5;
  border-collapse: collapse;
  accent-color: var(--color-01);
}
[data-page=confirm-01] table ~ table {
  margin-block-start: 6px;
}
[data-page=confirm-01] table :is(th, td) {
  position: relative;
  font-weight: 500;
  text-align: start;
  border: 1px solid var(--color-07);
}
[data-page=confirm-01] table.\--1 select {
  border: 1px solid;
}
[data-page=confirm-01] table:is([data-page=confirm-01] table.\--1, [data-page=confirm-01] table.\--2) th > :is(label, span) {
  display: inline-block;
  inline-size: 100%;
  padding: 4px 10px;
}
[data-page=confirm-01] table:is([data-page=confirm-01] table.\--1, [data-page=confirm-01] table.\--2) .col {
  display: flex;
  padding: 4px 10px;
}
[data-page=confirm-01] table:is([data-page=confirm-01] table.\--1, [data-page=confirm-01] table.\--2) .col.\--radio {
  column-gap: 58px;
  padding-inline: 26px;
  white-space: nowrap;
}
[data-page=confirm-01] table:is([data-page=confirm-01] table.\--1, [data-page=confirm-01] table.\--2) .col.\--radio > label {
  display: flex;
  align-items: center;
  column-gap: 16px;
}
[data-page=confirm-01] table:is([data-page=confirm-01] table.\--1, [data-page=confirm-01] table.\--2) .col.\--birth {
  column-gap: 2em;
}
[data-page=confirm-01] table.\--2 {
  border-collapse: unset;
  border-spacing: 0;
}
[data-page=confirm-01] table.\--2 :where(td, th) {
  border: none;
}
[data-page=confirm-01] table.\--2 :is(td, th):not(:last-of-type) {
  border-inline-end: 1px solid var(--color-07);
}
[data-page=confirm-01] table.\--2 tbody tr:not(:nth-of-type(n+5):last-of-type) :is(td, th),
[data-page=confirm-01] table.\--2 thead :is(td, th) {
  border-block-end: 1px solid var(--color-07);
}
[data-page=confirm-01] table.\--2 thead {
  position: sticky;
  inset-block-start: 0;
  z-index: 1;
}
[data-page=confirm-01] table.\--2 thead th:not([class]) {
  text-align: center;
  background-color: #fff;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(1) {
  inline-size: 142px;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(3) {
  inline-size: 52px;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(4) {
  inline-size: 82px;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(5) {
  inline-size: 112px;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(6) {
  inline-size: 112px;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th:nth-of-type(7) {
  inline-size: 160px;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th .line-2 {
  display: grid;
  padding: 4px 10px;
  line-height: 1.2;
}
[data-page=confirm-01] table.\--2 thead tr:nth-of-type(2) th .line-2 > span {
  padding: 0;
}
[data-page=confirm-01] table.\--2 .insert {
  margin: 4px 10px;
  overflow: hidden;
}
[data-page=confirm-01] table.\--2 .insert.ppp {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
[data-page=confirm-01] table.\--2 .insert.\--row {
  display: flex;
  padding-inline-end: 0;
}
[data-page=confirm-01] table.\--2 .insert.\--row .copy {
  position: relative;
  display: grid;
  align-items: center;
  margin-inline-start: auto;
  margin-block: -4px;
  padding-inline: 0.5em;
  cursor: help;
  color: #333;
  background-color: #e0e0e0;
}
[data-page=confirm-01] table.\--2 .insert.\--row .copy:is(:hover, :focus-visible, :focus-within, :active)::after {
  position: absolute;
  inset-inline-start: 30px;
  inset-block-start: -10px;
  z-index: 1;
  padding-inline: 0.5em;
  padding-block: 0.25em calc(0.25em + 1px);
  font-size: 12px;
  white-space: nowrap;
  border: 1px solid;
  border-radius: 2px;
  background-color: #e0e0e0;
  content: attr(data-value);
}
[data-page=confirm-01] table.\--2 .operation-wrapper {
  position: absolute;
  inset: 0;
  display: flex;
  column-gap: 1px;
  padding: 0 !important;
  background-color: var(--color-07);
}
[data-page=confirm-01] table.\--2 .operation {
  flex: 1;
  padding: 4px;
  color: #fff;
}
[data-page=confirm-01] table.\--2 .operation.\--1 {
  background-color: var(--color-01);
}
[data-page=confirm-01] table.\--2 .operation.\--2 {
  background-color: #739eda;
}
[data-page=confirm-01] table.\--2 .operation.\--3 {
  background-color: #da7373;
}
[data-page=confirm-01] :where(input, select, textarea) {
  font-size: 15px;
  color: inherit;
  border-radius: 0;
}
[data-page=confirm-01] :where(input, select, textarea):focus-visible {
  outline: none;
}
[data-page=confirm-01] :where(label) {
  cursor: pointer;
}
[data-page=confirm-01] :where([type=text]) {
  inline-size: 100%;
  block-size: 100%;
  padding: 0.25em 0.5em;
  border: none;
}
[data-page=confirm-01] .heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0.35em;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=confirm-01] .m-action {
  margin-block-start: 10px;
}
[data-page=confirm-01] .pagination {
  display: grid;
  grid-template-columns: repeat(auto-fit, 36px);
  justify-content: center;
  column-gap: 10px;
  row-gap: 10px;
  inline-size: 973px;
  margin-inline-start: 18px;
  margin-block-start: 10px;
}
[data-page=confirm-01] .pagination > .item {
  display: grid;
  place-items: center;
  min-inline-size: 36px;
  block-size: 36px;
  padding-inline: 0.25em;
  color: #fff;
  border-radius: 4px;
  border: 2px solid var(--color-01);
  background-color: var(--color-01);
  transition-property: color, background-color;
  transition-duration: var(--duration);
}
[data-page=confirm-01] .pagination > .item.is-disabled {
  visibility: hidden;
}
[data-page=confirm-01] .pagination > .item:is(.page, .current) {
  padding-block-end: 4px;
}
@media (any-hover: hover) {
  [data-page=confirm-01] .pagination > .item:is(:hover, :focus-visible) {
    color: var(--color-02);
    background-color: #fff;
  }
}
[data-page=confirm-01] .pagination [aria-current] {
  pointer-events: none;
  color: var(--color-02);
  background-color: #fff;
}
[data-page=confirm-01] .pagination svg {
  inline-size: 20px;
  block-size: 20px;
}
[data-page=confirm-01] .letter-spacing-05 {
  letter-spacing: 0.5em;
}
[data-page=confirm-01] .letter-spacing-1 {
  letter-spacing: 1em;
}
[data-page=confirm-01] .text-indent-05 {
  text-indent: 0.5em;
}
[data-page=confirm-01] .text-indent-1 {
  text-indent: 1em;
}
[data-page=confirm-01] .modal-overlay {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1000;
  display: flex;
  align-items: center;
}
[data-page=confirm-01] .modal-overlay .modal-content {
  background: rgb(255, 255, 255);
  border-radius: 8px;
  min-width: 500px;
  max-width: 90vw;
  position: relative;
  box-shadow: rgba(0, 0, 0, 0.3) 0px 4px 20px;
}

[data-page=confirm-02] .history-item {
  text-align-last: left;
}
[data-page=confirm-02] .error-message {
  color: red;
  font-size: 12px;
}
[data-page=confirm-02] .error-border {
  border: 2px solid #ff0000 !important;
  background-color: #fff5f5;
}
[data-page=confirm-02] .error-border:focus {
  border: 2px solid #ff0000 !important;
  outline: 2px solid #ffcccc;
  outline-offset: 1px;
}
[data-page=confirm-02] .button_edit-wrap {
  text-align: center;
  margin-bottom: 4px;
}
[data-page=confirm-02] .button_edit-wrap .button_edit {
  border: 2px solid #0f9ed5;
  background-color: #0f9ed5;
  color: #fff;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  border-radius: 4px;
  inline-size: 70px;
  padding-block: 3px 6px;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}
[data-page=confirm-02] .button_edit-wrap .button_edit:is(:hover, :focus-visible) {
  outline: none;
  color: #0f9ed5;
  background-color: #fff;
}
[data-page=confirm-02] .checkbox-label {
  display: flex;
  align-items: center;
  font-size: 15px;
}
[data-page=confirm-02] .checkbox-label-mini {
  display: flex;
  align-items: center;
  font-size: 14px;
}
[data-page=confirm-02] .checkbox-label-line {
  align-items: center;
  font-size: 15px;
}
[data-page=confirm-02] .m-heading {
  position: relative;
}
[data-page=confirm-02] .m-heading_image {
  position: absolute;
  inset-inline-start: -12px;
  inset-block-start: -8px;
  inline-size: 264px;
}
[data-page=confirm-02] .m-box-wrapper {
  margin-inline: 18px 20px;
  margin-bottom: 50px;
}
[data-page=confirm-02] .m-box {
  position: relative;
  inline-size: 973px;
  block-size: auto;
  padding: 12px 19px 5px 26px;
  font-family: var(--ff-noto);
}
[data-page=confirm-02] .scroll-wrapper {
  overflow-y: scroll;
  block-size: 347.5px;
  margin-block-start: 20px;
  border: 1px solid;
  scrollbar-width: none;
}
[data-page=confirm-02] .button-wrap {
  display: flex;
  justify-content: flex-end;
  column-gap: 0.5em;
  margin-block-start: 4px;
}
[data-page=confirm-02] .button-wrap .add-row-button {
  display: block;
  inline-size: 70px;
  padding-block: 3px 6px;
  font-size: 13px;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  color: #fff;
  border-radius: 4px;
  background-color: #1fb050;
}
[data-page=confirm-02] .clear_button-wrap {
  margin-top: 4px;
  margin-bottom: 4px;
  text-align: right;
  vertical-align: bottom;
}
[data-page=confirm-02] .clear-button {
  inline-size: 70px;
  padding-block: 3px 6px;
  font-size: 13px;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
  color: #fff;
  border-radius: 4px;
  background-color: #999999;
}
[data-page=confirm-02] .table {
  width: 100%;
  inline-size: 100%;
  font-size: 15px;
  line-height: 1.5;
  border-collapse: collapse;
}
[data-page=confirm-02] .table :is(th, td) {
  position: relative;
  font-weight: 500;
  text-align: start;
}
[data-page=confirm-02] .table .heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0.35em;
  text-align: start;
  color: #fff;
  background-color: #8ed973;
}
[data-page=confirm-02] .--2 {
  width: 100%;
}
[data-page=confirm-02] .--2 th, [data-page=confirm-02] .--2 td {
  border: none;
}
[data-page=confirm-02] .--2 .heading {
  block-size: 27px;
  padding-block-start: 2px;
  font-size: 21px;
  font-family: var(--ff-maru);
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=confirm-02] .--101 th {
  width: 70px;
  font-weight: 800;
}
[data-page=confirm-02] .--101 th, [data-page=confirm-02] .--101 td {
  padding: 4px;
  border: none;
  vertical-align: top;
}
[data-page=confirm-02] .--101 textarea {
  resize: none;
  inline-size: 100%;
  block-size: 4lh;
  padding: 0.5em;
  border: 1px solid;
}
[data-page=confirm-02] .--101 select, [data-page=confirm-02] .--101 input[type=text], [data-page=confirm-02] .--101 input[type=date] {
  width: 120px;
  border: 1px solid;
  border-radius: 0;
  block-size: 28px;
  padding-inline: 0.5em;
}
[data-page=confirm-02] .--101 :where(.error-border) {
  border: 2px solid red;
}
[data-page=confirm-02] .--101 .selectShort {
  width: 60px;
}
[data-page=confirm-02] .--101 .row-h {
  height: 36px;
}
[data-page=confirm-02] .--101 .heading {
  block-size: 27px;
  padding-block-start: 2px;
  font-size: 21px;
  font-family: var(--ff-maru);
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=confirm-02] .--102 th {
  font-weight: 800;
}
[data-page=confirm-02] .--102 th, [data-page=confirm-02] .--102 td {
  padding: 10px;
  border: 1px solid var(--color-07);
  vertical-align: top;
}
[data-page=confirm-02] .--102 label {
  display: block;
  padding-bottom: 6px;
}
[data-page=confirm-02] .--102 textarea {
  resize: none;
  inline-size: 100%;
  block-size: 8lh;
  padding: 0.5em;
  border: 1px solid;
  font-size: 13px;
}
[data-page=confirm-02] .--102 select {
  width: 120px;
  border: 1px solid;
  border-radius: 0;
  block-size: 28px;
  padding-inline: 0.5em;
}
[data-page=confirm-02] .--102 input[type=text] {
  width: 50px;
  border: 1px solid;
  border-radius: 0;
  block-size: 28px;
  padding-inline: 0.5em;
  margin-left: 4px;
  margin-right: 4px;
}
[data-page=confirm-02] .--102 input[type=text].keta5 {
  width: 60px;
}
[data-page=confirm-02] .--102 .heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0em;
  text-align: start;
  color: #fff;
  background-color: #999999;
  text-align: center;
  font-size: 15px;
  font-weight: none;
  vertical-align: middle;
}
[data-page=confirm-02] .signature-container {
  display: grid;
  grid-template-columns: repeat(3, 1fr); /* 3カラム等幅 */
}
[data-page=confirm-02] .signature-container .canvas-container {
  position: relative;
  display: inline-block;
  border: 2px dashed #d1d1d6;
}
[data-page=confirm-02] .signature-container .canvas-container canvas {
  cursor: crosshair;
  background-color: #fff;
  border-radius: 4px;
}
[data-page=confirm-02] .signature-container .canvas-container .canvas-overlay {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  pointer-events: none;
}
[data-page=confirm-02] .signature-container .canvas-container .canvas-overlay .signature-placeholder {
  color: #999;
  font-size: 14px;
  user-select: none;
}

.l-wrapper-confirm {
  content-visibility: visible;
  display: block;
  grid-template-columns: var(--g-side) 1128px;
  align-items: start;
  inline-size: min(100%, var(--g-max));
  min-block-size: auto;
  contain: unset;
}
.l-wrapper-confirm:not(.\--scroll) {
  grid-template-areas: "sidebar main";
  block-size: max-content;
}
.l-wrapper-confirm.\--scroll {
  scroll-snap-type: block mandatory;
  scrollbar-width: none;
  overflow-y: auto;
  grid-template-areas: "sidebar section1" "sidebar section2" "sidebar section3" "sidebar section4";
  grid-auto-rows: 100dvb;
  block-size: 100dvb;
}
.l-wrapper-confirm.\--scroll .l-main {
  scroll-snap-align: center;
  scroll-snap-stop: always;
  background-image: none;
}
.l-wrapper-confirm.\--scroll .l-main.\--1 {
  grid-area: section1;
}
.l-wrapper-confirm.\--scroll .l-main.\--2 {
  grid-area: section2;
}
.l-wrapper-confirm.\--scroll .l-main.\--3 {
  grid-area: section3;
}
.l-wrapper-confirm.\--scroll .l-main.\--4 {
  grid-area: section4;
}
.l-wrapper-confirm.\--scroll .loading.is-loaded {
  background-color: rgba(0, 0, 0, 0);
}

@media print {
  .l-wrapper-confirm {
    display: block;
  }
  .l-wrapper-confirm .l-main {
    display: block;
  }
}
[data-page=confirm-03] {
  min-height: 100vh;
  /*
    .c03-section {
      border: 1px solid #000;
      margin-block: 18px;
      padding: 0;
      page-break-inside: avoid;
    }

    .c03-section + .c03-section {
      margin-block-start: 24px;
    }

    .c03-section__title {
      width: 100%;
      background-color: #000;
      color: #fff;
      font-weight: 700;
      font-size: 15px;
      padding: 6px 14px;
    }

    .c03-section__body {
      padding: 16px 18px;
    }
  */
  /*
    .c03-important {
      display: grid;
      grid-template-columns: repeat(3, minmax(0, 1fr));
      column-gap: 16px;
      margin-block-start: 12px;
    }

    .c03-checklist {
      border-collapse: collapse;
      width: 100%;
      table-layout: fixed;
    }

    .c03-checklist thead th {
      background-color: #f1f1f1;
      border: 1px solid #000;
      font-size: 13px;
      padding: 4px 0;
      text-align: center;
      font-weight: 700;
    }

    .c03-checklist tbody td {
      border: 1px solid #000;
      padding: 4px 6px;
      font-size: 13px;
      vertical-align: top;
    }

    .c03-checklist tbody td:first-child,
    .c03-checklist tbody td:nth-child(2) {
      width: 40px;
      text-align: center;
      padding-inline: 0;
    }

    .c03-check {
      display: inline-flex;
      align-items: center;
      justify-content: center;
      width: 16px;
      height: 16px;
      border: 1px solid #000;
      font-size: 13px;
      font-weight: 700;
      line-height: 1;
    }

    .c03-check--checked::after {
      content: '✓';
    }

    .c03-checklist tbody td:last-child {
      padding-inline-start: 8px;
    }

    .c03-final__head {
      font-weight: 700;
      margin-block-end: 10px;
    }

    .c03-final table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
    }

    .c03-final td {
      border: 1px solid #000;
      padding: 8px 10px;
      font-size: 13px;
      vertical-align: top;
      background-color: #fff;
    }

    .c03-final td:first-child {
      width: 48px;
      text-align: center;
    }

    .c03-textarea {
      margin-block-start: 8px;
      border: 1px solid #000;
      min-height: 90px;
      padding: 10px 12px;
      font-size: 13px;
      line-height: 1.5;
    }

    .c03-log__record {
      border: 1px solid #000;
      margin-block-start: 16px;
      page-break-inside: avoid;
    }

    .c03-log__record:first-of-type {
      margin-block-start: 0;
    }

    .c03-log__title {
      background-color: #f1f1f1;
      border-bottom: 1px solid #000;
      padding: 8px 12px;
      font-weight: 700;
      font-size: 13px;
    }

    .c03-log__body {
      padding: 12px 16px 14px;
    }

    .c03-log__table {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      font-size: 13px;
      margin-block-end: 10px;
    }

    .c03-log__table th,
    .c03-log__table td {
      border: 1px solid #000;
      padding: 6px 8px;
      vertical-align: middle;
      background-color: #fff;
    }

    .c03-log__table th {
      width: 90px;
      font-weight: 700;
      text-align: left;
    }

    .c03-log__table td.c03-log__highlight {
      color: #d40000;
      font-weight: 700;
    }

    .c03-log__notes {
      border: 1px solid #000;
      min-height: 80px;
      padding: 10px 12px;
      font-size: 13px;
    }

    .c03-log__subtable {
      width: 100%;
      border-collapse: collapse;
      table-layout: fixed;
      font-size: 13px;
      margin-block-start: 10px;
    }

    .c03-log__subtable th,
    .c03-log__subtable td {
      border: 1px solid #000;
      padding: 6px 6px;
      text-align: center;
      background-color: #fff;
    }

    .c03-log__subtable thead th {
      background-color: #f1f1f1;
      font-weight: 700;
    }

    .c03-log__subtable td:first-child {
      text-align: left;
      padding-inline-start: 8px;
      font-weight: 700;
      width: 120px;
    }

    .c03-dev-guide {
      margin: 24px auto;
      max-width: 920px;
      padding: 12px 16px;
      border: 1px dashed #90a4ae;
      background-color: #f1f5f9;
      font-size: 13px;
      line-height: 1.6;
    }
  */
}
[data-page=confirm-03] .c03-print {
  font-family: "Noto Sans JP", "Hiragino Sans", "Yu Gothic", sans-serif;
  color: #000;
  font-size: 13px;
  line-height: 1.55;
  letter-spacing: 0.02em;
  padding-right: 60px;
  padding-left: 60px;
}
[data-page=confirm-03] .c03-print * {
  box-sizing: border-box;
}
[data-page=confirm-03] .c03-placeholder-message {
  position: fixed;
  inset: 0;
  display: grid;
  place-items: center;
  row-gap: 20px;
  background-color: #fff;
  z-index: 100;
  text-align: center;
  font-family: "Noto Sans JP", sans-serif;
  letter-spacing: 0.08em;
}
[data-page=confirm-03] .c03-placeholder-message_heading {
  font-size: 18px;
  color: #4a4a4a;
}
[data-page=confirm-03] .c03-placeholder-message_button {
  display: inline-grid;
  place-items: center;
  min-inline-size: 160px;
  min-block-size: 40px;
  border-radius: 4px;
  background-color: #48bb5f;
  color: #fff;
  font-weight: 700;
  padding-block-end: 4px;
}
[data-page=confirm-03] .print-message {
  display: none;
}
[data-page=confirm-03] .c03-print-page {
  padding-top: 30px;
}
@media print {
  [data-page=confirm-03] .c03-print-page {
    page-break-after: always;
    break-after: page;
  }
}
@media print {
  [data-page=confirm-03] .c03-print-page:last-of-type {
    page-break-after: auto;
    break-after: auto;
  }
}
[data-page=confirm-03] .c03-title {
  font-size: 21px;
  font-weight: 700;
  margin-block-end: 10px;
}
[data-page=confirm-03] .c03-meta {
  display: flex;
  justify-content: space-between;
  gap: 30px;
  margin-block-end: 14px;
}
[data-page=confirm-03] .c03-period {
  flex: 1 1 auto;
}
[data-page=confirm-03] .c03-period__row {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 6px;
}
[data-page=confirm-03] .c03-underline {
  display: inline-block;
  min-width: 135px;
  padding-inline: 6px;
  border-bottom: 1px solid #000;
  text-align: center;
  font-weight: 700;
  letter-spacing: 0.04em;
}
[data-page=confirm-03] .c03-names table {
  border-collapse: collapse;
  font-size: 15px;
}
[data-page=confirm-03] .c03-names th {
  text-align: left;
  padding-inline-end: 8px;
  font-weight: 700;
  white-space: nowrap;
}
[data-page=confirm-03] .table {
  width: 100%;
  inline-size: 100%;
  font-size: 13px;
  line-height: 1.5;
  border-collapse: collapse;
}
[data-page=confirm-03] .table :is(th, td) {
  position: relative;
  font-weight: 500;
  text-align: start;
}
[data-page=confirm-03] .table .heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0.35em;
  text-align: start;
  color: #fff;
  background-color: #8ed973;
}
[data-page=confirm-03] .--2 {
  width: 100%;
}
[data-page=confirm-03] .--2 th, [data-page=confirm-03] .--2 td {
  border: none;
}
[data-page=confirm-03] .--2 .heading {
  block-size: 27px;
  padding-block-start: 2px;
  font-size: 18px;
  font-family: var(--ff-maru);
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=confirm-03] .--101 th {
  width: 70px;
  font-weight: 800;
}
[data-page=confirm-03] .--101 th, [data-page=confirm-03] .--101 td {
  padding: 4px;
  border: none;
  vertical-align: top;
}
[data-page=confirm-03] .--101 label {
  display: block;
}
[data-page=confirm-03] .--101 .checkbox-label-line {
  display: inline;
}
[data-page=confirm-03] .--101 textarea {
  resize: none;
  inline-size: 100%;
  block-size: 5.5lh;
  padding: 0.5em;
  border: 1px solid;
}
[data-page=confirm-03] .--101 select, [data-page=confirm-03] .--101 input[type=text], [data-page=confirm-03] .--101 input[type=date] {
  width: 120px;
  border: 1px solid;
  border-radius: 0;
  block-size: 28px;
  padding-inline: 0.5em;
}
[data-page=confirm-03] .--101 :where(.error-border) {
  border: 2px solid red;
}
[data-page=confirm-03] .--101 .selectShort {
  width: 60px;
}
[data-page=confirm-03] .--101 .row-h {
  height: 36px;
}
[data-page=confirm-03] .--101 .heading {
  block-size: 27px;
  padding-block-start: 2px;
  font-size: 18px;
  font-family: var(--ff-maru);
  line-height: 1;
  text-align: center;
  color: #fff;
  background-color: #8ed973;
}
[data-page=confirm-03] .--102 th {
  font-weight: 800;
}
[data-page=confirm-03] .--102 th, [data-page=confirm-03] .--102 td {
  padding: 2px;
  border: 1px solid var(--color-07);
  vertical-align: top;
}
[data-page=confirm-03] .--102 label {
  display: block;
  padding-bottom: 6px;
}
[data-page=confirm-03] .--102 textarea {
  resize: none;
  inline-size: 100%;
  block-size: 6lh;
  padding: 0.5em;
  border: 1px solid;
}
[data-page=confirm-03] .--102 select {
  width: 120px;
  border: 1px solid;
  border-radius: 0;
  block-size: 28px;
  padding-inline: 0.5em;
}
[data-page=confirm-03] .--102 input[type=text] {
  width: 50px;
  border: 1px solid;
  border-radius: 0;
  block-size: 28px;
  padding-inline: 0.5em;
  margin-left: 4px;
  margin-right: 4px;
}
[data-page=confirm-03] .--102 input[type=text].keta5 {
  width: 60px;
}
[data-page=confirm-03] .--102 .heading {
  padding: 4px 10px;
  font-family: var(--ff-maru);
  letter-spacing: 0em;
  text-align: start;
  color: #fff;
  background-color: #999999;
  text-align: center;
  font-size: 15px;
  font-weight: none;
  vertical-align: middle;
}

/* print preview
-------------------------------------------------------------------------------- */
body:has([data-page=print-preview]) {
  overflow: hidden;
  block-size: 100vh;
}

body:has([data-page=print-preview])::before {
  position: fixed;
  inset: 0;
  z-index: 1;
  background-color: #fff;
  content: "";
}

body:has([data-page=print-preview]) .print-message {
  position: fixed;
  inset: 0;
  z-index: 1;
  display: grid;
  grid-auto-rows: max-content;
  align-content: center;
  place-items: center;
  row-gap: 1em;
  block-size: 100%;
  padding-block-end: 5%;
}
body:has([data-page=print-preview]) .print-message_heading {
  font-size: 140%;
}
body:has([data-page=print-preview]) .print-message_button {
  padding: 0.25em 1em calc(0.25em + 3px);
  font-weight: 700;
  color: #fff;
  border-radius: 4px;
  background-color: var(--color-02);
}

[data-page=print-preview] .loading {
  display: none;
}

.d-ib {
  display: inline-block;
}

.ta-c {
  text-align: center;
}

.ta-j {
  text-align: justify;
}

.ta-e {
  text-align: end;
}

.ta-s {
  text-align: left;
}

.tal-j {
  text-align-last: justify;
}

.t-red {
  color: red;
}

.t-blue {
  color: var(--color-02);
}

.t-01 {
  color: #fa5050;
}

.t-02 {
  color: #1fb050;
}

.t-03 {
  color: #2fb0f0;
}

.t-04 {
  color: #fbc000;
}

.fw-b {
  font-weight: 700;
}

.fz20 {
  font-size: 20px;
}

.m-1 {
  margin: 1em;
}

.mi-1 {
  margin-inline: 1em;
}

.mb-1 {
  margin-block: 1em;
}

.mb-2 {
  margin-block: 2em;
}

.mbs-a {
  margin-block-start: auto;
}

.mbs-1 {
  margin-block-start: 1em;
}

.mbe-1 {
  margin-block-end: 1em;
}

.ls--01 {
  letter-spacing: -0.1em;
}

@media (max-width: 1180px) {
  .md {
    display: block;
  }
  .mdg {
    display: grid;
  }
  .mdf {
    display: flex;
  }
  .ls {
    display: none;
  }
}
@media (min-width: 1181px) {
  .lg {
    display: block;
  }
  .lgg {
    display: grid;
  }
  .lgf {
    display: flex;
  }
  .md {
    display: none;
  }
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (-webkit-min-device-pixel-ratio: 2) {
  [data-page=customer-info-01] table.\--1 td:has(input[type=date]) input[type=date] {
    grid-auto-columns: auto;
  }
}/*# sourceMappingURL=style.css.map */