/*! tailwindcss v2.2.16 | MIT License | https://tailwindcss.com *//*! modern-normalize v1.1.0 | MIT License | https://github.com/sindresorhus/modern-normalize */

            /*
            Document
            ========
            */

            /**
            Use a better box model (opinionated).
            */
            @import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap');
            *,
            ::before,
            ::after {
            box-sizing: border-box;
            }

            /**
            Use a more readable tab size (opinionated).
            */

            html {
            -moz-tab-size: 4;
            -o-tab-size: 4;
            tab-size: 4;
            }

            /**
            1. Correct the line height in all browsers.
            2. Prevent adjustments of font size after orientation changes in iOS.
            */

            html {
            line-height: 1.15; /* 1 */
            -webkit-text-size-adjust: 100%; /* 2 */
            }

            /*
            Sections
            ========
            */

            /**
            Remove the margin in all browsers.
            */

            body {
            margin: 0;
            }

            /**
            Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
            */

            body {
            font-family:
                'Noto Sans JP',
                system-ui,
                -apple-system, /* Firefox supports this but not yet `system-ui` */
                'Segoe UI',
                Roboto,
                Helvetica,
                Arial,
                sans-serif,
                'Apple Color Emoji',
                'Segoe UI Emoji';
            }

            /*
            Grouping content
            ================
            */

            /**
            1. Add the correct height in Firefox.
            2. Correct the inheritance of border color in Firefox. (https://bugzilla.mozilla.org/show_bug.cgi?id=190655)
            */

            hr {
            height: 0; /* 1 */
            color: inherit; /* 2 */
            }

            /*
            Text-level semantics
            ====================
            */

            /**
            Add the correct text decoration in Chrome, Edge, and Safari.
            */

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

            /**
            Add the correct font weight in Edge and Safari.
            */

            b,
            strong {
            font-weight: bolder;
            }

            /**
            1. Improve consistency of default fonts in all browsers. (https://github.com/sindresorhus/modern-normalize/issues/3)
            2. Correct the odd 'em' font sizing in all browsers.
            */

            code,
            kbd,
            samp,
            pre {
            font-family:
                'Noto Sans JP',
                Verdana,
                Arial,
                ui-monospace,
                SFMono-Regular,
                Consolas,
                'Liberation Mono',
                Menlo,
                monospace; /* 1 */
            font-size: 1em; /* 2 */
            }

            /**
            Add the correct font size in all browsers.
            */

            small {
            font-size: 80%;
            }



            /**
            Prevent 'sub' and 'sup' elements from affecting the line height in all browsers.
            */

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

            sub {
            bottom: -0.25em;
            }

            sup {
            top: -0.5em;
            }

            /*
            Tabular data
            ============
            */

            /**
            1. Remove text indentation from table contents in Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=999088, https://bugs.webkit.org/show_bug.cgi?id=201297)
            2. Correct table border color inheritance in all Chrome and Safari. (https://bugs.chromium.org/p/chromium/issues/detail?id=935729, https://bugs.webkit.org/show_bug.cgi?id=195016)
            */

            table {
            text-indent: 0; /* 1 */
            border-color: inherit; /* 2 */
            }

            /*
            Forms
            =====
            */

            /**
            1. Change the font styles in all browsers.
            2. Remove the margin in Firefox and Safari.
            */

            button,
            input,
            optgroup,
            select,
            textarea {
            font-family: inherit; /* 1 */
            font-size: 100%; /* 1 */
            line-height: 1.15; /* 1 */
            margin: 0; /* 2 */
            -moz-border-radius: 5px;
            -webkit-border-radius: 5px;
            border-radius: 5px;
            }

            /**
            Remove the inheritance of text transform in Edge and Firefox.
            1. Remove the inheritance of text transform in Firefox.
            */

            button,
            select { /* 1 */
            text-transform: none;
            }

            /**
            Correct the inability to style clickable types in iOS and Safari.
            */

            button,
            [type='button'],
            [type='reset'],
            [type='submit'] {
            -webkit-appearance: button;
            }

            /**
            Remove the inner border and padding in Firefox.
            */

            ::-moz-focus-inner {
            border-style: none;
            padding: 0;
            }

            /**
            Restore the focus styles unset by the previous rule.
            */

            :-moz-focusring {
            outline: 1px dotted ButtonText;
            }

            /**
            Remove the additional ':invalid' styles in Firefox.
            See: https://github.com/mozilla/gecko-dev/blob/2f9eacd9d3d995c937b4251a5557d95d494c9be1/layout/style/res/forms.css#L728-L737
            */

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

            /**
            Remove the padding so developers are not caught out when they zero out 'fieldset' elements in all browsers.
            */

            legend {
            padding: 0;
            }

            /**
            Add the correct vertical alignment in Chrome and Firefox.
            */

            progress {
            vertical-align: baseline;
            }

            /**
            Correct the cursor style of increment and decrement buttons in Safari.
            */

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

            /**
            1. Correct the odd appearance in Chrome and Safari.
            2. Correct the outline style in Safari.
            */

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

            /**
            Remove the inner padding in Chrome and Safari on macOS.
            */

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

            /**
            1. Correct the inability to style clickable types in iOS and Safari.
            2. Change font properties to 'inherit' in Safari.
            */

            ::-webkit-file-upload-button {
            -webkit-appearance: button; /* 1 */
            font: inherit; /* 2 */
            }

            /*
            Interactive
            ===========
            */

            /*
            Add the correct display in Chrome and Safari.
            */

            summary {
            display: list-item;
            }/**
            * Manually forked from SUIT CSS Base: https://github.com/suitcss/base
            * A thin layer on top of normalize.css that provides a starting point more
            * suitable for web applications.
            */

            /**
            * Removes the default spacing and border for appropriate elements.
            */

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

            button {
            background-color: transparent;
            background-image: none;
            }

            fieldset {
            margin: 0;
            padding: 0;
            }

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

            /**
            * Tailwind custom reset styles
            */

            /**
            * 1. Use the user's configured `sans` font-family (with Tailwind's default
            *    sans-serif font stack as a fallback) as a sane default.
            * 2. Use Tailwind's default "normal" line-height so the user isn't forced
            *    to override it to ensure consistency even when using the default theme.
            */

            html {
            font-family: 'Noto Sans JP',Verdana,Arial,Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; /* 1 */
            line-height: 1.5; /* 2 */
            }


            /**
            * Inherit font-family and line-height from `html` so users can set them as
            * a class directly on the `html` element.
            */

            body {
            font-family: inherit;
            line-height: inherit;

            }

            /**
            * 1. Prevent padding and border from affecting element width.
            *
            *    We used to set this in the html element and inherit from
            *    the parent element for everything else. This caused issues
            *    in shadow-dom-enhanced elements like <details> where the content
            *    is wrapped by a div with box-sizing set to `content-box`.
            *
            *    https://github.com/mozdevs/cssremedy/issues/4
            *
            *
            * 2. Allow adding a border to an element by just adding a border-width.
            *
            *    By default, the way the browser specifies that an element should have no
            *    border is by setting it's border-style to `none` in the user-agent
            *    stylesheet.
            *
            *    In order to easily add borders to elements by just setting the `border-width`
            *    property, we change the default border-style for all elements to `solid`, and
            *    use border-width to hide them instead. This way our `border` utilities only
            *    need to set the `border-width` property instead of the entire `border`
            *    shorthand, making our border utilities much more straightforward to compose.
            *
            *    https://github.com/tailwindcss/tailwindcss/pull/116
            */

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

            /*
            * Ensure horizontal rules are visible by default
            */

            hr {
            border-top-width: 1px;
            }

            /**
            * Undo the `border-style: none` reset that Normalize applies to images so that
            * our `border-{width}` utilities have the expected effect.
            *
            * The Normalize reset is unnecessary for us since we default the border-width
            * to 0 on all elements.
            *
            * https://github.com/tailwindcss/tailwindcss/issues/362
            */

            img {
            border-style: solid;
            }

            textarea {
            resize: vertical;
            }

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

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

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

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

            /**
            * Override legacy focus reset from Normalize with modern Firefox focus styles.
            *
            * This is actually an improvement over the new defaults in Firefox in our testing,
            * as it triggers the better focus styles even for links, which still use a dotted
            * outline in Firefox by default.
            */

            :-moz-focusring {
            outline: auto;
            }

            table {
            border-collapse: collapse;
            }



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

            /**
            * Reset links to optimize for opt-in styling instead of
            * opt-out.
            */

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

            /**
            * Reset form element properties that are easy to forget to
            * style explicitly so you don't inadvertently introduce
            * styles that deviate from your design system. These styles
            * supplement a partial reset that is already applied by
            * normalize.css.
            */

            button,
            input,
            optgroup,
            select,
            textarea {
            padding: 0;
            line-height: 1.5rem;
            color: #333;
            padding-left: 5px;
            }

            /**
            * Use the configured 'mono' font family for elements that
            * are expected to be rendered with a monospace font, falling
            * back to the system monospace stack if there is no configured
            * 'mono' font family.
            */

            pre,
            code,
            kbd,
            samp {
            font-family: 'Noto Sans JP',Verdana,Arial,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            }

            /**
            * 1. Make replaced elements `display: block` by default as that's
            *    the behavior you want almost all of the time. Inspired by
            *    CSS Remedy, with `svg` added as well.
            *
            *    https://github.com/mozdevs/cssremedy/issues/14
            *
            * 2. Add `vertical-align: middle` to align replaced elements more
            *    sensibly by default when overriding `display` by adding a
            *    utility like `inline`.
            *
            *    This can trigger a poorly considered linting error in some
            *    tools but is included by design.
            *
            *    https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210
            */

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

            /**
            * Constrain images and videos to the parent width and preserve
            * their intrinsic aspect ratio.
            *
            * https://github.com/mozdevs/cssremedy/issues/14
            */

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

            /**
            * Ensure the default browser behavior of the `hidden` attribute.
            */

            [hidden] {
            display: none;
            }

            *, ::before, ::after {
            --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-transform: translateX(var(--tw-translate-x)) translateY(var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
            --tw-border-opacity: 1;
            border-color: rgba(229, 231, 235, var(--tw-border-opacity));
            --tw-ring-offset-shadow: 0 0 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
            --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 #0000;
            --tw-ring-shadow: 0 0 #0000;
            --tw-shadow: 0 0 #0000;
            --tw-blur: var(--tw-empty,/*!*/ /*!*/);
            --tw-brightness: var(--tw-empty,/*!*/ /*!*/);
            --tw-contrast: var(--tw-empty,/*!*/ /*!*/);
            --tw-grayscale: var(--tw-empty,/*!*/ /*!*/);
            --tw-hue-rotate: var(--tw-empty,/*!*/ /*!*/);
            --tw-invert: var(--tw-empty,/*!*/ /*!*/);
            --tw-saturate: var(--tw-empty,/*!*/ /*!*/);
            --tw-sepia: var(--tw-empty,/*!*/ /*!*/);
            --tw-drop-shadow: var(--tw-empty,/*!*/ /*!*/);
            --tw-filter: var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow);
            }



            [type='text']:focus, [type='email']:focus, [type='url']:focus, [type='password']:focus, [type='number']:focus, [type='date']:focus, [type='datetime-local']:focus, [type='month']:focus, [type='search']:focus, [type='tel']:focus, [type='time']:focus, [type='week']:focus, [multiple]:focus, textarea:focus, select:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
            --tw-ring-inset: var(--tw-empty,/*!*/ /*!*/);
            --tw-ring-offset-width: 0px;
            --tw-ring-offset-color: #fff;
            --tw-ring-color: #a9a9a9;
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            border-color: #a9a9a9;
            }

            input::-moz-placeholder, textarea::-moz-placeholder {
            color: #6b7280;
            opacity: 1;
            }

            input:-ms-input-placeholder, textarea:-ms-input-placeholder {
            color: #6b7280;
            opacity: 1;
            }

            input::placeholder, textarea::placeholder {
            color: #6b7280;
            opacity: 1;
            }

            ::-webkit-datetime-edit-fields-wrapper {
            padding: 0;
            }

            ::-webkit-date-and-time-value {
            min-height: 1.5em;
            }



            [multiple] {
            background-image: initial;
            background-position: initial;
            background-repeat: unset;
            background-size: initial;
            padding-right: 0.75rem;
            -webkit-print-color-adjust: unset;
                    color-adjust: unset;
            }


            [type='checkbox'],
            [type='radio']
            {
            -webkit-appearance: none;
            -moz-appearance: none;
                    appearance: none;
            padding: 0;
            -webkit-print-color-adjust: exact;
                    color-adjust: exact;
            display: inline-block;
            vertical-align: middle;
            background-origin: border-box;
            -webkit-user-select: none;
            -moz-user-select: none;
                -ms-user-select: none;
                    user-select: none;
            flex-shrink: 0;
            height: 1rem;
            width: 1rem;
            color: #1a73e8;
            background-color: #fff;
            border-color: #d5d5d5;
            border-width: 1px;
            }

            [type='checkbox'] {
                -moz-border-radius: 5px;
                -webkit-border-radius: 5px;
                border-radius: 5px;
                border: 1px solid #7a7a7a;
            }

            [type='radio'] {
            border-radius: 100%;
            }





            [type='checkbox']:checked,
            [type='radio']:checked
            {
            border-color: transparent;
            background-color: currentColor;
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
            }

            [type='checkbox']:checked {
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M12.207 4.793a1 1 0 010 1.414l-5 5a1 1 0 01-1.414 0l-2-2a1 1 0 011.414-1.414L6.5 9.086l4.293-4.293a1 1 0 011.414 0z'/%3e%3c/svg%3e");
            }

            [type='radio']:checked {
            background-image: url("data:image/svg+xml,%3csvg viewBox='0 0 16 16' fill='white' xmlns='http://www.w3.org/2000/svg'%3e%3ccircle cx='8' cy='8' r='3'/%3e%3c/svg%3e");
            }


            [type='checkbox']:checked:hover,
            [type='checkbox']:checked:focus,
            [type='radio']:checked:hover,
            [type='radio']:checked:focus
            {
            border-color: transparent;
            background-color: currentColor;
            }

            [type='checkbox']:indeterminate {
            background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3e%3cpath stroke='white' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3e%3c/svg%3e");
            border-color: transparent;
            background-color: currentColor;
            background-size: 100% 100%;
            background-position: center;
            background-repeat: no-repeat;
            }


            [type='checkbox']:indeterminate:hover,
            [type='checkbox']:indeterminate:focus
            {
            border-color: transparent;
            background-color: currentColor;
            }

            [type='file'] {
            background: unset;
            border-color: inherit;
            border-width: 0;
            border-radius: 0;
            padding: 0;
            font-size: unset;
            line-height: inherit;
            }

            [type='file']:focus {
            outline: 1px auto -webkit-focus-ring-color;
            }
            .prose {
            color: #374151;
            max-width: 65ch;
            }
            .prose [class~="lead"] {
            color: #4b5563;
            font-size: 1.25em;
            line-height: 1.6;
            margin-top: 1.2em;
            margin-bottom: 1.2em;
            }
            .prose a {
            color: #111827;
            text-decoration: underline;
            font-weight: 500;
            }
            .prose strong {
            color: #111827;
            font-weight: 600;
            }
            .prose ol {
            counter-reset: list-counter;
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            }
            .prose ol > li {
            position: relative;
            counter-increment: list-counter;
            padding-left: 1.75em;
            }
            .prose ol > li::before {
            content: counter(list-counter) ".";
            position: absolute;
            font-weight: 400;
            color: #6b7280;
            left: 0;
            }
            .prose ul > li {
            position: relative;
            padding-left: 1.75em;
            }
            .prose ul > li::before {
            content: "";
            position: absolute;
            background-color: #d1d5db;
            border-radius: 50%;
            width: 0.375em;
            height: 0.375em;
            top: calc(0.875em - 0.1875em);
            left: 0.25em;
            }
            .prose hr {
            border-color: #e5e7eb;
            border-top-width: 1px;
            margin-top: 3em;
            margin-bottom: 3em;
            }
            .prose blockquote {
            font-weight: 500;
            font-style: italic;
            color: #111827;
            border-left-width: 0.25rem;
            border-left-color: #e5e7eb;
            quotes: "\201C""\201D""\2018""\2019";
            margin-top: 1.6em;
            margin-bottom: 1.6em;
            padding-left: 1em;
            }
            .prose blockquote p:first-of-type::before {
            content: open-quote;
            }
            .prose blockquote p:last-of-type::after {
            content: close-quote;
            }
            .prose h1 {
            color: #111827;
            font-weight: 800;
            font-size: 2.25em;
            margin-top: 0;
            margin-bottom: 0.8888889em;
            line-height: 1.1111111;
            }
            .prose h2 {
            color: #111827;
            font-weight: 700;
            font-size: 1.5em;
            margin-top: 2em;
            margin-bottom: 1em;
            line-height: 1.3333333;
            }
            .prose h3 {
            color: #111827;
            font-weight: 600;
            font-size: 1.25em;
            margin-top: 1.6em;
            margin-bottom: 0.6em;
            line-height: 1.6;
            }
            .prose h4 {
            color: #111827;
            font-weight: 600;
            margin-top: 1.5em;
            margin-bottom: 0.5em;
            line-height: 1.5;
            }
            .prose figure figcaption {
            color: #6b7280;
            font-size: 0.875em;
            line-height: 1.4285714;
            margin-top: 0.8571429em;
            }
            .prose code {
            color: #111827;
            font-weight: 600;
            font-size: 0.875em;
            }
            .prose code::before {
            content: "`";
            }
            .prose code::after {
            content: "`";
            }
            .prose a code {
            color: #111827;
            }
            .prose pre {
            color: #e5e7eb;
            background-color: #1f2937;
            overflow-x: auto;
            font-size: 0.875em;
            line-height: 1.7142857;
            margin-top: 1.7142857em;
            margin-bottom: 1.7142857em;
            border-radius: 0.375rem;
            padding-top: 0.8571429em;
            padding-right: 1.1428571em;
            padding-bottom: 0.8571429em;
            padding-left: 1.1428571em;
            }
            .prose pre code {
            background-color: transparent;
            border-width: 0;
            border-radius: 0;
            padding: 0;
            font-weight: 400;
            color: inherit;
            font-size: inherit;
            font-family: inherit;
            line-height: inherit;
            }
            .prose pre code::before {
            content: "";
            }
            .prose pre code::after {
            content: "";
            }
            .prose table {
            width: 100%;
            table-layout: auto;
            text-align: left;
            margin-top: 2em;
            margin-bottom: 2em;
            font-size: 0.875em;
            line-height: 1.7142857;
            }
            .prose thead {
            color: #111827;
            font-weight: 600;
            border-bottom-width: 1px;
            border-bottom-color: #d1d5db;
            }
            .prose thead th {
            vertical-align: bottom;
            padding-right: 0.5714286em;
            padding-bottom: 0.5714286em;
            padding-left: 0.5714286em;
            }
            .prose tbody tr {
            border-bottom-width: 1px;
            border-bottom-color: #e5e7eb;
            }
            .prose tbody tr:last-child {
            border-bottom-width: 0;
            }
            .prose tbody td {
            vertical-align: top;
            padding-top: 0.5714286em;
            padding-right: 0.5714286em;
            padding-bottom: 0.5714286em;
            padding-left: 0.5714286em;
            }
            .prose {
            font-size: 1rem;
            line-height: 1.75;
            }
            .prose p {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            }
            .prose img {
            margin-top: 2em;
            margin-bottom: 2em;
            }
            .prose video {
            margin-top: 2em;
            margin-bottom: 2em;
            }
            .prose figure {
            margin-top: 2em;
            margin-bottom: 2em;
            }
            .prose figure > * {
            margin-top: 0;
            margin-bottom: 0;
            }
            .prose h2 code {
            font-size: 0.875em;
            }
            .prose h3 code {
            font-size: 0.9em;
            }
            .prose ul {
            margin-top: 1.25em;
            margin-bottom: 1.25em;
            }
            .prose li {
            margin-top: 0.5em;
            margin-bottom: 0.5em;
            }
            .prose > ul > li p {
            margin-top: 0.75em;
            margin-bottom: 0.75em;
            }
            .prose > ul > li > *:first-child {
            margin-top: 1.25em;
            }
            .prose > ul > li > *:last-child {
            margin-bottom: 1.25em;
            }
            .prose > ol > li > *:first-child {
            margin-top: 1.25em;
            }
            .prose > ol > li > *:last-child {
            margin-bottom: 1.25em;
            }
            .prose ul ul, .prose ul ol, .prose ol ul, .prose ol ol {
            margin-top: 0.75em;
            margin-bottom: 0.75em;
            }
            .prose hr + * {
            margin-top: 0;
            }
            .prose h2 + * {
            margin-top: 0;
            }
            .prose h3 + * {
            margin-top: 0;
            }
            .prose h4 + * {
            margin-top: 0;
            }
            .prose thead th:first-child {
            padding-left: 0;
            }
            .prose thead th:last-child {
            padding-right: 0;
            }
            .prose tbody td:first-child {
            padding-left: 0;
            }
            .prose tbody td:last-child {
            padding-right: 0;
            }
            .prose > :first-child {
            margin-top: 0;
            }
            .prose > :last-child {
            margin-bottom: 0;
            }
            .fixed {
            position: fixed;
            }
            .absolute {
            position: absolute;
            }
            .relative {
            position: relative;
            }
            .inset-0 {
            top:8px;
            right: 0px;
            bottom: 0px;
            left: 0px;
            }

            .inset2-0 {
                top:0px;
                right: 0px;
                bottom: 0px;
                left: 0px;
            }

            .left-0 {
            left: 0px;
            }
            .right-0 {
            right: 0px;
            }
            .top-0 {
            top: 0px;
            }
            .z-0 {
            z-index: 0;
            }
            .z-50 {
            z-index: 50;
            }
            .z-40 {
            z-index: 40;
            }
            .col-span-6 {
            grid-column: span 6 / span 6;
            }
            .mx-auto {
            margin-left: auto;
            margin-right: auto;
            }
            .mx-3 {
            margin-left: 0.75rem;
            margin-right: 0.75rem;
            }
            .my-3 {
            margin-top: 0.75rem;
            margin-bottom: 0.75rem;
            }
            .ml-3 {
            margin-left: 0.75rem;
            }
            .-ml-px {
            margin-left: -1px;
            }
            .mt-5 {
            margin-top: 1.25rem;
            }
            .mt-6 {
            margin-top: 1.5rem;
            }
            .-mr-1 {
            margin-right: -0.25rem;
            }
            .mt-3 {
            margin-top: 0.75rem;
            }
            .mt-2 {
            margin-top: 0.5rem;
            }
            .mt-4 {
            margin-top: 1rem;
            }
            .mt-1 {
            margin-top: 0.25rem;
            }
            .mb-6 {
            margin-bottom: 1.5rem;
            }
            .mr-2 {
            margin-right: 0.5rem;
            }
            .mt-8 {
            margin-top: 2rem;
            }
            .ml-4 {
            margin-left: 1rem;
            }
            .uml-4 {
                margin-left: 26px;
                }
            .ml-12 {
            margin-left: 3rem;
            }
            .ml-1 {
            margin-left: 0.25rem;
            }
            .mr-1 {
                margin-right: 0.25rem;
                }
            .ml-2 {
            margin-left: 0.5rem;
            }
            .-mr-0\.5 {
            margin-right: -0.125rem;
            }
            .-mr-0 {
            margin-right: 0px;
            }
            .-mr-2 {
            margin-right: -0.5rem;
            }
            .mr-3 {
            margin-right: 0.75rem;
            }
            .mt-10 {
            margin-top: 2.5rem;
            }
            .ml-6 {
            margin-left: 1.5rem;
            }
            .mb-4 {
            margin-bottom: 1rem;
            }
            .-mt-px {
            margin-top: -1px;
            }
            .mb-2 {
            margin-bottom: 0.5rem;
            }
            .mb-5 {
            margin-bottom: 1.25rem;
            }
            .mt-0 {
            margin-top: 0px;
            }
            .mb-0 {
            margin-bottom: 0px;
            }
            .mr-4 {
            margin-right: 1rem;
            }
            .block {
            display: block;
            }
            .inline-block {
            display: inline-block;
            }
            .inline {
            display: inline;
            }
            .flex {
            display: flex;
            }

            .flex {
                display: flex;
            }

            .inline-flex {
            display: inline-flex;
            }
            .table {
            display: table;
            border-collapse:separate;
            border-spacing:0;
            }

            .table_nenrei {
                display: table;
                border-collapse:separate;
                border-spacing:0;
                }

            .grid {
            display: grid;
            }
            .hidden {
            display: none;
            }
            .h-5 {
            height: 1.25rem;
            }
            .h-16 {
            height: 4rem;
            }
            .h-12 {
            height: 3rem;
            }
            .h-6 {
            height: 1.5rem;
            }
            .h-8 {
            height: 2rem;
            }
            .h-4 {
            height: 1rem;
            }
            .h-9 {
            height: 2.25rem;
            }
            .h-10 {
            height: 2.5rem;
            }
            .h-20 {
            height: 5rem;
            }
            .min-h-screen {
            min-height: 100vh;
            }
            .w-5 {
            width: 1.25rem;
            }
            .w-16 {
            width: 4rem;
            }
            .w-full {
            width: 98%;
            }
            .w-full1 {
                width: 100%;
                }
            .w-0 {
            width: 0px;
            }
            .w-12 {
            width: 3rem;
            }
            .w-6 {
            width: 1.5rem;
            }

            .w-6-2 {
                width: 1.5rem;
            }

            .w-3\/4 {
            width: 75%;
            }
            .w-48 {
            width: 12rem;
            }
            .w-auto {
            width: auto;
            }
            .w-8 {
            width: 2rem;
            }
            .w-4 {
            width: 1rem;
            }
            .w-60 {
            width: 15rem;
            }
            .w-10 {
            width: 2.5rem;
            }
            .w-50 {
            width: 50%;
            }
            .w-20 {
            width: 5rem;
            }
            .w-90 {
                width: 90%;
            }
            .min-w-0 {
            min-width: 0px;
            }
            .max-w-screen-xl {
            max-width: 1280px;
            }
            .max-w-7xl {
            max-width: 80rem;
            }
            .max-w-xl {
            max-width: 36rem;
            }
            .max-w-6xl {
            max-width: 72rem;
            }
            .flex-1 {
            flex: 1 1 0%;
            }
            .flex-shrink-0 {
            flex-shrink: 0;
            }
            .origin-top-left {
            transform-origin: top left;
            }
            .origin-top {
            transform-origin: top;
            }
            .origin-top-right {
            transform-origin: top right;
            }
            .translate-y-4 {
            --tw-translate-y: 1rem;
            transform: var(--tw-transform);
            }
            .translate-y-0 {
            --tw-translate-y: 0px;
            transform: var(--tw-transform);
            }
            .scale-95 {
            --tw-scale-x: .95;
            --tw-scale-y: .95;
            transform: var(--tw-transform);
            }
            .scale-100 {
            --tw-scale-x: 1;
            --tw-scale-y: 1;
            transform: var(--tw-transform);
            }
            .transform {
            transform: var(--tw-transform);
            }
            .cursor-default {
            cursor: default;
            }
            .cursor-pointer {
            cursor: pointer;
            }
            .list-inside {
            list-style-position: inside;
            }
            .list-disc {
            list-style-type: disc;
            }
            .grid-cols-6 {
            grid-template-columns: repeat(6, minmax(0, 1fr));
            }
            .grid-cols-1 {
            grid-template-columns: repeat(1, minmax(0, 1fr));
            }
            .flex-row {
            flex-direction: row;
            }
            .flex-col {
            flex-direction: column;
            }
            .flex-wrap {
            flex-wrap: wrap;
            }
            .items-end {
            align-items: flex-end;
            }
            .items-center {
            align-items: center;
            }
            .justify-end {
            justify-content: flex-end;
            }
            .justify-center {
            justify-content: center;
            }
            .justify-between {
            justify-content: space-between;
            }
            .gap-6 {
            gap: 1.5rem;
            }
            .gap-4 {
            gap: 1rem;
            }
            .gap-1 {
            gap: 0.25rem;
            }
            .space-x-8 > :not([hidden]) ~ :not([hidden]) {
            --tw-space-x-reverse: 0;
            margin-right: calc(2rem * var(--tw-space-x-reverse));
            margin-left: calc(2rem * calc(1 - var(--tw-space-x-reverse)));
            }
            .space-y-1 > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(0.25rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(0.25rem * var(--tw-space-y-reverse));
            }
            .space-y-6 > :not([hidden]) ~ :not([hidden]) {
            --tw-space-y-reverse: 0;
            margin-top: calc(1.5rem * calc(1 - var(--tw-space-y-reverse)));
            margin-bottom: calc(1.5rem * var(--tw-space-y-reverse));
            }
            .overflow-hidden {
            overflow: hidden;
            }
            .overflow-y-auto {
            overflow-y: auto;
            }
            .overflow-y-hidden {
            overflow-y: hidden;
            }
            .truncate {
            overflow: hidden;
            text-overflow: ellipsis;
            white-space: nowrap;
            }
            .rounded-md {
            border-radius: 0.375rem;
            }
            .rounded-lg {
            border-radius: 0.5rem;
            }
            .rounded {
            border-radius: 0.25rem;
            }
            .rounded-full {
            border-radius: 9999px;
            }
            .rounded-l-md {
            border-top-left-radius: 0.375rem;
            border-bottom-left-radius: 0.375rem;
            }
            .rounded-r-md {
            border-top-right-radius: 0.375rem;
            border-bottom-right-radius: 0.375rem;
            }
            .rounded-t-none {
            border-top-left-radius: 0px;
            border-top-right-radius: 0px;
            }
            .rounded-b-none {
            border-bottom-right-radius: 0px;
            border-bottom-left-radius: 0px;
            }
            .border {
            border-width: 1px;
            }
            .w-border {
                border-width: 1px;
                border-color: #ffffff;
            }
            .border-2 {
            border-width: 2px;
            }
            .border-0 {
            border-width: 0px;
            }
            .border-b-2 {
            border-bottom-width: 2px;
            }
            .border-l-4 {
            border-left-width: 4px;
            }
            .border-t {
            border-top-width: 1px;
            }
            .border-b {
            border-bottom-width: 1px;
            }
            .border-r {
            border-right-width: 1px;
            }
            .border-gray-300 {
            --tw-border-opacity: 1;
            border-color: #ccc !important;
            font-size:12px !important;
            }
            .border-transparent {
            border-color: transparent;
            }
            .border-indigo-400 {
            --tw-border-opacity: 1;
            border-color: rgba(129, 140, 248, var(--tw-border-opacity));
            }
            .border-gray-200 {
            --tw-border-opacity: 1;
            border-color: rgba(229, 231, 235, var(--tw-border-opacity));
            }
            .border-gray-100 {
            --tw-border-opacity: 1;
            border-color: rgba(243, 244, 246, var(--tw-border-opacity));
            }
            .border-gray-400 {
            --tw-border-opacity: 1;
            border-color: rgba(156, 163, 175, var(--tw-border-opacity));
            }
            .bg-white {
            --tw-bg-opacity: 1;
            background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
            }
            .bg-gray-100 {
            --tw-bg-opacity: 1;
            background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
            }
            .bg-indigo-500 {
            --tw-bg-opacity: 1;
            background-color: rgba(99, 102, 241, var(--tw-bg-opacity));
            }
            .bg-red-700 {
            --tw-bg-opacity: 1;
            background-color: rgba(185, 28, 28, var(--tw-bg-opacity));
            }
            .bg-gray-500 {
            --tw-bg-opacity: 1;
            background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
            }
            .bg-indigo-600 {
            --tw-bg-opacity: 1;
            background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
            }
            .bg-red-600 {
            --tw-bg-opacity: 1;
            background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
            }
            .bg-gray-800 {
            --tw-bg-opacity: 1;
            background-color: rgba(31, 41, 55, var(--tw-bg-opacity));
            }
            .bg-red-100 {
            --tw-bg-opacity: 1;
            background-color: rgba(254, 226, 226, var(--tw-bg-opacity));
            }
            .bg-gray-50 {
            --tw-bg-opacity: 1;
            background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
            }
            .bg-indigo-50 {
            --tw-bg-opacity: 1;
            background-color: rgba(238, 242, 255, var(--tw-bg-opacity));
            }
            .bg-gray-200 {
            --tw-bg-opacity: 1;
            background-color: rgba(229, 231, 235, var(--tw-bg-opacity));
            }
            .bg-opacity-25 {
            --tw-bg-opacity: 0.25;
            }
            .bg-cover {
            background-size: cover;
            }
            .bg-center {
            background-position: center;
            }
            .bg-no-repeat {
            background-repeat: no-repeat;
            }
            .object-cover {
            -o-object-fit: cover;
            object-fit: cover;
            }
            .p-2 {
            padding: 0.5rem;
            }
            .p-6 {
            padding: 1.5rem;
            }
            .p-0 {
            padding: 0px;
            }
            .px-4 {
            padding-left: 1rem;
            padding-right: 1rem;
            }
            .py-2 {
            padding-top: 0.5rem;
            padding-bottom: 0.5rem;
            }
            .px-2 {
            padding-left: 0.5rem;
            padding-right: 0.5rem;
            }
            .py-5 {
            padding-top: 1.25rem;
            padding-bottom: 1.25rem;
            }
            .px-6 {
            padding-left: 1.5rem;
            padding-right: 1.5rem;
            }
            .py-4 {
            padding-top: 1rem;
            padding-bottom: 1rem;
            }
            .px-3 {
            padding-left: 0.75rem;
            padding-right: 0.75rem;
            }
            .py-1 {
            padding-top: 0.25rem;
            padding-bottom: 0.25rem;
            }
            .py-3 {
            padding-top: 0.75rem;
            padding-bottom: 0.75rem;
            }
            .py-6 {
            padding-top: 1.5rem;
            padding-bottom: 1.5rem;
            }
            .px-1 {
            padding-left: 0.25rem;
            padding-right: 0.25rem;
            }
            .py-8 {
            padding-top: 2rem;
            padding-bottom: 2rem;
            }
            .py-12 {
            padding-top: 3rem;
            padding-bottom: 3rem;
            }
            .py-10 {
            padding-top: 2.5rem;
            padding-bottom: 2.5rem;
            }
            .py-0 {
            padding-top: 0px;
            padding-bottom: 0px;
            }
            .px-5 {
            padding-left: 1.25rem;
            padding-right: 1.25rem;
            }
            .pt-6 {
            padding-top: 1.5rem;
            }
            .pt-5 {
            padding-top: 1.25rem;
            }
            .pb-4 {
            padding-bottom: 1rem;
            }
            .pt-1 {
            padding-top: 0.25rem;
            }
            .pl-3 {
            padding-left: 0.75rem;
            }
            .pr-4 {
            padding-right: 1rem;
            }
            .pt-2 {
            padding-top: 0.5rem;
            }
            .pb-3 {
            padding-bottom: 0.75rem;
            }
            .pt-4 {
            padding-top: 1rem;
            }
            .pb-1 {
            padding-bottom: 0.25rem;
            }
            .pt-8 {
            padding-top: 2rem;
            }
            .pb-2 {
            padding-bottom: 0.5rem;
            }
            .pl-2 {
            padding-left: 0.5rem;
            }
            .text-left {
            text-align: left;
            }
            .text-center {
            text-align: center;
            }
            .text-right {
            text-align: right;
            }
            .font-sans {
            font-family: 'Noto Sans JP',Verdana,Arial,Nunito, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
            }
            .font-mono {
            font-family: 'Noto Sans JP',ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
            }
            .text-sm {
            font-size: 0.875rem;
            line-height: 1.25rem;
            }
            .text-xs {
            font-size: 0.75rem;
            line-height: 1rem;
            }
            .text-lg {
            font-size: 1.125rem;
            line-height: 1.75rem;
            }
            .text-base {
            font-size: 1rem;
            line-height: 1.5rem;
            }

            .text-base2 {
                font-size: 15px;
                line-height: 1.5rem;
                }

            .text-2xl {
            font-size: 1.5rem;
            line-height: 2rem;
            }
            .text-xl {
            font-size: 1.25rem;
            line-height: 1.75rem;
            }
            .font-medium {
            font-weight: 500;
            }
            .font-semibold {
            font-weight: 600;
            }
            .uppercase {
            text-transform: uppercase;
            }
            .leading-5 {
            line-height: 1.25rem;
            }
            .leading-7 {
            line-height: 1.75rem;
            }
            .leading-tight {
            line-height: 1.25;
            }
            .leading-4 {
            line-height: 1rem;
            }
            .tracking-widest {
            letter-spacing: 0.1em;
            }
            .tracking-wider {
            letter-spacing: 0.05em;
            }
            .text-gray-500 {
            --tw-text-opacity: 1;
            color: rgba(107, 114, 128, var(--tw-text-opacity));
            }
            .text-gray-700 {
            --tw-text-opacity: 1;
            color: #a9a9a9;
            }
            .text-gray-600 {
            --tw-text-opacity: 1;
            color: rgba(75, 85, 99, var(--tw-text-opacity));
            }
            .text-white {
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity));
            }
            .text-indigo-600 {
            --tw-text-opacity: 1;
            color: #1a73e8;
            }
            .text-red-600 {
            --tw-text-opacity: 1;
            color: rgba(220, 38, 38, var(--tw-text-opacity));
            }
            .text-gray-900 {
            --tw-text-opacity: 1;
            color: rgba(17, 24, 39, var(--tw-text-opacity));
            }
            .text-indigo-700 {
            --tw-text-opacity: 1;
            color: rgba(67, 56, 202, var(--tw-text-opacity));
            }
            .text-green-400 {
            --tw-text-opacity: 1;
            color: rgba(52, 211, 153, var(--tw-text-opacity));
            }
            .text-gray-400 {
            --tw-text-opacity: 1;
            color: rgba(156, 163, 175, var(--tw-text-opacity));
            }
            .text-indigo-500 {
            --tw-text-opacity: 1;
            color: rgba(99, 102, 241, var(--tw-text-opacity));
            }
            .text-gray-800 {
            --tw-text-opacity: 1;
            color: rgba(31, 41, 55, var(--tw-text-opacity));
            }
            .text-red-500 {
            --tw-text-opacity: 1;
            color: rgba(239, 68, 68, var(--tw-text-opacity));
            }
            .text-green-600 {
            --tw-text-opacity: 1;
            color: rgba(5, 150, 105, var(--tw-text-opacity));
            }
            .text-green-500 {
            --tw-text-opacity: 1;
            color: rgba(16, 185, 129, var(--tw-text-opacity));
            }
            .text-gray-200 {
            --tw-text-opacity: 1;
            color: rgba(229, 231, 235, var(--tw-text-opacity));
            }
            .text-gray-300 {
            --tw-text-opacity: 1;
            color: rgba(209, 213, 219, var(--tw-text-opacity));
            }
            .text-blue-600 {
            --tw-text-opacity: 1;
            color: rgba(37, 99, 235, var(--tw-text-opacity));
            }
            .underline {
            text-decoration: underline;
            }
            .antialiased {
            -webkit-font-smoothing: antialiased;
            -moz-osx-font-smoothing: grayscale;
            }
            .opacity-0 {
            opacity: 0;
            }
            .opacity-100 {
            opacity: 1;
            }
            .opacity-75 {
            opacity: 0.75;
            }
            .opacity-50 {
            opacity: 0.5;
            }
            .opacity-25 {
            opacity: 0.25;
            }
            .opacity-10 {
            opacity: 0.1;
            }
            .shadow-sm {
            --tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .shadow {
            --tw-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.06);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .shadow-md {
            --tw-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .shadow-lg {
            --tw-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .shadow-xl {
            --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
            box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
            }
            .ring-1 {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(1px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            }
            .ring-gray-300 {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
            }
            .ring-black {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgba(0, 0, 0, var(--tw-ring-opacity));
            }
            .ring-opacity-5 {
            --tw-ring-opacity: 0.05;
            }
            .filter {
            filter: var(--tw-filter);
            }
            .transition {
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-backdrop-filter;
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
            transition-property: background-color, border-color, color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-backdrop-filter;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
            }
            .transition-all {
            transition-property: all;
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            transition-duration: 150ms;
            }
            .duration-150 {
            transition-duration: 150ms;
            }
            .duration-200 {
            transition-duration: 200ms;
            }
            .duration-75 {
            transition-duration: 75ms;
            }
            .duration-300 {
            transition-duration: 300ms;
            }
            .duration-1000 {
            transition-duration: 1000ms;
            }
            .ease-in-out {
            transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
            }
            .ease-out {
            transition-timing-function: cubic-bezier(0, 0, 0.2, 1);
            }
            .ease-in {
            transition-timing-function: cubic-bezier(0.4, 0, 1, 1);
            }
            .hover\:border-gray-300:hover {
            --tw-border-opacity: 1;
            border-color: rgba(209, 213, 219, var(--tw-border-opacity));
            }
            .hover\:bg-indigo-600:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
            }
            .hover\:bg-red-600:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
            }
            .hover\:bg-gray-700:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(55, 65, 81, var(--tw-bg-opacity));
            }
            .hover\:bg-red-500:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(239, 68, 68, var(--tw-bg-opacity));
            }
            .hover\:bg-gray-100:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
            }
            .hover\:bg-gray-50:hover {
            --tw-bg-opacity: 1;
            background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
            }
            .hover\:text-gray-500:hover {
            --tw-text-opacity: 1;
            color: rgba(107, 114, 128, var(--tw-text-opacity));
            }
            .hover\:text-gray-400:hover {
            --tw-text-opacity: 1;
            color: rgba(156, 163, 175, var(--tw-text-opacity));
            }
            .hover\:text-gray-700:hover {
            --tw-text-opacity: 1;
            color: rgba(55, 65, 81, var(--tw-text-opacity));
            }
            .hover\:text-gray-800:hover {
            --tw-text-opacity: 1;
            color: rgba(31, 41, 55, var(--tw-text-opacity));
            }
            .hover\:text-gray-900:hover {
            --tw-text-opacity: 1;
            color: rgba(17, 24, 39, var(--tw-text-opacity));
            }
            .hover\:text-white:hover {
            --tw-text-opacity: 1;
            color: rgba(255, 255, 255, var(--tw-text-opacity));
            }
            .hover\:text-indigo-700:hover {
            --tw-text-opacity: 1;
            color: rgba(67, 56, 202, var(--tw-text-opacity));
            }
            .focus\:z-10:focus {
            z-index: 10;
            }
            .focus\:border-blue-300:focus {
            --tw-border-opacity: 1;
            border-color: rgba(147, 197, 253, var(--tw-border-opacity));
            }
            .focus\:border-gray-900:focus {
            --tw-border-opacity: 1;
            border-color: rgba(17, 24, 39, var(--tw-border-opacity));
            }
            .focus\:border-indigo-300:focus {
            --tw-border-opacity: 1;
            border-color: rgba(165, 180, 252, var(--tw-border-opacity));
            }
            .focus\:border-red-700:focus {
            --tw-border-opacity: 1;
            border-color: rgba(185, 28, 28, var(--tw-border-opacity));
            }
            .focus\:border-indigo-700:focus {
            --tw-border-opacity: 1;
            border-color: rgba(67, 56, 202, var(--tw-border-opacity));
            }
            .focus\:border-gray-300:focus {
            --tw-border-opacity: 1;
            border-color: rgba(209, 213, 219, var(--tw-border-opacity));
            }
            .focus\:border-white:focus {
            --tw-border-opacity: 1;
            border-color: rgba(255, 255, 255, var(--tw-border-opacity));
            }
            .focus\:bg-indigo-600:focus {
            --tw-bg-opacity: 1;
            background-color: rgba(79, 70, 229, var(--tw-bg-opacity));
            }
            .focus\:bg-red-600:focus {
            --tw-bg-opacity: 1;
            background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
            }
            .focus\:bg-gray-100:focus {
            --tw-bg-opacity: 1;
            background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
            }
            .focus\:bg-indigo-100:focus {
            --tw-bg-opacity: 1;
            background-color: rgba(224, 231, 255, var(--tw-bg-opacity));
            }
            .focus\:bg-gray-50:focus {
            --tw-bg-opacity: 1;
            background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
            }
            .focus\:text-gray-700:focus {
            --tw-text-opacity: 1;
            color: rgba(55, 65, 81, var(--tw-text-opacity));
            }
            .focus\:text-indigo-800:focus {
            --tw-text-opacity: 1;
            color: rgba(55, 48, 163, var(--tw-text-opacity));
            }
            .focus\:text-gray-800:focus {
            --tw-text-opacity: 1;
            color: rgba(31, 41, 55, var(--tw-text-opacity));
            }
            .focus\:text-gray-500:focus {
            --tw-text-opacity: 1;
            color: rgba(107, 114, 128, var(--tw-text-opacity));
            }
            .focus\:text-indigo-700:focus {
            --tw-text-opacity: 1;
            color: rgba(67, 56, 202, var(--tw-text-opacity));
            }
            .focus\:outline-none:focus {
            outline: 2px solid transparent;
            outline-offset: 2px;
            }
            .focus\:ring:focus {
            --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
            --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
            box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
            }
            .focus\:ring-gray-300:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgba(209, 213, 219, var(--tw-ring-opacity));
            }
            .focus\:ring-indigo-200:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgba(199, 210, 254, var(--tw-ring-opacity));
            }
            .focus\:ring-red-200:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgba(254, 202, 202, var(--tw-ring-opacity));
            }
            .focus\:ring-blue-200:focus {
            --tw-ring-opacity: 1;
            --tw-ring-color: rgba(191, 219, 254, var(--tw-ring-opacity));
            }
            .focus\:ring-opacity-50:focus {
            --tw-ring-opacity: 0.5;
            }
            .active\:bg-gray-100:active {
            --tw-bg-opacity: 1;
            background-color: rgba(243, 244, 246, var(--tw-bg-opacity));
            }
            .active\:bg-gray-900:active {
            --tw-bg-opacity: 1;
            background-color: rgba(17, 24, 39, var(--tw-bg-opacity));
            }
            .active\:bg-red-600:active {
            --tw-bg-opacity: 1;
            background-color: rgba(220, 38, 38, var(--tw-bg-opacity));
            }
            .active\:bg-gray-50:active {
            --tw-bg-opacity: 1;
            background-color: rgba(249, 250, 251, var(--tw-bg-opacity));
            }
            .active\:text-gray-700:active {
            --tw-text-opacity: 1;
            color: rgba(55, 65, 81, var(--tw-text-opacity));
            }
            .active\:text-gray-500:active {
            --tw-text-opacity: 1;
            color: rgba(107, 114, 128, var(--tw-text-opacity));
            }
            .active\:text-gray-800:active {
            --tw-text-opacity: 1;
            color: rgba(31, 41, 55, var(--tw-text-opacity));
            }
            .disabled\:opacity-25:disabled {
            opacity: 0.25;
            }




            @media (min-width: 769px) {

                .table-wrap {
                    overflow-x: scroll;
                }

                .tbl-r05 {
                    width:100%;
                    min-width: 1440px;
                }

            .sm\:col-span-4 {
                grid-column: span 4 / span 4;
            }

            .sm\:mx-0 {
                margin-left: 0px;
                margin-right: 0px;
            }

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

            .sm\:-my-px {
                margin-top: -1px;
                margin-bottom: -1px;
            }

            .sm\:ml-3 {
                margin-left: 0.75rem;
            }

            .sm\:-mr-2 {
                margin-right: -0.5rem;
            }

            .sm\:mt-0 {
                margin-top: 0px;
            }

            .sm\:ml-4 {
                margin-left: 1rem;
            }

            .sm\:ml-10 {
                margin-left: 2.5rem;
            }

            .sm\:ml-6 {
                margin-left: 1.5rem;
            }

            .sm\:ml-0 {
                margin-left: 0px;
            }

            .sm\:block {
                display: block;
            }

            .sm\:flex {
                display: flex;
            }

            .sm\:hidden {
                display: none;
            }

            .sm\:h-10 {
                height: 2.5rem;
            }

            .sm\:h-20 {
                height: 5rem;
            }

            .sm\:w-10 {
                width: 2.5rem;
            }

            .sm\:w-full {
                width: 100%;
            }

            .sm\:max-w-md {
                max-width: 28rem;
            }

            .sm\:max-w-sm {
                max-width: 24rem;
            }

            .sm\:max-w-lg {
                max-width: 32rem;
            }

            .sm\:max-w-xl {
                max-width: 36rem;
            }

            .sm\:max-w-2xl {
                max-width: 42rem;
            }

            .sm\:flex-1 {
                flex: 1 1 0%;
            }

            .sm\:translate-y-0 {
                --tw-translate-y: 0px;
                transform: var(--tw-transform);
            }

            .sm\:scale-95 {
                --tw-scale-x: .95;
                --tw-scale-y: .95;
                transform: var(--tw-transform);
            }

            .sm\:scale-100 {
                --tw-scale-x: 1;
                --tw-scale-y: 1;
                transform: var(--tw-transform);
            }

            .sm\:items-start {
                align-items: flex-start;
            }

            .sm\:items-center {
                align-items: center;
            }

            .sm\:justify-start {
                justify-content: flex-start;
            }

            .sm\:justify-center {
                justify-content: center;
            }

            .sm\:justify-between {
                justify-content: space-between;
            }

            .sm\:rounded-lg {
                border-radius: 0.5rem;
            }

            .sm\:rounded-md {
                border-radius: 0.375rem;
            }

            .sm\:rounded-tl-md {
                border-top-left-radius: 0.375rem;
            }

            .sm\:rounded-tr-md {
                border-top-right-radius: 0.375rem;
            }

            .sm\:rounded-bl-md {
                border-bottom-left-radius: 0.375rem;
            }

            .sm\:rounded-br-md {
                border-bottom-right-radius: 0.375rem;
            }

            .sm\:p-6 {
                padding: 1.5rem;
            }

            .sm\:px-6 {
                padding-left: 1.5rem;
                padding-right: 1.5rem;
            }

            .sm\:px-0 {
                padding-left: 0px;
                padding-right: 0px;
            }

            .sm\:px-20 {
                padding-left: 5rem;
                padding-right: 5rem;
            }

            .sm\:pt-0 {
                padding-top: 0px;
            }

            .sm\:pb-4 {
                padding-bottom: 1rem;
            }

            .sm\:text-left {
                text-align: left;
            }

            .sm\:text-right {
                text-align: right;
            }
            }



            @media (min-width: 809px) {

                .toggleWrapper1 {
                    display:contents;
                    position: relative;
                    top: 0%;
                    left: 90%;
                    overflow: hidden;
                    transform: translate3d(-100%, 0%, 0);
                    width:140px;
                  }

                .toggleWrapper2 {
                    display:contents;
                    position: relative;
                    top: 0%;
                    left: 65%;
                    overflow: hidden;
                    transform: translate3d(-100%, 0%, 0);
                    width:100px;
                  }

                .toggleWrapper3 {
                    display:contents;
                    position: relative;
                    top: 0%;
                    left: 83%;
                    overflow: hidden;
                    transform: translate3d(-100%, 0%, 0);
                    width:280px;
                  }

                nav {
                    padding: 0;
                }

                .sp-nav {
                    display: none;
                }

                nav ul li a {
                    display: block;
                    text-decoration: none;
                    color: #fff;
                    padding: 20px 10px;
                    font-size:15px;
                    margin-left: 20px;
                }

                nav ul li div {
                    display: block;
                    text-decoration: none;
                    color: #FFF;
                    padding: 20px 10px;
                    font-size:15px;
                }


                .table-wrap {
                    overflow-x: scroll;
                }

                .tbl-r05 {
                    width:100%;
                    min-width: 1440px;
                }

                .tbl-r06 {
                    width:100%;
                    min-width: 1440px;
                }

                .tbl-r07 {
                    width:100%;
                    min-width: 1800px;
                }

            .lg\:col-span-4 {
                grid-column: span 4 / span 4;
            }

            .lg\:px-8 {
                padding-left: 2rem;
                padding-right: 2rem;
            }
            }

            #nprogress {
            pointer-events: none;
            }

            #nprogress .bar {
            background: #4B5563;

            position: fixed;
            z-index: 1031;
            top: 0;
            left: 0;

            width: 100%;
            height: 2px;
            }

            #nprogress .peg {
            display: block;
            position: absolute;
            right: 0px;
            width: 100px;
            height: 100%;
            box-shadow: 0 0 10px #4B5563, 0 0 5px #4B5563;
            opacity: 1.0;

            -webkit-transform: rotate(3deg) translate(0px, -4px);
                -ms-transform: rotate(3deg) translate(0px, -4px);
                    transform: rotate(3deg) translate(0px, -4px);
            }

            #nprogress .spinner {
            display: block;
            position: fixed;
            z-index: 1031;
            top: 15px;
            right: 15px;
            }

            #nprogress .spinner-icon {
            width: 18px;
            height: 18px;
            box-sizing: border-box;

            border: solid 2px transparent;
            border-top-color: #4B5563;
            border-left-color: #4B5563;
            border-radius: 50%;

            -webkit-animation: nprogress-spinner 400ms linear infinite;
                    animation: nprogress-spinner 400ms linear infinite;
            }

            .nprogress-custom-parent {
            overflow: hidden;
            position: relative;
            }

            .nprogress-custom-parent #nprogress .spinner,
            .nprogress-custom-parent #nprogress .bar {
            position: absolute;
            }

            @-webkit-keyframes nprogress-spinner {
            0%   { -webkit-transform: rotate(0deg); }
            100% { -webkit-transform: rotate(360deg); }
            }
            @keyframes nprogress-spinner {
            0%   { transform: rotate(0deg); }
            100% { transform: rotate(360deg); }
            }
            .bg-gray-100[data-v-317d1a6e] {
                background-color: #f7fafc;
                background-color: rgba(247, 250, 252, var(--tw-bg-opacity));
            }
            .border-gray-200[data-v-317d1a6e] {
                border-color: #edf2f7;
                border-color: rgba(237, 242, 247, var(--tw-border-opacity));
            }
            .text-gray-400[data-v-317d1a6e] {
                color: #cbd5e0;
                color: rgba(203, 213, 224, var(--tw-text-opacity));
            }
            .text-gray-500[data-v-317d1a6e] {
                color: #a0aec0;
                color: rgba(160, 174, 192, var(--tw-text-opacity));
            }
            .text-gray-600[data-v-317d1a6e] {
                color: #718096;
                color: rgba(113, 128, 150, var(--tw-text-opacity));
            }
            .text-gray-700[data-v-317d1a6e] {
                color: #4a5568;
                color: rgba(74, 85, 104, var(--tw-text-opacity));
            }
            .text-gray-900[data-v-317d1a6e] {
                color: #1a202c;
                color: rgba(26, 32, 44, var(--tw-text-opacity));
            }
            @media (prefers-color-scheme: dark) {
            .dark\:bg-gray-800[data-v-317d1a6e] {
                    background-color: #2d3748;
                    background-color: rgba(45, 55, 72, var(--tw-bg-opacity));
            }
            .dark\:bg-gray-900[data-v-317d1a6e] {
                    background-color: #1a202c;
                    background-color: rgba(26, 32, 44, var(--tw-bg-opacity));
            }
            .dark\:border-gray-700[data-v-317d1a6e] {
                    border-color: #4a5568;
                    border-color: rgba(74, 85, 104, var(--tw-border-opacity));
            }
            .dark\:text-white[data-v-317d1a6e] {
                    color: #fff;
                    color: rgba(255, 255, 255, var(--tw-text-opacity));
            }
            .dark\:text-gray-400[data-v-317d1a6e] {
                    color: #cbd5e0;
                    color: rgba(203, 213, 224, var(--tw-text-opacity));
            }
            }

            .flex2 {
                display: flex;
            }



            .sm-not-hidden {
                display: none;
            }





            .tbl-r04 {
                width:100%;
                min-width: 2800px;
            }

            .time-cell1_1 {
                position: -webkit-sticky;
                position: sticky;
                left: 0;
                z-index: 60 !important;
                width:200px !important;
            }

            .time-cell2_1 {
                position: -webkit-sticky;
                position: sticky;
                left: 213px;
                z-index: 60 !important;
                width:100px !important;
                height:20px;
                border-right : 1px solid #dee2e6 ;
            }

            .time-cell1 {
                position: -webkit-sticky;
                position: sticky;
                left: 0;
                z-index: 50 !important;
                width:200px !important;
            }

            .time-cell2 {
                position: -webkit-sticky;
                position: sticky;
                left: 212px;
                z-index: 50 !important;
                width:100px !important;
                height:20px;
                border-right : 1px solid #dee2e6 ;
            }

            .time-cell3 {
                position: -webkit-sticky;
                position: sticky;
                z-index: 30 !important;
                width:15px;
                height:27px;
                background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
            }

            .time-cell4 {
                position: -webkit-sticky;
                position: sticky;
                z-index: 30 !important;
                width:15px;
                height:27px;
                background-color:white;
            }

            .time-cell1_1::before{
                content : "" ;
                position : absolute ;
                top : 0 ;
                left : 0 ;
                width : 100% ;
                height : 100% ;
                border-right : 1px solid #dee2e6 ;
                border-left : 1px solid #dee2e6 ;
            }

            .time-cell1::before{
                content : "" ;
                position : absolute ;
                top : 0 ;
                left : 0 ;
                width : 100% ;
                height : 100% ;
                border-right : 1px solid #dee2e6 ;
                border-left : 1px solid #dee2e6 ;
            }

            .time-cell1 input {
                position : relative ;
            }

            .time-cell1 a {
                position : relative ;
            }

            .time-cell2_1::before{
                content : "" ;
                position : absolute ;
                top : 0 ;
                left : 0 ;
                width : 100% ;
                height : 100% ;
                border-right : 1px solid #dee2e6 ;

            }

            .time-cell2::before{
                content : "" ;
                position : absolute ;
                top : 0 ;
                left : 0 ;
                width : 100% ;
                height : 100% ;
                border-right : 1px solid #dee2e6 ;

            }

            .time-cell2 span {
                position : relative ;
            }

            .time-cell3::before{
                content : "" ;
                position : absolute ;
                top : 0 ;
                left : 0 ;
                width : 100% ;
                height : 100% ;
                border-right : 1px solid #dee2e6 ;

            }

            .time-cell3 span {
                position : relative ;
            }

            .time-cell4::before{
                content : "" ;
                position : absolute ;
                top : 0 ;
                left : 0 ;
                width : 100% ;
                height : 100% ;
                border-right : 1px solid #dee2e6 ;
                border-bottom : 1px solid #dee2e6 ;
            }


            .table-wrap2 {
                overflow-x: scroll;
                overflow-y: scroll;
                height:600px;
            }

            .dash-border {
                border-top: 1px solid #dee2e6 !important;
                border-left: 1px solid #dee2e6 !important;
                border-bottom: 1px solid #dee2e6 !important;
                border-right: 1px dashed #dee2e6 !important;
            }

            .dash-border2 {
                border-top: 1px solid #dee2e6 !important;
                border-right: 1px solid #dee2e6 !important;
                border-bottom: 1px solid #dee2e6 !important;
                border-left: 1px dashed #dee2e6 !important;
            }

            .t-border {
                border-top: 1px solid #dee2e6 !important;
                border-bottom: 1px solid #dee2e6 !important;
            }

            .t-border2 {
                border-top: 1px solid #dee2e6 !important;
                border-bottom: 1px solid #dee2e6 !important;
                border-left: 1px solid #dee2e6 !important;
            }

            #day {
                border: none;
                outline:none;
                outline:0;
                background: transparent;
              }


              @media (max-width: 640px) {

                .tbl-r07 th,
                .tbl-r07 td {
                    font-size:0.8rem
                }

                .tbl-r08 th,
                .tbl-r08 td {
                    font-size:0.8rem
                }

                #search_view2 {
                    display: block;
                    height:110px;
                }

                .toggleWrapper1 {
                    display:block !important;
                    position: relative;
                    top: 0%;
                    left: 90%;
                    overflow: hidden;
                    transform: translate3d(-100%, 0%, 0);
                    width:140px;
                  }

                  .toggle1 {
                    cursor: pointer;
                    display: inline-block;
                    position: relative;
                    width: 100% !important;
                    height: 34px;
                    background: #1A73E8;
                    border-radius: 5px;
                    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                }

                .toggleWrapper2 {
                    display:block !important;
                    position: relative;
                    top: 0%;
                    left: 65%;
                    overflow: hidden;
                    transform: translate3d(-100%, 0%, 0);
                    width:100px;
                  }

                  .toggle2 {
                    cursor: pointer;
                    display: inline-block;
                    position: relative;
                    width: 100% !important;
                    height: 34px;
                    background: #1A73E8;
                    border-radius: 5px;
                    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                }

                .toggleWrapper3 {
                    display:block !important;
                    position: relative;
                    top: 0%;
                    left: 83%;
                    overflow: hidden;
                    transform: translate3d(-100%, 0%, 0);
                    width:280px;
                  }

                  .toggle3 {
                    cursor: pointer;
                    display: inline-block;
                    position: relative;
                    width: 100% !important;
                    height: 34px;
                    background: #1A73E8;
                    border-radius: 5px;
                    transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                }

                .small_tag {
                    font-size:0.3rem !important;
                }

                .col-sm {
                    flex: 1 0 0%;
                  }

                  .row-cols-sm-auto>* {
                    flex: 0 0 auto;
                    width: auto;
                  }

                  .row-cols-sm-1>* {
                    flex: 0 0 auto;
                    width: 100%;
                  }

                  .row-cols-sm-2>* {
                    flex: 0 0 auto;
                    width: 50%;
                  }

                  .row-cols-sm-3>* {
                    flex: 0 0 auto;
                    width: 33.333333%;
                  }

                  .row-cols-sm-4>* {
                    flex: 0 0 auto;
                    width: 25%;
                  }

                  .row-cols-sm-5>* {
                    flex: 0 0 auto;
                    width: 20%;
                  }

                  .row-cols-sm-6>* {
                    flex: 0 0 auto;
                    width: 16.666667%;
                  }

                  .col-sm-auto {
                    flex: 0 0 auto;
                    width: auto;
                  }

                  .col-sm-1 {
                    flex: 0 0 auto;
                    width: 8.333333%;
                  }

                  .col-sm-2 {
                    flex: 0 0 auto;
                    width: 16.666667%;
                  }

                  .col-sm-3 {
                    flex: 0 0 auto;
                    width: 25%;
                  }

                  .col-sm-4 {
                    flex: 0 0 auto;
                    width: 33.333333%;
                  }

                  .col-sm-5 {
                    flex: 0 0 auto;
                    width: 41.666667%;
                  }

                  .col-sm-6 {
                    flex: 0 0 auto;
                    width: 50%;
                  }

                  .col-sm-7 {
                    flex: 0 0 auto;
                    width: 58.333333%;
                  }

                  .col-sm-8 {
                    flex: 0 0 auto;
                    width: 66.666667%;
                  }

                  .col-sm-9 {
                    flex: 0 0 auto;
                    width: 75%;
                  }

                  .col-sm-10 {
                    flex: 0 0 auto;
                    width: 83.333333%;
                  }

                  .col-sm-11 {
                    flex: 0 0 auto;
                    width: 91.666667%;
                  }

                  .col-sm-12 {
                    flex: 0 0 auto;
                    width: 100%;
                  }

                  .offset-sm-0 {
                    margin-left: 0;
                  }

                  .offset-sm-1 {
                    margin-left: 8.333333%;
                  }

                  .offset-sm-2 {
                    margin-left: 16.666667%;
                  }

                  .offset-sm-3 {
                    margin-left: 25%;
                  }

                  .offset-sm-4 {
                    margin-left: 33.333333%;
                  }

                  .offset-sm-5 {
                    margin-left: 41.666667%;
                  }

                  .offset-sm-6 {
                    margin-left: 50%;
                  }

                  .offset-sm-7 {
                    margin-left: 58.333333%;
                  }

                  .offset-sm-8 {
                    margin-left: 66.666667%;
                  }

                  .offset-sm-9 {
                    margin-left: 75%;
                  }

                  .offset-sm-10 {
                    margin-left: 83.333333%;
                  }

                  .offset-sm-11 {
                    margin-left: 91.666667%;
                  }

                  .g-sm-0,
                  .gx-sm-0 {
                    --bs-gutter-x: 0;
                  }

                  .g-sm-0,
                  .gy-sm-0 {
                    --bs-gutter-y: 0;
                  }

                  .g-sm-1,
                  .gx-sm-1 {
                    --bs-gutter-x: 0.25rem;
                  }

                  .g-sm-1,
                  .gy-sm-1 {
                    --bs-gutter-y: 0.25rem;
                  }

                  .g-sm-2,
                  .gx-sm-2 {
                    --bs-gutter-x: 0.5rem;
                  }

                  .g-sm-2,
                  .gy-sm-2 {
                    --bs-gutter-y: 0.5rem;
                  }

                  .g-sm-3,
                  .gx-sm-3 {
                    --bs-gutter-x: 1rem;
                  }

                  .g-sm-3,
                  .gy-sm-3 {
                    --bs-gutter-y: 1rem;
                  }

                  .g-sm-4,
                  .gx-sm-4 {
                    --bs-gutter-x: 1.5rem;
                  }

                  .g-sm-4,
                  .gy-sm-4 {
                    --bs-gutter-y: 1.5rem;
                  }

                  .g-sm-5,
                  .gx-sm-5 {
                    --bs-gutter-x: 3rem;
                  }

                  .g-sm-5,
                  .gy-sm-5 {
                    --bs-gutter-y: 3rem;
                  }

                  .g-sm-6,
                  .gx-sm-6 {
                    --bs-gutter-x: 4rem;
                  }

                  .g-sm-6,
                  .gy-sm-6 {
                    --bs-gutter-y: 4rem;
                  }

                  .g-sm-7,
                  .gx-sm-7 {
                    --bs-gutter-x: 6rem;
                  }

                  .g-sm-7,
                  .gy-sm-7 {
                    --bs-gutter-y: 6rem;
                  }

                  .g-sm-8,
                  .gx-sm-8 {
                    --bs-gutter-x: 8rem;
                  }

                  .g-sm-8,
                  .gy-sm-8 {
                    --bs-gutter-y: 8rem;
                  }

                  .g-sm-9,
                  .gx-sm-9 {
                    --bs-gutter-x: 10rem;
                  }

                  .g-sm-9,
                  .gy-sm-9 {
                    --bs-gutter-y: 10rem;
                  }

                  .g-sm-10,
                  .gx-sm-10 {
                    --bs-gutter-x: 12rem;
                  }

                  .g-sm-10,
                  .gy-sm-10 {
                    --bs-gutter-y: 12rem;
                  }

                  .g-sm-11,
                  .gx-sm-11 {
                    --bs-gutter-x: 14rem;
                  }

                  .g-sm-11,
                  .gy-sm-11 {
                    --bs-gutter-y: 14rem;
                  }

                  .g-sm-12,
                  .gx-sm-12 {
                    --bs-gutter-x: 16rem;
                  }

                  .g-sm-12,
                  .gy-sm-12 {
                    --bs-gutter-y: 16rem;
                  }


                  .service_table th,
                  .service_table td{
                      display: block;
                      text-align: left;
                  }

                  .service_img a {
                    text-align: center;
                    margin-top:20px !important;
                  }

                  .service_link2 {
                    margin-top:20px !important;
                  }

                  #company h2 {
                    font-size:1.7rem !important;
                    line-height: 24px;
                  }
            }






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

                    .sm-not-hidden-tb {
                        display: inline-table;
                    }

                    .tbl-r07 {
                        width:100%;
                    }

                    .tbl-r07 th,
                    .tbl-r07 td {
                      width: 50%;
                    }




                    .daimidasi {
                        padding: 0.3rem 1rem;
                        font-size: 20px;
                        color:#1a73e8;
                    }

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

                    .syoumidasi {
                        padding: 0.1rem 0.5rem;
                        border-left: 4px solid #1a73e8;
                        font-size: 20px;
                        color:#1a73e8;
                    }

                    .px-5 {
                        padding-right: 1rem !important;
                        padding-left: 1rem !important;
                    }

                    .px-4 {
                        padding-left: 0.5rem !important;
                        padding-right: 0.5rem !important;
                    }

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



                    .toggleWrapper1 {
                        display:contents;
                        position: relative;
                        top: 0%;
                        left: 100%;
                        overflow: hidden;
                        transform: translate3d(-100%, 0%, 0);
                        width: 100%;
                    }

                    .toggle1 {
                        cursor: pointer;
                        display: inline-block;
                        position: relative;
                        width: 130px;
                        height: 34px;
                        background: #1A73E8;
                        border-radius: 5px;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                    }

                    .toggle1:before {
                        content: "職員";
                        left: 21%;
                        color: #1A73E8;
                    }

                    .toggle1:after {
                        content: "利用者";
                        right: 19%;
                        color: #fff;
                    }

                    .toggle1:before, .toggle1:after {
                        position: absolute;
                        line-height: 34px;
                        font-size: 10px;
                        z-index: 2;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                    }

                    .toggle__handler1 {
                        display: inline-block;
                        position: relative;
                        z-index: 1;
                        background: #fff;
                        width: 50%;
                        height: 28px;
                        border-radius: 3px;
                        top: 3px;
                        left: 3px;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                        transform: translateX(0px);
                    }

                    input:checked + .toggle1 .toggle__handler1 {
                        width: 50%;
                        transform: translateX(97%);
                        border-color: #fff;
                    }

                    .toggleWrapper2 {
                        display:contents;
                        position: relative;
                        top: 0%;
                        left: 100%;
                        overflow: hidden;
                        transform: translate3d(-100%, 0%, 0);
                        width: 100%;
                    }

                    .toggle2 {
                        cursor: pointer;
                        display: inline-block;
                        position: relative;
                        width: 90px;
                        height: 34px;
                        background: #1A73E8;
                        border-radius: 5px;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                    }

                    .toggle2:before {
                        content: "週";
                        left: 24%;
                        color: #1A73E8;
                    }

                    .toggle2:after {
                        content: "日";
                        right: 24%;
                        color: #fff;
                    }

                    .toggle2:before, .toggle2:after {
                        position: absolute;
                        line-height: 34px;
                        font-size: 10px;
                        z-index: 2;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                    }

                    .toggle__handler2 {
                        display: inline-block;
                        position: relative;
                        z-index: 1;
                        background: #fff;
                        width: 50%;
                        height: 28px;
                        border-radius: 3px;
                        top: 3px;
                        left: 3px;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                        transform: translateX(0px);
                    }

                    input:checked + .toggle2 .toggle__handler2 {
                        width: 50%;
                        transform: translateX(97%);
                        border-color: #fff;
                    }

                    .toggleWrapper3 {
                        display:contents;
                        position: relative;
                        top: 0%;
                        left: 100%;
                        overflow: hidden;
                        transform: translate3d(-100%, 0%, 0);
                        width: 100%;
                    }

                    .toggle3 {
                        cursor: pointer;
                        display: inline-block;
                        position: relative;
                        width: 260px;
                        height: 34px;
                        background: #1A73E8;
                        border-radius: 5px;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                    }

                    .toggle3:before {
                        content: "スケジュール一覧";
                        left: 13%;
                        color: #1A73E8;
                    }

                    .toggle3:after {
                        content: "利用者一覧";
                        right: 15%;
                        color: #fff;
                    }

                    .toggle3:before, .toggle3:after {
                        position: absolute;
                        line-height: 34px;
                        font-size: 10px;
                        z-index: 2;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                    }

                    .toggle__handler3 {
                        display: inline-block;
                        position: relative;
                        z-index: 1;
                        background: #fff;
                        width: 50%;
                        height: 28px;
                        border-radius: 3px;
                        top: 3px;
                        left: 3px;
                        transition: all 200ms cubic-bezier(0.445, 0.05, 0.55, 0.95);
                        transform: translateX(0px);
                    }

                    input:checked + .toggle3 .toggle__handler3 {
                        width: 50%;
                        transform: translateX(97%);
                        border-color: #fff;
                    }





                    .last td:last-child {
                      border-bottom: solid 1px #ccc;
                      width: 100%;
                    }
                    .tbl-r02 {
                      width: 100%;
                    }
                    .tbl-r02 th,
                    .tbl-r02 td {
                      border-bottom: none;
                      display: block;
                      width: 100%;
                    }

                    .tbl-r02 td {
                        min-height:26px;
                    }

                    #firstCode {
                        width:30%;
                    }

                    #lastCode {
                        width:30%;
                    }

                    .sm-hidden {
                        display: none;
                    }

                    .sm-not-hidden {
                        display: block;
                    }



                    #comp_btn .ml-4 {
                        margin-left:0px;
                    }

                    .table-wrap {
                        overflow-x: scroll;
                    }

                    .table-wrap2 {
                        overflow-x: scroll;
                    }

                    .tbl-r01 {
                        width:100%;
                        min-width: 800px;
                    }

                    .tbl-r03 {
                        width:100%;
                        font-size:0.6rem;
                        min-width: 1300px;
                    }

                    .tbl-r04 {
                        width:100%;
                        font-size:0.6rem;
                        min-width: 1600px;
                    }

                    .tbl-r05 {
                        width:100%;
                        min-width: 1700px;
                    }

                    .tbl-r06 {
                        width:100%;
                        min-width: 1700px;
                    }

                    .tbl-r08 {
                        width:100%;
                        min-width: 1570px;
                    }

                    .tbl-r09 {
                        width:100%;
                        font-size:0.7rem;
                    }

                    .tbl-r10 {
                        width:100%;
                        font-size:0.7rem;
                    }

                    .tbl-r11 {
                        width:100%;
                        font-size:0.7rem;
                    }

                    .time-cell{
                        width:20px;
                    }

                    .smpd0 {
                        padding-right:0px !important;
                        padding-left:0px !important;
                    }

                    .px5 {
                        padding-right:0px !important;
                        padding-left:0px !important;
                    }

                    .login_logo {
                        width:90% !important;
                        margin-right: auto;
                        margin-left: auto;
                    }

                    .login_form{
                        width:90% !important;
                        margin-top:150px !important;
                    }

                    #hamburger {
                        position: relative;
                        display: block;
                        width: 30px;
                        height: 25px;
                        margin: 0 0 0 auto;
                    }

                    #hamburger span {
                        position: absolute;
                        top: 50%;
                        left: 0;
                        display: block;
                        width: 100%;
                        height: 2px;
                        background-color: #1A73E8;
                        transform: translateY(-50%);
                    }

                    #hamburger::before {
                        content: '';
                        display: block;
                        position: absolute;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 2px;
                        background-color: #1A73E8;
                    }
                    #hamburger::after {
                        content: '';
                        display: block;
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        width: 70%;
                        height: 2px;
                        background-color: #1A73E8;
                    }

                    .sp-nav {
                        z-index: 1;
                        position: fixed;
                        top: 0;
                        left: 0;
                        width: 100%;
                        height: 100vh;
                        display: block;
                        width: 100%;
                        background: rgba(0, 0, 0, .8);
                        transition: all .2s ease-in-out;
                        opacity: 0;
                        transform: translateY(-100%);
                     }

                    .sp-nav ul {
                        padding: 0;
                        display: flex;
                        flex-direction: column;
                        justify-content: center;
                        align-items: center;
                        height: 100%;
                     }
                     .sp-nav li {
                        margin: 0;
                        padding: 0;
                     }
                     .sp-nav li span {
                        font-size: 15px;
                        color: #fff;
                     }
                     .sp-nav li a, .sp-nav li span {
                        display: block;
                        padding: 20px 0;
                    }

                    /*基準となるli要素*/
                    .sp-nav .close {
                        position: relative;
                        padding-left: 20px;
                    }
                    /*バツ印線1*/
                    .sp-nav .close::before {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 0;
                        display: block;
                        width: 16px;
                        height: 1px;
                        background: #fff;
                        transform: rotate( 45deg );
                    }
                    /*バツ印線2*/
                    .sp-nav .close::after {
                        content: '';
                        position: absolute;
                        top: 50%;
                        left: 0;
                        display: block;
                        width: 16px;
                        height: 1px;
                        background: #fff;
                        transform: rotate( -45deg );
                    }

                    .toggle {
                        transform: translateY( 0 );
                        opacity: 1;
                    }

                    .main-visual {
                        padding: 0 4%;
                     }
                     h2 {
                        line-height: 1.6;
                        text-align: center;
                     }



                }



