/*! tailwindcss v4.2.2 | MIT License | https://tailwindcss.com */
:root,
:host {
    --color-red-500: oklch(63.7% 0.237 25.331);
    --color-red-600: oklch(57.7% 0.245 27.325);
    --color-yellow-50: oklch(98.7% 0.026 102.212);
    --color-yellow-300: oklch(90.5% 0.182 98.111);
    --color-lime-600: oklch(64.8% 0.2 131.684);
    --color-green-600: oklch(62.7% 0.194 149.214);
    --color-sky-100: oklch(95.1% 0.026 236.824);
    --color-sky-300: oklch(82.8% 0.111 230.318);
    --color-sky-500: oklch(68.5% 0.169 237.323);
    --color-sky-600: oklch(58.8% 0.158 241.966);
    --color-sky-700: oklch(50% 0.134 242.749);
    --color-purple-900: oklch(38.1% 0.176 304.987);
    --color-white: #fff;
    --spacing: 0.25rem;
    --font-weight-semibold: 600;
    --radius-xs: 0.125rem;
    --radius-xl: 0.75rem;
}
.menu_recruit a {
    pointer-events: none;
    cursor: default;
    background: url('../images/icon_m-recruitg.png');
    color: #b6b6b6 !important;
}
.menu_recruit a::before {
    display: none !important;
}
.tab-recruit a {
    pointer-events: none;
    cursor: default;
    background: #e0e1e3 !important;
    color: #9ca0a7 !important;
    border: solid 1px #b6b6b6 !important;
}
@media screen and (max-width: 767px) {
    .tab-recruit a {
        background: #f9f9fa !important;
        color: #e0e1e3 !important;
        border: solid 1px #ededef !important;
    }
}
:root {
    --box-padding: 16px;
    --box-margin: 16px;
    --box-rounded: 8px;
    --highlight: #fef9a8;
    --fukidashi-size: 8px;
    --fukidashi-border-size: 2px;
    --fukidashi-bg: #fff;
}
.scroll-hint-icon {
    transform: scale(0.9) translate3d(-50%, -50%, 0);
    transform-origin: center;
    top: 50% !important;
    left: 50% !important;
}
.scroll-hint-icon-wrap .scroll-hint-icon:before {
    animation-iteration-count: 1 !important;
}
.scroll-hint-icon-wrap .scroll-hint-icon:after {
    transition-delay: 1.2s !important;
}
main a.tel-link {
    display: inline;
}
.inline-indent {
    text-indent: -1em;
    margin-left: 1em;
}
.AB-wrap.kenko_table {
    margin-top: 0.5em;
}
.AB-wrap .AB-btn-wrap {
    margin-bottom: 0.8em;
}
dl.dl-list:not(#\#) dt {
    margin-bottom: 0;
}
dl.dl-list:not(#\#) dd {
    margin-top: 0;
}
ul.ul-list:not(#\#) li {
    margin-top: 0;
    margin-bottom: 0;
}
.qr a {
    display: inline-block;
    margin-top: 0.25em;
}
.qr a + a {
    margin-left: 0.5em;
}
.shisei-content {
    background-color: #003f99 !important;
    .shisei-box {
        background-color: #e0f2fc !important;
    }
    .shisei-box-title {
        width: calc(100% - 1em);
        padding-right: 1em;
        position: relative;
        z-index: 1;
        background-color: #003f99 !important;
        color: white !important;
    }
    .shisei-box-title::before {
        content: '';
        position: absolute;
        top: 0;
        right: -1em;
        bottom: 0;
        z-index: -1;
        transform: skewX(-15deg);
        width: 1em;
        transform-origin: top right;
        border-end-end-radius: 0.5em;
        background-color: #003f99;
    }
}
.note {
    background-color: #fff !important;
    background-image:
        linear-gradient(90deg, transparent 0%, transparent 50%, #fff 50%, #fff 100%),
        linear-gradient(180deg, #ccc 1px, transparent 1px);
    background-size:
        3px 100%,
        100% 1.5em;
    line-height: 1.5em;
    padding-bottom: 1px;
}
.manga-series .manga-content {
    background-color: #f7bb75 !important;
}
.manga-series .manga-content > .tp-box {
    background-color: #fafad9 !important;
}
.manga-series .manga-content .note {
    background-color: #fafad9 !important;
    background-image:
        linear-gradient(90deg, transparent 0%, transparent 50%, #fafad9 50%, #fafad9 100%),
        linear-gradient(180deg, #ccc 1px, transparent 1px);
    background-size:
        3px 100%,
        100% 1.5em;
    line-height: 1.5em;
    padding-bottom: 1px;
}
.cou2 {
    margin-bottom: 1em;
    padding: 8px;
    font-weight: bold;
    background: #bdfcfd;
    border: solid 1px #29c8cd;
    border-radius: 10px;
}
.footer_inner #footmark {
    display: block;
    margin: 15px auto 0;
    padding-bottom: 8px;
    width: 48px;
    height: auto;
    text-align: center;
}
@media screen and (min-width: 768px) {
    .footer_inner #footmark {
        margin-top: 10px;
        padding-bottom: 3px;
        width: 44px;
        height: auto;
        position: absolute;
        right: 0;
        bottom: 0;
    }
}
.ward table {
    width: 100%;
}
.ward table th {
    font-weight: bold;
    text-align: center;
    background: #ffffff;
}
.ward table thead th {
    background: #b1c668;
}
.ward table td {
    font-size: 1.4rem;
}
.ward table tr.even td {
    background-color: #dce89d;
}
.ward_footer {
    font-size: 1.4rem;
    overflow: hidden;
}
.ward_footer .wf-media {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 0.5em 0.5em !important;
    width: 45%;
    max-width: 200px;
    float: right;
    font-size: 1.4rem;
    text-align: center;
}
.ward_footer .wf-media img {
    margin-bottom: 4px;
    width: 100%;
}
.pic50 {
    margin: 1.1428em auto !important;
    font-size: 1.4rem;
    text-align: center;
}
.pic50 img {
    margin: 0 auto;
    margin-bottom: 4px;
    width: 50%;
}
@property --tw-translate-x {
    syntax: '*';
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-y {
    syntax: '*';
    inherits: false;
    initial-value: 0;
}
@property --tw-translate-z {
    syntax: '*';
    inherits: false;
    initial-value: 0;
}
@property --tw-space-y-reverse {
    syntax: '*';
    inherits: false;
    initial-value: 0;
}
@property --tw-border-style {
    syntax: '*';
    inherits: false;
    initial-value: solid;
}
@property --tw-gradient-position {
    syntax: '*';
    inherits: false;
}
@property --tw-gradient-from {
    syntax: '<color>';
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-via {
    syntax: '<color>';
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-to {
    syntax: '<color>';
    inherits: false;
    initial-value: #0000;
}
@property --tw-gradient-stops {
    syntax: '*';
    inherits: false;
}
@property --tw-gradient-via-stops {
    syntax: '*';
    inherits: false;
}
@property --tw-gradient-from-position {
    syntax: '<length-percentage>';
    inherits: false;
    initial-value: 0%;
}
@property --tw-gradient-via-position {
    syntax: '<length-percentage>';
    inherits: false;
    initial-value: 50%;
}
@property --tw-gradient-to-position {
    syntax: '<length-percentage>';
    inherits: false;
    initial-value: 100%;
}
@property --tw-leading {
    syntax: '*';
    inherits: false;
}
@property --tw-font-weight {
    syntax: '*';
    inherits: false;
}
@property --tw-content {
    syntax: '*';
    initial-value: '';
    inherits: false;
}
@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-translate-x: 0;
        --tw-translate-y: 0;
        --tw-translate-z: 0;
        --tw-space-y-reverse: 0;
        --tw-border-style: solid;
        --tw-gradient-position: initial;
        --tw-gradient-from: #0000;
        --tw-gradient-via: #0000;
        --tw-gradient-to: #0000;
        --tw-gradient-stops: initial;
        --tw-gradient-via-stops: initial;
        --tw-gradient-from-position: 0%;
        --tw-gradient-via-position: 50%;
        --tw-gradient-to-position: 100%;
        --tw-leading: initial;
        --tw-font-weight: initial;
        --tw-content: '';
    }
}
small {
    display: inline-block;
}
hr {
    margin-top: 0.6em;
    height: 0;
    border: 0;
    border-bottom: 1px solid currentColor;
}
hr.hr-dotted {
    border-style: dotted;
}
hr.hr-dashed {
    border-style: dashed;
}
dt {
    margin-top: 0.7rem;
    margin-bottom: 6px;
}
dd {
    margin-top: 3px;
}
sub,
sup {
    vertical-align: baseline;
    position: relative;
    font-size: 75%;
    line-height: 0;
}
sub {
    top: 0.25em;
}
sup {
    top: -0.25em;
}
#special img,
#topics img {
    max-width: 100%;
    height: auto;
}
#special .AB-wrap img,
#topics .AB-wrap img {
    max-width: none;
}
#special h4,
#topics h4 {
    font-size: 1.125em;
}
#special h5,
#special h6,
#topics h5,
#topics h6 {
    font-size: 1em;
}
#topics section:not(:first-child),
#topics section + hr:not(:first-child) {
    margin-top: 1.6em;
}
#topics .topics-content {
    background-color: #8dc349;
    padding: 4px;
}
#topics .topics-content > .tp-box:not(:first-child) {
    margin-top: 4px;
}
#topics .topics-content > .tp-box:not(:last-child) {
    margin-bottom: 4px;
}
#topics ul li {
    margin-top: 0.3em;
}
#topics .hr-tp-dashed {
    background: none;
    border: 0;
    border-bottom: 2px dashed #8dc349;
}
#topics h4 {
    margin-top: 0.8em;
    margin-bottom: 0.1em;
}
#topics h5 {
    margin-top: 0.8em;
    margin-bottom: 0.1em;
}
#topics h6 {
    margin-top: 0.6em;
    margin-bottom: 0.1em;
}
#kokuraminami .tb_left,
#kokuraminami .tb_right {
    width: auto;
    height: 310px;
}
#kokuraminami table th {
    font-size: 1.4rem;
    font-weight: bold;
    text-align: center;
    background: #d1e7c3;
}
#kokuraminami table th.bobd {
    border-top-width: 2.5px;
    border-right-width: 2.5px;
    border-left-width: 2.5px;
}
#kokuraminami table td {
    font-size: 1.4rem;
}
#kokuraminami table td.bobd {
    border-right-width: 2.5px;
    border-bottom-width: 2.5px;
    border-left-width: 2.5px;
}
#kokuraminami .ward_btext {
    min-height: 200px;
}
@media screen and (min-width: 768px) {
    #kokuraminami .ward_eye img {
        width: 200px;
    }
}
#yahatanishi table.kenko-table {
    width: 100%;
}
#yahatanishi table.kenko-table thead th {
    white-space: nowrap;
    background-color: #3e66ac;
    color: white;
}
#yahatanishi table.kenko-table tbody th {
    font-weight: normal;
}
#yahatanishi table.kenko-table th {
    text-align: left;
}
#yahatanishi table.kenko-table td {
    text-align: center;
}
#yahatanishi table.kenko-table td.td-mark {
    background-color: mark;
}
#yahatahigashi .tb_left,
#yahatahigashi .tb_right {
    width: auto;
    height: 110px;
}
#yahatahigashi .tb {
    width: 100%;
    height: auto;
}
#yahatahigashi .yahata_mid {
    margin-bottom: 0;
    color: #2f5831;
}
#yahatahigashi .higashi_box {
    margin-top: 1.2em;
    padding: 12px;
    background: #fad1b1;
    border-radius: 10px;
}
#yahatahigashi .higashi_box h4 {
    margin-bottom: 0;
    color: #ea5405;
}
#yahatahigashi .higashi_box li {
    margin-top: 0.2em;
}
#tobata .tb_left,
#tobata .tb_right {
    width: auto;
    height: 288.5px;
}
#tobata table th,
#tobata table td {
    font-size: 1.4rem;
}
#tobata table thead th {
    white-space: nowrap;
    background: #0068b7;
    color: #ffffff;
}
#tobata table tbody th {
    white-space: nowrap;
}
#tobata table tbody td:nth-of-type(2) {
    white-space: nowrap;
}
#tobata table tbody td {
    background: #ffffff;
}
#tobata .tobata_box {
    margin-top: 1.2em;
    padding: 12px;
    background: #cbda95;
    border-radius: 10px;
}
#tobata .tobata_box h4 {
    margin: 0;
    padding: 3px 8px;
    font-size: 1.7rem;
    background: #fff100;
    color: #009944;
    border-radius: 6px;
}
#tobata .info_contents {
    background: #fadce9;
}
#special {
    padding: 0;
    background-size: 100% auto;
}
#special .special-block {
    padding: 12px;
    background-size: 100% auto;
}
#special .special-block #special_title {
    position: relative;
    margin: 0;
}
.tp-title {
    padding: 2px 8px;
}
.tp-info-box {
    margin-top: var(--box-margin);
    padding: 10px 12px;
    background: var(--highlight) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background: color-mix(in hsl, var(--highlight) 88%, white) !important;
    }
    border-radius: calc(var(--box-rounded) * 0.875);
}
.tp-info-box dt:first-child {
    margin-top: 0;
}
.box {
    position: relative;
    padding: var(--box-padding);
    overflow: hidden;
    background-color: white;
    & > h3,
    & > h4,
    & > h5,
    & > h6 {
        margin-top: 0.75em;
        margin-bottom: 0.375em;
    }
    & > *:first-child:not(#\#) {
        margin-top: 0;
    }
    & > *:last-child:not(#\#) {
        margin-bottom: 0;
    }
    .box {
        padding: calc(var(--box-padding) * 0.9);
    }
}
.box-title {
    font-size: 1.1em;
    font-weight: bold;
}
.box-header {
    padding: 6px 12px;
}
.box-content {
    padding: 12px;
}
.box:not(:first-child) {
    margin-top: var(--box-margin);
}
.box:not(:last-child) {
    margin-bottom: var(--box-margin);
}
.accordion-content > .box:not(:first-child) {
    margin-top: 8px;
}
.accordion-content > .box:not(:last-child) {
    margin-bottom: 8px;
}
.banzai {
    position: relative;
    display: inline-block;
    padding: 0 1em;
    line-height: 1;
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
.banzai.banzai-center {
    display: block;
    width: fit-content;
    margin-left: auto;
    margin-right: auto;
}
.banzai::before,
.banzai::after {
    position: absolute;
    bottom: 0;
    content: '';
    width: 1px;
    height: 130%;
    min-height: 2rem;
    transform-origin: center bottom;
}
.banzai::before {
    left: 0.5em;
    border-left: 2px solid currentColor;
    transform: rotate(-35deg);
}
.banzai::after {
    right: 0.5em;
    border-right: 2px solid currentColor;
    transform: rotate(35deg);
}
.banzai .banzai::before {
    left: 0;
    height: 110%;
    transform: rotate(-20deg);
}
.banzai .banzai::after {
    right: 0;
    height: 110%;
    transform: rotate(20deg);
}
.fukidashi-1 {
    --fukidashi-border-size: 1px;
}
.fukidashi-mini {
    --fukidashi-size: 6px;
}
.fukidashi {
    display: block;
    background: var(--fukidashi-bg);
    position: relative;
    padding: 0.25em 0.75em;
    border: var(--fukidashi-border-size) solid currentColor;
    margin: 0;
}
.fukidashi > * {
    margin: 0 !important;
}
.fukidashi::before,
.fukidashi::after {
    position: absolute;
    left: 35%;
    height: 0;
    width: 0;
    border: solid transparent;
    content: '';
}
.fukidashi::before {
    top: 100%;
    margin-left: calc(var(--fukidashi-size) * -1);
    border-color: transparent;
    border-top-color: currentColor;
    border-right-color: currentColor;
    border-width: var(--fukidashi-size);
}
.fukidashi-outline::after {
    top: calc(100% - var(--fukidashi-border-size) + 1px);
    margin-left: calc((var(--fukidashi-size) - var(--fukidashi-border-size)) * -1);
    border-color: transparent;
    border-top-color: var(--fukidashi-bg);
    border-right-color: var(--fukidashi-bg);
    border-width: calc(var(--fukidashi-size) - var(--fukidashi-border-size));
}
.fukidashi-reverse::before,
.fukidashi-reverse::after {
    transform: scale(-1, 1);
}
.fukidashi-top::before,
.fukidashi-top::after {
    top: inherit;
    bottom: 100%;
    transform: scale(1, -1);
}
.fukidashi-top.fukidashi-outline::after {
    bottom: calc(100% - var(--fukidashi-border-size) + 1px);
}
.fukidashi-top-left::before,
.fukidashi-top-left::after {
    top: inherit;
    bottom: 100%;
    transform: scale(1, -1);
    left: 15%;
}
.fukidashi-top-left.fukidashi-outline::after {
    bottom: calc(100% - var(--fukidashi-border-size) + 1px);
}
.fukidashi-top-center::before,
.fukidashi-top-center::after {
    top: inherit;
    bottom: 100%;
    transform: scale(1, -1);
    left: 50%;
}
.fukidashi-top-center.fukidashi-outline::after {
    bottom: calc(100% - var(--fukidashi-border-size) + 1px);
}
.fukidashi-top-right::before,
.fukidashi-top-right::after {
    top: inherit;
    bottom: 100%;
    transform: scale(1, -1);
    left: 85%;
}
.fukidashi-top-right.fukidashi-outline::after {
    bottom: calc(100% - var(--fukidashi-border-size) + 1px);
}
.fukidashi-left::before,
.fukidashi-left::after {
    transform: scale(1, 0.75) translate3d(0, -65%, 0);
    top: 50%;
    left: inherit;
    right: 100%;
}
.fukidashi-left-top::before,
.fukidashi-left-top::after {
    transform: scale(1, 0.75) translate3d(0, -65%, 0);
    left: inherit;
    right: 100%;
    top: 25%;
}
.fukidashi-left-bottom::before,
.fukidashi-left-bottom::after {
    transform: scale(1, 0.75) translate3d(0, -65%, 0);
    left: inherit;
    right: 100%;
    top: 75%;
}
.fukidashi-center::before,
.fukidashi-center::after {
    left: 50%;
}
.fukidashi-right::before,
.fukidashi-right::after {
    transform: scale(-1, 0.75) translate3d(0, -65%, 0);
    top: 50%;
    left: 100%;
    right: inherit;
}
.fukidashi-right::before {
    margin-left: 0;
    margin-right: calc(var(--fukidashi-size) * -1);
}
.fukidashi-right-top::before,
.fukidashi-right-top::after {
    transform: scale(-1, 0.75) translate3d(0, -65%, 0);
    left: 100%;
    right: inherit;
    top: 25%;
}
.fukidashi-right-bottom::before,
.fukidashi-right-bottom::after {
    transform: scale(-1, 0.75) translate3d(0, -65%, 0);
    left: 100%;
    right: inherit;
    top: 75%;
}
.alignright {
    position: relative;
    z-index: 1;
    display: block;
    margin: 0 0 0.5em 0.5em;
    width: 45%;
    max-width: 160px;
    float: right;
    text-align: center;
    font-size: 1.4rem;
    line-height: 1.3;
}
.absolute {
    position: absolute;
}
.relative {
    position: relative;
}
.top-0 {
    top: calc(var(--spacing) * 0);
}
.left-1\/2 {
    left: calc(1 / 2 * 100%);
}
.z-10 {
    z-index: 10;
}
.col-span-2 {
    grid-column: span 2 / span 2;
}
.float-right {
    float: right;
}
.m-0 {
    margin: calc(var(--spacing) * 0);
}
.m-0\! {
    margin: calc(var(--spacing) * 0) !important;
}
.m-4 {
    margin: calc(var(--spacing) * 4);
}
.mx-auto {
    margin-inline: auto;
}
.mx-auto\! {
    margin-inline: auto !important;
}
.my-3 {
    margin-block: calc(var(--spacing) * 3);
}
.my-4 {
    margin-block: calc(var(--spacing) * 4);
}
.my-6 {
    margin-block: calc(var(--spacing) * 6);
}
.my-8 {
    margin-block: calc(var(--spacing) * 8);
}
.mt-0 {
    margin-top: calc(var(--spacing) * 0);
}
.mt-0\! {
    margin-top: calc(var(--spacing) * 0) !important;
}
.mt-2\! {
    margin-top: calc(var(--spacing) * 2) !important;
}
.mt-4 {
    margin-top: calc(var(--spacing) * 4);
}
.mt-6\! {
    margin-top: calc(var(--spacing) * 6) !important;
}
.mt-10 {
    margin-top: calc(var(--spacing) * 10);
}
.mt-\[2em\]\! {
    margin-top: 2em !important;
}
.mr-0 {
    margin-right: calc(var(--spacing) * 0);
}
.-mb-5\! {
    margin-bottom: calc(var(--spacing) * -5) !important;
}
.-mb-\[0\.75em\]\! {
    margin-bottom: calc(0.75em * -1) !important;
}
.mb-0 {
    margin-bottom: calc(var(--spacing) * 0);
}
.mb-0\! {
    margin-bottom: calc(var(--spacing) * 0) !important;
}
.mb-3 {
    margin-bottom: calc(var(--spacing) * 3);
}
.mb-4\! {
    margin-bottom: calc(var(--spacing) * 4) !important;
}
.mb-8\! {
    margin-bottom: calc(var(--spacing) * 8) !important;
}
.ml-0 {
    margin-left: calc(var(--spacing) * 0);
}
.ml-6\! {
    margin-left: calc(var(--spacing) * 6) !important;
}
.box-content {
    box-sizing: content-box;
}
.flex {
    display: flex;
}
.grid {
    display: grid;
}
.inline-block {
    display: inline-block;
}
.aspect-1\/1 {
    aspect-ratio: 1/1;
}
.aspect-square {
    aspect-ratio: 1 / 1;
}
.size-14 {
    width: calc(var(--spacing) * 14);
    height: calc(var(--spacing) * 14);
}
.size-\[24px\] {
    width: 24px;
    height: 24px;
}
.h-\[260px\] {
    height: 260px;
}
.h-\[290px\]\! {
    height: 290px !important;
}
.h-\[320px\] {
    height: 320px;
}
.h-\[340px\]\! {
    height: 340px !important;
}
.h-\[400px\]\! {
    height: 400px !important;
}
.h-\[calc\(100\%-1em\)\] {
    height: calc(100% - 1em);
}
.h-full {
    height: 100%;
}
.w-1\/3 {
    width: calc(1 / 3 * 100%);
}
.w-\[1em\] {
    width: 1em;
}
.w-\[36\.5\%\]\! {
    width: 36.5% !important;
}
.w-\[70\%\] {
    width: 70%;
}
.w-\[90px\] {
    width: 90px;
}
.w-fit {
    width: fit-content;
}
.w-fit\! {
    width: fit-content !important;
}
.w-full {
    width: 100%;
}
.max-w-\[500px\] {
    max-width: 500px;
}
.flex-1\! {
    flex: 1 !important;
}
.shrink-0 {
    flex-shrink: 0;
}
.-translate-x-1\/2 {
    --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-translate-x-7 {
    --tw-translate-x: calc(var(--spacing) * -7);
    translate: var(--tw-translate-x) var(--tw-translate-y);
}
.-rotate-3 {
    rotate: calc(3deg * -1);
}
.grid-cols-\[auto_1fr\] {
    grid-template-columns: auto 1fr;
}
.flex-wrap {
    flex-wrap: wrap;
}
.items-center {
    align-items: center;
}
.justify-between {
    justify-content: space-between;
}
.justify-center {
    justify-content: center;
}
.justify-evenly {
    justify-content: space-evenly;
}
.gap-1 {
    gap: calc(var(--spacing) * 1);
}
.gap-2 {
    gap: calc(var(--spacing) * 2);
}
.gap-3 {
    gap: calc(var(--spacing) * 3);
}
.gap-4 {
    gap: calc(var(--spacing) * 4);
}
.gap-\[2px\] {
    gap: 2px;
}
.space-y-3 {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse)));
    }
}
.space-y-3\! {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0 !important;
        margin-block-start: calc(calc(var(--spacing) * 3) * var(--tw-space-y-reverse)) !important;
        margin-block-end: calc(
            calc(var(--spacing) * 3) * calc(1 - var(--tw-space-y-reverse))
        ) !important;
    }
}
.space-y-4 {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 4) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 4) * calc(1 - var(--tw-space-y-reverse)));
    }
}
.space-y-8 {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 8) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 8) * calc(1 - var(--tw-space-y-reverse)));
    }
}
.space-y-12 {
    :where(& > :not(:last-child)) {
        --tw-space-y-reverse: 0;
        margin-block-start: calc(calc(var(--spacing) * 12) * var(--tw-space-y-reverse));
        margin-block-end: calc(calc(var(--spacing) * 12) * calc(1 - var(--tw-space-y-reverse)));
    }
}
.gap-x-3 {
    column-gap: calc(var(--spacing) * 3);
}
.gap-x-4 {
    column-gap: calc(var(--spacing) * 4);
}
.gap-y-0 {
    row-gap: calc(var(--spacing) * 0);
}
.gap-y-3 {
    row-gap: calc(var(--spacing) * 3);
}
.self-center {
    align-self: center;
}
.self-stretch {
    align-self: stretch;
}
.overflow-hidden {
    overflow: hidden;
}
.overflow-visible\! {
    overflow: visible !important;
}
.rounded {
    border-radius: 0.25rem;
}
.rounded\! {
    border-radius: 0.25rem !important;
}
.rounded-full {
    border-radius: calc(infinity * 1px);
}
.rounded-xl {
    border-radius: var(--radius-xl);
}
.rounded-xs {
    border-radius: var(--radius-xs);
}
.rounded-tl-none {
    border-top-left-radius: 0;
}
.border {
    border-style: var(--tw-border-style);
    border-width: 1px;
}
.border-2 {
    border-style: var(--tw-border-style);
    border-width: 2px;
}
.border-4 {
    border-style: var(--tw-border-style);
    border-width: 4px;
}
.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-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-b-4 {
    border-bottom-style: var(--tw-border-style);
    border-bottom-width: 4px;
}
.border-\[\#3B82C5\] {
    border-color: #3b82c5;
}
.border-\[\#EA5504\] {
    border-color: #ea5504;
}
.border-\[\#FFF100\] {
    border-color: #fff100;
}
.border-red-500 {
    border-color: var(--color-red-500);
}
.bg-\[\#3B82C5\] {
    background-color: #3b82c5;
}
.bg-\[\#004EA2\]\/20 {
    background-color: color-mix(in oklab, #004ea2 20%, transparent);
}
.bg-\[\#7ECEF4\] {
    background-color: #7ecef4;
}
.bg-\[\#009D7E\]\/20 {
    background-color: color-mix(in oklab, #009d7e 20%, transparent);
}
.bg-\[\#9D7025\]\/20 {
    background-color: color-mix(in oklab, #9d7025 20%, transparent);
}
.bg-\[\#0068B7\] {
    background-color: #0068b7;
}
.bg-\[\#D94615\]\/20 {
    background-color: color-mix(in oklab, #d94615 20%, transparent);
}
.bg-\[\#E9472A\]\/20 {
    background-color: color-mix(in oklab, #e9472a 20%, transparent);
}
.bg-\[\#E60012\] {
    background-color: #e60012;
}
.bg-\[\#EA5504\] {
    background-color: #ea5504;
}
.bg-\[\#ED6D00\] {
    background-color: #ed6d00;
}
.bg-\[\#ED7981\]\/20 {
    background-color: color-mix(in oklab, #ed7981 20%, transparent);
}
.bg-\[\#EF8200\] {
    background-color: #ef8200;
}
.bg-\[\#F08925\] {
    background-color: #f08925;
}
.bg-\[\#F39800\] {
    background-color: #f39800;
}
.bg-\[\#FCF1E2\] {
    background-color: #fcf1e2;
}
.bg-\[\#FFF43F\] {
    background-color: #fff43f;
}
.bg-\[\#FFF78C\] {
    background-color: #fff78c;
}
.bg-\[\#FFF100\] {
    background-color: #fff100;
}
.bg-\[\#bce0dc\] {
    background-color: #bce0dc;
}
.bg-\[\#e0e67c\]\! {
    background-color: #e0e67c !important;
}
.bg-\[\#f6f8dc\]\! {
    background-color: #f6f8dc !important;
}
.bg-green-600\/10 {
    background-color: color-mix(in srgb, oklch(62.7% 0.194 149.214) 10%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-green-600) 10%, transparent);
    }
}
.bg-red-500 {
    background-color: var(--color-red-500);
}
.bg-sky-100 {
    background-color: var(--color-sky-100);
}
.bg-sky-300 {
    background-color: var(--color-sky-300);
}
.bg-sky-700\/20 {
    background-color: color-mix(in srgb, oklch(50% 0.134 242.749) 20%, transparent);
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-sky-700) 20%, transparent);
    }
}
.bg-white {
    background-color: var(--color-white);
}
.bg-white\/80\! {
    background-color: color-mix(in srgb, #fff 80%, transparent) !important;
    @supports (color: color-mix(in lab, red, red)) {
        background-color: color-mix(in oklab, var(--color-white) 80%, transparent) !important;
    }
}
.bg-yellow-50\! {
    background-color: var(--color-yellow-50) !important;
}
.bg-linear-to-b {
    --tw-gradient-position: to bottom;
    @supports (background-image: linear-gradient(in lab, red, red)) {
        --tw-gradient-position: to bottom in oklab;
    }
    background-image: linear-gradient(var(--tw-gradient-stops));
}
.from-\[\#137EEA\] {
    --tw-gradient-from: #137eea;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.from-\[\#E83F2A\] {
    --tw-gradient-from: #e83f2a;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.from-\[\#EF8736\] {
    --tw-gradient-from: #ef8736;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.from-\[\#FABF32\] {
    --tw-gradient-from: #fabf32;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.to-\[\#2053C4\] {
    --tw-gradient-to: #2053c4;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.to-\[\#D0221D\] {
    --tw-gradient-to: #d0221d;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.to-\[\#E83F2A\] {
    --tw-gradient-to: #e83f2a;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.to-\[\#EF8736\] {
    --tw-gradient-to: #ef8736;
    --tw-gradient-stops: var(
        --tw-gradient-via-stops,
        var(--tw-gradient-position),
        var(--tw-gradient-from) var(--tw-gradient-from-position),
        var(--tw-gradient-to) var(--tw-gradient-to-position)
    );
}
.object-cover {
    object-fit: cover;
}
.p-0 {
    padding: calc(var(--spacing) * 0);
}
.p-0\! {
    padding: calc(var(--spacing) * 0) !important;
}
.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-1\! {
    padding-inline: calc(var(--spacing) * 1) !important;
}
.px-2 {
    padding-inline: calc(var(--spacing) * 2);
}
.px-3 {
    padding-inline: calc(var(--spacing) * 3);
}
.px-3\! {
    padding-inline: calc(var(--spacing) * 3) !important;
}
.px-6 {
    padding-inline: calc(var(--spacing) * 6);
}
.px-6\! {
    padding-inline: calc(var(--spacing) * 6) !important;
}
.py-0 {
    padding-block: calc(var(--spacing) * 0);
}
.py-1 {
    padding-block: calc(var(--spacing) * 1);
}
.py-1\! {
    padding-block: calc(var(--spacing) * 1) !important;
}
.py-2 {
    padding-block: calc(var(--spacing) * 2);
}
.py-2\! {
    padding-block: calc(var(--spacing) * 2) !important;
}
.py-3\! {
    padding-block: calc(var(--spacing) * 3) !important;
}
.pt-0 {
    padding-top: calc(var(--spacing) * 0);
}
.pt-0\! {
    padding-top: calc(var(--spacing) * 0) !important;
}
.pt-2\! {
    padding-top: calc(var(--spacing) * 2) !important;
}
.pt-8\! {
    padding-top: calc(var(--spacing) * 8) !important;
}
.pt-12\! {
    padding-top: calc(var(--spacing) * 12) !important;
}
.pl-0 {
    padding-left: calc(var(--spacing) * 0);
}
.pl-\[1em\] {
    padding-left: 1em;
}
.text-center {
    text-align: center;
}
.text-right {
    text-align: right;
}
.indent-0\! {
    text-indent: calc(var(--spacing) * 0) !important;
}
.align-middle {
    vertical-align: middle;
}
.text-\[1\.5em\] {
    font-size: 1.5em;
}
.text-\[1\.25em\] {
    font-size: 1.25em;
}
.text-\[1\.75em\]\! {
    font-size: 1.75em !important;
}
.text-\[1\.125em\] {
    font-size: 1.125em;
}
.text-\[1em\]\! {
    font-size: 1em !important;
}
.leading-\[1\.2\] {
    --tw-leading: 1.2;
    line-height: 1.2;
}
.font-semibold {
    --tw-font-weight: var(--font-weight-semibold);
    font-weight: var(--font-weight-semibold);
}
.text-\[\#00A0E9\] {
    color: #00a0e9;
}
.text-\[\#3B82C5\] {
    color: #3b82c5;
}
.text-\[\#7ECEF4\] {
    color: #7ecef4;
}
.text-\[\#7F2500\] {
    color: #7f2500;
}
.text-\[\#7F3290\] {
    color: #7f3290;
}
.text-\[\#009FC0\] {
    color: #009fc0;
}
.text-\[\#9D7025\] {
    color: #9d7025;
}
.text-\[\#317EC2\] {
    color: #317ec2;
}
.text-\[\#2053C4\] {
    color: #2053c4;
}
.text-\[\#D94615\] {
    color: #d94615;
}
.text-\[\#E9472A\] {
    color: #e9472a;
}
.text-\[\#E83820\] {
    color: #e83820;
}
.text-\[\#EA5504\] {
    color: #ea5504;
}
.text-\[\#ED6D00\] {
    color: #ed6d00;
}
.text-\[\#ED7981\] {
    color: #ed7981;
}
.text-\[\#EF8200\] {
    color: #ef8200;
}
.text-\[\#F08925\] {
    color: #f08925;
}
.text-\[\#FFF100\] {
    color: #fff100;
}
.text-lime-600 {
    color: var(--color-lime-600);
}
.text-purple-900 {
    color: var(--color-purple-900);
}
.text-red-500 {
    color: var(--color-red-500);
}
.text-red-600 {
    color: var(--color-red-600);
}
.text-sky-500 {
    color: var(--color-sky-500);
}
.text-sky-600 {
    color: var(--color-sky-600);
}
.text-white {
    color: var(--color-white);
}
.underline {
    text-decoration-line: underline;
}
.decoration-\[\#E83820\] {
    text-decoration-color: #e83820;
}
.opacity-30 {
    opacity: 30%;
}
.opacity-40 {
    opacity: 40%;
}
.text-outline {
    --text-outline-r: 3px;
    --text-outline-color: white;
    text-shadow:
        calc(var(--text-outline-r) * 1) calc(var(--text-outline-r) * 0) 0 var(--text-outline-color),
        calc(var(--text-outline-r) * 0.945) calc(var(--text-outline-r) * 0.327) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * 0.786) calc(var(--text-outline-r) * 0.618) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * 0.54) calc(var(--text-outline-r) * 0.841) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * 0.235) calc(var(--text-outline-r) * 0.972) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.096) calc(var(--text-outline-r) * 0.995) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.416) calc(var(--text-outline-r) * 0.909) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.691) calc(var(--text-outline-r) * 0.723) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.889) calc(var(--text-outline-r) * 0.457) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.99) calc(var(--text-outline-r) * 0.141) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.982) calc(var(--text-outline-r) * -0.191) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.865) calc(var(--text-outline-r) * -0.501) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.654) calc(var(--text-outline-r) * -0.757) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.37) calc(var(--text-outline-r) * -0.929) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * -0.046) calc(var(--text-outline-r) * -0.999) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * 0.284) calc(var(--text-outline-r) * -0.959) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * 0.582) calc(var(--text-outline-r) * -0.813) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * 0.816) calc(var(--text-outline-r) * -0.578) 0
            var(--text-outline-color),
        calc(var(--text-outline-r) * 0.96) calc(var(--text-outline-r) * -0.279) 0
            var(--text-outline-color);
}
.\[--fukidashi-bg\:\#FFF100\] {
    --fukidashi-bg: #fff100;
}
.\[text-shadow\:_-2px_0_white\,_2px_0_white\,_0_-2px_white\,_0_2px_white\] {
    text-shadow:
        -2px 0 white,
        2px 0 white,
        0 -2px white,
        0 2px white;
}
.text-outline-yellow-300 {
    --text-outline-color: var(--color-yellow-300);
}
.before\:absolute {
    &::before {
        content: var(--tw-content);
        position: absolute;
    }
}
.before\:top-0 {
    &::before {
        content: var(--tw-content);
        top: calc(var(--spacing) * 0);
    }
}
.before\:-left-\[2px\] {
    &::before {
        content: var(--tw-content);
        left: calc(2px * -1);
    }
}
.before\:h-\[calc\(100\%\+1em\)\] {
    &::before {
        content: var(--tw-content);
        height: calc(100% + 1em);
    }
}
.before\:w-\[2px\] {
    &::before {
        content: var(--tw-content);
        width: 2px;
    }
}
.before\:bg-current {
    &::before {
        content: var(--tw-content);
        background-color: currentcolor;
    }
}
.before\:content-\[\'\'\] {
    &::before {
        --tw-content: '';
        content: var(--tw-content);
    }
}
.after\:absolute {
    &::after {
        content: var(--tw-content);
        position: absolute;
    }
}
.after\:bottom-0 {
    &::after {
        content: var(--tw-content);
        bottom: calc(var(--spacing) * 0);
    }
}
.after\:left-1\/2 {
    &::after {
        content: var(--tw-content);
        left: calc(1 / 2 * 100%);
    }
}
.after\:-translate-x-1\/2 {
    &::after {
        content: var(--tw-content);
        --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}
.after\:translate-y-full {
    &::after {
        content: var(--tw-content);
        --tw-translate-y: 100%;
        translate: var(--tw-translate-x) var(--tw-translate-y);
    }
}
.after\:border-x-\[1em\] {
    &::after {
        content: var(--tw-content);
        border-inline-style: var(--tw-border-style);
        border-inline-width: 1em;
    }
}
.after\:border-t-\[1em\] {
    &::after {
        content: var(--tw-content);
        border-top-style: var(--tw-border-style);
        border-top-width: 1em;
    }
}
.after\:border-x-transparent {
    &::after {
        content: var(--tw-content);
        border-inline-color: transparent;
    }
}
.after\:border-t-\[\#D0221D\] {
    &::after {
        content: var(--tw-content);
        border-top-color: #d0221d;
    }
}
.after\:content-\[\'\'\] {
    &::after {
        --tw-content: '';
        content: var(--tw-content);
    }
}
.max-sm\:col-span-2 {
    @media (width < 640px) {
        grid-column: span 2 / span 2;
    }
}
.max-sm\:flex-col {
    @media (width < 640px) {
        flex-direction: column;
    }
}
.max-sm\:flex-wrap {
    @media (width < 640px) {
        flex-wrap: wrap;
    }
}
.sm\:row-span-5 {
    @media (width >= 640px) {
        grid-row: span 5 / span 5;
    }
}
.sm\:w-1\/5 {
    @media (width >= 640px) {
        width: calc(1 / 5 * 100%);
    }
}
.sm\:grid-cols-\[auto_auto_1fr\] {
    @media (width >= 640px) {
        grid-template-columns: auto auto 1fr;
    }
}
.sm\:\[writing-mode\:vertical-rl\] {
    @media (width >= 640px) {
        writing-mode: vertical-rl;
    }
}
.pagetop {
    z-index: 100;
}
.font-unique,
.font-gi {
    font-family: 'M PLUS 1p', sans-serif;
}
.js-scrollable {
    overflow: hidden !important;
    overflow-x: auto !important;
}
.clearfix::after {
    content: '';
    display: inline-block;
    clear: both;
}
.alignleft img,
.alignright img {
    width: 100%;
    margin-bottom: 4px;
}