/*
! tailwindcss v3.4.3 | 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.
5. Use the user's configured `sans` font-feature-settings by default.
6. Use the user's configured `sans` font-variation-settings by default.
7. Disable tap highlights on iOS
*/

html,
:host {
  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: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  /* 4 */
  font-feature-settings: normal;
  /* 5 */
  font-variation-settings: normal;
  /* 6 */
  -webkit-tap-highlight-color: transparent;
  /* 7 */
}

/*
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. Use the user's configured `mono` font-feature-settings by default.
3. Use the user's configured `mono` font-variation-settings by default.
4. Correct the odd `em` font sizing in all browsers.
*/

code,
kbd,
samp,
pre {
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  /* 1 */
  font-feature-settings: normal;
  /* 2 */
  font-variation-settings: normal;
  /* 3 */
  font-size: 1em;
  /* 4 */
}

/*
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-feature-settings: inherit;
  /* 1 */
  font-variation-settings: inherit;
  /* 1 */
  font-size: 100%;
  /* 1 */
  font-weight: inherit;
  /* 1 */
  line-height: inherit;
  /* 1 */
  letter-spacing: 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,
input:where([type='button']),
input:where([type='reset']),
input:where([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;
}

/*
Reset default styling for dialogs.
*/

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

/* Make elements with the HTML hidden attribute stay hidden by default */

[hidden] {
  display: none;
}

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

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

.tw-fixed {
  position: fixed;
}

.tw-absolute {
  position: absolute;
}

.tw-relative {
  position: relative;
}

.tw-bottom-0 {
  bottom: 0px;
}

.tw-bottom-\[-32px\] {
  bottom: -32px;
}

.tw-left-3 {
  left: 0.75rem;
}

.tw-left-9 {
  left: 2.25rem;
}

.tw-left-\[100px\] {
  left: 100px;
}

.tw-right-0 {
  right: 0px;
}

.tw-right-3 {
  right: 0.75rem;
}

.tw-right-4 {
  right: 1rem;
}

.tw-right-5 {
  right: 1.25rem;
}

.tw-right-9 {
  right: 2.25rem;
}

.tw-right-\[30px\] {
  right: 30px;
}

.tw-top-0 {
  top: 0px;
}

.tw-top-4 {
  top: 1rem;
}

.tw-top-\[2px\] {
  top: 2px;
}

.tw-top-\[30px\] {
  top: 30px;
}

.tw-top-\[50px\] {
  top: 50px;
}

.tw-z-\[-1\] {
  z-index: -1;
}

.tw-z-\[8\] {
  z-index: 8;
}

.tw-z-\[9\] {
  z-index: 9;
}

.tw-order-1 {
  order: 1;
}

.tw-order-2 {
  order: 2;
}

.tw-m-0 {
  margin: 0px;
}

.tw-mx-1 {
  margin-left: 0.25rem;
  margin-right: 0.25rem;
}

.tw-mx-10 {
  margin-left: 2.5rem;
  margin-right: 2.5rem;
}

.tw-mx-2 {
  margin-left: 0.5rem;
  margin-right: 0.5rem;
}

.tw-mx-4 {
  margin-left: 1rem;
  margin-right: 1rem;
}

.tw-mx-auto {
  margin-left: auto;
  margin-right: auto;
}

.tw-my-1 {
  margin-top: 0.25rem;
  margin-bottom: 0.25rem;
}

.tw-my-20 {
  margin-top: 5rem;
  margin-bottom: 5rem;
}

.tw-my-4 {
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.tw-my-5 {
  margin-top: 1.25rem;
  margin-bottom: 1.25rem;
}

.tw-my-\[50px\] {
  margin-top: 50px;
  margin-bottom: 50px;
}

.tw-mb-2 {
  margin-bottom: 0.5rem;
}

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

.tw-mb-3 {
  margin-bottom: 0.75rem;
}

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

.tw-mb-\[30px\] {
  margin-bottom: 30px;
}

.tw-mb-\[50px\] {
  margin-bottom: 50px;
}

.tw-ml-\[53px\] {
  margin-left: 53px;
}

.tw-ml-\[74px\] {
  margin-left: 74px;
}

.tw-mr-\[30px\] {
  margin-right: 30px;
}

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

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

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

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

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

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

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

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

.tw-mt-\[140px\] {
  margin-top: 140px;
}

.tw-mt-\[165px\] {
  margin-top: 165px;
}

.tw-mt-\[175px\] {
  margin-top: 175px;
}

.tw-mt-\[240px\] {
  margin-top: 240px;
}

.tw-mt-\[30px\] {
  margin-top: 30px;
}

.tw-mt-\[370px\] {
  margin-top: 370px;
}

.tw-mt-\[40px\] {
  margin-top: 40px;
}

.tw-block {
  display: block;
}

.tw-inline-block {
  display: inline-block;
}

.tw-inline {
  display: inline;
}

.tw-flex {
  display: flex;
}

.tw-grid {
  display: grid;
}

.tw-hidden {
  display: none;
}

.tw-aspect-video {
  aspect-ratio: 16 / 9;
}

.tw-h-\[145px\] {
  height: 145px;
}

.tw-h-\[278px\] {
  height: 278px;
}

.tw-h-\[400px\] {
  height: 400px;
}

.tw-h-\[645px\] {
  height: 645px;
}

.tw-h-\[90px\] {
  height: 90px;
}

.tw-h-screen {
  height: 100vh;
}

.\!tw-w-\[64px\] {
  width: 64px !important;
}

.\!tw-w-\[84px\] {
  width: 84px !important;
}

.tw-w-1\/2 {
  width: 50%;
}

.tw-w-10 {
  width: 2.5rem;
}

.tw-w-6\/12 {
  width: 50%;
}

.tw-w-9 {
  width: 2.25rem;
}

.tw-w-\[100px\] {
  width: 100px;
}

.tw-w-\[114px\] {
  width: 114px;
}

.tw-w-\[137px\] {
  width: 137px;
}

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

.tw-w-\[176px\] {
  width: 176px;
}

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

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

.tw-w-\[235px\] {
  width: 235px;
}

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

.tw-w-\[274px\] {
  width: 274px;
}

.tw-w-\[276px\] {
  width: 276px;
}

.tw-w-\[27px\] {
  width: 27px;
}

.tw-w-\[296px\] {
  width: 296px;
}

.tw-w-\[320px\] {
  width: 320px;
}

.tw-w-\[37px\] {
  width: 37px;
}

.tw-w-\[44px\] {
  width: 44px;
}

.tw-w-\[48px\] {
  width: 48px;
}

.tw-w-\[53px\] {
  width: 53px;
}

.tw-w-\[54px\] {
  width: 54px;
}

.tw-w-\[58px\] {
  width: 58px;
}

.tw-w-\[60px\] {
  width: 60px;
}

.tw-w-\[66px\] {
  width: 66px;
}

.tw-w-\[76px\] {
  width: 76px;
}

.tw-w-full {
  width: 100%;
}

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

.tw-max-w-\[1280px\] {
  max-width: 1280px;
}

.tw-max-w-\[750px\] {
  max-width: 750px;
}

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

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

.tw-grid-rows-3 {
  grid-template-rows: repeat(3, minmax(0, 1fr));
}

.tw-flex-wrap {
  flex-wrap: wrap;
}

.tw-flex-nowrap {
  flex-wrap: nowrap;
}

.tw-items-start {
  align-items: flex-start;
}

.tw-items-end {
  align-items: flex-end;
}

.tw-items-center {
  align-items: center;
}

.tw-justify-center {
  justify-content: center;
}

.tw-justify-between {
  justify-content: space-between;
}

.tw-gap-x-\[4\.66\%\] {
  -moz-column-gap: 4.66%;
       column-gap: 4.66%;
}

.tw-gap-x-\[6\.66\%\] {
  -moz-column-gap: 6.66%;
       column-gap: 6.66%;
}

.tw-gap-y-\[90px\] {
  row-gap: 90px;
}

.tw-rounded-2xl {
  border-radius: 1rem;
}

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

.tw-rounded-xl {
  border-radius: 0.75rem;
}

.tw-border {
  border-width: 1px;
}

.tw-border-2 {
  border-width: 2px;
}

.tw-border-b {
  border-bottom-width: 1px;
}

.tw-border-t {
  border-top-width: 1px;
}

.tw-border-black {
  --tw-border-opacity: 1;
  border-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.tw-border-b-black {
  --tw-border-opacity: 1;
  border-bottom-color: rgb(0 0 0 / var(--tw-border-opacity));
}

.tw-bg-black {
  --tw-bg-opacity: 1;
  background-color: rgb(0 0 0 / var(--tw-bg-opacity));
}

.tw-bg-dull_blue {
  --tw-bg-opacity: 1;
  background-color: rgb(82 129 144 / var(--tw-bg-opacity));
}

.tw-bg-dull_yellow {
  --tw-bg-opacity: 1;
  background-color: rgb(246 240 131 / var(--tw-bg-opacity));
}

.tw-bg-gray-400 {
  --tw-bg-opacity: 1;
  background-color: rgb(156 163 175 / var(--tw-bg-opacity));
}

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

.tw-bg-cover {
  background-size: cover;
}

.tw-px-1 {
  padding-left: 0.25rem;
  padding-right: 0.25rem;
}

.tw-px-12 {
  padding-left: 3rem;
  padding-right: 3rem;
}

.tw-px-3 {
  padding-left: 0.75rem;
  padding-right: 0.75rem;
}

.tw-px-4 {
  padding-left: 1rem;
  padding-right: 1rem;
}

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

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

.tw-px-9 {
  padding-left: 2.25rem;
  padding-right: 2.25rem;
}

.tw-px-\[190px\] {
  padding-left: 190px;
  padding-right: 190px;
}

.tw-px-\[30px\] {
  padding-left: 30px;
  padding-right: 30px;
}

.tw-py-1 {
  padding-top: 0.25rem;
  padding-bottom: 0.25rem;
}

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

.tw-py-\[100px\] {
  padding-top: 100px;
  padding-bottom: 100px;
}

.tw-py-\[2px\] {
  padding-top: 2px;
  padding-bottom: 2px;
}

.tw-py-\[5px\] {
  padding-top: 5px;
  padding-bottom: 5px;
}

.tw-py-\[6px\] {
  padding-top: 6px;
  padding-bottom: 6px;
}

.tw-pb-2 {
  padding-bottom: 0.5rem;
}

.tw-pb-3 {
  padding-bottom: 0.75rem;
}

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

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

.tw-pt-5 {
  padding-top: 1.25rem;
}

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

.tw-pt-\[100px\] {
  padding-top: 100px;
}

.tw-pt-\[55px\] {
  padding-top: 55px;
}

.tw-text-center {
  text-align: center;
}

.tw-text-right {
  text-align: right;
}

.tw-font-mplus1 {
  font-family: "M PLUS 1", sans-serif;
}

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

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

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

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

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

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

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

.tw-font-light {
  font-weight: 300;
}

.tw-font-semibold {
  font-weight: 600;
}

.tw-leading-loose {
  line-height: 2;
}

.tw-leading-none {
  line-height: 1;
}

.tw-leading-relaxed {
  line-height: 1.625;
}

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

.tw-text-white {
  --tw-text-opacity: 1;
  color: rgb(255 255 255 / var(--tw-text-opacity));
}

.tw-opacity-0 {
  opacity: 0;
}

.tw-transition {
  transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, opacity, box-shadow, transform, filter, -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-backdrop-filter;
  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
  transition-duration: 150ms;
}

/*! Flickity v2.3.0
https://flickity.metafizzy.co
---------------------------------------------- */

.flickity-enabled {
  position: relative;
}

.flickity-enabled:focus {
  outline: none;
}

.flickity-viewport {
  overflow: hidden;
  position: relative;
  height: 100%;
}

.flickity-slider {
  position: absolute;
  width: 100%;
  height: 100%;
}

/* draggable */

.flickity-enabled.is-draggable {
  -webkit-tap-highlight-color: transparent;
  -webkit-user-select: none;
  -moz-user-select: none;
  user-select: none;
}

.flickity-enabled.is-draggable .flickity-viewport {
  cursor: move;
  cursor: grab;
}

.flickity-enabled.is-draggable .flickity-viewport.is-pointer-down {
  cursor: grabbing;
}

/* ---- flickity-button ---- */

.flickity-button {
  position: absolute;
  background: hsla(0, 0%, 100%, 0.75);
  border: none;
  color: #333;
}

.flickity-button:hover {
  background: white;
  cursor: pointer;
}

.flickity-button:focus {
  outline: none;
  box-shadow: 0 0 0 5px #19F;
}

.flickity-button:active {
  opacity: 0.6;
}

.flickity-button:disabled {
  opacity: 0.3;
  cursor: auto;
  /* prevent disabled button from capturing pointer up event. #716 */
  pointer-events: none;
}

.flickity-button-icon {
  fill: currentColor;
}

/* ---- previous/next buttons ---- */

.flickity-prev-next-button {
  top: 50%;
  width: 44px;
  height: 44px;
  border-radius: 50%;
  /* vertically center */
  transform: translateY(-50%);
}

.flickity-prev-next-button.previous {
  left: 10px;
}

.flickity-prev-next-button.next {
  right: 10px;
}

/* right to left */

.flickity-rtl .flickity-prev-next-button.previous {
  left: auto;
  right: 10px;
}

.flickity-rtl .flickity-prev-next-button.next {
  right: auto;
  left: 10px;
}

.flickity-prev-next-button .flickity-button-icon {
  position: absolute;
  left: 20%;
  top: 20%;
  width: 60%;
  height: 60%;
}

/* ---- page dots ---- */

.flickity-page-dots {
  position: absolute;
  width: 100%;
  bottom: -25px;
  padding: 0;
  margin: 0;
  list-style: none;
  text-align: center;
  line-height: 1;
  opacity: 0;
}

.flickity-rtl .flickity-page-dots {
  direction: rtl;
}

.flickity-page-dots .dot {
  display: inline-block;
  width: 10px;
  height: 10px;
  margin: 0 8px;
  background: #333;
  border-radius: 50%;
  opacity: 0.25;
  cursor: pointer;
}

.flickity-page-dots .dot.is-selected {
  opacity: 1;
}

html {
  margin-top: 0 !important;
}

#wpadminbar {
  display: none;
}

a:link,
a:active,
a:visited,
a:hover{
  color:#000;
  text-decoration: none;
}

*{
  box-sizing: border-box;
}

html {
  /* font-size: 62.5%; 10(base font size) / 16(Browser Default font size) = 0.625em * 100 = 62.5% */
  /*font-size: 62.5%;*/
  /*10/16*/
}

button{
  border: none;
}

body{
  font-family: "Quicksand", "M PLUS 1", sans-serif;
  color:#000;
}

img{
  width: 100%;
  height: auto;
}

.quicksand-400 {
  font-family: "Quicksand", sans-serif;
  font-optical-sizing: auto;
  font-weight: 400;
  font-style: normal;
}

.gnavi__burger{
  width: 210px;
  opacity: 0;
  transition: all .3s cubic-bezier(0.22, 1, 0.36, 1);
  z-index: -1;
}

.btn-gnavi-open{
  opacity: 0;
}

.overlay-bg{
  transition: all .3s cubic-bezier(0.22, 1, 0.36, 1);
}

.overlay-bg.is-active{
  opacity: .2;
  z-index: 10;
}

.btn-gnavi-open.is-active{
  opacity: 1;
  transition: all .3s cubic-bezier(0.22, 1, 0.36, 1);
}

.btn--sound{
  opacity: 0;
  transition: all .5s cubic-bezier(0.22, 1, 0.36, 1);
}

.btn--sound-on.is-active{
  opacity: 1;
}

.btn--sound-off.is-active{
  opacity: 1;
}

.gnavi__burger.is-active{
  opacity: 1;
  z-index: 10;
}

.gnavi__burger > .buns-top{
  z-index: 99;
  top: 8px;
}

.gnavi__burger > .buns{
  width: 210px;
  text-align: center;
  z-index: 99;
  position: relative;
}

.gnavi__burger > .buns img{
  display: inline-block;
}

.btn{
  width: 210px;
  height: 36px;
  display: block;
  position: relative;
  top:0;
  left:0;
  background: url(//www.chi-mey.world/wp/wp-content/themes/chimeyworld-child/assets/image/btn-burger-line.svg);
  background-size: cover;
  color: #000;
  transition: all .5s cubic-bezier(0.22, 1, 0.36, 1);
  line-height: 36px;
  padding-left: 40px;
  box-sizing: border-box;
  font-size: 14px;
  font-family: "Quicksand", sans-serif;
  font-weight: 600;
}

.btn:hover{
  color: #fff;
}

.btn::before{
  width: 210px;
  height: 36px;
  content: '';
  display: inline-block;
  -webkit-mask-image: url(//www.chi-mey.world/wp/wp-content/themes/chimeyworld-child/assets/image/btn-burger.svg);
  mask-image:   url(//www.chi-mey.world/wp/wp-content/themes/chimeyworld-child/assets/image/btn-burger.svg);
  -webkit-mask-size: cover;
          mask-size: cover;
  background-color: #fff;
  position: absolute;
  top:0;
  left:0;
  z-index: -1;
  transition: all .5s cubic-bezier(0.22, 1, 0.36, 1);
}

.btn:hover::before{
  background-color: #4D4D4D;
}

.entry .btn--tag a{
  font-size: 11px;
  display: inline-block;
  border: solid 1px black;
  padding: 2px 11px;
  margin-right: 8px;
  margin-bottom: 8px;
  border-radius: 4px;
}

.entry .btn--tag a:link,
.entry .btn--tag a:active,
.entry .btn--tag a:visited,
.entry .btn--tag a:hover{
  color:#000;
  text-decoration: none;
}

.entry .entry__sub .entry__thumbnail{
  display: block;
  width: 100%;
  padding-top: 56.25%;
  margin: 0;
  background-size: cover;
  background-position: 0 50%;
  cursor: pointer;
  position: relative;
  border-radius: 1rem;
  margin-bottom: 8px;
}

/* .subnavi li a:hover{
    background-color: #000;
    color: #F6F184;
} */

.subnavi--topics li:nth-child(1) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi--artist-works li:nth-child(2) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi--creator-works li:nth-child(3) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi--live li:nth-child(4) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi-- li:nth-child(5) a{
  background-color: #000;
  color: #F6F184;
}

.nav-links .page-numbers{
  text-align: center;
}

.nav-links .nav-previous,
.nav-links .nav-next{
  display: none;
}

.nav-links .page-numbers li{
  display: inline-block;
  margin: 0 10px;
}

.nav-links .page-numbers li a,
.nav-links .page-numbers li .current{
  display: block;
  border: solid 1px #000;
  /* padding: 2px 10px; */
  border-radius: 7px;
  width: 32px;
  height: 30px;
  padding: 2px;
}

.nav-links .page-numbers li .current{
  background-color: #000;
  color: #F6F184;
}

.nav-links .page-numbers li a:hover{
  background-color: #e7e7e7;
}

.nav-links .page-numbers li .next{
  background: transparent center center url(/wp/wp-content/themes/chimeyworld-child/assets/image/icon-arrow-next.svg) no-repeat;
  border: none;
}

.nav-links .page-numbers li .next:hover{
  background-color: transparent;
}

.nav-links .page-numbers li .prev{
  background: transparent center center url(/wp/wp-content/themes/chimeyworld-child/assets/image/icon-arrow-prev.svg) no-repeat;
  border: none;
}

.nav-links .page-numbers li .prev:hover{
  background-color: transparent;
}

.entry--single p,
.entry--single .wp-block-heading{
  margin: 1.5rem 0;
  padding: 0 calc((100% - 640px)/2);
}

.wp-block-image img{
  border-radius: 15px;
}

.wp-block-embed iframe{
  width: 100%;
  height: auto;
  aspect-ratio: 16 / 9;
}

.subnavi--topics li:nth-child(1) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi--artist-works li:nth-child(2) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi--creator-works li:nth-child(3) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi--live li:nth-child(4) a{
  background-color: #000;
  color: #F6F184;
}

.subnavi-- li:nth-child(5) a{
  background-color: #000;
  color: #F6F184;
}

/* footer
====================================================*/

.like-site-policy{
  display: none;
}

.home .like-site-policy{
  display: block;
}

.page-id-241 #page_top,
.page-id-244 #page_top{
  display:none
}

/* friend
====================================================*/

.subnavi--friends li a{
  display: flex;
  padding-top: 4px;
  padding-bottom: 4px;
  font-weight:600 ;
}

.subnavi--friends li a.all::before{
  content: "";
  display: inline-block;
  width: 50px;
  /* height: 25px; */
  background: url(../image/icon-two-door-black.png) no-repeat;
  background-size: contain;
  /* margin-right: 8px; */
}

.subnavi--friends li a.person::before{
  content: "";
  display: inline-block;
  width: 21px;
  /* height: 25px; */
  background: url(../image/icon-round-door-black.png) no-repeat;
  background-size: contain;
  @media (min-width: 768px){
    margin-right: 8px;
  }
}

.subnavi--friends li a.company::before{
  content: "";
  display: inline-block;
  width: 21px;
  /* height: 25px; */
  background: url(../image/icon-squere-door-black.png) no-repeat;
  background-size: contain;
  @media (min-width: 768px){
    margin-right: 8px;
  }
}

.post-type-archive-friends .subnavi--friends a.all{
  background-color: #000;
  color: #F6F184;
}

.post-type-archive-friends .subnavi--friends li a.all::before{
  background: url(../image/icon-two-door.png) no-repeat;
  background-size: contain;
  @media (min-width: 768px){
    margin-right: 8px;
  }
}

.subnavi--person li a.person{
  background-color: #000;
  color: #F6F184;
}

.subnavi--person li a.person::before{
  background: url(../image/icon-round-door.png) no-repeat;
  background-size: contain;
}

.subnavi--company li a.company{
  background-color: #000;
  color: #F6F184;
}

.subnavi--company li a.company::before{
  background: url(../image/icon-squere-door.png) no-repeat;
  background-size: contain;
}

.friends .entry-title a:after{
  content: "";
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url(../image/icon-external-link.png) no-repeat;
  background-size: contain;
  margin-left: 8px;
  position: relative;
  top:4px;
}

/* modal
====================================================*/

.modal p{
  font-size: 0.875rem;
  line-height: 1.25rem;
}

.modal .live-img{
  margin: 20px auto;
}

.modal h3.wp-block-heading,
.modal h4.wp-block-heading,
.modal h5.wp-block-heading{
  font-weight: bold;
  @include mq-sm {
    /*-----------------mq-------------------*/

    width: 80%;
  }
}

.modal h3.wp-block-heading{
  font-size: 1.25rem;
  border-bottom: solid 1px #000;
  margin-top:70px;
  padding-bottom: 18px;
  margin-bottom: 12px;
  line-height: 1;
}

h3.wp-block-heading:nth-child(0){
  margin-top: 0;
}

.modal h4.wp-block-heading{
  font-size: 1.125rem;
  line-height: 1.75rem;
  padding-bottom: 18px;
  margin-bottom: 12px;
  line-height: 1;
}

.modal *{
  border-radius: 0 !important;
}

.modal h5.wp-block-heading{
  font-size: 0.875rem;
  padding-bottom: 18px;
  margin-bottom: 12px;
  line-height: 1;
}

.modal .wp-block-columns{
  gap:10px;
  margin-bottom: 10px;
}

.modal .live-img .wp-block-column{
  /* flex-basis:48% !important; */
}

.modal .live-img .wp-block-column .wp-block-column{
  flex-basis:48% !important;
}

.modal .block-disco{
  gap:60px;
  font-size: 0.75rem;
  margin-bottom: 3rem;
}

.modal .block-disco p{
  margin: 1rem 0;
  font-weight: 400;
}

.modal .block-disco .wp-block-image{
  height: 230px;
}

.modal .block-disco--dvd .wp-block-image{
  height: 270px;
}

.modal  .block-disco .wp-block-image img{
  width: 170px;
}

.modal .about-chimey01{
  display: none;
  @media (min-width: 768px){
    display: block;

    margin-top: 64px;
  }
}

.modal .about-chimey01-sp{
  margin-top: 12px;
  @media (min-width: 768px){
    display: none;
  }
}

.about-chimey-photo{
  margin-top: 120px;
}

.modal .about-chimey-photo .heading-sp{
  display: block;
  margin: 0 auto 32px;
  text-align: center;
  @media (min-width: 768px){
    display: none;
  }
}

.modal .about-chimey-photo .heading-sp img{
  display: inline;
}

.modal .about-chimey-photo .heading{
  display: none;
  @media (min-width: 768px){
    display: block;
  }
}

.modal .about-chimey-photo .wp-block-column:nth-child(1),
.modal .about-chimey-photo .wp-block-column:nth-child(2){
  padding: 0 32px;
  @media (min-width: 768px){
    padding: 0;
  }
}

.modal .about-chimey-photo .wp-block-column:nth-child(2){
  @media (min-width: 768px){
    padding-left: 20px;
  }
}

.modal .about-chimey-photo .wp-block-column:nth-child(2) p{
  margin-bottom: 2rem;
}

.modal .about-chimey-photo .wp-block-column .heading img{
  border-radius: 0;
  margin-bottom: 20px;
}

.modal .about-chimey02{
  display: none;
  @media (min-width: 768px){
    display: block;

    margin-top: 64px;
  }
}

.modal .about-chimey02-sp{
  margin-top: 12px;
  @media (min-width: 768px){
    display: none;
  }
}

.contact-form-item{
  margin: 1rem 0;
}

.contact-form-item input,
.contact-form-item textarea{
  width: 80%;
  border-radius: 10px;
  font-size: 16px;
}

.contact-form-item > p,
.contact-form-item > div{
  display: flex;
  flex-wrap: wrap;
}

.contact-form-item .wpcf7-text{
  padding-left: .5em ;
  padding-right: .5em ;
}

.contact-form-item .wpcf7-textarea{
  padding: .5em ;
}

.contact-form-item > p > span:nth-child(1),
.contact-form-item > div > p:nth-child(1){
  width: 100%;
  @media (min-width: 768px){
    width: 30%;

    text-align: right;
  }
}

.contact-form-item >  p > span:nth-child(2),
.contact-form-item > div > p:nth-child(2){
  width: 100%;
  @media (min-width: 768px){
    width: 70%;

    padding-left: 2rem;
  }
}

.wpcf7-form-control-wrap[data-name="about"] .wpcf7-list-item{
  display: block;
  margin-left: 0;
  text-align: left;
}

.contact-form-item input[type="radio"]{
  display: none;
}

.contact-form-item input[type="radio"] + label {
  position: relative;
  margin:5px 15px 5px 0;
  display: inline-block;
  background-image:url("../image/form-radio.png");
  background-repeat: no-repeat;
  background-size:contain;
  width: 24px;
  height:24px;
}

.contact-form-item input[type="radio"]:checked + label {
  background-image:url("../image/form-radio-checked.png");
  background-repeat: no-repeat;
  background-size:contain;
  width: 24px;
  height:24px;
}

.contact-form-item .label_wrapper{
  display: flex;
  align-items: center;
  width: 100%;
}

.contact-form-submit{
  margin: 40px auto 0;
  text-align: center;
}

.contact-form-submit input[type="button"],
.contact-form-submit input[type="submit"]{
  border:solid 1px #000;
  border-radius: 1rem;
  background-color: #F6F184;
  padding: 8px 40px;
  display: inline;
}

input[type="button"]+input[type="submit"]{
  margin-left: 20px;
}

.contact-form-submit .wpcf7-spinner{
  display: block;
  margin: 10px auto;
}

.wpcf7 form .wpcf7-response-output {
  margin-top: 0;
  margin-bottom: 40px;
}

.contact-heading{
  font-size: 14px;
  margin-bottom: 20px;
}

.contact-policy,
.contact-address{
  font-size: 12px;
  letter-spacing: 0.1em;
  line-height: 1.7;
  font-weight: 400;
}

/* home toilet */

.snippet-hover{
  display: block;
  position: relative;
}

.snippet-hover img{
  position: absolute;
  /* transition: .4s ease-in-out; */
}

.snippet-hover img:nth-of-type(1){
  z-index: -1;
}

.snippet-hover img:nth-of-type(2){
  z-index: -2;
  opacity: 0;
}

.snippet-hover:hover img:nth-of-type(1){
  opacity: 0;
}

.snippet-hover:hover img:nth-of-type(2){
  opacity: 1;
}

.btn-black{
  display: inline-block;
  background-color: #000;
  border: solid 1px #fff;
  transition: .2s ease-out;
  border-radius: 10px;
  width: 140px;
  text-align: center;
  padding: 2px 0;
  font-weight: 700;
  &:link,&:visited,&:active{
    color: #fff;
  }
  &:hover{
    color: #000;
    background-color: #fff;
    border-color: #000;
  }
}

.btn-white{
  background-color: #fff;
  border: solid 1px #000;
  &:link,&:visited,&:active{
    color: #000;
  }
  &:hover{
    color: #fff;
    background-color: #000;
    border-color: #fff;
  }
}

.em-normal{
  font-size: 16px;
  font-weight: 600;
}

.em-lg{
  font-size: 18px;
  font-weight: 600;
}

.wrapper-stump{
  width: 296px;
  height: 182px;
  margin: 0 auto;
  background-image:url("../image/home-topics-point.png");
  background-repeat: no-repeat;
  background-size: 55px;
  background-position: 93% 95%;
  @media (min-width: 768px) {
    width: 565px;

    height: auto;

    aspect-ratio: 565 / 350;

    margin-left: 0;
  }
}

.stump{
  /*切り株 */
  position: absolute;
  width: 296px;
  z-index: 1;
  @media (min-width: 768px) {
    width: 565px;
  }
}

/* .stump img{
    width: 296px;
} */

.topics-item-wrapper{
  position: absolute;
  width: 237px;
  z-index: 2;
  @media (min-width: 768px) {
    width: 455px;
  }
}

.stump-slice{
  position: absolute;
  width: 239px;
  z-index: 3;
  pointer-events: none;
  @media (min-width: 768px) {
    width: 460px;
  }
}

.flickity-viewport{
  -webkit-mask-image: url(../image/home-carousel-mask.png);
  mask-image:   url(../image/home-carousel-mask.png);
  -webkit-mask-size: contain;
          mask-size: contain;
  -webkit-mask-repeat: no-repeat;
          mask-repeat: no-repeat;
  width: 237px;
  @media (min-width: 768px) {
    width: 455px;
  }
}

.topics-item__sub{
  /* background-image:url("../image/home-carousel-bg-01.png");
    background-repeat: no-repeat;
    background-size:contain; */
  width: 251px;
  height: 143px;
  @media (min-width: 768px) {
    width: 455px;

    height: 259px;
  }
}

.topics-item-wrapper .flickity-page-dots {
  width: auto;
  bottom: -46px;
  text-align: right;
  right: 22px;
  @media (min-width: 768px) {
    right: 38px;

    bottom: -80px;
  }
}

.topics-item-wrapper .flickity-page-dots .dot {
  width: 10px;
  height: 10px;
  margin: 0 9px;
  /* opacity: 0; */
  @media (min-width: 768px) {
    width: 20px;

    height: 20px;

    margin: 0 17px;
  }
}

.wrapper-topics{
  order: 3;
  /* @media (min-width: 768px) {
        order: 2;

    } */
}

.wrapper-topics .entry:nth-child(2),
.wrapper-topics .entry:nth-child(3){
  display: none;
}

.wrapper-leaf{
  order: 2;
  /* @media (min-width: 768px) {
        order: 3;

    } */
}

/* .topics-item .topics-item__sub .thumbnail:after{
    content:" ";
    background-image:url("../image/home-carousel-maskframe.png");
    display: block;
    width: 364px;
    height: 205.19px;
    position: absolute;
    top: 0;
    background-size:contain;
    


} */

.btn-contact{
  display: block;
  background: transparent url('../image/home/home-contact.png');
  background-size: contain;
  aspect-ratio: 202 / 160;
}

.btn-contact:hover{
  background-image:  url('../image/home/home-contact-hover.png');
}

/* ヒーロー */

#hero{
  aspect-ratio: 128 / 100;
  max-width: 1080px;
  margin: 0 auto;
}

#hero-start, #hero-loop{
  aspect-ratio: 128 / 100;
  width: 100%;
  max-width: 1080px;
}

#hero--sp, #hero-start--sp, #hero-loop--sp{
  aspect-ratio: 77/160;
  width: 100%;
}

#hero-start,#hero-start-gif,#hero-start--sp,#hero-start-gif--sp{
  position: absolute;
  z-index: -1;
  width: 100%;
}

