/*
! tailwindcss v3.4.10 | MIT License | https://tailwindcss.com
*/
/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

*,
::before,
::after {
    box-sizing: border-box;
    /* 1 */
    border-width: 0;
    /* 2 */
    border-style: solid;
    /* 2 */
    border-color: #E9E9E9;
    /* 2 */
}

::before,
::after {
    --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
    line-height: 1.5;
    /* 1 */
    -webkit-text-size-adjust: 100%;
    /* 2 */
    -moz-tab-size: 4;
    /* 3 */
    tab-size: 4;
    /* 3 */
    font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    /* 4 */
    font-feature-settings: normal;
    /* 5 */
    font-variation-settings: normal;
    /* 6 */
    -webkit-tap-highlight-color: transparent;
    /* 7 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
    margin: 0;
    /* 1 */
    line-height: inherit;
    /* 2 */
}

/*
1. Add the correct height in Firefox.
2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
3. Ensure horizontal rules are visible by default.
*/

hr {
    height: 0;
    /* 1 */
    color: inherit;
    /* 2 */
    border-top-width: 1px;
    /* 3 */
}

/*
Add the correct text decoration in Chrome, Edge, and Safari.
*/

abbr:where([title]) {
    text-decoration: underline dotted;
}

/*
Remove the default font size and weight for headings.
*/

h1,
h2,
h3,
h4,
h5,
h6 {
    font-size: inherit;
    font-weight: inherit;
}

/*
Reset links to optimize for opt-in styling instead of opt-out.
*/

a {
    color: inherit;
    text-decoration: inherit;
}

/*
Add the correct font weight in Edge and Safari.
*/

b,
strong {
    font-weight: bolder;
}

/*
1. Use the user's configured `mono` font-family by default.
2. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
    font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    /* 1 */
    font-feature-settings: normal;
    /* 2 */
    font-variation-settings: normal;
    /* 3 */
    font-size: 1em;
    /* 4 */
}

/*
Add the correct font size in all browsers.
*/

small {
    font-size: 80%;
}

/*
Prevent `sub` and `sup` elements from affecting the line height in all browsers.
*/

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}

sub {
    bottom: -0.25em;
}

sup {
    top: -0.5em;
}

/*
1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
3. Remove gaps between table borders by default.
*/

table {
    text-indent: 0;
    /* 1 */
    border-color: inherit;
    /* 2 */
    border-collapse: collapse;
    /* 3 */
}

/*
1. Change the font styles in all browsers.
2. Remove the margin in Firefox and Safari.
3. Remove default padding in all browsers.
*/

button,
input,
optgroup,
select,
textarea {
    font-family: inherit;
    /* 1 */
    font-feature-settings: inherit;
    /* 1 */
    font-variation-settings: inherit;
    /* 1 */
    font-size: 100%;
    /* 1 */
    font-weight: inherit;
    /* 1 */
    line-height: inherit;
    /* 1 */
    letter-spacing: inherit;
    /* 1 */
    color: inherit;
    /* 1 */
    margin: 0;
    /* 2 */
    padding: 0;
    /* 3 */
}

/*
Remove the inheritance of text transform in Edge and Firefox.
*/

