<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">*, :before, :after {
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x: ;
    --tw-pan-y: ;
    --tw-pinch-zoom: ;
    --tw-scroll-snap-strictness: proximity;
    --tw-gradient-from-position: ;
    --tw-gradient-via-position: ;
    --tw-gradient-to-position: ;
    --tw-ordinal: ;
    --tw-slashed-zero: ;
    --tw-numeric-figure: ;
    --tw-numeric-spacing: ;
    --tw-numeric-fraction: ;
    --tw-ring-inset: ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgba(59, 130, 246, 0.5);
    --tw-ring-offset-shadow: 0 0 rgba(0,0,0,0);
    --tw-ring-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow: 0 0 rgba(0,0,0,0);
    --tw-shadow-colored: 0 0 rgba(0,0,0,0);
    --tw-blur: ;
    --tw-brightness: ;
    --tw-contrast: ;
    --tw-grayscale: ;
    --tw-hue-rotate: ;
    --tw-invert: ;
    --tw-saturate: ;
    --tw-sepia: ;
    --tw-drop-shadow: ;
    --tw-backdrop-blur: ;
    --tw-backdrop-brightness: ;
    --tw-backdrop-contrast: ;
    --tw-backdrop-grayscale: ;
    --tw-backdrop-hue-rotate: ;
    --tw-backdrop-invert: ;
    --tw-backdrop-opacity: ;
    --tw-backdrop-saturate: ;
    --tw-backdrop-sepia: ;
    --tw-contain-size: ;
    --tw-contain-layout: ;
    --tw-contain-paint: ;
    --tw-contain-style:
}

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

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

:before, :after {
    --tw-content: ""
}

html, :host {
    line-height: 1.5;
    -webkit-text-size-adjust: 100%;
    -moz-tab-size: 4;
    -o-tab-size: 4;
    tab-size: 4;
    font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Ubuntu, Cantarell, Noto Sans, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", Segoe UI Symbol, "Noto Color Emoji";
    font-feature-settings: normal;
    font-variation-settings: normal;
    -webkit-tap-highlight-color: transparent
}

body {
    margin: 0;
    line-height: inherit
}

hr {
    height: 0;
    color: inherit;
    border-top-width: 1px
}

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

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

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

b, strong {
    font-weight: bolder
}

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

small {
    font-size: 80%
}

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

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

table {
    text-indent: 0;
    border-color: inherit;
    border-collapse: collapse
}

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

button, select {
    text-transform: none
}

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

:-moz-focusring {
    outline: auto
}

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

progress {
    vertical-align: baseline
}

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

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

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

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

summary {
    display: list-item
}

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

fieldset {
    margin: 0;
    padding: 0
}

legend {
    padding: 0
}

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

dialog {
    padding: 0
}

textarea {
    resize: vertical
}

input::-moz-placeholder, textarea::-moz-placeholder {
    opacity: 1;
    color: #9ca3af
}

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

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

:disabled {
    cursor: default
}

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

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

[hidden]:where(:not([hidden=until-found])) {
    display: none
}

html, body {
    margin: 0;
    --tw-bg-opacity: 1;
    background-color: rgba(28, 28, 28, 1);
    background-color: rgba(28, 28, 28, var(--tw-bg-opacity, 1));
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, 1);
    color: rgba(255, 255, 255, var(--tw-text-opacity, 1));
    width: 100%;
    height: 100%;
    font-family: Zen Kaku Gothic New, 繝偵Λ繧ｮ繝手ｧ偵ざ Pro W3, HiraKakuPro-W3, �ｭ�ｳ �ｰ繧ｴ繧ｷ繝�け, MS PGothic, sans-serif
}

a {
    color: inherit
}

#Wrapper {
    position: relative
}

#Footer {
    --tw-bg-opacity: 1;
    background-color: rgba(61, 61, 61, 1);
    background-color: rgba(61, 61, 61, var(--tw-bg-opacity, 1));
    padding: 2rem;
    --tw-text-opacity: 1;
    color: rgba(245, 247, 250, 1);
    color: rgba(245, 247, 250, var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    #Footer {
        padding-top: 4rem;
        padding-bottom: 4rem
    }
}

#Footer {
    container-type: inline-size;
    container-name: footer;
    padding-left: 4%;
    padding-right: 4%;
    margin-top: 160px;
}

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

#Footer {
        margin-top: 80px;
}
    }

#Footer .inner {
        margin-left: auto;
        margin-right: auto
    }

#Footer .inner {
        display: grid
    }

#Footer .inner {
        grid-template-columns:22% 1fr 22%;
        grid-template-areas:"copyright navigation spacer";
        max-width: 1590px;
    }