.tab.is-active {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
    --tw-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
}

.tab {
    --tw-text-opacity: 1;
    color: rgba(37, 99, 235, var(--tw-text-opacity));
    --tw-bg-opacity: 1;
    background-color: rgba(255, 255, 255, var(--tw-bg-opacity));
}

.panel{
    display:none;
}

.panel.is-show{
    display:contents;
  }

.nav_menu {
    z-index: 100;
}

.pd-5 {
    padding:5px;
}

.font30 {
    font-size: 30px;
    display:block;

}

.font10 {
    font-size: 10px;
}

.lineheight1 {
    line-height: 1;
}

.col1 {
    background-color: #49a3f1;
    border:1px solid #1A73E8;
    border-radius:5px;
    color:#fff;
    font-size: 10px;
}

.col2 {
    background-color:cadetblue;
    border:1px solid #37c7f7;
    border-radius:5px;
    color:#fff;
    font-size: 10px;
}

.col3 {
    background-color: #f4f5b7;
    border:1px solid #f7fa26;
    border-radius:5px;
    color:#000;
    font-size: 10px;
}

.col4 {
    background-color: #f1fc75;
    border:1px solid #e1fa05;
    border-radius:5px;
    color:#000;
    font-size: 10px;
}

.col5 {
    background-color: #fba9f3;
    border:1px solid #f50df9;
    border-radius:5px;
    color:#000;
    font-size: 10px;
}