#hero-loop,#hero-loop-gif,#hero-loop--sp,#hero-loop-gif--sp{
  position: absolute;
  z-index: -2;
  width: 100%;
}

.wrapper-toilet{
  order: 3;
  width: 100%;
  position: relative;
  @media (min-width: 768px) and (max-width: 1280px) {
    width: 100%;

    margin: 0 auto;

    margin-top: 80px;
  }
  @media (min-width: 1280px) {
    width: 363px;

    order: 1;
  }
}

.wrapper-toilet .toilet{
  /* width: calc( 174 / 363 * 100%); */
  width: 300px;
  aspect-ratio: 404 / 300;
  cursor: pointer;
  @media (min-width: 768px) and (max-width: 1280px) {
    margin: 0 auto;

    width: 403px;
  }
  @media (min-width: 1280px) {
    position: absolute;

    right: -160px;

    top: 0;

    width: 403px;
  }
}

.wrapper-x{
  order: 1;
  width: 100%;
  @media (min-width: 768px) and (max-width: 1280px) {
    width: 100%;

    margin: 0 auto;
  }
  @media (min-width: 1280px) {
    width: 737px;

    order: 2;
  }
}

.wrapper-footprint02{
  order: 2;
  @media (min-width: 768px) {
    order: 3;

    width: 100%;
  }
}

