/*! tailwindcss v4.1.16 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports (((-webkit-hyphens: none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))) {
        *,:before,:after,::backdrop {
            --tw-translate-x:0;
            --tw-translate-y: 0;
            --tw-translate-z: 0;
            --tw-rotate-x: initial;
            --tw-rotate-y: initial;
            --tw-rotate-z: initial;
            --tw-skew-x: initial;
            --tw-skew-y: initial;
            --tw-space-y-reverse: 0;
            --tw-divide-y-reverse: 0;
            --tw-border-style: solid;
            --tw-gradient-position: initial;
            --tw-gradient-from: #0000;
            --tw-gradient-via: #0000;
            --tw-gradient-to: #0000;
            --tw-gradient-stops: initial;
            --tw-gradient-via-stops: initial;
            --tw-gradient-from-position: 0%;
            --tw-gradient-via-position: 50%;
            --tw-gradient-to-position: 100%;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-duration: initial;
            --tw-content: ""
        }
    }
}

@layer theme {
    :root,:host {
        --font-sans: "Noto Sans JP",sans-serif;
        --font-mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;
        --color-red-600: oklch(57.7% .245 27.325);
        --color-gray-100: oklch(96.7% .003 264.542);
        --color-black: #000;
        --color-white: #fff;
        --spacing: .25rem;
        --text-xs: .75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: .875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-base: 1rem;
        --text-base--line-height: 1.5 ;
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75/1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75/1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2/1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2 ;
        --text-4xl: 2.25rem;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --leading-tight: 1.25;
        --leading-normal: 1.5;
        --leading-relaxed: 1.625;
        --radius-lg: .5rem;
        --radius-xl: .75rem;
        --radius-2xl: 1rem;
        --radius-3xl: 1.5rem;
        --radius-4xl: 2rem;
        --default-transition-duration: .15s;
        --default-transition-timing-function: cubic-bezier(.4,0,.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-sans-en: "Lexend",sans-serif;
        --color-primary: #eb2f2f;
        --color-secondary: #0058aa;
        --color-light-blue: #05afea;
        --animate-scroll: scroll 30s linear infinite;
    }
}

@layer components {
    .form_box {
        width: 450px;
        background-color: #dcdcdc;
        padding: 1rem!important;
    }

    .hs-form fieldset {
        border: 0;
        padding: 0;
        margin: 0;
        max-width: 500px;
    }

    .hs-form .field {
        margin-block:calc(var(--spacing)*1)!important;
        gap: calc(var(--spacing)*2);
        flex-direction: column;
        display: flex
    }

    .hs-form .field>label {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-medium);
        font-weight: var(--font-weight-medium)
    }

    .hs-form .field>label .hs-form-required {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary)
    }

    .hs-form .field>label:has(.hs-form-required):after {
        --tw-font-weight:var(--font-weight-semibold);
        font-size: 10px;
        font-weight: var(--font-weight-semibold);
        color: #e60012;
        --tw-content: "必須";
        content: var(--tw-content)
    }

    .hs-form .field .hs-input:is([type=text],[type=email],[type=tel]) {
        background-color: var(--color-white);
        padding: calc(var(--spacing)*2.5)!important;
        font-size: var(--text-sm);
        --tw-font-weight: var(--font-weight-medium);
        line-height: 1;
        font-weight: var(--font-weight-medium);
        border-radius: .25rem;
        display: block;
        width: 100%!important
    }

    .hs-form .field .hs-input:is([type=text],[type=email],[type=tel])::placeholder {
        color:#333e4f33
    }

    @media not all and (min-width: 64rem) {
        .hs-form .field .hs-input:is([type=text],[type=email],[type=tel]) {
            font-size:var(--text-base);
            line-height: 1
        }
    }

    .hs-form .hs_error_rollup {
        padding-block:calc(var(--spacing)*2);text-align: center;
        display: none
    }

    .hs-form .hs-error-msgs {
        --tw-font-weight: var(--font-weight-semibold);
        font-size: 10px;
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary)
    }

    :where(.hs-form .legal-consent-container>:not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start:calc(calc(var(--spacing)*2)*var(--tw-space-y-reverse));margin-block-end: calc(calc(var(--spacing)*2)*calc(1 - var(--tw-space-y-reverse)))
    }

    .hs-form .legal-consent-container {
        padding-block:calc(var(--spacing)*2)!important;
        text-align: center;
        font-size: 10px
    }

    @media (min-width: 40rem) {
        .hs-form .legal-consent-container {
            font-size:var(--text-xs);
            line-height: var(--tw-leading,var(--text-xs--line-height))
        }
    }

    @media (min-width: 48rem) {
        @media not all and (min-width:64rem) {
            .hs-form .legal-consent-container {
                font-size:10px
            }
        }
    }

    @media (min-width: 80rem) {
        .hs-form .legal-consent-container {
            font-size:var(--text-sm);
            line-height: var(--tw-leading,var(--text-sm--line-height))
        }
    }

    .hs-form .legal-consent-container .hs-richtext {
        font-size: 10px
    }

    .hs-form .legal-consent-container .hs-richtext a {
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        text-decoration-line: underline!important
    }

    @media (hover: hover) {
        .hs-form .legal-consent-container .hs-richtext a:hover {
            opacity:.5
        }
    }

    .hs-form .legal-consent-container .hs-form-booleancheckbox-display {
        cursor: pointer;
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        justify-content: center;
        align-items: center;
        display: inline-flex
    }

    .hs-form .legal-consent-container .hs-form-booleancheckbox-display>input {
        accent-color: var(--color-primary)
    }

    .hs-form .legal-consent-container .hs-form-booleancheckbox-display>span {
        margin: calc(var(--spacing)*0)!important
    }

    .hs-form .legal-consent-container .hs-form-booleancheckbox-display .hs-form-required {
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: var(--color-primary)
    }

    .hs-form .legal-consent-container .hs-form-booleancheckbox-display:has(.hs-form-required):after {
        font-size: var(--text-xs);
        line-height: var(--tw-leading,var(--text-xs--line-height));
        --tw-font-weight: var(--font-weight-semibold);
        font-weight: var(--font-weight-semibold);
        color: #e60012;
        --tw-content: "必須";
        content: var(--tw-content)
    }

    .hs-form .legal-consent-container .hs-error-msgs {
        display: none
    }

    .hs-form .hs-submit .hs-button {
        min-height: calc(var(--spacing)*12);
        cursor: pointer;
        background-color: var(--color-primary);
        width: 100%;
        padding: calc(var(--spacing)*3);
        padding-inline:calc(var(--spacing)*6);--tw-font-weight: var(--font-weight-bold);
        font-weight: var(--font-weight-bold);
        color: var(--color-white);
        transition-property: color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;
        transition-timing-function: var(--tw-ease,var(--default-transition-timing-function));
        transition-duration: var(--tw-duration,var(--default-transition-duration));
        background-image: url(../img/icon-download.svg);
        background-position: right 26px center;
        background-repeat: no-repeat;
        border-radius: 3.40282e38px;
        justify-content: center;
        align-items: center;
        display: flex
    }

    @media (hover: hover) {
        .hs-form .hs-submit .hs-button:hover {
            opacity:.8
        }
    }

    @media (min-width: 48rem) {
        @media not all and (min-width:64rem) {
            .hs-form .hs-submit .hs-button {
                font-size:var(--text-sm);
                line-height: var(--tw-leading,var(--text-sm--line-height))
            }
        }
    }
}