@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700&display=swap');

@font-face{
    font-family: "Noto Sans JP, sans-serif";
    font-weight: 100;src: url('../../fonts/NotoSansJP-Thin.woff') format('woff');
}
@font-face{
    font-family: "Noto Sans JP, sans-serif";
    font-weight: 300;src: url('../../fonts/NotoSansJP-Light.woff') format('woff');
}
@font-face{
    font-family: "Noto Sans JP, sans-serif";
    font-weight: 400;src: url('../../fonts/NotoSansJP-Regular.woff') format('woff');
}
@font-face{
    font-family: "Noto Sans JP, sans-serif";
    font-weight: 500;src: url('../../fonts/NotoSansJP-Medium.woff') format('woff');
}
@font-face{
    font-family: "Noto Sans JP, sans-serif";
    font-weight: 700;src: url('../../fonts/NotoSansJP-Bold.woff') format('woff');
}
@font-face{
    font-family: "Noto Sans JP, sans-serif";
    font-weight: 900;src: url('../../fonts/NotoSansJP-Black.woff') format('woff');
}

/*
! tailwindcss v3.1.4 | MIT License | https://tailwindcss.com
*/

/*
1. Prevent padding and border from affecting element width. (https://github.com/mozdevs/cssremedy/issues/4)
2. Allow adding a border to an element by just adding a border-width. (https://github.com/tailwindcss/tailwindcss/pull/116)
*/

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

::before,
::after {
  --tw-content: '';
}

/*
1. Use a consistent sensible line-height in all browsers.
2. Prevent adjustments of font size after orientation changes in iOS.
3. Use a more readable tab size.
4. Use the user's configured `sans` font-family by default.
*/

html {
  line-height: 1.5; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  -o-tab-size: 4;
     tab-size: 4; /* 3 */
  font-family: Noto Sans JP, sans-serif; /* 4 */
}

/*
1. Remove the margin in all browsers.
2. Inherit line-height from `html` so users can set them as a class directly on the `html` element.
*/

body {
  margin: 0; /* 1 */
  line-height: inherit; /* 2 */
}

/*
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)
3. Ensure horizontal rules are visible by default.
*/

hr {
  height: 0; /* 1 */
  color: inherit; /* 2 */
  border-top-width: 1px; /* 3 */
}

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

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

/*
Remove the default font size and weight for headings.
*/

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;
}

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

b,
strong {
  font-weight: bolder;
}

/*
1. Use the user's configured `mono` font family by default.
2. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, 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;
}

/*
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)
3. Remove gaps between table borders by default.
*/

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

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

button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  font-weight: inherit; /* 1 */
  line-height: inherit; /* 1 */
  color: inherit; /* 1 */
  margin: 0; /* 2 */
  padding: 0; /* 3 */
}

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

button,
select {
  text-transform: none;
}

/*
1. Correct the inability to style clickable types in iOS and Safari.
2. Remove default button styles.
*/

button,
[type='button'],
[type='reset'],
[type='submit'] {
  -webkit-appearance: button; /* 1 */
  background-color: transparent; /* 2 */
  background-image: none; /* 2 */
}

/*
Use the modern Firefox focus style for all focusable elements.
*/

:-moz-focusring {
  outline: auto;
}

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

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

/*
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 */
}

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

summary {
  display: list-item;
}

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

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

fieldset {
  margin: 0;
  padding: 0;
}

legend {
  padding: 0;
}

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

/*
Prevent resizing textareas horizontally by default.
*/

textarea {
  resize: vertical;
}

/*
1. Reset the default placeholder opacity in Firefox. (https://github.com/tailwindlabs/tailwindcss/issues/3300)
2. Set the default placeholder color to the user's configured gray 400 color.
*/

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

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

/*
Set the default cursor for buttons.
*/

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

/*
Make sure disabled buttons don't get the pointer cursor.
*/

:disabled {
  cursor: default;
}

/*
1. Make replaced elements `display: block` by default. (https://github.com/mozdevs/cssremedy/issues/14)
2. Add `vertical-align: middle` to align replaced elements more sensibly by default. (https://github.com/jensimmons/cssremedy/issues/14#issuecomment-634934210)
   This can trigger a poorly considered lint error in some tools but is included by design.
*/

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;
}

*, ::before, ::after{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}