.home-about-chimey{
  width: 100%;
  /* margin-top: 230px; */
  @media (min-width: 768px) {
    margin-top: 0;
  }
}

.home-about-chimey01{
  width: 100%;
  @media (min-width: 768px) {
    margin-left: calc( 175 / 1110 * 100%);

    z-index: -1;

    width: calc( 623 / 1110 * 100%);
  }
}

.home-about-chimey02{
  width: calc( 108 / 352 * 100%);
  position: absolute;
  left: calc( 393 / 1110 * 100%);
  top:18%;
  z-index: 2;
  @media (min-width: 768px) {
    width: calc( 189 / 1110 * 100%);

    aspect-ratio: 189 / 279;
  }
}

.home-as-artist{
  position: relative;
  aspect-ratio: 1100 /435;
}

.home-as-artist-01{
  position: absolute;
  /* left: calc( 200 / 1100 * 100%); */
  width: calc( 896 / 1100 * 100%);
  aspect-ratio: 896 / 435 ;
  right: 0;
  z-index: 1;
}

.home-as-artist-01 .item-00{
  position: absolute;
  z-index: -3;
  top: 0;
}

.home-as-artist-01 .item-01{
  width: calc( 190 / 896 * 100%);
  aspect-ratio: 1 / 1 ;
  position: absolute;
  bottom: 10%;
  left: -1%;
  z-index: 1;
  cursor: pointer;
}

