@charset "UTF-8";

:where(:not(html, canvas, img, svg, video, input, textarea):not(svg *, symbol *, table, th, td, iframe)) {
    color: unset;
    font: unset;
    font-palette: unset;
    font-synthesis: unset;
    forced-color-adjust: unset;
    text-orientation: unset;
    text-rendering: unset;
    -webkit-font-smoothing: unset;
    -webkit-locale: unset;
    -webkit-text-orientation: unset;
    -webkit-writing-mode: unset;
    writing-mode: unset;
    zoom: unset;
    accent-color: unset;
    place-content: unset;
    place-items: unset;
    place-self: unset;
    alignment-baseline: unset;
    animation-composition: unset;
    animation: unset;
    app-region: unset;
    appearance: unset;
    aspect-ratio: unset;
    backdrop-filter: unset;
    backface-visibility: unset;
    background: unset;
    background-blend-mode: unset;
    baseline-shift: unset;
    baseline-source: unset;
    block-size: unset;
    border-block: unset;
    border: unset;
    border-radius: unset;
    border-collapse: unset;
    border-end-end-radius: unset;
    border-end-start-radius: unset;
    border-inline: unset;
    border-start-end-radius: unset;
    border-start-start-radius: unset;
    inset: unset;
    box-shadow: unset;
    box-sizing: unset;
    break-after: unset;
    break-before: unset;
    break-inside: unset;
    buffered-rendering: unset;
    caption-side: unset;
    caret-color: unset;
    clear: unset;
    clip: unset;
    clip-path: unset;
    clip-rule: unset;
    color-interpolation: unset;
    color-interpolation-filters: unset;
    color-rendering: unset;
    color-scheme: unset;
    columns: unset;
    column-fill: unset;
    gap: unset;
    column-rule: unset;
    column-span: unset;
    contain: unset;
    contain-intrinsic-block-size: unset;
    contain-intrinsic-size: unset;
    contain-intrinsic-inline-size: unset;
    container: unset;
    content: unset;
    content-visibility: unset;
    counter-increment: unset;
    counter-reset: unset;
    counter-set: unset;
    cursor: unset;
    cx: unset;
    cy: unset;
    d: unset;
    display: revert;
    dominant-baseline: unset;
    empty-cells: unset;
    fill: unset;
    fill-opacity: unset;
    fill-rule: unset;
    filter: unset;
    flex: unset;
    flex-flow: unset;
    float: unset;
    flood-color: unset;
    flood-opacity: unset;
    grid: unset;
    grid-area: unset;
    height: unset;
    hyphenate-character: unset;
    hyphenate-limit-chars: unset;
    hyphens: unset;
    image-orientation: unset;
    image-rendering: unset;
    initial-letter: unset;
    inline-size: unset;
    inset-block: unset;
    inset-inline: unset;
    isolation: unset;
    letter-spacing: unset;
    lighting-color: unset;
    line-break: unset;
    list-style: unset;
    margin-block: unset;
    margin: unset;
    margin-inline: unset;
    marker: unset;
    mask: unset;
    mask-type: unset;
    math-depth: unset;
    math-shift: unset;
    math-style: unset;
    max-block-size: unset;
    max-height: unset;
    max-inline-size: unset;
    max-width: unset;
    min-block-size: unset;
    min-height: unset;
    min-inline-size: unset;
    min-width: unset;
    mix-blend-mode: unset;
    object-fit: unset;
    object-position: unset;
    object-view-box: unset;
    offset: unset;
    opacity: unset;
    order: unset;
    orphans: unset;
    outline: unset;
    outline-offset: unset;
    overflow-anchor: unset;
    overflow-clip-margin: unset;
    overflow-wrap: unset;
    overflow: unset;
    overscroll-behavior-block: unset;
    overscroll-behavior-inline: unset;
    overscroll-behavior: unset;
    padding-block: unset;
    padding: unset;
    padding-inline: unset;
    page: unset;
    page-orientation: unset;
    paint-order: unset;
    perspective: unset;
    perspective-origin: unset;
    pointer-events: unset;
    position: unset;
    quotes: unset;
    r: unset;
    resize: unset;
    rotate: unset;
    ruby-position: unset;
    rx: unset;
    ry: unset;
    scale: unset;
    scroll-behavior: unset;
    scroll-margin-block: unset;
    scroll-margin: unset;
    scroll-margin-inline: unset;
    scroll-padding-block: unset;
    scroll-padding: unset;
    scroll-padding-inline: unset;
    scroll-snap-align: unset;
    scroll-snap-stop: unset;
    scroll-snap-type: unset;
    scrollbar-gutter: unset;
    shape-image-threshold: unset;
    shape-margin: unset;
    shape-outside: unset;
    shape-rendering: unset;
    size: unset;
    speak: unset;
    stop-color: unset;
    stop-opacity: unset;
    stroke: unset;
    stroke-dasharray: unset;
    stroke-dashoffset: unset;
    stroke-linecap: unset;
    stroke-linejoin: unset;
    stroke-miterlimit: unset;
    stroke-opacity: unset;
    stroke-width: unset;
    tab-size: unset;
    table-layout: unset;
    text-align: unset;
    text-align-last: unset;
    text-anchor: unset;
    text-combine-upright: unset;
    text-decoration: unset;
    text-decoration-skip-ink: unset;
    text-emphasis: unset;
    text-emphasis-position: unset;
    text-indent: unset;
    text-overflow: unset;
    text-shadow: unset;
    text-size-adjust: unset;
    text-transform: unset;
    text-underline-offset: unset;
    text-underline-position: unset;
    white-space: unset;
    touch-action: unset;
    transform: unset;
    transform-box: unset;
    transform-origin: unset;
    transform-style: unset;
    transition: unset;
    translate: unset;
    user-select: unset;
    vector-effect: unset;
    vertical-align: unset;
    view-transition-name: unset;
    visibility: unset;
    border-spacing: unset;
    -webkit-box-align: unset;
    -webkit-box-decoration-break: unset;
    -webkit-box-direction: unset;
    -webkit-box-flex: unset;
    -webkit-box-ordinal-group: unset;
    -webkit-box-orient: unset;
    -webkit-box-pack: unset;
    -webkit-box-reflect: unset;
    -webkit-highlight: unset;
    -webkit-line-break: unset;
    -webkit-line-clamp: unset;
    -webkit-mask-box-image: unset;
    -webkit-mask: unset;
    -webkit-mask-composite: unset;
    -webkit-print-color-adjust: unset;
    -webkit-rtl-ordering: unset;
    -webkit-ruby-position: unset;
    -webkit-tap-highlight-color: unset;
    -webkit-text-combine: unset;
    -webkit-text-decorations-in-effect: unset;
    -webkit-text-fill-color: unset;
    -webkit-text-security: unset;
    -webkit-text-stroke: unset;
    -webkit-user-drag: unset;
    -webkit-user-modify: unset;
    widows: unset;
    width: unset;
    will-change: unset;
    word-break: unset;
    word-spacing: unset;
    x: unset;
    y: unset;
    z-index: unset;
}

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

a,
button {
    cursor: revert;
}

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

sup {
    vertical-align: super;
    font-size: 0.6em;
}

sub {
    vertical-align: sub;
    font-size: 0.6em;
}

u {
    text-decoration: underline;
}

:where(img) {
    max-width: 100%;
    height: auto;
}

table {
    border-collapse: collapse;
}

input,
textarea {
    user-select: auto;
}

textarea {
    white-space: revert;
}

meter {
    appearance: revert;
}

iframe {
    width: 100%;
    display: block;
}

:where([hidden]) {
    display: none;
}

:where([contenteditable]:not([contenteditable="false"])) {
    -webkit-user-modify: read-write;
    overflow-wrap: break-word;
    -webkit-line-break: after-white-space;
    user-select: auto;
}

:where([draggable="true"]) {
    -webkit-user-drag: element;
}

html,
:root {
    color: var(--color-text);
    text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
    font-feature-settings: "palt";
    font-size: 16px;
    line-height: 2;
    letter-spacing: 0.06em;
    font-family: var(--font-normal, sans-serif);
    scroll-behavior: smooth;
}

@media print {

    html,
    :root {
        color: rgb(0, 0, 0);
    }
}

@media print {

    html,
    :root {
        color: rgb(0, 0, 0);
    }
}

