/*! destyle.css v4.0.1 | MIT License | https://github.com/nicolas-cusan/destyle.css */
html {
    scrollbar-gutter: stable;
    /* Safari Fallback */
    overflow-x: hidden;
}

*, :before, :after {
    box-sizing: border-box;
    border-style: solid;
    border-width: 0;
    min-width: 0
}

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0
}

main {
    display: block
}

p, table, blockquote, address, pre, iframe, form, figure, dl {
    margin: 0
}

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

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

dt {
    font-weight: 700
}

dd {
    margin-left: 0
}

hr {
    box-sizing: content-box;
    height: 0;
    overflow: visible;
    border-top-width: 1px;
    margin: 0;
    clear: both;
    color: inherit
}

pre {
    font-family: monospace,monospace;
    font-size: inherit
}

address {
    font-style: inherit
}

a {
    background-color: transparent;
    text-decoration: none;
    color: inherit
}

abbr[title] {
    text-decoration: underline dotted
}

b, strong {
    font-weight: bolder
}

code, kbd, samp {
    font-family: monospace,monospace;
    font-size: inherit
}

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

svg, img, embed, object, iframe {
    vertical-align: bottom
}

button, input, optgroup, select, textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    vertical-align: middle;
    color: inherit;
    font: inherit;
    background: transparent;
    padding: 0;
    margin: 0;
    border-radius: 0;
    text-align: inherit;
    text-transform: inherit
}

button, [type=button], [type=reset], [type=submit] {
    cursor: pointer
}

    button:disabled, [type=button]:disabled, [type=reset]:disabled, [type=submit]:disabled {
        cursor: default
    }

:-moz-focusring {
    outline: auto
}

select:disabled {
    opacity: inherit
}

option {
    padding: 0
}

fieldset {
    margin: 0;
    padding: 0;
    min-width: 0
}

legend {
    padding: 0
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    outline-offset: -2px
}

    [type=search]::-webkit-search-decoration {
        -webkit-appearance: none
    }

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

[type=number] {
    -moz-appearance: textfield
}

label[for] {
    cursor: pointer
}

details {
    display: block
}

summary {
    display: list-item
}

[contenteditable]:focus {
    outline: auto
}

table {
    border-color: inherit;
    border-collapse: collapse
}

caption {
    text-align: left
}

td, th {
    vertical-align: top;
    padding: 0
}

th {
    text-align: left;
    font-weight: 700
}

html {
    font-size: 100%;
    scroll-padding-top: 5rem
}

@media (min-width: 1024px) {
    html {
        scroll-padding-top: 7rem
    }
}

img, picture, video, canvas, svg {
    display: block;
    max-width: 100%
}

@media (prefers-reduced-motion: reduce) {
    *, *:before, *:after {
        animation-duration: .01ms;
        animation-iteration-count: 1;
        transition-duration: .01ms
    }
}

:root {
    --color-link: #002f6c;
    --color-text-base: #5a5756;
    --color-bg-base: #fff;
    --color-bg-subtle: #f9f7f6;
    --color-primary: #002f6c;
    --color-primary-hover: #003688;
    --color-accent: #d0006f;
    --color-border: #d7d2cb;
    --color-bg-header: #f1ece8;
    --font-family-base: Noto Sans JP, Hiragino Kaku Gothic ProN, Meiryo, system-ui, sans-serif;
    --font-size-base: 1rem;
    --font-size-sm: .875rem;
    --font-size-lg: 1.125rem;
    --font-size-xl: 1.5rem;
    --line-height-base: 1.5;
    --line-height-heading: 1.4;
    --spacing-xs: .25rem;
    --spacing-sm: .5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    --spacing-2xl: 3rem;
    --shadow-card: 0 3px 10px rgba(0, 0, 0, .15);
    --z-index-base: 0;
    --z-index-dropdown: 10;
    --z-index-sticky: 20;
    --z-index-fixed: 30;
    --z-index-overlay: 40;
    --z-index-modal: 50;
    --z-index-toast: 60;
    --z-index-tooltip: 70
}

body {
    display: flex;
    min-height: 100vh;
    min-height: 100dvh;
    flex-direction: column;
    font-family: var(--font-family-base);
    font-size: var(--font-size-base);
    line-height: var(--line-height-base);
    color: var(--color-text-base);
    background-color: var(--color-bg-base)
}

.l-main {
    flex: 1 0 auto;
    min-width: 0
}

h1, h2, h3, h4, h5, h6 {
    font-weight: 700;
    line-height: var(--line-height-heading)
}

h1 {
    font-size: 1.5rem
}

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

h2 {
    font-size: 1.25rem
}

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

h3 {
    font-size: var(--font-size-lg)
}

h4, h5, h6 {
    font-size: var(--font-size-base)
}

b, strong {
    font-weight: 700
}

em, i {
    font-style: italic
}

:focus-visible {
    outline: .125rem solid var(--color-primary);
    outline-offset: .125rem
}

:focus:not(:focus-visible) {
    outline: none
}

sup {
    font-size: inherit;
    top: 0
}

.l-inner, .l-inner--detail {
    width: 100%;
    padding-inline: 1.5rem;
    margin-inline: auto;
    box-sizing: border-box
}

@media (min-width: 1024px) {
    .l-inner {
        max-width: 80rem;
        padding-inline: 2.5rem
    }
}

@media (min-width: 1024px) {
    .l-inner--detail {
        max-width: 67.5rem;
        padding-inline: 2.5rem
    }
}

.l-content {
    padding-block: 1.5rem 4rem;
}

@media (min-width: 1024px) {
    .l-content {
        padding-block: 3rem 5rem;
    }
}

.l-content--top {
    padding-block: 1.5rem 4rem
}

@media (min-width: 1024px) {
    .l-content--top {
        padding-block: 3rem 5rem
    }
}

.l-side-heading {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .l-side-heading {
        flex-direction: row;
        gap: 1.5rem
    }
}

@media (min-width: 1024px) {
    .l-side-heading__head {
        flex: 0 0 14rem
    }
}

@media (min-width: 1024px) {
    .l-side-heading__body {
        flex: 1 1 0;
        min-width: 0
    }
}

.l-header {
    --l-header-color-primary: #002f6c;
    --l-header-color-primary-hover: #003688;
    --l-header-color-emergency: #d0006f;
    --l-header-color-text: #363532;
    --l-header-color-border: #d7d2cb;
    --l-header-color-bg-close: #f8f9fa;
    --l-header-color-white: #fff;
    position: sticky;
    top: 0;
    z-index: 10;
    flex-shrink: 0;
    color: var(--l-header-color-text);
    font-family: "Noto Sans JP", "Noto Sans", "Hiragino Kaku Gothic ProN", "Meiryo", system-ui, sans-serif;
    box-shadow: 0 0 1rem rgba(0, 47, 108, 0.08);
}

.l-header__emergency-link {
    --l-header-color-white: #fff;
    --l-header-color-emergency: #d0006f;
    display: block;
    color: var(--l-header-color-white);
    background-color: var(--l-header-color-emergency);
    font-size: 1rem;
    line-height: 1.4;
    text-decoration: none;
}

@media (min-width: 1024px) {
    .l-header__emergency-link {
        font-size: 1rem;
    }
}

.l-header__emergency-link:focus-visible {
    outline: 2px solid var(--l-header-color-white);
    outline-offset: -4px;
}

.l-header__emergency-inner {
    display: flex;
    align-items: center;
    min-height: 2.875rem;
    padding-block: 0.625rem;
    gap: 0.5rem;
}

@media (max-width: 1023px) {
    .l-header__emergency-inner {
        padding-inline: 0.75rem;
    }
}

@media (min-width: 1024px) {
    .l-header__emergency-inner {
        padding-block: 0.75rem;
    }
}