.no-block {
    display: inline !important;
}

.bg-kiroku {
    background: #28BFE7;
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-align: center;
    padding:10px;
    border:1px solid #999;
}

.bg-kiroku2 {
    background-image: linear-gradient(195deg, #49a3f1 0%, #1A73E8 100%);
    color:#fff;
    font-size:20px;
    font-weight:bold;
    text-align: left;
    padding:10px;
    border:1px solid #999;
    width:100%;
}

.bg-kiroku3 {
    background: #fff;
    color:#000;
    text-align: left;
    padding:10px;
    border:1px solid #999;
    width:100%;
}





.border-ltb{
    border-left: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.border-rtb{
    border-right: 1px solid #dee2e6 !important;
    border-top: 1px solid #dee2e6 !important;
    border-bottom: 1px solid #dee2e6 !important;
}

.border-black {
    border: 1px solid #999 !important;

}

.tagcolor1 {
    background-color: #fe7200;
    color:white;
    border:1px solid #fe7200;
}

.tagcolor2 {
    background-color: #f7cb34;
    color:white;
    border:1px solid #f7cb34;
}

.tagcolor3 {
    background-color: #ff4800;
    color:white;
    border:1px solid #ff4800;
}

.tagcolor4 {
    background-color: #3085ed;
    color:white;
    border:1px solid #3085ed;
}

.tagcolor5 {
    background-color: #66c578;
    color:white;
    border:1px solid #66c578;
}

.tagcolor6 {
    background-color: #b885d6;
    color:white;
    border:1px solid #b885d6;
}

.tagcolor7 {
    background-color: #fc8b9a;
    color:black;
    border:1px solid #fc8b9a;
}

.tagcolor8 {
    background-color: #85f1ed;
    color:black;
    border:1px solid #85f1ed;
}

.tagcolor9 {
    background-color: #fef87e;
    color:black;
    border:1px solid #fef87e;
}

.tagcolor10 {
    background-color: #2b8d00;
    color:white;
    border:1px solid #2b8d00;
}

.tagcolor11 {
    background-color: #f1a7f8;
    color:black;
    border:1px solid #f1a7f8;
}

.tagcolor12 {
    background-color: #c07d09;
    color:white;
    border:1px solid #c07d09;
}

.tagcolor13 {
    background-color: #606060;
    color:white;
    border:1px solid #606060;
}

.tagcolor14 {
    background-color: #fff;
    color:black;
    border:1px solid black;
}

.tag-width20 {
    width:20%;
}

.tag-width40 {
    width:40%;
}

.tag-width50 {
    width:50%;
}

.tag-width80 {
    width:80%;
}

.cboxClose2:hover {
    background-position: -25px -25px;
}
.cboxClose2 {
    bottom: 0;
    right: 0;
    background: url(images/controls.png) no-repeat -25px 0;
    width: 25px;
    height: 25px;
    text-indent: -9999px;
}

.cboxClose2 {
    cursor: pointer;
}


.square_image {
    display: block;
    position: relative;
    max-width: 300px;
  }

  .square_image::before {
    content: "";
    display: block;
    padding-top: 100%;
  }

  .square_image img {
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    object-fit: cover;
  }

  .wrapper{
    min-height: 100vh;
    position: relative;/*←相対位置*/
    padding-bottom: 0px;/*←footerの高さ*/
    box-sizing: border-box;/*←全て含めてmin-height:100vhに*/
}

footer{
    width: 100%;
    background-color: #fff;
    color: #fff;
    text-align: right;
    padding: 10px 0 0 0;


    bottom: 0; /*下に固定*/
}

.rubyposition_under{
    display: inline-block;
  }
  .rubyposition_under ruby{
    display: flex;
    flex-direction: column;
    text-align: justify;  /* この指定は text-align-last を IE に対応させるために必要 */
    text-align-last: justify;
  }

.bg-kiroku4 {
    background-color:#28BFE7;
    color: #fff;
    font-size: 20px;
    font-weight: bold;
    text-align: left;
    padding: 10px;
    border: 1px solid #999;
    width: 100%;
}

.side_content {
    position: sticky;
    top: 135px;
}

.small2 {
    font-size: 80%;
}

.hide {
    display:none;
}

.show {
    display:block;
}

.arrow_box{
    position:relative;
    width:auto;
    background:#0099FF;
    padding:10px;
    text-align:left;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin-left:20px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-right-color:#0099FF;
    right:100%;
    top:50%;
}


.arrow_box2{
    position:relative;
    background:#0099FF;
    padding:10px;
    text-align:right;
    color:#FFFFFF;
    font-size:18px;
    font-weight:bold;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
    margin-right:20px;
}
.arrow_box2:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(0, 153, 255, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-top: -10px;
    border-left-color:#0099FF;
    left:100%;
    top:50%;
}

.mousi td{
    vertical-align: middle;
}

.red {
    color:red;
}


.sticky_table1_wrapper {
    overflow: scroll;
    max-height: 600px;

}



.sticky_table1 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table1 thead tr:nth-child(1) th {
    top: 0;
  }
  .sticky_table1 thead tr:nth-child(2) th {
    top: 34px; /* 2行目は1行目の高さの位置に固定する */
  }
  .sticky_table1 thead tr:nth-child(3) th {
    top: 65px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table1 thead tr:nth-child(4) th {
    top: 97px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .header-orange thead th {
    background-color:#1a73e8 !important;
    color:#ffffff;
    text-align: center;

  }


  .table th,
.table td {
  padding: 0.25rem;
  vertical-align: middle;
  border: 1px solid #a3a3a3;
  word-break: break-all;
  color:#333;

}

.table th{
    border: 1px solid #a3a3a3;
    background-color: #ffffff;
    color:#333;
}

.table thead th {
  vertical-align: bottom;
}

.table_nenrei th {
  padding: 0.25rem;
  vertical-align: middle;
  border: 1px solid #ffffff;
  word-break: break-all;
  color:#333;

}

.table_nenrei td {
    padding: 0.25rem;
    vertical-align: middle;
    border: 1px solid #a3a3a3;
    word-break: break-all;
    color:#333;

  }

.table_nenrei th{
    border: 1px solid #ffffff;
    background-color: #ffffff;
    color:#333;
}

.table_nenrei thead th {
  vertical-align: bottom;
}




.cell3_th {
    border: 1px solid #dee2e6 !important;
}

.cell3_th::before {
    border: 1px solid #dee2e6 !important;
}

.mgl-10 {
    margin-left: 10px;
}

.mgl-5 {
    margin-left: 5px;
}

.width100px{
    width:100px;
}

.required {
    color:#f97921;
    margin-left:4px;
}

.required2 {
    color:#ffffff;
    background-color: #ff0000;
    border: none !important;
    padding: 1px 2px !important;
    font-size: 8px !important;
    font-weight: 500 !important;
    margin-left:5px;
    border-radius: 0.3rem;
}

.bg-orange {
    background-color: #f97921;
}

.text-blue {
    color:#1a73e8 !important;
}

.bg-cream {
    background-color: #f0f797;
}

.w-160px {
    width:160px !important;
    text-align: center;
}

.sticky_table9_wrapper {
    overflow: scroll;
    width:100%;
}

.sticky_table9 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.sticky_table9 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table9 th {
    font-size:13px;
    color:#333;
    font-weight:600;
    height:30px;
  }

  .sticky_table9 td {
    font-size:13px;
    color:#333;
    font-weight:400;
    height:30px;
  }

  .sticky_table9 thead tr:nth-child(1) th {
    top: 0;
  }
  .sticky_table9 thead tr:nth-child(2) th {
    top: 30px; /* 2行目は1行目の高さの位置に固定する */
  }
  .sticky_table9 thead tr:nth-child(3) th {
    top: 60px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table9 thead tr:nth-child(4) th {
    top: 90px; /* 3行目は1〜2行目の高さの位置に固定する */
  }




  .first_sticky9 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    width:120px;
  }

  .first_sticky9 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 20;
  }

.cell9_th {
    text-align:center;
}

.cell9_th_white {
    background-color: #ffffff !important;
    text-align:center;
    font-weight: 400 !important;
}

.cell9_th_gray {
    background-color: #f9f9f9 !important;
    text-align:center;
}

.td_right {
    text-align:right;
}

.td_center {
    text-align:center;
}

.cell9_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 35 !important;
  }

  .cell9_1_w {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 35 !important;
    background-color: #ffffff !important;
  }


  .cell9_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 120px;
    z-index: 35;
  }

  .cell9_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 130px;
    z-index: 35 !important;
  }

  .cell9_3 td {
    z-index: 25 !important;
  }

  .cell9_4 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 35 !important;
  }

  .cell9_4_w {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 35 !important;
    background-color: #ffffff !important;
  }

  .cell9_5 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky !important;
    left: 60px !important;
    z-index: 35 !important;
  }

  .cell9_5_w {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky !important;
    left: 60px !important;
    z-index: 35 !important;
    background-color: #ffffff !important;
  }

  .cell9_6 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 25 !important;
    background-color: #ffffff;
  }

  .cell9_7 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky !important;
    left: 60px !important;
    z-index: 25 !important;
    background-color: #ffffff;
  }