:root {
    --i-blank: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpolygon%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20points%3D%2223.59%2C7%2019%2C7%2019%2C5%2027%2C5%2027%2C13%2025%2C13%2025%2C8.41%2016.71%2C16.71%2015.29%2C15.29%20%09%0A%09%09%22%3E%3C%2Fpolygon%3E%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M5%2C9c0-1.1%2C0.9-2%2C2-2h7v2H7v16h16v-7h2v7c0%2C1.1-0.9%2C2-2%2C2H7c-1.1%2C0-2-0.9-2-2V9z%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    --i-blank_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpolygon%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20points%3D%2227.38%2C4.62%2018.62%2C4.62%2018.62%2C7.38%2022.68%2C7.38%2014.76%2C15.29%2016.71%2C17.24%20%0A%09%0924.62%2C9.32%2024.62%2C13.38%2027.38%2C13.38%20%09%22%3E%3C%2Fpolygon%3E%0A%09%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M7%2C6.62C5.69%2C6.62%2C4.62%2C7.69%2C4.62%2C9v16c0%2C1.31%2C1.06%2C2.38%2C2.38%2C2.38h16%0A%09%09c1.31%2C0%2C2.38-1.06%2C2.38-2.38v-7.38h-2.75v7H7.38V9.38h7V6.62H7z%22%3E%3C%2Fpath%3E%0A%3C%2Fg%3E%0A%3C%2Fsvg%3E');
    --i-arrow_r: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_l: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(180%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_t: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M20.73%2C16L10.44%2C5.71l1.41-1.41L23.56%2C16L11.85%2C27.71l-1.41-1.41L20.73%2C16z%22%20transform%3D%22rotate(-90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_r_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_b_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_l_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(180%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-arrow_t_b: url('data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.27%2C16L11.85%2C3.59L9.73%2C5.71L20.03%2C16L9.73%2C26.29l2.12%2C2.12L24.27%2C16z%22%20transform%3D%22rotate(-90%2C%2016%2C%2016)%22%3E%3C%2Fpath%3E%0A%3C%2Fsvg%3E');
    --i-first-green: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAB5klEQVQ4jWJkaE5xYGD458AABkwHGGrnHICwSQANCQIMDQs+MDAwMAAAAAD//2ICGcbIyFgPwgiDiQdMrUn1jCzM9xlaUw0YGBgYAAAAAP//YiLZNUgAZNj//4wNDAwMAoz//+1naEhQAAAAAP//IttAJMPA4P9/xokMDQseAAAAAP//IstALIY1MtTOaWBgYGAAAAAA//8i2UB8hjEwMDAAAAAA//8iyUBChjEwMDAAAAAA//8i2kBiDGNgYGAAAAAA//8iykBiDWNgYGAAAAAA//8iaCAphjEwMDAAAAAA///CayCphjEwMDAAAAAA///CaSA5hjEwMDAAAAAA///CaeC/f0yMKAqZ/v0nZBgDAwMDAAAA///C7eXaOQ1gVyFc2AByNV7TGBgYAAAAAP//wh8ppBrKwMAAAAAA//8inGxIMZSBgQEAAAD//yIuYRNrKAMDAwAAAP//Ij7rEWMoAwMDAAAA//8irXAgZCgDAwMAAAD//yK9+MJnKAMDAwAAAP//Iq+AxWUoAwMDAAAA//8ivwrAMJShgKEhQQAAAAD//6KoTkEY+v/Df8Z/jgwNCz4AAAAA//9iZnAyBpn/kIGB4SC4Gt1/7gFJhu4/d4DBTn8lQ92CGwwMDAwAAAAA//8DAF2vwLGNsvCKAAAAAElFTkSuQmCC');
    --i-last-green: url('data:img/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAYCAYAAAD6S912AAAB2UlEQVQ4jWJkgIGGBAWGhgUP4HxiQXOKAwPDPwewcgamAwAAAAD//2IC060JBowszOeZWpPqSTaQ4Z8DIyNjPQgzMPxzAAAAAP//YmJoSBBg/M+8n4GBQeD/f8YG8gyFAgYGBgAAAAD//2JiaFjw4f9/xokwIYoMZWBgAAAAAP//gni5dk7D//+MjRQbysDAAAAAAP//ghhILUMZGBgAAAAA//9CGEgNQxkYGAAAAAD//0I1kFJDGRgYAAAAAP//wjSQEkMZGBgAAAAA///CbiC5hjIwMAAAAAD//8JtIDmGMjAwAAAAAP//wm8gqYYyMDAAAAAA//8ibCAohzL9+4/M//ePCVEGIAMGBgYAAAAA//8iaCDINSBXIbmwEeRqrIoZGBgAAAAA///CayCphjEwMDAAAAAA///CaSA5hjEwMDAAAAAA///CaiC5hjEwMDAAAAAA///CMJASwxgYGBgAAAAA//9CMZBSwxgYGBgAAAAA//+CG0gNwxgYGBgAAAAA//8CG0gtwxgYGBgAAAAA//8CVQEK//8zFlDDMAYGBgYAAAAA//8CVQEP/jMyOTIwMICqAooMY2BgYAAAAAD//0KuRgVA9QvJJiBXowxMBwAAAAD//wMASHu2VW0ANJQAAAAASUVORK5CYII=');
}

:root {
    --mq: sm;
    --container-padding: 32px;
    --gutter: 8px;
    --gap: 16px;
    --vw: 10px;
    --container-width: 1160px;
    --col-width: 60px;
    --container-wide-width: 1400px;
    --col-wide-width: 80px;
    --color-border: #ADADAD;
    --color-text: #000;
    --color-text-white: #fff;
    --color-text-secondary: #515151;
    --color-text-green: #018463;
    --color-text-blue: #124F72;
    --color-text-red: #990000;
    --color-bg: #fff;
    --color-bg-secondary: #F6F7F6;
    --color-bg-secondary-a: rgba(0, 0, 0, 0.08);
    --color-bg-blue: #E8F3F8;
    --color-bg-red: #FFF5F5;
    --color-attention: #fb0020;
    --color-link: #fb0020;
    --i-circle-r: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2035%2035%22%20enable-background%3D%22new%200%200%2035%2035%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cg%3E%0A%09%3Cpath%20d%3D%22M16.7%2C12.2c-0.4-0.4-0.4-1.1%2C0-1.5c0.4-0.4%2C1.1-0.4%2C1.5%2C0l6.1%2C6.1c0.4%2C0.4%2C0.4%2C1.1%2C0%2C1.5l-6.1%2C6.1c-0.4%2C0.4-1.1%2C0.4-1.5%2C0%0A%09%09c-0.4-0.4-0.4-1.1%2C0-1.5l4.3-4.3H10.6c-0.6%2C0-1.1-0.5-1.1-1.1s0.5-1.1%2C1.1-1.1H21L16.7%2C12.2z%22%2F%3E%0A%3C%2Fg%3E%0A%3Ccircle%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20fill%3D%22none%22%20stroke%3D%22%23000000%22%20stroke-width%3D%221.8281%22%20stroke-miterlimit%3D%2210%22%20cx%3D%2217.5%22%20cy%3D%2217.5%22%20r%3D%2216.1%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    --i-dl: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2032%2032%22%20enable-background%3D%22new%200%200%2032%2032%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M3%2C20h3v5h20v-5h3v8H3V20z%20M13%2C16V4h6v12h4l-7%2C7l-7-7H13z%22%2F%3E%0A%3C%2Fsvg%3E");
    --i-search: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%0A%09%20viewBox%3D%220%200%2022%2022%22%20style%3D%22enable-background%3Anew%200%200%2022%2022%3B%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20d%3D%22M9.6%2C18.1c-4.8%2C0-8.6-4-8.6-8.8c0-4.7%2C3.9-8.5%2C8.6-8.6c4.8%2C0.1%2C8.6%2C4%2C8.6%2C8.8C18.1%2C14.3%2C14.3%2C18.1%2C9.6%2C18.1z%20M9.6%2C2.3c-4%2C0-7.2%2C3.2-7.2%2C7.2s3.2%2C7.2%2C7.2%2C7.2s7.2-3.2%2C7.2-7.2S13.6%2C2.3%2C9.6%2C2.3z%22%2F%3E%0A%3Cpath%20d%3D%22M20%2C21.2l-5-5l1-1l5%2C5L20%2C21.2z%22%2F%3E%0A%3C%2Fsvg%3E");
    --i-share: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%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%22M11.9583%205.11538C13.224%205.11538%2014.25%204.0822%2014.25%202.80769C14.25%201.53319%2013.224%200.5%2011.9583%200.5C10.6927%200.5%209.66667%201.53319%209.66667%202.80769C9.66667%203.06448%209.70832%203.31147%209.78519%203.54219L4.54299%206.51155C4.12262%206.0105%203.49404%205.69231%202.79167%205.69231C1.52601%205.69231%200.5%206.7255%200.5%208C0.5%209.2745%201.52601%2010.3077%202.79167%2010.3077C3.49404%2010.3077%204.12262%209.9895%204.54299%209.48845L9.78519%2012.4578C9.70832%2012.6885%209.66667%2012.9355%209.66667%2013.1923C9.66667%2014.4668%2010.6927%2015.5%2011.9583%2015.5C13.224%2015.5%2014.25%2014.4668%2014.25%2013.1923C14.25%2011.9178%2013.224%2010.8846%2011.9583%2010.8846C11.256%2010.8846%2010.6274%2011.2028%2010.207%2011.7038L4.96482%208.73449C5.04168%208.50377%205.08333%208.25678%205.08333%208C5.08333%207.74321%205.04168%207.49622%204.96481%207.26551L10.207%204.29615C10.6274%204.79719%2011.256%205.11538%2011.9583%205.11538Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    --i-cross: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%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%22M5.11612%206.00006L0.696699%2010.4195L1.58058%2011.3034L6%206.88394L10.4194%2011.3034L11.3033%2010.4195L6.88388%206.00006L11.3033%201.58064L10.4194%200.696761L6%205.11618L1.58058%200.696761L0.696699%201.58064L5.11612%206.00006Z%22%20fill%3D%22%23000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    --i-file: url("data:image/svg+xml;charset=utf8,%3Csvg%20version%3D%221.1%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20xmlns%3Axlink%3D%22http%3A%2F%2Fwww.w3.org%2F1999%2Fxlink%22%20x%3D%220px%22%20y%3D%220px%22%20width%3D%2214px%22%0A%09%20height%3D%2216px%22%20viewBox%3D%220%200%2014%2016%22%20enable-background%3D%22new%200%200%2014%2016%22%20xml%3Aspace%3D%22preserve%22%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M10.04%2C1H2.12v2.78H0.75v3.33h1.37V16h11.13V4.24L10.04%2C1z%20M3.22%2C7.11v7.78h8.93%0A%09V5.31H8.99V2.11H3.22v1.67h4.95v3.33H3.22z%20M11.65%2C4.19l-1.56-1.58v1.58H11.65z%22%2F%3E%0A%3C%2Fsvg%3E%0A")
}

:root {
    --font-normal: "Clarimo UD PE Light", "UD Shin Go Light JIS2004", sans-serif;
    --font-medium: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004", sans-serif;
    --font-bold: "Clarimo UD PE Medium", "UD Shin Go Medium JIS2004", sans-serif;
    --font-normal-conde: "Clarimo UD PE Light", "UD Shin Go Conde90 L JIS2004", sans-serif;
    --font-medium-conde: "Clarimo UD PE Regular", "UD Shin Go Conde90 R JIS2004", sans-serif;
    --font-bold-conde: "Clarimo UD PE Medium", sans-serif;
    --font-thai-light: "Clarimo UD Thai Light", sans-serif;
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    :root {
        --mq: md;
        --container-padding: 40px;
        --gutter: 16px;
        --gap: 32px
    }
}

@media screen and (min-width: 1280px) {
    :root {
        --mq: lg;
        --container-padding: 64px;
        --gutter: 20px;
        --gap: 40px
    }
}


#onetrust-consent-sdk,
#onetrust-consent-sdk * {
    font-family: sans-serif
}

/* body,
ul,
ol,
dl,
h1,
h2,
h3,
h4,
h5,
h6,
button,
p {
    margin: 0;
    padding: 0;
} */

body,
ul,
ol,
dl,
button {
    margin: 0;
    padding: 0;
}

body {
    position: relative;
    line-height: 1.75;
    /*  color: #333333;*/
    color: #000000;
}

.-fixed body {
    overflow-y: scroll;
}

main {
    position: relative;
    width: 100%;
    display: block;
}

@supports ((position: -webkit-sticky) or (position: sticky)) {
    main {
        position: initial;
        width: initial;
    }
}

p {
    font-size: 1rem;
}

a {
    text-decoration: none;
    color: #333333;
}

h1 {
    font-weight: 600;
    font-size: 28px;
}

h2 {
    font-size: 24px;
}

h3 {
    font-size: 20px;
}

h4 {
    font-size: 18px;
}

h5 {
    font-weight: 600;
    font-size: 16px;
}

h1,
h2,
h3,
h4,
h5,
h6,
p {
    overflow-wrap: break-word;
}

h2,
h3,
h4,
h5,
h6,
p {
    margin-bottom: 1rem
}

.clearfix:after {
    content: " ";
    /* Older browser do not support empty content */
    visibility: hidden;
    display: block;
    height: 0;
    clear: both;
}

.pl-0 {
    padding-left: 0 !important;
}

.pr-0 {
    padding-right: 0 !important;
}

.mx-0 {
    margin-left: 0 !important;
    margin-right: 0 !important;
}

.mb-0 {
    margin-bottom: 0 !important;
}

.mb-1 {
    margin-bottom: 1rem !important;
}

.mb-2 {
    margin-bottom: 2rem !important;
}

.mt-0 {
    margin-top: 0 !important;
}

.mt-1 {
    margin-top: 1rem !important;
}

.mt-2 {
    margin-top: 2rem !important;
}

.mt-3 {
    margin-top: 3rem !important;
}

.mt-4 {
    margin-top: 4rem !important;
}

.text-left {
    text-align: left !important;
}

.text-center {
    text-align: center !important;
}

.text-right {
    text-align: right !important;
}

.w-100 {
    width: 100%;
}

/* ol,
ul {
    list-style-type: none;
    padding: 0;
} */

ol,
ul {
    list-style-type: none;
}

.l-container {
    max-width: 1400px;
    height: 100%;
    margin-left: auto;
    margin-right: auto;
    /*  padding-right: 2rem;
    padding-left: 2rem; */
}

.l-container-wide {
    margin-left: auto;
    margin-right: auto;
    box-sizing: content-box;
    /*  padding-left: var(--container-padding);
    padding-right: var(--container-padding); */
}

.m-heading-1__title,
.m-heading-5__title,
.m-heading-6__title {
    font-family: var(--font-bold-conde, sans-serif);
    font-weight: bold;
}

@media screen and (min-width: 768px) {
    .l-container-wide {
        max-width: 1120px;
    }
}

@media screen and (max-width: 767px) {
    .l-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.bg-black {
    background-color: #333333 !important;
    color: #ffffff !important;
}

.m-paragraph {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.m-paragraph__body > :last-child {
    margin-bottom: 0;
}

.m-paragraph__body > p {
    font-size: 1rem;
    margin-bottom: 1rem;
    line-height: 2;
    letter-spacing: .06em;
    font-family: var(--font-normal, sans-serif);
}

    .m-paragraph__body > p > small {
        font-size: 90%;
    }

@media screen and (max-width: 767px) {
    .l-container {
        padding-left: 1.5rem;
        padding-right: 1.5rem;
    }
}

.m-container > :first-child {
    margin-top: 0;
}

.m-container > :last-child {
    margin-bottom: 0;
}

.l-flex {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

    .l-flex.-align-start {
        align-items: flex-start;
    }

    .l-flex.-align-end {
        align-items: flex-end;
    }

    .l-flex.-justify-start {
        justify-content: flex-start;
    }

    .l-flex.-justify-end {
        justify-content: flex-end;
    }

    .l-flex.-dir-column {
        flex-direction: column;
    }


/**********************************Header**************************************************/

.top-header {
    /*  border-bottom: 1px solid #dcdcdc; */
}

@media only screen and (max-width: 992px) {
    .top-header {
        min-height: 80px;
    }
}

.m-global-header__menu {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

.m-global-header {
    top: 0;
    width: 100%;
    z-index: 1;
}

.m-global-header__head {
    height: 5rem;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #dcdcdc;
    background-color: #ffffff;
}

    .m-global-header__head .m-global-header__head__inner {
        height: 100%;
    }

.m-global-header__logo {
    margin-right: 1rem;
    flex-shrink: 0;
}

.m-global-header__region {
    font-size: 0.875rem;
    color: #707070;
    /* padding-right: 21.875rem; */
    padding-left: 1rem;
    letter-spacing: 0.06em;
}

@media screen and (max-width: 767px) {
    .m-global-header .l-container {
        padding-right: 1rem;
        padding-left: 1rem;
    }

    .m-global-header__head {
        position: relative;
        padding-top: 1.5rem;
        height: 4rem;
        background-color: #ffffff;
        z-index: 1;
    }

    .m-global-header__head__inner {
        padding-right: 3rem;
        padding-bottom: 1rem;
    }

    .m-global-header__logo {
        height: 1.875rem;
        margin-right: 0.75rem;
    }

        .m-global-header__logo img {
            width: auto;
            height: 100%;
        }

    .m-global-header__region {
        font-size: 0.625rem;
        padding-right: 2.5rem;
    }
}

[data-script-enabled=true] .m-global-header {
    position: absolute;
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-header .m-global-header__head {
        height: 2rem;
        padding-top: 1rem;
    }

    .-ver2 .m-global-header .m-global-header__logo {
        height: 1.125rem;
    }

    .-ver2 .m-global-header .m-global-header__region {
        position: absolute;
        top: 2rem;
        left: 0;
        width: 100%;
        background-color: #4a4a4a;
        color: #ffffff;
        font-size: 1rem;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #3b3b3b;
        padding-top: 0.625rem;
        padding-right: 1.875rem;
        padding-bottom: 0.625rem;
        padding-left: 1rem;
    }
}

.m-global-header__menu {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

@media screen and (max-width: 767px) {
    .m-global-header {
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    }

    .m-global-header__menu {
        transform: translateY(0);
        background-color: #f6f6f6;
        display: flex;
        flex-direction: column;
    }

    .m-global-header.-active {
        box-shadow: none;
    }

        .m-global-header.-active .m-global-header__menu {
            transform: translateY(0);
            margin-top: 0;
            visibility: visible;
            transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.4s;
            height: auto;
        }

    .m-global-header.-hide .m-global-header__menu {
        transform: translateY(-100%);
        visibility: hidden;
        transition: transform 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.4s;
    }

    .m-global-header.-hide.-submenu-active .m-global-header__menu {
        transform: translateX(100%);
    }
}

@media print, screen and (min-width: 768px) {
    .m-global-header::before {
        content: "";
        display: block;
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100vh;
        background-color: #000000;
        visibility: hidden;
        opacity: 0;
        transition: opacity 0.4s linear, visibility 0s linear 0.4s;
        z-index: -1;
    }

    .m-global-header.-submenu-active::before {
        visibility: visible;
        opacity: 0.3;
        transition: opacity 0.4s linear, visibility 0s linear 0s;
    }
}

@media screen and (max-width: 767px) {
    [data-script-enabled=true] .m-global-header__menu {
        transform: translateY(-100%);
        height: 0;
        visibility: hidden;
    }
}

.m-global-header__utils {
    position: relative;
    width: 100%;
}

.m-global-header__utils__inner {
    position: absolute;
    top: -5rem;
    right: 2rem;
    display: flex;
    justify-content: flex-end;
    align-items: center;
}

.m-global-header__global-link {
    color: #9b9b9b;
    font-size: 0.75rem;
    display: block;
    margin-right: 1.625rem;
}

    .m-global-header__global-link > img {
        width: 1.125rem;
        height: 1.125rem;
        vertical-align: top;
    }

.m-global-header__search {
    background-color: #f6f6f6;
    height: 3rem;
    display: flex;
}

    .m-global-header__search input[type=text],
    .m-global-header__search__button {
        line-height: 1.25;
    }

.m-global-header__search__button {
    width: 3rem;
    height: 3rem;
    padding-left: 0.5rem;
    background: none;
    border: none;
    box-shadow: none;
    display: inline-block;
    padding-top: 0.6875rem;
    padding-right: 0.4375rem;
    padding-bottom: 0.5rem;
    padding-left: 0.75rem;
}

.m-global-header__search__text {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.m-global-header__search__icon {
    stroke: #707070;
    fill: #707070;
    width: 1.3125rem;
    height: 1.3125rem;
}

.m-global-header__search input[type=text] {
    border: none;
    background: none;
    width: 12rem;
    height: 100%;
    font-size: 1rem;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1.25rem;
}

@media screen and (max-width: 767px) {
    .m-global-header__utils {
        position: static;
        order: 2;
    }

    .m-global-header__utils__inner {
        position: static;
        justify-content: flex-start;
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .m-global-header__search {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: auto;
        margin: auto;
        border-bottom-width: 1px;
        border-bottom-style: solid;
        border-bottom-color: #c8c8c8;
        padding-top: 1rem;
        padding-right: 1rem;
        padding-bottom: 1rem;
        padding-left: 1rem;
    }

    .m-global-header__search__button {
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }

    .m-global-header__search input[type=text],
    .m-global-header__search button {
        background-color: #ffffff;
    }

    .m-global-header__search input[type=text] {
        width: calc(100% - 48px);
        height: 3rem;
        padding-left: 1rem;
    }

    .m-global-header__search__icon {
        width: 2rem;
        height: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-header .m-global-header__utils {
        background-color: #4a4a4a;
    }

    .-ver2 .m-global-header .m-global-header__search {
        top: 3rem;
        background-color: #4a4a4a;
        border-bottom-color: #6e6e6e;
    }
}

.m-global-header__toggle {
    position: absolute;
    top: 0.5rem;
    right: 0.125rem;
    width: 3rem;
    height: 3rem;
    background: none;
    z-index: 1;
    border: none;
    display: none;
}

@media screen and (max-width: 767px) {
    .m-global-header__toggle {
        display: block;
    }

        .m-global-header__toggle::before,
        .m-global-header__toggle::after,
        .m-global-header__toggle .m-global-header__toggle__text::before {
            content: "";
            display: block;
            background-color: #000000;
            width: 1.5rem;
            height: 0.125rem;
            position: absolute;
            top: 50%;
            left: 50%;
            transform: translateX(-50%);
            transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0.4s;
        }

        .m-global-header__toggle::after {
            transform: translate(-50%, -7px);
        }

        .m-global-header__toggle::before {
            transform: translate(-50%, 7px);
        }

        .m-global-header__toggle .m-global-header__toggle__text {
            height: 0;
            overflow: hidden;
            display: block;
        }

            .m-global-header__toggle .m-global-header__toggle__text::before {
                transform: translateX(-50%) scaleX(1);
            }
}

.m-global-header.-active .m-global-header__toggle::before {
    transform: translateX(-50%) rotate(45deg);
}

.m-global-header.-active .m-global-header__toggle::after {
    transform: translateX(-50%) rotate(-45deg);
}

.m-global-header.-active .m-global-header__toggle .m-global-header__toggle__text::before {
    transform: translateX(-50%) scaleX(0);
}

.-ver2 .m-global-header .m-global-header__toggle {
    top: 2rem;
}

    .-ver2 .m-global-header .m-global-header__toggle::before,
    .-ver2 .m-global-header .m-global-header__toggle::after,
    .-ver2 .m-global-header .m-global-header__toggle .m-global-header__toggle__text::before {
        background-color: #ffffff;
    }


/**********************************End Header**************************************************/


/*************************************Footer*************************************************/
.m-global-footer__wrap p,
.m-global-footer__wrap ul,
.m-global-footer__wrap ol {
    margin: 0;
    padding: 0;
}

.m-global-footer__wrap ol,
.m-global-footer__wrap ul {
    list-style-type: none;
    padding: 0;
}

.m-global-footer__wrap .m-sns-links {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0;
}

.m-global-footer__wrap .m-sns-links__item {
    margin-top: 0;
}

    .m-global-footer__wrap .m-sns-links__item > img {
        opacity: 0.8;
        transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .m-global-footer__wrap .m-sns-links__item:hover > img,
    .m-global-footer__wrap .m-sns-links__item:active > img,
    .m-global-footer__wrap .m-sns-links__item:focus > img {
        opacity: 1;
        transform: none;
        transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

.m-global-footer__wrap {
    background-color: #333333;
    padding-top: 2.25rem;
    margin-top: 45px;
}

.m-footer-links {
    border-bottom: 1px solid #707070;
    padding-bottom: 2.5rem;
}

    .m-footer-links .m-column {
        margin-top: 0;
        margin-bottom: 0;
    }

.m-footer-links__title {
    color: #ffffff;
    font-size: 1.125rem;
    margin-bottom: 0.25rem !important;
}

.m-footer-links__label {
    color: #dcdcdc;
    font-size: 13px;
    margin-top: 0.5rem !important;
}

.m-footer-links__link:hover > img,
.m-footer-links__link:active > img,
.m-footer-links__link:focus > img {
    filter: brightness(1.2);
}

.m-footer-links__link:hover .m-footer-links__label,
.m-footer-links__link:active .m-footer-links__label,
.m-footer-links__link:focus .m-footer-links__label {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .m-footer-links__label {
        display: none;
    }
}

.m-footer-sitemap {
    border-top: 1px solid #707070;
    padding-top: 2.5rem;
    margin-bottom: 3rem;
}

.m-footer-sitemap__head {
    margin-bottom: 0.5rem;
    font-size: 1rem;
}

.m-footer-sitemap__body > li {
    font-size: 0.875rem;
    margin-bottom: 0.625rem;
}

.m-footer-sitemap__category + .m-footer-sitemap__category {
    margin-top: 1.5rem;
}

.m-footer-sitemap__group ul {
    padding-left: 1rem;
}

    .m-footer-sitemap__group ul > li {
        font-size: 0.875rem;
        margin-bottom: 0.5rem;
    }

.m-footer-sitemap__group__head {
    font-size: 0.75rem;
    margin-bottom: 0.5rem !important;
    color: #ffffff;
}

.m-footer-sitemap a {
    color: #dcdcdc;
}

    .m-footer-sitemap a:hover,
    .m-footer-sitemap a:active,
    .m-footer-sitemap a:focus {
        color: #ffffff;
        text-decoration: underline;
    }

@media screen and (max-width: 767px) {
    .m-footer-sitemap {
        padding-top: 0.3125rem;
    }

        .m-footer-sitemap .row {
            margin-top: -0.25rem;
            margin-right: -0.5rem;
            margin-bottom: -0.25rem;
            margin-left: -0.5rem;
        }

            .m-footer-sitemap .row > .col {
                padding-top: 0.25rem;
                padding-right: 0.5rem;
                padding-bottom: 0.25rem;
                padding-left: 0.5rem;
            }

    .m-footer-sitemap__head {
        position: relative;
        font-size: 1rem;
    }

        .m-footer-sitemap__head a {
            display: block;
        }

            .m-footer-sitemap__head a::before,
            .m-footer-sitemap__head a::after {
                content: "";
                display: inline-block;
                position: absolute;
                background-color: #8c8c8c;
                width: 1.125rem;
                height: 0.0625rem;
                right: -7px;
                top: 1rem;
            }

            .m-footer-sitemap__head a::before {
                transform: translateX(-50%) rotate(0);
            }

            .m-footer-sitemap__head a::after {
                transform: translateX(-50%) rotate(90deg);
            }

            .m-footer-sitemap__head a.-open::after {
                transform: translateX(-50%) rotate(0);
                background-color: #ffffff;
            }

        .m-footer-sitemap__head .-no-disclosure-body::before,
        .m-footer-sitemap__head .-no-disclosure-body::after {
            content: none;
        }

    .m-footer-sitemap__body {
        visibility: hidden;
        overflow: hidden;
        transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.5s;
    }

        .m-footer-sitemap__body.-open {
            visibility: visible;
        }

    .m-footer-sitemap__category + .m-footer-sitemap__category {
        margin-top: 0.25rem;
        margin-bottom: 0.25rem;
    }
}

.m-global-footer {
    background-color: #000000;
    margin-top: 10px;
}

.m-global-footer__body {
    padding-top: 1rem;
    padding-bottom: 2rem;
}

.m-global-footer__anchor {
    color: #999999;
}

    .m-global-footer__anchor:hover,
    .m-global-footer__anchor:active,
    .m-global-footer__anchor:focus {
        color: #dcdcdc;
        text-decoration: underline;
    }

.m-global-footer__lang a {
    font-size: 0.75rem;
    border: 1px solid #8c8c8c;
    padding: 8px 10px 6px 10px;
    border-radius: 5px;
    background-color: rgba(255, 255, 255, 0.2);
    color: #8c8c8c;
    text-decoration: none;
}

    .m-global-footer__lang a:hover,
    .m-global-footer__lang a:active,
    .m-global-footer__lang a:focus {
        border-color: #ffffff;
        background-color: rgba(255, 255, 255, 0.4);
    }

.m-global-footer__item {
    display: inline-block;
    padding-right: 0.5rem;
    font-size: 0.875rem;
}

    .m-global-footer__item:not(:last-child)::after {
        content: "";
        display: inline-block;
        width: 0.0625rem;
        margin-left: 1rem;
        background-color: #707070;
        height: 0.75rem;
    }

.m-global-footer__body__inner {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    align-items: center;
}

.m-global-footer__copyright {
    color: #8c8c8c;
}

.m-global-footer-copyright-homepage {
    font-size: 100% !important;
    font-family: 'Clarimo UD PE Regular', 'UD Shin Go Regular JIS2004', sans-serif !important;
    font-weight: normal !important;
}

@media screen and (max-width: 767px) {
    .m-global-footer__lang {
        margin-top: 0.5rem;
    }

    .m-global-footer__copyright {
        display: block;
        text-align: center;
        margin-top: 2rem;
    }
}

.m-sns-links {
    text-align: center;
    margin-top: -1rem;
}

@media print, screen and (min-width: 768px) {
    .m-sns-links {
        margin-top: -2rem;
    }
}

.m-sns-links__item {
    display: inline-block;
    width: 3rem;
    height: 3rem;
    margin-top: 1rem;
    margin-right: 0.5rem;
}

    .m-sns-links__item:last-child {
        margin-right: 0 !important;
    }

@media print, screen and (min-width: 768px) {
    .m-sns-links__item {
        width: 5rem;
        height: 5rem;
        margin-top: 2rem;
        margin-right: 1.5rem;
    }

        .m-sns-links__item > img {
            transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
        }

        .m-sns-links__item:hover > img,
        .m-sns-links__item:active > img,
        .m-sns-links__item:focus > img {
            transform: translateY(-10px);
            transition: transform 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
        }
}

.m-sns-links--size-small {
    margin-top: -1.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-sns-links--size-small {
        margin-top: -1rem;
    }
}

.m-sns-links--size-small .m-sns-links__item {
    width: 2rem;
    height: 2rem;
    margin-top: 1.5rem;
    margin-right: 1.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-sns-links--size-small .m-sns-links__item {
        margin-top: 1rem;
        margin-right: 1rem;
    }
}

.m-global-footer__wrap .m-sns-links {
    padding-top: 1rem;
    padding-bottom: 1rem;
    margin-top: 0;
}

.m-global-footer__wrap .m-sns-links__item {
    margin-top: 0;
}

    .m-global-footer__wrap .m-sns-links__item > img {
        opacity: 0.8;
        transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    }

    .m-global-footer__wrap .m-sns-links__item:hover > img,
    .m-global-footer__wrap .m-sns-links__item:active > img,
    .m-global-footer__wrap .m-sns-links__item:focus > img {
        opacity: 1;
        transform: none;
        transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    }


/*************************************End Footer*************************************************/


/*************************************Picture Panel**********************************************/

.m-picture-panel__wrap {
    padding-top: 2.5rem;
}

.m-picture-panel {
    position: relative;
    transform-origin: top center;
    transition-property: transform;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    height: 100vw;
    transform: translate3d(0, -5vw, 0);
}

[data-script-enabled=true] .m-picture-panel::after {
    content: "";
}

.m-picture-panel__list__element {
    opacity: 0;
    visibility: hidden;
}

.m-picture-panel.-current ~ .m-picture-panel {
    transform: translate3d(0, 0, 0);
}

.m-picture-panel::after {
    position: absolute;
    display: block;
    width: 100%;
    height: 105vw;
    top: 0;
    left: 0;
    z-index: 10;
    opacity: 0.5;
    transition-property: opacity;
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    background-color: #000000;
    pointer-events: none;
}

.m-picture-panel.-current::after {
    opacity: 0;
}

.m-picture-panel__anchor {
    display: block;
    color: #ffffff;
    overflow: hidden;
    height: 110vw;
}

.m-picture-panel__body {
    position: relative;
    height: 100%;
    transform: translate3d(0, -5vw, 0);
    transition-duration: 0.6s;
    transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
}

    .m-picture-panel__body::before,
    .m-picture-panel__body::after {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        display: block;
        width: 150%;
        height: 100%;
        background: linear-gradient(to right, rgba(255, 255, 255, 0.15) 0%, rgba(255, 255, 255, 0.05) 65%, rgba(255, 255, 255, 0.15) 100%);
        z-index: 10;
        transform: skewX(-52deg) translateX(120%);
    }

    .m-picture-panel__body::before {
        transition-property: transform;
        transition-duration: 0.72s;
        transition-timing-function: cubic-bezier(0.39, 0.575, 0.565, 1);
    }

    .m-picture-panel__body::after {
        transition-property: transform;
        transition-duration: 0.8s;
        transition-timing-function: cubic-bezier(0.47, 0, 0.745, 0.715);
    }

.-ready .m-picture-panel__body::before,
.-ready .m-picture-panel__body::after {
    transform: skewX(-52deg) translateX(-20%);
    transition-property: transform;
    transition-duration: 0s;
    transition-timing-function: linear;
}

.-current .m-picture-panel__body {
    transform: translate3d(0, -2.5vw, 0);
}

.m-picture-panel__headline {
    position: relative;
    display: flex;
    height: 100%;
    justify-content: center;
    align-items: flex-start;
    flex-direction: column;
    letter-spacing: 0.1em;
    text-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
    font-size: 2.25rem;
    z-index: 10;
    margin-top: 0;
    margin-bottom: 0;
}

.m-picture-panel__title {
    position: relative;
    display: block;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335), cubic-bezier(0.785, 0.135, 0.15, 0.86);
    font-size: 2rem;
}

    .m-picture-panel__title::before {
        content: "-";
        position: absolute;
        color: #fb0020;
        transform-origin: left center;
        display: inline-block;
        transform: scaleX(1.7);
        left: -27px;
        margin-top: -0.1875rem;
    }

.-current .m-picture-panel__title {
    transform: translateX(0%);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.785, 0.135, 0.15, 0.86);
}

.m-picture-panel__subtitle {
    text-indent: 0.2em;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.6, 0.04, 0.98, 0.335), cubic-bezier(0.785, 0.135, 0.15, 0.86);
    font-size: 1rem;
}

.-current .m-picture-panel__subtitle {
    transform: translateX(0%);
    opacity: 1;
    transition-property: transform, opacity;
    transition-duration: 0.4s, 0.4s;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.785, 0.135, 0.15, 0.86);
    transition-delay: 0.1s, 0.1s;
}

.m-picture-panel__list {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.m-picture-panel__list__element {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    transition-property: opacity, visibility;
    transition-duration: 0s, 0s;
    transition-timing-function: linear, linear;
    transition-delay: 1.6s, 1.6s;
}

    .m-picture-panel__list__element.-show {
        z-index: 1;
        opacity: 1;
        visibility: visible;
        transition-property: opacity;
        transition-duration: 1.6s;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95);
        transition-delay: 0s, 0s;
    }

    .m-picture-panel__list__element img {
        height: 100%;
        width: 100%;
        object-fit: cover;
        object-position: center;
        transition-property: transform;
        transition-duration: 0.6s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        -webkit-backface-visibility: hidden;
        backface-visibility: hidden;
    }

.-current .m-picture-panel__list__element img {
    transform: scale(1.05);
}

@media print, screen and (min-width: 768px) {
    .m-picture-panel {
        height: 33.125rem;
        transform: translateY(-40px);
    }

        .m-picture-panel::after {
            height: 35.625rem;
        }

    .m-picture-panel__body {
        transform: translateY(-40px);
    }

    .-current .m-picture-panel__body {
        transform: translateY(-20px);
    }

    .m-picture-panel__anchor {
        height: 38.125rem;
    }

    .m-picture-panel:last-child .m-picture-panel__anchor {
        height: 35.625rem;
    }

    .m-picture-panel__title {
        font-size: 3rem;
    }

        .m-picture-panel__title::before {
            transform: scaleX(2.2);
            left: -52px;
            margin-top: -0.25rem;
        }

    .m-picture-panel__subtitle {
        font-size: 1.125rem;
    }
}


/*************************************End Picture Panel*************************************************/


/*****************************************Accordion******************************************************/

.m-accordion {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

.m-accordion__item {
    border-bottom: 1px solid #8c8c8c;
}

    .m-accordion__item:first-child {
        border-top: 1px solid #8c8c8c;
    }

.m-accordion__head {
    position: relative;
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
    padding-right: 3rem;
}

    .m-accordion__head::before,
    .m-accordion__head::after {
        content: "";
        display: inline-block;
        position: absolute;
        background-color: #8c8c8c;
        width: 1.25rem;
        height: 0.0625rem;
        right: 0;
        top: 50%;
    }

    .m-accordion__head::before {
        transform: translateX(-50%) rotate(0deg);
    }

    .m-accordion__head::after {
        transform: translateX(-50%) rotate(90deg);
    }

.m-accordion__anchor.-open .m-accordion__head::after {
    transform: translateX(-50%) rotate(0deg);
}

.m-accordion__text {
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.m-accordion__title {
    margin-top: 0;
    margin-bottom: 0.25rem;
}

.m-accordion__description {
    font-size: 0.875rem;
    line-height: 1.5;
    flex-grow: 1;
}

.m-accordion__body {
    margin-left: -1rem;
    margin-right: -1rem;
    padding-left: 1rem;
    padding-right: 1rem;
}

[data-script-enabled=true] .m-accordion__body {
    visibility: hidden;
    transition: height 0.5s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.5s linear;
    overflow: hidden;
}

    [data-script-enabled=true] .m-accordion__body.-open {
        visibility: visible;
    }


/*************************************End Accordion*************************************************/


/*****************************************News******************************************************/

.m-news-list {
    padding-top: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.m-news-list__item {
    margin-bottom: 1.5rem;
}

.m-news-list__data,
.m-news-list__date {
    font-size: 0.875rem;
    color: #707070;
}

.m-news-list__text {
    font-size: 0.875rem;
    margin-bottom: 0;
}

    .m-news-list__text .btn {
        color: #707070;
        margin-bottom: 0;
        margin-right: 0;
    }

        .m-news-list__text .btn:hover,
        .m-news-list__text .btn:active,
        .m-news-list__text .btn:focus {
            text-decoration: none;
            color: #01916d;
        }

    .m-news-list__text span {
        line-height: 1.5;
    }

.announcement-list1 p,
.announcement-list1 ul,
.announcement-list1 ol {
    margin: 0;
    padding: 0;
}

.announcement-list1 ol,
.announcement-list1 ul {
    list-style-type: none;
    padding: 0;
}

@media print, screen and (min-width: 768px) {
    .m-news-list__item {
        display: flex;
        align-items: self-start;
    }

    .m-news-list__body {
        flex: 1;
    }

    .m-news-list__date {
        padding-right: 1rem;
        margin-right: 1rem;
        position: relative;
    }

        .m-news-list__date::after {
            content: "";
            width: 0.0625rem;
            height: 0.625rem;
            background-color: #8c8c8c;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -0.3125rem;
        }

        .m-news-list__date span {
            display: inline-block;
            width: 14em;
            /* white-space: nowrap; */
        }

    .m-news-list__item.-light .m-news-list__date::after {
        background-color: #dcdcdc;
    }

    .m-news-list__text {
        font-size: 1rem;
    }
}


/**************************************End News**********************************/


/***********************************menu*******************************************/

.m-global-menu {
    position: relative;
    height: 2.5rem;
    transition: height 0.4s linear;
}

.m-global-menu__wrap {
    position: absolute;
    overflow: hidden;
    transition: height 0.4s linear;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: #ffffff;
}

.m-global-menu__wrap__inner {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}

.m-global-menu__list {
    display: flex;
}

.m-global-menu__link {
    color: #333333;
    display: block;
    padding-top: 0.5rem;
    padding-right: 0;
    padding-bottom: 0.0625rem;
    padding-left: 0;
    font-size: 0.875rem;
}

.m-global-menu__item {
    padding-top: 0;
    padding-right: 0.5rem;
    padding-bottom: 0;
    padding-left: 0.5rem;
}

    .m-global-menu__item:first-child {
        padding-left: 0;
    }

    .m-global-menu__item:last-child {
        padding-right: 0;
    }

@media print, screen and (min-width: 768px) {

    .m-global-menu__item:hover .m-global-menu__link,
    .m-global-menu__item:active .m-global-menu__link,
    .m-global-menu__item:focus .m-global-menu__link {
        /* border-bottom: 3px solid #01916d; */
    }

    .m-global-menu__item.-current .m-global-menu__link {
        border-bottom: 3px solid #01916d;
    }
}

@media screen and (max-width: 767px) {
    .m-global-menu {
        /*   border-top: 1px solid #c8c8c8; */
        height: auto;
    }

    .m-global-menu__wrap {
        position: static;
        background-color: #f6f6f6;
    }

    .m-global-menu__wrap__inner {
        flex-direction: column;
    }

    .m-global-menu__list {
        width: 100%;
        flex-direction: column;
    }

    .m-global-menu__link {
        font-size: 0.875rem;
        padding-top: 1.0625rem;
        padding-right: 0.25rem;
        padding-bottom: 0.5625rem;
        padding-left: 0.25rem;
    }

    .m-global-menu__item {
        overflow: hidden;
        margin: 0;
        border-bottom: 1px solid #c8c8c8;
        padding: 0;
    }
}

.-ver2 .m-global-menu {
    border-top-color: #6e6e6e;
}

.-ver2 .m-global-menu__link {
    color: #ffffff;
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-menu {
        margin-top: 8rem;
    }

    .-ver2 .m-global-menu__wrap {
        background-color: #4a4a4a;
    }

    .-ver2 .m-global-menu__link {
        color: #dcdcdc;
    }

    .-ver2 .m-global-menu__item {
        border-bottom-color: #6e6e6e;
    }
}

@media print, screen and (min-width: 768px) {
    .-ver2 .m-global-menu__wrap {
        position: relative;
    }

        .-ver2 .m-global-menu__wrap::before {
            content: "";
            position: absolute;
            width: 100%;
            height: 2.5rem;
            background-color: #4a4a4a;
        }

    .-ver2 .m-global-menu__wrap__inner {
        position: relative;
        z-index: 1;
    }

    .-ver2 .m-global-menu__item:hover .m-global-menu__link,
    .-ver2 .m-global-menu__item:active .m-global-menu__link,
    .-ver2 .m-global-menu__item:focus .m-global-menu__link {
        border-bottom-color: #ffffff;
    }

    .-ver2 .m-global-menu__item.-current .m-global-menu__link {
        border-bottom-color: #ffffff;
    }
}

.m-global-menu__sub-menu {
    position: absolute;
    width: 100%;
    top: 2.5rem;
    left: 0;
    transition: opacity 0.3s linear, visibility 0.3s linear;
    visibility: hidden;
    opacity: 0;
    background-color: #ffffff;
    padding-top: 2.625rem;
    padding-right: 1.25rem;
    padding-bottom: 2.5rem;
    padding-left: 1.25rem;
}

.m-global-menu__sub-menu__close {
    display: none;
}

.m-global-menu__sub-menu__contents__wrap {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    margin-top: 1.625rem;
}

    .m-global-menu__sub-menu__contents__wrap .m-global-menu__links {
        display: none;
    }

.m-global-menu__sub-menu__contents {
    width: 28%;
}

    .m-global-menu__sub-menu__contents.-wide {
        width: 100%;
        margin-right: 4.375rem;
    }

@media print, screen and (max-width: 900px) {
    .m-global-menu__sub-menu__contents.-wide {
        margin-right: 0;
    }
}

.m-global-menu__sub-menu__contents__item:not(:last-child) {
    margin-bottom: 1.875rem;
}

.m-global-menu__sub-menu__contents__item__title {
    margin-bottom: 0.75rem;
    font-size: 1rem;
}

.m-global-menu__item.-active .m-global-menu__sub-menu {
    visibility: visible;
    opacity: 1;
}

@media screen and (max-width: 767px) {
    .m-global-menu__sub-menu {
        top: 0;
        transform: translateX(100%);
        background-color: #f6f6f6;
        opacity: 1;
        display: none;
        overflow: hidden;
        box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
        padding-top: 1rem;
        padding-right: 0;
        padding-bottom: 1rem;
        padding-left: 0;
    }

        .m-global-menu__sub-menu .m-link {
            font-size: 1.375rem;
            padding-bottom: 0.75rem;
        }

        .m-global-menu__sub-menu .m-link__anchor {
            color: #8c8c8c;
        }

        .m-global-menu__sub-menu .m-link .m-link__text {
            display: flex;
            justify-content: space-between;
            align-items: center;
        }

        .m-global-menu__sub-menu .m-link .m-link__text-small {
            font-size: 0.875rem;
        }

    .m-global-menu__sub-menu__contents__wrap {
        flex-direction: column;
        margin-top: 0;
    }

        .m-global-menu__sub-menu__contents__wrap .m-global-menu__links {
            display: block;
            margin-top: 0.9375rem;
        }

    .m-global-menu__sub-menu__contents {
        width: 100%;
        border-top: 1px solid #cccccc;
    }

    .m-global-menu__sub-menu__contents__inner {
        padding-top: 0.9375rem;
        padding-right: 0;
        padding-bottom: 1.125rem;
        padding-left: 0;
    }

        .m-global-menu__sub-menu__contents__inner .m-link.m-icon__arrow-right::after {
            content: none;
        }

    .m-global-menu__sub-menu__contents__item {
        width: 100%;
        border-bottom: 1px solid #cccccc;
        margin-bottom: 0.875rem;
    }

        .m-global-menu__sub-menu__contents__item:last-child {
            border-bottom: none;
        }

        .m-global-menu__sub-menu__contents__item:not(:last-child) {
            margin-bottom: 0;
            padding-bottom: 0.75rem;
        }

        .m-global-menu__sub-menu__contents__item.-last {
            border-bottom: 1px solid #cccccc;
        }

    .m-global-menu__sub-menu__contents__item__title {
        padding-left: 0.3125rem;
        margin-top: 0.4375rem;
        margin-bottom: 0.25rem;
    }

    .m-global-menu__sub-menu__close {
        display: block;
        border: none;
        border-bottom: 1px solid #cccccc;
        background-color: #f0f0f0;
        width: 100%;
        font-size: 1rem;
        text-align: left;
        margin-top: -1rem;
        padding-top: 0.5625rem;
        padding-right: 1rem;
        padding-bottom: 0.625rem;
        padding-left: 1rem;
    }

    .m-global-menu__sub-menu__close__text {
        padding-left: 1.25rem;
    }

    .m-global-menu__item.-pre-active .m-global-menu__sub-menu {
        transition: 0.4s cubic-bezier(0.445, 0.05, 0.55, 0.95), visibility 0.4s linear;
        display: block;
    }

    .m-global-menu__item.-active .m-global-menu__sub-menu {
        transform: translateX(0);
    }

    .-hide .m-global-menu__item .m-global-menu__sub-menu {
        transition: none;
    }
}

@media screen and (max-width: 767px) {
    .-ver2 .m-global-menu__sub-menu {
        background-color: #4a4a4a;
    }

        .-ver2 .m-global-menu__sub-menu .m-link__anchor {
            color: #dcdcdc;
        }

    .-ver2 .m-global-menu__sub-menu__close {
        border-bottom-color: #6e6e6e;
        background-color: #4a4a4a;
    }

    .-ver2 .m-global-menu__sub-menu__close__text {
        color: #dcdcdc;
    }

    .-ver2 .m-global-menu__sub-menu__contents {
        border-top-color: #6e6e6e;
    }

    .-ver2 .m-global-menu__sub-menu__contents__item {
        border-bottom-color: #6e6e6e;
    }

    .-ver2 .m-global-menu__sub-menu__contents__item__title {
        color: #dcdcdc;
    }
}

.m-global-menu__sub-menu .m-link-list {
    padding-top: 0;
    padding-right: 1rem;
    padding-bottom: 0;
    padding-left: 1rem;
}

@media print, screen and (max-width: 900px) {
    .m-global-menu__sub-menu .m-link-list {
        padding-right: 0;
        padding-left: 0;
    }
}

.m-global-menu__sub-menu .m-link-list__anchor:hover,
.m-global-menu__sub-menu .m-link-list__anchor:active,
.m-global-menu__sub-menu .m-link-list__anchor:focus {
    color: #01916d;
}

.m-global-menu__sub-menu .m-link-list.-block {
    margin-top: 0.75rem;
    margin-bottom: 1.125rem;
    padding-right: 0;
    padding-left: 0;
}

    .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor:hover,
    .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor:active,
    .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor:focus {
        color: #ffffff;
    }

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__item {
    margin-bottom: 0.625rem;
}

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__item__title {
    display: block;
}

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__item:not(:first-child) .m-link-list__item__title {
    margin-top: 1.375rem;
}

.m-global-menu__sub-menu .m-link-list.-image .m-link-list__anchor {
    display: flex;
    align-items: center;
    padding-top: 0.25rem;
    padding-bottom: 0.375rem;
}

    .m-global-menu__sub-menu .m-link-list.-image .m-link-list__anchor img {
        margin-right: 0.8125rem;
    }

.m-global-menu__sub-menu .m-link-list.-image + .m-link-list:not(.-image) {
    margin-left: 2.75rem;
}

@media print, screen and (max-width: 900px) {
    .m-global-menu__sub-menu .m-link-list.-image + .m-link-list:not(.-image) {
        margin-left: 0;
    }
}

.m-global-menu__sub-menu .m-link-list__wrap {
    display: flex;
}

    .m-global-menu__sub-menu .m-link-list__wrap .m-link-list {
        width: 30%;
        margin-right: 0.75rem;
    }

        .m-global-menu__sub-menu .m-link-list__wrap .m-link-list:last-child {
            margin-right: 0;
        }

@media screen and (max-width: 767px) {
    .m-global-menu__sub-menu .m-link-list {
        padding-top: 0.5625rem;
        padding-right: 1rem;
        padding-bottom: 0.5625rem;
        padding-left: 1rem;
    }

        .m-global-menu__sub-menu .m-link-list .m-link-list__item {
            font-size: 1rem;
        }

            .m-global-menu__sub-menu .m-link-list .m-link-list__item:not(:last-child) {
                margin-bottom: 1.1875rem;
            }

        .m-global-menu__sub-menu .m-link-list.-block {
            padding: 0;
            margin-top: 0.25rem;
            margin-bottom: 0.75rem;
        }

            .m-global-menu__sub-menu .m-link-list.-block .m-link-list__item {
                margin-bottom: 0;
            }

            .m-global-menu__sub-menu .m-link-list.-block .m-link-list__anchor {
                background-color: transparent;
                color: #333333;
            }

            .m-global-menu__sub-menu .m-link-list.-block:not(:last-child) {
                margin-bottom: 0;
            }

        .m-global-menu__sub-menu .m-link-list.-image img {
            display: none;
        }

        .m-global-menu__sub-menu .m-link-list.-image .m-link-list__item:last-child {
            margin-bottom: 0;
        }

        .m-global-menu__sub-menu .m-link-list.-image .m-link-list__anchor {
            padding-top: 0;
            padding-bottom: 0;
        }

    .m-global-menu__sub-menu .m-link-list__wrap {
        flex-direction: column;
    }

        .m-global-menu__sub-menu .m-link-list__wrap .m-link-list {
            width: 100%;
        }

    .m-global-menu__sub-menu .m-box-inquiry {
        display: none;
    }
}

@media screen and (max-width: 767px) {

    .-ver2 .m-global-menu__sub-menu .m-link-list .m-link-list__anchor,
    .-ver2 .m-global-menu__sub-menu .m-link-list .m-link-list__item__title {
        color: #dcdcdc;
    }
}

.m-link-list ol,
.m-link-list ul {
    list-style-type: none;
    padding: 0;
}

/***********************************End menu*******************************************/


/***********************************Banner*********************************************/

.m-banner {
    margin-top: 2rem;
    margin-bottom: 1rem;
    page-break-inside: avoid;
}

    .m-banner .m-caption {
        max-height: 3.5em;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 2;
        margin-top: 0.5rem;
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .m-banner .m-slider {
        position: relative;
        overflow: visible;
    }
}

@media screen and (max-width: 767px) {
    .m-banner .m-slider__body {
        display: block;
        transform: none !important;
    }
}

@media screen and (max-width: 767px) {
    .m-banner .m-slider__ui {
        display: none;
    }
}

.m-banner .row {
    margin-top: -0.5rem;
    margin-right: -0.5rem;
    margin-bottom: -0.5rem;
    margin-left: -0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-banner .row {
        margin-top: -0.75rem;
        /* margin-right: -0.75rem; */
        margin-bottom: -0.75rem;
        /* margin-left: -0.75rem; */
    }
}

@media screen and (max-width: 767px) {
    .m-banner .row > .col {
        padding-top: 0.5rem;
        padding-right: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 0.5rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-banner .row > .col {
        flex-shrink: 0;
        flex-grow: 0;
    }
}

.m-banner .row > .col a {
    transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1) 0s;
}

    .m-banner .row > .col a:hover,
    .m-banner .row > .col a:active,
    .m-banner .row > .col a:focus {
        opacity: 0.8;
    }

.m-banner .row > .col img {
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);
}

@media print {
    .m-banner .row > .col img {
        box-shadow: none;
        border: 1px solid #707070;
    }
}

@media print, screen and (min-width: 768px) {
    .m-banner--style_4column .row {
        margin-top: -0.75rem;
        margin-right: -0.75rem;
        margin-bottom: -0.75rem;
        margin-left: -0.75rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-banner--style_4column .row > .col {
        padding-top: 0.75rem;
        padding-right: 0.75rem;
        padding-bottom: 0.75rem;
        padding-left: 0.75rem;
    }
}

.m-banner--style_4column .m-slider__ui {
    display: none;
}


/***********************************End Banner*********************************************/


/**************************************Headings*******************************************/

.page-header {
    padding-bottom: 0.2em;
    /*  border-bottom: 1px solid #8c8c8c; */
}

.m-heading-1 {
    /*  margin-top: 1.875rem;
    margin-bottom: 1.875rem;
    margin-top: 5rem; */
    margin-bottom: 1rem;
}

.m-heading-1__title {
    /*font-size: 2rem;*/
    margin-top: 0;
    margin-bottom: 0;
    display: flex;
    flex-direction: column-reverse;
}

.m-heading-1__title-main {
    display: inline;
    vertical-align: middle;
    margin-top: 0;
    margin-right: 1rem;
    font-size: 32px;
    line-height: 1.5;
}

.m-heading-1__title-sub {
    /* font-size: 1.25rem;*/
    font-size: 18px;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-1__title {
        margin-bottom: 0;
        /* font-size: 2.25rem;*/
    }

    .m-heading-1__title-main {
        font-size: 36px;
    }
}

.m-heading-2 {
    /* margin-top: 4rem;
    margin-bottom: 2rem;*/
    font-size: 36px;
    line-height: 1.5;
    margin-top: 5rem;
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-2 {
        margin-top: 4.5rem;
        margin-bottom: 3rem;
    }
}

.m-heading-2__title {
    font-size: 2rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-2__title {
        font-size: 2.25rem;
    }
}


.m-heading-3 {
    margin-top: 2rem;
    margin-bottom: 1rem;
}


.m-heading-3__title {
    font-size: 1.5rem;
    text-align: center
}

@media print, screen and (min-width: 768px) {
    .m-heading-3__title {
        font-size: 2rem;
    }
}

.m-heading-3.-withLink {
    display: flex;
    justify-content: space-between;
    align-items: center;
}

    .m-heading-3.-withLink .m-link-list__body {
        margin-top: 0;
    }

.m-heading-4 {
    margin-top: 2rem;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-4 {
        margin-top: 3rem;
        margin-bottom: 1rem;
    }
}

.m-heading-4__title {
    font-size: 1.25rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-4__title {
        font-size: 1.5rem;
    }
}

.m-heading-5 {
    margin-top: 1.5rem;
    margin-bottom: 0.5rem;
}

@media print, screen and (min-width: 768px) {
    .m-heading-5 {
        margin-top: 2rem;
        margin-bottom: 1rem;
    }
}

.m-heading-5__title {
    font-size: 1.125rem;
}

.m-heading-6 {
    /*margin-top: 1.5rem;
    margin-bottom: 0.5rem;*/
    margin-top: 40px;
    margin-bottom: 16px;
}

@media print, screen and (min-width: 768px) {
    .m-heading-6 {
        /*margin-top: 2rem;
        margin-bottom: 1rem;*/
        margin-top: 48px;
        margin-bottom: 16px;
    }
}

.m-heading-6__title {
    font-size: 1rem;
}


/******************************************End Headings**********************************************/


/*******************************************Panel-MIG***********************************************/

.bnr-list {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 12px;
}

    .bnr-list > li {
        -webkit-flex: 100% 0 0;
        flex: 100% 0 0;
        margin: 0 0 15px;
    }

        .bnr-list > li:hover .link,
        .bnr-list > li:active .link,
        .bnr-list > li:focus .link {
            color: #01916d;
        }

        .bnr-list > li:last-child {
            margin-bottom: 0;
        }

        .bnr-list > li > a {
            text-decoration: none;
            color: #000;
            background: #fff;
            position: relative;
            display: block;
            padding: 10px 15px 10px 15px;
            border: 1px solid #c1c1c1;
        }

        .bnr-list > li.thumb > a {
            padding: 10px 105px 10px 15px;
        }

        .bnr-list > li .thumb {
            text-align: right;
            position: absolute;
            top: 0;
            right: 0;
            display: block;
            overflow: hidden;
            width: 100px;
            max-width: 100%;
            height: 100%;
        }

            .bnr-list > li .thumb img {
                position: absolute;
                top: 0;
                right: 0;
                bottom: auto;
                width: auto;
                max-height: 100%;
            }

        .bnr-list > li em {
            color: #000;
            display: block;
            margin: 0 0 7px;
        }

        .bnr-list > li .link {
            display: block;
            margin: 7px 0 0;
        }

.lyt-side .bnr-list > li .thumb {
    width: 65px;
    max-width: 65px;
}

    .lyt-side .bnr-list > li.thumb > a {
        padding: 12px 70px 12px 15px;
    }

@media (min-width:768px), print {
    .bnr-list {
        margin-left: -24px;
    }

        .bnr-list > li {
            -webkit-flex: 50% 0 0;
            flex: 50% 0 0;
            max-width: 50%;
            padding-left: 24px;
        }

    .lyt-side .bnr-list {
        margin-left: 0;
    }

        .lyt-side .bnr-list > li {
            -webkit-flex: 100% 0 0;
            flex: 100% 0 0;
            max-width: 100%;
            padding-left: 0;
        }
}


/**
   * .bnr-01
  **/

.bnr-01 {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    margin: 0 0 12px;
    height: 100%;
}

    .bnr-01 .category {
        font-size: 0.75em;
        line-height: 1.875;
    }

    .bnr-01 .date {
        font-size: 0.75em;
        line-height: 1.875;
    }

        .bnr-01 .date:before {
            display: inline-block;
            margin: 0 5px;
            content: "|";
        }

    .bnr-01 .btn {
        font-weight: 400;
        line-height: 29px;
        text-align: center;
        position: relative;
        padding: 5px 20px 5px 20px;
        text-indent: 0;
        background: #fff;
        border: 1px solid #d7d7d7;
    }

    .bnr-01.ride-hdg > a:hover .btn,
    .bnr-01.ride-hdg > a:active .btn,
    .bnr-01.ride-hdg > a:focus .btn {
        color: #000;
        background-color: #fff;
        border-color: #c1c1c1;
    }

    .bnr-01 .unit {
        display: inline-block;
    }

    .bnr-01.pickup {
        background: #01916d;
    }

        .bnr-01.pickup > a {
            color: #fff;
        }

            .bnr-01.pickup > a:hover,
            .bnr-01.pickup > a:active,
            .bnr-01.pickup > a:focus {
                background: #02614e;
            }

    .bnr-01.active {
        background: #01916d;
    }

        .bnr-01.active > a {
            color: #fff;
        }

    .bnr-01 > a {
        text-decoration: none;
        color: #000;
        position: relative;
        display: block;
        height: 100%;
        max-height: 100%;
        /*  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2); */
    }

        .bnr-01 > a _:-ms-fullscreen,
        :root .bnr-01 > a {
            height: 100%;
        }

        .bnr-01 > a:hover,
        .bnr-01 > a:active,
        .bnr-01 > a:focus {
            /*  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4); */
        }

            .bnr-01 > a:hover .image::after,
            .bnr-01 > a:active .image::after,
            .bnr-01 > a:focus .image::after {
                display: block;
            }

            .bnr-01 > a:hover .group::before,
            .bnr-01 > a:active .group::before,
            .bnr-01 > a:focus .group::before {
                background: #fff;
            }

            .bnr-01 > a:hover .group::after,
            .bnr-01 > a:active .group::after,
            .bnr-01 > a:focus .group::after {
                border-color: #01916d;
            }

        .bnr-01 > a .image {
            background-position: center;
            background-size: cover;
            position: relative;
            display: block;
            overflow: hidden;
            height: 122px;
        }

.topic-panels-wrapper .bnr-01 > a .image {
    height: 175px;
}

@media only screen and (min-width: 992px), print {
    .list .bnr-01 > a .image {
        position: absolute;
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px);
        height: 122px;
        margin: 16px 0 0 10px;
    }

    .list .bnr-01.ride-hdg > a .group {
        min-height: 152px;
        padding: 16px 30px 16px 16px;
        padding-left: -webkit-calc(25% + 16px);
        padding-left: calc(25% + 16px);
    }

    .list .bnr-01.ride-hdg .btn {
        left: unset;
        right: 20px;
    }
}

.bnr-01 {
    background: #fff;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-direction: column;
    flex-direction: column;
    /* margin: 0 0 12px; */
    height: 100%;
}

    .bnr-01 .category {
        font-size: .75em;
        line-height: 1.875
    }

    .bnr-01 .date {
        font-size: .75em;
        line-height: 1.875
    }

        .bnr-01 .date:before {
            display: inline-block;
            margin: 0 5px;
            content: "|"
        }

    .bnr-01 .btn {
        font-weight: 400;
        line-height: 29px;
        text-align: center;
        position: relative;
        padding: 5px 20px 5px 20px;
        text-indent: 0;
        background: #fff;
        border: 1px solid #d7d7d7
    }

    .bnr-01.ride-hdg > a:hover .btn,
    .bnr-01.ride-hdg > a:active .btn,
    .bnr-01.ride-hdg > a:focus .btn {
        color: #fff !important;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%) !important;
    }

    .bnr-01 .unit {
        display: inline-block
    }

    .bnr-01.pickup {
        background: #01916d
    }

        .bnr-01.pickup > a {
            color: #fff
        }

            .bnr-01.pickup > a:hover,
            .bnr-01.pickup > a:active,
            .bnr-01.pickup > a:focus {
                background: #02614e
            }

    .bnr-01.active {
        background: #01916d
    }

        .bnr-01.active > a {
            color: #fff
        }

    .bnr-01 > a {
        text-decoration: none;
        color: #000;
        position: relative;
        display: block;
        height: 100%;
        max-height: 100%;
        /*   box-shadow: 0 0 4px rgba(0,0,0,.2) */
    }

        .bnr-01 > a _:-ms-fullscreen,
        :root .bnr-01 > a {
            height: 100%
        }

        .bnr-01 > a:hover,
        .bnr-01 > a:active,
        .bnr-01 > a:focus {
            /* box-shadow: 0 2px 8px rgba(0,0,0,.4) */
            text-decoration: none !important;
        }

            .bnr-01 > a:hover .image::after,
            .bnr-01 > a:active .image::after,
            .bnr-01 > a:focus .image::after {
                display: block
            }

            .bnr-01 > a:hover .group::before,
            .bnr-01 > a:active .group::before,
            .bnr-01 > a:focus .group::before {
                background: #fff
            }

            .bnr-01 > a:hover .group::after,
            .bnr-01 > a:active .group::after,
            .bnr-01 > a:focus .group::after {
                border-color: #01916d
            }

        .bnr-01 > a .image {
            background-position: center;
            background-size: cover;
            position: relative;
            display: block;
            overflow: hidden;
            height: 122px
        }

.topic-panels-wrapper .bnr-01 > a .image {
    height: 175px
}

@media only screen and (min-width: 992px), print {
    .list .bnr-01 > a .image {
        position: absolute;
        width: -webkit-calc(25% - 10px);
        width: calc(25% - 10px) !important;
        height: 157px !important;
        margin: 0px !important
    }

    .list .bnr-01.ride-hdg > a .group {
        min-height: 152px;
        padding: 0;
        padding-left: -webkit-calc(25% + 16px);
        padding-left: calc(25% + 30px) !important
    }

    .list .bnr-01.ride-hdg .btn {
        left: unset;
        right: 20px
    }
}

.bnr-01 > a .image:before {
    position: absolute !important;
    top: 0 !important;
    left: -50% !important;
    display: none !important;
    width: 200% !important;
    height: 100% !important;
    content: "" !important;
}

.bnr-01 > a .image .hdg {
    font-size: 20px;
    line-height: 1.3;
    color: #fff;
    position: relative;
    display: block;
    padding: 10px 25px
}

.bnr-01 > a .image img {
    position: relative;
    display: block;
    overflow: hidden;
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center center
}

[data-script-enabled="true"] .bnr-01 > a .image {
    width: auto;
    height: 213px
}

.bnr-01 > a .image::after {
    position: absolute !important;
    z-index: 1 !important;
    top: 0 !important;
    left: 0 !important;
    display: none !important;
    width: 100% !important;
    min-height: 100% !important;
    content: "" !important
}

.bnr-01 > a .unvisible {
    position: absolute;
    z-index: -1;
    top: 0;
    left: 0;
    visibility: hidden
}

.bnr-01 > a .group {
    position: relative;
    display: block;
    /*  padding: 20px 50px 40px 25px */
}

    .bnr-01 > a .group > .txt:last-child {
        margin-bottom: 0
    }

    .bnr-01 > a .group .hdg {
        font-size: 20px;
        line-height: 1.4;
        display: block;
        margin: 0 0 10px
    }

    .bnr-01 > a .group .txt {
        font-size: 16px;
        line-height: 1.6;
        display: block;
        margin: 0 0 10px
    }

.bnr-01.ride-hdg {
    background: transparent
}

    .bnr-01.ride-hdg > a:hover .btn,
    .bnr-01.ride-hdg > a:active .btn,
    .bnr-01.ride-hdg > a:focus .btn {
        color: #000;
        background-color: #fff;
        border-color: #c1c1c1
    }

        .bnr-01.ride-hdg > a:hover .btn::after,
        .bnr-01.ride-hdg > a:active .btn::after,
        .bnr-01.ride-hdg > a:focus .btn::after {
            color: #01916d
        }

@media(min-width: 768px), print {
    .bnr-01.ride-hdg > a {
        margin: -6px -3px 0 -3px
    }
}

.bnr-01.ride-hdg > a .image:before {
    display: block !important
}

.bnr-01.ride-hdg > a .group {
    /* padding: 20px 20px 70px 20px */
}

    .bnr-01.ride-hdg > a .group::before,
    .bnr-01.ride-hdg > a .group::after {
        display: none
    }

.bnr-01.ride-hdg .btn {
    color: #fff;
    background-color: #01916d;
    display: inline-block;
    position: absolute;
    bottom: 10px;
    left: 20px;
    margin-top: 20px;
    background-color: rgb(51, 51, 51);
    color: var(--color-text-white);
    padding-top: 1em;
    padding-bottom: 1em;
    padding-left: 1.5em;
    padding-right: 2em;
}

    .bnr-01.ride-hdg .btn::after {
        color: #fff;
    }

.bnr-01.nallow {
    background: #fff
}

    .bnr-01.nallow:hover .btn,
    .bnr-01.nallow:active .btn,
    .bnr-01.nallow:focus .btn {
        color: #fff;
        background: #01916d;
        border-color: #01916d
    }

        .bnr-01.nallow:hover .btn::after,
        .bnr-01.nallow:active .btn::after,
        .bnr-01.nallow:focus .btn::after {
            color: #fff
        }

    .bnr-01.nallow > a .group {
        padding: 20px
    }

        .bnr-01.nallow > a .group::before,
        .bnr-01.nallow > a .group::after {
            display: none
        }

        .bnr-01.nallow > a .group .hdg {
            font-size: 21px;
            line-height: 1.4
        }

        .bnr-01.nallow > a .group .txt {
            margin: 0 0 15px
        }

@media(min-width: 768px), print {
    [data-script-enabled="true"] .bnr-01 > a .image {
        height: 213px
    }

    .bnr-01 > a .group {
        /*   padding: 20px */
    }

        .bnr-01 > a .group::before {
            top: 30px;
            width: 30px;
            height: 30px
        }

        .bnr-01 > a .group::after {
            top: 39px;
            right: 11px;
            width: 10px;
            height: 10px
        }

        .bnr-01 > a .group .hdg {
            font-size: 18px !important;
        }

        .bnr-01 > a .group .txt {
            font-size: 16px
        }

            .bnr-01 > a .group .txt.min-height {
                font-size: 16px;
                min-height: 80px
            }

    .bnr-01.nallow > a .hdg {
        font-size: 18px
    }

    .bnr-01.nallow > a .txt {
        font-size: 14px
    }

    .bnr-01.nallow > a .group {
        padding: 20px
    }
}


/******************************************End Panel***************************************************/


/******************************************Buttons****************************************************/

.m-btn {
    /*    display: flex;
    margin-bottom: 1rem;*/
    margin-bottom: 1rem;
    vertical-align: top;
    max-width: 100%;
}

    .m-btn.text-center {
        justify-content: center;
    }

    .m-btn.text-right {
        justify-content: flex-end;
    }

    .m-btn .btn {
        /*     display: inline-flex;
        justify-content: center;
        align-items: center;
        text-align: center;
        color: #ffffff;
        background-color: #333333;
        font-size: 1rem;
        min-height: 48px;
        min-width: 8em;
        max-width: 100%;
        border: none;
        border-radius: 2px;
        vertical-align: top;
        transition-property: background-color, color, border-color;
        transition-duration: 0.4s, 0.4s;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1), cubic-bezier(0.075, 0.82, 0.165, 1);
        transition-delay: 0s, 0s;
        padding-top: 0.5em;
        padding-right: 1em;
        padding-bottom: 0.5em;
        padding-left: 1em;*/
        outline-offset: 1px;
        position: relative;
        display: inline-flex;
        background-color: var(--color-bg-secondary-a);
        border-radius: 2px;
        line-height: 1.5;
        text-align: center;
        justify-content: center;
        align-items: center;
        padding-top: 1em;
        padding-bottom: 1em;
        padding-left: 1.5em;
        padding-right: 2em;
        cursor: pointer;
        text-decoration: none;
        word-break: break-word;
        font-family: var(--font-medium, sans-serif);
        font-weight: 500;
        font-size: 16px;
        min-width: 180px;
        transition: all 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    }

        .m-btn .btn span {
            position: relative;
        }

    .m-btn .btn-block {
        width: 100%;
    }

    .m-btn .btn-inner {
        line-height: 1.25;
    }

@media print, screen and (min-width: 768px) {

    .m-btn .btn:hover,
    .m-btn .btn:active,
    .m-btn .btn:focus, .m-btn .btn.btn-sm:hover {
        /*background-color: #01916d;*/
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1) !important;
        background: rgba(0, 0, 0, 0.14) !important;
        color: var(--color-text) !important;
    }

    .m-btn .btn:active {
        transform: translateY(2px);
    }

    .m-btn .btn-lg {
        min-width: 240px;
        min-height: 80px;
    }
}

.m-btn .btn-sm {
    /*min-width: 6em;
    min-height: 40px;
    font-size: 0.875rem;
    padding-top: 0.5em;
    padding-right: 0.5em;
    padding-bottom: 0.5em;
    padding-left: 0.5em;*/
    min-width: 140px;
    font-size: 0.875rem;
    padding-top: 12px;
    padding-bottom: 12px;
    padding-left: 1rem;
    padding-right: 1rem;
    font-size: 14px;
    color: #333 !important
}

.m-btn .btn-lg {
    /*min-width: 10em;
    min-height: 80px;
    font-size: 1.125rem;
    padding-top: 0.5em;
    padding-right: 3em;
    padding-bottom: 0.5em;
    padding-left: 3em;*/
    font-size: 18px;
}

/*.m-btn .btn:not(.btn-link)::after {
    content: "";
    -webkit-mask-image: var(--i-arrow_r, none);
    position: absolute;
    right: 0.5rem;
    line-height: 1;
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    background: var(--color-text);
} */


.m-btn .btn-primary {
    /*background-color: #01916d;
    border: 1px solid #018463;*/
    background-color: rgb(51, 51, 51);
    color: var(--color-text-white);
}

    .m-btn .btn-primary::before {
        content: "";
        display: block;
        position: absolute;
        top: 0px;
        left: 0px;
        width: 100%;
        height: 100%;
        background: linear-gradient(90deg, rgb(35, 158, 125) 0%, rgb(17, 144, 110) 26.04%, rgb(2, 132, 98) 51.46%, rgb(11, 140, 98) 76.06%, rgb(38, 164, 100) 100%);
        opacity: 0;
        transition: all 0.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) 0s;
    }

.m-btn .btn.btn-primary::after {
    background-color: var(--color-text-white);
}

@media print, screen and (min-width: 768px) {
    .m-btn .btn-primary {
        min-width: 180px;
    }

        .m-btn .btn-primary:hover,
        .m-btn .btn-primary:active,
        .m-btn .btn-primary:focus {
            /* background-color: rgba(1, 145, 109, 0.8);*/
            background-color: rgb(51, 51, 51);
            color: var(--color-text-white) !important;
        }

            .m-btn .btn-primary:hover::before,
            .m-btn .btn-primary:active::before,
            .m-btn .btn-primary:focus::before {
                opacity: 1;
            }
}

.m-btn .btn-secondary {
    /*color: #333333;
    background-color: #ffffff;
    border: 2px solid #8c8c8c;*/
    background-color: #fff;
    border: 1px solid var(--color-border);
    min-width: auto;
}

@media print, screen and (min-width: 768px) {
    .m-btn .btn-secondary {
        min-width: 180px;
    }

        .m-btn .btn-secondary:hover,
        .m-btn .btn-secondary:active,
        .m-btn .btn-secondary:focus {
            /*background-color: #ffffff;
        border-color: #018463;
        color: #018463;*/
            background-color: #fff;
            color: var(--color-text-green);
            border-color: var(--color-text-green);
        }

    .m-btn .btn.btn-secondary:hover::after,
    .m-btn .btn.btn-secondary:active::after,
    .m-btn .btn.btn-secondary:focus::after {
        background-color: var(--color-text-green);
    }

    .m-btn .btn-secondary:active {
        background-color: #f6f6f6;
    }
}

.m-btn__blank-icon {
    width: 1.125rem;
    height: 1.125rem;
    display: inline-block;
    margin-left: 0.25em;
    margin-right: 0.25em;
    vertical-align: middle;
    filter: brightness(0);
}

.m-btn--contact {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

    .m-btn--contact .btn {
        width: 100%;
    }

@media print, screen and (min-width: 768px) {
    .m-btn--contact .btn {
        width: auto;
        min-width: 550px;
    }
}


/***********************************************End Buttons**************************************/

.m-hero {
    position: relative;
    overflow: hidden;
    padding-top: 100%;
}

@media print, screen and (min-width: 768px) {
    .m-hero {
        padding-top: 31.25%;
    }
}

.m-hero img {
    height: 100%;
    width: 100%;
    object-fit: cover;
    object-position: center;
}

.m-carousel__body {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    margin-top: 0px;
}

.m-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

    .m-carousel__item > a {
        display: block;
        position: relative;
        height: 100%;
    }

        .m-carousel__item > a::after {
            content: "";
            display: block;
            position: absolute;
            right: 0;
            bottom: 0;
            width: 2.5rem;
            height: 2.5rem;
            background-image: url("../images/icn_linked.svg");
            background-size: cover;
            background-repeat: no-repeat;
        }

.m-carousel__bullets {
    position: absolute;
    left: 50%;
    bottom: 0.625rem;
    transform: translateX(-50%);
    display: inline-flex;
    max-width: 100%;
    flex-wrap: wrap;
    justify-content: center;
    align-items: center;
}

.m-carousel__bullet {
    position: relative;
    background-color: transparent;
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
    border-radius: 50%;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .m-carousel__bullet::before {
        content: "";
        display: block;
        background-color: #f6f6f6;
        width: 0.75rem;
        height: 0.75rem;
        border: 1px solid #8c8c8c;
        border-radius: 50%;
    }

.m-carousel__bullet-text {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.m-carousel__bullet.-current::before {
    background-color: #ffffff;
    width: 0.8125rem;
    height: 0.8125rem;
    border-color: #01916d;
}

.m-carousel__prev,
.m-carousel__next {
    position: absolute;
    top: 50%;
    width: 5.625rem;
    height: 6.25rem;
    background: transparent;
    border: 0;
    transform: translateY(-50%);
    overflow: hidden;
}

.m-carousel__prev-text,
.m-carousel__next-text {
    position: absolute;
    right: 100%;
}

.m-carousel__prev::before,
.m-carousel__next::before {
    content: "";
    display: inline-block;
    width: 2.8125rem;
    height: 2.8125rem;
    border-top: 1px solid #01916d;
    border-right: 1px solid #01916d;
    position: absolute;
    top: 50%;
    left: 50%;
    transition: opacity 0.4s cubic-bezier(0.6, 0.04, 0.98, 0.335);
}

.m-carousel__prev:hover,
.m-carousel__prev:active,
.m-carousel__prev:focus,
.m-carousel__next:hover,
.m-carousel__next:active,
.m-carousel__next:focus {
    opacity: 0.5;
    transition: opacity 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media screen and (max-width: 767px) {

    .m-carousel__prev,
    .m-carousel__next {
        display: none;
    }
}

.m-carousel__prev {
    left: 0;
}

    .m-carousel__prev::before {
        transform: translateX(-25%) translateY(-50%) rotate(-135deg);
    }

.m-carousel__next {
    right: 0;
}

    .m-carousel__next::before {
        transform: translateX(-75%) translateY(-50%) rotate(45deg);
    }

@keyframes to-left {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(-100%);
    }
}

@keyframes to-left-current {
    0% {
        transform: translateX(100%);
    }

    100% {
        transform: translateX(0);
    }
}

@keyframes to-right {
    0% {
        transform: translateX(0);
    }

    100% {
        transform: translateX(100%);
    }
}

@keyframes to-right-current {
    0% {
        transform: translateX(-100%);
    }

    100% {
        transform: translateX(0);
    }
}

.js-carousel-item.js-carousel-move-next {
    transform: translateX(100%);
}

.js-carousel-item.js-carousel-move-prev {
    transform: translateX(-100%);
}

.js-carousel-item.js-carousel-move-left:not(.js-carousel-move-next) {
    animation: to-left 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move-left.js-carousel-move-next {
    animation: to-left-current 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move-right:not(.js-carousel-move-prev) {
    animation: to-right 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move-right.js-carousel-move-prev {
    animation: to-right-current 0.4s linear 0s;
}

.js-carousel-item.js-carousel-move--quick {
    transition: transform 0.2s linear 0s;
}


/**
 * .hero-banner
**/

.hero-banner {
    position: relative;
    display: -webkit-flex;
    display: flex;
    /* overflow:hidden; */
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0 0 15px;
    box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}

    .hero-banner:hover,
    .hero-banner:focus,
    .hero-banner:active {
        box-shadow: 0 2px 8px rgba(0, 0, 0, 0.4);
    }

        .hero-banner:hover img {
            opacity: 0.75;
        }

    .hero-banner > .background {
        background: #333;
    }

    .lyt-main .hero-banner h1,
    .hero-banner h1 {
        font-weight: 300;
        margin-top: 10px;
    }


/* .hero-banner p{
  color:#444;
  } */

@media (min-width:768px) {
    .hero-banner.dark-blur p {
        color: #fff;
    }
}

.hero-banner.light > .col,
.hero-banner.light-blur > .col,
.hero-banner.invert > div > .col {
    color: #000;
    background: #ebebeb;
}

[data-script-enabled="true"] .hero-banner.animate-type-1 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(1.6);
    transform: scale(1.6);
    -webkit-transform-origin: left top;
    transform-origin: left top;
}

    [data-script-enabled="true"] .hero-banner.animate-type-1 .background img.animated {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

[data-script-enabled="true"] .hero-banner.animate-type-2 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    opacity: 0;
}

    [data-script-enabled="true"] .hero-banner.animate-type-2 .background img.animated {
        opacity: 1;
    }

[data-script-enabled="true"] .hero-banner.animate-type-3 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    -webkit-transform-origin: right top;
    transform-origin: right top;
}

    [data-script-enabled="true"] .hero-banner.animate-type-3 .background img.animated {
        -webkit-transform: scale(1);
        transform: scale(1);
        opacity: 1;
    }

[data-script-enabled="true"] .hero-banner.animate-type-4 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: scale(2.6);
    transform: scale(2.6);
    -webkit-transform-origin: right bottom;
    transform-origin: right bottom;
}

    [data-script-enabled="true"] .hero-banner.animate-type-4 .background img.animated {
        -webkit-transform: scale(1);
        transform: scale(1);
    }

[data-script-enabled="true"] .hero-banner.animate-type-5 .background img {
    -webkit-transition: 3s;
    transition: 3s;
    -webkit-transform: translateX(240px);
    transform: translateX(240px);
    -webkit-transform-origin: right center;
    transform-origin: right center;
}

    [data-script-enabled="true"] .hero-banner.animate-type-5 .background img.animated {
        -webkit-transform: translateX(0px);
        transform: translateX(0px);
    }

.hero-banner > .col {
    color: #000;
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-order: 2;
    order: 2;
    padding: 30px 25px;
}

    .hero-banner > .col > * {
        position: relative;
        z-index: 2;
    }

    .hero-banner > .col .hdg-title {
        font-size: 16px;
        margin-top: 0;
        margin-bottom: 20px;
    }

    .hero-banner > .col .hdg-copy {
        font-size: 28px;
        font-weight: 300;
        margin: 15px 0;
        padding: 0;
        background: none;
        border: none;
    }

    .hero-banner > .col .detail {
        font-size: 16px;
        line-height: 1.4;
    }

        .hero-banner > .col .detail > *:first-child {
            margin-top: 0;
        }

        .hero-banner > .col .detail > *:last-child {
            margin-bottom: 0;
        }

        .hero-banner > .col .detail > * {
            margin-bottom: 15px;
        }

        .hero-banner > .col .detail .btn {
            font-size: 17px;
            line-height: 1.55;
            text-decoration: none;
            color: #fff;
            background: #01916d;
            border: solid 1px #01916d;
            position: relative;
            display: inline-block;
            margin: 15px 0 0;
            padding: 4px 25px 4px 25px;
        }

            .hero-banner > .col .detail .btn:hover,
            .hero-banner > .col .detail .btn:active,
            .hero-banner > .col .detail .btn:focus {
                color: #333;
                background: #fff;
                border: 1px solid #7c7c7c;
            }

                .hero-banner > .col .detail .btn:hover::after,
                .hero-banner > .col .detail .btn:active::after,
                .hero-banner > .col .detail .btn:focus::after {
                    border-color: #01916d;
                }

    .hero-banner > .col .unit {
        display: inline-block;
    }

.hero-banner .blur-cover {
    display: none;
}

.hero-banner .follow {
    color: #333;
    position: relative;
    z-index: 2;
    display: -webkit-flex;
    display: flex;
    -webkit-align-items: center;
    align-items: center;
    -webkit-justify-content: flex-end;
    justify-content: flex-end;
    -webkit-order: 3;
    order: 3;
    margin: 0 5px 15px;
}

    .hero-banner .follow .hdg {
        font-size: 18px;
        margin: 0 10px 0 0;
    }

.lyt-main .hero-banner .follow .hdg {
    font-size: 18px;
    font-weight: 300;
    margin: 0 10px 0 0;
    padding: 0;
}

    .lyt-main .hero-banner .follow .hdg::before {
        content: none;
    }

.hero-banner .follow .list {
    display: -webkit-flex;
    display: flex;
    margin: 0;
}

    .hero-banner .follow .list li {
        margin: 0 0 0 10px;
    }

        .hero-banner .follow .list li:first-child {
            margin: 0;
        }

    .hero-banner .follow .list a {
        display: block;
    }

    .hero-banner .follow .list img {
        width: 30px;
    }

.hero-banner .background {
    background-repeat: no-repeat;
    background-position: center;
    background-size: cover;
    position: relative;
    order: 1;
    width: 100%;
}

    .hero-banner .background img {
        position: relative;
        max-width: none;
        height: auto;
        width: 100%;
    }

.hero-banner.nallow {
    padding: 46px 0 0;
}

@media (max-width:767px) {
    .hero-banner.nallow.or-link {
        padding: 0;
    }
}

@media (max-width:767px) {
    .hero-banner.nallow.or-link > a {
        padding: 46px 0 0;
    }
}

.hero-banner.nallow .background {
    height: 138px;
}

.hero-banner.nallow > .col .hdg-title {
    font-size: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    position: absolute;
    top: -188px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 -25px;
}

.hero-banner.nallow > .col .hdg-copy {
    margin-top: 0;
}

.hero-banner.nallow > .col .detail .btn {
    margin: 0;
}

.hero-banner.nallow .follow {
    margin-top: 15px;
}

.hero-banner .btn {
    margin-top: 0;
}

@media (min-width:768px), print {
    .hero-banner {
        position: relative;
        overflow: hidden;
        -webkit-flex-direction: row;
        flex-direction: row;
        height: auto;
        margin-bottom: 12px;
        padding-top: 40%;
    }

        /* 比率が変わるためトリ */
        .hero-banner .background img {
            width: 100%;
            height: 100%;
            font-family: "object-fit:cover;object-position:center center";
            object-fit: cover;
            object-position: center center;
            display: block;
        }

        .hero-banner.dark-blur.is-covered .col::before,
        .hero-banner.light-blur.is-covered .col::before {
            display: none;
        }

        .hero-banner.dark-blur > .col,
        .hero-banner.light-blur > .col {
            background-color: transparent;
            overflow: hidden;
        }

            .hero-banner.dark-blur > .col::before,
            .hero-banner.dark-blur > .col .blur-cover,
            .hero-banner.light-blur > .col::before,
            .hero-banner.light-blur > .col .blur-cover {
                /* background-color: #000; */
                background-size: cover;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 100%;
                padding: 0;
                content: "";
            }

        .hero-banner.dark-blur .blur-cover,
        .hero-banner.light-blur .blur-cover {
            position: relative;
            box-sizing: content-box;
            padding: 10px 0;
            box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5);
            -webkit-filter: blur(15px);
            filter: blur(15px);
        }

            .hero-banner.dark-blur .blur-cover.on-svg::after,
            .hero-banner.light-blur .blur-cover.on-svg::after {
                background: #000;
                position: absolute;
                z-index: 1;
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                box-shadow: inset 0 0 100px rgba(255, 255, 255, 0.5);
                opacity: .4;
            }

            .hero-banner.dark-blur .blur-cover svg,
            .hero-banner.light-blur .blur-cover svg {
                position: absolute;
                top: 0;
                left: calc(20vw - 100%);
                width: 1120px;
            }

            .hero-banner.dark-blur .blur-cover::before,
            .hero-banner.light-blur .blur-cover::before {
                background: #333;
                position: absolute;
                top: 0;
                left: 0;
                display: block;
                width: 100%;
                height: 100%;
                content: "";
                opacity: .5;
            }

        .hero-banner.dark-blur .col {
            color: #fff;
            background-color: rgba(0, 0, 0, 0.7);
        }

        .hero-banner.light-blur .col::before,
        .hero-banner.light-blur .col .blur-cover {
            background-color: #ebebeb;
        }

            .hero-banner.light-blur .col .blur-cover.on-svg::after {
                background-color: #ebebeb;
                box-shadow: inset 0 0 100px rgba(0, 0, 0, 0.5);
            }

            .hero-banner.light-blur .col .blur-cover::before {
                background: #ebebeb;
                opacity: .3;
            }

        .hero-banner.col-right > div > .col {
            position: absolute;
            top: 0;
            right: 0;
            height: 100%;
        }

        .hero-banner.col-right > .col .blur-cover {
            background-position: calc(100% + -97.25vw) 0;
        }

            .hero-banner.col-right > .col .blur-cover svg {
                left: calc(100% + -97.25vw);
            }
}

.hero-banner.dark-blur > .col .hdg-copy,
.hero-banner.dark-blur > .col .hdg-title {
    color: #fff;
}

/* .hero-banner.dark-blur > .col .details p{
    color:#fff;
} */
@media (min-width:769px), print {
    .hero-banner h1 {
        font-weight: 300;
        margin-top: 25px;
    }

    .hero-banner .btn {
        margin-top: 0;
    }
}

@media (min-width:768px) and (min-width:768px), print and (min-width:768px), print and (min-width:768px), print {
    .hero-banner.col-right > .col .blur-cover svg {
        width: 1120px;
    }
}

@media (min-width:768px) and (min-width:1120px), print and (min-width:1120px), print and (min-width:768px), print {
    .hero-banner.col-right > .col .blur-cover {
        background-position: 100% 0;
    }

        .hero-banner.col-right > .col .blur-cover svg {
            right: 0;
            left: auto;
        }
}

@media (min-width:768px), print {
    .hero-banner.col-right .follow {
        right: auto;
        left: 4%;
    }

    .hero-banner > .col {
        position: absolute;
        top: 0;
        -webkit-order: 1;
        order: 1;
        width: 360px;
        height: 100%;
        margin: 0;
        padding: 20px 25px 0 30px;
    }

    .hero-banner.is-covered > .col {
        border: none;
    }

    .hero-banner > .col .hdg-title {
        font-size: 20px;
    }

    .hero-banner > .col .hdg-copy {
        font-size: 26px;
    }

    .hero-banner > .col .detail {
        font-size: 16px;
    }

        .hero-banner > .col .detail .btn {
            margin: 0;
        }

    .hero-banner .background {
        position: absolute;
        top: 0;
        left: 0;
        bottom: 0;
        overflow: hidden;
        width: 100%;
        height: auto;
    }

    .hero-banner.clear .col {
        background-color: transparent;
        color: #fff;
    }

    [data-script-enabled="true"] .hero-banner .background {
        height: 100%;
        padding: 0;
    }

    .hero-banner .follow {
        background: rgba(0, 0, 0, 0.5);
        position: absolute;
        right: 4%;
        bottom: 0;
        margin: 0;
        padding: 15px;
    }

        .hero-banner .follow .hdg {
            color: #fff;
            margin: 0 15px 0 0;
        }

        .hero-banner .follow .list li {
            margin: 0 0 0 15px;
        }

        .hero-banner .follow .list img {
            width: 31px;
        }

    .hero-banner.nallow {
        padding: 30% 0 0 0;
    }

        .hero-banner.nallow .background {
            background-image: none !important;
        }

            .hero-banner.nallow .background img {
                display: block !important;
                margin-left: auto;
            }

        .hero-banner.nallow > .col .hdg-title {
            font-size: 20px;
            white-space: normal;
            position: relative;
            top: 0;
            left: 0;
            width: auto;
            margin: 0 0 20px;
        }

        .hero-banner.nallow > .col .hdg-copy {
            margin: 20px 0;
        }

        .hero-banner.nallow > .col .detail .btn {
            margin: 5px 0 0;
        }

        .hero-banner.nallow .follow {
            margin-top: 15px;
        }
}

@media (max-width:767px) {
    .hero-banner.nallow > .col .hdg-title {
        padding: 10px;
    }
}

@media (min-width:840px), print {
    .hero-banner {
        padding-top: 36.8%;
    }
}

@media (min-width:992px), print {
    .hero-banner > .col {
        width: 400px;
    }

        .hero-banner > .col .hdg-copy {
            font-size: 30px;
        }
}

@media (min-width:1120px), print {
    .hero-banner {
        margin-right: 0;
        margin-left: 0;
    }

        .hero-banner.dark-blur.hero-banner .blur-cover svg,
        .hero-banner.light-blur.hero-banner .blur-cover svg {
            left: 0;
        }
}


/*全体ヒットポイント用*/

.hero-banner > div {
    display: -webkit-flex;
    display: flex;
    overflow: hidden;
    -webkit-flex-direction: column;
    flex-direction: column;
    -webkit-flex-basis: 100%;
    flex-basis: 100%;
    margin: 0;
    text-decoration: none;
}

    .hero-banner > div:hover img {
        opacity: 0.75;
    }

    .hero-banner > div > .background {
        background-color: #333;
    }

.hero-banner.light > div > .col,
.hero-banner.light-blur > div > .col {
    color: #000;
    background: #ebebeb;
}

.hero-banner > div > .col {
    color: #000;
    background: #fff;
    position: relative;
    z-index: 2;
    -webkit-order: 2;
    order: 2;
    padding: 30px 25px;
}

.hero-banner.clear > div > .col {
    background-color: transparent;
    color: #000;
}

.hero-banner > div > .col > * {
    position: relative;
    z-index: 2;
}

.hero-banner > div > .col .hdg-title {
    font-size: 16px;
    margin-top: 0;
    margin-bottom: 20px;
}

.hero-banner > div > .col .hdg-copy {
    font-size: 28px;
    font-weight: 300;
    margin: 15px 0;
    padding: 0;
    background: none;
    border: none;
}

.hero-banner > div > .col .detail {
    font-size: 16px;
    line-height: 1.4;
}

    .hero-banner > div > .col .detail > *:first-child {
        margin-top: 0;
    }

    .hero-banner > div > .col .detail > *:last-child {
        margin-bottom: 0;
    }

    .hero-banner > div > .col .detail > * {
        margin-bottom: 15px;
    }

    .hero-banner > div > .col .detail .btn {
        font-size: 17px;
        line-height: 1.55;
        text-decoration: none;
        color: #fff;
        background: #01916d;
        position: relative;
        display: inline-block;
        margin: 15px 0 0;
        padding: 4px 25px 4px 25px;
    }

.hero-banner:hover > a > .col .detail .btn,
.hero-banner:active > a > .col .detail .btn,
.hero-banner:focus > a > .col .detail .btn {
    color: #333;
    background: #fff;
    border: 1px solid #7c7c7c;
}

.hero-banner > div > .col .unit {
    display: inline-block;
}

.hero-banner.nallow > a > .col .hdg-title {
    font-size: 27px;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #000;
    position: absolute;
    top: -188px;
    overflow: hidden;
    width: 100%;
    margin: 0 0 0 -25px;
}

@media (max-width:767px) {
    .hero-banner.nallow > a > .col .hdg-title {
        padding: 10px;
    }
}

.hero-banner.nallow > a > .col .hdg-copy {
    margin-top: 0;
}

.hero-banner.nallow > a > .col .detail .btn {
    margin: 0;
}

.hero-banner.col-right > a > .col {
    top: 0;
    right: 0;
    height: 100%;
}

    .hero-banner.col-right > a > .col .blur-cover {
        background-position: calc(100% + -97.25vw) 0;
    }

        .hero-banner.col-right > a > .col .blur-cover svg {
            left: calc(100% + -97.25vw);
        }

@media (min-width:768px) and (min-width:768px), print and (min-width:768px), print and (min-width:768px), print {
    .hero-banner.col-right > a > .col .blur-cover svg {
        width: 1120px;
    }
}

@media (min-width:768px) and (min-width:1120px), print and (min-width:1120px), print and (min-width:768px), print {
    .hero-banner.col-right > a > .col .blur-cover {
        background-position: 100% 0;
    }

        .hero-banner.col-right > a > .col .blur-cover svg {
            right: 0;
            left: auto;
        }
}

@media (min-width:768px), print {

    .hero-banner.dark-blur > a > .col,
    .hero-banner.light-blur > a > .col {
        background-color: rgba(0, 0, 0, 0.7);
        overflow: hidden;
    }

        .hero-banner.dark-blur > a > .col::before,
        .hero-banner.dark-blur > a > .col .blur-cover,
        .hero-banner.light-blur > a > .col::before,
        .hero-banner.light-blur > a > .col .blur-cover {
            background-color: #333;
            background-size: cover;
            position: absolute;
            top: 0;
            left: 0;
            display: block;
            width: 100%;
            height: 100%;
            padding: 0;
            content: "";
            opacity: .5;
            /* Add */
        }

    .hero-banner > div > .col {
        position: absolute;
        top: 0;
        -webkit-order: 1;
        order: 1;
        width: 360px;
        height: 100%;
        margin: 0;
        padding: 20px 25px 0 30px;
    }

        .hero-banner > div > .col .hdg-title {
            font-size: 20px;
        }

        .hero-banner > div > .col .hdg-copy {
            font-size: 26px;
        }

        .hero-banner > div > .col .detail {
            font-size: 16px;
        }

            .hero-banner > div > .col .detail .btn {
                margin: 0;
            }

    .hero-banner.nallow > a > .col .hdg-title {
        font-size: 20px;
        white-space: normal;
        position: relative;
        top: 0;
        left: 0;
        width: auto;
        margin: 0 0 20px;
    }

    .hero-banner.nallow > a > .col .hdg-copy {
        margin: 20px 0;
    }

    .hero-banner.nallow > a > .col .detail .btn {
        margin: 5px 0 0;
    }
}

@media (min-width:992px), print {
    .hero-banner > div > .col {
        width: 400px;
    }

        .hero-banner > div > .col .hdg-copy {
            font-size: 30px;
        }
}

/**********************************************************************************************************/

/*****************************************Hero area for site home page************************************************************/

.m-hero-panel {
    position: relative;
    page-break-inside: avoid;
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel {
        margin-top: 5rem;
        /* margin-bottom: 5rem; */
    }
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel__img {
        transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }
}

.m-hero-panel__img img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

.m-hero-panel__box {
    opacity: 0;
    transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel__box {
        max-width: 480px;
        width: 38vw;
        position: absolute;
        top: 50%;
        transform: translateY(-50%);
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel__box {
        margin-top: -3px;
        position: relative;
    }
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    .m-hero-panel__box .m-title-hero__body {
        font-size: 4vw;
    }

        .m-hero-panel__box .m-title-hero__body small {
            font-size: 1.25vw;
        }
}

.m-hero-panel__box .m-title-hero__body span:after {
    content: "";
    -webkit-mask-image: var(--i-circle-r, url(""));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: .85em;
    height: .85em;
    background: linear-gradient(180deg, #418F6E 0%, #7BC18C 100%);
    margin-left: .5rem;
    margin-bottom: -3px;
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    .m-hero-panel__box .m-title-hero__secondary {
        font-size: 1.25vw;
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel__box .m-title-hero__secondary {
        display: block;
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel.-left .m-hero-panel__img {
        margin-right: calc(var(--container-padding)*-1);
        /* margin-left: calc(var(--col-width)*2 + var(--gutter)*4); */
        margin-left: calc(29px + var(--gutter)*4);
    }
}

.m-hero-panel.-right .m-hero-panel__box {
    right: 0;
}

@media screen and (max-width: 767px) {
    .m-hero-panel.-right .m-hero-panel__box .m-title-hero__body:before {
        margin-left: inherit;
        margin-right: calc(var(--container-padding)*-1);
    }
}

@media screen and (max-width: 767px) {
    .m-hero-panel.-right .m-hero-panel__img {
        margin-left: calc(var(--container-padding)*-1);
        margin-right: calc(29px + var(--gutter)*4);
    }
}

.m-hero-panel[inview] .m-hero-panel__box {
    opacity: 1;
}

@media print, screen and (min-width: 768px) {
    .m-hero-panel a:hover {
        color: inherit;
    }

    a:hover .m-hero-panel__img {
        opacity: .6;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    }
}

@media print {
    .m-hero-panel__box {
        width: 40%;
    }
}

.m-title-hero__body {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-bold, sans-serif);
    font-weight: 700;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .m-title-hero__body {
        font-size: 32px;
        line-height: 1.25;
    }
}

.m-title-hero__body span {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body span {
        font-size: clamp(32px, 3.25vw, 40px);
    }
}

.m-title-hero__body small {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body small {
        font-size: clamp(12px, 1.25vw, 16px);
    }
}

@media screen and (max-width: 767px) {
    .m-title-hero__body small {
        font-size: 14px;
    }
}

.m-title-hero__secondary {
    margin-top: clamp(1rem, 1.75vw, 1.5rem);
    font-size: clamp(12px, 1.25vw, 16px);
}

    .m-title-hero__secondary *:last-child {
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .m-title-hero__secondary {
        display: none;
    }
}


.m-title-hero__body:before {
    content: "";
    width: .1%;
    display: block;
    transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
    background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
    background-size: 1000% 100%;
}

@media print, screen and (min-width: 768px) {
    .m-title-hero__body:before {
        height: 5px;
        margin-bottom: clamp(1rem, 2.25vw, 2rem);
    }
}

@media screen and (max-width: 767px) {
    .m-title-hero__body:before {
        height: 3px;
        margin-bottom: 1.5rem;
        margin-left: calc(var(--container-padding)*-1);
    }
}

[inview=true] .m-title-hero__body:before {
    background-size: 100% 100%;
}

@media print, screen and (min-width: 768px) {
    [inview=true] .m-title-hero__body:before {
        width: 100%;
    }
}

@media screen and (max-width: 767px) {
    [inview=true] .m-title-hero__body:before {
        width: calc(100% + var(--container-padding));
    }
}

.c-hero-mv {
    margin-left: calc(var(--container-padding)*-1)
}

@media screen and (min-width: 1218px) {
    .c-hero-mv {
        margin-left: calc(560px - var(--vw)*50);
    }
}

.c-hero {
    position: relative;
}

    .c-hero.--nocarousel .splide__controls,
    .c-hero.--nocarousel .splide__arrows {
        display: none;
    }

/* .l-mv-area .c-hero .c-carousel {
    margin-right: calc(var(--container-padding)*-1);
} */

@media print, screen and (min-width: 768px) {
    .c-hero-mv {
        /*   margin-top: 25px; */
        margin-bottom: 88px;
    }
}

@media screen and (max-width: 767px) {
    .c-hero-mv {
        margin-bottom: 5rem;
        margin-right: calc(1.5rem*-1);
    }
}

@media print, screen and (min-width: 768px) {
    .c-hero-mv .c-carousel__body {
        aspect-ratio: 1468/540;
    }
}

/*@media screen and (max-width: 767px) {
    .l-mv-area .c-hero .c-carousel {
        margin-left: calc(var(--container-padding)*-1);
    }
} */

@media screen and (min-width: 1218px) {
    .l-mv-area .c-hero .c-carousel {
        margin-right: calc(560px - var(--vw)*50);
    }
}

.c-hero-mv .c-carousel__prev,
.c-hero-mv .c-carousel__next {
    display: none;
}

.c-hero-mv .c-carousel__arrows .c-carousel__prev,
.c-hero-mv .c-carousel__arrows .c-carousel__next {
    display: block;
}

.c-hero-mv__box {
    position: relative;
    transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    color: var(--color-text-white);
    line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
    .c-hero-mv__box {
        height: 100%;
        display: flex;
        flex-direction: column;
        justify-content: center;
    }
}

@media screen and (min-width: 1280px) {
    .c-hero-mv__box {
        margin-left: 4rem;
        width: 340px;
    }

        .c-hero-mv__box p {
            font-size: 14px;
        }
}

@media screen and (min-width: 768px)and (max-width: 1279px) {
    .c-hero-mv__box {
        margin-left: 2.5rem;
        width: 30vw;
        max-width: 320px;
    }

        .c-hero-mv__box p {
            font-size: 1.1vw;
        }
}

@media screen and (max-width: 767px) {
    .c-hero-mv__box {
        padding-top: 14.4vw;
        padding-left: 8.3%;
        padding-right: 8.3%;
        max-height: 100%;
    }

        .c-hero-mv__box p {
            font-size: 3.6vw;
        }
}

.c-hero-mv__box img {
    width: 100%;
}

.c-hero-mv__box p {
    margin-top: 1rem;
    margin-bottom: 0;
    line-height: 1.75;
}

.c-hero-mv__box[aria-hidden=true] {
    opacity: 0;
    transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
}

.c-hero-mv__box.-black {
    color: var(--color-text);
}

@media screen and (max-width: 767px) {
    .c-hero-mv__box.-black {
        display: none;
    }
}

.c-hero-mv__line {
    display: block;
    height: 8px;
    width: .1%;
    background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
    background-size: 1000% 100%;
    transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
}

.c-hero-mv__body {
    opacity: 0;
    transition: opacity .4s cubic-bezier(0.445, 0.05, 0.55, 0.95) 1.2s;
}

.c-hero-mv[inview=true][ready=true] .c-hero-mv__line {
    width: 100%;
    background-size: 100% 100%;
}

.c-hero-mv[inview=true][ready=true] .c-hero-mv__body {
    opacity: 1;
}

@media print {
    .c-hero-mv {
        margin-left: 0;
    }

    .c-hero-mv__box {
        width: 27%;
        margin-left: 2.5rem;
    }
}

body:not([data-init]) .l-primary,
body:not([data-init]) .l-secondary {
    visibility: hidden;
}



/** ---- .c-hero-panel ---- **/

/** ---- .c-hero-panel ---- **/

.c-hero-panel {
    position: relative;
    page-break-inside: avoid;
    margin-top: 5rem;
    margin-bottom: 5rem;
}

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

.c-hero-panel__box .c-title-hero__body span:after {
    content: "";
    -webkit-mask-image: var(--i-circle-r, url(""));
    -webkit-mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    display: inline-block;
    width: 0.85em;
    height: 0.85em;
    background: linear-gradient(180deg, #418F6E 0%, #7BC18C 100%);
    margin-left: 0.5rem;
    margin-bottom: -3px;
}

@media print, screen and (min-width: 768px) {
    .c-hero-panel {
        margin-top: 7.5rem;
        margin-bottom: 7.5rem;
    }

        .c-hero-panel a:hover {
            color: inherit;
        }

    .c-hero-panel__box {
        top: 70%;
        max-width: 480px;
        width: 38vw;
        position: absolute;
        transform: translateY(-50%);
    }

    .c-hero-panel.-right .c-hero-panel__box {
        right: 0;
    }

    .c-hero-panel__box .c-title-hero__body {
        font-size: 4vw;
    }
}

@media screen and (max-width: 767px) {
    .c-hero-panel.-right .c-hero-panel__img {
        margin-left: calc(var(--container-padding)*-1);
        margin-right: calc(29px + var(--gutter)*4);
    }

    .c-hero-panel.-left .c-hero-panel__img {
        margin-right: calc(var(--container-padding)*-1);
        margin-left: calc(29px + var(--gutter)*4);
    }

    .c-hero-panel .c-hero-panel__box .c-title-hero__body {
        font-size: 28px;
    }
}

@media screen and (min-width: 768px) and (max-width: 1279px) {
    .c-hero-panel__box .c-title-hero__secondary {
        font-size: 1.25vw;
    }
}



@media print, screen and (min-width: 768px) {
    .c-title-hero__body {
        font-size: 36px;
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body {
        font-size: 28px;
    }
}

.c-carousel {
    position: relative;
}

.c-carousel__body {
    position: relative;
    height: auto;
}

@media print, screen and (min-width: 768px) {
    .c-carousel__body {
        aspect-ratio: 1400/438;
    }
}

@media screen and (max-width: 767px) {
    .c-carousel__body {
        aspect-ratio: 1/1;
    }
}

.c-carousel__item {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transition: opacity .8s cubic-bezier(0.47, 0, 0.745, 0.715);
}

    .c-carousel__item[href]:after {
        content: "";
        display: block;
        position: absolute;
        right: 0;
        bottom: 0;
        width: 40px;
        height: 40px;
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2240%22%20height%3D%2240%22%20viewBox%3D%220%200%2040%2040%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M0%2040L40%200V40H0Z%22%20fill%3D%22%23ADADAD%22%2F%3E%0A%3Cpath%20d%3D%22M36.28%2028.08V28.048L32.28%2024.048L31.464%2024.864L34.184%2027.472H22.2V28.656H34.184L31.464%2031.264L32.28%2032.08L36.28%2028.08Z%22%20fill%3D%22white%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    }

    .c-carousel__item[aria-hidden=false] {
        opacity: 1;
        z-index: 10;
        transition-timing-function: cubic-bezier(0.445, 0.05, 0.55, 0.95), cubic-bezier(0.39, 0.575, 0.565, 1);
    }

@media print, screen and (min-width: 768px) {
    .c-carousel__item[aria-hidden=false][href]:hover {
        opacity: .8;
    }
}

.c-carousel__img {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
    object-fit: cover;
    object-position: center;
}

@media print, screen and (min-width: 768px) {
    .c-carousel__img {
        transition: opacity .8s cubic-bezier(0.47, 0, 0.745, 0.715), transform .4s cubic-bezier(0.47, 0, 0.745, 0.715);
    }
}

.c-carousel__prev,
.c-carousel__next {
    position: absolute;
    z-index: 11;
    padding: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

@media print, screen and (min-width: 768px) {

    .c-carousel__prev,
    .c-carousel__next {
        transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        opacity: 0;
    }

        .c-carousel__prev:hover,
        .c-carousel__next:hover {
            opacity: .4 !important;
            transition-duration: .4s;
        }
}

.c-carousel__prev:not(.-icon) svg *,
.c-carousel__next:not(.-icon) svg * {
    stroke: #f5f5f5;
}

@media screen and (max-width: 767px) {

    .c-carousel__prev:not(.-icon),
    .c-carousel__next:not(.-icon) {
        display: none;
    }

    .c-carousel__prev,
    .c-carousel__next {
        transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        opacity: 0;
    }

        .c-carousel__prev:hover,
        .c-carousel__next:hover {
            opacity: .4 !important;
            transition-duration: .4s;
        }
}

.c-carousel__prev.-icon svg,
.c-carousel__next.-icon svg {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .64);
}

    .c-carousel__prev.-icon svg *,
    .c-carousel__next.-icon svg * {
        fill: #5c5c5c;
    }

.c-carousel__prev {
    left: 0;
}

    .c-carousel__prev.-icon {
        padding-left: 0;
    }

        .c-carousel__prev.-icon:after {
            -webkit-mask-image: var(--i-arrow_l, none);
        }

.c-carousel__next {
    right: 0;
}

    .c-carousel__next.-icon {
        padding-right: 0;
    }

        .c-carousel__next.-icon:after {
            -webkit-mask-image: var(--i-arrow_r, none);
        }

@media print, screen and (min-width: 768px) {

    .c-carousel:hover .c-carousel__prev,
    .c-carousel:hover .c-carousel__next {
        opacity: 1;
        transition-duration: 1.2s;
    }
}

.c-carousel__controller {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 3rem;
    z-index: 11;
    position: absolute;
    right: 0;
}

.c-carousel__bullet {
    display: flex;
}

    .c-carousel__bullet button {
        width: 36px;
        height: 36px;
        padding: 2px;
        display: flex;
        align-items: center;
    }

        .c-carousel__bullet button:before {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #000;
            opacity: .48;
            transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        }

        .c-carousel__bullet button[aria-selected=true]:before {
            opacity: 1;
        }

@media print, screen and (min-width: 768px) {
    .c-carousel__bullet button:hover:before {
        opacity: 1;
        background-color: #01916d;
    }
}

.c-carousel__toggle {
    width: 36px;
    height: 36px;
    padding: 2px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.c-carousel__toggle-play {
    display: grid;
}

.c-carousel__toggle svg * {
    fill: var(--color-text-secondary);
    transition: fill .4s cubic-bezier(0.39, 0.575, 0.565, 1);
}

@media print, screen and (min-width: 768px) {
    .c-carousel__toggle:hover svg * {
        fill: #01916d;
    }
}

.c-carousel__bottom {
    position: absolute;
    z-index: 11;
    top: 0;
    display: flex;
    align-items: center;
    height: 100%;
    width: 100%;
    /*pointer-events: none;*/
}

@media print {
    .c-carousel__body {
        aspect-ratio: initial !important;
    }

    .c-carousel__controller,
    .c-carousel__prev,
    .c-carousel__next {
        display: none;
    }

    .c-carousel__item {
        position: initial !important;
        transition: none !important;
    }

        .c-carousel__item[aria-hidden=true] {
            display: none;
        }

    .c-carousel__img {
        position: initial !important;
        object-fit: initial !important;
    }
}

.c-hero {
    position: relative;
    page-break-inside: avoid;
}

.c-hero__box {
    opacity: 0;
    transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

@media print, screen and (min-width: 768px) {
    .c-hero__box {
        width: 42%;
        max-width: 600px;
        min-width: 310px;
        margin-top: 3rem;
        align-self: flex-start;
    }
}

@media screen and (max-width: 767px) {
    .c-hero .c-hero__box .c-title-hero {
        padding-left: var(--container-padding);
    }

    .c-hero__box {
        width: 100%;
        align-self: end;
    }
}

.c-hero__box[aria-hidden=false] {
    transition: opacity .4s cubic-bezier(0.075, 0.82, 0.165, 1);
    opacity: 1;
}

.c-carousel__prev,
.c-carousel__next {
    position: absolute;
    z-index: 11;
    padding: 2rem;
    top: 50%;
    transform: translateY(-50%);
}

@media print, screen and (min-width: 768px) {

    .c-carousel__prev,
    .c-carousel__next {
        transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        opacity: 0;
    }

        .c-carousel__prev:hover,
        .c-carousel__next:hover {
            opacity: .4 !important;
            transition-duration: .4s;
        }
}

.c-carousel__prev:not(.-icon) svg *,
.c-carousel__next:not(.-icon) svg * {
    stroke: #f5f5f5;
}

@media screen and (max-width: 767px) {

    .c-carousel__prev:not(.-icon),
    .c-carousel__next:not(.-icon) {
        display: none;
    }
}

.c-carousel__prev.-icon svg,
.c-carousel__next.-icon svg {
    width: 40px;
    height: 40px;
    background-color: rgba(255, 255, 255, .64);
}

    .c-carousel__prev.-icon svg *,
    .c-carousel__next.-icon svg * {
        fill: #5c5c5c;
    }

.c-carousel__prev {
    left: 0;
}

    .c-carousel__prev.-icon {
        padding-left: 0;
    }

        .c-carousel__prev.-icon:after {
            -webkit-mask-image: var(--i-arrow_l, none);
        }

.c-carousel__next {
    right: 0;
}

    .c-carousel__next.-icon {
        padding-right: 0;
    }

        .c-carousel__next.-icon:after {
            -webkit-mask-image: var(--i-arrow_r, none);
        }

@media print, screen and (min-width: 768px) {

    .c-carousel:hover .c-carousel__prev,
    .c-carousel:hover .c-carousel__next {
        opacity: 1;
        transition-duration: 1.2s;
    }
}

.c-carousel__controller {
    display: flex;
    justify-content: end;
    align-items: center;
    height: 3rem;
    z-index: 11;
    position: absolute;
    right: 0;
}

.c-carousel__bullet {
    display: flex;
}

    .c-carousel__bullet button {
        width: 36px;
        height: 36px;
        padding: 2px;
        display: flex;
        align-items: center;
    }

        .c-carousel__bullet button:before {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #000;
            opacity: .48;
            transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        }

        .c-carousel__bullet button[aria-selected=true]:before {
            opacity: 1;
        }

@media print, screen and (min-width: 768px) {
    .c-carousel__bullet button:hover:before {
        opacity: 1;
        background-color: #01916d;
    }
}





.c-slider {
    position: relative;
}

.c-slider__body {
    display: flex;
}

@media print, screen and (min-width: 768px) {
    .c-slider__body {
        width: calc(100% + var(--gutter)*2);
        margin-left: calc(var(--gutter)*-1);
        margin-right: calc(var(--gutter)*-1);
    }
}

@media screen and (max-width: 767px) {
    .c-slider__body {
        overflow-x: scroll;
        overflow-y: hidden;
        margin-left: calc(var(--container-padding)*-1);
        margin-right: calc(var(--container-padding)*-1);
        margin-bottom: -1.5rem;
        padding-left: calc(var(--container-padding));
        padding-right: calc(var(--container-padding) - var(--gutter)*2);
        padding-bottom: 1.5rem;
    }
}

.c-slider__item {
    flex-shrink: 0;
}

@media print, screen and (min-width: 768px) {
    .c-slider__item {
        width: calc(33.3333333333% - .01px);
        padding-left: var(--gutter);
        padding-right: var(--gutter);
        opacity: 0;
        visibility: hidden;
        transition: opacity .4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
    }

        .c-slider__item[disabled=false] {
            visibility: visible;
            opacity: 1;
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
        }
}

@media screen and (max-width: 767px) {
    .c-slider__item {
        width: 75%;
        margin-right: calc(var(--gutter)*2);
    }
}

.c-slider__item .c-card {
    display: block;
    padding: 1rem;
}

    .c-slider__item .c-card .c-headline {
        font-size: 16px;
        font-size: var(--font-medium);
    }

    .c-slider__item .c-card .m-wysiwyg {
        font-size: 14px;
    }

@media print, screen and (min-width: 768px) {
    .c-slider.-sm .c-slider__item {
        width: 25%;
    }
}

.c-slider__prev,
.c-slider__next {
    position: absolute;
    z-index: 11;
    top: calc(50% - 3.5rem);
    min-width: auto;
    width: 40px;
    height: 40px;
    padding: 0;
    font-size: 30px;
    background-color: rgba(0, 0, 0, 0);
}

    .c-slider__prev:after,
    .c-slider__next:after {
        position: unset;
    }

    .c-slider__prev:hover,
    .c-slider__next:hover {
        opacity: .4;
    }

.c-slider__prev {
    left: calc(var(--gutter)*-1);
    transform: translate(-100%, -50%);
}

    .c-slider__prev:after {
        -webkit-mask-image: var(--i-arrow_l, none);
    }

.c-slider__next {
    right: calc(var(--gutter)*-1);
    transform: translate(100%, -50%);
}

@media screen and (max-width: 1279px) {
    .c-slider__prev {
        left: 0;
    }

    .c-slider__next {
        right: 0;
    }
}

.c-slider__controller {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
    height: 3rem;
}

@media print, screen and (min-width: 768px) {
    .c-slider__controller {
        margin-top: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .c-slider__controller {
        margin-top: 1.5rem;
    }
}

.c-slider__bullet {
    display: flex;
}

    .c-slider__bullet button {
        width: 36px;
        height: 36px;
        padding: 2px;
        display: flex;
        align-items: center;
    }

        .c-slider__bullet button:before {
            content: "";
            width: 100%;
            height: 3px;
            background-color: #000;
            opacity: .2;
            transition: opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
        }

        .c-slider__bullet button[aria-selected=true]:before {
            opacity: 1;
        }

@media print, screen and (min-width: 768px) {
    .c-slider__bullet button:hover:before {
        opacity: 1;
        background-color: #01916d;
    }
}

@media print {

    .c-slider__prev,
    .c-slider__next,
    .c-slider__controller {
        display: none;
    }
}

.c-title-hero__body {
    margin-top: 0;
    margin-bottom: 0;
    font-family: var(--font-bold, sans-serif);
    font-weight: 700;
    line-height: 1.5;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body {
        font-size: 45px;
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body {
        font-size: 32px;
        line-height: 1.25;
    }
}

.c-title-hero__body span {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body span {
        font-size: clamp(32px, 3.25vw, 40px);
    }
}

.c-title-hero__body small {
    display: block;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body small {
        font-size: clamp(12px, 1.25vw, 16px);
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body small {
        font-size: 14px;
    }
}

.c-title-hero__secondary {
    margin-top: clamp(1rem, 1.75vw, 1.5rem);
    font-size: clamp(12px, 1.25vw, 16px);
}

    .c-title-hero__secondary *:last-child {
        margin-bottom: 0;
    }

@media screen and (max-width: 767px) {
    .c-title-hero__secondary {
        display: none;
    }
}

.c-title-hero__body:before {
    content: "";
    width: .1%;
    display: block;
    transition: all .8s cubic-bezier(0.645, 0.045, 0.355, 1) .4s;
    background: linear-gradient(90deg, #53AD69 0%, #173B27 15.27%, #2C654A 30.7%, #418F6E 46.35%, #6DB589 63.54%, #77F775 80.35%, #74F8F7 100%);
    background-size: 1000% 100%;
}

@media print, screen and (min-width: 768px) {
    .c-title-hero__body:before {
        height: 5px;
        margin-bottom: clamp(1rem, 2.25vw, 2rem);
    }
}

@media screen and (max-width: 767px) {
    .c-title-hero__body:before {
        height: 3px;
        margin-bottom: 1.5rem;
        margin-left: calc(var(--container-padding)*-1);
    }

    .c-hero-panel.-right .c-hero-panel__box .c-title-hero__body:before {
        margin-left: inherit;
        margin-right: calc(var(--container-padding)*-1);
    }
}

[inview=true] .c-title-hero__body:before {
    background-size: 100% 100%;
    width: 100%;
}

/* splide */
.splide__container {
    box-sizing: border-box;
    position: relative
}

.splide__list {
    backface-visibility: hidden;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    margin: 0;
    padding: 0
}

.splide.is-initialized:not(.is-active) .splide__list {
    display: block
}

.splide__pagination {
    -ms-flex-align: center;
    align-items: center;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    margin: 0;
    pointer-events: none
}

    .splide__pagination li {
        display: flex;
        line-height: 1;
        list-style-type: none;
        margin: 0;
        pointer-events: auto
    }

.splide:not(.is-overflow) .splide__pagination {
    display: none
}

.splide__progress__bar {
    width: 0
}

.splide {
    position: relative;
    visibility: hidden
}

    .splide.is-initialized,
    .splide.is-rendered {
        visibility: visible
    }

.splide__slide {
    backface-visibility: hidden;
    box-sizing: border-box;
    -ms-flex-negative: 0;
    flex-shrink: 0;
    list-style-type: none !important;
    margin: 0;
    position: relative
}

    .splide__slide img {
        vertical-align: bottom
    }

.splide__spinner {
    animation: splide-loading 1s linear infinite;
    border: 2px solid #999;
    border-left-color: transparent;
    border-radius: 50%;
    bottom: 0;
    contain: strict;
    display: inline-block;
    height: 20px;
    left: 0;
    margin: auto;
    position: absolute;
    right: 0;
    top: 0;
    width: 20px
}

.splide__sr {
    clip: rect(0 0 0 0);
    border: 0;
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px
}

.splide__track {
    overflow: hidden;
    position: relative;
    z-index: 0
}

@keyframes splide-loading {
    0% {
        transform: rotate(0)
    }

    to {
        transform: rotate(1turn)
    }
}

.splide__track--draggable {
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -ms-user-select: none;
    user-select: none
}

.splide__track--fade > .splide__list > .splide__slide {
    margin: 0 !important;
    opacity: 0;
    z-index: 0
}

    .splide__track--fade > .splide__list > .splide__slide.is-active {
        opacity: 1;
        z-index: 1
    }

.splide--rtl {
    direction: rtl
}

.splide__track--ttb > .splide__list {
    display: block
}

.splide__arrow {
    -ms-flex-align: center;
    align-items: center;
    background: #ccc;
    border: 0;
    border-radius: 50%;
    cursor: pointer;
    display: -ms-flexbox;
    display: flex;
    height: 2em;
    -ms-flex-pack: center;
    justify-content: center;
    opacity: .7;
    padding: 0;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 2em;
    z-index: 1
}

    .splide__arrow svg {
        fill: #000;
        height: 1.2em;
        width: 1.2em
    }

    .splide__arrow:hover:not(:disabled) {
        opacity: .9
    }

    .splide__arrow:disabled {
        opacity: .3
    }

    .splide__arrow:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide__arrow--prev {
    left: 1em
}

.splide.is-focus-in .splide__arrow:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__pagination {
    bottom: .5em;
    left: 0;
    right: 0;
    z-index: 1
}

.splide__progress__bar {
    background: #ccc;
    height: 3px
}

.splide__slide {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}

    .splide__slide:focus {
        outline: 0
    }

@supports(outline-offset:-3px) {
    .splide__slide:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide__slide:focus-visible {
        border: 3px solid #0bf
    }
}

@supports(outline-offset:-3px) {
    .splide.is-focus-in .splide__slide:focus {
        outline: 3px solid #0bf;
        outline-offset: -3px
    }
}

@media screen and (-ms-high-contrast:none) {
    .splide.is-focus-in .splide__slide:focus {
        border: 3px solid #0bf
    }

    .splide.is-focus-in .splide__track > .splide__list > .splide__slide:focus {
        border-color: #0bf
    }
}

.splide__toggle {
    cursor: pointer
}

    .splide__toggle:focus-visible {
        outline: 3px solid #0bf;
        outline-offset: 3px
    }

.splide.is-focus-in .splide__toggle:focus {
    outline: 3px solid #0bf;
    outline-offset: 3px
}

.splide__track--nav > .splide__list > .splide__slide {
    border: 3px solid transparent;
    cursor: pointer
}

    .splide__track--nav > .splide__list > .splide__slide.is-active {
        border: 3px solid #000
    }

.splide__arrows--rtl .splide__arrow--prev {
    left: auto;
    right: 1em
}

    .splide__arrows--rtl .splide__arrow--prev svg {
        transform: scaleX(1)
    }

.splide__arrows--rtl .splide__arrow--next {
    left: 1em;
    right: auto
}

    .splide__arrows--rtl .splide__arrow--next svg {
        transform: scaleX(-1)
    }

.splide__arrows--ttb .splide__arrow {
    left: 50%;
    transform: translate(-50%)
}

.splide__arrows--ttb .splide__arrow--prev {
    top: 1em
}

    .splide__arrows--ttb .splide__arrow--prev svg {
        transform: rotate(-90deg)
    }

.splide__arrows--ttb .splide__arrow--next {
    bottom: 1em;
    top: auto
}

    .splide__arrows--ttb .splide__arrow--next svg {
        transform: rotate(90deg)
    }

.splide__pagination--ttb {
    bottom: 0;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-direction: column;
    flex-direction: column;
    left: auto;
    padding: 1em 0;
    right: .5em;
    top: 0
}

.splide__toggle.is-active .splide__toggle__play,
.splide__toggle__pause {
    display: none
}

.splide__toggle.is-active .splide__toggle__pause {
    display: grid;
}

.splide__pagination__page {
    background: #000;
    border: 0;
    display: inline-block;
    height: 3px;
    margin: 3px;
    opacity: .4;
    padding: 0;
    position: relative;
    transition: transform .2s linear, opacity .4s cubic-bezier(0.39, 0.575, 0.565, 1), background-color .4s cubic-bezier(0.39, 0.575, 0.565, 1);
    width: 26px;
}

    .splide__pagination__page.is-active {
        opacity: 1;
        z-index: 1
    }

    .splide__pagination__page:hover {
        background-color: #01916d;
        cursor: pointer;
        opacity: 1;
    }

    .splide__pagination__page:focus-visible {
        outline: 2px solid #000;
        outline-offset: 2px
    }

.splide.is-focus-in .splide__pagination__page:focus {
    outline: 2px solid #000;
    outline-offset: 2px
}

.splide__controls {
    position: absolute;
    right: 0;
    display: flex;
    flex-direction: row-reverse;
}

p#footer_notice {
    background-color: #f1f2f1;
}

/**********************************************************************************************************/
.m-footer {
    background-color: #F1F2F1;
    color: #515151;
    font-family: var(--font-medium, sans-serif);
    margin-top: 8rem;
}

    .m-footer a {
        color: #515151;
    }

        .m-footer a[href]:hover {
            text-decoration: underline;
        }

.m-footer__inner {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 4.2rem 2rem 5rem;
}

.m-footer__nav-item-section:not(:first-child) {
    margin-top: 1.5rem;
}

.m-footer__nav-content {
    margin-top: 1rem;
}

.m-footer__nav-title {
    margin-top: 16px;
}

.m-footer__nav-top-link + .m-footer__nav-title {
    margin-top: 0;
}

.m-footer__nav-list {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    column-gap: 48px;
}

.m-footer__nav-btn {
    display: block;
    font-size: 18px;
    font-family: var(--font-bold-conde, sans-serif);
    font-weight: 700;
}

.m-footer__nav-top-link {
    display: none;
}

.m-footer__nav-title {
    margin-top: 16px;
    margin-bottom: 0;
    font-size: 1rem;
}

.m-footer_nav-child-list {
    margin-left: 1rem;
    margin-top: 0.6rem;
    font-size: 0.875rem;
}

.m-footer_nav-child-item:not(:first-child) {
    margin-top: 0.5rem;
}

.m-footer__nav-link {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.m-footer__nav-link-text {
    font-size: 0.875rem;
}

.m-footer__sns-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 24px;
    margin-top: 2.5rem;
}

@media print, screen and (max-width: 767px) {
    .m-footer__sns-list {
        justify-content: center !important;
    }
}

.m-footer__sns-icon {
    width: 48px;
}

.m-footer__group {
    border-top: 1px solid #D9D9D9;
    ;
    margin-top: 1.875rem;
    padding-top: 2.5rem;
}

.m-footer__group-title-text {
    font-size: 1.125rem;
    font-family: var(--font-medium, sans-serif);
    font-weight: normal;
}

.m-footer__group-list {
    display: flex;
    flex-wrap: wrap;
    column-gap: 40px;
}

.m-footer__group-link {
    font-size: 1.125rem;
    font-family: var(--font-bold, sans-serif);
    font-weight: bold;
}

.m-footer__other {
    display: flex;
    column-gap: 24px;
    margin-top: 2.5rem;
    padding-top: 2.5rem;
    border-top: 1px solid #D9D9D9;
    ;
}

.m-footer__other-head {
    flex-shrink: 0;
}

.m-footer__other-body {
    width: 100%;
}

.m-footer__other-body-top {
    display: flex;
    justify-content: space-between;
}

.m-footer__other-links {
    display: flex;
    flex-wrap: wrap;
    column-gap: 20px;
}

.m-footer__other-links-item:not(:last-child) > .m-footer__other-links-link {
    border-right: 1px solid #8A8A8A;
    padding-right: 1.25rem;
}

.m-footer__other-links-link {
    font-size: 0.875rem;
    font-family: var(--font-bold, sans-serif);
    font-weight: bold;
}

.m-footer__other-global-link {
    margin-bottom: 0;
}

.m-footer__other-global-link-text {
    display: inline-block;
    position: relative;
    padding-left: 32px;
    font-size: 0.875rem;
}

    .m-footer__other-global-link-text::before {
        display: block;
        position: absolute;
        top: -2px;
        left: 0;
        content: '';
        width: 24px;
        height: 25px;
        background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_global-2.svg');
    }

.m-footer__copyright {
    margin-bottom: 0;
}

.m-footer__copyright-text {
    /*font-size: 0.75rem;*/
}

@media screen and (max-width: 920px) {
    .m-footer.type2 .m-breadcrumb-bottom__list {
        padding-top: 1rem;
    }

    .m-footer.type2 .m-footer__inner {
        padding-top: 3.2rem;
        padding-bottom: 2.5rem;
    }

    .m-footer.type2 .m-footer__nav-list {
        display: block;
    }

    .m-footer.type2 .m-footer__nav-top-link {
        display: block;
    }

    .m-footer.type2 .m-footer__nav-item-section:not(:first-child) {
        margin-top: 0;
    }

    .m-footer.type2 .m-footer__nav-content {
        overflow: hidden;
        transition: .3s height ease-out;
    }

    .m-footer.type2 .m-footer__nav-btn {
        position: relative;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.25rem;
    }

        .m-footer.type2 .m-footer__nav-btn[role="button"] {
            padding-right: 60px;
        }

            .m-footer.type2 .m-footer__nav-btn[role="button"]::before,
            .m-footer.type2 .m-footer__nav-btn[role="button"]::after {
                position: absolute;
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                right: 10px;
                display: block;
                width: 2px;
                height: 21px;
                content: "";
                transition: rotate .2s;
                background: #5C5C5C;
                transform: translateY(-50%);
            }

            .m-footer.type2 .m-footer__nav-btn[role="button"]::after {
                top: 49%;
                transform: translateY(-50%) rotate(90deg);
                right: 10px;
            }

        .m-footer.type2 .m-footer__nav-btn[aria-expanded="true"]::before {
            display: none;
        }

        .m-footer.type2 .m-footer__nav-btn[href]:hover,
        .m-footer.type2 .m-footer__nav-btn[href]:focus {
            text-decoration: none;
        }

    .m-footer.type2 .m-footer__nav-content {
        margin-top: 0;
    }

    .m-footer.type2 .m-footer__nav-top-link {
        font-size: 1.25rem;
    }

    .m-footer.type2 .m-footer__nav-title {
        font-size: 1.25rem;
    }

    .m-footer.type2 .m-footer__nav-link-text {
        font-size: 1rem;
    }

    .m-footer.type2 .m-footer__other {
        display: block;
    }

    .m-footer.type2 .m-footer__other-body-top {
        display: block;
    }

    .m-footer.type2 .m-footer__other-head {
        text-align: center;
    }

    .m-footer.type2 .m-footer__other-body {
        margin-top: 3rem;
    }

    .m-footer.type2 .m-footer__other-global-link {
        margin-top: 1.2rem;
    }

    .m-footer.type2 .m-footer__body-bottom {
        margin-top: 40px;
    }

    .m-footer.type2 .m-footer__nav-top-link + .m-footer__nav-title {
        margin-top: 0.5rem;
    }

    .m-footer.type2 .m-footer_nav-child-list {
        margin-top: 1.6rem;
        margin-bottom: 2rem;
    }

    .m-footer.type2 .m-footer_nav-child-item:not(:first-child) {
        margin-top: 0.9rem;
    }

    .m-footer.type2 .m-footer__nav-link {
        margin-top: 0.8rem;
    }

    .m-footer.type2 .m-footer__group-list {
        row-gap: 1.3rem;
    }

    .m-footer.type2 .m-footer__group {
        padding-top: 2.5rem;
    }

    .m-footer.type2 .m-footer__logo {
        width: 153px;
    }

    .m-footer.type2 .m-footer__other-body {
        margin-top: 2rem;
    }

    .m-footer.type2 .m-footer__copyright {
        line-height: 150%;
    }
}

@media screen and (max-width: 767px) {
    .m-breadcrumb-bottom__list {
        padding-top: 1rem;
    }

    .m-footer__inner {
        padding-top: 3.2rem;
        padding-bottom: 2.5rem;
    }

    .m-footer__nav-list {
        display: block;
    }

    .m-footer__nav-top-link {
        display: block;
    }

    .m-footer__nav-item-section:not(:first-child) {
        margin-top: 0;
    }

    .m-footer__nav-content {
        overflow: hidden;
        transition: .3s height ease-out;
    }

    .m-footer__nav-btn {
        position: relative;
        display: block;
        padding-top: 10px;
        padding-bottom: 10px;
        font-size: 1.25rem;
    }

        .m-footer__nav-btn[role="button"] {
            padding-right: 60px;
        }

            .m-footer__nav-btn[role="button"]::before,
            .m-footer__nav-btn[role="button"]::after {
                position: absolute;
                content: "";
                display: block;
                position: absolute;
                top: 50%;
                right: 10px;
                display: block;
                width: 2px;
                height: 21px;
                content: "";
                transition: rotate .2s;
                background: #5C5C5C;
                transform: translateY(-50%);
            }

            .m-footer__nav-btn[role="button"]::after {
                top: 49%;
                transform: translateY(-50%) rotate(90deg);
                right: 10px;
            }

        .m-footer__nav-btn[aria-expanded="true"]::before {
            display: none;
        }

    .m-footer .m-footer__nav-btn[href]:hover,
    .m-footer .m-footer__nav-btn[href]:focus {
        text-decoration: none;
    }

    .m-footer__nav-content {
        margin-top: 0;
    }

    .m-footer__nav-top-link {
        font-size: 1.25rem;
    }

    .m-footer__nav-title {
        font-size: 1.25rem;
        width: 32%;
        display: inline-block;
    }

    .m-footer__nav-link-text {
        font-size: 1rem;
    }

    .m-footer__other {
        display: block;
    }

    .m-footer__other-body-top {
        display: block;
    }

    .m-footer__other-head {
        text-align: center;
    }

    .m-footer__other-body {
        margin-top: 3rem;
    }

    .m-footer__other-global-link {
        margin-top: 1.2rem;
    }

    .m-footer__body-bottom {
        margin-top: 40px;
    }

    .m-footer__nav-top-link + .m-footer__nav-title {
        margin-top: 0.5rem;
    }

    .m-footer_nav-child-list {
        margin-top: 1.6rem;
        margin-bottom: 2rem;
    }

    .m-footer_nav-child-item:not(:first-child) {
        margin-top: 0.9rem;
    }

    .m-footer__nav-link {
        margin-top: 0.8rem;
    }

    .m-footer__group-list {
        row-gap: 1.3rem;
    }

    .m-footer__group {
        padding-top: 2.5rem;
    }

    .m-footer__logo {
        width: 153px;
    }

    .m-footer__other-body {
        margin-top: 2rem;
    }

    .m-footer__copyright {
        line-height: 150%;
    }
}

/*****************************************Footer************************************************************/
/*****************************************Card************************************************************/
.m-card {
    height: 100%;
}

.m-card__body {
    overflow: hidden;
    height: 100%
}

.m-card__thumb {
    margin-bottom: 1.5rem;
    text-align: center;
    /* height: 175px */
}

.m-card__headline {
    vertical-align: middle;
    margin-bottom: 1rem;
    line-height: 1.5;
}

    .m-card__headline:last-child {
        margin-right: 0;
    }

.m-card__title {
    display: inline;
    vertical-align: middle;
    /* margin-right: 0.5rem; */
    line-height: 1.5;
}

.m-vertical-card .m-card__title {
    /* font-family: var(--font-medium-conde, sans-serif)!important; */
    font-family: var(--font-medium, sans-serif) !important;
    font-weight: 300 !important;
    margin-top: 0;
    margin-bottom: 0;
    display: inline;
    overflow-wrap: anywhere;
}

.m-card__tag {
    margin-bottom: 1rem;
}

.m-card__badge {
    margin-bottom: 0.5rem;
}

    .m-card__badge .m-badge {
        margin-bottom: 0.5rem;
    }

.m-card__btn + .m-card__btn {
    margin-top: 0.75rem;
}

.m-card__btns .m-card__btn > .m-btn {
    margin-bottom: 0;
}

.m-card__btns .m-caption {
    margin-top: 0.25rem;
}

.m-card__btns + .m-card__btns {
    margin-top: 0.75rem;
}

.m-vertical-container--style_3column .m-btn .btn,
.m-vertical-container--style_4column .m-btn .btn {
    min-width: unset !important;
}

.m-card__description {
    line-height: 1.5;
    margin-bottom: 1rem;
}

    .m-card__description > :first-child {
        margin-top: 0;
    }

    .m-card__description > :last-child {
        margin-bottom: 0;
    }

.m-vertical-card {
    margin-top: 5rem;
    margin-bottom: 2.5rem;
    page-break-inside: avoid;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-card {
        margin-top: 5rem;
        margin-bottom: 2rem;
        page-break-inside: avoid;
    }

    .m-vertical-card__body .row {
        display: grid;
        gap: 2.5rem var(--gap);
        grid-template-columns: 1fr 1fr;
    }

    .m-vertical-card--style_2column .m-vertical-card__body .m-card__thumb {
        margin-bottom: 2rem;
    }

    .m-vertical-card--style_3column .m-vertical-card__body .m-card__thumb {
        margin-bottom: 1.5rem;
    }

    .m-vertical-card--style_4column .m-vertical-card__body .m-card__thumb {
        margin-bottom: 1rem;
    }

    .m-vertical-card--style_4column .m-label--new {
        margin-left: 0;
    }
}

.m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .card_3row {
    display: grid;
    grid-template-columns: 1fr 1fr 1fr;
    gap: 2.5rem var(--gap);
    margin-left: 0;
    margin-right: 0;
}



@media print, screen and (max-width: 990px) {
    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .card_3row {
        display: grid;
        grid-template-columns: 1fr 1fr;
        gap: 2.5rem var(--gap);
        margin-left: 0;
        margin-right: 0;
    }
}

@media print, screen and (max-width: 768px) {
    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .card_3row {
        display: grid;
        grid-template-columns: 1fr;
        gap: 2.5rem var(--gap);
        margin-left: 0;
        margin-right: 0;
    }

    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .row {
        display: grid;
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }



    .m-vertical-card.m-vertical-card--style_4column .m-vertical-card__body .row {
        display: grid;
        grid-template-columns: 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }
}


@media print, screen and (min-width: 768px) {
    .m-vertical-card.m-vertical-card--style_3column .m-vertical-card__body .row {
        grid-template-columns: 1fr 1fr 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }



    .m-vertical-card.m-vertical-card--style_4column .m-vertical-card__body .row {
        grid-template-columns: 1fr 1fr 1fr 1fr;
        margin-left: 0;
        margin-right: 0;
        gap: 2.5rem var(--gap);
    }
}

@media print, screen and (max-width: 990px) {
    .m-vertical-card.m-vertical-card--style_3column__insight .m-vertical-card__body .row {
        grid-template-columns: 1fr 1fr !important;
        margin-left: 0;
        margin-right: 0;
    }
}

.m-vertical-card .m-vertical-card__col {
    /*  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;*/
    height: 100%;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-card .m-vertical-card__col {
        /*    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;*/
    }
}

@media screen and (max-width: 767px) {
    .m-vertical-card .m-vertical-card__col {
        margin-bottom: 2.5rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_2column .m-card__thumb {
        margin-bottom: 2rem;
    }

    .m-vertical-container.m-vertical-container--style_3column .m-card__thumb {
        margin-bottom: 1.5rem;
    }

    .m-vertical-container.m-vertical-container--style_4column .m-card__thumb {
        margin-bottom: 1rem;
    }
}

.m-vertical-card .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-vertical-card .m-card__description {
    font-size: 1rem;
}

    .m-vertical-card .m-card__description > p {
        max-height: 8.75em;
        font-size: inherit;
        overflow: hidden;
        display: -webkit-box;
        -webkit-box-orient: vertical;
        -webkit-line-clamp: 5;
    }

@media screen and (max-width: 767px) {
    .m-vertical-card .m-card__title {
        font-size: 1.25rem;
    }
}

.m-vertical-card__link {
    text-decoration: none;
    color: inherit;
    height: 100%;
    padding: 24px;
    display: block;
    background-color: #fff;
    border: 1px solid #d6d6d6;
}

    .m-vertical-card__link:hover,
    .m-vertical-card__link:active,
    .m-vertical-card__link:focus {
        color: inherit;
        text-decoration: none;
        box-shadow: 0px 0px 12px rgba(0, 0, 0, .1);
    }

@media print, screen and (min-width: 768px) {

    .m-vertical-card__link:hover,
    .m-vertical-card__link:active,
    .m-vertical-card__link:focus {
        text-decoration: none;
    }

        .m-vertical-card__link:hover .m-card__title {
            color: var(--color-text-green);
        }
}

@media print, screen and (min-width: 768px) {
    .m-vertical-card--style_2column .m-vertical-card__col {
        /*    flex: 0 0 50%;
    max-width: 50%;*/
    }

    .m-vertical-card--style_2column .m-card__title {
        font-size: 24px;
    }

    .m-vertical-card--style_3column .m-vertical-card__link {
        padding: 1.5rem;
    }

    .m-vertical-card--style_3column .m-vertical-card__col {
        /*    flex: 0 0 calc(100% / 3 - 0.01px);
    max-width: calc(100% / 3 - 0.01px);*/
    }

    .m-vertical-card--style_3column .m-card__title {
        font-size: 18px;
    }

    .m-vertical-card--style_4column .m-vertical-card__link {
        padding: 1rem;
    }

    .m-vertical-card--style_4column .m-vertical-card__col {
        /*    flex: 0 0 25%;
    max-width: 25%;*/
    }

    .m-vertical-card--style_4column .m-card__title {
        font-size: 18px;
    }

    .m-vertical-card--style_4column .m-card__description {
        font-size: 14px;
    }
}

.m-large-image-card {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.m-large-image-card__inner {
    background-color: #ffffff;
    text-decoration: none;
    display: block;
    color: inherit;
    height: 100%;
    page-break-inside: avoid;
}

@media print, screen and (max-width: 767px) {
    .m-large-image-card__inner .m-card {
        margin-bottom: 2rem;
    }
}

.m-large-image-card .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-large-image-card .m-card__headline {
    position: relative;
}

.m-large-image-card .m-card__title {
    font-size: 24px;
}

.m-large-image-card .m-card__description {
    font-size: 1rem;
    margin-bottom: 1.5rem;
}

    .m-large-image-card .m-card__description > p {
        font-size: inherit;
        line-height: 1.75;
    }

.m-large-image-card .m-card__btns {
    margin-top: 1rem;
}

    .m-large-image-card .m-card__btns .m-btn .btn-primary {
        width: 100%;
        background-color: var(--color-bg-secondary-a);
        color: #333;
    }

        .m-large-image-card .m-card__btns .m-btn .btn-primary:hover {
            transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
            background-color: rgba(0, 0, 0, .14);
        }

        .m-large-image-card .m-card__btns .m-btn .btn-primary::before {
            display: none;
        }

        .m-large-image-card .m-card__btns .m-btn .btn-primary::after {
            background-color: #333;
        }

.m-horizontal-container {
    margin-top: 2rem;
    margin-bottom: 5rem;
    page-break-inside: avoid;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container {
        margin-top: 3rem;
        margin-bottom: 7rem;
    }
}

.m-horizontal-container__body > .row {
    margin: 0;
}

    .m-horizontal-container__body > .row [class*=col] {
        padding: 0;
    }

/* .m-horizontal-container__body > .row [class*=col] :last-child {
  margin-bottom: 0;
} */
.m-horizontal-container__img {
    margin-right: calc(var(--gutter)*2);
    flex-shrink: 0;
    position: relative;
}

@media print, screen and (max-width: 767px) {
    .m-horizontal-container__img {
        margin-right: 0 !important;
        margin-bottom: 1.5rem !important;
    }
}

.m-horizontal-container__img img {
    width: 100%;
    max-width: none;
}

.m-horizontal-container__imgs {
    position: relative;
    padding-top: 66.76136%;
    overflow: hidden;
    margin-bottom: 1.5rem !important;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container__imgs {
        margin-bottom: 0;
        margin-right: calc(var(--gutter)*2);
    }
}

.m-horizontal-container__imgs img {
    height: 100%;
    width: 100%;
    object-fit: contain;
    object-position: center;
    font-family: 'object-fit: contain; object-position: center;';
}

.m-horizontal-container__imgs .m-carousel__prev,
.m-horizontal-container__imgs .m-carousel__next {
    width: 2.5rem;
    height: 6.25rem;
    display: block;
}

    .m-horizontal-container__imgs .m-carousel__prev::before,
    .m-horizontal-container__imgs .m-carousel__next::before {
        width: 1rem;
        height: 1rem;
        border-color: #000;
        border-width: 2px;
    }

.m-horizontal-container__imgs .m-carousel__bullets {
    display: none;
}

.m-horizontal-container__headline {
    vertical-align: middle;
    margin-bottom: 1rem;
}

    .m-horizontal-container__headline .m-label--new {
        margin-left: 12px;
    }

.m-horizontal-container__sub-title {
    display: inline;
    font-size: 24px;
    vertical-align: middle;
    line-height: 1.25;
}

@media screen and (max-width: 767px) {
    .m-horizontal-container__sub-title {
        font-size: 20px;
    }
}

.m-horizontal-container__description {
    margin-bottom: 1rem;
    line-height: 1.5;
    font-size: 1rem;
}

    .m-horizontal-container__description > p {
        font-size: inherit;
    }

.m-horizontal-container__tag {
    margin-bottom: 1rem;
    margin-right: -8px;
    line-height: 1;
}

.m-horizontal-container__badge {
    margin-right: -2px;
    margin-bottom: 0.5rem;
}

.m-horizontal-container__links {
    /* margin-right: -12px; */
    margin-bottom: 1rem;
}

    .m-horizontal-container__links .btn-link,
    .m-horizontal-container__links .btn-link--lg {
        /* display: unset; */
        margin-bottom: 0;
    }

.m-horizontal-container__btns {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container__btns {
        display: grid;
        gap: 12px;
        grid-template-columns: 1fr 1fr 1fr;
    }
}

/* .m-horizontal-container__btn {
  margin-bottom: 12px;
} */
.m-horizontal-container__btn .m-btn {
    height: 100%;
    display: block;
    margin-right: 0;
    margin-bottom: 12px;
}

@media print, screen and (min-width: 768px) {
    .m-horizontal-container__btn .m-btn .btn {
        min-width: unset !important;
        font-size: 14px;
    }
}

.m-horizontal-container__body .m-caption {
    margin-bottom: 0;
}

.m-vertical-container {
    margin-top: 2rem;
    margin-bottom: 5rem;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container {
        margin-top: 3rem;
    }

    .m-vertical-container--style_2column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr;
    }

    .m-vertical-container--style_3column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr;
    }

    .m-vertical-container--style_4column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

/* .m-vertical-container * .m-vertical-container {
  margin-top: 1rem;
}
.m-vertical-container .m-vertical-container__col {
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .m-vertical-container .m-vertical-container__col {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container .m-vertical-container__col {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
} */
@media print, screen and (min-width: 768px) {
    /* .m-vertical-container--style_2column .m-vertical-container__col {
    flex: 0 0 50%;
    max-width: 50%;
  } */

    /* .m-vertical-container--style_3column .m-vertical-container__col {
    max-width: calc(100% / 3 - 0.01px);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 0.01px);
  } */

    /* .m-vertical-container--style_4column .m-vertical-container__col {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .m-vertical-container--style_4column .m-card__description {
    font-size: 0.875rem;
  } */
}

/* .m-vertical-container .m-card {
  border-bottom: 1px solid #dcdcdc;
} */
/* .m-vertical-container .m-card__body {
  padding-bottom: 0.5rem;
} */
.m-vertical-container .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-vertical-container .m-card__headline {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_2column .m-card__headline {
        margin-bottom: 1.5rem;
    }
}

.m-vertical-container .m-card__title {
    font-size: 1.125rem;
    margin-right: 0;
}

.m-vertical-container .m-card__headline .m-label--new {
    margin-left: 12px;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_4column .m-card__headline .m-label--new {
        margin-left: 0;
    }
}

.m-vertical-container .m-card__description {
    margin-bottom: 1rem;
    line-height: 1.75;
    font-size: 14px;
    overflow-wrap: anywhere;
}

    .m-vertical-container .m-card__description > p {
        font-size: inherit;
    }

.m-vertical-container .m-card__tag {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.m-vertical-container .m-card__badge {
    margin-bottom: 0.5rem;
}

.m-vertical-container .m-card__btns .m-link-list .m-link-list__body {
    margin-top: 0;
    margin-bottom: 0;
}

@media print, screen and (max-width: 767px) {
    .m-card__btns .m-btn {
        margin-right: 0;
        display: block;
    }
}

/**************************************************End Card********************************************************/

.m-slider {
    overflow: hidden;
    margin-top: -0.5rem;
    /*  margin-right: -0.5rem; */
    margin-bottom: -0.5rem;
    /*  margin-left: -0.5rem; */
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}

.m-slider__body {
    flex-wrap: nowrap;
    transition: transform 0.4s linear 0s;
}

.m-slider__ui {
    display: flex;
    justify-content: center;
    align-items: center;
    margin-top: 0.875rem;
}

@media print {
    .m-slider__ui {
        display: none;
    }
}

.m-slider__bullets {
    display: inline-flex;
}

.m-slider__bullet {
    position: relative;
    background-color: transparent;
    border: 0;
    width: 1.5rem;
    height: 1.5rem;
    display: inline-flex;
    justify-content: center;
    align-items: center;
}

    .m-slider__bullet::before {
        content: "";
        display: block;
        background-color: #8c8c8c;
        width: 0.75rem;
        height: 0.75rem;
        border-radius: 50%;
        position: absolute;
        top: 50%;
        left: 50%;
        transform: translate(-50%, -50%);
    }

.m-slider__bullet-text {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.m-slider__bullet.-current::before {
    background-color: #333333;
}

.m-slider__prev,
.m-slider__next {
    position: relative;
    width: 1.875rem;
    height: 1.875rem;
    text-align: center;
    border: none;
    background-color: transparent;
}

.m-slider__prev-text,
.m-slider__next-text {
    position: absolute;
    width: 0.0625rem;
    height: 0.0625rem;
    overflow: hidden;
}

.m-slider__prev::before,
.m-slider__next::before {
    content: "";
    display: inline-block;
    width: 0.625rem;
    height: 0.625rem;
    border-top: 3px solid #01916d;
    border-right: 3px solid #01916d;
}

.m-slider__prev::before {
    transform: rotate(-135deg);
}

.m-slider__next::before {
    transform: rotate(45deg);
}


/***************************Slider End*****************************************/
/***************************Table*****************************************/
.m-table {
    text-align: left;
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.m-table__body {
    overflow-x: auto;
    max-width: 100%;
}

.m-table__table {
    min-width: 544px;
    margin-right: auto;
    border-collapse: collapse;
    border-width: 1px;
    border-style: solid;
}

.m-table--black .m-table__table {
    border-color: #000000;
}

.m-table--white .m-table__table {
    border-color: #cccccc;
}

.m-table__col--5 {
    width: 5%;
}

.m-table__col--10 {
    width: 10%;
}

.m-table__col--15 {
    width: 15%;
}

.m-table__col--20 {
    width: 20%;
}

.m-table__col--25 {
    width: 25%;
}

.m-table__col--30 {
    width: 30%;
}

.m-table__col--35 {
    width: 35%;
}

.m-table__col--40 {
    width: 40%;
}

.m-table__col--45 {
    width: 45%;
}

.m-table__col--50 {
    width: 50%;
}

.m-table__col--55 {
    width: 55%;
}

.m-table__col--60 {
    width: 60%;
}

.m-table__col--65 {
    width: 65%;
}

.m-table__col--70 {
    width: 70%;
}

.m-table__col--75 {
    width: 75%;
}

.m-table__col--80 {
    width: 80%;
}

.m-table__col--85 {
    width: 85%;
}

.m-table__col--90 {
    width: 90%;
}

.m-table__col--95 {
    width: 95%;
}

.m-table__col--100 {
    width: 100%;
}

.m-table--black .m-table__thead-row {
    background-color: #333333;
    color: #ffffff;
}

.m-table--white .m-table__thead-row {
    background-color: #ffffff;
}

.m-table--black .m-table__tbody-row:nth-of-type(2n + 1) {
    background-color: #ffffff;
}

.m-table--black .m-table__tbody-row:nth-of-type(2n) {
    background-color: #f6f6f6;
}

.m-table--white .m-table__tbody-row:nth-of-type(2n + 1) {
    background-color: #f6f6f6;
}

.m-table--white .m-table__tbody-row:nth-of-type(2n) {
    background-color: #dcdcdc;
}

.m-table__cell {
    font-size: 0.875rem;
    min-width: 80px;
    border-width: 1px;
    border-style: solid;
    padding-top: 0.5rem;
    padding-right: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 0.5rem;
}

    .m-table__cell > :first-child {
        margin-top: 0;
    }

    .m-table__cell > :last-child {
        margin-bottom: 0;
    }

@media print, screen and (min-width: 768px) {
    .m-table__cell {
        font-size: 1rem;
        padding: 5px;
        text-align: left;
    }
}

.m-table--black .m-table__cell--head {
    border-color: #000000;
    background-color: #333333;
    color: #ffffff;
}

.m-table--white .m-table__cell--head {
    border-color: #cccccc;
    background-color: #ffffff;
}

.m-table__cell--data {
    border-color: #cccccc;
}

.m-table__cell__button {
    position: relative;
    color: #ffffff;
    padding-right: 1.25rem;
    display: block;
    background: none;
    box-shadow: none;
    border: none;
    width: 100%;
    text-align: left;
}

    .m-table__cell__button::before,
    .m-table__cell__button::after {
        content: " ❮";
        color: #707070;
        position: absolute;
        top: 50%;
        right: 0;
        display: block;
    }

    .m-table__cell__button::before {
        transform: translateY(-50%) rotateZ(90deg);
        margin: -0.5625rem 0 0;
        content: " ❮";
    }

    .m-table__cell__button::after {
        transform: translateY(-50%) rotateZ(90deg);
        margin: 0.3125rem 0 0;
        content: " ❯";
    }

    .m-table__cell__button.-asc::before,
    .m-table__cell__button.-desc::after {
        color: #ffffff;
    }

/*Modal*/

.m-modal {
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    display: flex;
    justify-content: center;
    align-items: center;
    opacity: 1;
    transition: opacity 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86), visibility 0.4s;
    z-index: 99999;
}

    .m-modal.-hide {
        visibility: hidden;
        opacity: 0;
    }

.m-modal__close {
    position: absolute;
    top: 1.8rem;
    right: 2.5rem;
    background: none;
    box-shadow: none;
    border: none;
    z-index: 1;
    overflow: visible;
    display: none;
}

.m-modal__close__text {
    display: block;
    width: 0;
    height: 0;
    overflow: hidden;
}

.m-modal__close::before,
.m-modal__close::after {
    content: "";
    display: inline-block;
    position: absolute;
    background-color: #000;
    width: 1.25rem;
    height: 0.0625rem;
    top: 0.4375rem;
    right: -16px;
}

.m-modal__close::before {
    transform: translateX(-50%) rotate(45deg);
}

.m-modal__close::after {
    transform: translateX(-50%) rotate(135deg);
}


.m-modal__container {
    width: 100%;
    position: relative;
    max-width: 1400px;
    margin-left: 0;
    margin-right: 0;
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}

.m-modal.-iframe .m-modal__container,
.m-modal.-video .m-modal__container {
    width: 100%;
}

.m-modal.-iframe .m-modal__container {
    height: 100%;
    max-height: calc(100vh - 11rem);
}

.m-modal__contents {
    height: 100%;
}

    .m-modal__contents .m-youtube {
        margin-top: 0;
        margin-bottom: 0;
    }

.m-modal.-iframe .m-modal__contents,
.m-modal.-video .m-modal__contents {
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
}

.m-modal__body {
    position: relative;
    background-color: #ffffff;
    overflow-y: auto;
    max-height: calc(100vh - 11rem);
    /* padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem; */
}

.m-modal.-iframe .m-modal__body,
.m-modal.-video .m-modal__body {
    height: 100%;
    overflow: hidden;
}

    .m-modal.-iframe .m-modal__body iframe,
    .m-modal.-video .m-modal__body iframe {
        border: none;
        width: 100%;
        height: 100%;
        vertical-align: top;
    }

.m-modal__overlay {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.3);
    cursor: pointer;
}

@media print, screen and (min-width: 768px) {
    .m-modal__container {
        padding-left: 2rem;
        padding-right: 2rem;
    }

    .m-modal__body {
        max-height: calc(100vh - 4rem);
        /* padding-left: 2rem;
        padding-right: 2rem; */
    }
}

/***********************Cokies*****************************************************************/

.m-cookie-confirm {
    background-color: rgba(0, 0, 0, 0.8);
    color: #fff;
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    z-index: 99995;
    animation: m-cookie-confirm--anime 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86);
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
    transition: transform 0.4s cubic-bezier(0.785, 0.135, 0.15, 0.86) 0s;
}

@keyframes m-cookie-confirm--anime {
    0% {
        transform: translateY(100%);
    }

    100% {
        transform: translateY(0%);
    }
}

.m-cookie-confirm__header p {
    margin-bottom: 0.5rem;
}

.m-cookie-confirm__link {
    color: #fff;
}

.m-cookie-confirm__body__text {
    line-height: 1.5;
}

.m-cookie-confirm__body__btns {
    font-size: 14px;
}

.m-cookie-confirm__accept-all {
    margin-bottom: 0.75rem !important;
}

.m-cookie-confirm__open-setting {
    color: #fff;
    margin-left: 0.5em;
}

.m-cookie-confirm__close-btn {
    position: absolute;
    width: 3rem;
    height: 3rem;
    background-color: transparent;
    border: 0;
    top: 0;
    right: 0;
}

    .m-cookie-confirm__close-btn:before,
    .m-cookie-confirm__close-btn:after {
        content: "";
        display: inline-block;
        position: absolute;
        background-color: #fff;
        width: 20px;
        height: 1px;
        top: 50%;
        left: 50%;
    }

    .m-cookie-confirm__close-btn:before {
        transform: translateX(-50%) rotate(45deg);
    }

    .m-cookie-confirm__close-btn:after {
        transform: translateX(-50%) rotate(135deg);
    }

/* .m-cookie-confirm[data-js-mode="notice"] .m-cookie-confirm__body__btns {
    display: none;
  } */

.m-cookie-confirm--hide {
    transform: translateY(100%);
}

@media print, screen and (min-width: 768px) {
    .m-cookie-confirm__body {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }

    .m-cookie-confirm__body__text {
        font-size: 14px;
        flex: 1;
    }

        .m-cookie-confirm__body__text p {
            margin-bottom: 0;
        }

    .m-cookie-confirm__body__btns {
        min-width: 190px;
        margin-left: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .m-cookie-confirm__body__text {
        font-size: 12px;
    }

    .m-cookie-confirm__body__btns {
        text-align: center;
    }
}

/*************/

.m-modal[data-js-modal-hash="#cookie-manager"] {
    z-index: 502;
}

.m-cookie-manager__headline h3 {
    margin-top: 0;
    margin-bottom: 1rem;
}

.m-cookie-manager__text {
    font-size: 14px;
}

    .m-cookie-manager__text a {
        color: #333;
        margin-left: 0.5em;
    }

.m-cookie-manager__accept-all {
    margin-bottom: 1.5rem;
}

.m-cookie-manager__options dl {
    border-bottom: 1px solid #dcdcdc;
    border-collapse: collapse;
}

.m-cookie-manager__options dt {
    padding-right: 1.5rem;
}

.m-cookie-manager__options dd {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.m-cookie-manager__option {
    border-top: 1px solid #dcdcdc;
}

    .m-cookie-manager__option dt {
        font-family: var(--font-bold-conde, sans-serif);
        font-weight: 600;
    }

    .m-cookie-manager__option dd {
        font-size: 12px;
        line-height: 1.5;
    }

.m-cookie-manager__option__switch {
    padding-left: 3rem;
}

@media print, screen and (min-width: 768px) {
    .m-cookie-manager__accept-all {
        text-align: right;
    }

    .m-cookie-manager__option {
        display: table-row;
    }

        .m-cookie-manager__option dt {
            display: table-cell;
            height: 5rem;
            white-space: nowrap;
            vertical-align: middle;
        }

        .m-cookie-manager__option dd {
            display: table-cell;
            vertical-align: middle;
        }

    .m-cookie-manager__option__switch label {
        font-size: 20px;
        margin-bottom: 0;
    }

    .m-cookie-manager__save {
        text-align: right;
        margin-top: 2rem;
    }
}

@media screen and (max-width: 767px) {
    .m-cookie-manager__accept-all .m-cookie__accept-all {
        width: 100%;
    }

    .m-cookie-manager__text {
        line-height: 1.5;
    }

    .m-cookie-manager__option {
        position: relative;
        padding-top: 1rem;
        padding-right: 2.5rem;
        padding-bottom: 1rem;
    }

        .m-cookie-manager__option dd {
            margin-bottom: 0;
        }

    .m-cookie-manager__option__switch {
        position: absolute;
        right: 0;
        top: 50%;
        margin-top: -9px;
    }

        .m-cookie-manager__option__switch label {
            font-size: 13px;
            margin-bottom: 0;
        }

    .m-cookie-manager__save {
        margin-top: 1.5rem;
        margin-bottom: 1.5rem;
    }

        .m-cookie-manager__save .m-cookie__save {
            width: 100%;
        }
}

.m-toggle-btn {
    display: none;
    -webkit-appearance: none;
    background-color: transparent;
}

.m-toggle-btn__body {
    display: inline-block;
    width: 2.52em;
    height: 1.4em;
    background-color: #707070;
    border-radius: 0.7em;
    line-height: 1;
    margin-bottom: 0;
    margin-right: 0.25em;
    vertical-align: sub;
    cursor: pointer;
    transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
}

    .m-toggle-btn__body:before {
        content: "";
        display: block;
        border-radius: 0.7em;
        width: 1.4em;
        height: 1.4em;
        background-color: #fff;
        background: radial-gradient(circle, white 99%, rgba(255, 255, 255, 0) 100%);
        border: 2px solid #707070;
        transition: all 0.4s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .m-toggle-btn__body:hover {
        opacity: 0.8;
    }

    .m-toggle-btn:checked + .m-toggle-btn__body,
    .m-toggle-btn__body[checked] {
        background-color: #01916d;
    }

        .m-toggle-btn:checked + .m-toggle-btn__body:before,
        .m-toggle-btn__body[checked]:before {
            border-color: #01916d;
            transform: translateX(1.12em);
        }

.m-toggle-btn[disabled] + .m-toggle-btn__body {
    opacity: 0.5;
    cursor: default;
    pointer-events: none;
}

.gray3 {
    background-color: #dcdcdc !important;
}

.gray4 {
    background-color: #f6f6f6 !important;
}

/***************************Table End*****************************************/
.image-hdg {
    position: absolute;
    padding: 10px;
    color: #fff;
    font-size: 20px;
}

.d-flex {
    display: flex;
}

.invisible {
    visibility: hidden;
}

.box-04 {
    background-color: #fff;
    background-clip: padding-box;
    margin: 20px 0;
    padding: 10px 30px;
    border: 1px solid #b2880a;
}

/************************* Breadcrumb **********************************************/
.m-breadcrumb {
    overflow-x: auto;
    font-size: 12px;
    padding-top: 80px;
    padding-bottom: 0;
    /* margin-bottom: 1rem; */
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    background-color: #f1f2f1;
}

@media print, screen and (max-width: 767px) {
    .m-breadcrumb {
        overflow-x: scroll;
        padding-top: 20px;
        padding-bottom: 20px;
    }
}

@media print, screen and (min-width: 768px) {
    /* .m-breadcrumb {
    margin-bottom: 5rem;
  } */
}

.m-breadcrumb--forHeader {
    margin-bottom: 0;
    margin-top: 17px;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: #fff;
}

.m-breadcrumb__body {
    white-space: nowrap;
    display: inline-block;
    padding-right: var(--container-padding);
}

    .m-breadcrumb__body > li:not(:last-child) > a:hover {
        color: inherit;
        text-decoration: underline;
    }

    .m-breadcrumb__body > li {
        display: inline-flex;
        align-items: center;
        margin-right: 0.5rem;
    }

        .m-breadcrumb__body > li:not(:last-child) > a {
            color: #515151;
        }

        .m-breadcrumb__body > li:not(:last-child)::after {
            content: "";
            background-image: url(data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%227%22%20height%3D%2216%22%20viewBox%3D%220%200%207%2016%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M1%201L5.18655%207.05025C5.6731%207.75338%205.65883%208.68804%205.15105%209.37599L1%2015%22%20stroke%3D%22%23D6D6D6%22%2F%3E%0A%3C%2Fsvg%3E);
            width: 7px;
            height: 16px;
            margin-left: 0.5rem;
            display: inline-block;
        }

        .m-breadcrumb__body > li a:hover,
        .m-breadcrumb__body > li a:active,
        .m-breadcrumb__body > li a:focus {
            color: unset;
        }

.m-breadcrumb__item {
    text-decoration: none;
    text-overflow: ellipsis;
}

.m-breadcrumb .-active .m-breadcrumb__item {
    max-width: none;
    font-family: var(--font-bold, sans-serif);
    font-weight: 700;
    color: #000000;
}

/***************************Breadcrumb End*****************************************/

/***************************Form Styles start*****************************************/

.m-form {
    margin-bottom: 0.8rem;
}

.m-form-field {
    margin-top: 2rem;
    margin-bottom: 1rem;
}

.m-form-field__body > :last-child {
    margin-bottom: 0;
}

.m-form-inner {
    display: flex;
    flex-direction: column;
}

    .m-form-inner > [data-order="0"] {
        order: 0;
    }

    .m-form-inner > [data-order="1"] {
        order: 1;
    }

@media print, screen and (min-width: 768px) {
    .m-form--input {
        max-width: 545px;
    }
}

@media print, screen and (min-width: 768px) {
    .m-form--select {
        max-width: 350px;
    }
}

@media print, screen and (min-width: 768px) {
    .m-form--textarea {
        max-width: 930px;
    }
}

.m-form__title,
.m-form__label {
    font-size: 1rem;
    line-height: 1.5;
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    color: #000;
    display: block;
}

.m-form__title {
    margin-bottom: 0.9375rem;
}

.m-form--check-list .m-form__title,
.m-form--radio-list .m-form__title {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {

    .m-form--check-list .m-form__title,
    .m-form--radio-list .m-form__title {
        margin-bottom: .5rem;
    }
}

.m-form__label {
    margin-bottom: 0.1875rem;
}

.m-form--check-list .m-form__label {
    position: relative;
    /* display: inline-block; */
    margin-bottom: 0;
    padding-left: 1rem;
    cursor: pointer;
}

.m-form--radio-list .m-form__label {
    vertical-align: top;
    display: block;
    margin-bottom: 1rem;
    margin-right: 0px;
    padding-left: 1.25rem;
    cursor: pointer;
}

.m-form__label label:hover,
.m-form-inner label:hover {
    color: inherit;
}

.m-form__required {
    font-size: 0.75rem;
    color: #fb0020;
    display: inline-block;
    margin-left: 0.75rem;
}

.m-form__input {
    font-size: 1.125rem;
}

.m-form__select {
    position: relative;
    height: 100%;
}

.m-form__select-item::-ms-expand {
    display: none;
}

/* .m-form__select::before, .m-form__select::after {
  content: "";
  position: absolute;
  display: block;
  right: 0.6875rem;
  border-left: 4px solid transparent;
  border-right: 4px solid transparent;
}
.m-form__select::before {
  bottom: calc(50% + 2px);
  border-bottom: 8px solid #3b3b3b;
}
.m-form__select::after {
  top: calc(50% + 2px);
  border-top: 8px solid #3b3b3b;
} */
.m-form__textarea {
    min-height: 200px;
    line-height: 1.5;
    padding-top: 0.75rem;
    padding-right: 0.9375rem;
    padding-bottom: 0.75rem;
    padding-left: 0.9375rem;
}

.m-form__input,
.m-form__select-item {
    padding-top: 0.1875rem;
    padding-right: 0.625rem;
    padding-bottom: 0.1875rem;
    padding-left: 0.625rem;
}

    .m-form__input:-ms-input-placeholder,
    .m-form__textarea:-ms-input-placeholder {
        color: #8c8c8c;
    }

    .m-form__input::placeholder,
    .m-form__textarea::placeholder {
        color: #8c8c8c;
    }

.m-form__input,
.m-form__select-item,
.m-form__textarea {
    -webkit-appearance: none;
    background-color: #fff;
    border: 1px solid #adadad;
    padding: 0.5rem 1rem;
    max-width: 100%;
    border-radius: 0;
    font-size: 1rem;
    display: block;
    line-height: 1.5;
    box-sizing: border-box;
}

.m-form__input {
    width: 100%;
}

.m-form__select-item {
    width: 100%;
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    color: var(--color-text-secondary);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
}

    .m-form__input:focus,
    .m-form__input:active,
    .m-form__select-item:focus,
    .m-form__select-item:active,
    .m-form__textarea:focus,
    .m-form__textarea:active {
        /* outline: 1px solid #01916d; */
        border-radius: 0.5px;
        outline-offset: 3px;
        outline: 2px solid #333;
        border-color: #333;
    }

    .m-form__input.-inputed,
    .m-form__select-item.-inputed,
    .m-form__textarea.-inputed {
        background-color: #ffffff;
        color: #333333;
    }

.m-form__checkbox {
    /* border: 1px solid rgb(173, 173, 173);
  border-radius: 2px;
  width: 13px;
  height: 13px; */
    /* position: absolute;
  left: 0;
  top: calc(1.375rem / 2); */
}

.m-form__radio {
    margin-top: 0px;
    display: inline-block;
    margin-left: -1.25rem;
    -webkit-user-select: auto;
    appearance: auto;
}

.m-form__check-item {
    color: var(--color-text);
    margin-left: 6px;
    margin-bottom: 0px;
}

.m-form__checkbox + .m-form__check-item::before,
.m-form__checkbox + .m-form__check-item::after,
.m-form__radio + .m-form__check-item::before,
.m-form__radio + .m-form__check-item::after {
    content: "";
    display: block;
    position: absolute;
}

.m-form__checkbox + .m-form__check-item::before,
.m-form__radio + .m-form__check-item::before {
    left: 0;
    border: 1px solid #ADADAD;
    box-shadow: 0 1px rgba(220, 220, 220, 0.6) inset;
    background-color: #ffffff;
}

.m-form--check-list .m-form__checkbox + .m-form__check-item::before,
.m-form--check-list .m-form__radio + .m-form__check-item::before {
    top: 0.3125rem;
    left: 0.1875rem;
    width: 13px;
    height: 13px;
    border-radius: 2px;
}

.m-form--radio-list .m-form__checkbox + .m-form__check-item::before,
.m-form--radio-list .m-form__radio + .m-form__check-item::before {
    top: 0.125rem;
    width: 1.25rem;
    height: 1.25rem;
    border-radius: 50%;
}

.m-form__checkbox + .m-form__check-item::after,
.m-form__radio + .m-form__check-item::after {
    opacity: 0;
}

.m-form--check-list .m-form__checkbox + .m-form__check-item::after,
.m-form--check-list .m-form__radio + .m-form__check-item::after {
    top: 0.3125rem;
    left: 0.1875rem;
    width: 13px;
    height: 13px;
    background-image: url("../images/icn_check.png");
    background-size: contain;
    background-repeat: no-repeat;
}

.m-form--radio-list .m-form__checkbox + .m-form__check-item::after,
.m-form--radio-list .m-form__radio + .m-form__check-item::after {
    top: 0.75rem;
    left: 0.625rem;
    width: 0.375rem;
    height: 0.375rem;
    border-radius: 50%;
    background-color: #ffffff;
    transform: translate(-50%, -50%);
}

.m-form__checkbox:focus,
.m-form__checkbox:active,
.m-form__radio:focus,
.m-form__radio:active {
    outline: none;
}

/* .m-form__checkbox:focus + .m-form__check-item::before, .m-form__checkbox:active + .m-form__check-item::before, .m-form__radio:focus + .m-form__check-item::before, .m-form__radio:active + .m-form__check-item::before {
  outline: 1px solid #01916d;
} */
.m-form__checkbox:checked + .m-form__check-item::before,
.m-form__radio:checked + .m-form__check-item::before {
    background-color: #4099fd;
    border-color: #4099fd;
    box-shadow: none;
}

.m-form__checkbox:checked + .m-form__check-item::after,
.m-form__radio:checked + .m-form__check-item::after {
    opacity: 1;
}

.m-form--error__item {
    background-color: #ffefeb;
    border: 2px solid rgba(251, 0, 32, 0.5);
}

.m-form--error__text {
    display: none;
}

.m-form--error .m-form--error__text {
    display: inline-block;
}

.m-form--error__text[data-order="0"] {
    margin-top: -0.375rem;
    margin-bottom: 0.5rem;
}

.m-form--error__text[data-order="1"] {
    margin-top: 0.4375rem;
}

.m-form--error__text-inner {
    font-size: 0.875rem;
    color: #fb0020;
    vertical-align: middle;
}

.m-form--error__image {
    width: 1.25rem;
    height: 1.25rem;
    vertical-align: middle;
    margin-right: 0.375rem;
}

.m-form .row {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 0.5em;
    margin: 0;
}

.m-form--check-list .row,
.m-form--radio-list .row {
    margin-top: -0.375rem;
    margin-bottom: -0.375rem;
}

.m-form .row .col {
    padding: 0;
}

.m-form .row > .col-6 {
    width: 100%;
    max-width: unset;
}

.m-form--check-list .row > .col {
    padding-top: 0.375rem;
    padding-bottom: 0.375rem;
}

.m-form--radio-list .row > .col {
    padding-top: 0;
    padding-bottom: 0;
}

/***************************Form Styles End*****************************************/

/*******************************Vertical Container***************************************************/

.m-vertical-container {
    margin-top: 2rem;
    margin-bottom: 5rem;
}


@media print, screen and (min-width: 768px) {
    .m-vertical-container {
        margin-top: 3rem;
    }

    .m-vertical-container--style_2column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr;
    }

    .m-vertical-container--style_3column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr;
    }

    .m-vertical-container--style_3column_newsroom .row {
        margin: 0;
        display: grid;
        gap: 2.5rem var(--gap);
        grid-template-columns: 1fr 1fr 2fr;
    }

    .m-vertical-container--style_4column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr 1fr 1fr 1fr;
    }
}

@media print, screen and (max-width: 768px) {
    .m-vertical-container--style_3column_newsroom .row {
        margin: 0;
        display: grid;
        gap: 2.5rem var(--gap);
        grid-template-columns: 1fr;
    }
}

/* .m-vertical-container * .m-vertical-container {
  margin-top: 1rem;
}
.m-vertical-container .m-vertical-container__col {
  padding-top: 0.25rem;
  padding-right: 0.5rem;
  padding-bottom: 0.25rem;
  padding-left: 0.5rem;
}
@media print, screen and (min-width: 768px) {
  .m-vertical-container .m-vertical-container__col {
    padding-top: 1rem;
    padding-right: 1rem;
    padding-bottom: 1rem;
    padding-left: 1rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container .m-vertical-container__col {
    margin-top: 0.5rem;
    margin-bottom: 0.5rem;
  }
}
@media screen and (max-width: 767px) {
  .m-vertical-container__col {
    flex: 0 0 100%;
    max-width: 100%;
  }
} */
@media print, screen and (min-width: 768px) {
    /* .m-vertical-container--style_2column .m-vertical-container__col {
    flex: 0 0 50%;
    max-width: 50%;
  } */

    /* .m-vertical-container--style_3column .m-vertical-container__col {
    max-width: calc(100% / 3 - 0.01px);
    flex-grow: 0;
    flex-shrink: 0;
    flex-basis: calc(100% / 3 - 0.01px);
  } */

    /* .m-vertical-container--style_4column .m-vertical-container__col {
    flex: 0 0 25%;
    max-width: 25%;
  }
  .m-vertical-container--style_4column .m-card__description {
    font-size: 0.875rem;
  } */
}

/* .m-vertical-container .m-card {
  border-bottom: 1px solid #dcdcdc;
} */
/* .m-vertical-container .m-card__body {
  padding-bottom: 0.5rem;
} */
.m-vertical-container .m-card__thumb > img {
    width: 100%;
    max-width: none;
}

.m-vertical-container .m-card__headline {
    margin-bottom: 1rem;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_2column .m-card__headline {
        margin-bottom: 1.5rem;
    }
}

.m-vertical-container .m-card__title {
    font-size: 18px;
    margin-right: 0;
}

.m-vertical-container .m-card__headline .m-label--new {
    margin-left: 12px;
}

@media print, screen and (min-width: 768px) {
    .m-vertical-container.m-vertical-container--style_4column .m-card__headline .m-label--new {
        margin-left: 0;
    }
}

.m-vertical-container .m-card__description {
    margin-bottom: 1rem;
    line-height: 1.75;
    font-size: 14px;
    overflow-wrap: anywhere;
}

    .m-vertical-container .m-card__description > p {
        font-size: inherit;
    }

.m-vertical-container .m-card__tag {
    margin-bottom: 1rem;
    display: flex;
    flex-wrap: wrap;
    gap: 4px 8px;
}

.m-vertical-container .m-card__badge {
    margin-bottom: 0.5rem;
}

.m-vertical-container .m-card__btns .m-link-list .m-link-list__body {
    margin-top: 0;
    margin-bottom: 0;
}

@media print, screen and (max-width: 767px) {
    .m-card__btns .m-btn {
        margin-right: 0;
        display: block;
    }
}

/*************************************Vertical Container End***********************/
/*News Listing*/
.m-news-list {
    padding-top: 2rem;
    margin-top: 1.5rem;
    margin-bottom: 1.5rem;
}

.m-news-list__item {
    margin-bottom: 1.5rem;
}

.m-news-list__data,
.m-news-list__date {
    font-size: 12px;
    color: #000;
    font-family: var(--font-normal, sans-serif);
}

.m-news-list__text {
    font-size: 14px;
    margin-bottom: 0;
    font-family: var(--font-medium, sans-serif);
}

    .m-news-list__text .btn {
        color: #000;
        margin-bottom: 0;
        margin-right: 0;
    }

        .m-news-list__text .btn:hover,
        .m-news-list__text .btn:active,
        .m-news-list__text .btn:focus {
            text-decoration: none;
            color: #01916d;
        }

    .m-news-list__text span {
        line-height: 1.5;
    }

@media print, screen and (min-width: 768px) {
    .m-news-list__item {
        display: flex;
        align-items: self-start;
    }

    .m-news-list__body {
        flex: 1;
    }

    .m-news-list__date {
        padding-right: 1rem;
        margin-right: 1rem;
        position: relative;
    }

        .m-news-list__date::after {
            content: "";
            width: 0.0625rem;
            height: 0.625rem;
            background-color: #8c8c8c;
            position: absolute;
            right: 0;
            top: 50%;
            margin-top: -0.3125rem;
        }

        .m-news-list__date span {
            display: inline-block;
            width: 14em;
            /* white-space: nowrap; */
        }

    .m-news-list__item.-light .m-news-list__date::after {
        background-color: #dcdcdc;
    }

    .m-news-list__text {
        font-size: 1rem;
    }

    .m-news-list__data,
    .m-news-list__date {
        font-size: 14px;
    }
}

/*News Lisitng End*/
/***************************Header*****************************************/
.m-header {
    position: relative;
    top: 0;
    width: 100%;
    z-index: 50;
    font-family: "Clarimo UD PE Regular", "UD Shin Go Regular JIS2004";
}

    .m-header.is-set .m-header__body {
        display: block;
    }

.m-header__body {
    display: none;
    position: relative;
    background-color: #ffffff;
    z-index: 1;
}

    .m-header__body[hidden] {
        display: none !important;
    }

.m-header__body-inner {
    background-color: #fff !important;
}

.m-header::after {
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    pointer-events: none;
    content: "";
    background-color: #000;
    opacity: 0;
    transition: opacity .2s;
}

.m-header.is-backdrop::after {
    pointer-events: auto;
    opacity: .3;
}

.m-header__head {
    position: relative;
    display: flex;
    align-items: center;
    background-color: #ffffff;
    z-index: 1;
}

.m-header__head-inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding: 3.2rem 2rem 2.4rem;
}

.m-header__title {
    display: flex;
    align-items: center;
    column-gap: 24px;
}

.m-header__logo {
    display: block;
}

.m-header__region {
    font-size: 0.875rem;
    letter-spacing: 0.84px;
    color: #333;
}

.m-header__menu-pc {
    display: flex;
    column-gap: 24px;
    align-items: center;
}

.m-header__link {
    display: flex;
    align-items: center;
    margin-bottom: 0;
    font-size: 0.875rem;
}

.m-header__link-text {
    color: #000000;
    font-size: 0.75rem;
    letter-spacing: 0.36px;
}

    .m-header__link-text:hover {
        opacity: 0.6;
        color: #000000;
    }

.m-header__link-text-icon {
    margin-top: 5px;
    margin-left: 4px;
}

.m-header__btn {
    display: none;
}

.m-header__search-sp {
    display: none;
}

.m-header__menu-sp {
    display: none;
}

.m-header__search {
    position: relative;
}

.m-header__search-btn {
    display: flex;
    align-items: center;
}

.m-header__search-pc .m-header__search {
    max-width: 486px;
    margin: 5.9375rem 0 0 auto;
}

.m-header__search-pc .m-header__search-input {
    position: relative;
    width: 100%;
    border: 0;
    background: #FFF;
    box-shadow: 3px 6px 8px 0px rgba(0, 0, 0, 0.06);
    padding: 1.875rem 3.5rem 1.875rem 2rem;
}

    .m-header__search-pc .m-header__search-input::placeholder {
        color: rgba(81, 81, 81, 0.30);
        font-size: 1.5rem;
    }

.m-header__search-button {
    display: flex;
    position: absolute;
    align-items: center;
    top: 50%;
    transform: translateY(-50%);
    right: 23px;
}

.m-header__search-icon {
    width: 24px;
    height: 24px;
}

.m-header__search-btn.is-open .m-header__search-icon {
    display: none;
}

.m-header__search-btn.is-open {
    width: 30px;
    height: 30px;
}

    .m-header__search-btn.is-open::before {
        position: absolute;
        content: "";
        display: block;
        top: 15px;
        left: 50%;
        width: 28px;
        height: 2px;
        background-color: #000000;
        transform: translateX(-50%) rotate(-45deg);
    }

    .m-header__search-btn.is-open::after {
        position: absolute;
        content: "";
        display: block;
        top: 15px;
        left: 50%;
        width: 28px;
        height: 2px;
        background-color: #000000;
        transform: translateX(-50%) rotate(45deg);
    }

.m-header__search-dialog::backdrop {
    visibility: hidden;
    background: rgba(0, 0, 0, .07);
    opacity: 0;
    transition: opacity .4s ease-out, visibility .4s ease-out;
}

.m-header__search-dialog.is-open::backdrop {
    visibility: visible;
    opacity: 1;
}

.m-header__search-dialog {
    width: 100%;
    overflow: visible;
    visibility: hidden;
    background-color: transparent;
    border: 0;
    opacity: 0;
    transition: opacity .4s ease-out, visibility .4s ease-out;
}

.m-header__search-dialog-inner {
    max-width: 1400px;
    margin-left: auto;
    margin-right: auto;
    padding-right: 2rem;
    padding-left: 2rem;
}

.m-header__search-dialog:modal {
    position: absolute;
    bottom: 0;
    right: 0;
    inset-block-start: 0px;
    inset-block-end: 0px;
}

.m-header__search-dialog.is-open {
    visibility: visible;
    opacity: 1;
}



@media screen and (max-width: 1000px) {
    .m-header__head-inner {
        column-gap: 10px;
    }

    .m-header__body {
        position: absolute;
        right: 0;
        left: 0;
        overflow: hidden;
        transition: height .8s cubic-bezier(0.075, 0.82, 0.165, 1);
    }

    .m-header__body-inner {
        height: calc(100dvh - 92px);
        /*   padding: 0.875rem 2rem; */
        overflow-y: scroll;
        overflow-x: hidden;
        background: #ebebeb;
    }

    .m-header__search {
        position: absolute;
    }

    .m-global-menu {
        top: 100px;
    }

    .m-global-menu__item {
        padding-left: 0;
        padding-right: 0
    }

    .m-global-menu__list {
        display: flex !important;
        flex-direction: column !important;
    }

    .m-header__menu-pc {
        display: none;
    }

    .main-nav .megamenu button {
        font-weight: 400;
        line-height: 1.35;
        color: #000;
        background: #fff;
        position: relative;
        display: block;
        width: 100%;
        padding: 9px 30px 9px 20px;
        border: 0;
        border-bottom: 1px solid #e3e3e3;
        text-align: center;
        font-size: 15px;
    }

        .main-nav .megamenu button:before {
            -webkit-transform: rotateZ(180deg) translate(0, 50%);
            transform: rotateZ(180deg) translate(0, 50%);
            font-size: 90%;
            color: #01916d;
            position: absolute;
            top: 54%;
            left: 20px;
            padding: 0 0 0 5px;
            content: " ❯";
        }

    .main-nav .megamenu__title > a {
        font-weight: 400;
        line-height: 1.35;
        color: #000;
        position: relative;
        display: block;
        padding: 9px 30px 9px 20px;
        border-bottom: 1px solid #e3e3e3;
        text-decoration: none;
    }

        .main-nav .megamenu__title > a:after {
            transform: translate(0, -50%);
            font-family: Arial;
            font-size: 90%;
            text-decoration: none;
            color: #01916d;
            position: absolute;
            top: 50%;
            right: 24px;
            display: inline-block;
            content: " ❯";
        }


    /*.megamenu__nav .col-sm-4 {
	width: 100%
} */

    .nav-level3 {
        display: flex;
        flex-direction: column;
    }

        .nav-level3 .col-sm-6 {
            width: 100%
        }

    .megamenu__title a {
        font-size: 10px;
    }

    .m-global-menu__top-link-txt {
        padding-left: 30px;
    }

    .m-header__btn {
        flex-shrink: 0;
        position: relative;
        display: block;
        width: 50px;
        height: 30px;
        overflow: hidden;
    }

    .m-header__btn-txt {
        display: block;
        width: 100%;
        height: 100%;
        padding-left: 100%;
        color: rgba(0, 0, 0, 0);
    }

        .m-header__btn-txt::before {
            position: absolute;
            content: "";
            display: block;
            top: 22px;
            left: 15px;
            width: 19.5px;
            height: 2px;
            background-color: #000000;
            transition: transform 0.2s;
        }

    .m-header__btn::before,
    .m-header__btn::after {
        position: absolute;
        content: "";
        display: block;
        left: 15px;
        width: 19.5px;
        height: 2px;
        background-color: #000000;
        transition: transform 0.2s;
    }

    .m-header__btn::before {
        top: 8px;
    }

    .m-header__btn::after {
        bottom: 13px;
    }

    .m-header__btn[aria-expanded="true"]::before {
        top: 14px;
        width: 23px;
        transform: rotate(45deg);
    }

    .m-header__btn[aria-expanded="true"]::after {
        transform: translateX(200%);
    }

    .m-header__btn[aria-expanded="true"] .m-header__btn-txt::before {
        top: 14px;
        width: 23px;
        transform: rotate(-45deg);
    }

    .m-header__title {
        column-gap: 16px;
    }

    .m-header__head-inner {
        padding: 1.5625rem 1.5rem 1.5625rem 1.7rem;
    }

    .m-header__region {
        line-height: 21px;
    }

    .m-header__region-txt {
        display: inline-block;
    }

    .m-header__search-sp {
        display: block;
    }

    .m-header__search-input {
        position: relative;
        width: 100%;
        border: 0;
        background: #F6F7F6;
        padding: 1.25rem 3.5rem 1.25rem 1.25rem;
    }

        .m-header__search-input::placeholder {
            color: rgba(81, 81, 81, 0.30);
            font-size: 1.25rem;
        }

    .m-header__search-button {
        display: flex;
        position: absolute;
        align-items: center;
        top: 50%;
        transform: translateY(-50%);
        right: 20px;
    }

    .m-header__search-icon {
        width: 24px;
        height: 24px;
    }

    .m-header__menu-sp {
        display: block;
        margin-top: 2rem;
    }

    .m-header__select {
        position: relative;
        width: fit-content;
    }

        .m-header__select::after {
            position: absolute;
            display: block;
            width: 8px;
            height: 8px;
            content: "";
            border-top-style: solid;
            border-top-width: 1px;
            border-right-style: solid;
            border-right-width: 1px;
            top: 40%;
            translate: 0 -50%;
            rotate: 135deg;
            right: 2px;
        }

    .m-header__select-inner {
        padding-right: 1.625rem;
    }

    .m-header__link {
        margin-top: 24px;
    }

    .m-header__link-text {
        font-size: 1rem;
    }

    .m-header__link-text-icon {
        margin-top: 8px;
    }
}

@media only screen and (max-width: 767px) {
    .megamenu__nav {
        display: flex !important;
        flex-direction: column !important;
    }
}

@media only screen and (max-width: 1000px) {
    .megamenu__nav {
        display: grid;
        grid-template-columns: 1fr 1fr 1fr;
    }
}



@media only screen and (min-width: 1000px) {
    .m-global-menu {
        position: relative;
        transition: height 0.4s linear;
        background-color: #ffffff;
    }

        .m-global-menu.is-set .m-global-menu__contents {
            display: block;
        }



    .m-global-menu__item {
        margin-bottom: 0;
    }

    .m-global-menu__inner {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        max-width: 1400px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        padding-right: 2rem;
        padding-left: 2rem;
    }

    .m-global-menu__contents {
        /* display: none; */
        position: absolute;
        left: 0;
        width: 100%;
        overflow: hidden;
        transition: .4s height ease-out;
        background-color: #fff;
    }

        .m-global-menu__contents[hidden] {
            display: none !important;
        }

        .m-global-menu__contents .btn-lg {
            min-height: unset;
        }

        .m-global-menu__contents .btn-inner {
            font-size: 14px;
        }

        .m-global-menu__contents .m-banner--style_4column .row {
            padding: 0;
            margin: 0;
        }

        .m-global-menu__contents .row {
            display: grid;
            gap: 20px var(--gap);
        }

            /* @media print, screen and (min-width: 768px) {
    .m-global-menu__contents .row {
        grid-template-columns: repeat(4,1fr);
    }
} */

            .m-global-menu__contents .row > .col-3 {
                width: unset;
            }

            .m-global-menu__contents .row .m-btn {
                margin-bottom: 0;
            }

        .m-global-menu__contents .m-btn .btn-secondary {
            padding: 18px 27px;
            max-height: 50px;
        }

            .m-global-menu__contents .m-btn .btn-secondary::after {
                content: unset;
            }

        .m-global-menu__contents .m-link-list__item a {
            display: flex;
            align-items: center;
        }

        .m-global-menu__contents .m-link-list__item img {
            margin-right: 10px;
        }

        .m-global-menu__contents .m-link-list__item a {
            flex-wrap: nowrap;
        }

    .m-global-menu__contents-inner {
        max-width: 1400px;
        margin-inline: auto;
        padding-inline: 2rem;
        padding: 0rem 2rem;
    }

    .m-global-menu__list {
        display: flex;
        column-gap: 20px;
    }


    .m-global-menu__link {
        color: #000000;
    }

        .m-global-menu__link::after {
            content: "";
            display: block;
            width: 100%;
            height: 1px;
            background-color: rgba(0, 0, 0, 0);
            flex-shrink: 0;
            transform: scaleX(0);
            transform-origin: left center;
            transition: transform .4s cubic-bezier(0.25, 0.46, 0.45, 0.94), background 0s linear .4s;
        }

        .m-global-menu__link:hover {
            color: #000000;
        }

            .m-global-menu__link:hover::after {
                background-color: #333;
                transform: scaleX(1);
                transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
                transition-delay: 0s, 0s;
            }

    .m-global-menu__sub-menu__contents-inner {
        max-width: 1400px;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
        /* padding-right: 2rem;
    padding-left: 2rem; */
    }

    .m-global-menu__top-link-txt {
        position: relative;
        display: inline-block;
        padding-right: 38px;
        font-size: 1.5rem;
        font-weight: bold;
        color: #000000;
    }

        .m-global-menu__top-link-txt::after {
            content: '';
            display: block;
            position: absolute;
            top: 50%;
            right: 0;
            transform: translateY(-50%);
            width: 28px;
            height: 28px;
            background-image: url('/fb/etc/web_design_guide/resources/jpn/images/icn_arrow.svg');
        }

        .m-global-menu__top-link-txt:hover {
            opacity: 0.6;
            color: #000000;
        }
}


/* @media screen and (max-width: 920px) {
    .m-header.type2 .m-global-menu {
        margin-top: 24px;
    }

    .m-header.type2 .m-global-menu__list {
        display: block;
    }
	
	
	
    .m-header.type2 .m-global-menu__inner {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .m-header.type2 .m-global-menu__contents {
        position: static;
    }

    .m-header.type2 .m-global-menu__link {
        position: relative;
        display: block;
        padding: 1.2rem 2rem 1.2rem 0;
        font-size: 1.375rem;
    }

        .m-header.type2 .m-global-menu__link[role="button"]::before,
        .m-header.type2 .m-global-menu__link[role="button"]::after {
            position: absolute;
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            right: 11px;
            display: block;
            width: 2px;
            height: 21px;
            content: "";
            transition: rotate .2s;
            background: #5C5C5C;
            transform: translateY(-50%);
        }

        .m-header.type2 .m-global-menu__link[role="button"]::after {
            top: 49%;
            transform: translateY(-50%) rotate(90deg);
            right: 10px;
        }

        .m-header.type2 .m-global-menu__link[role="button"]:hover::after {
            transform: translateY(-50%) rotate(90deg);
        }

        .m-header.type2 .m-global-menu__link:not([role="button"]):hover::after {
            display: none;
        }

        .m-header.type2 .m-global-menu__link[role="button"][aria-expanded="true"]::before {
            display: none;
        }

    .m-header.type2 .m-global-menu__contents-inner {
        padding: 0.5rem 0 2rem;
    }

    .m-header.type2 .m-global-menu__top-link-txt {
        font-size: 1.125rem;
        font-weight: normal;
        padding-right: 0;
    }

        .m-header.type2 .m-global-menu__top-link-txt::after {
            display: none;
        }
}
*/
/* @media screen and (max-width: 767px) {
    .m-global-menu {
        margin-top: 24px;
    }

    .m-global-menu__list {
        display: block;
    }

    .m-global-menu__inner {
        display: block;
        padding-right: 0;
        padding-left: 0;
    }

    .m-global-menu__contents {
        position: static;
    }

    .m-global-menu__link {
        position: relative;
        display: block;
        padding: 1.2rem 2rem 1.2rem 0;
        font-size: 0.875rem;
    }

        .m-global-menu__link[role="button"]::before, .m-global-menu__link[role="button"]::after {
            position: absolute;
            content: "";
            display: block;
            position: absolute;
            top: 50%;
            right: 11px;
            display: block;
            width: 2px;
            height: 21px;
            content: "";
            transition: rotate .2s;
            background: #5C5C5C;
            transform: translateY(-50%);
        }

        .m-global-menu__link[role="button"]::after {
            top: 49%;
            transform: translateY(-50%) rotate(90deg);
            right: 10px;
        }

        .m-global-menu__link[role="button"]:hover::after {
            transform: translateY(-50%) rotate(90deg);
        }

        .m-global-menu__link:not([role="button"]):hover::after {
            display: none;
        }

        .m-global-menu__link[role="button"][aria-expanded="true"]::before {
            display: none;
        }

    .m-global-menu__contents-inner {
        padding: 0.5rem 0 2rem;
    }

    .m-global-menu__top-link-txt {
        font-size: 1.125rem;
        font-weight: normal;
        padding-right: 0;
    }

        .m-global-menu__top-link-txt::after {
            display: none;
        }
} */
@media screen and (max-width: 1156px) {
    .m-global-menu__list {
        column-gap: 20px;
    }

    .main-nav .main > li {
        padding: 0 0.4rem
    }
}



@media screen and (max-width: 1110px) {
    .m-global-menu__list {
        column-gap: 16px;
    }

    .main-nav .main > li {
        padding: 0 0.2rem
    }
}

@media screen and (max-width: 1050px) {
    .m-global-menu__list {
        column-gap: 8px;
    }

    .main-nav .main > li {
        padding: 0 0rem
    }
}

/********************************Header Ends****************************************/

/********************************List Starts****************************************/

.list-style-disc {
    list-style-type: disc;
    padding-left: 1.5rem;
}

.m-list,
.m-list--column {
    margin-top: 2rem;
    margin-bottom: 2rem;
}

@media screen and (min-width: 768px) {

    .m-list,
    .m-list--column {
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }
}

/********************************List Ends****************************************/

/********************************Box Styles Starts****************************************/
.m-box-inquiry {
    border: 4px solid #8c8c8c;
    padding-top: 0.875rem;
    padding-right: 1.25rem;
    padding-bottom: 1.25rem;
    padding-left: 1.25rem;
}

.m-box-inquiry__text {
    font-size: 0.875rem;
}

.m-box-field {
    page-break-inside: avoid;
    background-color: #ffffff;
    /*  border: 4px solid #8c8c8c;
    margin-top: 2rem;
    margin-bottom: 1rem;
    padding-top: 2rem;
    padding-right: 1.875rem;
    padding-bottom: 2rem;
    padding-left: 1.875rem;*/
    margin-top: 3rem;
    margin-bottom: 1.5rem;
    display: flex;
    gap: var(--gap);
    border: 1px solid var(--color-border);
    padding: var(--gap);
}

@media print, screen and (min-width: 768px) {
    .m-box-field {
        padding: 32px;
    }
}

@media screen and (max-width: 767px) {
    .m-box-field {
        margin-top: 2rem;
        margin-bottom: 2rem;
        padding: var(--container-padding);
    }
}

.m-box-field.m-box-field--style_thin-gray {
    border-width: 1px;
    /*  background-color: #f6f6f6;*/
    background: var(--color-bg-secondary);
}

.m-box-field.m-box-field--style_black-white {
    /*  border-color: #333333;*/
    border: 2px solid #333333;
}

.m-box-field.m-box-field--style_green-green {
    border-color: #01916d;
    background-color: #f3fefb;
}

.m-box-field.m-box-field--style_green-white {
    /*  border-color: #01916d;*/
    border: 2px solid #01916d;
}

.m-box-field h1,
.m-box-field h2,
.m-box-field h3,
.m-box-field h4,
.m-box-field h5,
.m-box-field h6,
.m-box-field .m-paragraph {
    margin-top: 0;
}

.m-box-field .m-img-paragraph {
    margin: 0;
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph__img {
        margin-bottom: 0;
        display: flex;
        align-items: center;
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph__img {
        margin-top: 0;
        margin-bottom: 1.5rem;
    }
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph--size_small .m-img-paragraph__img {
        width: calc(var(--col-width)*2 + var(--gap));
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph--size_small .m-img-paragraph__img {
        width: calc((800% - 4 * var(--gap))/12);
    }
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        width: calc(var(--col-width)*4 + var(--gap)*3);
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        padding: 0 1rem;
        width: 100%;
    }
}

@media print, screen and (min-width: 768px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        width: calc((600% - 6 * var(--gap))/12);
    }
}

@media screen and (max-width: 767px) {
    .m-box-field .m-img-paragraph--size_medium .m-img-paragraph__img {
        padding: 0 1rem;
        width: 100%;
    }
}

.m-attention-box {
    display: flex;
    border-radius: 5px;
    margin-top: 2rem;
    margin-right: 0;
    margin-bottom: 1rem;
    margin-left: 0;
}

@media print, screen and (min-width: 768px) {
    .m-attention-box {
        align-items: center;
    }
}

.m-attention-box__icon {
    background-size: contain;
    background-repeat: no-repeat;
    background-position: left top;
    margin-top: 0.125rem;
}

.m-attention-box__body {
    flex: 1;
}

.m-attention-box__title {
    font-size: 1.125rem;
}

.m-attention-box__text {
    line-height: 1.5;
}

    .m-attention-box__text > :first-child {
        margin-top: 0;
    }

    .m-attention-box__text > :last-child {
        margin-bottom: 0;
    }

.m-attention-box.m-attention-box--style_attention {
    /*background-color: #ffefeb;
    border: 2px solid rgba(251, 0, 32, 0.5);
    color: #fb0020;
    padding-top: 1.5rem;
    padding-right: 1.25rem;
    padding-bottom: 1.5rem;
    padding-left: 1.25rem;*/
    color: var(--color-text-red);
    background-color: var(--color-bg-red);
    border: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 1rem;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
}

.m-attention-box__title {
    margin-bottom: 6px;
}

.m-attention-box.m-attention-box--style_attention .m-attention-box__title,
.m-attention-box.m-attention-box--style_information .m-attention-box__title {
    margin-top: 0;
}

@media print, screen and (min-width: 768px) {
    .m-attention-box {
        margin-top: 3rem;
        margin-bottom: 1.5rem;
    }

    /*  .m-attention-box.m-attention-box--style_attention {
      padding-top: 1rem;
      padding-right: 2.25rem;
      padding-bottom: 1rem;
      padding-left: 2.25rem;
    }*/
}

.m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2228%22%20height%3D%2228%22%20viewBox%3D%220%200%2028%2028%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%0A%3Cpath%20d%3D%22M14.7709%2016.7778H13.0626L12.4584%209.11111L12.3959%206.36111H15.4584L15.3959%209.11111L14.7709%2016.7778Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20d%3D%22M15.8126%2020.2778C15.8126%2021.3611%2014.9584%2022.0903%2013.9167%2022.0903C12.8751%2022.0903%2012.0209%2021.3611%2012.0209%2020.2778C12.0209%2019.1944%2012.8751%2018.4444%2013.9167%2018.4444C14.9584%2018.4444%2015.8126%2019.1944%2015.8126%2020.2778Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M28%2014C28%2021.732%2021.732%2028%2014%2028C6.26801%2028%200%2021.732%200%2014C0%206.26801%206.26801%200%2014%200C21.732%200%2028%206.26801%2028%2014ZM25.6667%2014C25.6667%2020.4433%2020.4433%2025.6667%2014%2025.6667C7.55668%2025.6667%202.33333%2020.4433%202.33333%2014C2.33333%207.55668%207.55668%202.33333%2014%202.33333C20.4433%202.33333%2025.6667%207.55668%2025.6667%2014Z%22%20fill%3D%22%23FF0000%22%2F%3E%0A%3C%2Fsvg%3E%0A");
    background-position: center top;
    width: 3.5rem;
    height: 28px;
}

@media print, screen and (min-width: 768px) {
    /*  .m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
      width: 3rem;
      height: 3rem;
      margin-right: 2rem;
    }*/
}

@media print, screen and (max-width: 767px) {
    .m-attention-box.m-attention-box--style_attention .m-attention-box__icon {
        top: 0;
    }
}


.m-attention-box.m-attention-box--style_information {
    color: var(--color-text-blue);
    background-color: var(--color-bg-blue);
    border: rgba(0, 0, 0, 0);
    border-radius: 0;
    padding: 1rem;
    padding-left: 0;
    display: flex;
    align-items: flex-start;
}

    .m-attention-box.m-attention-box--style_information .m-attention-box__icon {
        background-image: url("data:image/svg+xml;charset=utf8,%3Csvg%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%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%22M12%2020.625C16.7635%2020.625%2020.625%2016.7635%2020.625%2012C20.625%207.23654%2016.7635%203.375%2012%203.375C7.23654%203.375%203.375%207.23654%203.375%2012C3.375%2016.7635%207.23654%2020.625%2012%2020.625ZM12%2022.5C17.799%2022.5%2022.5%2017.799%2022.5%2012C22.5%206.20101%2017.799%201.5%2012%201.5C6.20101%201.5%201.5%206.20101%201.5%2012C1.5%2017.799%206.20101%2022.5%2012%2022.5ZM13.5%207.5C13.5%208.32843%2012.8284%209%2012%209C11.1716%209%2010.5%208.32843%2010.5%207.5C10.5%206.67157%2011.1716%206%2012%206C12.8284%206%2013.5%206.67157%2013.5%207.5ZM10.875%2010.5V18H13.125V10.5H10.875Z%22%20fill%3D%22%230081C0%22%2F%3E%0A%3C%2Fsvg%3E%0A");
        background-position: center top;
        width: 3rem;
        height: 24px;
    }

@media print, screen and (min-width: 768px) {
    /*  .m-attention-box.m-attention-box--style_information .m-attention-box__icon {
      width: 1.5rem;
      height: 1.5rem;
      margin-right: 1rem;
    }*/
}

@media print, screen and (max-width: 767px) {
    .m-attention-box.m-attention-box--style_information .m-attention-box__icon {
        top: 0;
    }
}

/********************************Box Styles Ends****************************************/

@media print, screen and (max-width: 767px) {
    /* .contact-us .m-heading-3__title {
        text-align: left !important;
    } */

    .contact-us .m-vertical-container--style_3column .row {
        margin: 0;
        display: grid;
        gap: 5rem var(--gap);
        grid-template-columns: 1fr;
    }
}

:where(input[type=text], input[type=search], input[type=email], input[type=url], input[type=password], input[type=date], input[type=time], input[type=number], input[type=tel], textarea) {
    /*background-color: var(--color-bg-secondary); */
    font-family: sans-serif !important;
    padding: .75rem 1rem;
    /* border:1px solid var(--color-bg-secondary); */
    line-height: 1.5;
    /* display: block; */
    width: 100%
}

@media print, screen and (min-width: 768px) {
    .m-global-header__langs {
        font-size: 12px;
    }
}

.insight__content .m-vertical-card {
    margin-top: 1.4rem !important;
}

.insight__content .card_3row {
    margin-top: 0 !important;
}

@media print, screen and (min-width: 768px) {

    a:hover img,
    button:hover img,
    label:hover img {
        opacity: .6;
        transition-timing-function: cubic-bezier(0.075, 0.82, 0.165, 1);
    }
}

.m-footer__body-bottom p {
    margin-bottom: 0 !important;
    font-size: 12.8px !important;
}

@media print, screen and (max-width: 998px) {
    .m-breadcrumb--forHeader {
        padding-top: 0px !important;
        margin-top: 6rem;
    }
}

.m-slider__body:before,
.m-slider__body:after {
    content: "" !important;
    display: table !important;
}

.m-slider__body:after {
    clear: both !important;
}

.m-slider__item a {
    position: relative;
}

.section a {
    color: #01916d;
}

    .section a:hover {
        text-decoration: underline
    }

.bnr-01 > a .group {
    color: #000
}


@media print,screen and (min-width: 768px) {
    .m-site-header__langs {
        font-size: 12px;
        position: absolute;
        top: 4.25rem
    }

        .m-site-header__langs:nth-last-child(1) {
            right: 0
        }

        .m-site-header__langs:nth-last-child(2) {
            right: 37px
        }
}

@media screen and (max-width: 767px) {
    .m-site-header__langs {
        order: 1;
        width: 100%;
        margin-left: -1rem;
        margin-top: 2rem
    }
}

.m-global-header__langs select {
    border: none !important;
    color: var(--color-text) !important;
    width: 106px !important;
}

@media print,screen and (max-width: 998px) {
    .m-global-header__langs select {
        width: auto !important;
    }
}

@media print,screen and (min-width: 768px) {
    .m-global-header__langs select {
        padding-right: 1.4rem !important
    }
}




.m-global-header__langs select {
    font-family: var(--font-medium, sans-serif);
    font-weight: 500;
    color: var(--color-text-secondary);
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
    padding-left: 1rem;
    padding-right: 2.5rem;
    border: 1px solid #adadad;
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
    line-height: 24px
}

.sitecoremvcform select {
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
    border: 1px solid #adadad;
    padding-top: 0.5rem;
}


.sitecore-form select {
    background-color: #fff;
    background-image: var(--i-arrow_b, none);
    background-repeat: no-repeat;
    background-size: 1em 1em;
    background-position: calc(100% - 0.5rem) center;
    cursor: pointer;
    border: 1px solid #adadad;
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
    padding-left: 1rem !important;
    padding-right: 2.5rem !important;
}

.m-banner a:hover .image-hdg {
    color: #000 !important;
}