.l-header__emergency-text {
    min-width: 0;
    overflow-wrap: anywhere;
}

    .l-header__emergency-text:hover, .l-header__emergency-text:focus-visible {
        opacity: 0.9;
    }

    .l-header__emergency-text::before {
        content: "";
        display: inline-block;
        width: 0.9375rem;
        height: 0.9375rem;
        margin-right: 0.25rem;
        vertical-align: middle;
        background-image: url("../assets/images/icon-warning.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
        transform: translateY(-0.0625rem);
    }

    .l-header__emergency-text::after {
        content: "";
        display: inline-block;
        width: 1rem;
        height: 1rem;
        vertical-align: sub;
        background-image: url("../assets/images/icon-external-link-white.svg");
        background-size: contain;
        background-repeat: no-repeat;
        background-position: center;
    }

.l-header__mobile-bar,
.l-header__mobile-menu-header {
    display: flex;
    align-items: center;
    justify-content: space-between;
    min-height: 4rem;
    padding: 0 0.5rem 0 0.75rem;
    gap: 1.5rem;
    background-color: var(--l-header-color-white);
}

@media (min-width: 1024px) {
    .l-header__mobile-bar,
    .l-header__mobile-menu-header {
        display: none;
    }
}

.l-header__mobile-logo-link {
    display: flex;
    align-items: center;
    flex: 0 0 6.25rem;
    width: 6.25rem;
    min-height: 4rem;
    color: inherit;
    text-decoration: none;
}

    .l-header__mobile-logo-link:focus-visible {
        outline: 2px solid var(--l-header-color-primary);
        outline-offset: 4px;
    }

.l-header__mobile-logo-image {
    width: 6.25rem;
    height: 3.125rem;
    object-fit: contain;
}

.l-header__mobile-menu-button,
.l-header__mobile-close-button {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 2.5rem;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    color: var(--l-header-color-primary);
    border: 0;
    border-radius: 0.15625rem;
    background: transparent;
    cursor: pointer;
}

    .l-header__mobile-menu-button:focus-visible,
    .l-header__mobile-close-button:focus-visible {
        outline: 2px solid var(--l-header-color-primary);
        outline-offset: 2px;
    }

.l-header__mobile-menu-icon,
.l-header__mobile-close-icon {
    position: relative;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
}

    .l-header__mobile-menu-icon::before, .l-header__mobile-menu-icon::after {
        position: absolute;
        left: 0.125rem;
        width: 1rem;
        height: 2px;
        background-color: currentColor;
        content: "";
    }

    .l-header__mobile-menu-icon::before {
        top: 0.375rem;
        box-shadow: 0 0.375rem 0 currentColor;
    }

    .l-header__mobile-menu-icon::after {
        top: 1.125rem;
    }

    .l-header__mobile-close-icon::before, .l-header__mobile-close-icon::after {
        position: absolute;
        top: 50%;
        left: 50%;
        width: 1.25rem;
        height: 2px;
        background-color: currentColor;
        content: "";
    }

    .l-header__mobile-close-icon::before {
        transform: translate(-50%, -50%) rotate(45deg);
    }

    .l-header__mobile-close-icon::after {
        transform: translate(-50%, -50%) rotate(-45deg);
    }

.l-header__mobile-menu {
    position: fixed;
    inset: 0;
    z-index: 30;
    display: flex;
    width: 100%;
    height: 100vh;
    height: 100dvh;
    max-height: 100dvh;
    overflow: hidden;
    flex-direction: column;
    color: var(--l-header-color-text);
    background-color: var(--l-header-color-white);
}

    .l-header__mobile-menu[hidden] {
        display: none;
    }

@media (min-width: 1024px) {
    .l-header__mobile-menu {
        display: none;
    }
}

.l-header__mobile-nav {
    display: flex;
    flex: 1 1 auto;
    min-height: 0;
    border-top: 1px solid var(--l-header-color-border);
}

.l-header__mobile-nav-scroll {
    flex: 1 1 auto;
    min-height: 0;
    padding-top: 0.75rem;
    overflow-y: auto;
    overscroll-behavior: contain;
}

.l-header__mobile-list,
.l-header__mobile-product-list,
.l-header__mobile-child-list {
    padding: 0;
    margin: 0;
    list-style: none;
}

.l-header__mobile-link,
.l-header__mobile-trigger,
.l-header__mobile-product-link,
.l-header__mobile-child-link {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    min-width: 0;
    min-height: 3.5rem;
    color: var(--l-header-color-text);
    border: 0;
    background: transparent;
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    text-align: left;
    text-decoration: none;
}

    .l-header__mobile-link:hover, .l-header__mobile-link:focus-visible,
    .l-header__mobile-trigger:hover,
    .l-header__mobile-trigger:focus-visible,
    .l-header__mobile-product-link:hover,
    .l-header__mobile-product-link:focus-visible,
    .l-header__mobile-child-link:hover,
    .l-header__mobile-child-link:focus-visible {
        color: var(--l-header-color-primary);
    }

    .l-header__mobile-link:focus-visible,
    .l-header__mobile-trigger:focus-visible,
    .l-header__mobile-product-link:focus-visible,
    .l-header__mobile-child-link:focus-visible {
        outline: 2px solid var(--l-header-color-primary);
        outline-offset: -2px;
    }

.l-header__mobile-link,
.l-header__mobile-trigger {
    padding: 1rem 1.5rem;
}

.l-header__mobile-item + .l-header__mobile-item > .l-header__mobile-link,
.l-header__mobile-item + .l-header__mobile-item > .l-header__mobile-trigger {
    border-top: 1px solid var(--l-header-color-border);
}

.l-header__mobile-trigger {
    cursor: pointer;
    appearance: none;
}

    .l-header__mobile-trigger[aria-expanded=true] {
        font-weight: 700;
    }

.l-header__mobile-arrow,
.l-header__mobile-accordion-icon,
.l-header__mobile-bottom-close-icon,
.l-header__chevron,
.l-header__mega-arrow {
    display: inline-block;
    flex: 0 0 auto;
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}

.l-header__mobile-arrow {
    width: 1.125rem;
    height: 1.125rem;
    background-image: none;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.97266%209.44238L5.24219%2014.3633L6.28125%2015.4443L12.0635%209.43164L11.0244%208.34961L11.0127%208.36133L6.21094%203.36719L5.1709%204.44824L9.97266%209.44238Z%22%20fill%3D%22%23363532%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.l-header__mega-arrow {
    width: 1rem;
    height: 1rem;
    background-image: none;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M9.97266%209.44238L5.24219%2014.3633L6.28125%2015.4443L12.0635%209.43164L11.0244%208.34961L11.0127%208.36133L6.21094%203.36719L5.1709%204.44824L9.97266%209.44238Z%22%20fill%3D%22%23363532%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.l-header__mobile-accordion-icon,
.l-header__mobile-bottom-close-icon,
.l-header__chevron {
    width: 1.25rem;
    height: 1.25rem;
    background-image: none;
    background-color: currentColor;
    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2216%22%20height%3D%2216%22%20viewBox%3D%220%200%2016%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M8.06543%208.87061L12.4385%204.6665L13.4004%205.59033L8.05469%2010.73L7.09375%209.80615L7.10449%209.79443L2.66699%205.52686L3.62793%204.60205L8.06543%208.87061Z%22%20fill%3D%22%23363532%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

.l-header__mobile-trigger[aria-expanded=true] .l-header__mobile-accordion-icon,
.l-header__nav-trigger[aria-expanded=true] .l-header__chevron,
.l-header__mobile-bottom-close-icon {
    transform: rotate(180deg);
}

.l-header__mobile-product-panel {
    padding: 0 1.5rem 0 3rem;
}

    .l-header__mobile-product-panel[hidden] {
        display: none;
    }

.l-header__mobile-product-link {
    min-height: 3.5rem;
    padding: 1rem 0;
    border-top: 1px solid var(--l-header-color-border);
}

.l-header__mobile-product-heading {
    display: flex;
    align-items: center;
    min-height: 3.5rem;
    padding: 1rem 0 0.5rem;
    margin: 0;
    border-top: 1px solid var(--l-header-color-border);
    font-size: 1rem;
    line-height: 1.5;
}

.l-header__mobile-child-list {
    display: flex;
    flex-direction: column;
    padding: 0 0 0rem 0rem;
    gap: 0.75rem;
}

.l-header__mobile-child-link {
    min-height: 1.5rem;
    padding: 0;
}

.l-header__mobile-cta {
    display: flex;
    align-items: center;
    justify-content: center;
    min-height: 6.25rem;
    padding: 1.5rem;
    border-top: 1px solid var(--l-header-color-border);
}

.l-header__mobile-contact-link {
    width: min(100%, 14.5rem);
}

.l-header__mobile-bottom-close {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    flex: 0 0 4rem;
    min-height: 4rem;
    padding: 1.25rem 1.5rem;
    gap: 0.5rem;
    color: var(--l-header-color-text);
    border: 0;
    background-color: var(--l-header-color-bg-close);
    font: inherit;
    font-size: 1rem;
    line-height: 1.5;
    cursor: pointer;
}

    .l-header__mobile-bottom-close:hover, .l-header__mobile-bottom-close:focus-visible {
        color: var(--l-header-color-primary);
    }

    .l-header__mobile-bottom-close:focus-visible {
        outline: 2px solid var(--l-header-color-primary);
        outline-offset: -4px;
    }

.l-header__desktop-body {
    display: none;
    background-color: var(--l-header-color-white);
}

@media (min-width: 1024px) {
    .l-header__desktop-body {
        display: block;
    }
}

@media (min-width: 1024px) {
    .l-header__desktop-inner {
        display: flex;
        align-items: center;
        justify-content: space-between;
        min-height: 6.875rem;
        gap: 1.5rem;
    }
}

@media (min-width: 1024px) {
    .l-header__navigation-area {
        display: flex;
        align-items: center;
        align-self: stretch;
        min-width: 0;
        gap: 2.75rem;
    }
}

@media (min-width: 1024px) {
    .l-header__logo-link {
        display: flex;
        align-items: center;
        flex: 0 0 auto;
        min-height: 6.875rem;
        color: inherit;
        text-decoration: none;
    }
}

.l-header__logo-link:focus-visible {
    outline: 2px solid var(--l-header-color-primary);
    outline-offset: 4px;
}

@media (min-width: 1024px) {
    .l-header__logo-image {
        width: 9.25rem;
        height: auto;
        object-fit: contain;
    }
}

@media (min-width: 1024px) {
    .l-header__nav {
        min-width: 0;
    }
}

@media (min-width: 1024px) {
    .l-header__nav-list {
        display: flex;
        align-items: stretch;
        height: 6.875rem;
        padding: 0;
        margin: 0;
        gap: 0.5rem;
        list-style: none;
    }
}

@media (min-width: 1024px) {
    .l-header__nav-item {
        display: flex;
        flex: 0 0 auto;
    }
}

@media (min-width: 1024px) {
    .l-header__nav-link,
    .l-header__nav-trigger {
        display: inline-flex;
        align-items: center;
        justify-content: center;
        min-height: 6.875rem;
        padding: 0 0.75rem;
        gap: 0.25rem;
        color: var(--l-header-color-text);
        border: 0;
        border-bottom: 4px solid transparent;
        background: transparent;
        font: inherit;
        font-size: 1rem;
        line-height: 1.5;
        text-align: center;
        text-decoration: none;
    }
}

.l-header__nav-link:hover, .l-header__nav-link:focus-visible, .l-header__nav-link.is-current, .l-header__nav-link[aria-current=page], .l-header__nav-link[aria-expanded=true],
.l-header__nav-trigger:hover,
.l-header__nav-trigger:focus-visible,
.l-header__nav-trigger.is-current,
.l-header__nav-trigger[aria-current=page],
.l-header__nav-trigger[aria-expanded=true] {
    color: var(--l-header-color-primary);
    border-bottom-color: var(--l-header-color-primary);
    font-weight: 700;
    text-decoration: none;
}

.l-header__nav-link:focus-visible,
.l-header__nav-trigger:focus-visible {
    outline: 2px solid var(--l-header-color-primary);
    outline-offset: -2px;
}

.l-header__nav-trigger {
    cursor: pointer;
    appearance: none;
}

    .l-header__nav-link[aria-current=page],
    .l-header__nav-trigger[aria-current=true] {
        color: var(--l-header-color-primary);
        border-bottom-color: var(--l-header-color-primary);
        font-weight: 700;
        text-decoration: none;
    }

.l-header__contact-link {
    flex: 0 0 auto;
}

.l-header__mega {
    display: none;
}

@media (min-width: 1024px) {
    .l-header__mega {
        position: absolute;
        top: 100%;
        left: 50%;
        z-index: 10;
        display: block;
        width: max-content;
        max-width: min(75rem, 100vw - 2rem);
        overflow: visible;
        background-color: var(--l-header-color-white);
        border-radius: 0 0 8px 8px;
        box-shadow: 0 0.5rem 1.5rem rgba(0, 47, 108, 0.12);
        transform: translateX(-50%);
    }
}

.l-header__mega[hidden] {
    display: none;
}

@media (min-width: 1024px) {
    .l-header__mega-panel {
        display: flex;
        flex-wrap: wrap;
        align-items: flex-start;
        width: 60.5rem;
        max-width: 60.5rem;
        padding: 2.25rem 2.5rem;
        column-gap: 3.5rem;
        row-gap: 2.5rem;
    }
}

@media (min-width: 1024px) {
    .l-header__mega-list {
        position: relative;
        display: flex;
        flex: 0 0 11.25rem;
        width: 11.25rem;
        flex-direction: column;
        align-items: flex-start;
        padding: 0;
        margin: 0;
        gap: 0.5rem;
        list-style: none;
    }

        .l-header__mega-list:nth-child(4n+5)::before {
            content: "";
            position: absolute;
            top: -1.25rem;
            left: 0;
            width: 55.5rem;
            height: 0.0625rem;
            background: #d7d2cb;
        }
}

@media (min-width: 1024px) {
    .l-header__mega-link {
        display: flex;
        align-items: center;
        width: 100%;
        min-height: 1.375rem;
        gap: 0.25rem;
        color: var(--l-header-color-text);
        font-size: 1rem;
        line-height: 1.4;
        text-decoration: none;
    }

        .l-header__mega-link > span:not(.l-header__mega-arrow) {
            flex: 1;
            min-width: 0;
        }
}

.l-header__mega-link:hover, .l-header__mega-link:focus-visible, .l-header__mega-link[aria-current=page] {
    color: var(--l-header-color-primary);
}

.l-header__mega-link:focus-visible {
    outline: 2px solid var(--l-header-color-primary);
    outline-offset: 3px;
}

.l-header__mega-link--heading {
    font-weight: 700;
}

@media (min-width: 1024px) {
    .l-header__chevron {
        width: 1rem;
        height: 1rem;
    }
}

.l-header__noscript-nav {
    padding: 1rem;
    background-color: var(--l-header-color-white);
}

.l-header__noscript-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0;
    margin: 0;
    gap: 0.5rem 1rem;
    list-style: none;
}

    .l-header__noscript-list a {
        color: var(--l-header-color-primary);
    }

.l-header__disease-name {
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1;
    color: #363532;
}

@media (min-width: 1024px) {
    .l-header__disease-name {
        font-size: 1.875rem;
    }
}

/* .l-footer {
    --l-footer-color-primary: #002f6c;
    --l-footer-color-primary-hover: #00439a;
    --l-footer-color-primary-hover-dim: rgba(0, 67, 154, .6);
    --l-footer-color-product-bg: #f9f7f6;
    --l-footer-color-white: #fff;
    --l-footer-color-text: #5a5756;
    flex-shrink: 0;
    color: var(--l-footer-color-text);
    background-color: var(--l-footer-color-white)
}

.l-footer__product {
    background-color: var(--l-footer-color-product-bg)
}

.l-footer__product-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: 2.5rem;
    gap: 2rem
}

@media (min-width: 1024px) {
    .l-footer__product-inner {
        flex-direction: row;
        gap: clamp(2.5rem,7.7vw,9rem)
    }
}

.l-footer__product-logo-link, .l-footer__corporate-logo-link {
    display: inline-flex;
    flex: 0 0 auto;
    color: inherit;
    text-decoration: none
}

    .l-footer__product-logo-link:focus-visible, .l-footer__corporate-logo-link:focus-visible {
        outline: 2px solid var(--l-footer-color-primary);
        outline-offset: 4px
    }

.l-footer__product-logo-image {
    width: 10.875rem;
    height: auto;
    object-fit: contain
}

.l-footer__product-nav {
    width: 100%;
    min-width: 0
}

@media (min-width: 768px) {
    .l-footer__product-nav {
        max-width: 38.8125rem
    }
}

@media (min-width: 1024px) {
    .l-footer__product-nav {
        flex: 1 1 auto;
        width: auto;
        max-width: none
    }
}

.l-footer__product-groups {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    gap: .75rem;
    list-style: none
}

@media (min-width: 1024px) {
    .l-footer__product-groups {
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        gap: 2rem clamp(1.5rem,4vw,6.125rem)
    }
}

.l-footer__product-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: .75rem 1.5rem;
    font-size: .875rem;
    line-height: 1.5rem
}

@media (min-width: 1024px) {
    .l-footer__product-group {
        flex: 0 1 auto;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: .625rem;
        min-width: max-content
    }
}

.l-footer__product-group--product {
    column-gap: 1.5rem
}

.l-footer__product-heading {
    display: inline-flex;
    gap: .5rem;
    min-height: 1.5rem;
    align-items: center;
    color: var(--l-footer-color-primary);
    font-weight: 400;
    text-decoration: none
}

    .l-footer__product-heading:hover, .l-footer__product-heading:focus-visible {
        color: var(--l-footer-color-primary-hover);
        text-decoration-color: var(--l-footer-color-primary-hover-dim);
        text-underline-offset: .16em
    }

    .l-footer__product-heading:focus-visible {
        outline: 2px solid var(--l-footer-color-primary);
        outline-offset: 2px
    }

    .l-footer__product-heading:after {
        content: "";
        display: inline-block;
        flex: 0 0 auto;
        width: .875rem;
        height: .875rem;
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }

.l-footer__product-text {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    color: var(--l-footer-color-text);
    font-weight: 400
}

.l-footer__product-link, .l-footer__corporate-link {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    color: var(--l-footer-color-primary);
    text-decoration: underline;
    text-underline-offset: .16em
}

    .l-footer__product-link:hover, .l-footer__product-link:focus-visible, .l-footer__corporate-link:hover, .l-footer__corporate-link:focus-visible {
        color: var(--l-footer-color-primary-hover);
        text-decoration-color: var(--l-footer-color-primary-hover-dim)
    }

    .l-footer__product-link:focus-visible, .l-footer__corporate-link:focus-visible {
        outline: 2px solid var(--l-footer-color-primary);
        outline-offset: 2px
    }

.l-footer__corporate {
    background-color: var(--l-footer-color-white)
}

.l-footer__corporate-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: 2.5rem;
    gap: 2rem
}

@media (min-width: 1024px) {
    .l-footer__corporate-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: clamp(2.5rem,6vw,7.5rem)
    }
}

.l-footer__corporate-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    gap: 1.5rem
}

@media (min-width: 1024px) {
    .l-footer__corporate-brand {
        flex: 1 1 22.5rem;
        width: auto;
        max-width: 31rem
    }
}

.l-footer__corporate-logo-image {
    width: 11.0625rem;
    height: 3rem;
    object-fit: contain
}

.l-footer__copyright {
    width: 100%;
    margin: 0;
    color: var(--l-footer-color-text);
    font-size: .875rem;
    line-height: 1.5
}

@media (min-width: 768px) {
    .l-footer__copyright {
        max-width: 45rem
    }
}

@media (min-width: 1024px) {
    .l-footer__copyright {
        max-width: 31rem
    }
}

.l-footer__corporate-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    gap: .1875rem
}

@media (min-width: 1024px) {
    .l-footer__corporate-nav {
        flex: 1 1 27.5rem;
        flex-direction: row;
        width: auto;
        max-width: 34.75rem;
        gap: clamp(1.5rem,4vw,3.125rem)
    }
}

.l-footer__corporate-link-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: .875rem;
    line-height: 2.4
}

@media (min-width: 1024px) {
    .l-footer__corporate-link-list {
        line-height: 2.2
    }
}

.l-footer__corporate-link-list--primary {
    width: 10.625rem
}

@media (min-width: 1024px) {
    .l-footer__corporate-link-list--primary {
        flex: 0 0 10.625rem;
        width: auto
    }
}

.l-footer__corporate-link-list--secondary {
    max-width: 100%;
    min-width: 0
}

@media (min-width: 768px) {
    .l-footer__corporate-link-list--secondary {
        width: 21rem
    }
}

@media (min-width: 1024px) {
    .l-footer__corporate-link-list--secondary {
        flex: 1 1 16.25rem;
        width: auto;
        max-width: none
    }
}

.l-footer__corporate-link {
    line-height: inherit;
    overflow-wrap: anywhere
}

.l-footer__disease-name {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    color: #363532
}

@media (min-width: 1024px) {
    .l-footer--disease .l-footer__product-inner {
        gap: 16.4375rem
    }
} */


.l-footer {
    --l-footer-color-primary: #002f6c;
    --l-footer-color-primary-hover: #00439a;
    --l-footer-color-primary-hover-dim: rgba(0, 67, 154, 0.6);
    --l-footer-color-product-bg: #f9f7f6;
    --l-footer-color-white: #fff;
    --l-footer-color-text: #5a5756;
    flex-shrink: 0;
    color: var(--l-footer-color-text);
    background-color: var(--l-footer-color-white);
}

.l-footer__product {
    background-color: var(--l-footer-color-product-bg);
}

.l-footer__product-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: 2.5rem;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .l-footer__product-inner {
        flex-direction: row;
        gap: 4.6875rem;
    }
}

.l-footer__product-logo-link,
.l-footer__corporate-logo-link {
    display: inline-flex;
    flex: 0 0 auto;
    color: inherit;
    text-decoration: none;
}

    .l-footer__product-logo-link:focus-visible,
    .l-footer__corporate-logo-link:focus-visible {
        outline: 2px solid var(--l-footer-color-primary);
        outline-offset: 4px;
    }

.l-footer__product-logo-image {
    width: 10.875rem;
    height: auto;
    object-fit: contain;
}

.l-footer__product-nav {
    width: 100%;
    min-width: 0;
}

@media (min-width: 768px) {
    .l-footer__product-nav {
        max-width: 38.8125rem;
    }
}

@media (min-width: 1024px) {
    .l-footer__product-nav {
        flex: 1 1 auto;
        width: auto;
        max-width: none;
    }
}

.l-footer__product-groups {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    gap: 0.75rem;
    list-style: none;
}

@media (min-width: 1024px) {
    .l-footer__product-groups {
        overflow: hidden;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: flex-start;
        column-gap: 3.5rem;
        row-gap: 2.5rem;
    }
}

.l-footer__product-group {
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    gap: 0.75rem 1.5rem;
    font-size: 0.875rem;
    line-height: 1.5rem;
}

@media (min-width: 1024px) {
    .l-footer__product-group {
        position: relative;
        flex: 0 0 8.75rem;
        width: 8.75rem;
        flex-direction: column;
        flex-wrap: nowrap;
        gap: 0.625rem;
    }
}

@media (min-width: 1024px) and (max-width: 1056px) {
    .l-footer__product-group:nth-child(3n+4)::before {
        content: "";
        position: absolute;
        top: -1.25rem;
        left: -9999px;
        right: -9999px;
        height: 0.0625rem;
        background: #d7d2cb;
    }
}

@media (min-width: 1057px) and (max-width: 1252px) {
    .l-footer__product-group:nth-child(4n+5)::before {
        content: "";
        position: absolute;
        top: -1.25rem;
        left: -9999px;
        right: -9999px;
        height: 0.0625rem;
        background: #d7d2cb;
    }
}

@media (min-width: 1253px) {
    .l-footer__product-group:nth-child(5n+6)::before {
        content: "";
        position: absolute;
        top: -1.25rem;
        left: -9999px;
        right: -9999px;
        height: 0.0625rem;
        background: #d7d2cb;
    }
}

.l-footer__product-group--product {
    column-gap: 1.5rem;
}

.l-footer__product-heading {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    color: var(--l-footer-color-text);
    font-weight: 700;
    text-decoration: none;
}

    .l-footer__product-heading:hover, .l-footer__product-heading:focus-visible {
        color: var(--l-footer-color-primary-hover);
        text-decoration-color: var(--l-footer-color-primary-hover-dim);
        text-underline-offset: 0.16em;
    }

    .l-footer__product-heading:focus-visible {
        outline: 2px solid var(--l-footer-color-primary);
        outline-offset: 2px;
    }

.l-footer__product-text {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    color: var(--l-footer-color-text);
    font-weight: 400;
}

.l-footer__product-link,
.l-footer__corporate-link {
    display: inline-flex;
    min-height: 1.5rem;
    align-items: center;
    color: var(--l-footer-color-primary);
    font-weight: 400;
    text-decoration: underline;
    text-underline-offset: 0.16em;
}

    .l-footer__product-link:hover, .l-footer__product-link:focus-visible,
    .l-footer__corporate-link:hover,
    .l-footer__corporate-link:focus-visible {
        color: var(--l-footer-color-primary-hover);
        text-decoration-color: var(--l-footer-color-primary-hover-dim);
    }

    .l-footer__product-link:focus-visible,
    .l-footer__corporate-link:focus-visible {
        outline: 2px solid var(--l-footer-color-primary);
        outline-offset: 2px;
    }

.l-footer__product-link--internal-blank,
.l-footer__product-link--external-blank {
    gap: 0.25rem;
}

    .l-footer__product-link--internal-blank::after,
    .l-footer__product-link--external-blank::after {
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        content: "";
        background-color: currentColor;
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

    .l-footer__product-link--internal-blank::after {
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.6665%2017.0833V8.91663H2.9165V17.0833H13.6665ZM14.9165%2012.3333V11.0833H17.0832V2.91663H6.33317V7.66663H5.08317V2.91663C5.08317%202.58329%205.20817%202.29163%205.45817%202.04163C5.70817%201.79163%205.99984%201.66663%206.33317%201.66663H17.0832C17.4165%201.66663%2017.7082%201.79163%2017.9582%202.04163C18.2082%202.29163%2018.3332%202.58329%2018.3332%202.91663V11.0833C18.3332%2011.4166%2018.2082%2011.7083%2017.9582%2011.9583C17.7082%2012.2083%2017.4165%2012.3333%2017.0832%2012.3333H14.9165ZM2.9165%2018.3333C2.58317%2018.3333%202.2915%2018.2083%202.0415%2017.9583C1.7915%2017.7083%201.6665%2017.4166%201.6665%2017.0833V8.91663C1.6665%208.58329%201.7915%208.29163%202.0415%208.04163C2.2915%207.79163%202.58317%207.66663%202.9165%207.66663H13.4165C13.829%207.66663%2014.1821%207.81149%2014.4759%208.10121C14.7696%208.39079%2014.9165%208.73899%2014.9165%209.14579V17.0833C14.9165%2017.4166%2014.7915%2017.7083%2014.5415%2017.9583C14.2915%2018.2083%2013.9998%2018.3333%2013.6665%2018.3333H2.9165Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    }

    .l-footer__product-link--external-blank::after {
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        transform: rotate(-45deg);
    }

.l-footer__corporate-link-item--internal-blank .l-footer__corporate-link,
.l-footer__corporate-link-item--external-blank .l-footer__corporate-link {
    gap: 0.25rem;
}

    .l-footer__corporate-link-item--internal-blank .l-footer__corporate-link::after,
    .l-footer__corporate-link-item--external-blank .l-footer__corporate-link::after {
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        content: "";
        background-color: currentColor;
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

    .l-footer__corporate-link-item--internal-blank .l-footer__corporate-link::after {
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.6665%2017.0833V8.91663H2.9165V17.0833H13.6665ZM14.9165%2012.3333V11.0833H17.0832V2.91663H6.33317V7.66663H5.08317V2.91663C5.08317%202.58329%205.20817%202.29163%205.45817%202.04163C5.70817%201.79163%205.99984%201.66663%206.33317%201.66663H17.0832C17.4165%201.66663%2017.7082%201.79163%2017.9582%202.04163C18.2082%202.29163%2018.3332%202.58329%2018.3332%202.91663V11.0833C18.3332%2011.4166%2018.2082%2011.7083%2017.9582%2011.9583C17.7082%2012.2083%2017.4165%2012.3333%2017.0832%2012.3333H14.9165ZM2.9165%2018.3333C2.58317%2018.3333%202.2915%2018.2083%202.0415%2017.9583C1.7915%2017.7083%201.6665%2017.4166%201.6665%2017.0833V8.91663C1.6665%208.58329%201.7915%208.29163%202.0415%208.04163C2.2915%207.79163%202.58317%207.66663%202.9165%207.66663H13.4165C13.829%207.66663%2014.1821%207.81149%2014.4759%208.10121C14.7696%208.39079%2014.9165%208.73899%2014.9165%209.14579V17.0833C14.9165%2017.4166%2014.7915%2017.7083%2014.5415%2017.9583C14.2915%2018.2083%2013.9998%2018.3333%2013.6665%2018.3333H2.9165Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    }

    .l-footer__corporate-link-item--external-blank .l-footer__corporate-link::after {
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        transform: rotate(-45deg);
    }

.l-footer__corporate {
    background-color: var(--l-footer-color-white);
}

.l-footer__corporate-inner {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding-block: 2.5rem;
    gap: 2rem;
}

@media (min-width: 1024px) {
    .l-footer__corporate-inner {
        flex-direction: row;
        align-items: center;
        justify-content: space-between;
        gap: clamp(2.5rem, 6vw, 7.5rem);
    }
}

.l-footer__corporate-brand {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    gap: 1.5rem;
}

@media (min-width: 1024px) {
    .l-footer__corporate-brand {
        flex: 1 1 22.5rem;
        width: auto;
        max-width: 31rem;
    }
}

.l-footer__corporate-logo-image {
    width: 11.0625rem;
    height: 3rem;
    object-fit: contain;
}

.l-footer__copyright {
    width: 100%;
    margin: 0;
    color: var(--l-footer-color-text);
    font-size: 0.875rem;
    line-height: 1.5;
}

@media (min-width: 768px) {
    .l-footer__copyright {
        max-width: 45rem;
    }
}

@media (min-width: 1024px) {
    .l-footer__copyright {
        max-width: 31rem;
    }
}

.l-footer__corporate-nav {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    width: 100%;
    min-width: 0;
    gap: 0.1875rem;
}

@media (min-width: 1024px) {
    .l-footer__corporate-nav {
        flex: 1 1 27.5rem;
        flex-direction: row;
        width: auto;
        gap: clamp(1.5rem, 4vw, 3.125rem);
    }
}

.l-footer__corporate-link-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    padding: 0;
    margin: 0;
    list-style: none;
    font-size: 0.875rem;
    line-height: 2.4;
}

@media (min-width: 1024px) {
    .l-footer__corporate-link-list {
        line-height: 2.2;
    }
}

.l-footer__corporate-link-list--primary {
    width: 10.625rem;
}

@media (min-width: 1024px) {
    .l-footer__corporate-link-list--primary {
        flex: 0 0 10.625rem;
        width: auto;
    }
}

.l-footer__corporate-link-list--secondary {
    max-width: 100%;
    min-width: 0;
    align-items: stretch;
}

@media (min-width: 1024px) {
    .l-footer__corporate-link-list--secondary {
        flex: 1 1 16.25rem;
        width: auto;
        max-width: none;
    }
}

.l-footer__corporate-link {
    line-height: 1.5;
}

.l-footer__disease-name {
    font-size: 2.5rem;
    font-weight: 700;
    line-height: 1;
    color: #363532;
}

@media (min-width: 1024px) {
    .l-footer--disease .l-footer__product-inner {
        gap: 16.4375rem;
    }
}


.c-breadcrumb-wrapper {
    padding-inline: 1.5rem;
    padding-block: 1.375rem;
    margin-inline: auto;
    box-sizing: content-box;
}

@media (min-width: 1024px) {
    .c-breadcrumb-wrapper {
        max-width: 75rem
    }
}

.c-breadcrumb {
    display: flex;
    align-items: center;
    background-color: var(--color-bg-base)
}

.c-breadcrumb__list {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: .5rem;
    margin: 0;
    padding: 0;
    list-style: none
}

.c-breadcrumb__item {
    display: inline-flex;
    align-items: center;
    font-size: .875rem;
    line-height: 1.5;
    color: var(--color-text-base);
    overflow-wrap: break-word
}

.c-breadcrumb__link {
    color: var(--color-link);
    text-decoration: underline
}

    .c-breadcrumb__link:hover {
        color: #00439a
    }

.c-breadcrumb__item:not(:last-child):after {
    content: "";
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-inline-start: .5rem;
    margin-inline-end: 1rem;
    background-image: url(/Content/AlexionRareJP/images/icon-chevron-link.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain
}

.c-local-nav {
    display: flex;
    justify-content: flex-start;
    margin-inline: calc(50% - 50vw);
    padding-inline: 1.5rem;
    overflow-x: auto;
    background-color: var(--color-bg-subtle)
}

@media (min-width: 1024px) {
    .c-local-nav {
        justify-content: center;
        padding-inline: 0;
        overflow-x: visible
    }
}

.c-local-nav__list {
    display: flex;
    flex-direction: row;
    gap: .25rem;
    margin: 0;
    padding: 0;
    list-style: none
}

@media (min-width: 1024px) {
    .c-local-nav__list {
        gap: .75rem
    }
}

.c-local-nav__item {
    display: flex;
    flex-shrink: 0
}

@media (min-width: 1024px) {
    .c-local-nav__item {
        flex-shrink: 1
    }
}

.c-local-nav__link {
    display: flex;
    justify-content: center;
    align-items: center;
    min-height: 3.75rem;
    padding-inline: 1rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.3;
    white-space: nowrap;
    text-align: center;
    color: var(--color-text-base);
    border-block-end: .25rem solid transparent
}

@media (min-width: 1024px) {
    .c-local-nav__link {
        padding-inline: 1.25rem;
        white-space: normal
    }
}

.c-local-nav__link:hover {
    font-weight: 700;
    color: var(--color-primary);
    border-block-end-color: var(--color-primary)
}

.c-heading {
    color: var(--color-primary)
}

.c-heading--h2 {
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.4;
    /*margin-top:2rem;*/
}

.c-heading--h3 {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4
}

.c-heading--h4 {
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4
}

.c-ordered-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    margin: 0;
    padding: 0;
    list-style: none;
    counter-reset: ordered-list
}

@media (min-width: 1024px) {
    .c-ordered-list {
        gap: 1.25rem
    }
}

.c-ordered-list--compact {
    gap: .25rem
}

@media (min-width: 1024px) {
    .c-ordered-list--compact {
        gap: .25rem
    }
}

.c-ordered-list__item {
    display: flex;
    align-items: flex-start;
    gap: .5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-base);
    counter-increment: ordered-list
}

@media (min-width: 1024px) {
    .c-ordered-list__item {
        gap: .625rem
    }
}

.c-ordered-list__item:before {
    flex-shrink: 0;
    content: counter(ordered-list)
}

.c-quote {
    padding: 1.25rem 1.875rem;
    font-size: .75rem;
    line-height: 1.33;
    color: var(--color-text-base);
    background-color: var(--color-bg-subtle);
    border-radius: .3125rem
}

.c-quote--white {
    background-color: var(--color-bg-base)
}

.c-quote__text {
    padding-inline-start: 1em
}

.c-image {
    height: auto
}

:has(>.c-image--play), :has(>a>.c-image--play) {
    position: relative
}

    :has(>.c-image--play):after, :has(>a>.c-image--play):after {
        content: "";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        margin: auto;
        width: 5.0625rem;
        height: 3.375rem;
        background-image: url(../assets/images/icon-play.svg);
        background-repeat: no-repeat;
        background-size: contain;
        pointer-events: none
    }

.c-figure {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem;
    margin: 0
}

.c-figureProduct {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin: 0
}

.l-figure {
    display: flex;
    flex-direction: column;
    gap: .75rem;
    margin: 0
}

.l-figure {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    margin: 0
}

.c-figure__caption {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-base)
}

.c-faq {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    margin-inline: calc(50% - 50vw)
}

@media (min-width: 768px) {
    .c-faq {
        margin-inline: 0
    }
}

.c-faq__question {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    width: 100%;
    padding: 1.5rem;
    text-align: start;
    cursor: pointer;
    background-color: var(--color-bg-subtle);
    border: 0
}

    .c-faq__question:focus-visible {
        outline: .125rem solid var(--color-primary);
        outline-offset: -.125rem
    }

.c-faq__q-label, .c-faq__a-label {
    flex-shrink: 0;
    font-size: 1.5rem;
    line-height: 1.33;
    color: var(--color-primary)
}

.c-faq__q-text {
    flex-grow: 1;
    font-size: 1.5rem;
    line-height: 1.33;
    color: var(--color-primary)
}

.c-faq__toggle {
    flex-shrink: 0;
    width: 1.5rem;
    height: 1.5rem;
    background-image: url(/Content/AlexionRareJP/images/icon-chevron.svg);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transform: rotate(90deg)
}

.c-faq__question[aria-expanded=true] .c-faq__toggle {
    transform: rotate(270deg)
}

.c-faq__answer {
    display: flex;
    align-items: flex-start;
    gap: 1.25rem;
    padding: 1.5rem;
    background-color: var(--color-bg-subtle)
}

    .c-faq__answer[hidden] {
        display: none
    }

.c-faq__a-body {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    gap: 1.5rem
}

.c-faq__answer--with-quote {
    display: grid;
    grid-template-columns: auto 1fr;
    column-gap: 1.25rem;
    row-gap: 1.5rem;
    align-items: start
}

    .c-faq__answer--with-quote > .c-faq__a-body {
        display: contents
    }

        .c-faq__answer--with-quote > .c-faq__a-body > * {
            grid-column: 2
        }

        .c-faq__answer--with-quote > .c-faq__a-body > .c-quote {
            grid-column: 1/-1
        }

.c-callout {
    margin-inline: calc(50% - 50vw);
    padding-block: 1.5rem;
    padding-inline: 1.625rem;
    background-color: var(--color-bg-subtle)
}

@media (min-width: 1024px) {
    .c-callout {
        padding-block: 3.75rem
    }
}

.c-callout__inner {
    position: relative;
    padding: 2rem
}

@media (min-width: 1024px) {
    .c-callout__inner {
        max-width: 56.875rem;
        margin-inline: auto
    }
}

.c-callout__inner:before, .c-callout__inner:after {
    position: absolute;
    width: 2.625rem;
    height: 4.5rem;
    content: "";
    border: 0 solid var(--color-primary);
    opacity: .3
}

.c-callout__inner:before {
    inset-block-start: 0;
    inset-inline-start: 0;
    border-block-start-width: 5px;
    border-inline-start-width: 5px
}

.c-callout__inner:after {
    inset-block-end: 0;
    inset-inline-end: 0;
    border-block-end-width: 5px;
    border-inline-end-width: 5px
}

.c-callout__text {
    font-size: 2rem;
    line-height: 1.25;
    text-align: center;
    color: var(--color-primary)
}

.c-list {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-list--medium {
    font-weight: 500
}

.c-list__item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: 1rem;
    line-height: 1.375;
    color: var(--color-text-base)
}

    .c-list__item:before {
        flex-shrink: 0;
        width: .25rem;
        height: .25rem;
        margin-block-start: calc((1.375em - .25rem)/2);
        content: "";
        background-color: currentColor;
        border-radius: 50%
    }

.c-alert {
    padding: 1.125rem 1.25rem;
    color: var(--color-accent);
    background-color: var(--color-bg-base);
    border: 2px solid var(--color-accent)
}

.c-alert__list {
    display: flex;
    flex-direction: column;
    align-items: flex-start
}

.c-alert__item {
    display: flex;
    align-items: flex-start;
    gap: .75rem;
    font-size: 1rem;
    line-height: 1.5
}

    .c-alert__item:before {
        flex-shrink: 0;
        width: .25rem;
        height: .25rem;
        margin-block-start: calc((1.5em - .25rem)/2);
        content: "";
        background-color: currentColor;
        border-radius: 50%
    }

.c-table {
    width: 100%;
    border-collapse: collapse
}

.c-table__th {
    padding: .875rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-align: start;
    vertical-align: top;
    color: var(--color-text-base);
    background-color: var(--color-bg-header);
    border-top: 4px solid var(--color-primary);
    border-bottom: 1px solid var(--color-border)
}

@media (min-width: 768px) {
    .c-table__th {
        font-size: 1.25rem;
        font-weight: 500;
        line-height: 1.2
    }
}

@media (min-width: 1024px) {
    .c-table__th {
        width: 15.625rem
    }
}

.c-table__td {
    padding: .625rem .75rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    vertical-align: top;
    color: var(--color-text-base);
    background-color: var(--color-bg-base);
    border-top: 1px solid var(--color-border)
}

@media (min-width: 768px) {
    .c-table__td {
        font-weight: 500
    }
}

.c-expert-card {
    display: flex;
    flex-direction: column;
    gap: 1.5rem;
    padding: 1.5rem;
    background-color: var(--color-bg-subtle);
    border-radius: .5rem
}

.c-expert-card__name {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.33;
    color: var(--color-primary)
}

.c-expert-card__thumbnail {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: 1.5rem
}

.c-expert-card__image {
    flex-shrink: 0;
    width: 12.5rem;
    height: 12.5rem;
    object-fit: cover;
    border-radius: .5rem
}

.c-expert-card__title {
    flex: 1;
    min-width: 12.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-base)
}