@container footer (max-width: 1280px) {

#Footer .inner {
            grid-template-columns:22% 1fr;
            grid-template-areas:"copyright navigation";
    }
        }

@container footer (max-width: 1024px) {

#Footer .inner {
            grid-template-columns:1fr;
            grid-template-areas:"navigation" "copyright";
            grid-gap: 40px 0;
            text-align: center;
    }
        }

#Footer .inner .copyright {
            font-family: Inter, sans-serif
        }

#Footer .inner .copyright {
            font-size: .75rem;
            line-height: 1rem
        }

#Footer .inner .copyright {
            line-height: 1.8
        }

@media (min-width: 640px) {
            #Footer .inner .copyright {
                font-size: 13px
            }
        }

@media (min-width: 640px) {
            #Footer .inner .copyright {
                line-height: 1.6
            }
        }

#Footer .inner .copyright {
            grid-area: copyright
        }

#Footer .inner .navigation {
            font-family: Noto Sans JP, sans-serif
        }

#Footer .inner .navigation {
            grid-area: navigation;
        }

#Footer .inner .navigation .list {
                margin-left: auto;
                margin-right: auto
            }

#Footer .inner .navigation .list {
                display: grid
            }

#Footer .inner .navigation .list {
                align-items: flex-start
            }

#Footer .inner .navigation .list {
                gap: .75rem
            }

#Footer .inner .navigation .list {
                font-size: .875rem;
                line-height: 1.25rem
            }

@media (min-width: 768px) {
                #Footer .inner .navigation .list {
                    gap: 2rem
                }
            }

#Footer .inner .navigation .list {
                max-width: 620px;
                grid-template-columns:repeat(3, 1fr);
            }

@container footer (max-width: 767px) {

#Footer .inner .navigation .list {
                    grid-template-columns:1fr;
            }
                }

#Footer .inner .navigation .list .column {
                    display: grid
                }

#Footer .inner .navigation .list .column {
                    gap: .75rem
                }

#Footer .inner .navigation .list .column .link {
                        font-weight: 400
                    }

#Footer .inner .navigation .list .column .link {
                        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
                        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
                        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter
                    }

#Footer .inner .navigation .list .column .link {
                        transition-duration: .6s
                    }

#Footer .inner .navigation .list .column .link {
                        transition-timing-function: cubic-bezier(.19, 1, .22, 1)
                    }

@media (hover: hover) {
                            #Footer .inner .navigation .list .column .link:hover {
                                opacity: .5
                            }
                        }

#Footer .inner .spacer {
            grid-area: spacer;
        }

@container footer (max-width: 1280px) {

#Footer .inner .spacer {
                display: none;
        }
            }

#Header {
    position: sticky;
    top: 0;
    z-index: 50;
    background-color: rgba(255,255,255,0.30196);
    opacity: 1;
    transition-duration: 1.2s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    container-type: inline-size;
    container-name: header;
    -webkit-backdrop-filter: blur(15px);
            backdrop-filter: blur(15px);
    transition-property: transform, opacity;
    transform: none;
}

#Header.scrolled {
        opacity: 0
    }

#Header.scrolled {
        transform: translateY(-100%)
    }

#Header .inner {
        display: grid
    }

#Header .inner {
        align-items: center
    }

#Header .inner {
        padding-top: 1rem;
        padding-bottom: 1rem
    }

#Header .inner {
        padding-left: 4%;
        padding-right: 4%;
        grid-template-columns:142px 1fr 142px;
        grid-gap: 5%;
    }

@container header (max-width: 980px) {

#Header .inner {
            grid-template-columns:142px 1fr;
    }
        }

@container header (max-width: 767px) {

#Header .inner {
            grid-template-columns:78px 1fr;
    }
        }

@container header (max-width: 640px) {

#Header .inner {
            padding-top: 3px;
            padding-bottom: 6px;
            height: 60px;
    }
        }

#Header .brand {
        display: block
    }

#Header .brand {
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
        transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter
    }

#Header .brand {
        transition-duration: .6s
    }

#Header .brand {
        transition-timing-function: cubic-bezier(.19, 1, .22, 1)
    }

#Header .brand svg {
            display: block
        }

#Header .brand svg {
            height: auto
        }

#Header .brand svg {
            width: 100%
        }

#Header .brand svg path {
                fill: #fff
            }

#Header .brand svg path {
                transition-duration: 1.2s
            }

#Header .brand svg path {
                transition-property: fill
            }

@media (hover: hover) {
            #Header .brand:hover {
                opacity: .4
            }
        }