::backdrop{
    --tw-border-spacing-x: 0;
    --tw-border-spacing-y: 0;
    --tw-translate-x: 0;
    --tw-translate-y: 0;
    --tw-rotate: 0;
    --tw-skew-x: 0;
    --tw-skew-y: 0;
    --tw-scale-x: 1;
    --tw-scale-y: 1;
    --tw-pan-x:  ;
    --tw-pan-y:  ;
    --tw-pinch-zoom:  ;
    --tw-scroll-snap-strictness: proximity;
    --tw-ordinal:  ;
    --tw-slashed-zero:  ;
    --tw-numeric-figure:  ;
    --tw-numeric-spacing:  ;
    --tw-numeric-fraction:  ;
    --tw-ring-inset:  ;
    --tw-ring-offset-width: 0px;
    --tw-ring-offset-color: #fff;
    --tw-ring-color: rgb(59 130 246 / 0.5);
    --tw-ring-offset-shadow: 0 0 #0000;
    --tw-ring-shadow: 0 0 #0000;
    --tw-shadow: 0 0 #0000;
    --tw-shadow-colored: 0 0 #0000;
    --tw-blur:  ;
    --tw-brightness:  ;
    --tw-contrast:  ;
    --tw-grayscale:  ;
    --tw-hue-rotate:  ;
    --tw-invert:  ;
    --tw-saturate:  ;
    --tw-sepia:  ;
    --tw-drop-shadow:  ;
    --tw-backdrop-blur:  ;
    --tw-backdrop-brightness:  ;
    --tw-backdrop-contrast:  ;
    --tw-backdrop-grayscale:  ;
    --tw-backdrop-hue-rotate:  ;
    --tw-backdrop-invert:  ;
    --tw-backdrop-opacity:  ;
    --tw-backdrop-saturate:  ;
    --tw-backdrop-sepia:  ;
}
.container{
    width: 100%;
}
@media (min-width: 640px){

    .container{
        max-width: 640px;
    }
}
@media (min-width: 780px){

    .container{
        max-width: 780px;
    }
}
@media (min-width: 1024px){

    .container{
        max-width: 1024px;
    }
}
@media (min-width: 1280px){

    .container{
        max-width: 1280px;
    }
}
@media (min-width: 1405px){

    .container{
        max-width: 1405px;
    }
}
@media (min-width: 1536px){

    .container{
        max-width: 1536px;
    }
}
:root{
    --bs-blue: #0d6efd;
    --bs-indigo: #6610f2;
    --bs-purple: #6f42c1;
    --bs-pink: #d63384;
    --bs-red: #dc3545;
    --bs-orange: #fd7e14;
    --bs-yellow: #ffc107;
    --bs-green: #198754;
    --bs-teal: #20c997;
    --bs-cyan: #0dcaf0;
    --bs-white: #fff;
    --bs-gray: #6c757d;
    --bs-gray-dark: #343a40;
    --bs-gray-100: #f8f9fa;
    --bs-gray-200: #e9ecef;
    --bs-gray-300: #dee2e6;
    --bs-gray-400: #ced4da;
    --bs-gray-500: #adb5bd;
    --bs-gray-600: #6c757d;
    --bs-gray-700: #495057;
    --bs-gray-800: #343a40;
    --bs-gray-900: #212529;
    --bs-primary: #0d6efd;
    --bs-secondary: #6c757d;
    --bs-success: #198754;
    --bs-info: #0dcaf0;
    --bs-warning: #ffc107;
    --bs-danger: #dc3545;
    --bs-light: #f8f9fa;
    --bs-dark: #212529;
    --bs-primary-rgb: 13, 110, 253;
    --bs-secondary-rgb: 108, 117, 125;
    --bs-success-rgb: 25, 135, 84;
    --bs-info-rgb: 13, 202, 240;
    --bs-warning-rgb: 255, 193, 7;
    --bs-danger-rgb: 220, 53, 69;
    --bs-light-rgb: 248, 249, 250;
    --bs-dark-rgb: 33, 37, 41;
    --bs-white-rgb: 255, 255, 255;
    --bs-black-rgb: 0, 0, 0;
    --bs-body-color-rgb: 33, 37, 41;
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-font-sans-serif: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
    --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
    --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
    --bs-body-font-family: var(--bs-font-sans-serif);
    --bs-body-font-size: 1rem;
    --bs-body-font-weight: 400;
    --bs-body-line-height: 1.5;
    --bs-body-color: #212529;
    --bs-body-bg: #fff;
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n+3){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n+4){
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
}
.is-invalid ~ .invalid-feedback{
    display: block;
}
.is-invalid ~ .invalid-tooltip{
    display: block;
}
.form-control.is-invalid{
    border-color: #dc3545;
    padding-right: calc(1.5em + 0.75rem);
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-position: right calc(0.375em + 0.1875rem) center;
    background-size: calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-control.is-invalid:focus{
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
textarea.form-control.is-invalid{
    padding-right: calc(1.5em + 0.75rem);
    background-position: top calc(0.375em + 0.1875rem) right calc(0.375em + 0.1875rem);
}
.form-select.is-invalid{
    border-color: #dc3545;
}
.form-select.is-invalid:not([multiple]):not([size]){
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:not([multiple])[size="1"]{
    padding-right: 4.125rem;
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23343a40' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M2 5l6 6 6-6'/%3e%3c/svg%3e"), url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
    background-position: right 0.75rem center, center right 2.25rem;
    background-size: 16px 12px, calc(0.75em + 0.375rem) calc(0.75em + 0.375rem);
}
.form-select.is-invalid:focus{
    border-color: #dc3545;
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid{
    border-color: #dc3545;
}
.form-check-input.is-invalid:checked{
    background-color: #dc3545;
}
.form-check-input.is-invalid:focus{
    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
}
.form-check-input.is-invalid ~ .form-check-label{
    color: #dc3545;
}
.input-group .form-control.is-invalid{
    z-index: 2;
}
.input-group .form-select.is-invalid{
    z-index: 2;
}
.input-group .form-control.is-invalid:focus{
    z-index: 3;
}
.input-group .form-select.is-invalid:focus{
    z-index: 3;
}
.btn.active{
    box-shadow: none;
}
.btn.active:focus{
    box-shadow: none;
}
.fade{
    transition: opacity 0.15s linear;
}
.fade:not(.show){
    opacity: 0;
}
.collapse:not(.show){
    display: none;
}
.collapsing{
    height: 0;
    overflow: hidden;
    transition: height 0.35s ease;
}
.collapsing.collapse-horizontal{
    width: 0;
    height: auto;
    transition: width 0.35s ease;
}
.dropdown-menu{
    z-index: 1000;
}
.dropdown-item.active{
    color: #1f2937;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #0d6efd;
}
.dropdown-item:active{
    color: #1f2937;
    -webkit-text-decoration: none;
    text-decoration: none;
    background-color: #0d6efd;
}
.dropdown-item:disabled{
    color: #adb5bd;
    pointer-events: none;
    background-color: transparent;
}
.dropdown-menu.show{
    display: block;
}
.dropdown-menu-dark .dropdown-item.active{
    color: #fff;
    background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item:active{
    color: #fff;
    background-color: #0d6efd;
}
.dropdown-menu-dark .dropdown-item.disabled{
    color: #adb5bd;
}
.dropdown-menu-dark .dropdown-item:disabled{
    color: #adb5bd;
}
.nav-tabs .nav-link{
    color: #4b5563;
}
.nav-tabs .nav-link:hover{
    isolation: isolate;
}
.nav-tabs .nav-link:focus{
    isolation: isolate;
}
.nav-tabs .nav-link.disabled{
    color: #9ca3af;
    background-color: transparent;
    border-color: transparent;
}
.nav-tabs .nav-link.active{
    color: #2563eb;
    border-color: #2563eb;
}
.nav-tabs .nav-item.show .nav-link{
    color: #2563eb;
    border-color: #2563eb;
}
.nav-tabs .dropdown-menu{
    margin-top: -1px;
    border-top-left-radius: 0;
    border-top-right-radius: 0;
}
.nav-pills .nav-link{
    background: #f3f4f6;
    color: #4b5563;
    box-shadow: none;
}
.nav-pills .nav-link.active{
    background: #2563eb;
    color: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.nav-pills .show > .nav-link{
    background: #2563eb;
    color: #fff;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}
.nav-pills .disabled{
    color: #9ca3af;
    background-color: rgba(243, 244, 246, 0.5);
}
.nav-pills.menu-sidebar .nav-link{
    background-color: transparent;
    box-shadow: none;
    padding: 0 5px;
    border-radius: 0;
}
.nav-pills.menu-sidebar .nav-link.active{
    color: #1266f1;
    font-weight: 600;
    border-left: 0.125rem solid #1266f1;
}
.nav-justified > .nav-link{
    -ms-flex-basis: 0;
    flex-basis: 0;
}
.nav-justified .nav-item{
    -ms-flex-basis: 0;
    flex-basis: 0;
}
.tab-content > .active{
    display: block;
}
.navbar-expand .navbar-nav{
    flex-direction: row;
}
.navbar-expand .navbar-nav .dropdown-menu{
    position: absolute;
}
.navbar-expand .navbar-nav .nav-link{
    padding-right: 0.5rem;
    padding-left: 0.5rem;
}
.navbar-expand .offcanvas{
    position: inherit;
    bottom: 0;
    z-index: 1000;
    -ms-flex-grow: 1;
    flex-grow: 1;
    visibility: visible !important;
    background-color: transparent;
    border-right: 0;
    border-left: 0;
    transition: none;
    transform: none;
}
.navbar-light .navbar-nav .nav-link.disabled{
    color: rgba(0, 0, 0, 0.3);
}
.navbar-light .navbar-nav .show > .nav-link{
    color: rgba(0, 0, 0, 0.9);
}
.navbar-light .navbar-nav .nav-link.active{
    color: rgba(0, 0, 0, 0.9);
}
.navbar-dark .navbar-nav .nav-link.disabled{
    color: rgba(255, 255, 255, 0.25);
}
.navbar-dark .navbar-nav .show > .nav-link{
    color: #fff;
}
.navbar-dark .navbar-nav .nav-link.active{
    color: #fff;
}
.accordion-button{
    overflow-anchor: none;
}
.accordion-button:not(.collapsed){
    color: #2563eb;
    background-color: #fff;
    box-shadow: inset 0 -1px 0 #e5e7eb;
}
.accordion-button:not(.collapsed)::after{
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%232563eb'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    transform: rotate(-180deg);
}
.accordion-button::after{
    -ms-flex-shrink: 0;
    flex-shrink: 0;
    width: 1.25rem;
    height: 1.25rem;
    margin-left: auto;
    content: "";
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='%23212529'%3e%3cpath fill-rule='evenodd' d='M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708z'/%3e%3c/svg%3e");
    background-repeat: no-repeat;
    background-size: 1.25rem;
    transition: transform 0.2s ease-in-out;
}
.accordion-button:hover{
    z-index: 2;
}
.accordion-button:focus{
    z-index: 3;
}
.accordion-item:first-of-type{
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
}
.accordion-item:first-of-type .accordion-button{
    border-top-left-radius: calc(0.5rem - 1px);
    border-top-right-radius: calc(0.5rem - 1px);
}
.accordion-item:not(:first-of-type){
    border-top: 0;
}
.accordion-item:last-of-type{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.accordion-item:last-of-type .accordion-button.collapsed{
    border-bottom-right-radius: calc(0.5rem - 1px);
    border-bottom-left-radius: calc(0.5rem - 1px);
}
.accordion-item:last-of-type .accordion-collapse{
    border-bottom-right-radius: 0.5rem;
    border-bottom-left-radius: 0.5rem;
}
.btn-close.disabled{
    pointer-events: none;
    -webkit-user-select: none;
    -moz-user-select: none;
    user-select: none;
    opacity: 0.25;
}
.modal{
    z-index: 1055;
}
.modal-dialog{
    margin: 0.5rem;
}
.modal.fade .modal-dialog{
    transition: transform 0.3s ease-out;
    transform: translate(0, -50px);
}
.modal.show .modal-dialog{
    transform: none;
}
.modal.modal-static .modal-dialog{
    transform: scale(1.02);
}
.modal-dialog-scrollable .modal-body{
    overflow-y: auto;
}
.modal-backdrop{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1050;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.modal-backdrop.fade{
    opacity: 0;
}
.modal-backdrop.show{
    opacity: 0.5;
}
.modal-body{
    flex: 1 1 auto;
}
.modal-fullscreen .modal-body{
    overflow-y: auto;
}
.tooltip{
    position: absolute;
    z-index: 1080;
    display: block;
    margin: 0;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-align: start;
    text-align: start;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -webkit-text-transform: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    opacity: 0;
}
.tooltip.show{
    opacity: 1;
}
.bs-tooltip-top .tooltip-arrow{
    bottom: 0;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow{
    bottom: 0;
}
.bs-tooltip-top .tooltip-arrow::before{
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before{
    top: -1px;
    border-width: 0.4rem 0.4rem 0;
    border-top-color: #000;
}
.bs-tooltip-end .tooltip-arrow{
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow{
    left: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-end .tooltip-arrow::before{
    right: -1px;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before{
    right: -1px;
    border-width: 0.4rem 0.4rem 0.4rem 0;
    border-right-color: #000;
}
.bs-tooltip-bottom .tooltip-arrow{
    top: 0;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow{
    top: 0;
}
.bs-tooltip-bottom .tooltip-arrow::before{
    bottom: -1px;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before{
    bottom: -1px;
    border-width: 0 0.4rem 0.4rem;
    border-bottom-color: #000;
}
.bs-tooltip-start .tooltip-arrow{
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow{
    right: 0;
    width: 0.4rem;
    height: 0.8rem;
}
.bs-tooltip-start .tooltip-arrow::before{
    left: -1px;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before{
    left: -1px;
    border-width: 0.4rem 0 0.4rem 0.4rem;
    border-left-color: #000;
}
.tooltip-inner{
    max-width: 200px;
    font-size: 14px;
    padding: 6px 16px;
    color: #fff;
    -webkit-text-align: center;
    text-align: center;
    background-color: #6d6d6d;
    border-radius: 0.25rem;
}
.popover{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1070;
    display: block;
    max-width: 276px;
    font-family: var(--bs-font-sans-serif);
    font-style: normal;
    font-weight: 400;
    line-height: 1.5;
    -webkit-text-align: start;
    text-align: start;
    -webkit-text-decoration: none;
    text-decoration: none;
    -webkit-text-shadow: none;
    text-shadow: none;
    -webkit-text-transform: none;
    text-transform: none;
    letter-spacing: normal;
    word-break: normal;
    word-spacing: normal;
    white-space: normal;
    line-break: auto;
    font-size: 0.875rem;
    word-wrap: break-word;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.bs-popover-top > .popover-arrow{
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow{
    bottom: calc(-0.5rem - 1px);
}
.bs-popover-top > .popover-arrow::before{
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before{
    bottom: 0;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-top > .popover-arrow::after{
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after{
    bottom: 1px;
    border-width: 0.5rem 0.5rem 0;
    border-top-color: #fff;
}
.bs-popover-end > .popover-arrow{
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow{
    left: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-end > .popover-arrow::before{
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before{
    left: 0;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-end > .popover-arrow::after{
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after{
    left: 1px;
    border-width: 0.5rem 0.5rem 0.5rem 0;
    border-right-color: #fff;
}
.bs-popover-bottom > .popover-arrow{
    top: calc(-0.5rem - 1px);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow{
    top: calc(-0.5rem - 1px);
}
.bs-popover-bottom > .popover-arrow::before{
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before{
    top: 0;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-bottom > .popover-arrow::after{
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after{
    top: 1px;
    border-width: 0 0.5rem 0.5rem 0.5rem;
    border-bottom-color: #fff;
}
.bs-popover-bottom .popover-header::before{
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
}
.bs-popover-auto[data-popper-placement^=bottom] .popover-header::before{
    position: absolute;
    top: 0;
    left: 50%;
    display: block;
    width: 1rem;
    margin-left: -0.5rem;
    content: "";
    border-bottom: 1px solid #f0f0f0;
}
.bs-popover-start > .popover-arrow{
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow{
    right: calc(-0.5rem - 1px);
    width: 0.5rem;
    height: 1rem;
}
.bs-popover-start > .popover-arrow::before{
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before{
    right: 0;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.bs-popover-start > .popover-arrow::after{
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after{
    right: 1px;
    border-width: 0.5rem 0 0.5rem 0.5rem;
    border-left-color: #fff;
}
.popover-header{
    padding: 0.5rem 1rem;
    margin-bottom: 0;
    font-size: 1rem;
    background-color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.2);
    border-top-left-radius: 0.5rem;
    border-top-right-radius: 0.5rem;
    font-weight: 500;
}
.popover-header:empty{
    display: none;
}
.popover-body{
    padding: 1rem 1rem;
    color: #212529;
}
.carousel.pointer-event{
    touch-action: pan-y;
}
.carousel-item{
    display: none;
    margin-right: -100%;
    backface-visibility: hidden;
    transition: transform 0.6s ease-in-out;
}
.carousel-item.active{
    display: block;
}
.carousel-item-next{
    display: block;
}
.carousel-item-prev{
    display: block;
}
.carousel-item-next:not(.carousel-item-start){
    transform: translateX(100%);
}
.active.carousel-item-end{
    transform: translateX(100%);
}
.carousel-item-prev:not(.carousel-item-end){
    transform: translateX(-100%);
}
.active.carousel-item-start{
    transform: translateX(-100%);
}
.carousel-fade .carousel-item{
    opacity: 0;
    transition-property: opacity;
    transform: none;
}
.carousel-fade .carousel-item.active{
    z-index: 1;
    opacity: 1;
}
.carousel-fade .carousel-item-next.carousel-item-start{
    z-index: 1;
    opacity: 1;
}
.carousel-fade .carousel-item-prev.carousel-item-end{
    z-index: 1;
    opacity: 1;
}
.carousel-fade .active.carousel-item-start{
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}
.carousel-fade .active.carousel-item-end{
    z-index: 0;
    opacity: 0;
    transition: opacity 0s 0.6s;
}
.carousel-indicators{
    z-index: 2;
    margin-right: 15%;
    margin-left: 15%;
    list-style: none;
}
.carousel-indicators [data-bs-target]{
    box-sizing: content-box;
    flex: 0 1 auto;
    width: 30px;
    height: 3px;
    padding: 0;
    margin-right: 3px;
    margin-left: 3px;
    -webkit-text-indent: -999px;
    text-indent: -999px;
    cursor: pointer;
    background-color: #fff;
    background-clip: padding-box;
    border: 0;
    border-top: 10px solid transparent;
    border-bottom: 10px solid transparent;
    opacity: 0.5;
    transition: opacity 0.6s ease;
}
.carousel-indicators .active{
    opacity: 1;
}
.carousel-dark .carousel-indicators [data-bs-target]{
    background-color: #000;
}
.offcanvas{
    z-index: 1045;
}
.offcanvas-backdrop{
    position: fixed;
    top: 0;
    left: 0;
    z-index: 1040;
    width: 100vw;
    height: 100vh;
    background-color: #000;
}
.offcanvas-backdrop.fade{
    opacity: 0;
}
.offcanvas-backdrop.show{
    opacity: 0.5;
}
.offcanvas.show{
    transform: none;
}
.sticky-top{
    position: sticky;
    top: 0;
    z-index: 1020;
}
.vr{
    display: inline-block;
    align-self: stretch;
    width: 1px;
    min-height: 1em;
    background-color: currentColor;
    opacity: 0.25;
}
.animation{
    animation-duration: 1s;
    animation-fill-mode: both;
    padding: auto;
}
.fade-in{
    animation-name: _fade-in;
}
.fade-out{
    animation-name: _fade-out;
}
.animation.infinite{
    animation-iteration-count: infinite;
}
.animation.delay-1s{
    animation-delay: 1s;
}
.animation.delay-2s{
    animation-delay: 2s;
}
.animation.delay-3s{
    animation-delay: 3s;
}
.animation.delay-4s{
    animation-delay: 4s;
}
.animation.delay-5s{
    animation-delay: 5s;
}
.animation.fast{
    animation-duration: 800ms;
}
.animation.faster{
    animation-duration: 500ms;
}
.animation.slow{
    animation-duration: 2s;
}
.animation.slower{
    animation-duration: 3s;
}
.slide-in-left{
    animation-name: _slide-in-left;
}
.slide-in-right{
    animation-name: _slide-in-right;
}
.slide-out-left{
    animation-name: _slide-out-left;
}
.slide-out-right{
    animation-name: _slide-out-right;
}
.ripple-surface{
    position: relative;
    overflow: hidden;
    display: inline-block;
    vertical-align: bottom;
}
.ripple-surface-unbound{
    overflow: visible;
}
.ripple-wave{
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
    border-radius: 50%;
    opacity: 0.5;
    pointer-events: none;
    position: absolute;
    touch-action: none;
    transform: scale(0);
    transition-property: transform, opacity;
    transition-timing-function: cubic-bezier(0, 0, 0.15, 1), cubic-bezier(0, 0, 0.15, 1);
    z-index: 999;
}
.ripple-wave.active{
    transform: scale(1);
    opacity: 0;
}
.btn .ripple-wave{
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.ripple-surface-primary .ripple-wave{
    background-image: radial-gradient(circle, rgba(18, 102, 241, 0.2) 0, rgba(18, 102, 241, 0.3) 40%, rgba(18, 102, 241, 0.4) 50%, rgba(18, 102, 241, 0.5) 60%, rgba(18, 102, 241, 0) 70%);
}
.ripple-surface-secondary .ripple-wave{
    background-image: radial-gradient(circle, rgba(178, 60, 253, 0.2) 0, rgba(178, 60, 253, 0.3) 40%, rgba(178, 60, 253, 0.4) 50%, rgba(178, 60, 253, 0.5) 60%, rgba(178, 60, 253, 0) 70%);
}
.ripple-surface-success .ripple-wave{
    background-image: radial-gradient(circle, rgba(0, 183, 74, 0.2) 0, rgba(0, 183, 74, 0.3) 40%, rgba(0, 183, 74, 0.4) 50%, rgba(0, 183, 74, 0.5) 60%, rgba(0, 183, 74, 0) 70%);
}
.ripple-surface-info .ripple-wave{
    background-image: radial-gradient(circle, rgba(57, 192, 237, 0.2) 0, rgba(57, 192, 237, 0.3) 40%, rgba(57, 192, 237, 0.4) 50%, rgba(57, 192, 237, 0.5) 60%, rgba(57, 192, 237, 0) 70%);
}
.ripple-surface-warning .ripple-wave{
    background-image: radial-gradient(circle, rgba(255, 169, 0, 0.2) 0, rgba(255, 169, 0, 0.3) 40%, rgba(255, 169, 0, 0.4) 50%, rgba(255, 169, 0, 0.5) 60%, rgba(255, 169, 0, 0) 70%);
}
.ripple-surface-danger .ripple-wave{
    background-image: radial-gradient(circle, rgba(249, 49, 84, 0.2) 0, rgba(249, 49, 84, 0.3) 40%, rgba(249, 49, 84, 0.4) 50%, rgba(249, 49, 84, 0.5) 60%, rgba(249, 49, 84, 0) 70%);
}
.ripple-surface-light .ripple-wave{
    background-image: radial-gradient(circle, rgba(251, 251, 251, 0.2) 0, rgba(251, 251, 251, 0.3) 40%, rgba(251, 251, 251, 0.4) 50%, rgba(251, 251, 251, 0.5) 60%, rgba(251, 251, 251, 0) 70%);
}
.ripple-surface-dark .ripple-wave{
    background-image: radial-gradient(circle, rgba(38, 38, 38, 0.2) 0, rgba(38, 38, 38, 0.3) 40%, rgba(38, 38, 38, 0.4) 50%, rgba(38, 38, 38, 0.5) 60%, rgba(38, 38, 38, 0) 70%);
}
.ripple-surface-white .ripple-wave{
    background-image: radial-gradient(circle, rgba(255, 255, 255, 0.2) 0, rgba(255, 255, 255, 0.3) 40%, rgba(255, 255, 255, 0.4) 50%, rgba(255, 255, 255, 0.5) 60%, rgba(255, 255, 255, 0) 70%);
}
.ripple-surface-black .ripple-wave{
    background-image: radial-gradient(circle, rgba(0, 0, 0, 0.2) 0, rgba(0, 0, 0, 0.3) 40%, rgba(0, 0, 0, 0.4) 50%, rgba(0, 0, 0, 0.5) 60%, transparent 70%);
}
.datepicker-toggle-button{
    position: absolute;
    outline: none;
    border: none;
    background-color: transparent;
    right: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
}
.datepicker-toggle-button:focus{
    color: #2979ff;
}
.datepicker-toggle-button:hover{
    color: #2979ff;
}
.datepicker-backdrop{
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 1065;
}
.datepicker-dropdown-container{
    width: 328px;
    height: 380px;
    background-color: #fff;
    border-radius: 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1066;
}
.datepicker-modal-container{
    display: flex;
    flex-direction: column;
    position: fixed;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 328px;
    height: 512px;
    background-color: #fff;
    border-radius: 0.6rem 0.6rem 0.5rem 0.5rem;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    z-index: 1066;
}
.datepicker-header{
    height: 120px;
    padding-right: 24px;
    padding-left: 24px;
    background-color: #2979ff;
    display: flex;
    flex-direction: column;
    border-radius: 0.5rem 0.5rem 0 0;
}
.datepicker-title{
    height: 32px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.datepicker-title-text{
    font-size: 10px;
    font-weight: 400;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    letter-spacing: 1.7px;
    color: #fff;
}
.datepicker-date{
    height: 72px;
    display: flex;
    flex-direction: column;
    justify-content: flex-end;
}
.datepicker-date-text{
    font-size: 34px;
    font-weight: 400;
    color: #fff;
}
.datepicker-main{
    position: relative;
    height: 100%;
}
.datepicker-date-controls{
    padding: 10px 12px 0 12px;
    display: flex;
    justify-content: space-between;
    color: rgba(0, 0, 0, 0.64);
}
.datepicker-view-change-button{
    padding: 10px;
    color: #666;
    font-weight: 500;
    font-size: 0.9rem;
    border-radius: 10px;
    box-shadow: none;
    background-color: transparent;
    margin: 0;
    border: none;
}
.datepicker-view-change-button:hover{
    background-color: #eee;
}
.datepicker-view-change-button:focus{
    background-color: #eee;
}
.datepicker-view-change-button:after{
    content: "";
    display: inline-block;
    width: 0;
    height: 0;
    border-left: 5px solid transparent;
    border-right: 5px solid transparent;
    border-top-width: 5px;
    border-top-style: solid;
    margin: 0 0 0 5px;
    vertical-align: middle;
}
.datepicker-arrow-controls{
    margin-top: 10px;
}
.datepicker-previous-button{
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: none;
    outline: none;
    margin: 0;
    color: rgba(0, 0, 0, 0.64);
    background-color: transparent;
    margin-right: 24px;
}
.datepicker-previous-button:hover{
    background-color: #eee;
    border-radius: 50%;
}
.datepicker-previous-button:focus{
    background-color: #eee;
    border-radius: 50%;
}
.datepicker-previous-button::after{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
    margin: 15.5px;
    border: 0 solid currentColor;
    border-top-width: 2px;
    border-left-width: 2px;
    transform: translateX(2px) rotate(-45deg);
}
.datepicker-next-button{
    position: relative;
    padding: 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    border: none;
    outline: none;
    margin: 0;
    color: rgba(0, 0, 0, 0.64);
    background-color: transparent;
}
.datepicker-next-button:hover{
    background-color: #eee;
    border-radius: 50%;
}
.datepicker-next-button:focus{
    background-color: #eee;
    border-radius: 50%;
}
.datepicker-next-button::after{
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    position: absolute;
    content: "";
    margin: 15.5px;
    border: 0 solid currentColor;
    border-top-width: 2px;
    border-right-width: 2px;
    transform: translateX(-2px) rotate(45deg);
}
.datepicker-view{
    padding-left: 12px;
    padding-right: 12px;
    outline: none;
}
.datepicker-table{
    margin-right: auto;
    margin-left: auto;
    width: 304px;
}
.datepicker-day-heading{
    width: 40px;
    height: 40px;
    -webkit-text-align: center;
    text-align: center;
    font-size: 12px;
    font-weight: 400;
}
.datepicker-cell{
    -webkit-text-align: center;
    text-align: center;
}
.datepicker-cell.disabled{
    color: #ccc;
    cursor: default;
    pointer-events: none;
}
.datepicker-cell.disabled:hover{
    cursor: default;
}
.datepicker-cell:hover{
    cursor: pointer;
}
.datepicker-cell:not(.disabled):not(.selected):hover .datepicker-cell-content{
    background-color: #d3d3d3;
}
.datepicker-cell.selected .datepicker-cell-content{
    background-color: #2979ff;
    color: #fff;
}
.datepicker-cell:not(.selected).focused .datepicker-cell-content{
    background-color: #eee;
}
.datepicker-cell.focused .datepicker-cell-content.selected{
    background-color: #2979ff;
}
.datepicker-cell.current .datepicker-cell-content{
    border: 1px solid #000;
}
.datepicker-small-cell{
    width: 40px;
    height: 40px;
}
.datepicker-small-cell-content{
    width: 36px;
    height: 36px;
    line-height: 36px;
    border-radius: 50%;
    font-size: 13px;
}
.datepicker-large-cell{
    width: 76px;
    height: 42px;
}
.datepicker-large-cell-content{
    width: 72px;
    height: 40px;
    line-height: 40px;
    padding: 1px 2px;
    border-radius: 999px;
}
.datepicker-footer{
    height: 56px;
    display: flex;
    position: absolute;
    width: 100%;
    bottom: 0;
    justify-content: flex-end;
    align-items: center;
    padding-left: 12px;
    padding-right: 12px;
}
.datepicker-footer-btn{
    background-color: #fff;
    color: #2979ff;
    border: none;
    cursor: pointer;
    padding: 0 10px;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    font-size: 0.8rem;
    font-weight: 500;
    height: 40px;
    line-height: 40px;
    letter-spacing: 0.1rem;
    border-radius: 10px;
    margin-bottom: 10px;
}
.datepicker-footer-btn:hover{
    background-color: #eee;
}
.datepicker-footer-btn:focus{
    background-color: #eee;
}
.datepicker-clear-btn{
    margin-right: auto;
}
.timepicker-wrapper{
    touch-action: none;
    z-index: 1065;
    opacity: 0;
    right: 0;
    bottom: 0;
    top: 0;
    left: 0;
    background-color: rgba(0, 0, 0, 0.4);
}
.timepicker-elements{
    min-width: 310px;
    min-height: 325px;
    background: #fff;
    border-top-right-radius: 0.6rem;
    border-top-left-radius: 0.6rem;
}
.timepicker-head{
    background-color: #2979ff;
    height: 100px;
    border-top-right-radius: 0.5rem;
    border-top-left-radius: 0.5rem;
    padding: 10px 24px 10px 50px;
}
.timepicker-button{
    font-size: 0.8rem;
    min-width: 64px;
    box-sizing: border-box;
    font-weight: 500;
    line-height: 40px;
    border-radius: 10px;
    letter-spacing: 0.1rem;
    -webkit-text-transform: uppercase;
    text-transform: uppercase;
    color: #2979ff;
    border: none;
    background-color: transparent;
    transition: background-color 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, box-shadow 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms, border 250ms cubic-bezier(0.4, 0, 0.2, 1) 0ms;
    outline: none;
    padding: 0 10px;
    height: 40px;
    margin-bottom: 10px;
}
.timepicker-button:hover{
    background-color: rgba(0, 0, 0, 0.08);
}
.timepicker-button:focus{
    outline: none;
    background-color: rgba(0, 0, 0, 0.08);
}
.timepicker-current{
    font-size: 3.75rem;
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.00833em;
    color: #fff;
    opacity: 0.54;
    border: none;
    background: transparent;
    padding: 0;
}
.timepicker-current.active{
    opacity: 1;
}
.timepicker-current-wrapper{
    direction: ltr;
}
.timepicker-mode-wrapper{
    margin-left: 20px;
    font-size: 18px;
    color: rgba(255, 255, 255, 0.54);
}
.timepicker-mode-wrapper.active{
    opacity: 1;
}
.timepicker-clock-wrapper{
    min-width: 310px;
    max-width: 325px;
    min-height: 305px;
    overflow-x: hidden;
    height: 100%;
}
.timepicker-clock{
    position: relative;
    border-radius: 100%;
    width: 260px;
    height: 260px;
    cursor: default;
    margin: 0 auto;
    background-color: rgba(0, 0, 0, 0.07);
}
.timepicker-time-tips-minutes.active{
    color: #fff;
    background-color: #2979ff;
    font-weight: 400;
}
.timepicker-time-tips-inner.active{
    color: #fff;
    background-color: #2979ff;
    font-weight: 400;
}
.timepicker-time-tips-hours.active{
    color: #fff;
    background-color: #2979ff;
    font-weight: 400;
}
.timepicker-time-tips-minutes.disabled{
    color: #b3afaf;
    pointer-events: none;
    background-color: transparent;
}
.timepicker-time-tips-inner.disabled{
    color: #b3afaf;
    pointer-events: none;
    background-color: transparent;
}
.timepicker-time-tips-hours.disabled{
    color: #b3afaf;
    pointer-events: none;
    background-color: transparent;
}
.timepicker-dot{
    font-weight: 300;
    line-height: 1.2;
    letter-spacing: -0.00833em;
    color: #fff;
    font-size: 3.75rem;
    opacity: 0.54;
    border: none;
    background: transparent;
    padding: 0;
}
.timepicker-middle-dot{
    top: 50%;
    left: 50%;
    width: 6px;
    height: 6px;
    transform: translate(-50%, -50%);
    border-radius: 50%;
    background-color: #2979ff;
}
.timepicker-hand-pointer{
    background-color: #2979ff;
    bottom: 50%;
    height: 40%;
    left: calc(50% - 1px);
    transform-origin: center bottom 0;
    width: 2px;
}
.timepicker-time-tips.active{
    color: #fff;
}
.timepicker-circle{
    top: -21px;
    left: -15px;
    width: 4px;
    border: 14px solid #2979ff;
    height: 4px;
    box-sizing: content-box;
    border-radius: 100%;
}
.timepicker-hour-mode{
    padding: 0;
    background-color: transparent;
    border: none;
    color: #fff;
    opacity: 0.54;
    cursor: pointer;
}
.timepicker-hour{
    cursor: pointer;
}
.timepicker-minute{
    cursor: pointer;
}
.timepicker-hour-mode:hover{
    background-color: rgba(0, 0, 0, 0.15);
    outline: none;
}
.timepicker-hour-mode:focus{
    background-color: rgba(0, 0, 0, 0.15);
    outline: none;
}
.timepicker-hour:hover{
    background-color: rgba(0, 0, 0, 0.15);
    outline: none;
}
.timepicker-hour:focus{
    background-color: rgba(0, 0, 0, 0.15);
    outline: none;
}
.timepicker-minute:hover{
    background-color: rgba(0, 0, 0, 0.15);
    outline: none;
}
.timepicker-minute:focus{
    background-color: rgba(0, 0, 0, 0.15);
    outline: none;
}
.timepicker-hour-mode.active{
    color: #fff;
    opacity: 1;
}
.timepicker-hour.active{
    color: #fff;
    opacity: 1;
}
.timepicker-minute.active{
    color: #fff;
    opacity: 1;
}
.timepicker-footer{
    border-bottom-left-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    height: 56px;
    padding-left: 12px;
    padding-right: 12px;
    background-color: #fff;
}
.timepicker-container{
    max-height: calc(100% - 64px);
    overflow-y: auto;
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.07), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
}
.timepicker-icon-up.active{
    opacity: 1;
}
.timepicker-icon-down.active{
    opacity: 1;
}
.timepicker-toggle-button{
    position: absolute;
    outline: none;
    border: none;
    background-color: transparent;
    right: 10px;
    top: 50%;
    transform: translate(-50%, -50%);
    transition: all 0.3s ease;
    cursor: pointer;
}
.timepicker-toggle-button:hover{
    color: #2979ff;
}
.timepicker-toggle-button:focus{
    color: #2979ff;
}
.timepicker-input:focus + .timepicker-toggle-button{
    color: #2979ff;
}
.timepicker-input:focus + .timepicker-toggle-button i{
    color: #2979ff;
}
.timepicker a.timepicker-toggle-button{
    right: 1px;
}
.timepicker-toggle-button.timepicker-icon{
    right: 1px;
}
.timepicker-modal .fade.show{
    opacity: 1;
}
.stepper{
    position: relative;
    padding: 0;
    margin: 0;
    width: 100%;
    list-style: none;
    overflow: hidden;
    transition: height 0.2s ease-in-out;
}
.stepper:not(.stepper-vertical){
    display: flex;
    justify-content: space-between;
}
.stepper:not(.stepper-vertical) .stepper-content{
    position: absolute;
    width: 100%;
    padding: 1rem;
}
.stepper:not(.stepper-vertical) .stepper-step{
    flex: auto;
    height: 4.5rem;
}
.stepper:not(.stepper-vertical) .stepper-step:first-child .stepper-head{
    padding-left: 1.5rem;
}
.stepper:not(.stepper-vertical) .stepper-step:last-child .stepper-head{
    padding-right: 1.5rem;
}
.stepper:not(.stepper-vertical) .stepper-step:not(:first-child) .stepper-head:before{
    flex: 1;
    height: 1px;
    width: 100%;
    margin-right: 0.5rem;
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
}
.stepper:not(.stepper-vertical) .stepper-step:not(:last-child) .stepper-head:after{
    flex: 1;
    height: 1px;
    width: 100%;
    margin-left: 0.5rem;
    content: "";
    background-color: rgba(0, 0, 0, 0.1);
}
.stepper:not(.stepper-vertical) .stepper-head-icon{
    margin: 1.5rem 0.5rem 1.5rem 0;
}
.stepper.stepper-mobile{
    justify-content: center;
    align-items: flex-end;
}
.stepper.stepper-mobile.stepper-progress-bar .stepper-head-icon{
    display: none;
}
.stepper.stepper-mobile .stepper-step{
    flex: unset;
    height: -moz-fit-content;
    height: fit-content;
    margin: 1rem 0 1rem 0;
}
.stepper.stepper-mobile .stepper-step:not(:last-child) .stepper-head:after{
    margin-left: 0;
}
.stepper.stepper-mobile .stepper-step:not(:first-child) .stepper-head:before{
    margin-right: 0;
}
.stepper.stepper-mobile .stepper-step:not(:last-child):not(:first-child) .stepper-head{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.stepper.stepper-mobile .stepper-head-icon{
    font-size: 0;
    margin: 0;
    height: 0.5rem;
    width: 0.5rem;
    z-index: 1;
}
.stepper.stepper-mobile .stepper-head-text{
    display: none;
}
.stepper.stepper-mobile .stepper-content{
    top: 2.56rem;
}
@media (prefers-reduced-motion: reduce){

    .form-control::file-selector-button{
        transition: none;
    }

    .form-control::-webkit-file-upload-button{
        -webkit-transition: none;
        transition: none;
    }

    .form-switch .form-check-input{
        transition: none;
    }

    .form-range::-webkit-slider-thumb{
        -webkit-transition: none;
        transition: none;
    }

    .form-range::-moz-range-thumb{
        -moz-transition: none;
        transition: none;
    }

    .form-floating > label{
        transition: none;
    }

    .fade{
        transition: none;
    }

    .collapsing{
        transition: none;
    }

    .collapsing.collapse-horizontal{
        transition: none;
    }

    .accordion-button::after{
        transition: none;
    }

    .modal.fade .modal-dialog{
        transition: none;
    }

    .carousel-item{
        transition: none;
    }

    .carousel-fade .active.carousel-item-start{
        transition: none;
    }

    .carousel-fade .active.carousel-item-end{
        transition: none;
    }

    .carousel-control-prev{
        transition: none;
    }

    .carousel-control-next{
        transition: none;
    }

    .carousel-indicators [data-bs-target]{
        transition: none;
    }

    .spinner-border{
        animation-duration: 1.5s;
    }

    .spinner-grow{
        animation-duration: 1.5s;
    }
}
@media (min-width: 576px){

    .navbar-expand-sm{
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-sm .navbar-nav{
        flex-direction: row;
    }

    .navbar-expand-sm .navbar-nav .dropdown-menu{
        position: absolute;
    }

    .navbar-expand-sm .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-sm .navbar-nav-scroll{
        overflow: visible;
    }

    .navbar-expand-sm .navbar-collapse{
        display: flex !important;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .navbar-expand-sm .navbar-toggler{
        display: none;
    }

    .navbar-expand-sm .offcanvas-header{
        display: none;
    }

    .navbar-expand-sm .offcanvas{
        position: inherit;
        bottom: 0;
        z-index: 1000;
        -ms-flex-grow: 1;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }

    .navbar-expand-sm .offcanvas-top{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-sm .offcanvas-bottom{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-sm .offcanvas-body{
        display: flex;
        -ms-flex-grow: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

    .modal-dialog{
        max-width: 500px;
        margin: 1.75rem auto;
    }

    .modal-dialog-scrollable{
        height: calc(100% - 3.5rem);
    }

    .modal-dialog-centered{
        min-height: calc(100% - 3.5rem);
    }

    .modal-sm{
        max-width: 300px;
    }

    .sticky-sm-top{
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 768px){

    .navbar-expand-md{
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-md .navbar-nav{
        flex-direction: row;
    }

    .navbar-expand-md .navbar-nav .dropdown-menu{
        position: absolute;
    }

    .navbar-expand-md .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-md .navbar-nav-scroll{
        overflow: visible;
    }

    .navbar-expand-md .navbar-collapse{
        display: flex !important;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .navbar-expand-md .navbar-toggler{
        display: none;
    }

    .navbar-expand-md .offcanvas-header{
        display: none;
    }

    .navbar-expand-md .offcanvas{
        position: inherit;
        bottom: 0;
        z-index: 1000;
        -ms-flex-grow: 1;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }

    .navbar-expand-md .offcanvas-top{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-md .offcanvas-bottom{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-md .offcanvas-body{
        display: flex;
        -ms-flex-grow: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

    .sticky-md-top{
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 992px){

    .navbar-expand-lg{
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-lg .navbar-nav{
        flex-direction: row;
    }

    .navbar-expand-lg .navbar-nav .dropdown-menu{
        position: absolute;
    }

    .navbar-expand-lg .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-lg .navbar-nav-scroll{
        overflow: visible;
    }

    .navbar-expand-lg .navbar-collapse{
        display: flex !important;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .navbar-expand-lg .navbar-toggler{
        display: none;
    }

    .navbar-expand-lg .offcanvas-header{
        display: none;
    }

    .navbar-expand-lg .offcanvas{
        position: inherit;
        bottom: 0;
        z-index: 1000;
        -ms-flex-grow: 1;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }

    .navbar-expand-lg .offcanvas-top{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-lg .offcanvas-bottom{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-lg .offcanvas-body{
        display: flex;
        -ms-flex-grow: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

    .modal-lg{
        max-width: 800px;
    }

    .modal-xl{
        max-width: 800px;
    }

    .sticky-lg-top{
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1200px){

    .navbar-expand-xl{
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xl .navbar-nav{
        flex-direction: row;
    }

    .navbar-expand-xl .navbar-nav .dropdown-menu{
        position: absolute;
    }

    .navbar-expand-xl .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xl .navbar-nav-scroll{
        overflow: visible;
    }

    .navbar-expand-xl .navbar-collapse{
        display: flex !important;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .navbar-expand-xl .navbar-toggler{
        display: none;
    }

    .navbar-expand-xl .offcanvas-header{
        display: none;
    }

    .navbar-expand-xl .offcanvas{
        position: inherit;
        bottom: 0;
        z-index: 1000;
        -ms-flex-grow: 1;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }

    .navbar-expand-xl .offcanvas-top{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-xl .offcanvas-bottom{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-xl .offcanvas-body{
        display: flex;
        -ms-flex-grow: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

    .modal-xl{
        max-width: 1140px;
    }

    .sticky-xl-top{
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (min-width: 1400px){

    .navbar-expand-xxl{
        flex-wrap: nowrap;
        justify-content: flex-start;
    }

    .navbar-expand-xxl .navbar-nav{
        flex-direction: row;
    }

    .navbar-expand-xxl .navbar-nav .dropdown-menu{
        position: absolute;
    }

    .navbar-expand-xxl .navbar-nav .nav-link{
        padding-right: 0.5rem;
        padding-left: 0.5rem;
    }

    .navbar-expand-xxl .navbar-nav-scroll{
        overflow: visible;
    }

    .navbar-expand-xxl .navbar-collapse{
        display: flex !important;
        -ms-flex-basis: auto;
        flex-basis: auto;
    }

    .navbar-expand-xxl .navbar-toggler{
        display: none;
    }

    .navbar-expand-xxl .offcanvas-header{
        display: none;
    }

    .navbar-expand-xxl .offcanvas{
        position: inherit;
        bottom: 0;
        z-index: 1000;
        -ms-flex-grow: 1;
        flex-grow: 1;
        visibility: visible !important;
        background-color: transparent;
        border-right: 0;
        border-left: 0;
        transition: none;
        transform: none;
    }

    .navbar-expand-xxl .offcanvas-top{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-xxl .offcanvas-bottom{
        height: auto;
        border-top: 0;
        border-bottom: 0;
    }

    .navbar-expand-xxl .offcanvas-body{
        display: flex;
        -ms-flex-grow: 0;
        flex-grow: 0;
        padding: 0;
        overflow-y: visible;
    }

    .sticky-xxl-top{
        position: sticky;
        top: 0;
        z-index: 1020;
    }
}
@media (max-width: 575.98px){

    .modal-fullscreen-sm-down{
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-sm-down .modal-content{
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-header{
        border-radius: 0;
    }

    .modal-fullscreen-sm-down .modal-body{
        overflow-y: auto;
    }

    .modal-fullscreen-sm-down .modal-footer{
        border-radius: 0;
    }
}
@media (max-width: 767.98px){

    .modal-fullscreen-md-down{
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-md-down .modal-content{
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-header{
        border-radius: 0;
    }

    .modal-fullscreen-md-down .modal-body{
        overflow-y: auto;
    }

    .modal-fullscreen-md-down .modal-footer{
        border-radius: 0;
    }
}
@media (max-width: 991.98px){

    .modal-fullscreen-lg-down{
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-lg-down .modal-content{
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-header{
        border-radius: 0;
    }

    .modal-fullscreen-lg-down .modal-body{
        overflow-y: auto;
    }

    .modal-fullscreen-lg-down .modal-footer{
        border-radius: 0;
    }
}
@media (max-width: 1199.98px){

    .modal-fullscreen-xl-down{
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xl-down .modal-content{
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-header{
        border-radius: 0;
    }

    .modal-fullscreen-xl-down .modal-body{
        overflow-y: auto;
    }

    .modal-fullscreen-xl-down .modal-footer{
        border-radius: 0;
    }
}
@media (max-width: 1399.98px){

    .modal-fullscreen-xxl-down{
        width: 100vw;
        max-width: none;
        height: 100%;
        margin: 0;
    }

    .modal-fullscreen-xxl-down .modal-content{
        height: 100%;
        border: 0;
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-header{
        border-radius: 0;
    }

    .modal-fullscreen-xxl-down .modal-body{
        overflow-y: auto;
    }

    .modal-fullscreen-xxl-down .modal-footer{
        border-radius: 0;
    }
}
@media (prefers-reduced-motion){

    .animation{
        transition: none !important;
        animation: unset !important;
    }
}
@media screen and (min-width: 320px) and (max-width: 820px) and (orientation: landscape){

    .datepicker-modal-container .datepicker-header{
        height: 100%;
    }

    .datepicker-modal-container .datepicker-date{
        margin-top: 100px;
    }

    .datepicker-modal-container .datepicker-day-cell{
        width: 32x;
        height: 32x;
    }

    .datepicker-modal-container{
        flex-direction: row;
        width: 475px;
        height: 360px;
    }

    .datepicker-modal-container.datepicker-day-cell{
        width: 36px;
        height: 36px;
    }
}
@media screen and (min-width: 320px) and (max-width: 825px) and (orientation: landscape){

    .timepicker-elements{
        flex-direction: row !important;
        border-bottom-left-radius: 0.5rem;
        min-width: auto;
        min-height: auto;
        overflow-y: auto;
    }

    .timepicker-head{
        border-top-right-radius: 0;
        border-bottom-left-radius: 0;
        padding: 10px;
        padding-right: 10px !important;
        height: auto;
        min-height: 305px;
    }

    .timepicker-head-content{
        flex-direction: column;
    }

    .timepicker-mode-wrapper{
        justify-content: space-around !important;
        flex-direction: row !important;
    }

    .timepicker-current{
        font-size: 3rem;
        font-weight: 400;
    }

    .timepicker-dot{
        font-size: 3rem;
        font-weight: 400;
    }
}
@keyframes _spinner-grow{

    0%{
        transform: scale(0);
    }

    50%{
        opacity: 1;
        transform: none;
    }
}
@keyframes _fade-in{

    from{
        opacity: 0;
    }

    to{
        opacity: 1;
    }
}
@keyframes _fade-out{

    from{
        opacity: 1;
    }

    to{
        opacity: 0;
    }
}
@keyframes _fade-in-down{

    from{
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }

    to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _fade-in-left{

    from{
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }

    to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _fade-in-right{

    from{
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }

    to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _fade-in-up{

    from{
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }

    to{
        opacity: 1;
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _fade-out-down{

    from{
        opacity: 1;
    }

    to{
        opacity: 0;
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes _fade-out-left{

    from{
        opacity: 1;
    }

    to{
        opacity: 0;
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes _fade-out-right{

    from{
        opacity: 1;
    }

    to{
        opacity: 0;
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes _fade-out-up{

    from{
        opacity: 1;
    }

    to{
        opacity: 0;
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes _slide-in-down{

    from{
        visibility: visible;
        transform: translate3d(0, -100%, 0);
    }

    to{
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _slide-in-left{

    from{
        visibility: visible;
        transform: translate3d(-100%, 0, 0);
    }

    to{
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _slide-in-right{

    from{
        visibility: visible;
        transform: translate3d(100%, 0, 0);
    }

    to{
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _slide-in-up{

    from{
        visibility: visible;
        transform: translate3d(0, 100%, 0);
    }

    to{
        transform: translate3d(0, 0, 0);
    }
}
@keyframes _slide-out-down{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        visibility: hidden;
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes _slide-out-left{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        visibility: hidden;
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes _slide-out-right{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        visibility: hidden;
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes _slide-out-up{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        visibility: hidden;
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes _slide-down{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        transform: translate3d(0, 100%, 0);
    }
}
@keyframes _slide-left{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        transform: translate3d(-100%, 0, 0);
    }
}
@keyframes _slide-right{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        transform: translate3d(100%, 0, 0);
    }
}
@keyframes _slide-up{

    from{
        transform: translate3d(0, 0, 0);
    }

    to{
        transform: translate3d(0, -100%, 0);
    }
}
@keyframes _zoom-in{

    from{
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    50%{
        opacity: 1;
    }
}
@keyframes _zoom-out{

    from{
        opacity: 1;
    }

    50%{
        opacity: 0;
        transform: scale3d(0.3, 0.3, 0.3);
    }

    to{
        opacity: 0;
    }
}
@keyframes _tada{

    from{
        transform: scale3d(1, 1, 1);
    }

    10%{
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    20%{
        transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
    }

    30%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    50%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    70%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    90%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
    }

    40%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    60%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    80%{
        transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
    }

    to{
        transform: scale3d(1, 1, 1);
    }
}
@keyframes _pulse{

    from{
        transform: scale3d(1, 1, 1);
    }

    50%{
        transform: scale3d(1.05, 1.05, 1.05);
    }

    to{
        transform: scale3d(1, 1, 1);
    }
}
@keyframes _show-up-clock{

    0%{
        opacity: 0;
        transform: scale(0.7);
    }

    to{
        opacity: 1;
        transform: scale(1);
    }
}
.visible{
    visibility: visible;
}
.static{
    position: static;
}
.fixed{
    position: fixed;
}
.absolute{
    position: absolute;
}
.relative{
    position: relative;
}
.sticky{
    position: sticky;
}
.top-6{
    top: 1.5rem;
}
.left-3{
    left: 0.75rem;
}
.right-8{
    right: 2rem;
}
.top-1\/2{
    top: 50%;
}
.bottom-16{
    bottom: 4rem;
}
.right-0{
    right: 0px;
}
.left-0{
    left: 0px;
}
.-top-14{
    top: -3.5rem;
}
.-right-9{
    right: -2.25rem;
}
.right-20{
    right: 5rem;
}
.-top-\[0\.7em\]{
    top: -0.7em;
}
.top-2{
    top: 0.5rem;
}
.-top-12{
    top: -3rem;
}
.-left-4{
    left: -1rem;
}
.right-4{
    right: 1rem;
}
.-top-44{
    top: -11rem;
}
.-top-6{
    top: -1.5rem;
}
.-right-3{
    right: -0.75rem;
}
.z-10{
    z-index: 10;
}
.z-50{
    z-index: 50;
}
.z-30{
    z-index: 30;
}
.z-20{
    z-index: 20;
}
.z-0{
    z-index: 0;
}
.order-2{
    order: 2;
}
.order-1{
    order: 1;
}
.-m-16{
    margin: -4rem;
}
.mx-auto{
    margin-left: auto;
    margin-right: auto;
}
.mx-5{
    margin-left: 1.25rem;
    margin-right: 1.25rem;
}
.my-10{
    margin-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.mx-2{
    margin-left: 0.5rem;
    margin-right: 0.5rem;
}
.mx-4{
    margin-left: 1rem;
    margin-right: 1rem;
}
.-mx-8{
    margin-left: -2rem;
    margin-right: -2rem;
}
.my-20{
    margin-top: 5rem;
    margin-bottom: 5rem;
}
.mb-10{
    margin-bottom: 2.5rem;
}
.mt-20{
    margin-top: 5rem;
}
.-mb-20{
    margin-bottom: -5rem;
}
.mt-6{
    margin-top: 1.5rem;
}
.mt-3{
    margin-top: 0.75rem;
}
.mt-4{
    margin-top: 1rem;
}
.mt-12{
    margin-top: 3rem;
}
.mt-10{
    margin-top: 2.5rem;
}
.mt-7{
    margin-top: 1.75rem;
}
.mt-8{
    margin-top: 2rem;
}
.mt-11{
    margin-top: 2.75rem;
}
.mt-32{
    margin-top: 8rem;
}
.ml-6{
    margin-left: 1.5rem;
}
.mt-2{
    margin-top: 0.5rem;
}
.-mt-\[50px\]{
    margin-top: -50px;
}
.mt-0{
    margin-top: 0px;
}
.mt-5{
    margin-top: 1.25rem;
}
.mt-9{
    margin-top: 2.25rem;
}
.-mt-24{
    margin-top: -6rem;
}
.mt-14{
    margin-top: 3.5rem;
}
.mb-7{
    margin-bottom: 1.75rem;
}
.mb-20{
    margin-bottom: 5rem;
}
.-mb-28{
    margin-bottom: -7rem;
}
.-mt-14{
    margin-top: -3.5rem;
}
.mb-12{
    margin-bottom: 3rem;
}
.-mb-14{
    margin-bottom: -3.5rem;
}
.mb-4{
    margin-bottom: 1rem;
}
.-mr-4{
    margin-right: -1rem;
}
.-ml-4{
    margin-left: -1rem;
}
.ml-auto{
    margin-left: auto;
}
.-mb-10{
    margin-bottom: -2.5rem;
}
.mt-1{
    margin-top: 0.25rem;
}
.ml-\[6px\]{
    margin-left: 6px;
}
.mt-16{
    margin-top: 4rem;
}
.mb-6{
    margin-bottom: 1.5rem;
}
.mb-2{
    margin-bottom: 0.5rem;
}
.mb-14{
    margin-bottom: 3.5rem;
}
.mr-4{
    margin-right: 1rem;
}
.-ml-20{
    margin-left: -5rem;
}
.mb-8{
    margin-bottom: 2rem;
}
.mb-5{
    margin-bottom: 1.25rem;
}
.-mb-8{
    margin-bottom: -2rem;
}
.mb-3{
    margin-bottom: 0.75rem;
}
.-mb-3{
    margin-bottom: -0.75rem;
}
.mb-9{
    margin-bottom: 2.25rem;
}
.-mr-\[30\%\]{
    margin-right: -30%;
}
.-mr-10{
    margin-right: -2.5rem;
}
.-mt-10{
    margin-top: -2.5rem;
}
.ml-0{
    margin-left: 0px;
}
.-mt-16{
    margin-top: -4rem;
}
.mt-24{
    margin-top: 6rem;
}
.mr-2{
    margin-right: 0.5rem;
}
.-ml-5{
    margin-left: -1.25rem;
}
.-mt-\[270px\]{
    margin-top: -270px;
}
.ml-5{
    margin-left: 1.25rem;
}
.ml-1{
    margin-left: 0.25rem;
}
.-mb-24{
    margin-bottom: -6rem;
}
.mt-\[10px\]{
    margin-top: 10px;
}
.-mb-9{
    margin-bottom: -2.25rem;
}
.mt-\[45px\]{
    margin-top: 45px;
}
.-mb-36{
    margin-bottom: -9rem;
}
.mr-8{
    margin-right: 2rem;
}
.mt-52{
    margin-top: 13rem;
}
.-mt-6{
    margin-top: -1.5rem;
}
.ml-3{
    margin-left: 0.75rem;
}
.ml-2{
    margin-left: 0.5rem;
}
.mt-\[30px\]{
    margin-top: 30px;
}
.mt-\[20px\]{
    margin-top: 20px;
}
.mb-0{
    margin-bottom: 0px;
}
.ml-4{
    margin-left: 1rem;
}
.mt-\[50px\]{
    margin-top: 50px;
}
.block{
    display: block;
}
.inline-block{
    display: inline-block;
}
.inline{
    display: inline;
}
.flex{
    display: flex;
}
.table{
    display: table;
}
.grid{
    display: grid;
}
.contents{
    display: contents;
}
.hidden{
    display: none;
}
.h-4{
    height: 1rem;
}
.h-full{
    height: 100%;
}
.h-\[20px\]{
    height: 20px;
}
.h-5{
    height: 1.25rem;
}
.h-\[87px\]{
    height: 87px;
}
.max-h-\[410px\]{
    max-height: 410px;
}
.max-h-\[36px\]{
    max-height: 36px;
}
.w-full{
    width: 100%;
}
.w-3\/4{
    width: 75%;
}
.w-\[300px\]{
    width: 300px;
}
.w-4{
    width: 1rem;
}
.w-\[100\%\]{
    width: 100%;
}
.w-\[calc\(100\%_-_86px\)\]{
    width: calc(100% - 86px);
}
.w-\[120\%\]{
    width: 120%;
}
.w-\[90\%\]{
    width: 90%;
}
.w-\[20px\]{
    width: 20px;
}
.w-\[308px\]{
    width: 308px;
}
.w-\[353px\]{
    width: 353px;
}
.w-\[180px\]{
    width: 180px;
}
.w-\[47\%\]{
    width: 47%;
}
.w-\[252px\]{
    width: 252px;
}
.w-\[65\%\]{
    width: 65%;
}
.w-\[70\%\]{
    width: 70%;
}
.w-\[60\%\]{
    width: 60%;
}
.w-10{
    width: 2.5rem;
}
.w-5{
    width: 1.25rem;
}
.w-\[383px\]{
    width: 383px;
}
.w-11\/12{
    width: 91.666667%;
}
.w-\[calc\(100\%\/3-20px\)\]{
    width: calc(100% / 3 - 20px);
}
.w-\[calc\(100\%\/2-20px\)\]{
    width: calc(100% / 2 - 20px);
}
.w-\[87px\]{
    width: 87px;
}
.min-w-\[100px\]{
    min-width: 100px;
}
.min-w-\[219px\]{
    min-width: 219px;
}
.min-w-\[174px\]{
    min-width: 174px;
}
.min-w-\[311px\]{
    min-width: 311px;
}
.max-w-\[130px\]{
    max-width: 130px;
}
.max-w-\[1393px\]{
    max-width: 1393px;
}
.max-w-\[138px\]{
    max-width: 138px;
}
.max-w-\[60\%\]{
    max-width: 60%;
}
.max-w-full{
    max-width: 100%;
}
.max-w-\[262px\]{
    max-width: 262px;
}
.max-w-\[294px\]{
    max-width: 294px;
}
.max-w-\[1454px\]{
    max-width: 1454px;
}
.max-w-\[1342px\]{
    max-width: 1342px;
}
.max-w-\[1050px\]{
    max-width: 1050px;
}
.max-w-\[76px\]{
    max-width: 76px;
}
.max-w-\[239px\]{
    max-width: 239px;
}
.max-w-\[172px\]{
    max-width: 172px;
}
.max-w-\[391px\]{
    max-width: 391px;
}
.max-w-\[283px\]{
    max-width: 283px;
}
.max-w-\[512px\]{
    max-width: 512px;
}
.max-w-\[320px\]{
    max-width: 320px;
}
.max-w-\[156px\]{
    max-width: 156px;
}
.max-w-\[75px\]{
    max-width: 75px;
}
.max-w-\[136px\]{
    max-width: 136px;
}
.max-w-\[176px\]{
    max-width: 176px;
}
.max-w-\[117px\]{
    max-width: 117px;
}
.max-w-\[1230px\]{
    max-width: 1230px;
}
.max-w-\[1500px\]{
    max-width: 1500px;
}
.max-w-\[1420px\]{
    max-width: 1420px;
}
.max-w-\[1161px\]{
    max-width: 1161px;
}
.max-w-\[280px\]{
    max-width: 280px;
}
.max-w-\[100px\]{
    max-width: 100px;
}
.max-w-\[85\%\]{
    max-width: 85%;
}
.max-w-\[50\%\]{
    max-width: 50%;
}
.max-w-\[40\%\]{
    max-width: 40%;
}
.max-w-\[1052px\]{
    max-width: 1052px;
}
.max-w-\[264px\]{
    max-width: 264px;
}
.max-w-\[484px\]{
    max-width: 484px;
}
.max-w-\[248px\]{
    max-width: 248px;
}
.max-w-\[551px\]{
    max-width: 551px;
}
.max-w-\[307px\]{
    max-width: 307px;
}
.max-w-\[99px\]{
    max-width: 99px;
}
.max-w-\[159px\]{
    max-width: 159px;
}
.max-w-\[243px\]{
    max-width: 243px;
}
.max-w-\[343px\]{
    max-width: 343px;
}
.max-w-\[345px\]{
    max-width: 345px;
}
.max-w-\[1351px\]{
    max-width: 1351px;
}
.max-w-\[554px\]{
    max-width: 554px;
}
.max-w-\[620px\]{
    max-width: 620px;
}
.max-w-\[255px\]{
    max-width: 255px;
}
.max-w-\[466px\]{
    max-width: 466px;
}
.max-w-\[140px\]{
    max-width: 140px;
}
.max-w-\[170px\]{
    max-width: 170px;
}
.max-w-\[431px\]{
    max-width: 431px;
}
.max-w-\[945px\]{
    max-width: 945px;
}
.max-w-\[333px\]{
    max-width: 333px;
}
.max-w-\[100\%\]{
    max-width: 100%;
}
.max-w-\[334px\]{
    max-width: 334px;
}
.max-w-\[123px\]{
    max-width: 123px;
}
.flex-1{
    flex: 1 1 0%;
}
.shrink-0{
    flex-shrink: 0;
}
.-translate-y-1\/2{
    --tw-translate-y: -50%;
    transform: translate(var(--tw-translate-x), 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));
}
.transform{
    transform: translate(var(--tw-translate-x), 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));
}
.resize{
    resize: both;
}
.list-inside{
    list-style-position: inside;
}
.list-outside{
    list-style-position: outside;
}
.list-none{
    list-style-type: none;
}
.list-disc{
    list-style-type: disc;
}
.grid-cols-3{
    grid-template-columns: repeat(3, minmax(0, 1fr));
}
.grid-cols-2{
    grid-template-columns: repeat(2, minmax(0, 1fr));
}
.flex-row{
    flex-direction: row;
}
.flex-row-reverse{
    flex-direction: row-reverse;
}
.flex-col{
    flex-direction: column;
}
.flex-wrap{
    flex-wrap: wrap;
}
.content-center{
    align-content: center;
}
.items-start{
    align-items: flex-start;
}
.items-end{
    align-items: flex-end;
}
.items-center{
    align-items: center;
}
.items-stretch{
    align-items: stretch;
}
.justify-end{
    justify-content: flex-end;
}
.justify-center{
    justify-content: center;
}
.justify-between{
    justify-content: space-between;
}
.justify-around{
    justify-content: space-around;
}
.justify-evenly{
    justify-content: space-evenly;
}
.gap-5{
    gap: 1.25rem;
}
.gap-3{
    gap: 0.75rem;
}
.gap-2{
    gap: 0.5rem;
}
.gap-4{
    gap: 1rem;
}
.gap-1{
    gap: 0.25rem;
}
.gap-6{
    gap: 1.5rem;
}
.-space-y-24 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(-6rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(-6rem * var(--tw-space-y-reverse));
}
.-space-x-4 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(-1rem * var(--tw-space-x-reverse));
    margin-left: calc(-1rem * calc(1 - var(--tw-space-x-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));
}
.space-y-5 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(1.25rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(1.25rem * var(--tw-space-y-reverse));
}
.space-y-10 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(2.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(2.5rem * var(--tw-space-y-reverse));
}
.space-y-14 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(3.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(3.5rem * var(--tw-space-y-reverse));
}
.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-x-6 > :not([hidden]) ~ :not([hidden]){
    --tw-space-x-reverse: 0;
    margin-right: calc(1.5rem * var(--tw-space-x-reverse));
    margin-left: calc(1.5rem * 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-2 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.5rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.5rem * var(--tw-space-y-reverse));
}
.space-y-3 > :not([hidden]) ~ :not([hidden]){
    --tw-space-y-reverse: 0;
    margin-top: calc(0.75rem * calc(1 - var(--tw-space-y-reverse)));
    margin-bottom: calc(0.75rem * var(--tw-space-y-reverse));
}
.self-start{
    align-self: flex-start;
}
.overflow-hidden{
    overflow: hidden;
}
.whitespace-nowrap{
    white-space: nowrap;
}
.rounded-full{
    border-radius: 9999px;
}
.rounded-md{
    border-radius: 0.375rem;
}
.rounded{
    border-radius: 0.25rem;
}
.rounded-none{
    border-radius: 0px;
}
.rounded-r-\[22px\]{
    border-top-right-radius: 22px;
    border-bottom-right-radius: 22px;
}
.rounded-r-\[999px\]{
    border-top-right-radius: 999px;
    border-bottom-right-radius: 999px;
}
.rounded-r-lg{
    border-top-right-radius: 0.5rem;
    border-bottom-right-radius: 0.5rem;
}
.rounded-br-\[22px\]{
    border-bottom-right-radius: 22px;
}
.rounded-br-\[12px\]{
    border-bottom-right-radius: 12px;
}
.rounded-br-lg{
    border-bottom-right-radius: 0.5rem;
}
.rounded-br-3xl{
    border-bottom-right-radius: 1.5rem;
}
.border-3{
    border-width: 3px;
}
.border-8{
    border-width: 8px;
}
.border{
    border-width: 1px;
}
.border-2{
    border-width: 2px;
}
.border-0{
    border-width: 0px;
}
.border-x-2{
    border-left-width: 2px;
    border-right-width: 2px;
}
.border-b-2{
    border-bottom-width: 2px;
}
.border-r-8{
    border-right-width: 8px;
}
.border-l-8{
    border-left-width: 8px;
}
.border-b{
    border-bottom-width: 1px;
}
.border-b-4{
    border-bottom-width: 4px;
}
.border-t-2{
    border-top-width: 2px;
}
.border-t-8{
    border-top-width: 8px;
}
.border-b-8{
    border-bottom-width: 8px;
}
.border-t-0{
    border-top-width: 0px;
}
.border-l-0{
    border-left-width: 0px;
}
.border-r-0{
    border-right-width: 0px;
}
.border-solid{
    border-style: solid;
}
.border-sitecolor-\#243254{
    --tw-border-opacity: 1;
    border-color: rgb(36 50 84 / var(--tw-border-opacity));
}
.border-\[\#EAEAEA\]{
    --tw-border-opacity: 1;
    border-color: rgb(234 234 234 / var(--tw-border-opacity));
}
.border-\[\#2344AD\]{
    --tw-border-opacity: 1;
    border-color: rgb(35 68 173 / var(--tw-border-opacity));
}
.border-\[\#295AFA\]{
    --tw-border-opacity: 1;
    border-color: rgb(41 90 250 / var(--tw-border-opacity));
}
.border-\[\#F0F1F9\]{
    --tw-border-opacity: 1;
    border-color: rgb(240 241 249 / var(--tw-border-opacity));
}
.border-\[\#DDDDDD\]{
    --tw-border-opacity: 1;
    border-color: rgb(221 221 221 / var(--tw-border-opacity));
}
.border-black{
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
}
.border-sitecolor-\#C0C7DF{
    --tw-border-opacity: 1;
    border-color: rgb(192 199 223 / var(--tw-border-opacity));
}
.border-\[\#F6F6F6\]{
    --tw-border-opacity: 1;
    border-color: rgb(246 246 246 / var(--tw-border-opacity));
}
.border-gray-200{
    --tw-border-opacity: 1;
    border-color: rgb(229 231 235 / var(--tw-border-opacity));
}
.bg-sitecolor-\#2344AD{
    --tw-bg-opacity: 1;
    background-color: rgb(35 68 173 / var(--tw-bg-opacity));
}
.bg-transparent{
    background-color: transparent;
}
.bg-white{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-sitecolor-\#2A3455{
    --tw-bg-opacity: 1;
    background-color: rgb(42 52 85 / var(--tw-bg-opacity));
}
.bg-sitecolor-\#E5F4F9{
    --tw-bg-opacity: 1;
    background-color: rgb(229 244 249 / var(--tw-bg-opacity));
}
.bg-sitecolor-\#2D4183{
    --tw-bg-opacity: 1;
    background-color: rgb(45 65 131 / var(--tw-bg-opacity));
}
.bg-\[\#5368a1\]{
    --tw-bg-opacity: 1;
    background-color: rgb(83 104 161 / var(--tw-bg-opacity));
}
.bg-sitecolor-\#F9F9F9{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-sitecolor-\#2B3556{
    --tw-bg-opacity: 1;
    background-color: rgb(43 53 86 / var(--tw-bg-opacity));
}
.bg-\[\#ffffff\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#2344AD\]{
    --tw-bg-opacity: 1;
    background-color: rgb(35 68 173 / var(--tw-bg-opacity));
}
.bg-\[\#295AFA\]{
    --tw-bg-opacity: 1;
    background-color: rgb(41 90 250 / var(--tw-bg-opacity));
}
.bg-sitecolor-\#DFE1E6{
    --tw-bg-opacity: 1;
    background-color: rgb(223 225 230 / var(--tw-bg-opacity));
}
.bg-\[\#f8f8f8\]{
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-\[\#F8F8F8\]{
    --tw-bg-opacity: 1;
    background-color: rgb(248 248 248 / var(--tw-bg-opacity));
}
.bg-\[\#F2F2F2\]{
    --tw-bg-opacity: 1;
    background-color: rgb(242 242 242 / var(--tw-bg-opacity));
}
.bg-\[\#FCF8EF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(252 248 239 / var(--tw-bg-opacity));
}
.bg-\[\#F2EEE8\]{
    --tw-bg-opacity: 1;
    background-color: rgb(242 238 232 / var(--tw-bg-opacity));
}
.bg-\[\#635008\]{
    --tw-bg-opacity: 1;
    background-color: rgb(99 80 8 / var(--tw-bg-opacity));
}
.bg-\[\#048ABF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(4 138 191 / var(--tw-bg-opacity));
}
.bg-\[\#0068A8\]{
    --tw-bg-opacity: 1;
    background-color: rgb(0 104 168 / var(--tw-bg-opacity));
}

.bg-\[\#DAD5C6\]{
    --tw-bg-opacity: 1;
    background-color: rgb(218 213 198 / var(--tw-bg-opacity));
}
.bg-\[\#FFFFFF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 255 255 / var(--tw-bg-opacity));
}
.bg-\[\#EEE7D3\]{
    --tw-bg-opacity: 1;
    background-color: rgb(238 231 211 / var(--tw-bg-opacity));
}
.bg-\[\#F6F2E8\]{
    --tw-bg-opacity: 1;
    background-color: rgb(246 242 232 / var(--tw-bg-opacity));
}
.bg-\[\#2A3455\]{
    --tw-bg-opacity: 1;
    background-color: rgb(42 52 85 / var(--tw-bg-opacity));
}
.bg-\[\#F9F9F9\]{
    --tw-bg-opacity: 1;
    background-color: rgb(249 249 249 / var(--tw-bg-opacity));
}
.bg-\[\#DFD2AF\]{
    --tw-bg-opacity: 1;
    background-color: rgb(223 210 175 / var(--tw-bg-opacity));
}
.bg-\[\#373015\]{
    --tw-bg-opacity: 1;
    background-color: rgb(55 48 21 / var(--tw-bg-opacity));
}
.bg-\[\#FF7834\]{
    --tw-bg-opacity: 1;
    background-color: rgb(255 120 52 / var(--tw-bg-opacity));
}
.bg-white-rgba{
    background-color: rgba(255, 255, 255, 0.5);
}
.bg-\[\#002F95\]{
    --tw-bg-opacity: 1;
    background-color: rgb(0 47 149 / var(--tw-bg-opacity));
}
.bg-\[\#3C3C3C\]{
    --tw-bg-opacity: 1;
    background-color: rgb(60 60 60 / var(--tw-bg-opacity));
}
.bg-\[\#A0D3F2\]{
    --tw-bg-opacity: 1;
    background-color: rgb(160 211 242 / var(--tw-bg-opacity));
}
.bg-\[\#000000\]{
    --tw-bg-opacity: 1;
    background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}
.bg-opacity-10{
    --tw-bg-opacity: 0.1;
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cleaner\/bg_mv\.jpg\'\)\]{
    background-image: url('../../imgs/cleaner/bg_mv.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cleaner\/bg_section03\.png\'\)\]{
    background-image: url('../../imgs/cleaner/bg_section03.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cleaner\/bg_section05\.jpg\'\)\]{
    background-image: url('../../imgs/cleaner/bg_section05.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cleaner\/bg_section05-03\.svg\'\)\]{
    background-image: url('../../imgs/cleaner/bg_section05-03.svg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cream_jar\/bg_section08\.jpg\'\)\]{
    background-image: url('../../imgs/cream_jar/bg_section08.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cream_jar\/bg_section05_02\.png\'\)\]{
    background-image: url('../../imgs/cream_jar/bg_section05_02.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/spray\/bg_mv\.jpg\'\)\]{
    background-image: url('../../imgs/spray/bg_mv.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/spray\/bg_mvtitle\.png\'\)\]{
    background-image: url('../../imgs/spray/bg_mvtitle.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/spray\/bg_section01\.png\'\)\]{
    background-image: url('../../imgs/spray/bg_section01.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/spray\/bg_section01_02\.png\'\)\]{
    background-image: url('../../imgs/spray/bg_section01_02.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/spray\/bg_section01_03\.png\'\)\]{
    background-image: url('../../imgs/spray/bg_section01_03.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/spray\/bg_section05\.jpg\'\)\]{
    background-image: url('../../imgs/spray/bg_section05.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/spray\/bg_section05_02\.png\'\)\]{
    background-image: url('../../imgs/spray/bg_section05_02.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/stainremover\/bg_section08\.jpg\'\)\]{
    background-image: url('../../imgs/stainremover/bg_section08.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/stainremover\/bg_section05_02\.png\'\)\]{
    background-image: url('../../imgs/stainremover/bg_section05_02.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cream\/bg_mv\.jpg\'\)\]{
    background-image: url('../../imgs/cream/bg_mv.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cream\/bg_title\.png\'\)\]{
    background-image: url('../../imgs/cream/bg_title.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cream\/bg_section04\.jpg\'\)\]{
    background-image: url('../../imgs/cream/bg_section04.jpg');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cream\/bg_title02\.png\'\)\]{
    background-image: url('../../imgs/cream/bg_title02.png');
}
.bg-\[url\(\'\.\.\/\.\.\/imgs\/cream\/bg_section06\.jpg\'\)\]{
    background-image: url('../../imgs/cream/bg_section06.jpg');
}
.bg-cover{
    background-size: cover;
}
.bg-contain{
    background-size: contain;
}
.bg-200\%{
    background-size: 200%;
}
.bg-120\%{
    background-size: 120%;
}
.bg-fixed{
    background-attachment: fixed;
}
.bg-\[center_top_5rem\]{
    background-position: center top 5rem;
}
.bg-\[center_top_11em\]{
    background-position: center top 11em;
}
.bg-\[center_top_4\.5em\]{
    background-position: center top 4.5em;
}
.bg-bottom{
    background-position: bottom;
}
.bg-\[center_bottom_1rem\]{
    background-position: center bottom 1rem;
}
.bg-\[center_35\%\]{
    background-position: center 35%;
}
.bg-center{
    background-position: center;
}
.bg-no-repeat{
    background-repeat: no-repeat;
}
.bg-repeat-x{
    background-repeat: repeat-x;
}
.bg-repeat-y{
    background-repeat: repeat-y;
}
.object-contain{
    -o-object-fit: contain;
       object-fit: contain;
}
.p-4{
    padding: 1rem;
}
.p-5{
    padding: 1.25rem;
}
.p-6{
    padding: 1.5rem;
}
.p-1{
    padding: 0.25rem;
}
.p-2{
    padding: 0.5rem;
}
.p-7{
    padding: 1.75rem;
}
.p-3{
    padding: 0.75rem;
}
.p-0{
    padding: 0px;
}
.px-5{
    padding-left: 1.25rem;
    padding-right: 1.25rem;
}
.px-16{
    padding-left: 4rem;
    padding-right: 4rem;
}
.py-3{
    padding-top: 0.75rem;
    padding-bottom: 0.75rem;
}
.px-4{
    padding-left: 1rem;
    padding-right: 1rem;
}
.py-12{
    padding-top: 3rem;
    padding-bottom: 3rem;
}
.px-8{
    padding-left: 2rem;
    padding-right: 2rem;
}
.px-0{
    padding-left: 0px;
    padding-right: 0px;
}
.py-6{
    padding-top: 1.5rem;
    padding-bottom: 1.5rem;
}
.py-2{
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}
.py-7{
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
}
.px-\[70px\]{
    padding-left: 70px;
    padding-right: 70px;
}
.px-10{
    padding-left: 2.5rem;
    padding-right: 2.5rem;
}
.py-5{
    padding-top: 1.25rem;
    padding-bottom: 1.25rem;
}
.px-1{
    padding-left: 0.25rem;
    padding-right: 0.25rem;
}
.py-14{
    padding-top: 3.5rem;
    padding-bottom: 3.5rem;
}
.px-6{
    padding-left: 1.5rem;
    padding-right: 1.5rem;
}
.px-2{
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}
.py-20{
    padding-top: 5rem;
    padding-bottom: 5rem;
}
.py-4{
    padding-top: 1rem;
    padding-bottom: 1rem;
}
.px-3{
    padding-left: 0.75rem;
    padding-right: 0.75rem;
}
.px-9{
    padding-left: 2.25rem;
    padding-right: 2.25rem;
}
.py-8{
    padding-top: 2rem;
    padding-bottom: 2rem;
}
.px-\[30px\]{
    padding-left: 30px;
    padding-right: 30px;
}
.py-10{
    padding-top: 2.5rem;
    padding-bottom: 2.5rem;
}
.pt-20{
    padding-top: 5rem;
}
.pb-2{
    padding-bottom: 0.5rem;
}
.pt-36{
    padding-top: 9rem;
}
.pb-8{
    padding-bottom: 2rem;
}
.pt-5{
    padding-top: 1.25rem;
}
.pb-3{
    padding-bottom: 0.75rem;
}
.pt-1{
    padding-top: 0.25rem;
}
.pr-0{
    padding-right: 0px;
}
.pb-52{
    padding-bottom: 13rem;
}
.pt-16{
    padding-top: 4rem;
}
.pb-10{
    padding-bottom: 2.5rem;
}
.pt-4{
    padding-top: 1rem;
}
.pb-1{
    padding-bottom: 0.25rem;
}
.pb-20{
    padding-bottom: 5rem;
}
.pr-3{
    padding-right: 0.75rem;
}
.pl-8{
    padding-left: 2rem;
}
.pr-10{
    padding-right: 2.5rem;
}
.pl-10{
    padding-left: 2.5rem;
}
.pr-2{
    padding-right: 0.5rem;
}
.pt-3{
    padding-top: 0.75rem;
}
.pb-12{
    padding-bottom: 3rem;
}
.pb-5{
    padding-bottom: 1.25rem;
}
.pb-28{
    padding-bottom: 7rem;
}
.pl-\[7\%\]{
    padding-left: 7%;
}
.pl-24{
    padding-left: 6rem;
}
.pb-0{
    padding-bottom: 0px;
}
.pl-2{
    padding-left: 0.5rem;
}
.pb-24{
    padding-bottom: 6rem;
}
.pt-2{
    padding-top: 0.5rem;
}
.pb-80{
    padding-bottom: 20rem;
}
.pl-36{
    padding-left: 9rem;
}
.pb-32{
    padding-bottom: 8rem;
}
.pt-11{
    padding-top: 2.75rem;
}
.pt-6{
    padding-top: 1.5rem;
}
.pb-6{
    padding-bottom: 1.5rem;
}
.pt-9{
    padding-top: 2.25rem;
}
.pt-10{
    padding-top: 2.5rem;
}
.pt-12{
    padding-top: 3rem;
}
.pt-14{
    padding-top: 3.5rem;
}
.pt-7{
    padding-top: 1.75rem;
}
.pt-8{
    padding-top: 2rem;
}
.pb-11{
    padding-bottom: 2.75rem;
}
.pb-7{
    padding-bottom: 1.75rem;
}
.pr-5{
    padding-right: 1.25rem;
}
.pl-14{
    padding-left: 3.5rem;
}
.text-left{
    text-align: left;
}
.text-center{
    text-align: center;
}
.text-right{
    text-align: right;
}
.font-sans{
    font-family: Noto Sans JP, sans-serif;
}
.font-lato{
    font-family: Lato, sans-serif;
}
.font-sawarabi{
    font-family: Sawarabi Mincho, sans-serif;
}
.font-calligraffitti{
    font-family: Calligraffitti, cursive;
}
.text-xs{
    font-size: 0.75rem;
    line-height: 1rem;
}
.text-xl{
    font-size: 1.25rem;
    line-height: 1.75rem;
}
.text-base{
    font-size: 1rem;
    line-height: 1.5rem;
}
.text-5xl{
    font-size: 3rem;
    line-height: 1;
}
.text-sm{
    font-size: 0.875rem;
    line-height: 1.25rem;
}
.text-2xl{
    font-size: 1.5rem;
    line-height: 2rem;
}
.text-lg{
    font-size: 1.125rem;
    line-height: 1.75rem;
}
.text-3xl{
    font-size: 1.875rem;
    line-height: 2.25rem;
}
.text-\[15px\]{
    font-size: 15px;
}
.text-xxs{
    font-size: 0.625rem;
}
.text-\[13px\]{
    font-size: 13px;
}
.text-\[16px\]{
    font-size: 16px;
}
.text-\[19px\]{
    font-size: 19px;
}
.text-\[10px\]{
    font-size: 10px;
}
.text-4xl{
    font-size: 2.25rem;
    line-height: 2.5rem;
}
.text-\[11px\]{
    font-size: 11px;
}
.text-4\.5xl{
    font-size: 2.75rem;
}
.text-2\.5xl{
    font-size: 2rem;
}
.text-\[40px\]{
    font-size: 40px;
}
.text-\[58px\]{
    font-size: 58px;
}
.text-\[33px\]{
    font-size: 33px;
}
.text-\[17px\]{
    font-size: 17px;
}
.text-\[22px\]{
    font-size: 22px;
}
.font-semibold{
    font-weight: 600;
}
.font-normal{
    font-weight: 400;
}
.font-bold{
    font-weight: 700;
}
.font-medium{
    font-weight: 500;
}
.font-light{
    font-weight: 300;
}
.leading-relaxed{
    line-height: 1.625;
}
.leading-none{
    line-height: 1;
}
.leading-loose{
    line-height: 2;
}
.leading-\[24px\]{
    line-height: 24px;
}
.leading-6{
    line-height: 1.5rem;
}
.leading-10{
    line-height: 2.5rem;
}
.leading-3{
    line-height: .75rem;
}
.leading-5{
    line-height: 1.25rem;
}
.leading-7{
    line-height: 1.75rem;
}
.leading-\[2\.4em\]{
    line-height: 2.4em;
}
.leading-\[30px\]{
    line-height: 30px;
}
.leading-8{
    line-height: 2rem;
}
.tracking-tighter{
    letter-spacing: -0.05em;
}
.tracking-tight{
    letter-spacing: -0.025em;
}
.tracking-wide{
    letter-spacing: 0.025em;
}
.tracking-widest{
    letter-spacing: 0.1em;
}
.tracking-wider{
    letter-spacing: 0.05em;
}
.tracking-\[\.6em\]{
    letter-spacing: .6em;
}
.tracking-\[\.25em\]{
    letter-spacing: .25em;
}
.tracking-\[0\.45em\]{
    letter-spacing: 0.45em;
}
.text-white{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-sitecolor-\#2A3455{
    --tw-text-opacity: 1;
    color: rgb(42 52 85 / var(--tw-text-opacity));
}
.text-sitecolor-\#444444{
    --tw-text-opacity: 1;
    color: rgb(68 68 68 / var(--tw-text-opacity));
}
.text-sitecolor-\#2344AD{
    --tw-text-opacity: 1;
    color: rgb(35 68 173 / var(--tw-text-opacity));
}
.text-sitecolor-\#243254{
    --tw-text-opacity: 1;
    color: rgb(36 50 84 / var(--tw-text-opacity));
}
.text-sitecolor-\#C09B0F{
    --tw-text-opacity: 1;
    color: rgb(192 155 15 / var(--tw-text-opacity));
}
.text-\[\#535e7a\]{
    --tw-text-opacity: 1;
    color: rgb(83 94 122 / var(--tw-text-opacity));
}
.text-title-color01{
    --tw-text-opacity: 1;
    color: rgb(37 46 75 / var(--tw-text-opacity));
}
.text-\[\#747474\]{
    --tw-text-opacity: 1;
    color: rgb(116 116 116 / var(--tw-text-opacity));
}
.text-\[\#3C57B2\]{
    --tw-text-opacity: 1;
    color: rgb(60 87 178 / var(--tw-text-opacity));
}
.text-blue-800{
    --tw-text-opacity: 1;
    color: rgb(30 64 175 / var(--tw-text-opacity));
}
.text-sitecolor-\#2B3455{
    --tw-text-opacity: 1;
    color: rgb(43 52 85 / var(--tw-text-opacity));
}
.text-\[\#2A3455\]{
    --tw-text-opacity: 1;
    color: rgb(42 52 85 / var(--tw-text-opacity));
}
.text-\[\#777777\]{
    --tw-text-opacity: 1;
    color: rgb(119 119 119 / var(--tw-text-opacity));
}
.text-\[\#EF5656\]{
    --tw-text-opacity: 1;
    color: rgb(239 86 86 / var(--tw-text-opacity));
}
.text-slate-600{
    --tw-text-opacity: 1;
    color: rgb(71 85 105 / var(--tw-text-opacity));
}
.text-\[\#195AA7\]{
    --tw-text-opacity: 1;
    color: rgb(25 90 167 / var(--tw-text-opacity));
}
.text-\[\#002F95\]{
    --tw-text-opacity: 1;
    color: rgb(0 47 149 / var(--tw-text-opacity));
}
.text-\[\#666666\]{
    --tw-text-opacity: 1;
    color: rgb(102 102 102 / var(--tw-text-opacity));
}
.text-\[\#2344AD\]{
    --tw-text-opacity: 1;
    color: rgb(35 68 173 / var(--tw-text-opacity));
}
.text-\[\#C09B0F\]{
    --tw-text-opacity: 1;
    color: rgb(192 155 15 / var(--tw-text-opacity));
}
.text-\[\#E0DCCE\]{
    --tw-text-opacity: 1;
    color: rgb(224 220 206 / var(--tw-text-opacity));
}
.text-\[\#ffffff\]{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-base-text{
    --tw-text-opacity: 1;
    color: rgb(0 0 0 / var(--tw-text-opacity));
}
.text-\[\#333333\]{
    --tw-text-opacity: 1;
    color: rgb(51 51 51 / var(--tw-text-opacity));
}
.text-gray-800{
    --tw-text-opacity: 1;
    color: rgb(31 41 55 / var(--tw-text-opacity));
}
.text-\[\#FFFFFF\]{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.text-\[\#DBDBDB\]{
    --tw-text-opacity: 1;
    color: rgb(219 219 219 / var(--tw-text-opacity));
}
.underline{
    -webkit-text-decoration-line: underline;
            text-decoration-line: underline;
}
.underline-offset-2{
    text-underline-offset: 2px;
}
.underline-offset-1{
    text-underline-offset: 1px;
}
.opacity-80{
    opacity: 0.8;
}
.opacity-60{
    opacity: 0.6;
}
.opacity-40{
    opacity: 0.4;
}
.opacity-50{
    opacity: 0.5;
}
.opacity-70{
    opacity: 0.7;
}
.shadow-md{
    --tw-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 4px 6px -1px var(--tw-shadow-color), 0 2px 4px -2px var(--tw-shadow-color);
    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 rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
    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 rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
    --tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);
    box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
}
.outline{
    outline-style: solid;
}
.blur{
    --tw-blur: blur(8px);
    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);
}
.filter{
    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);
}
.transition{
    transition-property: color, background-color, border-color, fill, stroke, opacity, box-shadow, transform, filter, -webkit-text-decoration-color, -webkit-backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter;
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, backdrop-filter, -webkit-text-decoration-color, -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;
}
.delay-75{
    transition-delay: 75ms;
}
.duration-300{
    transition-duration: 300ms;
}
.ease-in-out{
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
}
.text-shadow-w{
    text-shadow: 3px 3px 6px rgba(255,255,255,0.8);
}
.text-shadow-b{
    text-shadow: 0px 2px 3px black;
}

html {
	overflow-y: scroll;
	font-size: 94%!important;
    scroll-behavior: smooth;
}
.m-mowbray-cream_jar-lp {
	font-family: "Noto Sans JP, sans-serif";
	letter-spacing: 0.5px;
    line-height: 1.2;
	font-size: auto!important;
	color: #000;
}
.mv_wrapper {
    max-width: 1600px;
    margin: 0 auto;
    text-align: center;
    background-size: cover;
}
#gNavi .contact {
    font-size: 73%;
}
#gNavi li {
    font-size: 67%;
    font-family: 'ヒラギノ角ゴ Pro W3',"メイリオ",Meiryo,'Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',Verdana,Arial,Helvetica,sans-serif;
}
#gNavi li .eng {
    font-size: 75%;
    margin-top: 3px;
}

.siteMap .subTit {
    font-size: 58%;
}
.siteMap li p,
.siteMap li p:before,
.siteMap li a {
    font-size: 63%;
}

#teaser,
#breadcrumb {
    display: none;
}
/* @layer base {
    ul, ol {
        list-style: revert;
    }
} */

#footer .footLogo a {
    display: inline-block;
}
#footer .hd01 {
    font-size: 79%;
}
.footLink li {
    font-size: 60%;
}

/*** タブレット 768x ~ 959px***/
@media screen and (max-width: 1000px) {
	
}
/*** スマホ 320px ~ 767px***/
@media screen and (max-width: 780px) {
    #headerLogo {
        /* margin-bottom: 5px; */
        padding: 10px 0 16px;
    }
	body .eng {
        font-size: 65%;
    }
    #header h1:after {
        margin: 12px auto 0;
    }
    #nav_sp_ver2 li a {
        line-height: 1!important;
    }
    #gNavi li .eng {
        line-height: 0!important;
        margin-top: 11px;
    }
    .sp_itemcategory {
        font-size: 65%;
        font-family: 'Roboto', sans-serif;
        font-weight: normal!important;
    }
    #headerLogo a {
        display: inline-block;
    }
    #gNavi .contact {
        font-size: 75%;
    }
    .siteMap .subTit {
        font-size: 68%;
    }
    .siteMap .hd01,
    #footer .hd01 {
        font-size: 100%;
    }
    .siteMap li a {
        font-size: 72%;
    }
    .footLink li {
        font-size: 78%;
    }
}

.section01 .bg_text {
    background: url(../../imgs/cream_jar/pc/bg_text.png) no-repeat center bottom 80px / 1358px 481px;
}
@media screen and (max-width: 780px) {
    .section01 .bg_text {
        background: none;
    }
}
.shadow_img {
    filter: drop-shadow(35px 35px 0px #EBEBEB);
}
.shadow_img_L {
    filter: drop-shadow(35px 35px 0px #EBEBEB);
}
@media screen and (max-width: 780px) {
    .shadow_img {
        filter: drop-shadow(15px 15px 0px #EBEBEB);
    }
    .shadow_img_L {
        filter: drop-shadow(-15px 15px 0px #EBEBEB);
    }
}
.common_bnr_area h4 {
    font-size: 15px;
    padding-left: 0;
}
.common_bnr_area h4:before {
    display: none;
}
.section01 h2::before {
    display: none;
}

h2 {
    background: none;
    padding: 0;
}
h2:before {
    display: none;
}
h3 {
    border: none;
    padding: 0px;
    margin-bottom: 0px;
}
h4 {
    padding: 0px;
    font-weight: 500;
    border-bottom: none;
}
h5 {
  padding: 0;
}
h5:before {
    top: 0;
    display: none;
}
.embed-responsive{
    position: relative;
    display: block;
    width: 100%;
    padding: 0;
    overflow: hidden;
    padding-top: 56%;
    margin-bottom: 1em;
}
.embed-responsive iframe,
.embed-responsive img{
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border: 0;
}
.before\:absolute::before{
    content: var(--tw-content);
    position: absolute;
}
.before\:bottom-0::before{
    content: var(--tw-content);
    bottom: 0px;
}
.before\:left-0::before{
    content: var(--tw-content);
    left: 0px;
}
.before\:top-0::before{
    content: var(--tw-content);
    top: 0px;
}
.before\:-top-4::before{
    content: var(--tw-content);
    top: -1rem;
}
.before\:left-3::before{
    content: var(--tw-content);
    left: 0.75rem;
}
.before\:-z-0::before{
    content: var(--tw-content);
    z-index: 0;
}
.before\:-z-20::before{
    content: var(--tw-content);
    z-index: -20;
}
.before\:inline-block::before{
    content: var(--tw-content);
    display: inline-block;
}
.before\:h-\[121px\]::before{
    content: var(--tw-content);
    height: 121px;
}
.before\:h-full::before{
    content: var(--tw-content);
    height: 100%;
}
.before\:h-\[124px\]::before{
    content: var(--tw-content);
    height: 124px;
}
.before\:w-full::before{
    content: var(--tw-content);
    width: 100%;
}
.before\:w-1\/2::before{
    content: var(--tw-content);
    width: 50%;
}
.before\:bg-sitecolor-\#2A3455::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(42 52 85 / var(--tw-bg-opacity));
}
.before\:bg-sitecolor-\#2D4183::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(45 65 131 / var(--tw-bg-opacity));
}
.before\:bg-\[\#2C3453\]::before{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(44 52 83 / var(--tw-bg-opacity));
}
.before\:content-\[\'\'\]::before{
    --tw-content: '';
    content: var(--tw-content);
}
.before\:content-\[url\(\'\.\.\/\.\.\/imgs\/cream\/section02_titlebg-01\.svg\'\)\]::before{
    --tw-content: url('../../imgs/cream/section02_titlebg-01.svg');
    content: var(--tw-content);
}
.after\:absolute::after{
    content: var(--tw-content);
    position: absolute;
}
.after\:-top-12::after{
    content: var(--tw-content);
    top: -3rem;
}
.after\:left-0::after{
    content: var(--tw-content);
    left: 0px;
}
.after\:top-2::after{
    content: var(--tw-content);
    top: 0.5rem;
}
.after\:-right-2::after{
    content: var(--tw-content);
    right: -0.5rem;
}
.after\:-left-7::after{
    content: var(--tw-content);
    left: -1.75rem;
}
.after\:bottom-7::after{
    content: var(--tw-content);
    bottom: 1.75rem;
}
.after\:-right-7::after{
    content: var(--tw-content);
    right: -1.75rem;
}
.after\:top-7::after{
    content: var(--tw-content);
    top: 1.75rem;
}
.after\:-bottom-4::after{
    content: var(--tw-content);
    bottom: -1rem;
}
.after\:right-3::after{
    content: var(--tw-content);
    right: 0.75rem;
}
.after\:-z-10::after{
    content: var(--tw-content);
    z-index: -10;
}
.after\:inline-block::after{
    content: var(--tw-content);
    display: inline-block;
}
.after\:h-\[514px\]::after{
    content: var(--tw-content);
    height: 514px;
}
.after\:h-\[1px\]::after{
    content: var(--tw-content);
    height: 1px;
}
.after\:w-\[95\%\]::after{
    content: var(--tw-content);
    width: 95%;
}
.after\:w-\[134px\]::after{
    content: var(--tw-content);
    width: 134px;
}
.after\:bg-sitecolor-\#2D4183::after{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(45 65 131 / var(--tw-bg-opacity));
}
.after\:bg-sitecolor-\#A3B3E9::after{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(163 179 233 / var(--tw-bg-opacity));
}
.after\:bg-sitecolor-\#2B3556::after{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(43 53 86 / var(--tw-bg-opacity));
}
.after\:bg-sitecolor-\#C09B0F::after{
    content: var(--tw-content);
    --tw-bg-opacity: 1;
    background-color: rgb(192 155 15 / var(--tw-bg-opacity));
}
.after\:content-\[\'\'\]::after{
    --tw-content: '';
    content: var(--tw-content);
}
.after\:content-\[url\(\'\.\.\/\.\.\/imgs\/cream\/section02_titlebg-02\.svg\'\)\]::after{
    --tw-content: url('../../imgs/cream/section02_titlebg-02.svg');
    content: var(--tw-content);
}
.hover\:-translate-y-1:hover{
    --tw-translate-y: -0.25rem;
    transform: translate(var(--tw-translate-x), 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));
}
.hover\:scale-105:hover{
    --tw-scale-x: 1.05;
    --tw-scale-y: 1.05;
    transform: translate(var(--tw-translate-x), 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));
}
.hover\:border-transparent:hover{
    border-color: transparent;
}
.hover\:bg-sitecolor-\#243254:hover{
    --tw-bg-opacity: 1;
    background-color: rgb(36 50 84 / var(--tw-bg-opacity));
}
.hover\:text-white:hover{
    --tw-text-opacity: 1;
    color: rgb(255 255 255 / var(--tw-text-opacity));
}
.hover\:no-underline:hover{
    -webkit-text-decoration-line: none;
            text-decoration-line: none;
}
.hover\:opacity-80:hover{
    opacity: 0.8;
}
.focus\:outline-none:focus{
    outline: 2px solid transparent;
    outline-offset: 2px;
}
@media (min-width: 640px){

    .sm\:absolute{
        position: absolute;
    }

    .sm\:-top-12{
        top: -3rem;
    }

    .sm\:left-5{
        left: 1.25rem;
    }

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

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

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

    .sm\:-mb-20{
        margin-bottom: -5rem;
    }

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

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

    .sm\:mb-7{
        margin-bottom: 1.75rem;
    }

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

    .sm\:mt-10{
        margin-top: 2.5rem;
    }

    .sm\:mr-4{
        margin-right: 1rem;
    }

    .sm\:ml-5{
        margin-left: 1.25rem;
    }

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

    .sm\:mt-6{
        margin-top: 1.5rem;
    }

    .sm\:ml-2{
        margin-left: 0.5rem;
    }

    .sm\:mr-5{
        margin-right: 1.25rem;
    }

    .sm\:inline-block{
        display: inline-block;
    }

    .sm\:inline{
        display: inline;
    }

    .sm\:flex{
        display: flex;
    }

    .sm\:hidden{
        display: none;
    }

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

    .sm\:w-\[220px\]{
        width: 220px;
    }

    .sm\:w-\[65\%\]{
        width: 65%;
    }

    .sm\:w-\[630px\]{
        width: 630px;
    }

    .sm\:w-\[50\%\]{
        width: 50%;
    }

    .sm\:w-16{
        width: 4rem;
    }

    .sm\:w-\[63\%\]{
        width: 63%;
    }

    .sm\:min-w-\[160px\]{
        min-width: 160px;
    }

    .sm\:max-w-\[250px\]{
        max-width: 250px;
    }

    .sm\:max-w-\[150px\]{
        max-width: 150px;
    }

    .sm\:max-w-\[30\%\]{
        max-width: 30%;
    }

    .sm\:flex-row{
        flex-direction: row;
    }

    .sm\:flex-col{
        flex-direction: column;
    }

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

    .sm\:gap-5{
        gap: 1.25rem;
    }

    .sm\:gap-7{
        gap: 1.75rem;
    }

    .sm\:space-x-4 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:space-x-5 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .sm\:space-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .sm\:border-r-3{
        border-right-width: 3px;
    }

    .sm\:border-b-0{
        border-bottom-width: 0px;
    }

    .sm\:bg-transparent{
        background-color: transparent;
    }

    .sm\:bg-200\%{
        background-size: 200%;
    }

    .sm\:bg-\[center_top_8em\]{
        background-position: center top 8em;
    }

    .sm\:p-7{
        padding: 1.75rem;
    }

    .sm\:p-3{
        padding: 0.75rem;
    }

    .sm\:px-16{
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .sm\:py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .sm\:py-7{
        padding-top: 1.75rem;
        padding-bottom: 1.75rem;
    }

    .sm\:pr-5{
        padding-right: 1.25rem;
    }

    .sm\:pt-11{
        padding-top: 2.75rem;
    }

    .sm\:pb-0{
        padding-bottom: 0px;
    }

    .sm\:text-4\.5xl{
        font-size: 2.75rem;
    }

    .sm\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .sm\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

    .sm\:text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .sm\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .sm\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .sm\:shadow-xl{
        --tw-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
        --tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }
}
@media (min-width: 780px){

    .md\:relative{
        position: relative;
    }

    .md\:-top-16{
        top: -4rem;
    }

    .md\:-right-10{
        right: -2.5rem;
    }

    .md\:right-0{
        right: 0px;
    }

    .md\:top-16{
        top: 4rem;
    }

    .md\:left-0{
        left: 0px;
    }

    .md\:-right-6{
        right: -1.5rem;
    }

    .md\:-right-4{
        right: -1rem;
    }

    .md\:order-3{
        order: 3;
    }

    .md\:order-2{
        order: 2;
    }

    .md\:order-1{
        order: 1;
    }

    .md\:mx-auto{
        margin-left: auto;
        margin-right: auto;
    }
    .md\:mx-1600{
        margin-left: auto;
        margin-right: auto;
        max-width: 1600px;
    }

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

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

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

    .md\:-mb-20{
        margin-bottom: -5rem;
    }

    .md\:ml-auto{
        margin-left: auto;
    }

    .md\:-mt-12{
        margin-top: -3rem;
    }

    .md\:mr-auto{
        margin-right: auto;
    }

    .md\:-mr-16{
        margin-right: -4rem;
    }

    .md\:mb-0{
        margin-bottom: 0px;
    }

    .md\:mb-20{
        margin-bottom: 5rem;
    }

    .md\:mb-28{
        margin-bottom: 7rem;
    }

    .md\:-mb-8{
        margin-bottom: -2rem;
    }

    .md\:mb-10{
        margin-bottom: 2.5rem;
    }

    .md\:mt-5{
        margin-top: 1.25rem;
    }

    .md\:mb-4{
        margin-bottom: 1rem;
    }

    .md\:mb-6{
        margin-bottom: 1.5rem;
    }

    .md\:mb-14{
        margin-bottom: 3.5rem;
    }

    .md\:-mt-14{
        margin-top: -3.5rem;
    }

    .md\:mb-11{
        margin-bottom: 2.75rem;
    }

    .md\:-ml-9{
        margin-left: -2.25rem;
    }

    .md\:-mb-24{
        margin-bottom: -6rem;
    }

    .md\:-mt-10{
        margin-top: -2.5rem;
    }

    .md\:mr-0{
        margin-right: 0px;
    }

    .md\:mt-10{
        margin-top: 2.5rem;
    }

    .md\:-mb-12{
        margin-bottom: -3rem;
    }

    .md\:mt-11{
        margin-top: 2.75rem;
    }

    .md\:-mb-28{
        margin-bottom: -7rem;
    }

    .md\:mt-7{
        margin-top: 1.75rem;
    }

    .md\:block{
        display: block;
    }

    .md\:inline-block{
        display: inline-block;
    }

    .md\:inline{
        display: inline;
    }

    .md\:flex{
        display: flex;
    }

    .md\:grid{
        display: grid;
    }

    .md\:hidden{
        display: none;
    }

    .md\:h-\[100\%\]{
        height: 100%;
    }

    .md\:h-\[437px\]{
        height: 437px;
    }

    .md\:max-h-\[610px\]{
        max-height: 610px;
    }

    .md\:w-\[50\%\]{
        width: 50%;
    }

    .md\:w-\[45\%\]{
        width: 45%;
    }

    .md\:w-\[55\%\]{
        width: 55%;
    }

    .md\:w-\[48\.8\%\]{
        width: 48.8%;
    }

    .md\:w-\[calc\(100\%_-_10\%\)\]{
        width: calc(100% - 10%);
    }

    .md\:w-\[60\%\]{
        width: 60%;
    }

    .md\:w-\[525px\]{
        width: 525px;
    }

    .md\:w-\[32\%\]{
        width: 32%;
    }

    .md\:w-\[334px\]{
        width: 334px;
    }

    .md\:w-\[532px\]{
        width: 532px;
    }

    .md\:w-\[720px\]{
        width: 720px;
    }

    .md\:w-\[455px\]{
        width: 455px;
    }

    .md\:w-\[705px\]{
        width: 705px;
    }

    .md\:w-\[40\%\]{
        width: 40%;
    }

    .md\:w-\[224px\]{
        width: 224px;
    }

    .md\:w-\[30\%\]{
        width: 30%;
    }

    .md\:w-\[727px\]{
        width: 727px;
    }

    .md\:w-\[342px\]{
        width: 342px;
    }

    .md\:w-\[57\%\]{
        width: 57%;
    }

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

    .md\:w-\[515px\]{
        width: 515px;
    }

    .md\:w-\[545px\]{
        width: 545px;
    }

    .md\:w-\[calc\(100\%\/3-20px\)\]{
        width: calc(100% / 3 - 20px);
    }

    .md\:min-w-\[275px\]{
        min-width: 275px;
    }

    .md\:max-w-\[180px\]{
        max-width: 180px;
    }

    .md\:max-w-\[48\%\]{
        max-width: 48%;
    }

    .md\:max-w-\[50\%\]{
        max-width: 50%;
    }

    .md\:max-w-\[100\%\]{
        max-width: 100%;
    }

    .md\:max-w-\[568px\]{
        max-width: 568px;
    }

    .md\:max-w-\[1131px\]{
        max-width: 1131px;
    }

    .md\:max-w-\[1200px\]{
        max-width: 1200px;
    }

    .md\:max-w-\[1110px\]{
        max-width: 1110px;
    }

    .md\:max-w-\[31\%\]{
        max-width: 31%;
    }

    .md\:max-w-\[1217px\]{
        max-width: 1217px;
    }

    .md\:max-w-\[440px\]{
        max-width: 440px;
    }

    .md\:max-w-\[1024px\]{
        max-width: 1024px;
    }

    .md\:max-w-\[600px\]{
        max-width: 600px;
    }

    .md\:max-w-\[400px\]{
        max-width: 400px;
    }

    .md\:max-w-\[1228px\]{
        max-width: 1228px;
    }

    .md\:max-w-\[1108px\]{
        max-width: 1108px;
    }

    .md\:max-w-\[412px\]{
        max-width: 412px;
    }

    .md\:max-w-\[648px\]{
        max-width: 648px;
    }

    .md\:max-w-\[1114px\]{
        max-width: 1114px;
    }

    .md\:max-w-\[1028px\]{
        max-width: 1028px;
    }

    .md\:max-w-\[483px\]{
        max-width: 483px;
    }

    .md\:max-w-\[1094px\]{
        max-width: 1094px;
    }

    .md\:max-w-\[505px\]{
        max-width: 505px;
    }

    .md\:max-w-\[350px\]{
        max-width: 350px;
    }

    .md\:max-w-\[1135px\]{
        max-width: 1135px;
    }

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

    .md\:max-w-\[1007px\]{
        max-width: 1007px;
    }

    .md\:max-w-\[150px\]{
        max-width: 150px;
    }

    .md\:grid-cols-3{
        grid-template-columns: repeat(3, minmax(0, 1fr));
    }
    .md\:grid-cols-4{
        grid-template-columns: repeat(4, minmax(0, 1fr));
    }

    .md\:grid-cols-2{
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }

    .md\:flex-row{
        flex-direction: row;
    }

    .md\:flex-row-reverse{
        flex-direction: row-reverse;
    }

    .md\:flex-col{
        flex-direction: column;
    }

    .md\:flex-wrap{
        flex-wrap: wrap;
    }

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

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

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

    .md\:justify-end{
        justify-content: flex-end;
    }

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

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

    .md\:justify-around{
        justify-content: space-around;
    }

    .md\:gap-5{
        gap: 1.25rem;
    }

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

    .md\:gap-0{
        gap: 0px;
    }

    .md\:gap-3{
        gap: 0.75rem;
    }

    .md\:gap-2{
        gap: 0.5rem;
    }

    .md\:gap-6{
        gap: 1.5rem;
    }

    .md\:gap-11{
        gap: 2.75rem;
    }

    .md\:gap-10{
        gap: 2.5rem;
    }

    .md\:space-x-5 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .md\:space-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .md\:rounded-br-none{
        border-bottom-right-radius: 0px;
    }

    .md\:rounded-bl-3xl{
        border-bottom-left-radius: 1.5rem;
    }

    .md\:border-\[6px\]{
        border-width: 6px;
    }

    .md\:border-0{
        border-width: 0px;
    }

    .md\:border-r-0{
        border-right-width: 0px;
    }

    .md\:border-l-8{
        border-left-width: 8px;
    }

    .md\:bg-transparent{
        background-color: transparent;
    }

    .md\:bg-\[\#f8f8f8\]{
        --tw-bg-opacity: 1;
        background-color: rgb(248 248 248 / var(--tw-bg-opacity));
    }

    .md\:bg-\[\#295AFA\]{
        --tw-bg-opacity: 1;
        background-color: rgb(41 90 250 / var(--tw-bg-opacity));
    }

    .md\:bg-\[\#f9f9f9\]{
        --tw-bg-opacity: 1;
        background-color: rgb(249 249 249 / var(--tw-bg-opacity));
    }

    .md\:bg-inherit{
        background-color: inherit;
    }

    .md\:bg-white{
        --tw-bg-opacity: 1;
        background-color: rgb(255 255 255 / var(--tw-bg-opacity));
    }

    .md\:bg-white-rgba{
        background-color: rgba(255, 255, 255, 0.5);
    }

    .md\:bg-\[url\(\'\.\.\/\.\.\/imgs\/cleaner\/bg_section05-02\.png\'\)\]{
        background-image: url('../../imgs/cleaner/bg_section05-02.png');
    }

    .md\:bg-\[url\(\'\.\.\/\.\.\/imgs\/cream_jar\/pc\/bg_mv\.png\'\)\]{
        background-image: url('../../imgs/cream_jar/pc/bg_mv.png');
    }

    .md\:bg-\[url\(\'\.\.\/\.\.\/imgs\/pro_sneaker\/pc\/bg_mv_wrapper\.png\'\)\]{
        background-image: url('../../imgs/pro_sneaker/pc/bg_mv_wrapper.png');
    }

    .md\:bg-\[url\(\'\.\.\/\.\.\/imgs\/pro_sneaker\/pc\/bg_mv\.jpg\'\)\]{
        background-image: url('../../imgs/pro_sneaker/pc/bg_mv_v2_3.png');
    }

    .md\:bg-\[url\(\'\.\.\/\.\.\/imgs\/pro_suede\/pc\/bg_mv\.jpg\'\)\]{
        background-image: url('../../imgs/pro_suede/pc/bg_mv.jpg');
    }

    .md\:bg-\[url\(\'\.\.\/\.\.\/imgs\/stainremover\/pc\/bg_mv\.png\'\)\]{
        background-image: url('../../imgs/stainremover/pc/bg_mv_v2.png');
    }

    .md\:bg-none{
        background-image: none;
    }

    .md\:bg-\[center_bottom_-5rem\]{
        background-position: center bottom -5rem;
    }

    .md\:p-10{
        padding: 2.5rem;
    }

    .md\:p-2{
        padding: 0.5rem;
    }

    .md\:p-4{
        padding: 1rem;
    }

    .md\:p-7{
        padding: 1.75rem;
    }

    .md\:p-0{
        padding: 0px;
    }

    .md\:p-5{
        padding: 1.25rem;
    }

    .md\:px-10{
        padding-left: 2.5rem;
        padding-right: 2.5rem;
    }

    .md\:py-20{
        padding-top: 5rem;
        padding-bottom: 5rem;
    }

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

    .md\:py-28{
        padding-top: 7rem;
        padding-bottom: 7rem;
    }

    .md\:py-16{
        padding-top: 4rem;
        padding-bottom: 4rem;
    }

    .md\:pr-5{
        padding-right: 1.25rem;
    }

    .md\:pr-8{
        padding-right: 2rem;
    }

    .md\:pt-\[20\%\]{
        padding-top: 20%;
    }

    .md\:pt-36{
        padding-top: 9rem;
    }

    .md\:pr-0{
        padding-right: 0px;
    }

    .md\:pl-10{
        padding-left: 2.5rem;
    }

    .md\:pt-16{
        padding-top: 4rem;
    }

    .md\:pb-28{
        padding-bottom: 7rem;
    }

    .md\:pl-5{
        padding-left: 1.25rem;
    }

    .md\:pt-\[6\%\]{
        padding-top: 6%;
    }

    .md\:pt-24{
        padding-top: 6rem;
    }

    .md\:pt-\[8\%\]{
        padding-top: 8%;
    }

    .md\:pl-0{
        padding-left: 0px;
    }

    .md\:pr-7{
        padding-right: 1.75rem;
    }

    .md\:pt-28{
        padding-top: 7rem;
    }

    .md\:pt-40{
        padding-top: 10rem;
    }

    .md\:pr-10{
        padding-right: 2.5rem;
    }

    .md\:pt-8{
        padding-top: 2rem;
    }

    .md\:pb-24{
        padding-bottom: 6rem;
    }

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

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

    .md\:text-\[11px\]{
        font-size: 11px;
    }

    .md\:text-\[17px\]{
        font-size: 17px;
    }

    .md\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .md\:text-\[13px\]{
        font-size: 13px;
    }

    .md\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

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

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

    .md\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .md\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

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

    .md\:text-\[19px\]{
        font-size: 19px;
    }

    .md\:leading-\[30px\]{
        line-height: 30px;
    }

    .md\:leading-7{
        line-height: 1.75rem;
    }

    .md\:leading-relaxed{
        line-height: 1.625;
    }

    .md\:leading-10{
        line-height: 2.5rem;
    }

    .md\:leading-\[2\.7em\]{
        line-height: 2.7em;
    }

    .md\:leading-8{
        line-height: 2rem;
    }

    .md\:leading-loose{
        line-height: 2;
    }

    .md\:leading-6{
        line-height: 1.5rem;
    }

    .md\:leading-9{
        line-height: 2.25rem;
    }

    .md\:shadow-none{
        --tw-shadow: 0 0 #0000;
        --tw-shadow-colored: 0 0 #0000;
        box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);
    }

    .md\:before\:absolute::before{
        content: var(--tw-content);
        position: absolute;
    }

    .md\:before\:bottom-0::before{
        content: var(--tw-content);
        bottom: 0px;
    }

    .md\:before\:left-0::before{
        content: var(--tw-content);
        left: 0px;
    }

    .md\:before\:h-\[240px\]::before{
        content: var(--tw-content);
        height: 240px;
    }

    .md\:before\:w-\[3000px\]::before{
        content: var(--tw-content);
        width: 3000px;
    }

    .md\:before\:bg-\[\#2C3453\]::before{
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(44 52 83 / var(--tw-bg-opacity));
    }

    .md\:before\:content-\[\'\'\]::before{
        --tw-content: '';
        content: var(--tw-content);
    }
}
@media (min-width: 1024px){

    .lg\:absolute{
        position: absolute;
    }

    .lg\:top-16{
        top: 4rem;
    }

    .lg\:left-1\/2{
        left: 50%;
    }

    .lg\:-top-10{
        top: -2.5rem;
    }

    .lg\:-top-8{
        top: -2rem;
    }

    .lg\:top-10{
        top: 2.5rem;
    }

    .lg\:-top-20{
        top: -5rem;
    }

    .lg\:bottom-0{
        bottom: 0px;
    }

    .lg\:left-\[155px\]{
        left: 155px;
    }

    .lg\:-top-24{
        top: -6rem;
    }

    .lg\:left-0{
        left: 0px;
    }

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

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

    .lg\:mb-10{
        margin-bottom: 2.5rem;
    }

    .lg\:mt-80{
        margin-top: 20rem;
    }

    .lg\:mt-40{
        margin-top: 10rem;
    }

    .lg\:mt-14{
        margin-top: 3.5rem;
    }

    .lg\:mt-6{
        margin-top: 1.5rem;
    }

    .lg\:mt-12{
        margin-top: 3rem;
    }

    .lg\:mt-7{
        margin-top: 1.75rem;
    }

    .lg\:mt-20{
        margin-top: 5rem;
    }

    .lg\:mt-16{
        margin-top: 4rem;
    }

    .lg\:mt-48{
        margin-top: 12rem;
    }

    .lg\:-mt-7{
        margin-top: -1.75rem;
    }

    .lg\:mt-3{
        margin-top: 0.75rem;
    }

    .lg\:mt-\[90px\]{
        margin-top: 90px;
    }

    .lg\:mt-24{
        margin-top: 6rem;
    }

    .lg\:mt-8{
        margin-top: 2rem;
    }

    .lg\:mt-9{
        margin-top: 2.25rem;
    }

    .lg\:mt-10{
        margin-top: 2.5rem;
    }

    .lg\:mt-1{
        margin-top: 0.25rem;
    }

    .lg\:mt-5{
        margin-top: 1.25rem;
    }

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

    .lg\:mt-11{
        margin-top: 2.75rem;
    }

    .lg\:ml-7{
        margin-left: 1.75rem;
    }

    .lg\:mt-32{
        margin-top: 8rem;
    }

    .lg\:mb-0{
        margin-bottom: 0px;
    }

    .lg\:mt-52{
        margin-top: 13rem;
    }

    .lg\:-mt-8{
        margin-top: -2rem;
    }

    .lg\:mt-56{
        margin-top: 14rem;
    }

    .lg\:ml-8{
        margin-left: 2rem;
    }

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

    .lg\:-mt-24{
        margin-top: -6rem;
    }

    .lg\:mt-4{
        margin-top: 1rem;
    }

    .lg\:-mt-28{
        margin-top: -7rem;
    }

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

    .lg\:ml-auto{
        margin-left: auto;
    }

    .lg\:mt-\[70px\]{
        margin-top: 70px;
    }

    .lg\:block{
        display: block;
    }

    .lg\:inline-block{
        display: inline-block;
    }

    .lg\:inline{
        display: inline;
    }

    .lg\:flex{
        display: flex;
    }

    .lg\:hidden{
        display: none;
    }

    .lg\:h-6{
        height: 1.5rem;
    }

    .lg\:h-\[687px\]{
        height: 687px;
    }

    .lg\:h-\[587px\]{
        height: 587px;
    }

    .lg\:h-\[580px\]{
        height: 862px;
    }

    .lg\:h-\[24px\]{
        height: 24px;
    }

    .lg\:max-h-\[450px\]{
        max-height: 450px;
    }

    .lg\:max-h-\[415px\]{
        max-height: 415px;
    }

    .lg\:min-h-\[490px\]{
        min-height: 490px;
    }

    .lg\:w-\[930px\]{
        width: 930px;
    }

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

    .lg\:w-\[405px\]{
        width: 405px;
    }

    .lg\:w-6{
        width: 1.5rem;
    }

    .lg\:w-\[40\%\]{
        width: 40%;
    }

    .lg\:w-\[73\%\]{
        width: 73%;
    }

    .lg\:w-\[78\%\]{
        width: 78%;
    }

    .lg\:w-\[calc\(100\%_-_20\%\)\]{
        width: calc(100% - 20%);
    }

    .lg\:w-\[55\%\]{
        width: 55%;
    }

    .lg\:w-\[830px\]{
        width: 830px;
    }

    .lg\:w-\[221px\]{
        width: 221px;
    }

    .lg\:w-\[773px\]{
        width: 773px;
    }

    .lg\:w-\[24px\]{
        width: 24px;
    }

    .lg\:w-\[914px\]{
        width: 914px;
    }

    .lg\:w-\[247px\]{
        width: 247px;
    }

    .lg\:w-\[523px\]{
        width: 523px;
    }

    .lg\:w-\[calc\(100\%\/3-40px\)\]{
        width: calc(100% / 3 - 40px);
    }

    .lg\:w-\[calc\(100\%\/2-40px\)\]{
        width: calc(100% / 2 - 40px);
    }

    .lg\:min-w-\[360px\]{
        min-width: 360px;
    }

    .lg\:max-w-\[250px\]{
        max-width: 250px;
    }

    .lg\:max-w-\[1417px\]{
        max-width: 1417px;
    }

    .lg\:max-w-\[631px\]{
        max-width: 631px;
    }

    .lg\:max-w-\[1353px\]{
        max-width: 1353px;
    }

    .lg\:max-w-\[564px\]{
        max-width: 564px;
    }

    .lg\:max-w-\[1393px\]{
        max-width: 1393px;
    }

    .lg\:max-w-\[625px\]{
        max-width: 625px;
    }

    .lg\:max-w-\[687px\]{
        max-width: 687px;
    }

    .lg\:max-w-\[1371px\]{
        max-width: 1371px;
    }

    .lg\:max-w-\[487px\]{
        max-width: 487px;
    }

    .lg\:max-w-\[859px\]{
        max-width: 859px;
    }

    .lg\:max-w-\[950px\]{
        max-width: 950px;
    }

    .lg\:max-w-\[287px\]{
        max-width: 287px;
    }

    .lg\:max-w-\[200px\]{
        max-width: 200px;
    }

    .lg\:max-w-\[1150px\]{
        max-width: 1150px;
    }

    .lg\:max-w-\[527px\]{
        max-width: 527px;
    }

    .lg\:max-w-\[583px\]{
        max-width: 583px;
    }

    .lg\:max-w-\[1076px\]{
        max-width: 1076px;
    }

    .lg\:max-w-\[242px\]{
        max-width: 242px;
    }

    .lg\:max-w-\[409px\]{
        max-width: 409px;
    }

    .lg\:max-w-\[251px\]{
        max-width: 251px;
    }

    .lg\:max-w-\[1340px\]{
        max-width: 1340px;
    }

    .lg\:max-w-\[502px\]{
        max-width: 502px;
    }

    .lg\:max-w-\[400px\]{
        max-width: 400px;
    }

    .lg\:max-w-\[408px\]{
        max-width: 408px;
    }

    .lg\:max-w-\[660px\]{
        max-width: 660px;
    }

    .lg\:max-w-\[605px\]{
        max-width: 605px;
    }

    .lg\:max-w-\[378px\]{
        max-width: 378px;
    }

    .lg\:max-w-\[960px\]{
        max-width: 960px;
    }

    .lg\:max-w-\[978px\]{
        max-width: 978px;
    }

    .lg\:max-w-\[413px\]{
        max-width: 413px;
    }

    .lg\:max-w-\[1242px\]{
        max-width: 1242px;
    }

    .lg\:max-w-\[1100px\]{
        max-width: 1100px;
    }

    .lg\:max-w-\[601px\]{
        max-width: 601px;
    }

    .lg\:max-w-\[1249px\]{
        max-width: 1249px;
    }

    .lg\:max-w-\[522px\]{
        max-width: 522px;
    }

    .lg\:max-w-\[1021px\]{
        max-width: 1021px;
    }

    .lg\:max-w-\[50\%\]{
        max-width: 50%;
    }

    .lg\:max-w-\[45\%\]{
        max-width: 45%;
    }

    .lg\:max-w-\[940px\]{
        max-width: 940px;
    }

    .lg\:-translate-x-1\/2{
        --tw-translate-x: -50%;
        transform: translate(var(--tw-translate-x), 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));
    }

    .lg\:flex-row{
        flex-direction: row;
    }

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

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

    .lg\:items-stretch{
        align-items: stretch;
    }

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

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

    .lg\:gap-10{
        gap: 2.5rem;
    }

    .lg\:gap-6{
        gap: 1.5rem;
    }

    .lg\:gap-8{
        gap: 2rem;
    }

    .lg\:-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)));
    }

    .lg\:space-y-0 > :not([hidden]) ~ :not([hidden]){
        --tw-space-y-reverse: 0;
        margin-top: calc(0px * calc(1 - var(--tw-space-y-reverse)));
        margin-bottom: calc(0px * var(--tw-space-y-reverse));
    }

    .lg\:-space-x-5 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(-1.25rem * var(--tw-space-x-reverse));
        margin-left: calc(-1.25rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:space-x-4 > :not([hidden]) ~ :not([hidden]){
        --tw-space-x-reverse: 0;
        margin-right: calc(1rem * var(--tw-space-x-reverse));
        margin-left: calc(1rem * calc(1 - var(--tw-space-x-reverse)));
    }

    .lg\:rounded-l-lg{
        border-top-left-radius: 0.5rem;
        border-bottom-left-radius: 0.5rem;
    }

    .lg\:rounded-br-\[22px\]{
        border-bottom-right-radius: 22px;
    }

    .lg\:border-8{
        border-width: 8px;
    }

    .lg\:border-r-4{
        border-right-width: 4px;
    }

    .lg\:border-b-0{
        border-bottom-width: 0px;
    }

    .lg\:bg-\[url\(\'\.\.\/\.\.\/imgs\/cream\/bg_mv_pc\.jpg\'\)\]{
        background-image: url('../../imgs/cream/bg_mv_pc.jpg');
    }

    .lg\:bg-\[url\(\'\.\.\/\.\.\/imgs\/cream\/bg_section04_pc\.jpg\'\)\]{
        background-image: url('../../imgs/cream/bg_section04_pc.jpg');
    }

    .lg\:bg-cover{
        background-size: cover;
    }

    .lg\:bg-\[center_top_7em\]{
        background-position: center top 7em;
    }

    .lg\:bg-\[center_bottom_-20rem\]{
        background-position: center bottom -20rem;
    }

    .lg\:bg-\[center_top_-18em\]{
        background-position: center top -18em;
    }

    .lg\:p-0{
        padding: 0px;
    }

    .lg\:p-5{
        padding: 1.25rem;
    }

    .lg\:py-6{
        padding-top: 1.5rem;
        padding-bottom: 1.5rem;
    }

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

    .lg\:py-5{
        padding-top: 1.25rem;
        padding-bottom: 1.25rem;
    }

    .lg\:px-16{
        padding-left: 4rem;
        padding-right: 4rem;
    }

    .lg\:px-5{
        padding-left: 1.25rem;
        padding-right: 1.25rem;
    }

    .lg\:py-0{
        padding-top: 0px;
        padding-bottom: 0px;
    }

    .lg\:py-4{
        padding-top: 1rem;
        padding-bottom: 1rem;
    }

    .lg\:py-9{
        padding-top: 2.25rem;
        padding-bottom: 2.25rem;
    }

    .lg\:py-3{
        padding-top: 0.75rem;
        padding-bottom: 0.75rem;
    }

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

    .lg\:px-11{
        padding-left: 2.75rem;
        padding-right: 2.75rem;
    }

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

    .lg\:py-8{
        padding-top: 2rem;
        padding-bottom: 2rem;
    }

    .lg\:py-12{
        padding-top: 3rem;
        padding-bottom: 3rem;
    }

    .lg\:py-10{
        padding-top: 2.5rem;
        padding-bottom: 2.5rem;
    }

    .lg\:pt-\[92px\]{
        padding-top: 92px;
    }

    .lg\:pb-60{
        padding-bottom: 15rem;
    }

    .lg\:pb-16{
        padding-bottom: 4rem;
    }

    .lg\:pb-0{
        padding-bottom: 0px;
    }

    .lg\:pb-9{
        padding-bottom: 2.25rem;
    }

    .lg\:pb-5{
        padding-bottom: 1.25rem;
    }

    .lg\:pt-3{
        padding-top: 0.75rem;
    }

    .lg\:pt-44{
        padding-top: 11rem;
    }

    .lg\:pt-\[13px\]{
        padding-top: 13px;
    }

    .lg\:pt-9{
        padding-top: 2.25rem;
    }

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

    .lg\:pb-20{
        padding-bottom: 5rem;
    }

    .lg\:pt-32{
        padding-top: 8rem;
    }

    .lg\:pt-80{
        padding-top: 20rem;
    }

    .lg\:pr-0{
        padding-right: 0px;
    }

    .lg\:pl-0{
        padding-left: 0px;
    }

    .lg\:pr-5{
        padding-right: 1.25rem;
    }

    .lg\:pt-\[73px\]{
        padding-top: 73px;
    }

    .lg\:pb-\[150px\]{
        padding-bottom: 150px;
    }

    .lg\:pt-24{
        padding-top: 6rem;
    }

    .lg\:pt-20{
        padding-top: 5rem;
    }

    .lg\:pb-10{
        padding-bottom: 2.5rem;
    }

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

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

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

    .lg\:text-\[26px\]{
        font-size: 26px;
    }

    .lg\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .lg\:text-\[87px\]{
        font-size: 87px;
    }

    .lg\:text-base{
        font-size: 1rem;
        line-height: 1.5rem;
    }

    .lg\:text-2xl{
        font-size: 1.5rem;
        line-height: 2rem;
    }

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

    .lg\:text-xl{
        font-size: 1.25rem;
        line-height: 1.75rem;
    }

    .lg\:text-sm{
        font-size: 0.875rem;
        line-height: 1.25rem;
    }

    .lg\:text-4xl{
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    .lg\:text-\[27px\]{
        font-size: 27px;
    }

    .lg\:text-xs{
        font-size: 0.75rem;
        line-height: 1rem;
    }

    .lg\:text-\[22px\]{
        font-size: 22px;
    }

    .lg\:text-\[13px\]{
        font-size: 13px;
    }

    .lg\:text-7\.5xl{
        font-size: 4.75rem;
    }

    .lg\:text-6xl{
        font-size: 3.75rem;
        line-height: 1;
    }

    .lg\:text-\[53px\]{
        font-size: 53px;
    }

    .lg\:text-\[12px\]{
        font-size: 12px;
    }

    .lg\:text-\[50px\]{
        font-size: 50px;
    }

    .lg\:text-\[11px\]{
        font-size: 11px;
    }

    .lg\:text-\[42px\]{
        font-size: 42px;
    }

    .lg\:text-\[17px\]{
        font-size: 17px;
    }

    .lg\:text-\[28px\]{
        font-size: 28px;
    }

    .lg\:text-\[18px\]{
        font-size: 18px;
    }

    .lg\:text-\[78px\]{
        font-size: 78px;
    }

    .lg\:text-\[32px\]{
        font-size: 32px;
    }

    .lg\:text-\[19px\]{
        font-size: 19px;
    }

    .lg\:leading-normal{
        line-height: 1.5;
    }

    .lg\:leading-\[40px\]{
        line-height: 40px;
    }

    .lg\:leading-loose{
        line-height: 2;
    }

    .lg\:leading-\[41px\]{
        line-height: 41px;
    }

    .lg\:leading-7{
        line-height: 1.75rem;
    }

    .lg\:leading-8{
        line-height: 2rem;
    }

    .lg\:leading-10{
        line-height: 2.5rem;
    }

    .lg\:leading-6{
        line-height: 1.5rem;
    }

    .lg\:leading-9{
        line-height: 2.25rem;
    }

    .lg\:leading-\[63px\]{
        line-height: 63px;
    }

    .lg\:leading-\[34px\]{
        line-height: 34px;
    }

    .lg\:tracking-widest{
        letter-spacing: 0.1em;
    }

    .lg\:tracking-\[0\.80em\]{
        letter-spacing: 0.80em;
    }

    .lg\:tracking-wide{
        letter-spacing: 0.025em;
    }

    .lg\:tracking-wider{
        letter-spacing: 0.05em;
    }

    .lg\:before\:bottom-\[95px\]::before{
        content: var(--tw-content);
        bottom: 95px;
    }

    .lg\:after\:absolute::after{
        content: var(--tw-content);
        position: absolute;
    }

    .lg\:after\:top-5::after{
        content: var(--tw-content);
        top: 1.25rem;
    }

    .lg\:after\:-bottom-2::after{
        content: var(--tw-content);
        bottom: -0.5rem;
    }

    .lg\:after\:-left-28::after{
        content: var(--tw-content);
        left: -7rem;
    }

    .lg\:after\:-z-10::after{
        content: var(--tw-content);
        z-index: -10;
    }

    .lg\:after\:inline-block::after{
        content: var(--tw-content);
        display: inline-block;
    }

    .lg\:after\:h-\[475px\]::after{
        content: var(--tw-content);
        height: 475px;
    }

    .lg\:after\:w-\[85\%\]::after{
        content: var(--tw-content);
        width: 85%;
    }

    .lg\:after\:w-\[902px\]::after{
        content: var(--tw-content);
        width: 902px;
    }

    .lg\:after\:bg-sitecolor-\#2A3455::after{
        content: var(--tw-content);
        --tw-bg-opacity: 1;
        background-color: rgb(42 52 85 / var(--tw-bg-opacity));
    }

    .lg\:after\:content-\[\'\'\]::after{
        --tw-content: '';
        content: var(--tw-content);
    }
}
@media (min-width: 1280px){

    .xl\:-top-10{
        top: -2.5rem;
    }

    .xl\:left-12{
        left: 3rem;
    }

    .xl\:-left-24{
        left: -6rem;
    }

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

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

    .xl\:mt-12{
        margin-top: 3rem;
    }

    .xl\:hidden{
        display: none;
    }

    .xl\:w-\[1417px\]{
        width: 1417px;
    }

    .xl\:w-\[900px\]{
        width: 900px;
    }

    .xl\:w-\[65\%\]{
        width: 65%;
    }

    .xl\:w-\[1340px\]{
        width: 1340px;
    }

    .xl\:w-\[800px\]{
        width: 800px;
    }

    .xl\:w-auto{
        width: auto;
    }

    .xl\:w-\[1247px\]{
        width: 1247px;
    }

    .xl\:max-w-\[301px\]{
        max-width: 301px;
    }

    .xl\:max-w-\[409px\]{
        max-width: 409px;
    }

    .xl\:max-w-\[417px\]{
        max-width: 417px;
    }

    .xl\:max-w-\[611px\]{
        max-width: 611px;
    }

    .xl\:max-w-\[414px\]{
        max-width: 414px;
    }

    .xl\:max-w-\[771px\]{
        max-width: 771px;
    }

    .xl\:max-w-\[1247px\]{
        max-width: 1247px;
    }

    .xl\:max-w-\[70\%\]{
        max-width: 70%;
    }

    .xl\:max-w-\[66\%\]{
        max-width: 66%;
    }

    .xl\:items-end{
        align-items: flex-end;
    }

    .xl\:justify-end{
        justify-content: flex-end;
    }

    .xl\:bg-\[center_top_4em\]{
        background-position: center top 4em;
    }

    .xl\:p-0{
        padding: 0px;
    }

    .xl\:p-5{
        padding: 1.25rem;
    }

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

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

    .xl\:pr-64{
        padding-right: 16rem;
    }

    .xl\:pl-7{
        padding-left: 1.75rem;
    }

    .xl\:pl-44{
        padding-left: 11rem;
    }

    .xl\:text-6xl{
        font-size: 3.75rem;
        line-height: 1;
    }

    .xl\:text-\[28px\]{
        font-size: 28px;
    }

    .xl\:text-\[91px\]{
        font-size: 91px;
    }

    .xl\:text-lg{
        font-size: 1.125rem;
        line-height: 1.75rem;
    }

    .xl\:text-6\.5xl{
        font-size: 4.25rem;
    }

    .xl\:leading-\[40px\]{
        line-height: 40px;
    }
}
@media (min-width: 1405px){

    .xxl\:left-0{
        left: 0px;
    }

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

    .xxl\:w-\[70\%\]{
        width: 70%;
    }

    .xxl\:max-w-\[359px\]{
        max-width: 359px;
    }

    .xxl\:max-w-\[650px\]{
        max-width: 650px;
    }

    .xxl\:max-w-\[525px\]{
        max-width: 525px;
    }

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

    .xxl\:pl-0{
        padding-left: 0px;
    }
}

.p30-s100{
    width: 30%;
}
@media screen and (max-width: 780px) {
    .p30-s100{
        width: 80%;
    }
} 

/* ニオイ対策カルーセルスタイル */
.odor-carousel {
    position: relative;
    width: 100%;
    overflow: hidden;
}

.carousel-container {
    position: relative;
    width: 100%;
    height: 320px;
    overflow: hidden;
}

@media (min-width: 768px) {
    .carousel-container {
        height: 330px;
    }
}

.carousel-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    opacity: 0;
    transform: translateX(100%);
    transition: all 0.5s ease-in-out;
}

.carousel-slide.active {
    opacity: 1;
    transform: translateX(0);
}

.carousel-slide.prev {
    transform: translateX(-100%);
}

.carousel-slide.next {
    transform: translateX(100%);
}

/* ナビゲーションドット */
.carousel-dots {
    display: flex;
    justify-content: center;
    gap: 8px;
    margin-top: 10px;
}

.dot {
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background: rgba(0, 0, 0, 0.3);
    cursor: pointer;
    transition: all 0.3s ease;
}

.dot.active {
    background: #002F95;
    transform: scale(1.2);
}

.dot:hover {
    background: rgba(0, 47, 149, 0.7);
}

@media (min-width: 768px) {
    .dot {
        width: 10px;
        height: 10px;
    }
}