.bg_white {
    background-color: #ffffff;
}











.cell9_2 input {
    position : relative ;
}

.cell9_3 input {
    position : relative ;
}


.b_l_ccc {
    border-left:1px solid #ccc;
}

.b_r_ccc {
    border-right:1px solid #ccc;
}

.b_t_ccc {
    border-top:1px solid #ccc;
}

.b_b_ccc {
    border-bottom:1px solid #ccc;
}


.b_l_e6 {
    border-left:1px solid #e6e6e6;
}

.b_r_e6 {
    border-right:1px solid #e6e6e6;
}

.b_t_e6 {
    border-top:1px solid #e6e6e6;
}

.b_b_e6 {
    border-bottom:1px solid #e6e6e6;
}


.b_l_white {
    border-left:1px solid #ffffff;
}

.b_r_white {
    border-right:1px solid #ffffff;
}

.b_t_white {
    border-top:1px solid #ffffff;
}

.b_b_white {
    border-bottom:1px solid #ffffff;
}




.btn {
    height:42px;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    font-size: 0.9rem;
    line-height: 1.6;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .btn:hover {
    color: #999999;
    text-decoration: none;
  }

  .btn:focus,
  .btn.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
  }

  .btn.disabled,
  .btn:disabled {
    opacity: 0.65;
  }



  .btn2 {
    height:40px;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    padding-top:8px !important;
    font-size: 0.9rem;
    line-height: 1.6;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .btn2:hover {
    color: #999999;
    text-decoration: none;
  }

  .btn2:focus,
  .btn2.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
  }

  .btn2.disabled,
  .btn2:disabled {
    opacity: 0.65;
  }



  .btn3 {
    height:40px;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    padding-top:5px !important;
    font-size: 0.9rem;
    line-height: 1.6;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .btn3:hover {
    color: #999999;
    text-decoration: none;
  }

  .btn3:focus,
  .btn3.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
  }

  .btn3.disabled,
  .btn3:disabled {
    opacity: 0.65;
  }




  .btn4 {
    height:40px;
    display: inline-block;
    font-weight: 400;
    color: #212529;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;
    background-color: transparent;
    border: 1px solid transparent;
    padding: 0.375rem 0.75rem;
    padding-top:1px !important;
    font-size: 0.9rem;
    line-height: 1.6;
    border-radius: 0.25rem;
    -webkit-transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
    transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
  }

  .btn4:hover {
    color: #999999;
    text-decoration: none;
  }

  .btn4:focus,
  .btn4.focus {
    outline: 0;
    box-shadow: 0 0 0 0.2rem rgba(52, 144, 220, 0.25);
  }

  .btn4.disabled,
  .btn4:disabled {
    opacity: 0.65;
  }