#Header .navigation .list {
            margin: auto
        }

#Header .navigation .list {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

#Header .navigation .list {
            align-items: center
        }

#Header .navigation .list {
            justify-content: space-around
        }

#Header .navigation .list {
            gap: 2.5rem
        }

@media (min-width: 640px) {
            #Header .navigation .list {
                justify-content: flex-end
            }
        }

@media (min-width: 1024px) {
            #Header .navigation .list {
                justify-content: space-between
            }
        }

#Header .navigation .list {
            max-width: 637px;
        }

@container header (max-width: 640px) {

#Header .navigation .list {
                grid-gap: 30px;
                max-width: 230px;
        }
            }

#Header .navigation .list .item:after {
                    content: ""
                }

#Header .navigation .list .item:after {
                    display: block
                }

#Header .navigation .list .item:after {
                    width: 100%
                }

#Header .navigation .list .item:after {
                    border-radius: .125rem
                }

#Header .navigation .list .item:after {
                    --tw-bg-opacity: 1;
                    background-color: rgba(255, 255, 255, 1);
                    background-color: rgba(255, 255, 255, var(--tw-bg-opacity, 1))
                }

#Header .navigation .list .item:after {
                    height: 2px;
                    transform: scaleX(0);
                }

@container header (max-width: 640px) {

#Header .navigation .list .item:after {
                        height: 1px;
                }
                    }

#Header .navigation .list .item.current:after {
                        animation-name: link-underline;
                        animation-duration: 1.2s;
                        animation-iteration-count: 1;
                        animation-timing-function: cubic-bezier(.19, 1, .22, 1);
                        animation-fill-mode: both
                    }

#Header .navigation .list .item .link {
                    display: -webkit-box;
                    display: -ms-flexbox;
                    display: flex
                }

#Header .navigation .list .item .link {
                    flex-wrap: wrap
                }

#Header .navigation .list .item .link {
                    align-items: center
                }

#Header .navigation .list .item .link {
                    justify-content: center
                }

#Header .navigation .list .item .link {
                    -moz-column-gap: .75rem;
                            column-gap: .75rem
                }

#Header .navigation .list .item .link {
                    --tw-text-opacity: 1;
                    color: rgba(255, 255, 255, 1);
                    color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
                }

#Header .navigation .list .item .link {
                    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
                    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
                    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter
                }

#Header .navigation .list .item .link {
                    transition-duration: .6s
                }

#Header .navigation .list .item .link {
                    transition-timing-function: cubic-bezier(.19, 1, .22, 1)
                }

#Header .navigation .list .item .link {
                    padding: 6px 0;
                }

@container header (max-width: 640px) {

#Header .navigation .list .item .link {
                        padding: 0 0 4px;
                }
                    }

#Header .navigation .list .item .link .label {
                        font-family: Inter, sans-serif
                    }

#Header .navigation .list .item .link .label {
                        font-size: .75rem;
                        line-height: 1rem
                    }

#Header .navigation .list .item .link .label {
                        font-weight: 700
                    }

#Header .navigation .list .item .link .label {
                        --tw-text-opacity: 1;
                        color: rgba(255, 255, 255, 1);
                        color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
                    }

#Header .navigation .list .item .link .label {
                        letter-spacing: 2.4px;
                        padding-left: 2.4px;
                        transform: translateY(2px);
                        white-space: nowrap;
                    }

@container header (max-width: 767px) {

#Header .navigation .list .item .link .label {
                            font-size: 8px;
                            white-space: nowrap;
                    }
                        }

#Header .navigation .list .item .link .text {
                        font-family: Shippori Mincho, serif
                    }

#Header .navigation .list .item .link .text {
                        font-size: .75rem;
                        line-height: 1rem
                    }

#Header .navigation .list .item .link .text {
                        font-weight: 700
                    }

#Header .navigation .list .item .link .text {
                        --tw-text-opacity: 1;
                        color: rgba(255, 255, 255, 1);
                        color: rgba(255, 255, 255, var(--tw-text-opacity, 1))
                    }

@media (min-width: 768px) {
                        #Header .navigation .list .item .link .text {
                            font-size: 1.25rem;
                            line-height: 1.75rem
                        }
                    }

#Header .navigation .list .item .link .text {
                        white-space: nowrap
                    }

@media (hover: hover) {
                        #Header .navigation .list .item .link:hover {
                            opacity: .5
                        }
                    }

@keyframes link-underline {
    0% {
        opacity: 0;
        transform: scaleX(0)
    }
    to {
        opacity: 1;
        transform: scale(1)
    }
}