button,
select {
    text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
input:where([type='button']),
input:where([type='reset']),
input:where([type='submit']) {
    -webkit-appearance: button;
    /* 1 */
    background-color: transparent;
    /* 2 */
    background-image: none;
    /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
    outline: auto;
}

/*
Remove the additional `:invalid` styles in Firefox. (https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737)
*/

:-moz-ui-invalid {
    box-shadow: none;
}

/*
Add the correct vertical alignment in Chrome and Firefox.
*/

progress {
    vertical-align: baseline;
}

/*
Correct the cursor style of increment and decrement buttons in Safari.
*/

::-webkit-inner-spin-button,
::-webkit-outer-spin-button {
    height: auto;
}

/*
1. Correct the odd appearance in Chrome and Safari.
2. Correct the outline style in Safari.
*/

[type='search'] {
    -webkit-appearance: textfield;
    /* 1 */
    outline-offset: -2px;
    /* 2 */
}

/*
Remove the inner padding in Chrome and Safari on macOS.
*/

::-webkit-search-decoration {
    -webkit-appearance: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Change font properties to `inherit` in Safari.
*/

::-webkit-file-upload-button {
    -webkit-appearance: button;
    /* 1 */
    font: inherit;
    /* 2 */
}

/*
Add the correct display in Chrome and Safari.
*/

summary {
    display: list-item;
}

/*
Removes the default spacing and border for appropriate elements.
*/

blockquote,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
hr,
figure,
p,
pre,
fieldset {
    margin: 0;
}

fieldset,
legend,
ol,
ul,
menu {
    padding: 0;
}

ol,
ul,
menu {
    list-style: none;
    margin: 0;
}

/*
Reset default styling for dialogs.
*/
dialog {
    padding: 0;
}

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
    resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

input::placeholder,
textarea::placeholder {
    opacity: 1;
    /* 1 */
    color: #9ca3af;
    /* 2 */
}

/*
Set the default cursor for buttons.
*/

button,
[role="button"] {
    cursor: pointer;
}

/*
Make sure disabled buttons don't get the pointer cursor.
*/
:disabled {
    cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

img,
svg,
video,
canvas,
audio,
iframe,
embed,
object {
    display: block;
    /* 1 */
    vertical-align: middle;
    /* 2 */
}

/*
Constrain images and videos to the parent width and preserve their intrinsic aspect ratio. (https://github.com/mozdevs/cssremedy/issues/14)
*/

img,
video {
    max-width: 100%;
    height: auto;
}

/* Make elements with the HTML hidden attribute stay hidden by default */
[hidden] {
    display: none;
}

body {
    font-family: Nunito Sans, Noto Sans JP, sans-serif;
    color: #26282D;
    font-feature-settings: 'palt', 'lnum';
    -webkit-font-smoothing: antialiased;
    --container-px: 1.25rem;
    --container-max-w: 100%;
    --container-actual-w: calc(100vw - var(--container-px) * 2);
}

@media (min-width: 768px) {

    body {
        --container-px: 2rem;
    }
}

@media (min-width: 1024px) {

    body {
        --container-px: 6.25rem;
        --container-max-w: 90rem;
        --container-actual-w: min(var(--container-max-w) - var(--container-px) * 2, 100vw - var(--container-px) * 2);
    }
}

@media (min-width: 1600px) {

    body {
        --container-max-w: calc(100rem + 6.25rem * 2);
    }
}

*,
::before,
::after,
::backdrop {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style: ;
}

.c-breadcrumb {
    padding-top: 0.625rem;
    padding-bottom: 0.625rem;
    padding-left: 1.25rem;
}

@media (min-width: 768px) {
    .c-breadcrumb {
        padding-left: 2.25rem;
    }
}

.c-breadcrumb__inner {
    display: flex;
    align-items: center;
    gap: 0.375rem;
}

.c-breadcrumb__link {
    font-size: 0.625rem;
    line-height: 180%;
    letter-spacing: 0.05em;
    font-weight: 400;
}

@media (min-width: 768px) {
    .c-breadcrumb__link {
        font-size: 0.6875rem;
    }
}

.c-breadcrumb__link {
    display: flex;
    align-items: center;
    gap: 0.375rem;
    --tw-text-opacity: 1;
    color: rgb(111 111 111 / var(--tw-text-opacity));
}

a.c-breadcrumb__link {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

a.c-breadcrumb__link::after {
    width: 0.5rem;
    height: 0.5rem;
    background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M2.5%207L5.5%204L2.5%201'%20stroke='%236F6F6F'%20stroke-width='1.2'/%3e%3c/svg%3e");
    content: var(--tw-content);
    background-size: contain;
}

a.c-breadcrumb__link:hover {
    --tw-text-opacity: 1;
    color: rgb(0 51 158 / var(--tw-text-opacity));
}

.c-button-Primary {
    position: relative;
    z-index: 0;
    box-sizing: border-box;
    display: inline-block;
    cursor: pointer;
    overflow: hidden;
    border-radius: 9999px;
    padding: 0.125rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 500ms;
}

.c-button-Primary::after {
    position: absolute;
    left: var(--mouse-stalker-left);
    top: var(--mouse-stalker-top);
    z-index: -10;
    display: block;
    width: var(--mouse-stalker-width);
    height: var(--mouse-stalker-width);
    border-radius: 9999px;
    background-image: radial-gradient(circle, #00339E, transparent);
    opacity: 0;
    content: var(--tw-content);
    --tw-blur: blur(12px);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.c-button-Primary:hover {
    --tw-bg-opacity: 1;
    background-color: rgb(153 173 216 / var(--tw-bg-opacity));
}

.c-button-Primary:hover::after {
    content: var(--tw-content);
    opacity: 1;
}

.c-button-Primary__inner {
    z-index: 0;
    display: inline-flex;
    width: 100%;
    height: 100%;
    min-height: 64px;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    overflow: hidden;
    border-radius: 9999px;
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 158 / var(--tw-bg-opacity));
    padding-left: 1.75rem;
    padding-right: 1.75rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 400ms;
}

.c-button-Primary__inner::before {
    pointer-events: none;
    bottom: 100px;
    left: 50%;
    z-index: 10;
    aspect-ratio: 1055/214;
    width: 1055px;
    --tw-translate-x: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: var(--moustache);
    background-size: cover;
    --tw-blur: blur(40px);
}

.c-button-Primary__inner::before,
.c-button-Primary__inner::after {
    position: absolute;
    display: block;
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    content: var(--tw-content);
    transition-duration: 400ms;
}

.c-button-Primary__inner::after {
    left: var(--mouse-stalker-left);
    top: var(--mouse-stalker-top);
    z-index: -10;
    width: var(--mouse-stalker-width);
    height: var(--mouse-stalker-width);
    border-radius: 9999px;
    background-image: radial-gradient(circle at center, #00339E 0%, #E6EBF5 100%);
    opacity: 0;
    --tw-blur: blur(64px);
}

@media (min-width: 768px) {
    .c-button-Primary__inner.c-button-Primary__thin {
        min-height: 4.125rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.c-button-Primary:hover>.c-button-Primary__inner {
    position: relative;
}

.c-button-Primary:hover>.c-button-Primary__inner::before {
    --tw-translate-y: 130px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    opacity: 0.5;
    content: var(--tw-content);
    --tw-blur: blur(0);
    filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
}

.c-button-Primary:hover>.c-button-Primary__inner::after {
    content: var(--tw-content);
    opacity: 0.8;
}

.c-button-Primary__text {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.c-button-secondary {
    display: flex;
    cursor: pointer;
    align-items: center;
    justify-content: center;
    gap: 1rem;
    border-radius: 9999px;
    border-width: 1px;
    border-color: currentColor;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 51 158 / var(--tw-text-opacity));
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-button-secondary:hover {
    opacity: 0.4;
}

.c-button-secondary__inner {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}

.c-checkbox {
    display: flex;
    cursor: pointer;
    align-items: center;
    column-gap: 0.5rem;
}

.c-checkbox__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.c-checkbox__design {
    position: relative;
    display: block;
    width: 1.125rem;
    height: 1.125rem;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(111 111 111 / var(--tw-border-opacity));
}

.c-checkbox__design,
.c-checkbox__design::before {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-checkbox__design::before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.625rem;
    height: 0.625rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    background-color: transparent;
    content: var(--tw-content);
}

input:checked+.c-checkbox__design {
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
}

input:checked+.c-checkbox__design::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 158 / var(--tw-bg-opacity));
}

.c-checkbox__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.c-checkboxShell {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 0.5rem;
}

.c-checkboxShell__label {
    cursor: pointer;
    justify-self: start;
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.c-checkboxShell__required {
    margin-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
}

.c-checkboxShell__box {
    display: flex;
    column-gap: 1.5rem;
}

.c-container {
    margin-left: auto;
    margin-right: auto;
    max-width: 64rem;
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-bottom: 5rem;
    padding-top: 2.5rem;
}

@media (min-width: 768px) {
    .c-container {
        padding-bottom: 12.5rem;
        padding-top: 5rem;
    }
}

.c-container_body {
    margin-left: auto;
    margin-right: auto;
    max-width: 51rem;
    padding-top: 2.5rem;
}

@media (min-width: 768px) {
    .c-container_body {
        padding-top: 5rem;
    }
}

.c-footer {
    position: sticky;
    top: 100%;
}

.c-footer> :not([hidden])~ :not([hidden]) {
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}

.c-footer {
    --tw-bg-opacity: 1;
    background-color: rgb(38 40 45 / var(--tw-bg-opacity));
    padding-left: 1.25rem;
    padding-right: 1.25rem;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .c-footer {
        display: flex;
        justify-content: space-between;
        padding-left: 5rem;
        padding-right: 5rem;
    }
}

.c-footer__logo {
    display: block;
    width: 10rem;
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-footer__logo:hover {
    opacity: 0.75;
}

@media (min-width: 768px) {
    .c-footer__logo {
        width: 13rem;
    }
}

.c-footer__logo>img {
    width: 100%;
}

.c-footer__copy {
    font-family: Nunito Sans, sans-serif;
    font-size: 0.75rem;
    line-height: 1rem;
    --tw-text-opacity: 1;
    color: rgb(211 211 211 / var(--tw-text-opacity));
}

.c-formButtons {
    margin-top: 2.5rem;
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    column-gap: 2rem;
    row-gap: 1rem;
    border-top-width: 1px;
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}

@media (min-width: 768px) {
    .c-formButtons {
        margin-top: 5rem;
        flex-direction: row;
        padding-top: 5rem;
    }
}

.c-formButtons {
    > :first-child {
        height: 4rem;
        max-width: 18rem;
    }

    > :first-child,
    > :last-child {
        width: 100%;
    }

    > :last-child {
        max-width: 18rem;
    }
}

.c-header {
    display: flex;
    height: 5rem;
    align-items: center;
    padding-left: 1.25rem;
}

@media (min-width: 768px) {
    .c-header {
        height: 8rem;
        padding-left: 2.25rem;
    }
}

.c-header__logo {
    opacity: 1;
    transition-property: opacity;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-header__logo:hover {
    opacity: 0.75;
}

.c-link-extarnal {
    position: relative;
    display: inline-flex;
    align-items: center;
    justify-content: space-between;
    column-gap: 0.375rem;
    overflow: hidden;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 51 158 / var(--tw-text-opacity));
}

.c-link-extarnal::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    --tw-translate-x: -100%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-link-extarnal::before,
.c-link-extarnal:hover::before {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
}

.c-link-extarnal:hover::before {
    --tw-translate-x: 0px;
}

.c-link-internal {
    font-size: 0.8125rem;
    line-height: 180%;
    letter-spacing: 0.06em;
    font-weight: 400;
}

@media (min-width: 768px) {
    .c-link-internal {
        font-size: 0.875rem;
    }
}

.c-link-internal {
    position: relative;
    display: inline-flex;
    align-items: center;
    gap: 0.5rem;
    overflow: hidden;
    padding-right: 0.5rem;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-link-internal:hover {
    --tw-text-opacity: 1;
    color: rgb(0 51 158 / var(--tw-text-opacity));
}

.c-link-internal::after {
    width: 0.5rem;
    height: 0.5rem;
    --tw-translate-y: -50%;
    --tw-rotate: 45deg;
    border-bottom-width: 2px;
    border-right-width: 2px;
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
}

.c-link-internal::after,
.c-link-internal::before {
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    content: var(--tw-content);
}

.c-link-internal::before {
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: 100%;
    --tw-translate-x: -100%;
    border-bottom-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-link-internal:hover::before {
    content: var(--tw-content);
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
}

.c-maintenance-info {
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 158 / var(--tw-bg-opacity));
    padding-top: 1rem;
    padding-bottom: 1rem;
}

@media (min-width: 768px) {
    .c-maintenance-info {
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
    }
}

.c-maintenance-info__container {
    padding-right: var(--container-px);
    padding-left: var(--container-px);
    width: 100%;
    max-width: var(--container-max-w);
    margin-right: auto;
    margin-left: auto;
    display: grid;
    row-gap: 0.5rem;
}

@media (min-width: 768px) {
    .c-maintenance-info__container {
        grid-template-columns: auto 1fr;
        column-gap: 2.5rem;
    }
}

.c-maintenance-info__head {
    font-size: 0.8125rem;
    line-height: 180%;
    letter-spacing: 0.06em;
    font-weight: 400;
}

@media (min-width: 768px) {
    .c-maintenance-info__head {
        font-size: 0.875rem;
    }
}

.c-maintenance-info__head {
    align-self: center;
    font-weight: 700;
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.c-maintenance__content {
    font-size: 0.8125rem;
    line-height: 180%;
    letter-spacing: 0.06em;
    font-weight: 400;
}

@media (min-width: 768px) {
    .c-maintenance__content {
        font-size: 0.875rem;
    }
}

.c-maintenance__content {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}

.c-navigation {
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
    padding-bottom: 8rem;
    padding-top: 4rem;
}

@media (min-width: 768px) {
    .c-navigation {
        padding-top: 5rem;
        padding-bottom: 5rem;
    }
}

.c-navigation__list {
    padding-right: var(--container-px);
    padding-left: var(--container-px);
    width: 100%;
    max-width: var(--container-max-w);
    margin-right: auto;
    margin-left: auto;
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    gap: 1rem;
}

@media (min-width: 768px) {
    .c-navigation__list {
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 2rem;
    }
}

.c-navigation__listItem {
    display: flex;
    align-items: center;
    justify-content: space-between;
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    padding: 1rem;
    vertical-align: middle;
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 0.04em;
    font-weight: 700;
}

@media (min-width: 768px) {
    .c-navigation__listItem {
        padding: 2.5rem;
        font-size: 1.5rem;
        line-height: 140%;
        letter-spacing: 0.04em;
        font-weight: 700;
    }
}

.c-navigation__listItem {
    >i {
        position: relative;
        width: 1rem;
        height: 1rem;
        --tw-rotate: 45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        overflow: hidden;
        transition-duration: 500ms;
    }

    >i::before {
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    >i::before,
    >i::after {
        content: var(--tw-content);
    }

    >i::after {
        left: 0px;
        top: 0px;
        display: block;
        width: 1rem;
        height: 1rem;
        border-right-width: 2px;
        border-top-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(0 51 158 / var(--tw-border-opacity));
    }

    >i::after,
    >i::before {
        position: absolute;
        content: var(--tw-content);
    }

    >i::before {
        content: var(--tw-content);
        top: -1px;
        left: 100%;
        display: block;
        height: 0.125rem;
        width: 1.41rem;
        transform-origin: top left;
        --tw-rotate: -45deg;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-bg-opacity: 1;
        background-color: rgb(0 51 158 / var(--tw-bg-opacity));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    &:hover {
        >i {
            --tw-translate-x: 25%;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        >i::before {
            --tw-translate-x: -1rem;
        }

        >i::before,
        >i::before {
            content: var(--tw-content);
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        >i::before {
            --tw-translate-y: 1rem;
        }
    }
}

.c-navigation__Arrow {
    width: 1rem;
    --tw-translate-x: 0px;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    align-items: center;
    align-self: center;
    --tw-text-opacity: 1;
    color: rgb(0 51 158 / var(--tw-text-opacity));
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

@media (min-width: 768px) {
    .c-navigation__Arrow {
        width: 1.5rem;
    }
}

.c-navigation__Arrow1 {
    stroke: currentColor;
}

.c-navigation__Arrow2 {
    --tw-translate-x: 100%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    fill: currentColor;
    transition-property: transform;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 300ms;
}

.c-navigation__listItem:hover,
.c-arrowWrap:hover {
    .c-navigation__Arrow {
        --tw-translate-x: 25%;
    }

    .c-navigation__Arrow,
    .c-navigation__Arrow2 {
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .c-navigation__Arrow2 {
        --tw-translate-x: 0px;
    }
}

.c-radio {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 0.5rem;
}

.c-radio__groupLabel {
    cursor: pointer;
    justify-self: start;
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 0.04em;
    font-weight: 700;
}

.c-radio.c-radio--required>.c-radio__groupLabel::after {
    margin-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
    --tw-content: "＊";
    content: var(--tw-content);
}

.c-radio:has(:required)>.c-radio__groupLabel::after {
    margin-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
    --tw-content: "＊";
    content: var(--tw-content);
}

.c-radio__box {
    display: flex;
    flex-wrap: wrap;
    column-gap: 1.5rem;
    row-gap: 1rem;
}

.c-radio__item {
    display: flex;
    cursor: pointer;
    align-items: center;
    column-gap: 0.5rem;
}

.c-radio__input {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    white-space: nowrap;
    border-width: 0;
}

.c-radio__design {
    position: relative;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 9999px;
    border-width: 1px;
    --tw-border-opacity: 1;
    border-color: rgb(111 111 111 / var(--tw-border-opacity));
}

.c-radio__design,
.c-radio__design::before {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-radio__design::before {
    position: absolute;
    left: 50%;
    top: 50%;
    width: 0.75rem;
    height: 0.75rem;
    --tw-translate-x: -50%;
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-radius: 9999px;
    background-color: transparent;
    content: var(--tw-content);
}

input:checked+.c-radio__design {
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
}

input:checked+.c-radio__design::before {
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 158 / var(--tw-bg-opacity));
}

.c-radio__label {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.c-sample {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: 1rem;
    row-gap: 2rem;
}

@media (min-width: 768px) {
    .c-sample {
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }
}

.c-sample__item {
    display: block;
    width: 100%;
    text-align: inherit;
}

.c-sample__itemTitle {
    position: relative;

    >img {
        width: 100%;
    }

    >h3 {
        position: absolute;
        inset: calc(100vw / 390 * 13);
        font-size: calc(100vw / 390 * 15.7);
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(255 255 255 / var(--tw-text-opacity));
    }

    @media (min-width: 768px) {
        >h3 {
            inset: 1.75rem;
            font-size: 1rem;
            line-height: 1.5rem;
        }
    }
}

.c-sample__itemData {
    font-size: 0.625rem;
    line-height: 180%;
    letter-spacing: 0.05em;
    font-weight: 400;
}

@media (min-width: 768px) {
    .c-sample__itemData {
        font-size: 0.6875rem;
    }
}

.c-sample__itemData {
    margin-top: 1rem;
    --tw-text-opacity: 1;
    color: rgb(0 51 158 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .c-sample__itemData {
        margin-top: 2rem;
    }
}

.c-sample__itemName {
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 0.04em;
    font-weight: 400;
}

@media (min-width: 768px) {
    .c-sample__itemName {
        font-size: 1rem;
    }
}

.c-sample__itemName {
    font-size: 1rem;
    line-height: 1.5rem;
    font-weight: 700;
}

@media (min-width: 768px) {
    .c-sample__itemName {
        margin-top: 0.625rem;
    }
}

.c-sample__itemFile {
    position: relative;
    margin-top: 1rem;
    display: flex;
    justify-content: space-between;
    border-bottom-width: 1px;
    padding-bottom: 1rem;
}

.c-sample__itemFile::before {
    position: absolute;
    bottom: 0px;
    right: 0px;
    height: 0.125rem;
    width: 1.5rem;
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 158 / var(--tw-bg-opacity));
    content: var(--tw-content);
    transition-property: all;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

@media (min-width: 768px) {
    .c-sample__itemFile {
        margin-top: 2rem;
    }
}

.c-sample__itemFile {
    >span {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        >span {
            font-size: 0.875rem;
        }
    }

    >img {
        width: 1.5rem;
    }
}

.c-sample__item:hover .c-sample__itemFile::before {
    content: var(--tw-content);
    width: 100%;
}

.c-select {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 0.5rem;
}

.c-select__label {
    justify-self: start;
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 0.04em;
    font-weight: 700;

    &[for] {
        cursor: pointer;
    }
}

.c-select.c-select--required>.c-select__label::after {
    margin-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
    --tw-content: "＊";
    content: var(--tw-content);
}

.c-select:has(:required)>.c-select__label::after {
    margin-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
    --tw-content: "＊";
    content: var(--tw-content);
}

.c-select:has(:user-invalid)>.c-select__label {
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
}

.c-select__box {
    position: relative;
}

.c-select__box::before {
    position: absolute;
    right: 1rem;
    top: 50%;
    width: 0.5rem;
    height: 0.5rem;
    --tw-translate-y: -50%;
    --tw-rotate: 45deg;
    transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    border-bottom-width: 2px;
    border-right-width: 2px;
    content: var(--tw-content);
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
}

.c-select__input {
    width: 100%;
    appearance: none;
    border-radius: 0.375rem;
    border-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-select__input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(233 233 233 / var(--tw-text-opacity));
}

.c-select__input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
}

.c-select__input:user-invalid {
    --tw-border-opacity: 1;
    border-color: rgb(217 108 29 / var(--tw-border-opacity));
}

.c-text {
    display: grid;
    grid-template-columns: repeat(1, minmax(0, 1fr));
    row-gap: 0.5rem;
}

.c-text__label {
    justify-self: start;
    font-size: 1rem;
    line-height: 180%;
    letter-spacing: 0.04em;
    font-weight: 700;

    &[for] {
        cursor: pointer;
    }
}

.c-text.c-text--required>.c-text__label::after {
    margin-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
    --tw-content: "＊";
    content: var(--tw-content);
}

.c-text:has(:required)>.c-text__label::after {
    margin-left: 0.5rem;
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
    --tw-content: "＊";
    content: var(--tw-content);
}

.c-text:has(:user-invalid)>.c-text__label {
    --tw-text-opacity: 1;
    color: rgb(217 108 29 / var(--tw-text-opacity));
}

.c-text__input {
    width: 100%;
    border-radius: 0.375rem;
    border-width: 1px;
    padding-left: 1rem;
    padding-right: 1rem;
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    outline: 2px solid transparent;
    outline-offset: 2px;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}

.c-text__input::placeholder {
    --tw-text-opacity: 1;
    color: rgb(233 233 233 / var(--tw-text-opacity));
}

.c-text__input:focus {
    --tw-border-opacity: 1;
    border-color: rgb(0 51 158 / var(--tw-border-opacity));
}

.c-text__input:user-invalid {
    --tw-border-opacity: 1;
    border-color: rgb(217 108 29 / var(--tw-border-opacity));
}

.c-title__en {
    display: flex;
    align-items: center;
    column-gap: 0.5rem;
    font-family: Nunito Sans, Noto Sans JP, sans-serif;
    font-size: 0.875rem;
    line-height: 1.25rem;
    --tw-text-opacity: 1;
    color: rgb(0 51 158 / var(--tw-text-opacity));
}

@media (min-width: 768px) {
    .c-title__en {
        font-size: 0.875rem;
        line-height: 175%;
        letter-spacing: 0.02em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        .c-title__en {
            font-size: 0.875rem;
        }
    }
}

.c-title__en::before {
    display: block;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 9999px;
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(0 51 158 / var(--tw-bg-opacity));
}

.c-title__ja {
    font-size: 2rem;
    line-height: 154%;
    letter-spacing: 0.04em;
    font-weight: 700;
}

@media (min-width: 768px) {
    .c-title__ja {
        font-size: 2.625rem;
    }
}

.c-title__ja {
    display: block;
}

#page-about {
    .anchor {
        margin-top: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 0.5rem;
    }

    @media (min-width: 768px) {
        .anchor {
            margin-top: 2.5rem;
        }
    }

    .anchor_item {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .anchor_item {
            font-size: 0.875rem;
        }
    }

    .anchor_item {
        position: relative;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        overflow: hidden;
        padding-right: 0.5rem;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .anchor_item:hover {
        --tw-text-opacity: 1;
        color: rgb(0 51 158 / var(--tw-text-opacity));
    }

    .anchor_item::after {
        content: var(--tw-content);
        width: 0.5rem;
        height: 0.5rem;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-rotate: 45deg;
        border-bottom-width: 2px;
        border-right-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(0 51 158 / var(--tw-border-opacity));
    }

    .anchor_item::before {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        --tw-translate-x: -100%;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(0 51 158 / var(--tw-border-opacity));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .anchor_item::before,
    .anchor_item:hover::before {
        content: var(--tw-content);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .anchor_item:hover::before {
        --tw-translate-x: 0px;
    }

    .pagecontent {
        section> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2rem * var(--tw-space-y-reverse));
        }

        @media (min-width: 768px) {
            section> :not([hidden])~ :not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
                margin-bottom: calc(3rem * var(--tw-space-y-reverse));
            }
        }

        section:not(:first-child) {
            margin-top: 4rem;
        }

        h2 {
            font-size: 1.25rem;
            line-height: 160%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            h2 {
                font-size: 1.75rem;
            }
        }

        h2 {
            margin-bottom: 3rem;
        }

        @media (min-width: 768px) {
            h2 {
                margin-bottom: 4rem;
            }
        }

        h3 {
            font-size: 1rem;
            line-height: 140%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            h3 {
                font-size: 1.5rem;
            }
        }

        h3 {
            margin-bottom: 2rem;
        }

        h3.small,
        h4 {
            font-size: 0.875rem;
            line-height: 160%;
            letter-spacing: 0.08em;
            font-weight: 700;
        }

        @media (min-width: 768px) {

            h3.small,
            h4 {
                font-size: 1.3125rem;
            }
        }

        h3.small,
        h4 {
            margin-bottom: 2rem;
        }

        p {
            font-size: 1rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            font-weight: 400;
        }

        p {
            &.note {
                margin-top: 2rem;
                font-size: 0.8125rem;
                line-height: 180%;
                letter-spacing: 0.05em;
                font-weight: 400;
                --tw-text-opacity: 1;
                color: rgb(111 111 111 / var(--tw-text-opacity));
            }
        }

        dl> :not([hidden])~ :not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
        }

        dl {
            border-bottom-width: 1px;
            border-top-width: 1px;
        }

        dl {

            dt,
            dd {
                font-size: 0.8125rem;
                line-height: 180%;
                letter-spacing: 0.06em;
                font-weight: 400;
            }

            @media (min-width: 768px) {

                dt,
                dd {
                    font-size: 0.875rem;
                }
            }

            .row {
                display: grid;
                row-gap: 0.5rem;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
            }

            @media (min-width: 768px) {
                .row {
                    grid-template-columns: 11.25rem 1fr;
                    column-gap: 2rem;
                }
            }
        }

        .link_arrow {
            font-size: 0.8125rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            .link_arrow {
                font-size: 0.875rem;
            }
        }

        .link_arrow {
            position: relative;
            margin-top: 0.5rem;
            display: flex;
            width: max-content;
            align-items: center;
            gap: 0.375rem;
            padding-right: 0.25rem;
            --tw-text-opacity: 1;
            color: rgb(0 51 158 / var(--tw-text-opacity));
        }

        [role="grid"] {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        [role="grid"]> :not([hidden])~ :not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
        }

        [role="grid"] {
            border-bottom-width: 1px;
            border-top-width: 1px;
        }

        [role="grid"] {
            [role="row"] {
                grid-column: 1 / -1;
                display: grid;
                grid-template-columns: subgrid;
            }

            [role="columnheader"],
            [role="cell"] {
                font-size: 0.8125rem;
                line-height: 180%;
                letter-spacing: 0.06em;
                font-weight: 400;
            }

            @media (min-width: 768px) {

                [role="columnheader"],
                [role="cell"] {
                    font-size: 0.875rem;
                }
            }

            [role="columnheader"],
            [role="cell"] {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
                text-align: center;
            }

            [role="columnheader"] {
                --tw-bg-opacity: 1;
                background-color: rgb(248 248 248 / var(--tw-bg-opacity));
            }
        }

        counter-reset: alphabet decimal;

        ol {
            >li {
                margin-top: 2rem;
                font-size: 1rem;
                line-height: 180%;
                letter-spacing: 0.04em;
                font-weight: 400;
            }

            >li::first-line,
            >li::before {
                font-weight: 700;
            }

            >li::before {
                content: var(--tw-content);
            }

            >li {
                >*:first-child {
                    margin-top: 1rem;
                }

                >*:not(:first-child) {
                    margin-top: 2rem;
                }
            }

            &.alphabet {
                >li::before {
                    --tw-content: counter(alphabet, lower-alpha)":";
                    content: var(--tw-content);
                }

                >li {
                    &:before {
                        counter-increment: alphabet;
                    }
                }
            }

            &.decimal {
                >li::before {
                    --tw-content: counter(decimal)".";
                    content: var(--tw-content);
                }

                >li {
                    &:before {
                        counter-increment: decimal;
                    }
                }
            }
        }

        ul {
            margin-top: 1rem !important;
        }

        ul> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
        }

        ul {
            >li {
                padding-left: 1rem;
                text-indent: -1rem;
            }

            >li::before {
                --tw-content: '・';
                content: var(--tw-content);
            }
        }
    }

    .sample_over {
        margin-inline-end: calc(50% - 50vw);
        margin-inline-start: calc(50% - 50vw);
        width: 100dvw;
    }

    .sample_wrap {
        padding-right: var(--container-px);
        padding-left: var(--container-px);
        width: 100%;
        max-width: var(--container-max-w);
        margin-right: auto;
        margin-left: auto;
    }

    .sample {
        margin-top: 4rem;
        border-top-width: 1px;
        padding-top: 2.5rem;
    }

    @media (min-width: 768px) {
        .sample {
            padding-top: 5rem;
        }
    }

    .sample {
        h2 {
            font-size: 1.25rem;
            line-height: 160%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            h2 {
                font-size: 1.75rem;
            }
        }

        h2 {
            margin-bottom: 3rem;
        }
    }
}

#page-agree {
    .notes> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1rem * var(--tw-space-y-reverse));
    }

    .notes {
        >li {
            font-size: 1rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            >li {
                font-size: 1rem;
            }
        }
    }

    .form {
        margin-top: 3rem;
    }

    .form> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    }

    .form {
        border-radius: 1rem;
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248 / var(--tw-bg-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    @media (min-width: 768px) {
        .form {
            margin-top: 4rem;
        }

        .form> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }

        .form {
            padding: 3rem;
        }
    }

    .form_a {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .form_a {
            font-size: 0.8125rem;
        }
    }

    .form_a {
        margin-top: 0.5rem !important;
        --tw-text-opacity: 1;
        color: rgb(111 111 111 / var(--tw-text-opacity));
    }

    .form_note1 {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .form_note1 {
            font-size: 0.875rem;
        }
    }

    .form_note1 {
        --tw-text-opacity: 1;
        color: rgb(217 108 29 / var(--tw-text-opacity));
    }

    .purpose {
        margin-top: 1rem;
        display: grid;
        row-gap: 0.5rem;
    }

    @media (min-width: 768px) {
        .purpose {
            grid-template-columns: auto 1fr;
            align-items: center;
            column-gap: 1.5rem;
            row-gap: 1rem;
        }
    }

    .purpose {
        @media (min-width: 768px) {
            > :nth-child(1) {
                grid-column: 1 / -1;
            }
        }

        > :nth-child(2) {
            margin-top: 0.5rem;
        }

        @media (min-width: 768px) {
            > :nth-child(2) {
                margin-top: 0px;
            }

            > :nth-child(3) {
                max-width: 27rem;
            }
        }
    }

    .form_note2 {
        margin-top: 3rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(111 111 111 / var(--tw-text-opacity));
    }

    @media (min-width: 768px) {
        .form_note2 {
            margin-top: 4rem;
            text-align: center;
        }
    }

    .form_note2 {
        >a {
            text-decoration-line: underline;
        }

        >a:hover {
            opacity: 0.6;
        }
    }

    .buttons {
        margin-top: 2.5rem;
        display: flex;
        flex-direction: column;
        align-items: center;
        justify-content: center;
        column-gap: 2rem;
        row-gap: 1rem;
        border-top-width: 1px;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    @media (min-width: 768px) {
        .buttons {
            margin-top: 5rem;
            flex-direction: row;
            padding-top: 5rem;
        }
    }

    .buttons {
        >button {
            width: 100%;
            max-width: 18rem;
        }
    }
}

#page-conditions {
    .sectionList {
        margin-left: auto;
        margin-right: auto;
    }

    .sectionList> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(4rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(4rem * var(--tw-space-y-reverse));
    }

    @media (min-width: 768px) {
        .sectionList> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(5rem * var(--tw-space-y-reverse));
        }
    }

    .section> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    }

    @media (min-width: 768px) {
        .section> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }
    }

    .heading {
        font-size: 1rem;
        line-height: 1.5rem;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        .heading {
            font-size: 1.5rem;
            line-height: 140%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }
    }

    .paragraph {
        font-size: 1rem;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-weight: 400;
    }

    .list> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
    }

    .listitem {
        counter-increment: count 1;
        position: relative;
        padding-left: 1.25rem;
        font-size: 1rem;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-weight: 400;
    }

    .listitem::before {
        content: var(--tw-content);
        position: absolute;
        left: 0.125rem;
        top: 0px;
        --tw-content: counter(count)'.';
    }

    .list-p> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
    }

    .listitem>.list-p {
        margin-top: 0.25rem;
    }

    .listitem-p {
        counter-increment: count-p 1;
        position: relative;
        padding-left: 2.75rem;
        font-size: 1rem;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-weight: 400;
    }

    .listitem-p::before {
        content: var(--tw-content);
        position: absolute;
        left: 0.125rem;
        top: 0px;
        --tw-content: '（' counter(count-p)'）';
    }

    .form_wrap {
        padding-right: var(--container-px);
        padding-left: var(--container-px);
        width: 100%;
        max-width: var(--container-max-w);
        margin-right: auto;
        margin-left: auto;
    }

    @media (min-width: 768px) {
        .form_wrap {
            max-width: 63.5rem;
        }
    }

    .form {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        grid-template-rows: repeat(2, minmax(0, 1fr));
        row-gap: 1rem;
        padding: 2.5rem;
    }

    @media (min-width: 768px) {
        .form {
            grid-template-columns: repeat(2, minmax(0, 1fr));
            grid-template-rows: repeat(1, minmax(0, 1fr));
            column-gap: 2rem;
            padding: 5rem;
        }
    }

    .textlink {
        text-decoration-line: underline;
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .textlink:hover {
        opacity: 0.65;
    }

    .download {
        display: flex;
        align-items: center;
        gap: 0.375rem;
        font-size: 0.875rem;
        line-height: 1.25rem;
        --tw-text-opacity: 1;
        color: rgb(0 51 158 / var(--tw-text-opacity));
    }

    .download {
        >div {
            display: grid;
            width: 1.5rem;
            height: 1.5rem;
            --tw-rotate: 45deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            place-items: center;
            border-radius: 9999px;
            border-width: 1px;
            --tw-border-opacity: 1;
            border-color: rgb(0 51 158 / var(--tw-border-opacity));
        }

        >div {
            >i {
                position: relative;
                width: 0.25rem;
                height: 0.25rem;
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                --tw-translate-y: 0px;
                overflow: hidden;
                border-bottom-width: 1px;
                border-right-width: 1px;
                --tw-border-opacity: 1;
                border-bottom-color: rgb(0 51 158 / var(--tw-border-opacity));
                border-right-color: rgb(0 51 158 / var(--tw-border-opacity));
                transition-property: transform;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
            }

            >i::before {
                content: var(--tw-content);
                position: absolute;
                left: 100%;
                top: 100%;
                height: 1px;
                width: 0.375rem;
                --tw-translate-x: 0px;
                transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
                --tw-translate-y: 0px;
                --tw-bg-opacity: 1;
                background-color: rgb(0 51 158 / var(--tw-bg-opacity));
                transform-origin: top left;
                --tw-rotate: 45deg;
            }
        }

        &:hover>div>i {
            --tw-translate-x: 1px;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            --tw-translate-y: 1px;
        }

        &:hover>div>i::before {
            --tw-translate-x: -3px;
        }

        &:hover>div>i::before,
        &:hover>div>i::before {
            content: var(--tw-content);
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }

        &:hover>div>i::before {
            --tw-translate-y: -4px;
        }
    }
}

#page-credit {
    section {
        margin-top: 3rem;
    }

    section:first-of-type {
        margin-top: 0px;
    }

    @media (min-width: 768px) {
        section {
            margin-top: 4rem;
        }
    }

    .describe> :not([hidden])~ :not([hidden]),
    .attention> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    }

    @media (min-width: 768px) {

        .describe> :not([hidden])~ :not([hidden]),
        .attention> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }
    }

    .describe,
    .attention {
        h2 {
            font-size: 1rem;
            line-height: 140%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            h2 {
                font-size: 1.5rem;
            }
        }

        p {
            font-size: 1rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            p {
                font-size: 1rem;
            }
        }
    }

    .form {
        margin-top: 3rem;
    }

    .form> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    }

    .form {
        border-radius: 1rem;
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248 / var(--tw-bg-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    @media (min-width: 768px) {
        .form {
            margin-top: 4rem;
        }

        .form> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }

        .form {
            padding: 3rem;
        }
    }

    .form_note {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .form_note {
            font-size: 0.875rem;
        }
    }

    .form_note {
        --tw-text-opacity: 1;
        color: rgb(217 108 29 / var(--tw-text-opacity));
    }

    .form_cardExp {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        align-items: flex-end;
        column-gap: 1rem;
    }

    .form_csc {
        > :first-child {
            width: max-content;
        }
    }

    .form_caption {
        font-size: 0.625rem;
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .form_caption {
            font-size: 0.6875rem;
        }
    }

    .form_caption {
        margin-top: 0.5rem;
        --tw-text-opacity: 1;
        color: rgb(111 111 111 / var(--tw-text-opacity));
    }

    .form_caption {
        &~& {
            margin-top: 0px;
        }
    }

    .form_caption.kome {
        padding-left: 0.6875rem;
        text-indent: -0.6875rem;
    }

    @media (min-width: 768px) {
        .form_caption.kome {
            padding-left: 0.625rem;
            text-indent: -0.625rem;
        }
    }

    .phone {
        display: grid;
        column-gap: 1rem;
    }

    @media (min-width: 768px) {
        .phone {
            grid-template-columns: auto 1fr;
        }
    }

    .phone {
        @media (min-width: 768px) {

            > :nth-child(1),
            > :nth-child(4),
            > :nth-child(5) {
                grid-column: 1 / -1;
            }
        }

        > :nth-child(2),
        > :nth-child(3) {
            margin-top: 1rem;
        }

        > :nth-child(2) {
            width: 10rem;
        }
    }

    .textlink {
        text-decoration-line: underline;
    }

    .textlink:hover {
        opacity: 0.5;
    }

    .entry-section {
        margin-bottom: 3rem;
    }

    .entry-section> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    }

    @media (min-width: 768px) {
        .entry-section {
            margin-bottom: 4rem;
        }

        .entry-section> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }
    }

    .entry-section {
        dl> :not([hidden])~ :not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
        }

        dl {
            border-bottom-width: 1px;
            border-top-width: 1px;
        }

        dl {
            >div {
                display: grid;
                row-gap: 0.5rem;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
            }

            @media (min-width: 768px) {
                >div {
                    grid-template-columns: 11.25rem 1fr;
                    column-gap: 2rem;
                    padding-top: 1.25rem;
                    padding-bottom: 1.25rem;
                }
            }
        }

        dt,
        dd {
            font-size: 0.8125rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }

        @media (min-width: 768px) {

            dt,
            dd {
                font-size: 0.875rem;
            }
        }
    }
}

#page-detail {
    .code {
        font-size: 1rem;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .code {
            font-size: 1rem;
        }
    }

    .code {
        margin-top: 1rem;
    }

    @media (min-width: 768px) {
        .code {
            display: none;
        }
    }

    .mv {
        margin-bottom: 2.5rem;
        display: grid;
        place-items: center;
    }

    @media (min-width: 768px) {
        .mv {
            margin-bottom: 5rem;
        }
    }

    dl> :not([hidden])~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    }

    dl {
        border-bottom-width: 1px;
        border-top-width: 1px;
    }

    dl {

        dt,
        dd {
            font-size: 0.8125rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }

        @media (min-width: 768px) {

            dt,
            dd {
                font-size: 0.875rem;
            }
        }

        .row {
            display: grid;
            row-gap: 0.5rem;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .row:has(.thirdItem) {
            grid-template-columns: 1fr auto;
        }

        .row:has(.thirdItem) {
            grid-template-rows: auto auto;
        }

        @media (min-width: 768px) {
            .row {
                grid-template-columns: 11.25rem 1fr auto !important;
                column-gap: 2rem;
            }
        }
    }

    .pr {
        white-space: pre-line;
    }

    .underlined {
        text-decoration-line: underline;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .underlined:hover {
        opacity: 0.5;
    }

    .pr+.underlined {
        margin-top: 2rem;
        display: inline-block;
    }

    .settlement> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.875rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.875rem * var(--tw-space-y-reverse));
    }

    .settlement {
        a {
            --tw-text-opacity: 1;
            color: rgb(0 51 158 / var(--tw-text-opacity));
        }
    }

    .investigated> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }

    .investigated {
        padding: 2.5rem;
    }

    @media (min-width: 768px) {
        .investigated {
            padding: 5rem;
        }
    }

    .investigated {
        >p {
            font-size: 1rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            >p {
                font-size: 1rem;
                text-align: center;
            }
        }

        >button,
        a {
            margin-left: auto;
            margin-right: auto;
            display: block;
            width: 100%;
            max-width: 18rem;
        }
    }
}