.btn-fuji-blue2 {
    color: #ffffff;
    background-color: #1a73e8;
    border-color: #1a73e8;
    padding: 0.1rem 0rem !important;
    font-size: 1rem !important;
    margin-left:20px;
}


.btn-fuji-blue3 {
    color: #ffffff;
    background-color: #1a73e8;
    border-color: #1a73e8;
    padding: 0.1rem 0rem !important;
    font-size: 1rem !important;
    margin-left:20px;
}

.btn-fuji-blue22 {
    color: #ffffff;
    background-color: #1a73e8 !important;
    border-color: #1a73e8 !important;
    padding: 0.1rem 0rem !important;
    font-size: 1rem !important;
    margin-left:80px;
    margin-top:12px;
}

.btn-fuji-blue22login {
    color: #ffffff;
    background-color: #1a73e8 !important;
    border-color: #1a73e8 !important;
    padding: 0.3rem 0rem !important;
    font-size: 1rem !important;
    margin-left:45px;
    margin-top:-14px;
}

.width150px {
    width: 150px;
}

.width80px {
    width: 80px;
}


.sticky_table3_wrapper {
    overflow: scroll;
    max-height: 600px;

}



.sticky_table3 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
    text-align:center;
  }

  .sticky_table3 thead tr:nth-child(1) th {
    top: 0;
  }
  .sticky_table3 thead tr:nth-child(2) th {
    top: 32px; /* 2行目は1行目の高さの位置に固定する */
  }
  .sticky_table3 thead tr:nth-child(3) th {
    top: 64px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table3 thead tr:nth-child(4) th {
    top: 96px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table3 thead tr:nth-child(5) th {
    top: 128px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table3 thead tr:nth-child(6) th {
    top: 160px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table3 thead tr:nth-child(7) th {
    top: 192px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .first_sticky3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

  .first_sticky3 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 20;
  }


  .first_sticky3::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #dee2e6 ;

}


.cell3_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 160px;
    z-index: 15;
    background-color: #ffffff !important;
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
  }

  .cell3_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 278px;
    z-index: 15;
    background-color: #ffffff !important;
    border-left:none !important;
    border-right:none !important;
    border-top:none !important;
  }

.cell3_4 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 160px;
    z-index: 25 !important;
    background-color: #ffffff !important;
  }

  .cell3_5 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky !important;
    left: 160px !important;
    z-index: 25 !important;
    background-color: #ffffff !important;
  }

  .cell3_6 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 278px;
    z-index: 25 !important;
    background-color: #ffffff !important;
    border: 1px solid #666666;
  }

  .cell3_7 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 160px;
    z-index: 30 !important;
    background-color: #ffffff !important;
  }

  .cell3_8 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 160px;
    z-index: 30 !important;
    background-color: #ffffff !important;
  }


  .cell3_2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-left: 1px solid #666666 !important;

}