#Main {
    container-type: inline-size;
    container-name: main
}

#Hero {
    position: relative;
    margin-top: -83px;
    padding-bottom: 200px;
}

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

#Hero {
        margin-top: -60px;
        padding-bottom: 0;
}
    }

#Hero .backface {
        position: absolute
    }

#Hero .backface {
        height: auto
    }

#Hero .backface {
        width: 100%
    }

#Hero .backface picture,#Hero .backface img {
            height: auto
        }

#Hero .backface picture,#Hero .backface img {
            width: 100%
        }

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

#Hero .backface {
            top: 0;
    }
        }

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

#Hero .backface {
            bottom: 0;
    }
        }

#Hero .overlay {
        position: absolute
    }

#Hero .overlay {
        top: 0
    }

#Hero .overlay {
        left: 0
    }

#Hero .overlay {
        width: 100%
    }

@media (min-width: 768px) {
        #Hero .overlay {
            display: none
        }
    }

#Hero .overlay {
        aspect-ratio: 3/4;
        background: linear-gradient(346deg, rgba(11,29,38,0) 26.93%, rgba(11,29,38,0.6) 177.75%)
    }

#Hero .firstview {
        position: relative
    }

#Hero .firstview {
        z-index: 10
    }

#Hero .firstview {
        box-sizing: border-box
    }

#Hero .firstview {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

#Hero .firstview {
        align-items: center
    }

#Hero .firstview {
        justify-content: center
    }

#Hero .firstview {
        height: 100svh;
    }

#Hero .firstview .logo {
            width: 34%
        }

#Hero .firstview .logo {
            min-width: 200px
        }

#Hero .firstview .logo {
            max-width: 656px
        }

#Hero .firstview .logo svg,#Hero .firstview .logo img {
                display: block
            }

#Hero .firstview .logo svg,#Hero .firstview .logo img {
                height: auto
            }

#Hero .firstview .logo svg,#Hero .firstview .logo img {
                width: 100%
            }

#Hero .firstview .logo svg,#Hero .firstview .logo img {
                max-width: 100%;
            }

#Hero .firstview .logo svg path,#Hero .firstview .logo img path {
                    fill: #fff
                }

#Hero .firstview .logo svg path,#Hero .firstview .logo img path {
                    transition-duration: 1.2s
                }

#Hero .firstview .logo svg path,#Hero .firstview .logo img path {
                    transition-property: fill;
                    animation-duration: 4s;
                    animation-timing-function: ease;
                    animation-iteration-count: 1;
                    animation-fill-mode: both
                }

#Hero .statement {
        position: relative
    }

#Hero .statement {
        z-index: 20
    }

#Hero .statement.lower {
            display: -webkit-box;
            display: -ms-flexbox;
            display: flex
        }

#Hero .statement.lower {
            align-items: center
        }

#Hero .statement.lower {
            justify-content: center
        }

#Hero .statement.lower {
            min-height: 100svh;
            padding-top: 240px;
        }

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

#Hero .statement.lower {
                padding-top: 247px;
        }
            }

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

#Hero .statement.lower.lower-value {
                    padding-top: 150px;
            }
                }

#Hero .statement .terms {
            margin-top: 2.5rem
        }

#Hero .statement .terms {
            display: grid
        }

#Hero .statement .terms {
            gap: 1.5rem
        }

#Hero .statement .terms {
            text-align: center
        }

#Hero .statement .terms .number {
                font-family: Libre Bodoni, serif
            }

#Hero .statement .terms .number {
                font-size: 28px
            }

#Hero .statement .terms .text {
                font-family: Shippori Mincho, serif
            }

#Hero .statement .terms .text {
                font-size: 40px;
            }

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

#Hero .statement .terms .text {
                    font-size: 30px;
            }
                }

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

#Hero .statement .terms .text {
                    font-size: 20px;
            }
                }

#Hero .mask {
        pointer-events: none
    }

#Hero .mask {
        position: absolute
    }

#Hero .mask {
        top: 0
    }

#Hero .mask {
        left: 0
    }

#Hero .mask {
        z-index: 10
    }

#Hero .mask {
        height: 100%
    }

#Hero .mask {
        width: 100%
    }

#Hero .mask {
        opacity: 1
    }

#Hero .mask {
        transition-property: opacity, transform;
        transition-duration: 2s, 5s;
        transition-delay: 2s, 0ms;
        background: -webkit-gradient(linear,left top, left bottom,from(#fff),color-stop(50%, #fff), to(rgba(255,255,255,0)));
        background: linear-gradient(#fff 0%,#fff 50%, rgba(255,255,255,0));
        background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255,255,255,0)));
        background: linear-gradient(#fff 0% 50%, rgba(255,255,255,0));
        transform-origin: 0 0;
        transform: scaleY(1.5)
    }