.c-expert-card__content {
    padding: 2.5rem;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-base);
    background-color: var(--color-bg-base)
}

.c-note-section {
    padding: 2.5rem 1.25rem;
    background-color: var(--color-bg-subtle)
}

@media (min-width: 768px) {
    .c-note-section {
        padding: 2.5rem
    }
}

.c-text {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-base)
}

.c-text-link {
    display: inline-flex;
    align-self: flex-start;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    color: var(--color-link);
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4
}

    .c-text-link:hover {
        color: #00439a
    }

    .c-text-link::after {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        /*  width: rem(20);
        height: rem(20);*/
        content: "";
        background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }
.c-text-linknoarrow {
    display: inline-flex;
    align-self: flex-start;
    flex-direction: row;
    align-items: center;
    gap: .5rem;
    color: var(--color-link);
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4
}

    .c-text-linknoarrow:hover {
        color: #00439a
    }

    .c-text-linknoarrow::after {
        flex-shrink: 0;
        width: 20px;
        height: 20px;
        /*  width: rem(20);
        height: rem(20);*/
        content: "";
        /*  background-color: currentColor;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
       */
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center
    }

.c-text-link--sm {
    font-size: 1rem;
    line-height: 1.5
}

/*@use "../../foundation" as *;*/

/* 
.c-text-link {
    display: inline-flex;
    align-self: flex-start;
    flex-direction: row;
    align-items: center;
    gap: rem(8);
    color: var(--color-link);
    text-decoration: none;
    font-size: rem(24);
    font-weight: 400;
    line-height: 1.4;
    &:hover

{
    color: #00439a;
    &::after

{
    background-image: none;
    background-color: #00439a;
    mask-image: url("/Content/AlexionRareJP/images/icon-arrow-link.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}

}
}*/