.home-as-artist-01 .item-02{
  width: calc( 141 / 896 * 100%);
  aspect-ratio: 113 / 146 ;
  position: absolute;
  z-index: 2;
  bottom: 18%;
  right: 0;
  cursor: pointer;
}

.home-as-artist-02{
  @media (min-width: 768px) {
    position: absolute;

    width: calc( 200 / 1100 * 100%);

    /* top:  calc( 242 / 435 * 100%);
         */

    /* padding-top:  calc( 242 / 1100 * 100%); */

    left: 0;

    z-index: 2;
  }
}

#open-content-artist-profile{
  margin-top: 40px;
  @media (min-width: 768px) {
    margin-top:  calc( 242 / 200 * 100%);
  }
}

.home-as-creator{
  aspect-ratio: 1100 /634;
}

.home-as-creator-01{
  width: calc( 700 / 1110 * 100%);
  position: absolute;
  z-index: -1;
  left: calc( 70 / 1100 * 100%);
}

.home-as-creator-02{
  width: calc( 500 / 1110 * 100%);
  position: absolute;
  left: calc( 520 / 1100 * 100%);
  margin-top: calc(346 / 1100* 100%);
  z-index: -2;
}

.home-as-creator-btn{
  @media (min-width: 768px) {
    position: absolute;

    left: calc( 798 / 1100 * 100%);

    top: calc( 250 / 634 * 100%);

    z-index: 0;
  }
}