.statement {
    padding-left: .75rem;
    padding-right: .75rem;
}

.statement .label {
        text-align: center
    }

.statement .label {
        font-family: Inter, sans-serif
    }

.statement .label {
        font-weight: 700
    }

@media (min-width: 768px) {
        .statement .label {
            font-size: 1.5rem;
            line-height: 2rem
        }
    }

.statement .label {
        letter-spacing: .3em;
        padding-left: .3em
    }

.statement .title {
        margin-top: .5rem
    }

.statement .title {
        text-align: center
    }

.statement .title {
        font-family: Shippori Mincho, serif
    }

.statement .title {
        font-size: 80px;
        line-height: 1.05em;
    }

@container main (max-width: 767px) {

.statement .title {
            font-size: 44px;
    }
        }

.statement .catch {
        margin-top: 1.5rem
    }

.statement .catch {
        font-size: 48px;
    }

@container main (max-width: 767px) {

.statement .catch {
            font-size: 28px;
    }
        }

.statement .lead {
        margin-top: 1.5rem
    }

.statement .lead {
        font-size: 1.125rem;
        line-height: 1.75rem
    }

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

@media (min-width: 768px) {
        .statement .lead {
            font-size: 1.25rem;
            line-height: 1.75rem
        }
    }

.statement .lead {
        line-height: 180%;
    }

@container main (max-width: 767px) {

.statement .lead br {
                display: none;
        }
            }

.commonLabel {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    align-items: center;
    gap: .5rem;
    font-family: Roboto, sans-serif;
    --tw-text-opacity: 1;
    color: rgba(251, 215, 132, 1);
    color: rgba(251, 215, 132, var(--tw-text-opacity, 1))
}

@media (min-width: 768px) {
    .commonLabel {
        gap: 2.25rem
    }
}

.commonLabel {
    letter-spacing: 6px;
    font-size: 18px;
}

@container main (max-width: 767px) {

.commonLabel {
        font-size: 10px;
}
    }

.commonLabel:before {
        content: ""
    }

.commonLabel:before {
        display: block
    }

.commonLabel:before {
        --tw-bg-opacity: 1;
        background-color: rgba(251, 215, 132, 1);
        background-color: rgba(251, 215, 132, var(--tw-bg-opacity, 1))
    }

.commonLabel:before {
        width: 107px;
        height: 2px;
    }

@container main (max-width: 767px) {

.commonLabel:before {
            width: 40px;
    }
        }

.bodyText {
    display: grid;
    grid-gap: 2rem;
    gap: 2rem;
    font-family: Shippori Mincho, serif;
    font-size: 18px;
    line-height: 32px;
}

@media screen and (max-width: 767px) {
        .bodyText.bodyText-sm {
            font-size: 16px;
            line-height: 28px
        }
    }

#Loading {
    position: fixed;
    top: 0;
    left: 0;
    z-index: 50;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100%;
    width: 100%;
    align-items: center;
    justify-content: center;
    --tw-bg-opacity: 1;
    background-color: rgba(28, 28, 28, 1);
    background-color: rgba(28, 28, 28, var(--tw-bg-opacity, 1));
    opacity: 1;
    transition-duration: 2.4s;
    transition-timing-function: cubic-bezier(.19, 1, .22, 1);
    transition-property: visibility, opacity;
    visibility: visible;
}

#Loading.loaded {
        pointer-events: none
    }

#Loading.loaded {
        opacity: 0
    }

#Loading.loaded {
        visibility: hidden
    }

#Loading .loader {
        height: 1px
    }

#Loading .loader {
        width: 100px
    }

#Loading .loader {
        overflow: hidden
    }

#Loading .loader {
        background-color: rgba(255,255,255,0.2)
    }

#Loading .loader:after {
            content: ""
        }

#Loading .loader:after {
            display: block
        }

#Loading .loader:after {
            height: 100%
        }

#Loading .loader:after {
            width: 100%
        }

#Loading .loader:after {
            background-color: rgba(255,255,255,0.6)
        }

#Loading .loader:after {
            animation-name: loading;
            animation-duration: 2s;
            animation-timing-function: linear;
            animation-iteration-count: infinite
        }

#Home.init .firstview .logo svg path {
                        animation-name: logo-fix
                    }

#Home.init .mask {
            opacity: 0
        }

#Home.init .mask {
            transform: scaleY(0)
        }

#Mission {
    display: grid;
    padding-left: .75rem;
    padding-right: .75rem
}