/*.c-text-link--sm {
    font-size: rem(16);
    line-height: 1.5;
}*/
/*
.c-text-link::after {
    flex-shrink: 0;
    width: rem(20);
    height: rem(20);
    content: "";
    background: url("/Content/AlexionRareJP/images/icon-arrow-link.svg") center / contain no-repeat;
}


.c-text-link--internal-blank::after {
    background-image: url("/Content/AlexionRareJP/images/icon-arrow-link.svg");
}

.c-text-link--internal-blank:hover::after {
    background-image: none;
    background-color: #00439a;
    mask-image: url("/Content/AlexionRareJP/images/icon-arrow-link.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
}


.c-text-link--external-blank::after {
    transform: rotate(-45deg);
}

.c-text-link--external-blank:hover::after {
    background-image: none;
    background-color: #00439a;
    mask-image: url("/Content/AlexionRareJP/images/icon-arrow-link.svg");
    mask-size: contain;
    mask-repeat: no-repeat;
    mask-position: center;
    transform: rotate(-45deg);
}
*/

/*.c-text-link--static {
    pointer-events: none;
    cursor: default;
    &::after

{
    display: none;
}


}*/

.c-nav-card {
    display: grid;
    grid-template-columns: 8rem 1fr;
    grid-template-rows: auto 1fr;
    align-items: flex-start;
    padding: 1.5rem;
    gap: .75rem 1.5rem;
    background: var(--color-bg-base);
    box-shadow: var(--shadow-card);
    border-radius: .5rem
}