.home-chimeys-friends{
  display: block;
  background: transparent url('../image/home/home-chimeys-friends.png');
  background-size: cover;
  aspect-ratio: 232 / 118;
}

.home-chimey-channel-01:hover{
  background-image:  url('../image/home/home-chimeys-friends-hover.png');
}

.home-chimey-channel-01{
  display: block;
  background: transparent url('../image/home/home-chimey-channel-01.png');
  aspect-ratio: 289 / 140;
  background-size: cover;
  margin-top: 20px;
  @media (min-width: 768px) {
    width: 289px;

    margin-top: 12px;
  }
}

.home-chimey-channel-01:hover{
  background-image:  url('../image/home/home-chimey-channel-01-hover-0428.png?111');
}

.home-chimey-channel-02{
  display: block;
  background: transparent url('../image/home/home-chimey-channel-02.png');
  background-size: contain;
  aspect-ratio: 295 / 146;
  background-size: cover;
  margin-top: 20px;
  @media (min-width: 768px) {
    width: 295px;

    margin-top: 12px;
  }
}

.home-chimey-channel-02:hover{
  background-image:  url('../image/home/home-chimey-channel-02-hover-0428.png?111');
}

.wrapper-footprint01{
  display: flex;
  justify-content: flex-end;
  margin: 80px 0 140px;
  @media (min-width: 768px) {
    margin: 0 0 80px calc( 766 / 1100 * 100%) ;
  }
}