@media (min-width: 768px) {
    #Mission {
        padding-left: 4.5%;
        padding-right: 4.5%
    }
}

#Mission {
    gap: 70px;
}

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

#Mission {
        margin-top: 170px;
}
    }

#Mission .images {
        margin: auto
    }

#Mission .images {
        display: -webkit-box;
        display: -ms-flexbox;
        display: flex
    }

#Mission .images {
        width: 100%
    }

#Mission .images {
        max-width: 1452px
    }

#Mission .images {
        justify-content: space-between
    }

#Mission .images {
        -moz-column-gap: .75rem;
                column-gap: .75rem
    }

#Mission .images {
        row-gap: 2.5rem
    }

@media (min-width: 768px) {
        #Mission .images {
            -moz-column-gap: 2.5rem;
                    column-gap: 2.5rem
        }
    }

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

#Mission .images {
            justify-content: center;
    }
        }

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

#Mission .images {
            display: grid;
    }
        }

#Mission .images .item {
            display: grid
        }

#Mission .images .item {
            gap: 1rem
        }

#Mission .images .item {
            grid-auto-rows: auto 1fr;
        }

#Mission .images .item .image {
                overflow: hidden
            }

#Mission .images .item .image img {
                    display: block
                }

#Mission .images .item .image img {
                    height: auto
                }

#Mission .images .item .image img {
                    width: 100%
                }

#Mission .images .item.item-1 {
                max-width: 354px
            }

#Mission .images .item.item-2 {
                max-width: 372px
            }

#Mission .images .item.item-3 {
                max-width: 447px
            }

@media screen and (max-width: 1340px) {
                #Mission .images .item.item-1 {
                    max-width: 333px
                }

                #Mission .images .item.item-2 {
                    max-width: 350px
                }

                #Mission .images .item.item-3 {
                    max-width: 419px
                }
            }

@media screen and (max-width: 1280px) {
                #Mission .images .item.item-1 {
                    max-width: 272px
                }

                #Mission .images .item.item-2 {
                    max-width: 286px
                }

                #Mission .images .item.item-3 {
                    max-width: 343px
                }
            }

@media screen and (max-width: 1080px) {
                #Mission .images .item.item-1 {
                    max-width: 197px
                }

                #Mission .images .item.item-2 {
                    max-width: 208px
                }

                #Mission .images .item.item-3 {
                    max-width: 249px
                }
            }

@media screen and (max-width: 810px) {
                #Mission .images .item.item-1 {
                    max-width: none
                }

                #Mission .images .item.item-2 {
                    max-width: none
                }

                #Mission .images .item.item-3 {
                    max-width: none
                }
            }

#Mission .images .item .notes {
                font-family: Shippori Mincho, serif
            }

#Mission .images .item .notes {
                line-height: 1.75rem
            }

#Value {
    position: relative;
    z-index: 0;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    grid-gap: 140px;
    max-width: 1462px;
}

@container main (max-width: 767px) {

#Value {
        margin-top: 220px;
        grid-gap: 80px;
}
    }

#Value .value {
        display: grid
    }

#Value .value {
        align-items: center
    }

#Value .value {
        padding-left: .75rem;
        padding-right: .75rem
    }

@container main (min-width: 981px) {

#Value .value {
            grid-template-columns:60% 40%;
            grid-template-areas:"content image";
    }#Value .value.reverse {
            grid-template-columns:40% 60%;
            grid-template-areas:"image content"
        }
        }

@container main (max-width: 980px) {

#Value .value {
            grid-template-columns:1fr;
            grid-template-areas:"content" "image";
            grid-gap: 40px;
    }
        }

#Value .value .content {
            grid-area: content;
        }

#Value .value .content .inner {
                position: relative
            }

#Value .value .content .inner {
                margin: auto
            }

#Value .value .content .inner {
                display: grid
            }

#Value .value .content .inner {
                gap: .5rem
            }

@media (min-width: 768px) {
                #Value .value .content .inner {
                    width: 65%
                }
            }

@media (min-width: 768px) {
                #Value .value .content .inner {
                    gap: 1.75rem
                }
            }

#Value .value .content .inner {
                max-width: 643px;
            }

#Value .value .content .inner .num {
                    font-family: Libre Bodoni, serif
                }

#Value .value .content .inner .num {
                    font-size: 180px
                }

#Value .value .content .inner .num {
                    color: rgba(255,255,255,0.10196)
                }

@media (min-width: 768px) {
                    #Value .value .content .inner .num {
                        position: absolute
                    }
                }