#page-entry {
    section {
        margin-bottom: 3rem;
    }

    section> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2rem * var(--tw-space-y-reverse));
    }

    @media (min-width: 768px) {
        section {
            margin-bottom: 4rem;
        }

        section> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }
    }

    p {
        font-size: 1rem;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        p {
            font-size: 1rem;
        }
    }

    dl> :not([hidden])~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    }

    dl {
        border-bottom-width: 1px;
        border-top-width: 1px;
    }

    dl {
        >div {
            display: grid;
            row-gap: 0.5rem;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        @media (min-width: 768px) {
            >div {
                grid-template-columns: 11.25rem 1fr;
                column-gap: 2rem;
                padding-top: 1.25rem;
                padding-bottom: 1.25rem;
            }
        }
    }

    dt,
    dd {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {

        dt,
        dd {
            font-size: 0.875rem;
        }
    }

    h2 {
        font-size: 1rem;
        line-height: 140%;
        letter-spacing: 0.04em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        h2 {
            font-size: 1.5rem;
        }
    }
}

#page-error {
    .anchor {
        margin-top: 1.25rem;
        display: flex;
        flex-wrap: wrap;
        column-gap: 1rem;
        row-gap: 0.5rem;
    }

    @media (min-width: 768px) {
        .anchor {
            margin-top: 2.5rem;
        }
    }

    .anchor_item {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .anchor_item {
            font-size: 0.875rem;
        }
    }

    .anchor_item {
        position: relative;
        display: flex;
        align-items: center;
        gap: 0.5rem;
        overflow: hidden;
        padding-right: 0.5rem;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .anchor_item:hover {
        --tw-text-opacity: 1;
        color: rgb(0 51 158 / var(--tw-text-opacity));
    }

    .anchor_item::after {
        content: var(--tw-content);
        width: 0.5rem;
        height: 0.5rem;
        --tw-translate-y: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        --tw-rotate: 45deg;
        border-bottom-width: 2px;
        border-right-width: 2px;
        --tw-border-opacity: 1;
        border-color: rgb(0 51 158 / var(--tw-border-opacity));
    }

    .anchor_item::before {
        position: absolute;
        bottom: 0px;
        left: 0px;
        width: 100%;
        --tw-translate-x: -100%;
        border-bottom-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(0 51 158 / var(--tw-border-opacity));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .anchor_item::before,
    .anchor_item:hover::before {
        content: var(--tw-content);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .anchor_item:hover::before {
        --tw-translate-x: 0px;
    }

    .pagecontent {
        section> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2rem * var(--tw-space-y-reverse));
        }

        @media (min-width: 768px) {
            section> :not([hidden])~ :not([hidden]) {
                --tw-space-y-reverse: 0;
                margin-top: calc(3rem * calc(1 - var(--tw-space-y-reverse)));
                margin-bottom: calc(3rem * var(--tw-space-y-reverse));
            }
        }

        section:not(:first-child) {
            margin-top: 4rem;
        }

        h2 {
            font-size: 1.25rem;
            line-height: 160%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            h2 {
                font-size: 1.75rem;
            }
        }

        h2 {
            margin-bottom: 3rem;
        }

        @media (min-width: 768px) {
            h2 {
                margin-bottom: 4rem;
            }
        }

        h3 {
            font-size: 1rem;
            line-height: 140%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            h3 {
                font-size: 1.5rem;
            }
        }

        h3 {
            margin-bottom: 2rem;
        }

        h3.small,
        h4 {
            font-size: 0.875rem;
            line-height: 160%;
            letter-spacing: 0.08em;
            font-weight: 700;
        }

        @media (min-width: 768px) {

            h3.small,
            h4 {
                font-size: 1.3125rem;
            }
        }

        h3.small,
        h4 {
            margin-bottom: 2rem;
        }

        p {
            font-size: 1rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            font-weight: 400;
        }

        p {
            &.note {
                margin-top: 2rem;
                font-size: 0.8125rem;
                line-height: 180%;
                letter-spacing: 0.05em;
                font-weight: 400;
                --tw-text-opacity: 1;
                color: rgb(111 111 111 / var(--tw-text-opacity));
            }
        }

        dl> :not([hidden])~ :not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
        }

        dl {
            border-bottom-width: 1px;
            border-top-width: 1px;
        }

        dl {

            dt,
            dd {
                font-size: 0.8125rem;
                line-height: 180%;
                letter-spacing: 0.06em;
                font-weight: 400;
            }

            @media (min-width: 768px) {

                dt,
                dd {
                    font-size: 0.875rem;
                }
            }

            .row {
                display: grid;
                row-gap: 0.5rem;
                padding-top: 1.5rem;
                padding-bottom: 1.5rem;
            }

            @media (min-width: 768px) {
                .row {
                    grid-template-columns: 11.25rem 1fr;
                    column-gap: 2rem;
                }
            }
        }

        .link_arrow {
            font-size: 0.8125rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            .link_arrow {
                font-size: 0.875rem;
            }
        }

        .link_arrow {
            position: relative;
            margin-top: 0.5rem;
            display: flex;
            width: max-content;
            align-items: center;
            gap: 0.375rem;
            padding-right: 0.25rem;
            --tw-text-opacity: 1;
            color: rgb(0 51 158 / var(--tw-text-opacity));
        }

        [role="grid"] {
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }

        [role="grid"]> :not([hidden])~ :not([hidden]) {
            --tw-divide-y-reverse: 0;
            border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
            border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
        }

        [role="grid"] {
            border-bottom-width: 1px;
            border-top-width: 1px;
        }

        [role="grid"] {
            [role="row"] {
                grid-column: 1 / -1;
                display: grid;
                grid-template-columns: subgrid;
            }

            [role="columnheader"],
            [role="cell"] {
                font-size: 0.8125rem;
                line-height: 180%;
                letter-spacing: 0.06em;
                font-weight: 400;
            }

            @media (min-width: 768px) {

                [role="columnheader"],
                [role="cell"] {
                    font-size: 0.875rem;
                }
            }

            [role="columnheader"],
            [role="cell"] {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
                text-align: center;
            }

            [role="columnheader"] {
                --tw-bg-opacity: 1;
                background-color: rgb(248 248 248 / var(--tw-bg-opacity));
            }
        }

        counter-reset: alphabet decimal;

        ol {
            >li {
                margin-top: 2rem;
                font-size: 1rem;
                line-height: 180%;
                letter-spacing: 0.04em;
                font-weight: 400;
            }

            >li::first-line,
            >li::before {
                font-weight: 700;
            }

            >li::before {
                content: var(--tw-content);
            }

            >li {
                >*:first-child {
                    margin-top: 1rem;
                }

                >*:not(:first-child) {
                    margin-top: 2rem;
                }
            }

            &.alphabet {
                >li::before {
                    --tw-content: counter(alphabet, lower-alpha)":";
                    content: var(--tw-content);
                }

                >li {
                    &:before {
                        counter-increment: alphabet;
                    }
                }
            }

            &.decimal {
                >li::before {
                    --tw-content: counter(decimal)".";
                    content: var(--tw-content);
                }

                >li {
                    &:before {
                        counter-increment: decimal;
                    }
                }
            }
        }

        ul {
            margin-top: 1rem !important;
        }

        ul> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
        }

        ul {
            >li {
                padding-left: 1rem;
                text-indent: -1rem;
            }

            >li::before {
                --tw-content: '・';
                content: var(--tw-content);
            }
        }

        .bottomcontent {
            display: flex;
            flex-direction: column;
            align-items: center;
            row-gap: 1.5rem;
            border-top-width: 1px;
            padding: 2.5rem;
        }

        @media (min-width: 768px) {
            .bottomcontent {
                row-gap: 2rem;
                padding: 5rem;
            }
        }
    }

    .sample_over {
        margin-inline-end: calc(50% - 50vw);
        margin-inline-start: calc(50% - 50vw);
        width: 100dvw;
    }

    .sample_wrap {
        padding-right: var(--container-px);
        padding-left: var(--container-px);
        width: 100%;
        max-width: var(--container-max-w);
        margin-right: auto;
        margin-left: auto;
    }

    .sample {
        margin-top: 4rem;
        border-top-width: 1px;
        padding-top: 2.5rem;
    }

    @media (min-width: 768px) {
        .sample {
            padding-top: 5rem;
        }
    }

    .sample {
        h2 {
            font-size: 1.25rem;
            line-height: 160%;
            letter-spacing: 0.04em;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            h2 {
                font-size: 1.75rem;
            }
        }

        h2 {
            margin-bottom: 3rem;
        }
    }
}