.cell3_3::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-left: 1px solid #666666 !important;
    border-right: 1px solid #666666 !important;
}

.cell3_2 input {
    position : relative ;
}

.cell3_3 input {
    position : relative ;
}

  .cell3_4::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell3_5::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell3_6::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell3_7::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell3_8::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}


.td_center {
    text-align: center;
  }




.px-66 {
    padding-right: 11rem !important;
    padding-left: 11rem !important;
}

.px-66login {
    padding-right: 93px !important;
    padding-left: 128px !important;
}

.px-66login2 {
    padding-right: 93px !important;
    padding-left: 175px !important;
}

.px-66login3 {
    padding-right: 93px !important;
    padding-left: 175px !important;
}

.px-67login {
    padding-right: 111px !important;
    padding-left: 110px !important;
}

.px-68login {
    padding-right: 111px !important;
    padding-left: 120px !important;
}

.pdt-10 {
    padding-top:10px;
}

.pdt-17 {
    padding-top:17px;
}

.text-lg2 {
    font-size:1.1rem !important;
}

.py-22 {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.input-title {
    background-color: #d1e8ff;
    color: #333;
    font-size: 13px;
    font-weight:600;
    padding-top: 5px;
    padding-bottom: 5px;
}

.center {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
}

.btn-fuji-blue222 {
    color: #ffffff;
    background-color: #1a73e8;
    border-color: #1a73e8;
    padding: 0.1rem 0rem !important;
    font-size: 0.7rem !important;
    width: 80px;
    height: 20px;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.button-table {
    padding-top: 0.5rem !important;
    padding-bottom: 0.5rem !important;
}

.form_margin {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
}

.btn-fuji-blue-add {
    color: #ffffff;
    background-color: #1a73e8;
    border-color: #1a73e8;
    padding: 0.6rem 0rem !important;
    font-size: 1rem !important;
}


.btn-fuji-blue-add2 {
    color: #ffffff;
    background-color: #1a73e8 !important;
    border-color: #1a73e8;
    font-size: 13px !important;
    font-weight:500 !important;
}

.btn-fuji-blue-add3 {
    color: #ffffff;
    background-color: #1a73e8;
    border-color: #1a73e8;
    font-size: 12px !important;
    font-weight:400 !important;
}

.btn-fuji-white-add2 {
    color: #1a73e8;
    background-color: #ffffff;
    border: 1px solid #a9a9a9 !important;
    padding: 0.6rem 0.5rem !important;
    font-size: 13px !important;
    font-weight:500 !important;
}


.btn-fuji-green-add2 {
    color: #000000;
    background-color: #58facf;
    border-color: #58facf;
    padding: 0.6rem 1rem !important;
    font-size: 1rem !important;
}


.first_sticky1 {
    z-index: 20;
    color: #ffffff !important;
    background-color: #1a73e8 !important;
}

.btn-fuji-orange-add {
    color: #1a73e8;
    background-color: rgba(243, 246, 54,1);
    border-color: rgba(243, 246, 54,1);
    padding: 0.6rem 1rem !important;
    font-size: 13px !important;
    font-weight:500 !important;
}



.pd-tb10 {
    padding-top:0px;
}

.allergy_list {
    float: left;
}

.width100p {
    width:100%;
}

.pdr-0 {
    padding-right: 0px !important;
}

.pdl-0 {
    padding-left: 0px !important;
}

.pdt-0 {
    padding-top: 0px !important;
}

.pdb-0 {
    padding-bottom: 0px !important;
}

.mgr-0 {
    margin-right: 0px !important;
}

.current_page {
    background-color: #d1e8ff !important;
    color:#333 !important;
}


.sticky_table4_wrapper {
    overflow: scroll;
    max-height: 600px;
    width:100%;
}

.sticky_table4 {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
}

.sticky_table4 thead tr th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table4 thead tr:nth-child(1) th {
    top: 0;
  }
  .sticky_table4 thead tr:nth-child(2) th {
    top: 50px; /* 2行目は1行目の高さの位置に固定する */
  }
  .sticky_table4 thead tr:nth-child(3) th {
    top: 100px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table4 thead tr:nth-child(4) th {
    top: 150px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table4 th:nth-child(1) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 30;
  }

  .sticky_table4 th:nth-child(2) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
    z-index: 30;
  }

  .sticky_table4 th:nth-child(3) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 140px;
    z-index: 30;
  }

  .sticky_table4 th:nth-child(4) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 540px;
    z-index: 30;
  }
  .sticky_table4 th:nth-child(5) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 640px;
    z-index: 30;
  }


  .cell1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 140px;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell4 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 540px;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell5 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 640px;
    z-index: 25;
    background-color: #ffffff;
  }


  .sticky_table4 thead th:first-child {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 30;
  }


  .sticky_table4 th:nth-child(1)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.sticky_table4 th:nth-child(2)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table4 th:nth-child(3)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table4 th:nth-child(4)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table4 th:nth-child(5)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell1::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #dee2e6 ;
    border-left : 1px solid #dee2e6 ;
}

.cell1 input {
    position : relative ;
}

.cell2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #dee2e6 ;

}

.cell2 span {
    position : relative ;
}

.cell3::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #dee2e6 ;

}

.cell3 span {
    position : relative ;
}

.cell4::before{
    content : "" ;
    position : absolute;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #dee2e6 ;

}

.cell4 span {
    position : relative ;
}

.cell5::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #dee2e6 ;

}

.cell4 input {
    position : relative ;
}

.open_cell::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
    border-right : 1px solid #dee2e6 ;
    border-left : 1px solid #dee2e6 ;
}

.width50px {
    width:50px;
}


.cell1_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    background-color: #ffffff !important;
    border-left: 1px solid #ccc !important;
    text-align:center;
  }

  .cell2_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
    z-index: 25;
    background-color: #ffffff !important;
    border-left: none !important;
  }


.cell2_k_new span {
    position: relative;
}

  .cell3_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 140px;
    z-index: 25;
    background-color: #ffffff !important;
    border-left: none !important;
  }

  .cell4_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 540px;
    z-index: 25;
    background-color: #ffffff !important;
    border-left: none !important;
  }

.cell4_k_new input {
    position : relative ;
}

  .cell5_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 640px;
    z-index: 25;
    background-color: #ffffff;
  }


.cell1_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;

}

.cell2_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;

}

.cell3_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;

}

.cell4_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
}


#sortdata2 td {
    padding: 0.25rem;
    vertical-align: middle;
    word-break: break-all;
}







.sticky_table42_wrapper {
    overflow: scroll;
    max-height: 600px;
    width:100%;
}

.sticky_table42 {
    display: table;
    border-collapse: separate;
    border-spacing: 0;
}