@media (min-width: 768px) {
                    #Value .value .content .inner .num {
                        font-size: 240px
                    }
                }

#Value .value .content .inner .num {
                    line-height: 1em;
                }

@container main (min-width: 768px) {

#Value .value .content .inner .num {
                        transform: translate(-45%, -32%);
                }
                    }

@container main (max-width: 767px) {

#Value .value .content .inner .num {
                        transform: translate(-3%);
                        margin-bottom: -78px;
                }
                    }

#Value .value .content .inner .heading {
                    position: relative
                }

#Value .value .content .inner .heading {
                    display: grid
                }

#Value .value .content .inner .heading {
                    gap: .75rem
                }

@media (min-width: 768px) {
                    #Value .value .content .inner .heading {
                        gap: 1.75rem
                    }
                }

#Value .value .content .inner .heading .text {
                        font-family: Shippori Mincho, serif
                    }

#Value .value .content .inner .heading .text {
                        font-size: 1.5rem;
                        line-height: 2rem
                    }

#Value .value .content .inner .heading .text {
                        line-height: 1.5
                    }

@media (min-width: 768px) {
                        #Value .value .content .inner .heading .text {
                            font-size: 2.25rem;
                            line-height: 2.5rem
                        }
                    }

@media (min-width: 768px) {
                        #Value .value .content .inner .heading .text {
                            line-height: 1.5
                        }
                    }

#Value .value .image {
            overflow: hidden
        }

#Value .value .image {
            grid-area: image;
            background: #101010;
        }

#Value .value .image .clip {
                overflow: hidden
            }

#Value .value .image img,#Value .value .image picture {
                display: block
            }

#Value .value .image img,#Value .value .image picture {
                height: auto
            }

#Value .value .image img,#Value .value .image picture {
                width: 100%
            }

@container main (max-width: 767px) {

#Value .value .image img,#Value .value .image picture {
                    aspect-ratio: 368/400;
            }#Value .value .image img.screen,#Value .value .image picture.screen {
                    aspect-ratio: 566/332
                }
                }

#Value .feature {
        margin-left: auto;
        margin-right: auto
    }

#Value .feature {
        display: grid
    }

#Value .feature {
        max-width: 943px
    }

#Value .feature {
        gap: 1.25rem
    }

#Value .feature {
        padding-left: .75rem;
        padding-right: .75rem
    }

#Value .feature {
        font-family: Shippori Mincho, serif
    }

@media (min-width: 768px) {
        #Value .feature {
            gap: 35px
        }
    }

#Value .feature .heading {
            display: grid
        }

#Value .feature .heading {
            gap: 1rem
        }

#Value .feature .heading .label {
                font-size: .75rem;
                line-height: 1rem
            }

#Value .feature .heading .text {
                font-size: 1.5rem;
                line-height: 2rem
            }

@media (min-width: 768px) {
                #Value .feature .heading .text {
                    font-size: 40px
                }
            }

@media (min-width: 768px) {
                #Value .feature .heading .text {
                    line-height: 1.3
                }
            }

#Value .feature .content {
            display: grid
        }

#Value .feature .content {
            align-items: flex-start
        }

#Value .feature .content {
            gap: 3rem
        }

@media (min-width: 768px) {
            #Value .feature .content {
                gap: 70px
            }
        }

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

#Value .feature .content {
                grid-template-columns:6fr 4fr;
        }
            }

#Value .feature .content .image {
                margin-left: auto;
                margin-right: auto
            }

#Value .feature .content .image {
                width: 50%
            }

#Value .feature .content .image {
                overflow: hidden
            }

@media (min-width: 768px) {
                #Value .feature .content .image {
                    width: 100%
                }
            }

#Value .feature .content .image img {
                    display: block
                }

#Value .feature .content .image img {
                    height: auto
                }

#Value .feature .content .image img {
                    width: 100%
                }

.js-scroll-effect.single {
        opacity: 0
    }

.js-scroll-effect.single {
        transition-duration: 3.6s
    }

.js-scroll-effect.single {
        transition-timing-function: cubic-bezier(.33, 1, .68, 1)
    }

.js-scroll-effect.single {
        transition-property: opacity;
    }

.js-scroll-effect.single img,.js-scroll-effect.single picture,.js-scroll-effect.single svg {
            transition-duration: 3.6s
        }

.js-scroll-effect.single img,.js-scroll-effect.single picture,.js-scroll-effect.single svg {
            transition-timing-function: cubic-bezier(.33, 1, .68, 1)
        }

.js-scroll-effect.single img,.js-scroll-effect.single picture,.js-scroll-effect.single svg {
            transition-property: transform;
            transform: scale(1.1)
        }