#page-purchased {
    .identifier {
        display: grid;
        grid-template-columns: 1fr auto;
        grid-template-rows: repeat(3, auto);
        column-gap: 1rem;
        row-gap: 0.375rem;
    }

    @media (min-width: 768px) {
        .identifier {
            grid-template-columns: repeat(3, auto) 1fr;
            grid-template-rows: repeat(1, minmax(0, 1fr));
            align-items: center;
        }
    }

    .identifier {
        >p {
            font-size: 0.8125rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            >p {
                font-size: 0.875rem;
            }

            >p:last-of-type {
                justify-self: end;
            }
        }
    }

    .identifier_chip {
        font-size: 0.875rem;
        line-height: 175%;
        letter-spacing: 0.02em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        .identifier_chip {
            font-size: 0.875rem;
        }
    }

    .identifier_chip {
        grid-column-start: 2;
        grid-row: 1 / -1;
        display: grid;
        height: 2rem;
        width: 5rem;
        place-items: center;
        border-radius: 0.25rem;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(0 51 158 / var(--tw-border-opacity));
        --tw-text-opacity: 1;
        color: rgb(0 51 158 / var(--tw-text-opacity));
    }

    @media (min-width: 768px) {
        .identifier_chip {
            grid-column-start: 1;
            grid-row-start: 1;
        }
    }

    section:not(:first-child) {
        margin-top: 2.5rem;
    }

    @media (min-width: 768px) {
        section:not(:first-child) {
            margin-top: 3.5rem;
        }
    }

    h2,
    h3 {
        margin-bottom: 1rem;
    }

    h2:not(:first-child),
    h3:not(:first-child) {
        margin-top: 2rem;
    }

    h2 {
        font-size: 0.875rem;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        h2 {
            font-size: 1.3125rem;
        }
    }

    h3 {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        h3 {
            font-size: 0.875rem;
        }
    }

    h3 {
        font-weight: 700;
    }

    dl.overview> :not([hidden])~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    }

    dl.overview {
        border-bottom-width: 1px;
        border-top-width: 1px;
    }

    dl.overview {

        dt,
        dd {
            font-size: 0.8125rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }

        @media (min-width: 768px) {

            dt,
            dd {
                font-size: 0.875rem;
            }
        }

        .row {
            display: grid;
            row-gap: 0.5rem;
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
        }

        .row:has(.thirdItem) {
            grid-template-columns: 1fr auto;
        }

        .row:has(.thirdItem) {
            grid-template-rows: auto auto;
        }

        @media (min-width: 768px) {
            .row {
                grid-template-columns: 11.25rem 1fr auto !important;
                column-gap: 2rem;
            }
        }

        .thirdItem {
            grid-column-start: 2;
            grid-row: span 2 / span 2;
            grid-row-start: 1;
            align-self: flex-end;
        }

        @media (min-width: 768px) {
            .thirdItem {
                grid-column-start: 3;
                align-self: center;
            }
        }
    }

    .scroll {
        overflow-x: auto;
    }

    [role="grid"].performance {
        display: grid;
        width: max-content;
        min-width: 100%;
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    [role="grid"].performance> :not([hidden])~ :not([hidden]) {
        --tw-divide-y-reverse: 0;
        border-top-width: calc(1px * calc(1 - var(--tw-divide-y-reverse)));
        border-bottom-width: calc(1px * var(--tw-divide-y-reverse));
    }

    [role="grid"].performance {
        border-bottom-width: 1px;
        border-top-width: 1px;
    }

    [role="grid"].performance {
        [role="row"] {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: subgrid;
        }

        [role="columnheader"],
        [role="cell"] {
            font-size: 0.8125rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }

        @media (min-width: 768px) {

            [role="columnheader"],
            [role="cell"] {
                font-size: 0.875rem;
            }
        }

        [role="columnheader"],
        [role="cell"] {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
        }

        [role="columnheader"] {
            --tw-bg-opacity: 1;
            background-color: rgb(248 248 248 / var(--tw-bg-opacity));
        }
    }

    dl.ranking {
        display: grid;
        grid-template-columns: auto 1fr;
        border-top-width: 1px;
    }

    @media (min-width: 768px) {
        dl.ranking {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    dl.ranking {
        .row {
            grid-column: 1 / -1;
            display: grid;
            grid-template-columns: subgrid;
            border-bottom-width: 1px;
        }

        @media (min-width: 768px) {
            .row {
                grid-column: span 1 / span 1;
                grid-template-columns: repeat(2, minmax(0, 1fr));
            }
        }

        dt,
        dd {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            font-size: 0.875rem;
            line-height: 1.25rem;
        }

        dt {
            --tw-bg-opacity: 1;
            background-color: rgb(248 248 248 / var(--tw-bg-opacity));
        }

        dd {
            display: flex;
            justify-content: space-between;
        }
    }
}

#page-tokutei {
    h2 {
        font-size: 1.25rem;
        line-height: 160%;
        letter-spacing: 0.04em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        h2 {
            font-size: 1.75rem;
        }
    }

    h2 {
        margin-bottom: 3rem;
    }

    @media (min-width: 768px) {
        h2 {
            margin-bottom: 4rem;
        }
    }

    h3 {
        font-size: 1rem;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        h3 {
            font-size: 1rem;
        }
    }

    h3 {
        margin-bottom: 1rem;
        margin-top: 1.5rem;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        h3 {
            margin-top: 2rem;
        }
    }

    p {
        font-size: 1rem;
        line-height: 180%;
        letter-spacing: 0.04em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        p {
            font-size: 1rem;
        }
    }

    p.kotira {
        margin-bottom: 1.5rem;
        margin-top: 2rem;
    }

    @media (min-width: 768px) {
        p.kotira {
            margin-bottom: 2rem;
            margin-top: 3rem;
        }
    }
}

#pagetop {
    .main {
        padding-bottom: 4rem;
        padding-top: 2.5rem;
    }

    @media (min-width: 768px) {
        .main {
            padding-bottom: 8rem;
            padding-top: 4rem;
        }
    }

    .title {
        padding-right: var(--container-px);
        padding-left: var(--container-px);
        width: 100%;
        max-width: var(--container-max-w);
        margin-right: auto;
        margin-left: auto;
    }

    .eng {
        line-height: 0.02em;
    }

    .section {
        padding-right: var(--container-px);
        padding-left: var(--container-px);
        width: 100%;
        max-width: var(--container-max-w);
        margin-right: auto;
        margin-left: auto;
    }

    .section> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
    }

    .section {
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    @media (min-width: 768px) {
        .section> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
        }
    }

    .tab_list {
        position: relative;
        display: flex;
        justify-content: space-between;
        border-bottom-width: 1px;
    }

    .tab_list::before {
        content: var(--tw-content);
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 0.125rem;
        width: 106px;
        --tw-bg-opacity: 1;
        background-color: rgb(0 51 158 / var(--tw-bg-opacity));
        transition-property: all;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .tab_list:has(#tab-company-code[aria-selected="true"])::before {
        content: var(--tw-content);
        left: 50%;
    }

    .tab_list:has(#tab-company-number[aria-selected="true"])::before {
        content: var(--tw-content);
        left: 100%;
    }

    .tab_list:has(#tab-company-code[aria-selected="true"])::before {
        content: var(--tw-content);
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .tab_list:has(#tab-company-name[aria-selected="true"])::before {
        content: var(--tw-content);
        --tw-translate-x: 0px;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .tab_list:has(#tab-company-number[aria-selected="true"])::before {
        content: var(--tw-content);
        --tw-translate-x: -100%;
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    @media (min-width: 768px) {
        .tab_list {
            display: inline-flex;
            column-gap: 2rem;
        }

        .tab_list::before {
            content: var(--tw-content);
            width: 130px;
        }
    }

    .tab_button {
        margin-top: -0.75rem;
        width: 106px;
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
        text-align: center;
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    .tab_button[aria-selected="true"] {
        font-weight: 700;
        --tw-text-opacity: 1;
        color: rgb(0 51 158 / var(--tw-text-opacity));
    }

    @media (min-width: 768px) {
        .tab_button {
            margin-top: -1.25rem;
            width: 130px;
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            font-size: 1rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            font-weight: 400;
        }
    }

    .tab_list:has(#tab-company-name[aria-selected="true"])~#panel-company-name {
        display: block;
    }

    .tab_list:has(#tab-company-name[aria-selected="false"])~#panel-company-name {
        display: none;
    }

    .tab_list:has(#tab-company-code[aria-selected="true"])~#panel-company-code {
        display: block;
    }

    .tab_list:has(#tab-company-code[aria-selected="false"])~#panel-company-code {
        display: none;
    }

    .tab_list:has(#tab-company-number[aria-selected="true"])~#panel-company-number {
        display: block;
    }

    .tab_list:has(#tab-company-number[aria-selected="false"])~#panel-company-number {
        display: none;
    }

    .divider {
        margin-top: -1px;
    }

    .withName {
        display: grid;
        grid-template-columns: repeat(1, minmax(0, 1fr));
        gap: 2rem;
        border-bottom-width: 1px;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    @media (min-width: 768px) {
        .withName {
            grid-template-columns: repeat(2, minmax(0, 1fr));
        }
    }

    .withName_companyName> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
    }

    @media (min-width: 768px) {
        .withName_address {
            align-self: flex-start;
        }

        .withName_checkbox {
            grid-row-start: 3;
        }
    }

    .withName_button {
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .withName_button {
            grid-row-start: 3;
            grid-template-columns: 8.5rem 10rem;
            justify-self: end;
        }
    }

    .withCode {
        border-bottom-width: 1px;
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    @media (min-width: 768px) {
        .withCode_code {
            max-width: 604px;
        }
    }

    .link {
        position: relative;
        margin-top: 0.75rem;
        display: inline-block;
        width: max-content;
        overflow: hidden;
        font-size: 0.875rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(0 51 158 / var(--tw-text-opacity));
    }

    .link::before {
        position: absolute;
        bottom: 0px;
        left: 0px;
        height: 1px;
        width: 100%;
        --tw-translate-x: -100%;
        --tw-bg-opacity: 1;
        background-color: rgb(0 51 158 / var(--tw-bg-opacity));
        transition-property: transform;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .link::before,
    .link:hover::before {
        content: var(--tw-content);
        transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
    }

    .link:hover::before {
        --tw-translate-x: 0px;
    }

    .withCode_button {
        margin-top: 2rem;
        display: grid;
        grid-template-columns: repeat(2, minmax(0, 1fr));
        gap: 1rem;
    }

    @media (min-width: 768px) {
        .withCode_button {
            grid-template-columns: 8.5rem 10rem;
            justify-content: flex-end;
        }
    }

    @media not all and (min-width: 768px) {
        .button_reset {
            height: 42px;
            padding-top: 0px !important;
            padding-bottom: 0px !important;
        }

        .button_submit {
            height: 42px !important;
        }
    }

    .button_submit {
        @media not all and (min-width: 768px) {
            >div {
                min-height: 0px !important;
                padding-top: 0px !important;
                padding-bottom: 0px !important;
            }
        }
    }

    .maintenance> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }

    .maintenance {
        border-radius: 1.5rem;
        border-width: 1px;
        padding: 2.5rem;
    }

    .maintenance_head {
        font-size: 1.3125rem;
        line-height: 160%;
        letter-spacing: 0.08em;
        font-weight: 700;
    }

    .maintenance_desc {
        font-size: 0.875rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    .noItems> :not([hidden])~ :not([hidden]) {
        --tw-space-y-reverse: 0;
        margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
    }

    .noItems {
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248 / var(--tw-bg-opacity));
        padding-left: 2rem;
        padding-right: 2rem;
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    @media (min-width: 768px) {
        .noItems> :not([hidden])~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
        }

        .noItems {
            padding: 5rem;
        }
    }

    .noItems {
        >h2 {
            font-size: 1.3125rem;
            line-height: 160%;
            letter-spacing: 0.08em;
            font-weight: 700;
        }

        >p {
            white-space: pre-wrap;
            font-size: 0.875rem;
            line-height: 180%;
            letter-spacing: 0.06em;
            font-weight: 400;
        }
    }

    .result_count {
        font-size: 0.875rem;
        line-height: 175%;
        letter-spacing: 0.02em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        .result_count {
            font-size: 0.875rem;
        }
    }

    .result_count {
        font-weight: 700;
    }

    .result_count {
        >span {
            font-family: Nunito Sans, sans-serif;
        }
    }

    .result_notes {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .result_notes {
            font-size: 0.8125rem;
        }
    }

    .result_notes {
        margin-top: 0.5rem;
        --tw-text-opacity: 1;
        color: rgb(111 111 111 / var(--tw-text-opacity));
    }

    .result_500 {
        margin-inline-end: calc(50% - 50vw);
        margin-inline-start: calc(50% - 50vw);
        margin-top: 2rem;
        width: 100dvw;
        border-bottom-width: 1px;
        border-top-width: 1px;
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248 / var(--tw-bg-opacity));
        padding-left: 1.5rem;
        padding-right: 1.5rem;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.06em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .result_500 {
            display: none;
        }
    }

    [role="grid"] {
        margin-inline-end: calc(50% - 50vw);
        margin-inline-start: calc(50% - 50vw);
        width: 100dvw;
    }

    @media (min-width: 768px) {
        [role="grid"] {
            margin-inline-end: 0px;
            margin-inline-start: 0px;
            margin-top: 1.5rem;
            display: grid;
            width: 100%;
            grid-template-columns: 160fr 352fr 200fr 200fr 120fr 120fr;
            column-gap: 0.5rem;
        }
    }

    [role="grid"] {
        [role="row"] {
            display: grid;
            grid-template-columns: 250fr 84fr;
            grid-template-rows: repeat(3, auto);
            column-gap: 0.25rem;
            border-bottom-width: 1px;
            padding: 1.5rem;
        }

        @media (min-width: 768px) {
            [role="row"] {
                grid-column: 1 / -1;
                grid-template-columns: subgrid;
                grid-template-rows: repeat(1, minmax(0, 1fr));
                align-items: center;
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
            }
        }

        [role="row"] {
            &:has([role="columnheader"]) {
                display: none;
            }

            @media (min-width: 768px) {
                &:has([role="columnheader"]) {
                    display: grid;
                }
            }

            @media (min-width: 768px) {
                &:has([role="columnheader"]) {
                    height: 4rem;
                }
            }

            @media (min-width: 768px) {
                &:has([role="columnheader"]) {
                    border-bottom-width: 1px;
                }
            }

            @media (min-width: 768px) {
                &:has([role="columnheader"]) {
                    border-top-width: 1px;
                }
            }

            @media (min-width: 768px) {
                &:has([role="columnheader"]) {
                    --tw-bg-opacity: 1;
                    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
                }
            }

            @media (min-width: 768px) {
                &:has([role="columnheader"]) {
                    font-size: 0.875rem;
                    line-height: 180%;
                    letter-spacing: 0.06em;
                    font-weight: 400;
                }
            }
        }

        @media (min-width: 768px) {
            .table_head_center {
                justify-self: center;
            }
        }

        .table_code {
            grid-column-start: 1;
            grid-row-start: 2;
            margin-top: 0.5rem;
            display: flex;
            align-items: center;
            column-gap: 1rem;
            font-size: 0.8125rem;
        }

        .table_code,
        .table_code::before {
            line-height: 180%;
            letter-spacing: 0.05em;
            font-weight: 400;
        }

        .table_code::before {
            content: var(--tw-content);
            font-size: 0.625rem;
            --tw-text-opacity: 1;
            color: rgb(111 111 111 / var(--tw-text-opacity));
            --tw-content: "企業コード";
        }

        @media (min-width: 768px) {
            .table_code {
                grid-row-start: 1;
                margin-top: 0px;
                font-size: 0.875rem;
                line-height: 180%;
                letter-spacing: 0.06em;
                font-weight: 400;
            }

            .table_code::before {
                content: var(--tw-content);
                display: none;
            }
        }

        .table_about {
            grid-column-start: 1;
            grid-row: span 3 / span 3;
            grid-row-start: 1;
            display: grid;
            grid-template-rows: subgrid;
        }

        @media (min-width: 768px) {
            .table_about {
                grid-column-start: 2;
                grid-row: span 1 / span 1;
                display: block;
            }
        }

        .table_about_name {
            font-size: 1rem;
            line-height: 180%;
            letter-spacing: 0.04em;
            font-weight: 400;
            font-weight: 700;
        }

        @media (min-width: 768px) {
            .table_about_name {
                font-size: 0.875rem;
                line-height: 180%;
                letter-spacing: 0.06em;
                font-weight: 400;
            }
        }

        .table_about_address {
            font-size: 0.625rem;
            line-height: 180%;
            letter-spacing: 0.05em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            .table_about_address {
                font-size: 0.6875rem;
            }
        }

        .table_about_address {
            grid-row-start: 3;
            margin-top: 0.25rem;
            --tw-text-opacity: 1;
            color: rgb(111 111 111 / var(--tw-text-opacity));
        }

        .table_industry {
            align-self: center;
            justify-self: end;
            font-size: 0.625rem;
            line-height: 180%;
            letter-spacing: 0.05em;
            font-weight: 400;
            --tw-text-opacity: 1;
            color: rgb(111 111 111 / var(--tw-text-opacity));
        }

        @media (min-width: 768px) {
            .table_industry {
                justify-self: start;
                font-size: 0.8125rem;
                line-height: 180%;
                letter-spacing: 0.05em;
                font-weight: 400;
            }
        }

        .table_badgeList {
            grid-column: 1 / -1;
            display: flex;
        }

        .table_badgeList {
            &:has([role="cell"] > *) {
                margin-top: 1rem;
            }

            &:has([role="cell"] > *) {
                justify-content: center;
            }

            &:has([role="cell"] > *) {
                column-gap: 0.625rem;
            }

            &:has([role="cell"] > *) {
                border-width: 1px;
            }

            &:has([role="cell"] > *) {
                padding-bottom: 1rem;
            }

            &:has([role="cell"] > *) {
                padding-top: 1.25rem;
            }
        }

        @media (min-width: 768px) {
            .table_badgeList {
                display: contents;
            }

            .table_badge {
                justify-self: center;
            }
        }

        .btn {
            margin-left: auto;
            margin-right: auto;
            display: flex;
            height: 1.5rem;
            width: max-content;
            align-items: center;
            border-radius: 9999px;
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            font-size: 0.75rem;
            line-height: 1rem;
            font-weight: 700;
        }

        .btn {
            &.contain {
                border-width: 1px;
                --tw-border-opacity: 1;
                border-color: rgb(0 51 158 / var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: rgb(0 51 158 / var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
            }

            &.contain:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(0 51 158 / var(--tw-text-opacity));
            }

            &.outline {
                border-width: 1px;
                --tw-border-opacity: 1;
                border-color: rgb(0 51 158 / var(--tw-border-opacity));
                --tw-bg-opacity: 1;
                background-color: rgb(255 255 255 / var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(0 51 158 / var(--tw-text-opacity));
                transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
                transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
                transition-duration: 150ms;
            }

            &.outline:hover {
                --tw-bg-opacity: 1;
                background-color: rgb(0 51 158 / var(--tw-bg-opacity));
                --tw-text-opacity: 1;
                color: rgb(255 255 255 / var(--tw-text-opacity));
            }
        }

        .table_badge_caption {
            font-size: 0.625rem;
            line-height: 180%;
            letter-spacing: 0.05em;
            font-weight: 400;
        }

        @media (min-width: 768px) {
            .table_badge_caption {
                font-size: 0.6875rem;
            }
        }

        .table_badge_caption {
            margin-top: 0.25rem;
            text-align: center;
            --tw-text-opacity: 1;
            color: rgb(111 111 111 / var(--tw-text-opacity));
        }
    }

    .pager {
        margin-left: auto;
        margin-right: auto;
        display: flex;
        max-width: 24rem;
        align-items: center;
        justify-content: space-between;
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

    @media (min-width: 768px) {
        .pager {
            margin-top: 2.5rem;
            margin-bottom: 2.5rem;
        }
    }

    .pager_arrow {
        position: relative;
        display: grid;
        width: 2rem;
        height: 2rem;
        place-items: center;
        border-radius: 9999px;
        border-width: 1px;
        --tw-border-opacity: 1;
        border-color: rgb(0 51 158 / var(--tw-border-opacity));
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .pager_arrow:hover {
        opacity: 0.4;
    }

    .pager_arrow[aria-disabled="true"] {
        pointer-events: none;
        opacity: 0.1;
    }

    .pager_arrow::before {
        content: var(--tw-content);
        width: 0.5rem;
        height: 0.5rem;
        background-image: url("data:image/svg+xml,%3csvg%20width='8'%20height='8'%20viewBox='0%200%208%208'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%204L6%203.99996'%20stroke='%2300339E'%20stroke-width='1.2'/%3e%3cpath%20d='M3.82843%206.82843L6.65685%204L3.82843%201.17157'%20stroke='%2300339E'%20stroke-width='1.2'/%3e%3c/svg%3e");
        background-size: contain;
        background-repeat: no-repeat;
    }

    .pager_arrow {
        &[aria-label="前へ"] {
            --tw-rotate: 180deg;
            transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
        }
    }

    .pager_nums {
        display: flex;
        column-gap: 1rem;
    }

    .pager_num {
        font-size: 0.875rem;
        line-height: 175%;
        letter-spacing: 0.02em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        .pager_num {
            font-size: 0.875rem;
        }
    }

    .pager_num {
        font-family: Nunito Sans, sans-serif;
        font-weight: 400;
        --tw-text-opacity: 1;
        color: rgb(0 51 158 / var(--tw-text-opacity));
        opacity: 1;
        transition-property: opacity;
        transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
        transition-duration: 150ms;
    }

    .pager_num:hover {
        opacity: 0.4;
    }

    .pager_num[aria-current='page'] {
        --tw-text-opacity: 1;
        color: rgb(111 111 111 / var(--tw-text-opacity));
        text-decoration-line: underline;
    }

    .disclaimer_item {
        font-size: 0.8125rem;
        line-height: 180%;
        letter-spacing: 0.05em;
        font-weight: 400;
    }

    @media (min-width: 768px) {
        .disclaimer_item {
            font-size: 0.8125rem;
        }
    }

    .disclaimer_item {
        position: relative;
        padding-left: 1rem;
        --tw-text-opacity: 1;
        color: rgb(111 111 111 / var(--tw-text-opacity));
    }

    .disclaimer_item::before {
        content: var(--tw-content);
        position: absolute;
        left: 0.375rem;
        top: 0.5rem;
        width: 0.25rem;
        height: 0.25rem;
        border-radius: 9999px;
        --tw-bg-opacity: 1;
        background-color: rgb(51 51 51 / var(--tw-bg-opacity));
    }

    @media (min-width: 768px) {
        .divider {
            padding-right: var(--container-px);
            padding-left: var(--container-px);
            width: 100%;
            max-width: var(--container-max-w);
            margin-right: auto;
            margin-left: auto;
        }
    }

    .sample_title {
        font-size: 1rem;
        line-height: 140%;
        letter-spacing: 0.04em;
        font-weight: 700;
    }

    @media (min-width: 768px) {
        .sample_title {
            font-size: 1.5rem;
        }
    }
}