.sticky_table42 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table42 thead tr:nth-child(1) th {
    top: 0;
  }
  .sticky_table42 thead tr:nth-child(2) th {
    top: 50px; /* 2行目は1行目の高さの位置に固定する */
  }
  .sticky_table42 thead tr:nth-child(3) th {
    top: 100px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table42 thead tr:nth-child(4) th {
    top: 150px; /* 3行目は1〜2行目の高さの位置に固定する */
  }

  .sticky_table42 th:nth-child(1) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 30;
  }

  .sticky_table42 th:nth-child(2) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
    z-index: 30;
  }

  .sticky_table42 th:nth-child(3) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 480px;
    z-index: 30;
  }

  .sticky_table42 th:nth-child(4) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 560px;
    z-index: 30;
  }


  .sticky_table42 thead th:first-child {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 30;
  }


  .sticky_table42 th:nth-child(1)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.sticky_table42 th:nth-child(2)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table42 th:nth-child(3)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}



.cell11_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 25;
    background-color: #ffffff !important;
  }


.cell11_k_new span {
    position: relative;
}

.cell11_k_new input {
    position: relative;
}

.cell1_k_new input {
    position: relative;
}

.cell1_k_new button {
    position: relative;
}

  .cell12_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
    z-index: 25;
    background-color: #ffffff !important;
  }

  .cell13_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 480px;
    z-index: 25;
    background-color: #ffffff !important;
  }

.cell13_k_new input {
    position : relative ;
}

  .cell14_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 560px;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell15_k_new {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 650px;
    z-index: 25;
    background-color: #ffffff;
  }


.cell11_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;

}

.cell12_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;

}

.cell13_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
}

.cell14_k_new::before {
    content: "";
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0px;
    top:0px;
}

#wrapper_album {
    position: relative;
    max-width: 100%;
    margin: 0 auto;   /*全体の中央寄せ*/
  }
  #container_album {
    width: 100%;
    margin: 0 auto;   /*中央寄せ*/
    position: relative;
  }

  #container_album2 {
    width: 100%;
    margin: 0 auto;   /*中央寄せ*/
    position: relative;
    overflow-y: scroll;
  }

  .item {
    position: absolute;
    margin: 0px;
    width: 500px;
    padding: 0px;
    border: none;
  }



.sticky_table6_wrapper {
    overflow: scroll;
    max-height: 600px;
    width:100%;
}




.sticky_table6 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table6 thead tr:nth-child(1) th {
    top: 0;
  }


  .sticky_table6 th:nth-child(1) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 30;

  }

  .sticky_table6 th:nth-child(2) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 50px;
    z-index: 30;
  }

  .sticky_table6 th:nth-child(3) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 280px;
    z-index: 30;
  }

  .sticky_table6 th:nth-child(4) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 440px;
    z-index: 30;
  }

  .sticky_table6 th:nth-child(5) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 510px;
    z-index: 30;
  }

  .sticky_table6 th:nth-child(6) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 590px;
    z-index: 30;
  }

 .cell6_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    width: 50px;
  }

  .cell6_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 50px;
    z-index: 25;
  }

  .cell6_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 280px;
    z-index: 25;
  }

  .cell6_4 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 440px;
    z-index: 25;
  }

  .cell6_5 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 510px;
    z-index: 25;
  }

  .cell6_6 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 590px;
    z-index: 25;
  }

  .sticky_table6 th:first-child {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

  .sticky_table6 th:nth-child(1)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 50px ;
    height : 100% ;

}

.sticky_table6 th:nth-child(2)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table6 th:nth-child(3)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}



.sticky_table6 th:nth-child(4)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table6 th:nth-child(5)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table6 th:nth-child(6)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table6 th input{
    position : relative ;
}

.cell6_1::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell6_1 input {
    position : relative ;
}

.cell6_2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_3::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_4::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_4 input {
    position : relative ;
}

.cell6_5::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_5 input {
    position : relative ;
}

.cell6_6::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_6 input {
    position : relative ;
}

.sticky_table7_wrapper {
    overflow: scroll;
    max-height: 600px;

}




.sticky_table7 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table7 thead th {
    top: 0;
    z-index: 10;
  }

  .sticky_table7 td {
    word-break : break-all;
  }


  .sticky_table7 th:nth-child(1) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 30;
  }

  .sticky_table7 th:nth-child(2) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
    z-index: 30;
  }

  .sticky_table7 th:nth-child(3) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 280px;
    z-index: 30;
  }

 .cell7_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell7_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 80px;
    z-index: 25;
    word-break : break-all;
    width:200px !important;
    background-color: #ffffff;
  }

  .cell7_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 280px;
    z-index: 25;
    background-color: #ffffff;
  }

  .sticky_table7 th:first-child {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

  .sticky_table7 th:nth-child(1)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table7 th:nth-child(2)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table7 th:nth-child(3)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}


.sticky_table7 th input{
    position : relative ;
}

.cell7_1::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell7_1 input {
    position : relative ;
}

.cell7_2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell7_3::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}


.cell7_3 input {
    position : relative ;
}



.table_wrap {
	overflow: auto;
}





.sticky_table8_wrapper {
    overflow: scroll;
    max-height: 600px;
    width:100%;

}

.sticky_table8 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
    border-bottom:1px solid #ccc;
    border-right:1px solid #ccc;
  }

  .sticky_table8 th {
    font-size:13px;
    color:#333;
    font-weight:600;
    height:30px;
    text-align:center;
    border-top:1px solid #ccc;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #e6e6e6;
  }

  .sticky_table8 td {
    font-size:13px;
    color:#333;
    font-weight:400;
    height:30px;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    padding: 0.25rem;
  }

.sticky_table8 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table8 thead th {
    top: 0;
    z-index: 10;
  }




  .sticky_table8 th:nth-child(1) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 30;
  }

  .sticky_table8 th:nth-child(2) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 225px;
    z-index: 30;
  }

  .sticky_table8 th:nth-child(3) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 425px;
    z-index: 30;
  }

 .cell8_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell8_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 225px;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell8_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 425px;
    z-index: 25;
    background-color: #ffffff;
  }

  .sticky_table8 th:first-child {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    border-left:1px solid #ccc;
  }

  .sticky_table8 td:first-child {
    /* 横スクロール時に固定する */
    border-left:1px solid #ccc;
  }

  .sticky_table8 th:nth-child(1)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table8 th:nth-child(2)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table8 th:nth-child(3)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}


.sticky_table8 th input{
    position : relative ;
}

.cell8_1::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell8_2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell8_3::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}


.cell8_3 input {
    position : relative ;
}

.width80p {
    width:85%;
    margin-right:5px;
}

.breadcrumbs {
    margin:0px;
    padding:0px;
    font-size:13px;
    color:#7b809a;
}

.inbl15B {
    display:inline-block;
    font-size:14px;
    font-weight:bold;
    height:40px;
    line-height:40px;
}

.inbl15B2 {
    display:inline-block;
    font-size:13px;
    font-weight:600;
    height:40px;
    line-height:40px;
}

.inbl {
    display:inline-block;
    margin-left:0px;
    margin-right:20px;
    height:40px;
    line-height:40px;
    font-size:14px;
}

.inbl2 {
    display:inline-block;
    margin-left:0px;
    margin-right:15px;
    height:40px;
    line-height:40px;
    font-size:14px;
}

.checkbox_text {
    font-size:13px;
    margin-left:5px;
    color:#333;
}

.inbl_btn {
    float:right;
}


.font13_500black {
    font-size:13px;
    font-weight:600 !important;
    color:#333 !important;
}

.font13_no {
    font-size:13px;
    color:#333 !important;
}

.font14_500black {
    font-size:14px;
    font-weight:500 !important;
    color:#000000 !important;
}

.font14_no {
    font-size:14px;
}

.skyblue_header th {
    background-color: #d1e8ff;

}

.iv-btn-normal-xxsmall {
    min-width: 60px;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF8F8F8', endColorstr='#FFE3E3E3');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e3e3e3));
    background-image: -moz-linear-gradient(top, #f8f8f8, #e3e3e3);
    background-image: -webkit-linear-gradient(top, #f8f8f8, #e3e3e3);
    background-image: linear-gradient(to bottom, #f8f8f8, #e3e3e3);
    cursor: pointer;
    background-color: #e3e3e3;
    border: solid 1px rgba(227,227,227,0.5);
    text-align: center;
    color: #3b8dcd;
    padding: 0 5px;
    font-size:12px;
}

.iv-btn-normal-xxsmall:hover{
    font-weight: bold;
    text-decoration: none;
}

.iv-btn-normal-xxsmall-red {
    min-width: 60px;
    min-height: 22px;
    line-height: 22px;
    display: inline-block;
    vertical-align: middle;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFF8F8F8', endColorstr='#FFE3E3E3');
    background-size: 100%;
    background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #f8f8f8), color-stop(100%, #e3e3e3));
    background-image: -moz-linear-gradient(top, #f8f8f8, #e3e3e3);
    background-image: -webkit-linear-gradient(top, #f8f8f8, #e3e3e3);
    background-image: linear-gradient(to bottom, #f8f8f8, #e3e3e3);
    cursor: pointer;
    background-color: #e3e3e3;
    border: solid 1px rgba(227,227,227,0.5);
    text-align: center;
    color: #ff0000;
    padding: 0 5px;
    font-size:12px;
}

.iv-btn-normal-xxsmall-red:hover {
    font-weight: bold;
    text-decoration: none;
}

.iv-btn-normal-xxsmall-red a:hover {
    color:red;
    font-weight: bold;
    text-decoration: none;
}

.py2-2 {
    padding-top: 0.3rem !important;
    padding-bottom: 0.3rem !important;
}

.px2-4 {
    padding-right: 0.5rem !important;
    padding-left: 0.5rem !important;
}



.dash_bar_l {
    width:500px;
    height:134px;
    margin-bottom:20px !important;
    padding:0px;
    margin-right:10px;
    background-color:#fff;
    display:flex;
}

.dash_bar_r {
    width:500px;
    height:134px;
    margin-bottom:20px !important;
    padding:0px;
    margin-left:10px;
    background-color:#fff;
    display:flex;
}

.dash_bar_l2 {
    width:500px;
    height:115px;
    margin-bottom:20px !important;
    padding:0px;
    margin-right:10px;
    background-color:#fff;
    display:flex;
}

.dash_bar_3 {
    width:290px;
    height:70px;
    margin-bottom:20px !important;
    padding:0px;
    background-color:#fff;
    display:flex;
    float:right;
}

.dash_bar_4 {
    width:290px;
    height:70px;
    margin-bottom:20px !important;
    padding:0px;
    display:flex;
    float:right;
}

.dash_bar_r2 {
    width:500px;
    height:115px;
    margin-bottom:20px !important;
    padding:0px;
    margin-left:10px;
    background-color:#fff;
    display:flex;
}

.dash_img_wrap {
    width:200px;
    height:100%;
}

.dash_img {
    width:100px;
    height:100px;
    margin-left:auto;
    margin-right:auto;
    margin-top:17px;
}

.dash_img22 {
    width:90px;
    height:90px;
    margin-left:auto;
    margin-right:auto;
    margin-top:22px;
}

.dash_text_wrap {
    margin-top:11px;
}

.dash_text_title {
    font-size:17px;
    font-weight:bold;
    color:#333;
}

.dash_text_title2 {
    font-size:17px;
    font-weight:bold;
    color:#333;
}

.dash_text_title3 {
    font-size:15px;
    color:#333;
}

.dash_text_title3 a{
    color:#1a73e8;
    text-decoration: underline;
}


.dash_text {
    font-size:13px;
    height:46px;
    color:#333;
    vertical-align: middle;
    padding-top: 6px;
}

.dash_text_top{
    height:23px;
}

.dash_text2 {
    font-size:13px;
    height:46px;
    color:#333;
}

.dash_btn_wrap {
    padding-left:0px;
}

.dash_btn {
    margin:auto;
    text-align:center !important;
    display: inline-block !important;
    border-radius: 1.5rem;
    line-height:1.75;
    font-weight:400;
    font-size:13px;
    letter-spacing: 0;
}



.dash_bar_2l2 {
    width:calc(50% - 12px);
    height:190px;
    margin-bottom:24px !important;
    padding:0px;
    margin-right:12px;
    background-color:#fff;
    border-radius: 5px;
}

.dash_bar_2r2 {
    width:calc(50% - 12px);
    height:190px;
    margin-bottom:24px !important;
    padding:0px;
    margin-left:12px;
    background-color:#fff;
    border-radius: 5px;
}


.px-dbt {
    padding-left: 15px;
    padding-right: 15px;
}

.py-dbt22 {
    padding-top:4px;
    padding-bottom:5px;
}


.dash_bar_l2 {
    width:500px;
    height:115px;
    margin-bottom:20px !important;
    padding:0px;
    margin-right:10px;
    background-color:#fff;
    display:flex;
}

.dash_img_wrap3 {
    width:70px;
    height:100%;
}

.dash_img_wrap2 {
    width:96px;
    height:150px;
}

.dash_img2 {
    width:65px;
    height:65px;
    margin-left:auto;
    margin-right:auto;
    margin-top:23px;
}

.dash_img3 {
    width:45px;
    height:45px;
    margin-left:auto;
    margin-right:auto;
    margin-top:13px;
}

.dash_text_wrap2 {
    margin-top:28px;
}

.dash_text_wrap2:hover {
    text-decoration: none;
    font-weight:normal;
}

.dash_text_wrap3 {
    margin-top:22px;
}

.dash_text_wrap3_2 {
    margin-top:2px;
}

.dash_text_wrap3:hover {
    text-decoration: none;
    font-weight:normal;
}

.dash_text_top22 {
    height:23px;
    font-weight:normal;
}

.dash_text_top22:hover {
    font-weight:normal;
}

.table33 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.table33 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table33 td {
    padding: 0.25rem;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table33 tr>*:last-child {
    border-right: 1px solid #ccc !important;
}

.table33 tr>*:first-child {
    border-left: 1px solid #ccc !important;
}

.table33 tr:last-child>* {
    border-bottom: 1px solid #ccc !important;
}

.table34 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
}

.table34 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table34 td {
    padding: 0.25rem;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table34 input {
    font-size:13px !important;
}

.table34 th:last-child,
.table34 td:last-child {
    border-right: 1px solid #ccc !important;

}

.td_right td {
    text-align:right;
}



.table35 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid #ccc;
    width: 100%;
}

.table35 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: left;
    border-right: 1px solid #e6e6e6;
    border-bottom: 1px solid #ffffff;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table35 td {
    padding: 0.25rem;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table35 th:last-child,
.table35 td:last-child {
    border-right: none !important;
}

input::placeholder {
    color: #ccc;
  }

.select_placeholder {
    color: #ccc;
  }

.bottom_ccc {
    border-bottom: #ccc !important;
}

.table36 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
    border-top:1px solid #ccc;
    border-right:1px solid #ccc;
    border-left:none !important;
    border-bottom:none !important;
}

.table36 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table36 td {
    padding: 0.25rem;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    border-left: none;
    border-top: none;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table36 input {
    font-size:13px !important;
}

.table36 th:last-child,
.table36 td:last-child {
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}

.cus_t {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: inline-block;
    max-width: 70px;
}

.cus_t_c{
    background-color: #f9f9f9 !important;
}

.table37 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.table37 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: center;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table37 td {
    padding: 0.25rem;
    vertical-align: middle;
    border-left: none;
    border-top: none;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table37 input {
    font-size:13px !important;
}


.bottom_ccc {
    border-bottom:1px solid #ccc;
}





.toggle_input {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    z-index: 5;
    opacity: 0;
    cursor: pointer;
  }

  .toggle_label {
    width: 42px;
    height: 22px;
    background: #e8ecef;
    border: 3px solid #e8ecef;
    position: relative;
    display: inline-block;
    border-radius: 40px;
    transition: 0.4s;
    box-sizing: border-box;
  }

  .toggle_label:after {
    content: "";
    position: absolute;
    width: 12px;
    height: 12px;
    border-radius: 100%;
    left: 2px;
    top: 2px;
    z-index: 2;
    background: #ffffff;
    transition: 0.4s;
  }

  .toggle_input:checked + .toggle_label {

    border: 3px solid #1a73e8;
    background: #1a73e8;
  }

  .toggle_input:checked + .toggle_label:after {
    left: 22px;
    background: #ffffff;
  }

  .toggle_button {
    position: relative;
    width: 42px;
    height: 22px;
    margin: auto;
  }


  .table_kissyoku_setting {
    width:800px;

    color:#333;
    vertical-align: bottom;
    margin-left: auto;
    margin-right: auto;
    border-collapse:separate;
    border-spacing:0;
  }

  .table_kissyoku_setting th {
    font-weight:600;
    height:20px;
    vertical-align: bottom;
    font-size:14px;
  }

  .table_kissyoku_setting td {
    height:50px;
    vertical-align: bottom;
    font-size:14px;
  }


  .table_viewnutrients {
    width:100%;

    color:#333;
    vertical-align: bottom;
    border-collapse:separate;
    border-spacing:0;
  }

  .table_viewnutrients td {
    height:40px;
    vertical-align: bottom;
    font-size:14px;
  }

  .table_viewnutrients th {
    font-weight:600;
    font-size:14px;
  }

  .sticky_table8_1_wrapper {
    overflow: scroll;
    width:100%;

}

.sticky_table8_1 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;

  }

  .sticky_table8_1 th {
    font-size:13px;
    color:#333;
    font-weight:600;
    height:30px;
    text-align:center;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #e6e6e6;
    border-top:1px solid #ccc;
  }

  .sticky_table8_1 td {
    font-size:13px;
    color:#333;
    font-weight:400;
    height:30px;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    padding-left:5px;
    padding-right:5px;
  }


  .sticky_table8_1 tr:last-child>* {
    border-bottom: 1px solid #ccc !important;
}



.sticky_table8_1 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table8_1 thead th {
    top: 0;
    z-index: 10;
  }




  .sticky_table8_1 th:nth-child(1) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 30;
  }

  .sticky_table8_1 th:nth-child(2) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 120px;
    z-index: 30;
  }



 .cell8_1_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    background-color: #ffffff;
  }

  .cell8_1_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 120px;
    z-index: 25;
    background-color: #ffffff;
  }



  .sticky_table8_1 th:first-child {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

  .sticky_table8_1 th:nth-child(1)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table8_1 th:nth-child(2)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}




.sticky_table8_1 th input{
    position : relative ;
}

.cell8_1_1::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell8_1_2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}




.cell8_1_2 input {
    position : relative ;
}


.table_syokusyu {
    display: inline-block;
    border-collapse:separate;
    border-spacing:0;
    border:1px solid #ccc;
    padding-left:0px;
}

.table_syokusyu th {
    border-right:1px solid #e6e6e6;
    color:#333;
    font-size:13px !important;
    font-weight:600;
    padding-left:5px;
}

.table_kondate_copy {
    border-collapse:separate;
    border-spacing:0;
    padding-left:0px;
}

.table_kondate_copy th {
    border-right:1px solid #e6e6e6;
    color:#333;
    font-size:13px !important;
    font-weight:600;
    padding-left:5px;
}


.btn-fuji-file-add2 {
    background: #e8ecef;
    border-color: #a9a9a9;
    border-width: 1px;
    border-radius: 3px;
    padding-top: 3px;
    padding-bottom: 3px;
    padding-right: 5px;
    padding-left: 5px;
    font-size: 11px;
    line-height: inherit;
    color:#333;
}

.btn-fuji-file-add2:hover {
    background:#d3d3d3;
    border-color: #a9a9a9;
    color:#fff;
}

.table_load_average {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
    border:1px solid #ccc;
}

.table_load_average th {
    text-align:center;
    font-size:13px;
    color:#333;
    font-weight:600;
}

.table_load_average td {
    font-size:13px;
    color:#333;
    padding-right:5px;
    padding-left:5px;
    padding-top:3px;
    padding-bottom:3px;
}

.album_photo {
    width:calc((100% - 4px)/4);
    position: relative;
    overflow: hidden;
    display: flex;
    flex-wrap: wrap;
}

.album_photo::before{
    content: "";
    padding-top: 100%;
    display: block;
}



.image-box {
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    object-fit: cover;
}

.image-box2 {
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    left: 0;
    object-fit: cover;
}


.text_right {
    text-align:right;
}


.table_gyousya {
    display: table;
    border-collapse:separate;
    border-spacing:0;

  }


  .table38 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.table38 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table38 td {
    padding: 0.25rem;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table38 tr>*:last-child {
    border-right: 1px solid #ccc !important;
}

.table38 tr>*:first-child {
    border-left: 1px solid #ccc !important;
}

.table38 tr:last-child>* {
    border-bottom: 1px solid #ccc !important;
}

.table39 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.table39 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: left;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table39 td {
    padding: 0.25rem;
    vertical-align: middle;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.dash_bar_2l3 {
    width:540px;
    height:190px;
    margin-bottom:24px !important;
    padding:0px;
    margin-right:12px;
    background-color:#fff;
    border-radius: 5px;
    color:#333;
}

.dash_bar_2r3 {
    width:540px;
    height:190px;
    margin-bottom:24px !important;
    padding:0px;
    margin-left:12px;
    background-color:#fff;
    border-radius: 5px;
    color:#333;
}


.table40 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.table40 th {
    padding: 0.25rem;
    vertical-align: middle;
    text-align: center;
    border-right: 1px solid #ffffff;
    border-bottom: 1px solid #e6e6e6;
    border-top: 1px solid #ccc;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table40 td {
    padding: 0.25rem;
    vertical-align: middle;
    border-bottom: 1px solid #e6e6e6;
    border-right: 1px solid #e6e6e6;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table40 tr>*:last-child {
    border-right: 1px solid #ccc !important;
}

.table40 tr>*:first-child {
    border-left: 1px solid #ccc !important;
}

.table40 tr:last-child>* {
    border-bottom: 1px solid #ccc !important;
}


.table41 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.table41 th {
    padding: 0.25rem;
    vertical-align: middle;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
}

.table41 td {
    padding: 0.25rem;
    vertical-align: middle;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}

.table42 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;
}

.table42 th {
    padding: 0.25rem;
    vertical-align: middle;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
    font-weight:600;
    height:35px;
}

.table42 td {
    padding: 0.25rem;
    vertical-align: middle;
    word-break: break-all;
    color:#333;
    font-size:13px !important;
}


.sticky_table43_wrapper {
    overflow: scroll;
    width:100%;

}

.table43 {
    display: table;
    border-collapse:separate;
    border-spacing:0;
    width: 100%;

  }

  .table43 th {
    font-size:13px;
    color:#333;
    font-weight:600;
    height:30px;
    text-align:center;
    border-right:1px solid #ffffff;
    border-bottom:1px solid #e6e6e6;
    border-top:1px solid #ccc;
  }

  .table43 td {
    font-size:13px;
    color:#333;
    font-weight:400;
    height:30px;
    border-right:1px solid #e6e6e6;
    border-bottom:1px solid #e6e6e6;
    padding-left:5px;
    padding-right:5px;
  }

  .table43 thead tr:nth-child(1) th {
    top: 0;
  }

  .table43 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .table43 thead th {
    top: 0;
    z-index: 10;
  }


  .first_table43 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    width:120px;
  }

  .first_table43 {
    /* ヘッダー行内の他のセルより手前に表示する */
    z-index: 20;
  }

  .cell43_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 35 !important;
  }

  .cell43_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 90px;
    z-index: 35 !important;
  }

  .cell43_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 180px;
    z-index: 35 !important;
  }

  .cell43_4 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 240px;
    z-index: 35 !important;
  }

  .cell43_5 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 360px;
    z-index: 35 !important;
  }

  .cell43_6 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 610px;
    z-index: 35 !important;
  }

  .cell43_1_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25 !important;
  }

  .cell43_1_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 90px;
    z-index: 25 !important;
  }

  .cell43_1_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 180px;
    z-index: 25 !important;
  }

  .cell43_1_4 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 240px;
    z-index: 25 !important;
  }

  .cell43_1_5 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 360px;
    z-index: 25 !important;
  }

  .cell43_1_6 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 610px;
    z-index: 25 !important;
  }