.js-scroll-effect.single.show {
            opacity: 1
        }

.js-scroll-effect.single.show img {
                transform: scale(1)
            }

.js-scroll-effect.group  &gt; * {
            opacity: 0
        }

.js-scroll-effect.group  &gt; * {
            transition-duration: 3.6s
        }

.js-scroll-effect.group  &gt; * {
            transition-timing-function: cubic-bezier(.33, 1, .68, 1)
        }

.js-scroll-effect.group  &gt; * {
            transition-property: opacity;
        }

.js-scroll-effect.group &gt; * img,.js-scroll-effect.group &gt; * picture,.js-scroll-effect.group &gt; * svg {
                transition-duration: 3.6s
            }

.js-scroll-effect.group &gt; * img,.js-scroll-effect.group &gt; * picture,.js-scroll-effect.group &gt; * svg {
                transition-timing-function: cubic-bezier(.33, 1, .68, 1)
            }

.js-scroll-effect.group &gt; * img,.js-scroll-effect.group &gt; * picture,.js-scroll-effect.group &gt; * svg {
                transition-property: transform;
                transform: scale(1.1)
            }

.js-scroll-effect.group.show  &gt; * {
                opacity: 1
            }

.js-scroll-effect.group.show &gt; :nth-child(1) {
                    transition-delay: .1s
                }

.js-scroll-effect.group.show &gt; :nth-child(2) {
                    transition-delay: .2s
                }

.js-scroll-effect.group.show &gt; :nth-child(3) {
                    transition-delay: .3s
                }

.js-scroll-effect.group.show &gt; :nth-child(4) {
                    transition-delay: .4s
                }

.js-scroll-effect.group.show &gt; :nth-child(5) {
                    transition-delay: .5s
                }

.js-scroll-effect.group.show &gt; :nth-child(6) {
                    transition-delay: .6s
                }

.js-scroll-effect.group.show &gt; :nth-child(7) {
                    transition-delay: .7s
                }

.js-scroll-effect.group.show &gt; * img,.js-scroll-effect.group.show &gt; * picture,.js-scroll-effect.group.show &gt; * svg {
                    transform: scale(1)
                }

@keyframes logo-fix {
    0% {
        fill: rgba(0,124,78,0)
    }
    50% {
        fill: #007c4e
    }
    to {
        fill: #fff
    }
}

@keyframes loading {
    0% {
        transform: translate(-100%)
    }
    to {
        transform: translate(100%)
    }
}

.relative {
    position: relative
}

.m-auto {
    margin: auto
}

.mx-auto {
    margin-left: auto;
    margin-right: auto
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.grid {
    display: grid
}

.hidden {
    display: none
}

.h-auto {
    height: auto
}

.max-h-\[90vh\] {
    max-height: 90vh
}

.w-full {
    width: 100%
}

.max-w-\[690px\] {
    max-width: 690px
}

.max-w-\[944px\] {
    max-width: 944px
}

.items-center {
    align-items: center
}

.justify-center {
    justify-content: center
}

.gap-10 {
    gap: 2.5rem
}

.gap-2 {
    gap: .5rem
}

.gap-20 {
    gap: 5rem
}

.gap-3 {
    gap: .75rem
}

.gap-7 {
    gap: 1.75rem
}

.gap-\[72px\] {
    gap: 72px
}

.gap-\[80px\] {
    gap: 80px
}

.overflow-hidden {
    overflow: hidden
}

.px-3 {
    padding-left: .75rem;
    padding-right: .75rem
}

.text-center {
    text-align: center
}

.font-shipporiMincho {
    font-family: Shippori Mincho, serif
}

.text-3xl {
    font-size: 1.875rem;
    line-height: 2.25rem
}

.leading-\[1\.4\] {
    line-height: 1.4
}

@media (min-width: 768px) {
    .md\:block {
        display: block
    }

    .md\:hidden {
        display: none
    }

    .md\:gap-16 {
        gap: 4rem
    }

    .md\:gap-20 {
        gap: 5rem
    }

    .md\:gap-7 {
        gap: 1.75rem
    }

    .md\:gap-\[120px\] {
        gap: 120px
    }

    .md\:text-center {
        text-align: center
    }

    .md\:text-3xl {
        font-size: 1.875rem;
        line-height: 2.25rem
    }

    .md\:text-5xl {
        font-size: 3rem;
        line-height: 1
    }

    .md\:leading-\[1\.4\] {
        line-height: 1.4
    }
}

@media (min-width: 1024px) {
    .lg\:hidden {
        display: none
    }
}
</pre></body></html>