@media (min-width: 1024px) {
    .c-nav-card {
        display: flex;
        flex-direction: column;
        align-items: center;
        padding: 1.5rem 2rem;
        gap: 1rem
    }
}

.c-nav-card__icon {
    grid-column: 1;
    grid-row: 1/3;
    width: 8rem;
    height: 8rem
}

@media (min-width: 1024px) {
    .c-nav-card__icon {
        order: 1
    }
}

.c-nav-card__title {
    grid-column: 2;
    grid-row: 1
}

@media (min-width: 1024px) {
    .c-nav-card__title {
        order: 0 ;
        min-height:3rem;
    }
}

.c-nav-card__links {
    grid-column: 2;
    grid-row: 2;
    display: flex;
    flex-direction: column;
    gap: .25rem
}

/*.c-link {
    align-self: flex-start;
    color: var(--color-link);
    text-decoration: underline;
    text-underline-offset: 0.1875rem;
}*/
.c-link {
    align-self: flex-start;
    color: var(--color-link);
    text-decoration: underline;
    text-underline-offset: 0.1875rem;
}

    .c-link:hover {
        color: var(--color-primary-hover);
    }

.c-link--internal-blank,
.c-link--external-blank {
    display: inline-flex;
    align-items: center;
    gap: 0.25rem;
}

    .c-link--internal-blank::after,
    .c-link--external-blank::after {
        flex-shrink: 0;
        width: 1rem;
        height: 1rem;
        content: "";
        background-color: currentColor;
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

    .c-link--internal-blank::after {
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.6665%2017.0833V8.91663H2.9165V17.0833H13.6665ZM14.9165%2012.3333V11.0833H17.0832V2.91663H6.33317V7.66663H5.08317V2.91663C5.08317%202.58329%205.20817%202.29163%205.45817%202.04163C5.70817%201.79163%205.99984%201.66663%206.33317%201.66663H17.0832C17.4165%201.66663%2017.7082%201.79163%2017.9582%202.04163C18.2082%202.29163%2018.3332%202.58329%2018.3332%202.91663V11.0833C18.3332%2011.4166%2018.2082%2011.7083%2017.9582%2011.9583C17.7082%2012.2083%2017.4165%2012.3333%2017.0832%2012.3333H14.9165ZM2.9165%2018.3333C2.58317%2018.3333%202.2915%2018.2083%202.0415%2017.9583C1.7915%2017.7083%201.6665%2017.4166%201.6665%2017.0833V8.91663C1.6665%208.58329%201.7915%208.29163%202.0415%208.04163C2.2915%207.79163%202.58317%207.66663%202.9165%207.66663H13.4165C13.829%207.66663%2014.1821%207.81149%2014.4759%208.10121C14.7696%208.39079%2014.9165%208.73899%2014.9165%209.14579V17.0833C14.9165%2017.4166%2014.7915%2017.7083%2014.5415%2017.9583C14.2915%2018.2083%2013.9998%2018.3333%2013.6665%2018.3333H2.9165Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    }

    .c-link--external-blank::after {
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        transform: rotate(-45deg);
    }

@media (min-width: 1024px) {
    .c-nav-card__links {
        order: 2;
        align-self: stretch
    }
}

.c-news-list {
    width: 100%
}

.c-news-list__row {
    display: flex;
    flex-direction: column;
    gap: .5rem;
    padding-block: 1.25rem;
    border-top: 1px solid var(--color-border)
}

    .c-news-list__row:last-child {
        border-bottom: 1px solid var(--color-border)
    }

@media (min-width: 1024px) {
    .c-news-list__row {
        flex-direction: row;
        gap: 0;
        padding-block: 0
    }
}

.c-news-list__date {
    flex-shrink: 0;
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-base)
}

