/*! tailwindcss v4.1.12 | MIT License | https://tailwindcss.com */
@layer properties {
    @supports(((-webkit-hyphens:none)) and(not(margin-trim:inline))) or((-moz-orient:inline) and(not(color:rgb(from red r g b)))) {
        *,:before,:after,
        ::backdrop {
            --tw-border-style: solid;
            --tw-leading: initial;
            --tw-font-weight: initial;
            --tw-tracking: initial;
            --tw-shadow: 0 0 #0000;
            --tw-shadow-color: initial;
            --tw-shadow-alpha: 100%;
            --tw-inset-shadow: 0 0 #0000;
            --tw-inset-shadow-color: initial;
            --tw-inset-shadow-alpha: 100%;
            --tw-ring-color: initial;
            --tw-ring-shadow: 0 0 #0000;
            --tw-inset-ring-color: initial;
            --tw-inset-ring-shadow: 0 0 #0000;
            --tw-ring-inset: initial;
            --tw-ring-offset-width: 0;
            --tw-ring-offset-color: #fff;
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-content: "";
            --tw-duration: initial;
            --tw-ease: initial
        }
    }
}
@layer theme {:root
    ,:host {
        --font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
        --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
        --color-red-500: oklch(63.7% 0.237 25.331);
        --color-red-600: oklch(57.7% 0.245 27.325);
        --color-red-700: oklch(50.5% 0.213 27.518);
        --color-blue-500: oklch(62.3% 0.214 259.815);
        --color-gray-200: oklch(92.8% 0.006 264.531);
        --color-gray-300: oklch(87.2% 0.01 258.338);
        --color-gray-400: oklch(70.7% 0.022 261.325);
        --color-gray-700: oklch(37.3% 0.034 259.733);
        --color-black: #000;
        --color-white: #fff;
        --spacing: 0.25rem;
        --text-xs: 0.75rem;
        --text-xs--line-height: calc(1/.75);
        --text-sm: 0.875rem;
        --text-sm--line-height: calc(1.25/.875);
        --text-lg: 1.125rem;
        --text-lg--line-height: calc(1.75 / 1.125);
        --text-xl: 1.25rem;
        --text-xl--line-height: calc(1.75 / 1.25);
        --text-2xl: 1.5rem;
        --text-2xl--line-height: calc(2 / 1.5);
        --text-3xl: 1.875rem;
        --text-3xl--line-height: 1.2;
        --text-4xl: 2.25rem;
        --text-4xl--line-height: calc(2.5 / 2.25);
        --font-weight-normal: 400;
        --font-weight-medium: 500;
        --font-weight-semibold: 600;
        --font-weight-bold: 700;
        --font-weight-extrabold: 800;
        --font-weight-black: 900;
        --tracking-tighter: -0.05em;
        --tracking-tight: -0.025em;
        --leading-relaxed: 1.625;
        --leading-loose: 2;
        --radius-md: 0.375rem;
        --radius-lg: 0.5rem;
        --ease-in-out: cubic-bezier(0.4,0,0.2,1);
        --default-transition-duration: 0.15s;
        --default-transition-timing-function: cubic-bezier(0.4,0,0.2,1);
        --default-font-family: var(--font-sans);
        --default-mono-font-family: var(--font-mono);
        --font-noto: "Noto Sans JP", serif;
        --text-ds-xl: 1.75rem;
        --color-siteBlack: #1c1c1c;
        --color-siteRed: #d10021;
        --color-siteGray: #999;
        --color-button: var(--color-siteRed);
        --color-h2: #004d8b;
        --color-h3: #adb9bf;
        --color-excellent: #a98320;
        --color-whisky: #847462;
        --color-spirits: #4c906b;
        --color-champagne: #c11a3a;
        --color-sake: #333;
        --spacing-ds-normal: 1em;
        --spacing-ds-lg: 1.5em;
        --spacing-pc-wrap: 66.75rem;
        --spacing-pc-inner-wrap: 55rem
    }
}
@layer base {
    *,:after,:before,
    ::backdrop {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    ::file-selector-button {
        box-sizing: border-box;
        border: 0 solid;
        margin: 0;
        padding: 0
    }
    html,:host {
        -webkit-text-size-adjust: 100%;
        tab-size: 4;
        line-height: 1.5;
        font-family: var(--default-font-family, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");
        font-feature-settings: var(--default-font-feature-settings, normal);
        font-variation-settings: var(--default-font-variation-settings, normal);
        -webkit-tap-highlight-color: transparent
    }
    hr {
        height: 0;
        color: inherit;
        border-top-width: 1px
    }
    abbr:where([title]) {
        -webkit-text-decoration: underline dotted;
        text-decoration: underline dotted
    }
    h1,
    h2,
    h3,
    h4,
    h5,
    h6 {
        font-size: inherit;
        font-weight: inherit
    }
    a {
        color: inherit;
        -webkit-text-decoration: inherit;
        text-decoration: inherit
    }
    b,
    strong {
        font-weight: bolder
    }
    code,
    kbd,
    samp,
    pre {
        font-family: var(--default-mono-font-family, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);
        font-feature-settings: var(--default-mono-font-feature-settings, normal);
        font-variation-settings: var(--default-mono-font-variation-settings, normal);
        font-size: 1em
    }
    small {
        font-size: 80%
    }
    sub,
    sup {
        vertical-align: baseline;
        font-size: 75%;
        line-height: 0;
        position: relative
    }
    sub {
        bottom: -0.25em
    }
    sup {
        top: -0.5em
    }
    table {
        text-indent: 0;
        border-color: inherit;
        border-collapse: collapse
    }
    :-moz-focusring {
        outline: auto
    }
    progress {
        vertical-align: baseline
    }
    summary {
        display: list-item
    }
    ol,
    ul,
    menu {
        list-style: none
    }
    img,
    svg,
    video,
    canvas,
    audio,
    iframe,
    embed,
    object {
        vertical-align: middle;
        display: block
    }
    img,
    video {
        max-width: 100%;
        height: auto
    }
    button,
    input,
    select,
    optgroup,
    textarea {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    ::file-selector-button {
        font: inherit;
        font-feature-settings: inherit;
        font-variation-settings: inherit;
        letter-spacing: inherit;
        color: inherit;
        opacity: 1;
        background-color: #0000;
        border-radius: 0
    }
    :where(select:is([multiple],[size])) optgroup {
        font-weight: bolder
    }
    :where(select:is([multiple],[size])) optgroup option {
        padding-inline-start: 20px
    }
    ::file-selector-button {
        margin-inline-end: 4px
    }
    ::placeholder {
        opacity: 1
    }
    @supports(not((-webkit-appearance:-apple-pay-button))) or(contain-intrinsic-size:1px) {
        ::placeholder {
            color: currentColor
        }
        @supports(color:color-mix(in lab, red, red)) {
            ::placeholder {
                color: color-mix(in oklab,currentcolor 50%,transparent)
            }
        }
    }
    textarea {
        resize: vertical
    }
    ::-webkit-search-decoration {
        -webkit-appearance: none
    }
    ::-webkit-date-and-time-value {
        min-height: 1lh;
        text-align: inherit
    }
    ::-webkit-datetime-edit {
        display: inline-flex
    }
    ::-webkit-datetime-edit-fields-wrapper {
        padding: 0
    }
    ::-webkit-datetime-edit {
        padding-block: 0
    }
    ::-webkit-datetime-edit-year-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-month-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-day-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-hour-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-minute-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-second-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-millisecond-field {
        padding-block: 0
    }
    ::-webkit-datetime-edit-meridiem-field {
        padding-block: 0
    }
    ::-webkit-calendar-picker-indicator {
        line-height: 1
    }
    :-moz-ui-invalid {
        box-shadow: none
    }
    button,
    input:where([type=button],[type=reset],[type=submit]) {
        appearance: button
    }
    ::file-selector-button {
        appearance: button
    }
    ::-webkit-inner-spin-button {
        height: auto
    }
    ::-webkit-outer-spin-button {
        height: auto
    }
    [hidden]:where(:not([hidden=until-found])) {
        display: none !important
    }
    @media(max-width:768px){:root {
        font-size: calc(0.5em + 1vw)
    }
}
a {
    text-decoration-line: none
}
a:hover {
    text-decoration-line: underline
}
body {
    font-family: var(--font-noto);
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
    min-height: 100vh;
    color: var(--color-siteBlack);
    grid-template-rows: auto 1fr auto;
    display: grid
}
footer {
    background-color: var(--color-h2)
}
}
@layer components {
.list-disc-indent {
    padding-left: var(--spacing-ds-lg);
    list-style-type: disc
}
.list-decimal-indent {
    padding-left: var(--spacing-ds-normal);
    list-style-type: decimal
}
.icon-asterisk-indent:before {
    --tw-content: "※";
    content: var(--tw-content)
}
.icon-asterisk-indent {
    padding-left: var(--spacing-ds-normal);
    text-indent: calc(var(--spacing-ds-normal)*-1)
}
.button {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium);
    padding: calc(var(--spacing) * 1);
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height));
    text-align: center;
    border-radius: var(--radius-md);
    text-decoration-line: none;
    display: block;
    position: relative
}
.button:hover {
    text-decoration-line: none
}
.button.point {
    border-radius: 0
}
.button.enable.point {
    box-shadow: none
}
.button.next:after,
.button.return:before {
    -webkit-font-smoothing: antialiased;
    font-variant: normal;
    text-rendering: auto;
    font-family: "Font Awesome 5 Free";
    font-style: normal;
    font-weight: 900;
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height));
    margin-top: calc(var(--spacing) * 1);
    line-height: 1;
    display: inline-block;
    position: absolute;
    top: 0
}
.button.next:after {
    content: "";
    right: calc(var(--spacing) * 3)
}
.button.return:before {
    content: "";
    left: calc(var(--spacing) * 3)
}
.button.enable {
    background: var(--color-button);
    color: var(--color-white);
    transition-property: all;
    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
    transition-duration: var(--tw-duration, var(--default-transition-duration));
    --tw-duration: 0.5s;
    --tw-ease: var(--ease-in-out);
    transition-duration: 0.5s;
    transition-timing-function: var(--ease-in-out);
    border: 2px solid #b81c22;
    transition: all 0.3s;
    box-shadow: 2px 2px 4px #aab6c2
}
.button.enable:hover {
    color: #b81c22;
    background: #fff
}
.button.disable {
    background-color: var(--color-gray-700);
    border-color: var(--color-gray-700);
    border-style: var(--tw-border-style);
    color: var(--color-gray-400);
    border-width: 2px
}
.button.enable:before,
.button.enable:after {
    border-color: var(--color-white)
}
.button.disable:before,
.button.disable:after {
    border-color: var(--color-gray-400)
}
.pageTitle {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    text-align: center;
    background-color: var(--color-h3);
    color: var(--color-white);
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose)
}
.applicationTitle {
    color: var(--color-red-600);
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height));
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold);
    text-align: center;
    border-style: var(--tw-border-style);
    border-width: 1px;
    border-color: var(--color-red-600);
    padding-block: calc(var(--spacing) * 4);
    position: relative
}
.applicationTitle:before,
.applicationTitle:after {
    content: "";
    border-style: solid;
    border-width: 1.75rem 1.75rem 0 0;
    border-color: rgba(220,38,38,var(--tw-border-opacity))transparent transparent transparent;
    width: 0;
    height: 0;
    position: absolute
}
.applicationTitle:before {
    top: 0;
    left: 0
}
.applicationTitle:after {
    bottom: 0;
    right: 0;
    transform: rotate(180deg)
}
}
@layer utilities {
.absolute {
    position: absolute
}
.fixed {
    position: fixed
}
.relative {
    position: relative
}
.sticky {
    position: sticky
}
.-top-0\.5 {
    top: calc(var(--spacing)*-.5)
}
.-top-4 {
    top: calc(var(--spacing)*-4)
}
.-top-5 {
    top: calc(var(--spacing)*-5)
}
.-top-7\.5 {
    top: calc(var(--spacing)*-7.5)
}
.top-0 {
    top: calc(var(--spacing) * 0)
}
.top-36 {
    top: calc(var(--spacing) * 36)
}
.right-0 {
    right: calc(var(--spacing) * 0)
}
.right-2\.5 {
    right: calc(var(--spacing) * 2.5)
}
.right-5 {
    right: calc(var(--spacing) * 5)
}
.bottom-5 {
    bottom: calc(var(--spacing) * 5)
}
.-left-0\.5 {
    left: calc(var(--spacing)*-.5)
}
.-left-4 {
    left: calc(var(--spacing)*-4)
}
.left-0 {
    left: calc(var(--spacing) * 0)
}
.z-50 {
    z-index: 50
}
.col-span-2 {
    grid-column: span 2 /span 2
}
.col-start-1 {
    grid-column-start: 1
}
.col-start-2 {
    grid-column-start: 2
}
.col-start-3 {
    grid-column-start: 3
}
.col-end-2 {
    grid-column-end: 2
}
.col-end-3 {
    grid-column-end: 3
}
.col-end-4 {
    grid-column-end: 4
}
.col-end-6 {
    grid-column-end: 6
}
.mx-auto {
    margin-inline: auto
}
.my-2 {
    margin-block: calc(var(--spacing) * 2)
}
.my-4 {
    margin-block: calc(var(--spacing) * 4)
}
.my-7 {
    margin-block: calc(var(--spacing) * 7)
}
.my-10 {
    margin-block: calc(var(--spacing) * 10)
}
.my-16 {
    margin-block: calc(var(--spacing) * 16)
}
.-mt-1 {
    margin-top: calc(var(--spacing)*-1)
}
.mt-0\.5 {
    margin-top: calc(var(--spacing)*.5)
}
.mt-1 {
    margin-top: calc(var(--spacing) * 1)
}
.mt-2 {
    margin-top: calc(var(--spacing) * 2)
}
.mt-2\.5 {
    margin-top: calc(var(--spacing) * 2.5)
}
.mt-3 {
    margin-top: calc(var(--spacing) * 3)
}
.mt-4 {
    margin-top: calc(var(--spacing) * 4)
}
.mt-5 {
    margin-top: calc(var(--spacing) * 5)
}
.mt-6 {
    margin-top: calc(var(--spacing) * 6)
}
.mt-7 {
    margin-top: calc(var(--spacing) * 7)
}
.mt-8 {
    margin-top: calc(var(--spacing) * 8)
}
.mt-9 {
    margin-top: calc(var(--spacing) * 9)
}
.mt-10 {
    margin-top: calc(var(--spacing) * 10)
}
.mt-11 {
    margin-top: calc(var(--spacing) * 11)
}
.mt-12 {
    margin-top: calc(var(--spacing) * 12)
}
.mt-12\.5 {
    margin-top: calc(var(--spacing) * 12.5)
}
.mt-14 {
    margin-top: calc(var(--spacing) * 14)
}
.mt-16 {
    margin-top: calc(var(--spacing) * 16)
}
.mt-36 {
    margin-top: calc(var(--spacing) * 36)
}
.mr-1 {
    margin-right: calc(var(--spacing) * 1)
}
.mr-2 {
    margin-right: calc(var(--spacing) * 2)
}
.mr-3 {
    margin-right: calc(var(--spacing) * 3)
}
.mr-4 {
    margin-right: calc(var(--spacing) * 4)
}
.mr-12\.5 {
    margin-right: calc(var(--spacing) * 12.5)
}
.mr-20 {
    margin-right: calc(var(--spacing) * 20)
}
.mb-1 {
    margin-bottom: calc(var(--spacing) * 1)
}
.mb-2 {
    margin-bottom: calc(var(--spacing) * 2)
}
.mb-3 {
    margin-bottom: calc(var(--spacing) * 3)
}
.mb-4 {
    margin-bottom: calc(var(--spacing) * 4)
}
.mb-5 {
    margin-bottom: calc(var(--spacing) * 5)
}
.mb-6 {
    margin-bottom: calc(var(--spacing) * 6)
}
.mb-7 {
    margin-bottom: calc(var(--spacing) * 7)
}
.mb-8 {
    margin-bottom: calc(var(--spacing) * 8)
}
.mb-10 {
    margin-bottom: calc(var(--spacing) * 10)
}
.mb-11 {
    margin-bottom: calc(var(--spacing) * 11)
}
.mb-12 {
    margin-bottom: calc(var(--spacing) * 12)
}
.ml-1 {
    margin-left: calc(var(--spacing) * 1)
}
.ml-2 {
    margin-left: calc(var(--spacing) * 2)
}
.ml-4 {
    margin-left: calc(var(--spacing) * 4)
}
.ml-auto {
    margin-left: auto
}
.block {
    display: block
}
.contents {
    display: contents
}
.flex {
    display: flex
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.inline-block {
    display: inline-block
}
.inline-flex {
    display: inline-flex
}
.h-5 {
    height: calc(var(--spacing) * 5)
}
.h-7 {
    height: calc(var(--spacing) * 7)
}
.h-10 {
    height: calc(var(--spacing) * 10)
}
.h-12 {
    height: calc(var(--spacing) * 12)
}
.h-23\.5 {
    height: calc(var(--spacing) * 23.5)
}
.h-full {
    height: 100%
}
.max-h-full {
    max-height: 100%
}
.w-1\/2 {
    width: 50%
}
.w-1\/3 {
    width: 33.3333%
}
.w-1\/5 {
    width: 20%
}
.w-1\/12 {
    width: 8.33333%
}
.w-2\/3 {
    width: 66.6667%
}
.w-3\/5 {
    width: 60%
}
.w-4\/5 {
    width: 80%
}
.w-5 {
    width: calc(var(--spacing) * 5)
}
.w-5\/6 {
    width: 83.3333%
}
.w-5\/12 {
    width: 41.6667%
}
.w-11\/12 {
    width: 91.6667%
}
.w-20 {
    width: calc(var(--spacing) * 20)
}
.w-24 {
    width: calc(var(--spacing) * 24)
}
.w-32 {
    width: calc(var(--spacing) * 32)
}
.w-36 {
    width: calc(var(--spacing) * 36)
}
.w-43 {
    width: calc(var(--spacing) * 43)
}
.w-\[30\%\] {
    width: 30%
}
.w-\[47\%\] {
    width: 47%
}
.w-\[53\%\] {
    width: 53%
}
.w-\[70\%\] {
    width: 70%
}
.w-fit {
    width: fit-content
}
.w-full {
    width: 100%
}
.max-w-full {
    max-width: 100%
}
.flex-shrink-0 {
    flex-shrink: 0
}
.cursor-pointer {
    cursor: pointer
}
.resize-none {
    resize: none
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.grid-cols-3 {
    grid-template-columns: repeat(3, minmax(0, 1fr))
}
.grid-cols-5 {
    grid-template-columns: repeat(5, minmax(0, 1fr))
}
.flex-nowrap {
    flex-wrap: nowrap
}
.flex-wrap {
    flex-wrap: wrap
}
.items-center {
    align-items: center
}
.items-end {
    align-items: flex-end
}
.items-start {
    align-items: flex-start
}
.justify-between {
    justify-content: space-between
}
.justify-center {
    justify-content: center
}
.gap-1 {
    gap: calc(var(--spacing) * 1)
}
.gap-2 {
    gap: calc(var(--spacing) * 2)
}
.gap-2\.5 {
    gap: calc(var(--spacing) * 2.5)
}
.gap-3 {
    gap: calc(var(--spacing) * 3)
}
.gap-3\.5 {
    gap: calc(var(--spacing) * 3.5)
}
.gap-4 {
    gap: calc(var(--spacing) * 4)
}
.gap-5 {
    gap: calc(var(--spacing) * 5)
}
.gap-7 {
    gap: calc(var(--spacing) * 7)
}
.gap-8 {
    gap: calc(var(--spacing) * 8)
}
.gap-9 {
    gap: calc(var(--spacing) * 9)
}
.gap-12 {
    gap: calc(var(--spacing) * 12)
}
.gap-x-8 {
    column-gap: calc(var(--spacing) * 8)
}
.gap-y-8 {
    row-gap: calc(var(--spacing) * 8)
}
.self-center {
    align-self: center
}
.justify-self-center {
    justify-self: center
}
.justify-self-end {
    justify-self: flex-end
}
.justify-self-start {
    justify-self: flex-start
}
.rounded-lg {
    border-radius: var(--radius-lg)
}
.rounded-md {
    border-radius: var(--radius-md)
}
.border {
    border-style: var(--tw-border-style);
    border-width: 1px
}
.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px
}
.border-x-2 {
    border-inline-style: var(--tw-border-style);
    border-inline-width: 2px
}
.border-y-1 {
    border-block-style: var(--tw-border-style);
    border-block-width: 1px
}
.border-t {
    border-top-style: var(--tw-border-style);
    border-top-width: 1px
}
.border-t-2 {
    border-top-style: var(--tw-border-style);
    border-top-width: 2px
}
.border-t-4 {
    border-top-style: var(--tw-border-style);
    border-top-width: 4px
}
.border-r {
    border-right-style: var(--tw-border-style);
    border-right-width: 1px
}
.border-b {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 1px
}
.border-b-2 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 2px
}
.border-l {
    border-left-style: var(--tw-border-style);
    border-left-width: 1px
}
.border-l-8 {
    border-left-style: var(--tw-border-style);
    border-left-width: 8px
}
.border-\[\#cccccc\] {
    border-color: #ccc
}
.border-\[\#f2f2f2\] {
    border-color: #f2f2f2
}
.border-black {
    border-color: var(--color-black)
}
.border-champagne {
    border-color: var(--color-champagne)
}
.border-excellent {
    border-color: var(--color-excellent)
}
.border-gray-300 {
    border-color: var(--color-gray-300)
}
.border-gray-400 {
    border-color: var(--color-gray-400)
}
.border-h2 {
    border-color: var(--color-h2)
}
.border-h3 {
    border-color: var(--color-h3)
}
.border-red-700 {
    border-color: var(--color-red-700)
}
.border-sake {
    border-color: var(--color-sake)
}
.border-siteRed {
    border-color: var(--color-siteRed)
}
.border-spirits {
    border-color: var(--color-spirits)
}
.border-whisky {
    border-color: var(--color-whisky)
}
.border-white {
    border-color: var(--color-white)
}
.bg-\[\#d9d9d9\] {
    background-color: #d9d9d9
}
.bg-\[\#d9e4ee\] {
    background-color: #d9e4ee
}
.bg-\[\#f2f2f2\] {
    background-color: #f2f2f2
}
.bg-\[\#f2f5f9\] {
    background-color: #f2f5f9
}
.bg-champagne {
    background-color: var(--color-champagne)
}
.bg-excellent {
    background-color: var(--color-excellent)
}
.bg-gray-200 {
    background-color: var(--color-gray-200)
}
.bg-gray-300 {
    background-color: var(--color-gray-300)
}
.bg-h2 {
    background-color: var(--color-h2)
}
.bg-h3 {
    background-color: var(--color-h3)
}
.bg-red-500 {
    background-color: var(--color-red-500)
}
.bg-sake {
    background-color: var(--color-sake)
}
.bg-siteGray {
    background-color: var(--color-siteGray)
}
.bg-siteRed {
    background-color: var(--color-siteRed)
}
.bg-spirits {
    background-color: var(--color-spirits)
}
.bg-whisky {
    background-color: var(--color-whisky)
}
.bg-white {
    background-color: var(--color-white)
}
.p-1\.5 {
    padding: calc(var(--spacing) * 1.5)
}
.p-2 {
    padding: calc(var(--spacing) * 2)
}
.p-3 {
    padding: calc(var(--spacing) * 3)
}
.p-4 {
    padding: calc(var(--spacing) * 4)
}
.px-1 {
    padding-inline: calc(var(--spacing) * 1)
}
.px-2 {
    padding-inline: calc(var(--spacing) * 2)
}
.px-3 {
    padding-inline: calc(var(--spacing) * 3)
}
.px-4 {
    padding-inline: calc(var(--spacing) * 4)
}
.px-6 {
    padding-inline: calc(var(--spacing) * 6)
}
.px-7 {
    padding-inline: calc(var(--spacing) * 7)
}
.px-12 {
    padding-inline: calc(var(--spacing) * 12)
}
.py-1 {
    padding-block: calc(var(--spacing) * 1)
}
.py-1\.5 {
    padding-block: calc(var(--spacing) * 1.5)
}
.py-2 {
    padding-block: calc(var(--spacing) * 2)
}
.py-3 {
    padding-block: calc(var(--spacing) * 3)
}
.py-4 {
    padding-block: calc(var(--spacing) * 4)
}
.py-6 {
    padding-block: calc(var(--spacing) * 6)
}
.pt-1 {
    padding-top: calc(var(--spacing) * 1)
}
.pt-2 {
    padding-top: calc(var(--spacing) * 2)
}
.pt-5 {
    padding-top: calc(var(--spacing) * 5)
}
.pt-7 {
    padding-top: calc(var(--spacing) * 7)
}
.pt-8 {
    padding-top: calc(var(--spacing) * 8)
}
.pt-9 {
    padding-top: calc(var(--spacing) * 9)
}
.pt-12 {
    padding-top: calc(var(--spacing) * 12)
}
.pt-16 {
    padding-top: calc(var(--spacing) * 16)
}
.pr-1 {
    padding-right: calc(var(--spacing) * 1)
}
.pr-2 {
    padding-right: calc(var(--spacing) * 2)
}
.pb-1 {
    padding-bottom: calc(var(--spacing) * 1)
}
.pb-2 {
    padding-bottom: calc(var(--spacing) * 2)
}
.pb-2\.5 {
    padding-bottom: calc(var(--spacing) * 2.5)
}
.pb-5 {
    padding-bottom: calc(var(--spacing) * 5)
}
.pb-7 {
    padding-bottom: calc(var(--spacing) * 7)
}
.pb-8 {
    padding-bottom: calc(var(--spacing) * 8)
}
.pb-12 {
    padding-bottom: calc(var(--spacing) * 12)
}
.pb-13 {
    padding-bottom: calc(var(--spacing) * 13)
}
.pb-16 {
    padding-bottom: calc(var(--spacing) * 16)
}
.pb-24 {
    padding-bottom: calc(var(--spacing) * 24)
}
.pb-30 {
    padding-bottom: calc(var(--spacing) * 30)
}
.pl-1 {
    padding-left: calc(var(--spacing) * 1)
}
.pl-2 {
    padding-left: calc(var(--spacing) * 2)
}
.text-center {
    text-align: center
}
.text-right {
    text-align: right
}
.text-2xl {
    font-size: var(--text-2xl);
    line-height: var(--tw-leading, var(--text-2xl--line-height))
}
.text-2xl\/none {
    font-size: var(--text-2xl);
    line-height: 1
}
.text-3xl {
    font-size: var(--text-3xl);
    line-height: var(--tw-leading, var(--text-3xl--line-height))
}
.text-\[\.6875rem\]\/none {
    font-size: 0.6875rem;
    line-height: 1
}
.text-\[\.8125rem\]\/none {
    font-size: 0.8125rem;
    line-height: 1
}
.text-\[1\.625rem\]\/none {
    font-size: 1.625rem;
    line-height: 1
}
.text-lg {
    font-size: var(--text-lg);
    line-height: var(--tw-leading, var(--text-lg--line-height))
}
.text-sm {
    font-size: var(--text-sm);
    line-height: var(--tw-leading, var(--text-sm--line-height))
}
.text-xl {
    font-size: var(--text-xl);
    line-height: var(--tw-leading, var(--text-xl--line-height))
}
.text-xs {
    font-size: var(--text-xs);
    line-height: var(--tw-leading, var(--text-xs--line-height))
}
.text-\[\.56rem\] {
    font-size: 0.56rem
}
.text-\[\.625rem\],
.text-\[0\.625rem\] {
    font-size: 0.625rem
}
.text-\[0\.5625rem\] {
    font-size: 0.5625rem
}
.text-\[1\.625rem\] {
    font-size: 1.625rem
}
.leading-loose {
    --tw-leading: var(--leading-loose);
    line-height: var(--leading-loose)
}
.leading-none {
    --tw-leading: 1;
    line-height: 1
}
.leading-relaxed {
    --tw-leading: var(--leading-relaxed);
    line-height: var(--leading-relaxed)
}
.font-black {
    --tw-font-weight: var(--font-weight-black);
    font-weight: var(--font-weight-black)
}
.font-bold {
    --tw-font-weight: var(--font-weight-bold);
    font-weight: var(--font-weight-bold)
}
.font-extrabold {
    --tw-font-weight: var(--font-weight-extrabold);
    font-weight: var(--font-weight-extrabold)
}
.font-medium {
    --tw-font-weight: var(--font-weight-medium);
    font-weight: var(--font-weight-medium)
}
.font-normal {
    --tw-font-weight: var(--font-weight-normal);
    font-weight: var(--font-weight-normal)
}
.tracking-tight {
    --tw-tracking: var(--tracking-tight);
    letter-spacing: var(--tracking-tight)
}
.tracking-tighter {
    --tw-tracking: var(--tracking-tighter);
    letter-spacing: var(--tracking-tighter)
}
.text-blue-500 {
    color: var(--color-blue-500)
}
.text-excellent {
    color: var(--color-excellent)
}
.text-h2 {
    color: var(--color-h2)
}
.text-red-700 {
    color: var(--color-red-700)
}
.text-siteRed {
    color: var(--color-siteRed)
}
.text-white {
    color: var(--color-white)
}
.no-underline {
    text-decoration-line: none
}
.underline {
    text-decoration-line: underline
}
.shadow-md {
    --tw-shadow: 0 4px 6px -1px var(--tw-shadow-color, #0000001a), 0 2px 4px -2px var(--tw-shadow-color, #0000001a);
    box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow)
}
.\[writing-mode\:vertical-rl\] {
    writing-mode: vertical-rl
}
.before\:mx-auto:before {
    content: var(--tw-content);
    margin-inline: auto
}
.before\:mb-5:before {
    content: var(--tw-content);
    margin-bottom: calc(var(--spacing) * 5)
}
.before\:mb-8:before {
    content: var(--tw-content);
    margin-bottom: calc(var(--spacing) * 8)
}
.before\:block:before {
    content: var(--tw-content);
    display: block
}
.before\:h-10:before {
    content: var(--tw-content);
    height: calc(var(--spacing) * 10)
}
.before\:w-43:before {
    content: var(--tw-content);
    width: calc(var(--spacing) * 43)
}
.before\:bg-siteGray:before {
    content: var(--tw-content);
    background-color: var(--color-siteGray)
}
.before\:\[clip-path\:polygon\(0\%_0\%\,100\%_0\%\,50\%_100\%\)\]:before{
    content: var(--tw-content);
    clip-path: polygon(0% 0%, 100% 0%, 50% 100%)
}
@media(hover:hover) {
    .hover\:no-underline:hover {
        text-decoration-line: none
    }
    .hover\:underline:hover {
        text-decoration-line: underline
    }
    .hover\:opacity-60:hover {
        opacity: .6
    }
}
@media(min-width:48rem) {
    .md\:absolute {
        position: absolute
    }
    .md\:relative {
        position: relative
    }
    .md\:left-0 {
        left: calc(var(--spacing) * 0)
    }
    .md\:col-span-2 {
        grid-column: span 2 /span 2
    }
    .md\:col-start-1 {
        grid-column-start: 1
    }
    .md\:col-start-3 {
        grid-column-start: 3
    }
    .md\:col-start-4 {
        grid-column-start: 4
    }
    .md\:col-start-5 {
        grid-column-start: 5
    }
    .md\:col-start-auto {
        grid-column-start: auto
    }
    .md\:col-end-3 {
        grid-column-end: 3
    }
    .md\:col-end-4 {
        grid-column-end: 4
    }
    .md\:col-end-5 {
        grid-column-end: 5
    }
    .md\:col-end-6 {
        grid-column-end: 6
    }
    .md\:col-end-7 {
        grid-column-end: 7
    }
    .md\:col-end-8 {
        grid-column-end: 8
    }
    .md\:col-end-9 {
        grid-column-end: 9
    }
    .md\:row-start-\[15\] {
        grid-row-start: 15
    }
    .md\:row-end-\[17\] {
        grid-row-end: 17
    }
    .md\:mx-0 {
        margin-inline: calc(var(--spacing) * 0)
    }
    .md\:mx-6 {
        margin-inline: calc(var(--spacing) * 6)
    }
    .md\:mx-auto {
        margin-inline: auto
    }
    .md\:my-5 {
        margin-block: calc(var(--spacing) * 5)
    }
    .md\:mt-0 {
        margin-top: calc(var(--spacing) * 0)
    }
    .md\:mt-2 {
        margin-top: calc(var(--spacing) * 2)
    }
    .md\:mt-8 {
        margin-top: calc(var(--spacing) * 8)
    }
    .md\:mt-12 {
        margin-top: calc(var(--spacing) * 12)
    }
    .md\:mt-14 {
        margin-top: calc(var(--spacing) * 14)
    }
    .md\:mr-7 {
        margin-right: calc(var(--spacing) * 7)
    }
    .md\:mb-0 {
        margin-bottom: calc(var(--spacing) * 0)
    }
    .md\:mb-16 {
        margin-bottom: calc(var(--spacing) * 16)
    }
    .md\:mb-24 {
        margin-bottom: calc(var(--spacing) * 24)
    }
    .md\:ml-7 {
        margin-left: calc(var(--spacing) * 7)
    }
    .md\:block {
        display: block
    }
    .md\:flex {
        display: flex
    }
    .md\:grid {
        display: grid
    }
    .md\:hidden {
        display: none
    }
    .md\:inline {
        display: inline
    }
    .md\:h-16 {
        height: calc(var(--spacing) * 16)
    }
    .md\:h-auto {
        height: auto
    }
    .md\:h-fit {
        height: fit-content
    }
    .md\:h-full {
        height: 100%
    }
    .md\:w-1\/2 {
        width: 50%
    }
    .md\:w-1\/4 {
        width: 25%
    }
    .md\:w-2\/3 {
        width: 66.6667%
    }
    .md\:w-3\/4 {
        width: 75%
    }
    .md\:w-12 {
        width: calc(var(--spacing) * 12)
    }
    .md\:w-80 {
        width: calc(var(--spacing) * 80)
    }
    .md\:w-100 {
        width: calc(var(--spacing) * 100)
    }
    .md\:w-108 {
        width: calc(var(--spacing) * 108)
    }
    .md\:w-118 {
        width: calc(var(--spacing) * 118)
    }
    .md\:w-\[80\%\] {
        width: 80%
    }
    .md\:w-\[660px\] {
        width: 660px
    }
    .md\:w-auto {
        width: auto
    }
    .md\:w-fit {
        width: fit-content
    }
    .md\:w-pc-inner-wrap {
        width: var(--spacing-pc-inner-wrap)
    }
    .md\:w-pc-wrap {
        width: var(--spacing-pc-wrap)
    }
    .md\:max-w-max {
        max-width: max-content
    }
    .md\:max-w-none {
        max-width: none
    }
    .md\:grid-cols-2 {
        grid-template-columns: repeat(2, minmax(0, 1fr))
    }
    .md\:grid-cols-3 {
        grid-template-columns: repeat(3, minmax(0, 1fr))
    }
    .md\:grid-cols-4 {
        grid-template-columns: repeat(4, minmax(0, 1fr))
    }
    .md\:grid-cols-5 {
        grid-template-columns: repeat(5, minmax(0, 1fr))
    }
    .md\:grid-cols-6 {
        grid-template-columns: repeat(6, minmax(0, 1fr))
    }
    .md\:grid-cols-7 {
        grid-template-columns: repeat(7, minmax(0, 1fr))
    }
    .md\:grid-cols-8 {
        grid-template-columns: repeat(8, minmax(0, 1fr))
    }
    .md\:items-center {
        align-items: center
    }
    .md\:items-end {
        align-items: flex-end
    }
    .md\:justify-around {
        justify-content: space-around
    }
    .md\:justify-between {
        justify-content: space-between
    }
    .md\:justify-center {
        justify-content: center
    }
    .md\:gap-0 {
        gap: calc(var(--spacing) * 0)
    }
    .md\:gap-2 {
        gap: calc(var(--spacing) * 2)
    }
    .md\:gap-5 {
        gap: calc(var(--spacing) * 5)
    }
    .md\:gap-8 {
        gap: calc(var(--spacing) * 8)
    }
    .md\:gap-10 {
        gap: calc(var(--spacing) * 10)
    }
    .md\:gap-x-3 {
        column-gap: calc(var(--spacing) * 3)
    }
    .md\:gap-x-12 {
        column-gap: calc(var(--spacing) * 12)
    }
    .md\:gap-y-5 {
        row-gap: calc(var(--spacing) * 5)
    }
    .md\:gap-y-8 {
        row-gap: calc(var(--spacing) * 8)
    }
    .md\:border-0 {
        border-style: var(--tw-border-style);
        border-width: 0
    }
    .md\:border-t {
        border-top-style: var(--tw-border-style);
        border-top-width: 1px
    }
    .md\:border-t-0 {
        border-top-style: var(--tw-border-style);
        border-top-width: 0
    }
    .md\:border-t-2 {
        border-top-style: var(--tw-border-style);
        border-top-width: 2px
    }
    .md\:border-r {
        border-right-style: var(--tw-border-style);
        border-right-width: 1px
    }
    .md\:border-b-0 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 0
    }
    .md\:border-b-2 {
        border-bottom-style: var(--tw-border-style);
        border-bottom-width: 2px
    }
    .md\:p-0 {
        padding: calc(var(--spacing) * 0)
    }
    .md\:p-2 {
        padding: calc(var(--spacing) * 2)
    }
    .md\:px-0 {
        padding-inline: calc(var(--spacing) * 0)
    }
    .md\:px-12 {
        padding-inline: calc(var(--spacing) * 12)
    }
    .md\:px-17 {
        padding-inline: calc(var(--spacing) * 17)
    }
    .md\:py-0 {
        padding-block: calc(var(--spacing) * 0)
    }
    .md\:py-1 {
        padding-block: calc(var(--spacing) * 1)
    }
    .md\:pt-0 {
        padding-top: calc(var(--spacing) * 0)
    }
    .md\:pt-6 {
        padding-top: calc(var(--spacing) * 6)
    }
    .md\:pt-12 {
        padding-top: calc(var(--spacing) * 12)
    }
    .md\:pt-14 {
        padding-top: calc(var(--spacing) * 14)
    }
    .md\:pt-15 {
        padding-top: calc(var(--spacing) * 15)
    }
    .md\:pt-16 {
        padding-top: calc(var(--spacing) * 16)
    }
    .md\:pt-24 {
        padding-top: calc(var(--spacing) * 24)
    }
    .md\:pr-7 {
        padding-right: calc(var(--spacing) * 7)
    }
    .md\:pb-6 {
        padding-bottom: calc(var(--spacing) * 6)
    }
    .md\:pb-10 {
        padding-bottom: calc(var(--spacing) * 10)
    }
    .md\:pl-5 {
        padding-left: calc(var(--spacing) * 5)
    }
    .md\:pl-7 {
        padding-left: calc(var(--spacing) * 7)
    }
    .md\:pl-8 {
        padding-left: calc(var(--spacing) * 8)
    }
    .md\:text-left {
        text-align: left
    }
    .md\:text-2xl {
        font-size: var(--text-2xl);
        line-height: var(--tw-leading, var(--text-2xl--line-height))
    }
    .md\:text-4xl {
        font-size: var(--text-4xl);
        line-height: var(--tw-leading, var(--text-4xl--line-height))
    }
    .md\:text-ds-xl\/none {
        font-size: var(--text-ds-xl);
        line-height: 1
    }
}
.grid-cols-auto-1fr-auto {
    grid-template-columns: auto 1fr auto
}
.grid-cols-1fr-auto {
    grid-template-columns: 1fr auto
}
.grid-cols-auto-1fr {
    grid-template-columns: auto 1fr
}
.u-intend {
    text-indent: -1em;
    padding-left: 1em
}
.palt {
    font-feature-settings: "palt"
}
}
#pointMenu .menu {
display: none
}
@media(max-width:767px) {
#pointMenu {
    z-index: 9999;
    position: fixed;
    top: 1.4rem;
    right: 1rem
}
#pointMenu .menu {
    z-index: 2;
    width: 3rem;
    height: 2rem;
    display: block;
    position: relative
}
}
#pointMenu .menu span {
background-color: #9e9e9e;
width: 100%;
height: 0.25rem;
transition: all 0.5s;
display: block;
position: absolute;
left: 50%;
transform: translate(-50%)
}
#pointMenu .menu span:first-child {
top: 0
}
#pointMenu .menu span:nth-of-type(2) {
margin-top: -0.125rem
}
#pointMenu .menu span:last-child {
bottom: 0
}
#pointMenu .menu.is-active span {
top: 50%
}
#pointMenu .menu.is-active span:first-child {
transform: translate(-50%)translateY(-50%)rotate(45deg)
}
#pointMenu .menu.is-active span:nth-of-type(2) {
opacity: 0
}
#pointMenu .menu.is-active span:last-child {
transform: translate(-50%)translateY(-50%)rotate(-45deg)
}
@media(max-width:767px) {
#pointMenu .nav {
    z-index: 1;
    background-color: #fff;
    width: 70%;
    height: 100%;
    transition: all 0.5s;
    position: fixed;
    top: 0;
    right: 0;
    transform: translate(100%)
}
}
#pointMenu .nav.is-active {
transform: translate(0)
}
#pointMenu .nav__list {
z-index: 1;
grid-template-columns: repeat(4, auto);
gap: 0.625rem;
width: fit-content;
display: grid
}
#pointMenu .nav__item a {
width: calc(var(--spacing) * 47);
border-radius: var(--radius-lg);
padding: calc(var(--spacing) * 3);
color: var(--color-white);
grid-template-columns: 1fr auto 1fr;
align-items: center;
text-decoration-line: none;
display: grid
}
#pointMenu .nav__item a:hover {
opacity: .7
}
#pointMenu .nav__item a:before {
content: ""
}
#pointMenu .nav__item a:after {
content: "";
-webkit-font-smoothing: antialiased;
font-variant: normal;
text-rendering: auto;
justify-self: flex-end;
font-family: "Font Awesome 5 Free";
font-size: 1.25rem;
font-style: normal;
font-weight: 900;
line-height: 1;
display: inline-block
}
@media(max-width:767px) {
#pointMenu .nav__list {
    gap: calc(var(--spacing) * 2);
    z-index: 1;
    grid-template-columns: auto;
    width: 100%;
    padding-top: 5rem
}
#pointMenu .nav__item a {
    border-radius: 0;
    width: 100%;
    font-size: 1.25rem
}
}
#pointMenu .menu__overlay {
z-index: 0;
opacity: 0;
background-color: #00000080;
width: 0;
height: 0;
transition: opacity 0.5s;
position: fixed;
top: 0;
left: 0
}
#pointMenu .menu__overlay.is-active {
opacity: 1;
width: 100%;
height: 100%
}
@property --tw-border-style {
syntax: "*";
inherits: false;
initial-value: solid
}
@property --tw-leading {
syntax: "*";
inherits: false
}
@property --tw-font-weight {
syntax: "*";
inherits: false
}
@property --tw-tracking {
syntax: "*";
inherits: false
}
@property --tw-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%
}
@property --tw-inset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-shadow-color {
syntax: "*";
inherits: false
}
@property --tw-inset-shadow-alpha {
syntax: "<percentage>";
inherits: false;
initial-value: 100%
}
@property --tw-ring-color {
syntax: "*";
inherits: false
}
@property --tw-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-inset-ring-color {
syntax: "*";
inherits: false
}
@property --tw-inset-ring-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-ring-inset {
syntax: "*";
inherits: false
}
@property --tw-ring-offset-width {
syntax: "<length>";
inherits: false;
initial-value: 0
}
@property --tw-ring-offset-color {
syntax: "*";
inherits: false;
initial-value: #fff
}
@property --tw-ring-offset-shadow {
syntax: "*";
inherits: false;
initial-value: 0 0 #0000
}
@property --tw-content {
syntax: "*";
inherits: false;
initial-value: ""
}
@property --tw-duration {
syntax: "*";
inherits: false
}
@property --tw-ease {
syntax: "*";
inherits: false
}