.wrapper-footprint01 .footprint01{
  width: 140px;
  @media (min-width: 768px) {
    width: 197px;
  }
}

.wrapper-footprint02{
  margin: 70px 0 0 10px;
  @media (min-width: 768px) {
    margin: 0 0 0 calc( 280 / 1100 * 100%);
  }
}

.wrapper-footprint02 .footprint02{
  width: 140px;
  @media (min-width: 768px) {
    width: 240px;
  }
}

.wrapper-footprint03{
  display: flex;
  justify-content: flex-end;
  margin: 100px 0;
  @media (min-width: 768px) {
    margin: -60px 0 20px;

    margin-left: calc( 834 / 1100 * 100%);
  }
}

.wrapper-footprint03 .footprint03{
  width: 100px;
  @media (min-width: 768px) {
    width: 140px;
  }
}

.wrapper-footprint04{
  margin: 80px 0 160px;
  @media (min-width: 768px) {
    margin: 160px 0 40px calc( 280 / 1100 * 100%);
  }
}

.wrapper-footprint04 .footprint04{
  width: 136px;
  @media (min-width: 768px) {
    width: 197px;
  }
}

.privacy-policy h3{
  text-align: center;
  margin: 2em 0 1em ;
  font-size: 20px;
}

.privacy-policy h4{
  margin: 1.2em 0 .6em ;
  font-size: 18px;
}