@media (min-width: 1024px) {
    .c-news-list__date {
        width: 11rem;
        padding: .625rem .75rem
    }
}

.c-news-list__body {
    font-size: 1rem;
    line-height: 1.5;
    color: var(--color-text-base)
}

@media (min-width: 1024px) {
    .c-news-list__body {
        flex: 1;
        padding: .625rem .75rem
    }
}

.c-disease-section {
    padding-block: 3rem
}

.c-disease-header {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .75rem
}

.c-disease-header__title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-primary);
    text-align: center
}

.c-disease-header__desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.75;
    color: var(--color-text-base);
    text-align: center
}

.c-disease-card {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    padding: 1.5rem;
    height: 100%;
    border-radius: .5rem;
    background: var(--color-bg-base);
    box-shadow: var(--shadow-card);
    text-decoration: none;
    box-sizing: border-box;
    color: var(--color-primary)
}

    .c-disease-card:hover {
        color: #00439a
    }

    .c-disease-card:focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: 2px
    }

.c-disease-card__name {
    color: inherit;
    font-size: 1.5rem;
    font-weight: 700;
    line-height: 1.4
}

.c-disease-card__body {
    display: flex;
    align-items: center;
    justify-content: space-between;
    gap: 1rem;
    width: 100%
}

.c-disease-card__desc {
    color: inherit;
    font-size: 1rem;
    font-weight: 500;
    line-height: 1.5
}

.c-disease-card__arrow {
    flex-shrink: 0;
    display: block;
    width: 1.25rem;
    height: 1.25rem;
    background-color: currentColor;
    -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-position: center;
    mask-position: center
}

.c-btn {
    display: inline-flex;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    padding: .875rem;
    gap: .5rem;
    border: 2px solid var(--color-primary);
    border-radius: .1875rem;
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    text-decoration: none;
    cursor: pointer
}

    .c-btn:after {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
        content: "";
        background: center/contain no-repeat
    }

.c-btn--outline {
    background: var(--color-bg-base);
    color: var(--color-primary);
}

    .c-btn--outline:hover {
        color: #00439a;
        border-color: #00439a;
    }

    .c-btn--outline::after {
        background-image: none;
        background-color: #00439a;
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
    }

    .c-btn--outline::after {
        background-image: url("/Content/AlexionRareJP/images/icon-arrow-link.svg");
    }

    .c-btn--outline.c-btn--internal-blank::after {
        background-image: url("/Content/AlexionRareJP/images/icon-external-link.svg");
    }

    .c-btn--outline.c-btn--internal-blank {
        color: #00439a;
        border-color: #00439a;
    }

        .c-btn--outline.c-btn--internal-blank::after {
            background-image: none;
            background-color: #00439a;
            mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.6665%2017.0833V8.91663H2.9165V17.0833H13.6665ZM14.9165%2012.3333V11.0833H17.0832V2.91663H6.33317V7.66663H5.08317V2.91663C5.08317%202.58329%205.20817%202.29163%205.45817%202.04163C5.70817%201.79163%205.99984%201.66663%206.33317%201.66663H17.0832C17.4165%201.66663%2017.7082%201.79163%2017.9582%202.04163C18.2082%202.29163%2018.3332%202.58329%2018.3332%202.91663V11.0833C18.3332%2011.4166%2018.2082%2011.7083%2017.9582%2011.9583C17.7082%2012.2083%2017.4165%2012.3333%2017.0832%2012.3333H14.9165ZM2.9165%2018.3333C2.58317%2018.3333%202.2915%2018.2083%202.0415%2017.9583C1.7915%2017.7083%201.6665%2017.4166%201.6665%2017.0833V8.91663C1.6665%208.58329%201.7915%208.29163%202.0415%208.04163C2.2915%207.79163%202.58317%207.66663%202.9165%207.66663H13.4165C13.829%207.66663%2014.1821%207.81149%2014.4759%208.10121C14.7696%208.39079%2014.9165%208.73899%2014.9165%209.14579V17.0833C14.9165%2017.4166%2014.7915%2017.7083%2014.5415%2017.9583C14.2915%2018.2083%2013.9998%2018.3333%2013.6665%2018.3333H2.9165Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
            mask-size: contain;
            mask-repeat: no-repeat;
            mask-position: center;
        }

    .c-btn--outline.c-btn--external-blank::after {
        background-image: url("../assets/images/icon-arrow-link.svg");
        transform: rotate(-45deg);
    }

    .c-btn--outline.c-btn--external-blank::after {
        background-image: none;
        background-color: #00439a;
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask-size: contain;
        mask-repeat: no-repeat;
        mask-position: center;
        transform: rotate(-45deg);
    }

/* 
.c-btn--outline {
    background: var(--color-bg-base);
    color: var(--color-primary)
}

    .c-btn--outline:hover {
        color: #00439a;
        border-color: #00439a
    }

        .c-btn--outline:hover:after {
            background-image: none;
            background-color: #00439a;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
            mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
            -webkit-mask-size: contain;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center
        }

    .c-btn--outline:after {
        background-image: url(../assets/images/icon-arrow-link.svg)
    }

    .c-btn--outline.c-btn--internal-blank:after {
        background-image: url(../assets/images/icon-external-link.svg)
    }

    .c-btn--outline.c-btn--internal-blank:hover {
        color: #00439a;
        border-color: #00439a
    }

        .c-btn--outline.c-btn--internal-blank:hover:after {
            background-image: none;
            background-color: #00439a;
            -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.6665%2017.0833V8.91663H2.9165V17.0833H13.6665ZM14.9165%2012.3333V11.0833H17.0832V2.91663H6.33317V7.66663H5.08317V2.91663C5.08317%202.58329%205.20817%202.29163%205.45817%202.04163C5.70817%201.79163%205.99984%201.66663%206.33317%201.66663H17.0832C17.4165%201.66663%2017.7082%201.79163%2017.9582%202.04163C18.2082%202.29163%2018.3332%202.58329%2018.3332%202.91663V11.0833C18.3332%2011.4166%2018.2082%2011.7083%2017.9582%2011.9583C17.7082%2012.2083%2017.4165%2012.3333%2017.0832%2012.3333H14.9165ZM2.9165%2018.3333C2.58317%2018.3333%202.2915%2018.2083%202.0415%2017.9583C1.7915%2017.7083%201.6665%2017.4166%201.6665%2017.0833V8.91663C1.6665%208.58329%201.7915%208.29163%202.0415%208.04163C2.2915%207.79163%202.58317%207.66663%202.9165%207.66663H13.4165C13.829%207.66663%2014.1821%207.81149%2014.4759%208.10121C14.7696%208.39079%2014.9165%208.73899%2014.9165%209.14579V17.0833C14.9165%2017.4166%2014.7915%2017.7083%2014.5415%2017.9583C14.2915%2018.2083%2013.9998%2018.3333%2013.6665%2018.3333H2.9165Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
            mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M13.6665%2017.0833V8.91663H2.9165V17.0833H13.6665ZM14.9165%2012.3333V11.0833H17.0832V2.91663H6.33317V7.66663H5.08317V2.91663C5.08317%202.58329%205.20817%202.29163%205.45817%202.04163C5.70817%201.79163%205.99984%201.66663%206.33317%201.66663H17.0832C17.4165%201.66663%2017.7082%201.79163%2017.9582%202.04163C18.2082%202.29163%2018.3332%202.58329%2018.3332%202.91663V11.0833C18.3332%2011.4166%2018.2082%2011.7083%2017.9582%2011.9583C17.7082%2012.2083%2017.4165%2012.3333%2017.0832%2012.3333H14.9165ZM2.9165%2018.3333C2.58317%2018.3333%202.2915%2018.2083%202.0415%2017.9583C1.7915%2017.7083%201.6665%2017.4166%201.6665%2017.0833V8.91663C1.6665%208.58329%201.7915%208.29163%202.0415%208.04163C2.2915%207.79163%202.58317%207.66663%202.9165%207.66663H13.4165C13.829%207.66663%2014.1821%207.81149%2014.4759%208.10121C14.7696%208.39079%2014.9165%208.73899%2014.9165%209.14579V17.0833C14.9165%2017.4166%2014.7915%2017.7083%2014.5415%2017.9583C14.2915%2018.2083%2013.9998%2018.3333%2013.6665%2018.3333H2.9165Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
            -webkit-mask-size: contain;
            mask-size: contain;
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: center;
            mask-position: center
        }

    .c-btn--outline.c-btn--external-blank:after {
        background-image: url(../assets/images/icon-arrow-link.svg);
        transform: rotate(-45deg)
    }

    .c-btn--outline.c-btn--external-blank:hover:after {
        background-image: none;
        background-color: #00439a;
        -webkit-mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        mask-image: url("data:image/svg+xml,%3Csvg%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.7615%201.66669L9.82461%202.64655L15.7968%208.8908H1.66669V10.2763H15.7971L9.82494%2016.5205L10.7621%2017.5L18.3334%209.58353L10.7615%201.66669Z%22%20fill%3D%22%23002F6C%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        -webkit-mask-size: contain;
        mask-size: contain;
        -webkit-mask-repeat: no-repeat;
        mask-repeat: no-repeat;
        -webkit-mask-position: center;
        mask-position: center;
        transform: rotate(-45deg)
    } */

.c-product-hero {
    position: relative;
    overflow: hidden;
    min-height: 25.75rem;
    margin-inline: auto;
}

@media (min-width: 768px) {
    .c-product-hero {
        min-height: 22.125rem;
    }
}

