*, ::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: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --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: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --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:  
}
.sr-only {
    clip: rect(0, 0, 0, 0);
    position: absolute;
    width: 1px;
    height: 1px;
    margin: -1px;
    padding: 0;
    overflow: hidden;
    border-width: 0;
    white-space: nowrap
}
.absolute {
    position: absolute
}
.relative {
    position: relative
}
.bottom-8 {
    bottom: 32px
}
.right-8 {
    right: 32px
}
.mx-auto {
    margin-right: auto;
    margin-left: auto
}
.mt-12 {
    margin-top: 48px
}
.mt-16 {
    margin-top: 64px
}
.mt-4 {
    margin-top: 16px
}
.block {
    display: block
}
.flex {
    display: flex
}
.inline-flex {
    display: inline-flex
}
.grid {
    display: grid
}
.hidden {
    display: none
}
.size-14 {
    width: 56px;
    height: 56px
}
.h-20 {
    height: 80px
}
.h-\[306px\] {
    height: 306px
}
.h-\[360px\] {
    height: 360px
}
.h-\[480px\] {
    height: 480px
}
.h-\[508px\] {
    height: 508px
}
.h-auto {
    height: auto
}
.h-full {
    height: 100%
}
.w-1\/2 {
    width: 50%
}
.w-\[246px\] {
    width: 246px
}
.w-\[38\%\] {
    width: 38%
}
.w-\[480px\] {
    width: 480px
}
.w-\[55\%\] {
    width: 55%
}
.w-auto {
    width: auto
}
.w-full {
    width: 100%
}
.max-w-\[1100px\] {
    max-width: 1100px
}
.max-w-\[1193px\] {
    max-width: 1193px
}
.max-w-\[1320px\] {
    max-width: 1320px
}
.max-w-\[1440px\] {
    max-width: 1440px
}
.max-w-\[400px\] {
    max-width: 400px
}
.max-w-\[500px\] {
    max-width: 500px
}
.max-w-\[520px\] {
    max-width: 520px
}
.max-w-\[900px\] {
    max-width: 900px
}
.max-w-full {
    max-width: 100%
}
.flex-1 {
    flex: 1 1 0%
}
.shrink-0 {
    flex-shrink: 0
}
.grid-cols-1 {
    grid-template-columns: repeat(1, minmax(0, 1fr))
}
.grid-cols-2 {
    grid-template-columns: repeat(2, minmax(0, 1fr))
}
.flex-col {
    flex-direction: column
}
.items-end {
    align-items: flex-end
}
.items-center {
    align-items: center
}
.items-stretch {
    align-items: stretch
}
.justify-center {
    justify-content: center
}
.justify-between {
    justify-content: space-between
}
.gap-10 {
    gap: 40px
}
.gap-12 {
    gap: 48px
}
.gap-16 {
    gap: 64px
}
.gap-20 {
    gap: 80px
}
.gap-4 {
    gap: 16px
}
.gap-6 {
    gap: 24px
}
.gap-8 {
    gap: 32px
}
.gap-\[96px\] {
    gap: 96px
}
.self-stretch {
    align-self: stretch
}
.rounded {
    border-radius: 4px
}
.rounded-lg {
    border-radius: 8px
}
.border {
    border-width: 1px
}
.border-neutral-700 {
    --tw-border-opacity: 1;
    border-color: rgb(64 64 64 / var(--tw-border-opacity, 1))
}
.bg-\[\#76a24b\] {
    --tw-bg-opacity: 1;
    background-color: rgb(118 162 75 / var(--tw-bg-opacity, 1))
}
.bg-\[\#f6931f\] {
    --tw-bg-opacity: 1;
    background-color: rgb(246 147 31 / var(--tw-bg-opacity, 1))
}
.bg-blue-50 {
    --tw-bg-opacity: 1;
    background-color: rgb(239 246 255 / var(--tw-bg-opacity, 1))
}
.bg-gray-100 {
    --tw-bg-opacity: 1;
    background-color: rgb(243 244 246 / var(--tw-bg-opacity, 1))
}
.bg-white {
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity, 1))
}
.object-contain {
    -o-object-fit: contain;
       object-fit: contain
}
.object-cover {
    -o-object-fit: cover;
       object-fit: cover
}
.p-8 {
    padding: 32px
}
.px-16 {
    padding-right: 64px;
    padding-left: 64px
}
.px-20 {
    padding-right: 80px;
    padding-left: 80px
}
.px-4 {
    padding-right: 16px;
    padding-left: 16px
}
.px-5 {
    padding-right: 20px;
    padding-left: 20px
}
.py-10 {
    padding-top: 40px;
    padding-bottom: 40px
}
.py-3 {
    padding-top: 12px;
    padding-bottom: 12px
}
.py-5 {
    padding-top: 20px;
    padding-bottom: 20px
}
.py-6 {
    padding-top: 24px;
    padding-bottom: 24px
}
.pb-12 {
    padding-bottom: 48px
}
.pb-32 {
    padding-bottom: 128px
}
.pt-10 {
    padding-top: 40px
}
.text-left {
    text-align: left
}
.text-center {
    text-align: center
}
.font-shark {
    font-family: "Noto Serif JP", "游明朝", YuMincho, serif
}
.text-2xl {
    font-size: 24px
}
.text-3xl {
    font-size: 30px
}
.text-4xl {
    font-size: 36px
}
.text-\[15px\] {
    font-size: 15px
}
.text-\[26px\] {
    font-size: 26px
}
.text-\[28px\] {
    font-size: 28px
}
.text-base {
    font-size: 16px
}
.text-sm {
    font-size: 14px
}
.text-xl {
    font-size: 20px
}
.font-medium {
    font-weight: 500
}
.font-semibold {
    font-weight: 600
}
.leading-none {
    line-height: 1
}
.leading-relaxed {
    line-height: 1.625
}
.leading-snug {
    line-height: 1.375
}
.text-black {
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}
.text-neutral-700 {
    --tw-text-opacity: 1;
    color: rgb(64 64 64 / var(--tw-text-opacity, 1))
}
.text-white {
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity, 1))
}
.transition {
    transition-duration: 150ms;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1)
}
.\[clip-path\:polygon\(0_0\2c 100\%_0\2c 92\%_100\%\2c 0_100\%\)\] {
    clip-path: polygon(0 0,100% 0,92% 100%,0 100%)
}
.hover\:opacity-90:hover {
    opacity: 0.9
}
@media screen and (max-width: 1320px) {
    .xl\:gap-10 {
        gap: 40px
    }
    .xl\:gap-6 {
        gap: 24px
    }
    .xl\:p-6 {
        padding: 24px
    }
    .xl\:px-10 {
        padding-right: 40px;
        padding-left: 40px
    }
    .xl\:px-8 {
        padding-right: 32px;
        padding-left: 32px
    }
    .xl\:py-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }
    .xl\:text-xl {
        font-size: 20px
    }
}
@media screen and (min-width: 768px) and (max-width: 1200px) {
    .md\:size-8 {
        width: 32px;
        height: 32px
    }
    .md\:h-14 {
        height: 56px
    }
}
@media screen and (max-width: 767px) {
    .sm\:bottom-3 {
        bottom: 12px
    }
    .sm\:right-3 {
        right: 12px
    }
    .sm\:mt-10 {
        margin-top: 40px
    }
    .sm\:mt-8 {
        margin-top: 32px
    }
    .sm\:block {
        display: block
    }
    .sm\:hidden {
        display: none
    }
    .sm\:size-6 {
        width: 24px;
        height: 24px
    }
    .sm\:h-8 {
        height: 32px
    }
    .sm\:h-\[130px\] {
        height: 130px
    }
    .sm\:h-\[230px\] {
        height: 230px
    }
    .sm\:h-\[260px\] {
        height: 260px
    }
    .sm\:h-auto {
        height: auto
    }
    .sm\:w-full {
        width: 100%
    }
    .sm\:max-w-full {
        max-width: 100%
    }
    .sm\:flex-col {
        flex-direction: column
    }
    .sm\:flex-col-reverse {
        flex-direction: column-reverse
    }
    .sm\:items-center {
        align-items: center
    }
    .sm\:gap-2 {
        gap: 8px
    }
    .sm\:gap-4 {
        gap: 16px
    }
    .sm\:gap-6 {
        gap: 24px
    }
    .sm\:gap-8 {
        gap: 32px
    }
    .sm\:gap-\[48px\] {
        gap: 48px
    }
    .sm\:self-auto {
        align-self: auto
    }
    .sm\:rounded-none {
        border-radius: 0px
    }
    .sm\:p-5 {
        padding: 20px
    }
    .sm\:px-0 {
        padding-right: 0px;
        padding-left: 0px
    }
    .sm\:px-4 {
        padding-right: 16px;
        padding-left: 16px
    }
    .sm\:px-5 {
        padding-right: 20px;
        padding-left: 20px
    }
    .sm\:py-6 {
        padding-top: 24px;
        padding-bottom: 24px
    }
    .sm\:py-8 {
        padding-top: 32px;
        padding-bottom: 32px
    }
    .sm\:pb-0 {
        padding-bottom: 0px
    }
    .sm\:pb-20 {
        padding-bottom: 80px
    }
    .sm\:pb-8 {
        padding-bottom: 32px
    }
    .sm\:pt-6 {
        padding-top: 24px
    }
    .sm\:text-center {
        text-align: center
    }
    .sm\:text-2xl {
        font-size: 24px
    }
    .sm\:text-\[10px\] {
        font-size: 10px
    }
    .sm\:text-\[22px\] {
        font-size: 22px
    }
    .sm\:text-base {
        font-size: 16px
    }
    .sm\:text-lg {
        font-size: 18px
    }
    .sm\:text-sm {
        font-size: 14px
    }
    .sm\:text-xl {
        font-size: 20px
    }
    .sm\:text-xs {
        font-size: 12px
    }
    .sm\:\[clip-path\:none\] {
        clip-path: none
    }
}