#form dl {
    width: 1000px;
    /* border-top: 1px solid #3e1a04; */
    margin: 0 auto;
    padding: 20px 0;
    display: table;
}

#form dl dt {
    width: 300px;
    vertical-align: middle;
    padding: 0 20px 0 30px;
    display: table-cell;
}

#form dl dd {
    width: 700px;
    display: table-cell;
}


#wrapper #contact #form dl dd input, #wrapper #contact #form dl dd textarea {
    width: 70%;
    color: #333;
    padding: 5px;
    border: 1px solid #7a7a7a;
    -webkit-appearance: none;
}


#wrapper #contact #form dl dd input.small {
    width: 20%;
    padding: 5px;
}

#wrapper #contact #form dl dd select {
    height: 40px;
    line-height: normal;
    border: 1px solid #7a7a7a;
}

#wrapper #contact p.guide {
    margin: 0 0 20px 0;
}

#wrapper #contact p.guide2 {
    text-align: center;
    margin: 0 0 20px 0;
}

#wrapper #contact h1 {
    font-size: 32px;
    font-size: 3.2rem;
    line-height: 1;
    margin: 0 0 30px 0;
}

#wrapper #contact #agree {
    text-align: center;
    margin: 0 0 40px 0;
}

#wrapper #contact #btn {
    text-align: center;
}



/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;

  width:100%;
  margin: 0 auto;
}

/*タブのスタイル*/
.tab_item {
  width: 200px;

  margin-right:10px;
  border-radius: 10px 10px 0 0 ;
  line-height: 30px;
  font-size: 13px;
  text-align: left;
  color: #333;
  display: block;
  float: left;
  font-weight: bold;
  transition: all 0.2s ease;
}
.tab_item:hover {
  opacity: 0.75;
}

/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  background-color: #e8ecef;
  display: none;
  padding: 0px;
  clear: both;
  overflow: hidden;
  min-height: 518px;
}


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content,
#keiyaku:checked ~ #keiyaku_content,
#card:checked ~ #card_content,
#change_free:checked ~ #change_free_content,
#meisai:checked ~ #meisai_content{
  display: block;
}



.mailchange-popup-open {
    cursor: pointer;
    display: block;
    color: #fff;
    font-weight: bold;
    background: #1492af;
    /* border: 2px solid #1492af; */
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    text-decoration: none;
    margin-bottom: 60px;
}

#mailchange-popup {
    display: none; /* label でコントロールするので input は非表示に */
  }

.mailchange-popup-overlay {
    display: none; /* input にチェックが入るまでは非表示に */
  }

.mailchange-popup-overlay-active {
    display: block;
    z-index: 99999;
    background-color: #00000070;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

  .mailchange-popup-window {
    width: 690px;
    padding: 20px;
    background-color: #e8ecef;
    border-radius: 6px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .mailchange-popup-text {
    margin: 0;
    color:#1a73e8;
    font-size:18px;
    font-weight:700;
  }

  .mailchange-popup-text:not(:last-of-type) {
    margin-bottom: 1em
  }

  .mailchange-popup-close {
    cursor: pointer;
    position: absolute;
    top: -26px;
    right: 0;
  }

#mailchange-popup-text-wrapper{
    background-color: #ffffff;
    border-radius: 6px;
    margin:-4px 10px 10px 10px;
    padding:30px;
}




.passchange-popup-open {
    cursor: pointer;
    display: block;
    color: #fff;
    font-weight: bold;
    background: #1492af;
    /* border: 2px solid #1492af; */
    text-align: center;
    height: 60px;
    line-height: 60px;
    border-radius: 100px;
    text-decoration: none;
    margin-bottom: 60px;
}

#passchange-popup {
    display: none; /* label でコントロールするので input は非表示に */
  }

.passchange-popup-overlay {
    display: none; /* input にチェックが入るまでは非表示に */
  }

.passchange-popup-overlay-active {
    display: block;
    z-index: 99999;
    background-color: #00000070;
    position: fixed;
    width: 100%;
    height: 100vh;
    top: 0;
    left: 0;
}

  .passchange-popup-window {
    width: 690px;
    padding: 20px;
    background-color: #e8ecef;
    border-radius: 6px;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
  }

  .passchange-popup-text {
    margin: 0;
    color:#1a73e8;
    font-size:18px;
    font-weight:700;
  }

  .passchange-popup-text:not(:last-of-type) {
    margin-bottom: 1em
  }

  .passchange-popup-close {
    cursor: pointer;
    position: absolute;
    top: -26px;
    right: 0;
  }

#passchange-popup-text-wrapper{
    background-color: #ffffff;
    border-radius: 6px;
    margin:-4px 10px 10px 10px;
    padding:30px;
}


#form2 dl {
    width: 100%;
    border-top: 1px solid #3e1a04;
    margin: 0 auto;
    padding: 20px 0;
    display: table;
}

#form2 dl dt {
    width: 45%;
    vertical-align: middle;
    background-size: 20px 5px;
    padding: 0 20px 0 30px;
    display: table-cell;
}

#form2 dl dd {
    width: 55%;
    display: table-cell;
    vertical-align: middle;
}


#wrapper #contact #form2 dl dd input, #wrapper #contact #form dl dd textarea {
    width: 70%;
    color: #333;
    padding: 5px;
    border: 1px solid #7a7a7a;
    -webkit-appearance: none;
}


#wrapper #contact #form2 dl dd input.small {
    width: 20%;
    padding: 5px;
}

#wrapper #contact #form2 dl dd select {
    height: 40px;
    line-height: normal;
    border: 1px solid #7a7a7a;
}

#card-element,
#card-holder-name {
  border-radius: 4px 4px 0 0;
  padding: 12px;
  border: 1px solid rgba(50, 50, 93, 0.1);
  height: 44px;
  width: 100%;
  background: white;
}

button#card-button {
    width:150px;
    margin:20px auto 0 auto;
    background: #1a73e8;
    color: #ffffff;
    font-family: Arial, sans-serif;
    border-radius: 4px;
    border: 0;
    padding: 12px 16px;
    font-size: 16px;
    font-weight: 600;
    cursor: pointer;
    display: block;
    box-shadow: 0px 4px 5.5px 0px rgba(0, 0, 0, 0.07);

  }

  dl dd p.error {
      color: #f00;
      font-weight: bold;
      margin: 5px 0 0 0;
      font-size: 14px;
      font-weight: 700;
      }

.check p.error {
color: #f00;
font-weight: bold;
margin: 5px 0 0 0;
font-size: 14px;
font-weight: 700;
}



.sticky_table6_2wrapper {
    overflow: scroll;
    max-height: 600px;
    width:100%;
}




.sticky_table6_2 thead th {
    /* 縦スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    z-index: 10;
  }

  .sticky_table6_2 thead tr:nth-child(1) th {
    top: 0;
  }


  .sticky_table6_2 th:nth-child(1) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 30;

  }

  .sticky_table6_2 th:nth-child(2) {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 230px;
    z-index: 30;
  }



 .cell6_2_1 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
    z-index: 25;
    width: 50px;
  }

  .cell6_2_2 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0px;
    z-index: 25;
  }

  .cell6_2_3 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 230px;
    z-index: 25;
  }

  .cell6_2_4 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 390px;
    z-index: 25;
  }

  .cell6_2_5 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 510px;
    z-index: 25;
  }

  .cell6_2_6 {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 590px;
    z-index: 25;
  }

  .sticky_table6_2 th:first-child {
    /* 横スクロール時に固定する */
    position: -webkit-sticky;
    position: sticky;
    left: 0;
  }

  .sticky_table6_2 th:nth-child(1)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 230px ;
    height : 100% ;

}

.sticky_table6_2 th:nth-child(2)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 230px ;
    width : 160px ;
    height : 100% ;

}

.sticky_table6_2 th:nth-child(3)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}



.sticky_table6_2 th:nth-child(4)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table6_2 th:nth-child(5)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table6_2 th:nth-child(6)::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.sticky_table6_2 th input{
    position : relative ;
}

.cell6_2_1::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;
}

.cell6_2_1 input {
    position : relative ;
}

.cell6_2_2::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_2_3::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_2_4::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_2_4 input {
    position : relative ;
}

.cell6_2_5::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_2_5 input {
    position : relative ;
}

.cell6_2_6::before{
    content : "" ;
    position : absolute ;
    top : 0 ;
    left : 0 ;
    width : 100% ;
    height : 100% ;

}

.cell6_2_6 input {
    position : relative ;
}

.news_itiran a {
    color:#1a73e8;
    text-decoration-color: #1a73e8;
    text-decoration: underline;
}

.long_text {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.news_itiran p {
    font-size: 13px;
}


@media (max-width: 480px){
    .feature_pc {
        display: none;
    }

    .head {
        height:50px;
    }

    #contact {
        width:100% !important;
    }

    #contact2 {
        width:100% !important;
    }

    #form_title {
        text-align: center !important;
    }

    #privacy {
        width:100% !important;
        padding:10px;
    }

    #privacy dl dd {
        width:100% !important;
        padding:10px;
    }


}