@media (min-width: 1024px) {
    .c-product-hero {
        max-width: 118.75rem;
    }
}

.c-product-hero__image {
    position: absolute;
    inset: 0;
    z-index: 0;
}

    .c-product-hero__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
    }

.c-product-hero__inner {
    position: absolute;
    inset: 0;
    z-index: 1;
    align-items: flex-start;
    padding-top: 2rem;
}

@media (min-width: 768px) {
    .c-product-hero__inner {
        padding-top: 2.3125rem;
    }
}

@media (min-width: 1024px) {
    .c-product-hero__inner {
        padding-top: 3.75rem;
    }
}

.c-product-hero__title {
    color: var(--color-primary);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.375;
}

@media (min-width: 768px) {
    .c-product-hero__title {
        font-size: 2.5rem;
        line-height: 1.35;
    }
}

@media (min-width: 1024px) {
    .c-product-hero__title {
        font-size: 3rem;
        line-height: 1.354;
    }
}

.c-btn--fill {
    background: var(--color-primary);
    color: var(--color-bg-base)
}

    .c-btn--fill:hover {
        background-color: var(--color-primary-hover)
    }

    .c-btn--fill:after {
        background-image: url("/Content/AlexionRareJP/images/icon-arrow-white.svg");
    }

.c-btn--fillexternal {
    background: var(--color-primary);
    color: var(--color-bg-base)
}

    .c-btn--fillexternal:hover {
        background-color: var(--color-primary-hover)
    }

    .c-btn--fillexternal:after {
        background-image: url("/Content/AlexionRareJP/images/icon-external-link-white.svg");
    }

.c-btn--lg {
    min-width: 14.5rem;
    padding: 1rem 1.875rem;
    font-size: 1.125rem;
    line-height: 1.333
}

.c-media {
    display: flex;
    flex-direction: column;
    gap: 1rem;
    height: 100%;
    padding: 1.5rem;
    background: var(--color-bg-subtle);
    border-radius: .5rem;
    box-sizing: border-box
}

@media (min-width: 768px) {
    .c-media {
        flex-direction: row;
        align-items: flex-start;
        gap: 1.5rem
    }
}

.c-media__image {
    overflow: hidden;
    border-radius: .5rem;
    background: var(--color-border);
    aspect-ratio: 316/158
}

@media (min-width: 768px) {
    .c-media__image {
        flex-shrink: 0;
        width: 10rem;
        height: 10rem;
        aspect-ratio: auto
    }
}

.c-media__image img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover
}

.c-media__body {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1.25rem
}

@media (min-width: 768px) {
    .c-media__body {
        flex: 1
    }
}

.c-media__content {
    display: flex;
    flex-direction: column;
    gap: .5rem
}

@media (min-width: 768px) {
    .c-media__content {
        gap: .75rem
    }
}

.c-card {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1rem;
    width: 100%;
    min-width: 0
}

.c-card__media {
    position: relative;
    overflow: hidden;
    border-radius: .5rem;
    align-self: flex-start
}

@media (min-width: 768px) {
    .c-card__media {
        width: 100%;
        align-self: auto
    }
}

.c-card__media-link {
    display: block
}

    .c-card__media-link .c-image {
        transition: transform .3s ease
    }

    .c-card__media-link:hover .c-image, .c-card__media-link:focus-visible .c-image {
        transform: scale(1.05)
    }

    .c-card__media-link:focus-visible {
        outline: 2px solid var(--color-primary);
        outline-offset: -2px
    }

.c-card__image {
    display: block;
    width: 100%;
    max-width: 100%;
    height: auto
}

.c-card__body {
    display: flex;
    flex: 1;
    flex-direction: column;
    align-items: flex-start;
    justify-content: space-between;
    gap: 1.25rem;
    align-self: stretch
}

.c-card__text {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .75rem;
    align-self: stretch
}

.c-card__section-title {
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-primary)
}

.c-card__title {
    display: -webkit-box;
    -webkit-box-orient: vertical;
  /*  -webkit-line-clamp: 2;*/
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-card__desc {
    display: -webkit-box;
    -webkit-box-orient: vertical;
  /*  -webkit-line-clamp: 3;*/
    align-self: stretch;
    overflow: hidden;
    text-overflow: ellipsis
}

.c-card__actions {
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: 1rem;
    align-self: stretch
}

.c-tag {
    position: absolute;
    top: 0;
    left: 0;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: .125rem .5625rem;
    background: var(--color-primary);
    color: var(--color-bg-base);
    font-family: Montserrat,sans-serif;
    font-size: .875rem;
    font-weight: 600;
    line-height: 1.5;
    letter-spacing: .083em;
    text-transform: uppercase;
    border-radius: 0 0 .25rem
}

.c-bg-pattern {
    background-repeat: no-repeat;
    background-position: bottom center;
    background-size: 100% auto
}

.c-bg-pattern--triangle {
    background-image: url(/Content/AlexionRareJP/images/bg-pattern-triangle.svg)
}

.c-cta {
    position: relative;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.5rem;
    padding: 2.5rem 1.5rem;
    margin-inline: auto
}

@media (min-width: 1024px) {
    .c-cta {
        max-width: 118.75rem;
        gap: 2rem;
        padding: 3rem 6.25rem
    }
}

.c-cta__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

    .c-cta__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: luminosity
    }

.c-cta__head {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem;
    width: 100%
}

.c-cta__title {
    color: var(--color-bg-base);
    font-size: 1.75rem;
    font-weight: 400;
    line-height: 1.4;
    text-align: center
}

@media (min-width: 1024px) {
    .c-cta__title {
        font-size: 2rem
    }
}

.c-cta__text {
    color: var(--color-bg-base);
    font-size: 1rem;
    line-height: 1.5
}

@media (min-width: 1024px) {
    .c-cta__text {
        text-align: center
    }
}

.c-cta__actions {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 1.25rem
}

@media (min-width: 1024px) {
    .c-cta__actions {
        gap: 1.5rem
    }
}

.c-cta__btn {
    border: none
}

.c-cta__link {
    color: var(--color-bg-base);
    font-size: 1rem;
    line-height: 1.5;
    text-decoration: underline;
    text-underline-offset: .1875rem
}

    .c-cta__link:hover {
        opacity: .9
    }

.c-back {
    padding-block: 3rem;
    text-align: center
}

@media (min-width: 1024px) {
    .c-back {
        padding-block: 4rem
    }
}

.c-related-product {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 1024px) {
    .c-related-product {
        flex-direction: row;
        gap: 2.25rem
    }
}

@media (min-width: 1024px) {
    .c-related-product__logo {
        flex: 0 0 11rem
    }
}

@media (min-width: 1024px) {
    .c-related-product__body {
        flex: 1 1 0;
        min-width: 0
    }
}

.c-hero {
    position: relative;
    display: flex;
    align-items: center;
    min-height: 19.5rem;
    margin-inline: auto;
    background-color: var(--color-primary)
}

@media (min-width: 1024px) {
    .c-hero {
        max-width: 118.75rem
    }
}

.c-hero__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

    .c-hero__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center;
        mix-blend-mode: luminosity
    }

.c-hero__inner {
    position: relative;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    gap: .5rem;
    width: 100%
}

@media (min-width: 1024px) {
    .c-hero__inner {
        gap: 1rem
    }
}

.c-hero__title {
    color: var(--color-bg-base);
    font-size: 2.5rem;
    font-weight: 400;
    line-height: 1.4
}

@media (min-width: 1024px) {
    .c-hero__title {
        font-size: 3.5rem
    }
}

.c-hero__subtitle {
    color: var(--color-bg-base);
    font-size: 1.25rem;
    font-weight: 400;
    line-height: 1.4
}

.c-hero-margin {
    margin-top: 1rem;
}


.c-product-hero {
    position: relative;
    overflow: hidden;
    min-height: 25.75rem;
    margin-inline: auto
}

@media (min-width: 768px) {
    .c-product-hero {
        min-height: 22.125rem
    }
}

@media (min-width: 1024px) {
    .c-product-hero {
        max-width: 118.75rem
    }
}

.c-product-hero__image {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 0
}

    .c-product-hero__image img {
        width: 100%;
        height: 100%;
        object-fit: cover;
        object-position: center
    }

.c-product-hero__inner {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 1;
    align-items: flex-start;
    padding-top: 2rem
}

@media (min-width: 768px) {
    .c-product-hero__inner {
        padding-top: 2.3125rem
    }
}

@media (min-width: 1024px) {
    .c-product-hero__inner {
        padding-top: 3.75rem
    }
}

.c-product-hero__title {
    color: var(--color-bg-base);
    font-size: 2rem;
    font-weight: 400;
    line-height: 1.375
}

@media (min-width: 768px) {
    .c-product-hero__title {
        font-size: 2.5rem;
        line-height: 1.35
    }
}

@media (min-width: 1024px) {
    .c-product-hero__title {
        font-size: 3rem;
        line-height: 1.354
    }
}

.c-tab-nav__list {
    display: flex;
    gap: 0.25rem;
    margin: 0;
    padding-inline: 1.5rem;
    list-style: none;
    margin-top: 1.5rem;
    margin-bottom: 1rem;
}

@media (min-width: 1024px) {
    .c-tab-nav__list {
        max-width: 49.5rem;
        margin-inline: auto;
        padding-inline: 0;
        margin-top: 1.5rem;
        margin-bottom: 2rem;
    }
}

.c-tab-nav__link {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: .75rem 1rem;
    width: 100%;
    height: 100%;
    font-size: 1rem;
    line-height: 1.5;
    text-align: center;
    text-decoration: none;
    color: var(--color-primary);
    background-color: var(--color-bg-subtle)
}

    .c-tab-nav__link[aria-current=page] {
        color: var(--color-bg-base);
        background-color: var(--color-primary)
    }

.c-tab-nav__item {
    display: flex;
    flex: 1
}

.c-modal {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    background: #5a5756b8
}

    .c-modal[hidden] {
        display: none
    }

.c-modal__inner {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
    width: 100%;
    max-width: 53.75rem
}

.c-modal__close {
    position: relative;
    order: 2;
    width: 2.5rem;
    height: 2.5rem;
    padding: 0;
    margin-top: 1rem;
    background: transparent;
    border: none;
    cursor: pointer;
    align-self: center
}

@media (min-width: 768px) {
    .c-modal__close {
        order: 0;
        align-self: flex-end;
        margin-top: 0;
        margin-bottom: 1rem
    }
}

.c-modal__close:before, .c-modal__close:after {
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    width: 2.5rem;
    height: .125rem;
    background: var(--color-bg-base);
    border-radius: .0625rem
}

.c-modal__close:before {
    transform: translate(-50%,-50%) rotate(45deg)
}

.c-modal__close:after {
    transform: translate(-50%,-50%) rotate(-45deg)
}

.c-modal__dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
    padding: 3rem 1.5rem;
    background-color: var(--color-bg-base);
    border: 1px solid #bfbfbf;
    border-radius: .5rem
}

@media (min-width: 768px) {
    .c-modal__dialog {
        padding: 4rem 6.25rem
    }
}

.c-modal__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    width: 100%
}