.privacy-policy ol{
  list-style: decimal;
}

.privacy-policy li{
  margin: .8em 0 .4em ;
}

.privacy-policy p{
  margin: .8em 0 .4em ;
}

/* ローディング */

/* Loading背景画面設定　*/

#splash {
  /*fixedで全面に固定*/
  position: fixed;
  z-index: 999;
  width: 100%;
  height: 100%;
  background:#F6F284;
  text-align:center;
  color:#000;
}

#splash_text svg{
  display: none !important;
}

#splash_text img{
  position: absolute  !important;
  left: 50%;
  top: 50%;
  padding: 0px;
  margin: 0px;
  transform: translate(-50%, -130%);
}

#as_creator, #as_artist{
  @media (max-width: 767px) {
    padding-top: 100px;

    margin-top: -100px;
  }
  @media (min-width: 768px) {
    padding-top: 160px;

    margin-top: -160px;
  }
}

#about{
  @media (max-width: 767px) {
    padding-top: 70px;

    margin-top: 160px;
  }
  @media (min-width: 768px) {
    padding-top: 160px;

    margin-top: -160px;
  }
  /* 
    @media (min-width: 768px) {
    padding-top: 70px;
    margin-top: -70px;
    } */
}

#open-content-about-chimey{
  padding-top: 70px;
  @media (min-width: 768px) {
    margin-top: 170px;

    padding-top: 0;
  }
}

.modal{
}

.modal .content{
  background-color: #F6F184;
  width: 90%;
  margin :120px auto 40px;
  border-radius: 40px !important;
  padding: 40px 12px;
  @media (min-width: 768px) {
    margin :50px auto;

    width: 80%;

    padding: 100px 75px;
  }
}

.entry_tag-wrapper{
  min-height: 35px;
}

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

@media (min-width: 768px) {
  .md\:tw-fixed {
    position: fixed;
  }

  .md\:tw-absolute {
    position: absolute;
  }

  .md\:tw-bottom-0 {
    bottom: 0px;
  }

  .md\:tw-bottom-9 {
    bottom: 2.25rem;
  }

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

  .md\:tw-left-\[167px\] {
    left: 167px;
  }

  .md\:tw-left-\[210px\] {
    left: 210px;
  }

  .md\:tw-left-\[40px\] {
    left: 40px;
  }

  .md\:tw-left-\[500px\] {
    left: 500px;
  }

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

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

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

  .md\:tw-right-9 {
    right: 2.25rem;
  }

  .md\:tw-right-\[10px\] {
    right: 10px;
  }

  .md\:tw-top-0 {
    top: 0px;
  }

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

  .md\:tw-top-6 {
    top: 1.5rem;
  }

  .md\:tw-top-9 {
    top: 2.25rem;
  }

  .md\:tw-top-\[130px\] {
    top: 130px;
  }

  .md\:tw-top-\[140px\] {
    top: 140px;
  }

  .md\:tw-top-\[514px\] {
    top: 514px;
  }

  .md\:tw-top-\[70px\] {
    top: 70px;
  }

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

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

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

  .md\:tw-mx-10 {
    margin-left: 2.5rem;
    margin-right: 2.5rem;
  }

  .md\:tw-mx-2 {
    margin-left: 0.5rem;
    margin-right: 0.5rem;
  }

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

  .md\:tw-my-4 {
    margin-top: 1rem;
    margin-bottom: 1rem;
  }

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

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

  .md\:tw-ml-\[53px\] {
    margin-left: 53px;
  }

  .md\:tw-ml-\[70px\] {
    margin-left: 70px;
  }

  .md\:tw-mr-\[30px\] {
    margin-right: 30px;
  }

  .md\:tw-mt-2 {
    margin-top: 0.5rem;
  }

  .md\:tw-mt-\[-100px\] {
    margin-top: -100px;
  }

  .md\:tw-mt-\[-80px\] {
    margin-top: -80px;
  }

  .md\:tw-mt-\[124px\] {
    margin-top: 124px;
  }

  .md\:tw-mt-\[200px\] {
    margin-top: 200px;
  }

  .md\:tw-mt-\[240px\] {
    margin-top: 240px;
  }

  .md\:tw-mt-\[30px\] {
    margin-top: 30px;
  }

  .md\:tw-mt-\[45px\] {
    margin-top: 45px;
  }

  .md\:tw-mt-\[80px\] {
    margin-top: 80px;
  }

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

  .md\:tw-hidden {
    display: none;
  }

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

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

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

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

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

  .md\:tw-w-2\/3 {
    width: 66.666667%;
  }

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

  .md\:tw-w-\[16\.3\%\] {
    width: 16.3%;
  }

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  .md\:tw-w-\[calc\(100\%-54px\)\] {
    width: calc(100% - 54px);
  }

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

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

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

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

  .md\:tw-border {
    border-width: 1px;
  }

  .md\:tw-border-2 {
    border-width: 2px;
  }

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

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

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

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

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

  .md\:tw-border-black {
    --tw-border-opacity: 1;
    border-color: rgb(0 0 0 / var(--tw-border-opacity));
  }

  .md\:tw-bg-\[url\(\'\/\/www\.chi-mey\.world\/wp\/wp-content\/themes\/chimeyworld-child\/assets\/image\/home-x-bg\.png\'\)\] {
    background-image: url('//www.chi-mey.world/wp/wp-content/themes/chimeyworld-child/assets/image/home-x-bg.png');
  }

  .md\:tw-bg-\[url\(\'http\:\/\/www\.chi-mey\.world\/wp\/wp-content\/themes\/chimeyworld-child\/assets\/image\/home-x-bg\.png\'\)\] {
    background-image: url('http://www.chi-mey.world/wp/wp-content/themes/chimeyworld-child/assets/image/home-x-bg.png');
  }

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

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

  .md\:tw-px-9 {
    padding-left: 2.25rem;
    padding-right: 2.25rem;
  }

  .md\:tw-px-\[100px\] {
    padding-left: 100px;
    padding-right: 100px;
  }

  .md\:tw-px-\[190px\] {
    padding-left: 190px;
    padding-right: 190px;
  }

  .md\:tw-px-\[90px\] {
    padding-left: 90px;
    padding-right: 90px;
  }

  .md\:tw-py-\[200px\] {
    padding-top: 200px;
    padding-bottom: 200px;
  }

  .md\:tw-py-\[70px\] {
    padding-top: 70px;
    padding-bottom: 70px;
  }

  .md\:tw-pl-\[175px\] {
    padding-left: 175px;
  }

  .md\:tw-pt-\[260px\] {
    padding-top: 260px;
  }

  .md\:tw-pt-\[75px\] {
    padding-top: 75px;
  }

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

  .md\:tw-text-right {
    text-align: right;
  }

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

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