@media (min-width: 768px) {
    .c-modal__body {
        gap: 1rem;
        max-width: 41.25rem
    }
}

.c-modal__title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-text-base);
    text-align: center
}

@media (min-width: 768px) {
    .c-modal__title {
        font-size: 2rem
    }
}

.c-modal__text {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-text-base);
    text-align: center
}

.c-gate {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    z-index: 50;
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 1.5rem;
    background: #5a5756b8
}

.c-gate__dialog {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 2rem;
    width: 100%;
    max-width: 53.75rem;
    padding: 3rem 1.5rem;
    background-color: var(--color-bg-base);
    border: 1px solid #bfbfbf;
    border-radius: .5rem
}

@media (min-width: 768px) {
    .c-gate__dialog {
        padding: 4rem 6.25rem
    }
}

.c-gate__body {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: .5rem;
    width: 100%
}

@media (min-width: 768px) {
    .c-gate__body {
        gap: 1rem;
        max-width: 41.25rem
    }
}

.c-gate__desc {
    font-size: 1rem;
    font-weight: 400;
    line-height: 1.5;
    color: var(--color-text-base);
    text-align: center
}

.c-gate__title {
    font-size: 1.5rem;
    font-weight: 400;
    line-height: 1.4;
    color: var(--color-text-base);
    text-align: center
}

@media (min-width: 768px) {
    .c-gate__title {
        font-size: 2rem
    }
}

.c-gate__actions {
    display: flex;
    flex-direction: column;
    gap: 1rem
}

@media (min-width: 768px) {
    .c-gate__actions {
        flex-direction: row;
        gap: 1.5rem
    }
}

.u-nowrap {
    white-space: nowrap
}

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

.u-visually-hidden--focusable:focus {
    position: static;
    width: auto;
    height: auto;
    padding: var(--spacing-sm) var(--spacing-md);
    margin: 0;
    overflow: visible;
    clip: auto;
    white-space: normal
}

.u-grid {
    display: grid;
    width: 100%;
    gap: var(--u-grid-gap, 1rem);
    grid-template-columns: repeat(var(--u-grid-cols, 1),minmax(0,1fr))
}

.u-grid--gap-8 {
    --u-grid-gap: .5rem
}

.u-grid--gap-16 {
    --u-grid-gap: 1rem
}

.u-grid--gap-24 {
    --u-grid-gap: 1.5rem
}

.u-grid--gap-32 {
    --u-grid-gap: 2rem
}

.u-grid--gap-40 {
    --u-grid-gap: 2.5rem
}

.u-grid--gap-48 {
    --u-grid-gap: 3rem
}

@media (min-width: 768px) {
    .u-grid--tb-gap-8 {
        --u-grid-gap: .5rem
    }

    .u-grid--tb-gap-16 {
        --u-grid-gap: 1rem
    }

    .u-grid--tb-gap-24 {
        --u-grid-gap: 1.5rem
    }

    .u-grid--tb-gap-32 {
        --u-grid-gap: 2rem
    }

    .u-grid--tb-gap-40 {
        --u-grid-gap: 2.5rem
    }

    .u-grid--tb-gap-48 {
        --u-grid-gap: 3rem
    }
}

.u-grid--gap-lg {
    --u-grid-gap: 1.5rem
}

@media (min-width: 1024px) {
    .u-grid--2 {
        --u-grid-cols: 2
    }
}

@media (min-width: 768px) {
    .u-grid--tb-img-l {
        grid-template-columns: 3fr 2fr
    }
}

@media (min-width: 1024px) {
    .u-grid--tb-img-l {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 768px) {
    .u-grid--tb-img-r {
        grid-template-columns: 2fr 3fr
    }
}

@media (min-width: 1024px) {
    .u-grid--tb-img-r {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }
}

@media (min-width: 1024px) {
    .u-grid--pc-2 {
        --u-grid-cols: 2
    }
}

@media (min-width: 768px) {
    .u-grid--3 {
        --u-grid-cols: 2
    }
}

@media (min-width: 1024px) {
    .u-grid--3 {
        --u-grid-cols: 3
    }
}

@media (min-width: 768px) {
    .u-grid--tb-3 {
        --u-grid-cols: 3
    }
}

@media (min-width: 768px) {
    .u-grid--4 {
        --u-grid-cols: 2
    }
}

@media (min-width: 1024px) {
    .u-grid--4 {
        --u-grid-cols: 4
    }
}

.u-stack {
    display: flex;
    flex-direction: column;
    gap: var(--stack-gap, 1.5rem)
}

.u-stack--4 {
    --stack-gap: .25rem
}

.u-stack--8 {
    --stack-gap: .5rem
}

.u-stack--12 {
    --stack-gap: .75rem
}

.u-stack--16 {
    --stack-gap: 1rem
}

.u-stack--20 {
    --stack-gap: 1.25rem
}

.u-stack--24 {
    --stack-gap: 1.5rem
}

.u-stack--32 {
    --stack-gap: 2rem
}

.u-stack--40 {
    --stack-gap: 2.5rem
}

.u-stack--48 {
    --stack-gap: 3rem
}

.u-stack--56 {
    --stack-gap: 3.5rem
}

.u-stack--64 {
    --stack-gap: 4rem
}

.u-stack--72 {
    --stack-gap: 4.5rem
}

.u-stack--80 {
    --stack-gap: 5rem
}

@media (min-width: 768px) {
    .u-stack--tb-4 {
        --stack-gap: .25rem
    }

    .u-stack--tb-8 {
        --stack-gap: .5rem
    }

    .u-stack--tb-12 {
        --stack-gap: .75rem
    }

    .u-stack--tb-16 {
        --stack-gap: 1rem
    }

    .u-stack--tb-20 {
        --stack-gap: 1.25rem
    }

    .u-stack--tb-24 {
        --stack-gap: 1.5rem
    }

    .u-stack--tb-32 {
        --stack-gap: 2rem
    }

    .u-stack--tb-40 {
        --stack-gap: 2.5rem
    }

    .u-stack--tb-48 {
        --stack-gap: 3rem
    }

    .u-stack--tb-56 {
        --stack-gap: 3.5rem
    }

    .u-stack--tb-64 {
        --stack-gap: 4rem
    }

    .u-stack--tb-72 {
        --stack-gap: 4.5rem
    }

    .u-stack--tb-80 {
        --stack-gap: 5rem
    }
}

@media (min-width: 1024px) {
    .u-stack--pc-4 {
        --stack-gap: .25rem
    }

    .u-stack--pc-8 {
        --stack-gap: .5rem
    }

    .u-stack--pc-12 {
        --stack-gap: .75rem
    }

    .u-stack--pc-16 {
        --stack-gap: 1rem
    }

    .u-stack--pc-20 {
        --stack-gap: 1.25rem
    }

    .u-stack--pc-24 {
        --stack-gap: 1.5rem
    }

    .u-stack--pc-32 {
        --stack-gap: 2rem
    }

    .u-stack--pc-40 {
        --stack-gap: 2.5rem
    }

    .u-stack--pc-48 {
        --stack-gap: 3rem
    }

    .u-stack--pc-56 {
        --stack-gap: 3.5rem
    }

    .u-stack--pc-64 {
        --stack-gap: 4rem
    }

    .u-stack--pc-72 {
        --stack-gap: 4.5rem
    }

    .u-stack--pc-80 {
        --stack-gap: 5rem
    }
}

.u-align {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    gap: var(--align-gap, 1rem)
}

.u-align--left {
    justify-content: flex-start
}

.u-align--center {
    justify-content: center
}

.u-align--right {
    justify-content: flex-end
}

.u-cluster {
    display: flex;
    flex-wrap: wrap;
    gap: var(--cluster-gap, 1.5rem)
}

.u-cluster--8 {
    --cluster-gap: .5rem
}

.u-cluster--16 {
    --cluster-gap: 1rem
}

.u-cluster--24 {
    --cluster-gap: 1.5rem
}

.u-cluster--32 {
    --cluster-gap: 2rem
}

.u-cluster--40 {
    --cluster-gap: 2.5rem
}

.u-cluster--48 {
    --cluster-gap: 3rem
}

.u-cluster--56 {
    --cluster-gap: 3.5rem
}

.u-cluster--64 {
    --cluster-gap: 4rem
}

.u-cluster--72 {
    --cluster-gap: 4.5rem
}

.u-cluster--80 {
    --cluster-gap: 5rem
}

.s-text .c-text span {
    font-weight: bold;
}

.s-text {
    --stack-gap: -0.25rem !important;
}

@media (max-width: 768px) {
    .l-header__mobile-product-heading {
        transform: translate(-30px);
    }

        .l-header__mobile-product-heading .l-header__mobile-arrow {
            display: none
        }
}

sup.note {
    position: relative;
    font-size: 75%;
    top: -0.3em;
}

.c-local-nav__link-active {
    font-weight: 700;
    color: var(--color-primary);
    border-block-end-color: var(--color-primary);
}

.is-pc {
    display: none;
}

.is-mb {
    display: block;
}

@media (min-width: 768px) {
    .is-pc {
        display: block;
    }

    .is-mb {
        display: none;
    }
}

.clearfix {
    display: none;
}


.c-text--redtxt {
    font-size: 1rem;
    line-height: 1.5;
    color: #B52555;
}

.c-bold {
    font-weight: bold;
}
@media (max-width: 1023.999px) {

    .c-product-mblogo {
        width: 227px;
        height: 86px;
    }
}

.c-ordered-custom-list li {
    counter-increment: item;
    font-weight: 400;
    font-size: 16px;
    line-height: 150%;
    letter-spacing: 0%;
    color: #5A5756;
}

    .c-ordered-custom-list li::before {
        content: counter(item) ") ";
        font-weight: bold;
    }

.c-list__item .team ::before {
    flex-shrink: 0;
    width: 0.25rem;
    height: 0.25rem;
    margin-block-start: calc((1.375em - 0.25rem) / 2);
    content: "";
    background-color: red;
    border-radius: 50%;
}

.c-list__item a {
    color: #003b8e;
    line-height: 180%;
    text-decoration: underline;
}

.c-list__item--link::before {
    flex-shrink: 0;
    width: 0.25rem;
    height: 0.25rem;
    margin-block-start: calc((1.375em - 0.25rem) / 2);
    content: "";
    /* background-color: currentColor; */
    border-radius: 50%;
    background-color: #002F6C;
    position: relative;
    top: 5px;
}

.c-alert__item__pink {
    display: flex;
    align-items: flex-start;
    gap: 0.75rem;
    font-size: 1rem;
    line-height: 1.5;
}
.note-text-remobe-bg {
    background-color: #ffffff !important;
}


.c-small-text {
    font-size: 14px;
    /* font-weight: 700; */
    line-height: 1.5;
}

.c-quote-1 {
    padding: 20px;
    font-size: 12px;
    line-height: 1.5;
    color: var(--color-text-base);
    background-color: var(--color-bg-subtle);
    border-radius: 0.3125rem;
}

    .c-quote-1 a {
        color: #002F6C;
        text-decoration: underline;
        font-size: 12px;
    }