/* base（リセットCSS）は除外 - common.cssと競合するため */

#tailwind-area .tw-absolute {
  position: absolute
}

#tailwind-area .tw-relative {
  position: relative
}

#tailwind-area .tw-inset-y-0 {
  top: 0px;
  bottom: 0px
}

#tailwind-area .tw-left-0 {
  left: 0px
}

#tailwind-area .tw-right-0 {
  right: 0px
}

#tailwind-area .tw-right-6 {
  right: 1.5rem
}

#tailwind-area .tw-top-0 {
  top: 0px
}

#tailwind-area .tw-top-\[0\] {
  top: 0
}

#tailwind-area .tw-z-0 {
  z-index: 0
}

#tailwind-area .tw-z-10 {
  z-index: 10
}

#tailwind-area .tw-z-\[-1\] {
  z-index: -1
}

#tailwind-area .tw-m-auto {
  margin: auto
}

#tailwind-area .tw--mx-6 {
  margin-left: -1.5rem;
  margin-right: -1.5rem
}

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

#tailwind-area .tw-mt-12 {
  margin-top: 3rem
}

#tailwind-area .tw-mt-20 {
  margin-top: 5rem
}

#tailwind-area .tw-mt-4 {
  margin-top: 1rem
}

#tailwind-area .tw-mt-6 {
  margin-top: 1.5rem
}

#tailwind-area .tw-mt-8 {
  margin-top: 2rem
}

#tailwind-area .tw-mt-\[-1\.76\%\] {
  margin-top: -1.76%
}

#tailwind-area .tw-block {
  display: block
}

#tailwind-area .tw-inline-block {
  display: inline-block
}

#tailwind-area .tw-flex {
  display: flex
}

#tailwind-area .tw-grid {
  display: grid
}

#tailwind-area .tw-hidden {
  display: none
}

#tailwind-area .tw-h-\[1\.5px\] {
  height: 1.5px
}

#tailwind-area .tw-h-\[14px\] {
  height: 14px
}

#tailwind-area .tw-h-\[28px\] {
  height: 28px
}

#tailwind-area .tw-h-\[40px\] {
  height: 40px
}

#tailwind-area .tw-h-full {
  height: 100%
}

#tailwind-area .tw-w-\[14px\] {
  width: 14px
}

#tailwind-area .tw-w-full {
  width: 100%
}

#tailwind-area .tw-max-w-\[1280px\] {
  max-width: 1280px
}

#tailwind-area .tw-flex-1 {
  flex: 1 1 0%
}

#tailwind-area .tw-flex-col {
  flex-direction: column
}

#tailwind-area .tw-flex-wrap {
  flex-wrap: wrap
}

#tailwind-area .tw-items-center {
  align-items: center
}

#tailwind-area .tw-justify-center {
  justify-content: center
}

#tailwind-area .tw-gap-2 {
  gap: 0.5rem
}

#tailwind-area .tw-gap-4 {
  gap: 1rem
}

#tailwind-area .tw-gap-\[0\] {
  gap: 0
}

#tailwind-area .tw-gap-y-10 {
  row-gap: 2.5rem
}

#tailwind-area .tw-gap-y-20 {
  row-gap: 5rem
}

#tailwind-area .tw-gap-y-6 {
  row-gap: 1.5rem
}

#tailwind-area .tw-bg-theme-primary {
  --tw-bg-opacity: 1;
  background-color: rgb(177 161 149 / var(--tw-bg-opacity, 1))
}

#tailwind-area .tw-bg-theme-quinary {
  --tw-bg-opacity: 1;
  background-color: rgb(177 161 149 / var(--tw-bg-opacity, 1))
}

#tailwind-area .tw-bg-theme-tertiary {
  --tw-bg-opacity: 1;
  background-color: rgb(216 79 97 / var(--tw-bg-opacity, 1))
}

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

#tailwind-area .tw-object-contain {
  -o-object-fit: contain;
     object-fit: contain
}

#tailwind-area .tw-object-cover {
  -o-object-fit: cover;
     object-fit: cover
}

#tailwind-area .tw-p-2 {
  padding: 0.5rem
}

#tailwind-area .tw-p-6 {
  padding: 1.5rem
}

#tailwind-area .tw-px-10 {
  padding-left: 2.5rem;
  padding-right: 2.5rem
}

#tailwind-area .tw-px-16 {
  padding-left: 4rem;
  padding-right: 4rem
}

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

#tailwind-area .tw-py-4 {
  padding-top: 1rem;
  padding-bottom: 1rem
}

#tailwind-area .tw-py-8 {
  padding-top: 2rem;
  padding-bottom: 2rem
}

#tailwind-area .tw-pb-16 {
  padding-bottom: 4rem
}

#tailwind-area .tw-pb-6 {
  padding-bottom: 1.5rem
}

#tailwind-area .tw-pt-10 {
  padding-top: 2.5rem
}

#tailwind-area .tw-pt-12 {
  padding-top: 3rem
}

#tailwind-area .tw-text-left {
  text-align: left
}

#tailwind-area .tw-text-center {
  text-align: center
}

#tailwind-area .tw-font-sans {
  font-family: Noto Sans JP, sans-serif
}

#tailwind-area .tw-text-\[10px\] {
  font-size: 10px
}

#tailwind-area .tw-text-\[16px\] {
  font-size: 16px
}

#tailwind-area .tw-text-\[18px\] {
  font-size: 18px
}

#tailwind-area .tw-text-\[20px\] {
  font-size: 20px
}

#tailwind-area .tw-text-\[26px\] {
  font-size: 26px
}

#tailwind-area .tw-text-\[28px\] {
  font-size: 28px
}

#tailwind-area .tw-font-bold {
  font-weight: 700
}

#tailwind-area .tw-leading-\[1\.4\] {
  line-height: 1.4
}

#tailwind-area .tw-leading-\[1\.8\] {
  line-height: 1.8
}

#tailwind-area .tw-tracking-wide {
  letter-spacing: 0.025em
}

#tailwind-area .tw-tracking-widest {
  letter-spacing: 0.1em
}

#tailwind-area .tw-text-black {
  --tw-text-opacity: 1;
  color: rgb(0 0 0 / var(--tw-text-opacity, 1))
}

#tailwind-area .tw-text-theme-primary {
  --tw-text-opacity: 1;
  color: rgb(177 161 149 / var(--tw-text-opacity, 1))
}

#tailwind-area .tw-text-theme-senary {
  --tw-text-opacity: 1;
  color: rgb(73 34 10 / var(--tw-text-opacity, 1))
}

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

#tailwind-area .tw-no-underline {
  text-decoration-line: none
}

@media (min-width: 768px) {
  #tailwind-area .md\:tw-right-12 {
    right: 3rem
  }

  #tailwind-area .md\:tw-top-\[20px\] {
    top: 20px
  }

  #tailwind-area .md\:tw-mx-\[0\] {
    margin-left: 0;
    margin-right: 0
  }

  #tailwind-area .md\:tw-mt-12 {
    margin-top: 3rem
  }

  #tailwind-area .md\:tw-mt-20 {
    margin-top: 5rem
  }

  #tailwind-area .md\:tw-mt-60 {
    margin-top: 15rem
  }

  #tailwind-area .md\:tw-mt-\[60px\] {
    margin-top: 60px
  }

  #tailwind-area .md\:tw-block {
    display: block
  }

  #tailwind-area .md\:tw-hidden {
    display: none
  }

  #tailwind-area .md\:tw-h-\[20px\] {
    height: 20px
  }

  #tailwind-area .md\:tw-h-\[40px\] {
    height: 40px
  }

  #tailwind-area .md\:tw-w-\[20px\] {
    width: 20px
  }

  #tailwind-area .md\:tw-w-\[48\.45\%\] {
    width: 48.45%
  }

  #tailwind-area .md\:tw-max-w-\[89\.5\%\] {
    max-width: 89.5%
  }

  #tailwind-area .md\:tw-flex-row {
    flex-direction: row
  }

  #tailwind-area .md\:tw-gap-\[5\.2\%\] {
    gap: 5.2%
  }

  #tailwind-area .md\:tw-gap-20 {
    gap: 5rem
  }

  #tailwind-area .md\:tw-gap-y-12 {
    row-gap: 3rem
  }

  #tailwind-area .md\:tw-gap-y-20 {
    row-gap: 5rem
  }

  #tailwind-area .md\:tw-gap-y-\[1rem\] {
    row-gap: 1rem
  }

  #tailwind-area .md\:tw-gap-y-16 {
    row-gap: 4rem
  }

  #tailwind-area .md\:tw-gap-y-10 {
    row-gap: 2.5rem
  }

  #tailwind-area .md\:tw-gap-y-8 {
    row-gap: 2rem
  }

  #tailwind-area .md\:tw-gap-y-5 {
    row-gap: 1.25rem
  }

  #tailwind-area .md\:tw-gap-y-\[0px\] {
    row-gap: 0px
  }

  #tailwind-area .md\:tw-gap-y-2 {
    row-gap: 0.5rem
  }

  #tailwind-area .md\:tw-gap-y-4 {
    row-gap: 1rem
  }

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

  #tailwind-area .md\:tw-px-32 {
    padding-left: 8rem;
    padding-right: 8rem
  }

  #tailwind-area .md\:tw-px-\[52px\] {
    padding-left: 52px;
    padding-right: 52px
  }

  #tailwind-area .md\:tw-px-\[8\%\] {
    padding-left: 8%;
    padding-right: 8%
  }

  #tailwind-area .md\:tw-py-8 {
    padding-top: 2rem;
    padding-bottom: 2rem
  }

  #tailwind-area .md\:tw-py-\[60px\] {
    padding-top: 60px;
    padding-bottom: 60px
  }

  #tailwind-area .md\:tw-pb-32 {
    padding-bottom: 8rem
  }

  #tailwind-area .md\:tw-pb-\[0\] {
    padding-bottom: 0
  }

  #tailwind-area .md\:tw-pb-\[100px\] {
    padding-bottom: 100px
  }

  #tailwind-area .md\:tw-pt-28 {
    padding-top: 7rem
  }

  #tailwind-area .md\:tw-pt-\[60px\] {
    padding-top: 60px
  }

  #tailwind-area .md\:tw-text-\[18px\] {
    font-size: 18px
  }

  #tailwind-area .md\:tw-text-\[24px\] {
    font-size: 24px
  }

  #tailwind-area .md\:tw-text-\[32px\] {
    font-size: 32px
  }

  #tailwind-area .md\:tw-text-\[36px\] {
    font-size: 36px
  }

  #tailwind-area .md\:tw-text-\[40px\] {
    font-size: 40px
  }

  #tailwind-area .md\:tw-text-\[48px\] {
    font-size: 48px
  }

  #tailwind-area .md\:tw-text-\[62px\] {
    font-size: 62px
  }

  #tailwind-area .md\:tw-text-\[68px\] {
    font-size: 68px
  }

  #tailwind-area .md\:tw-leading-\[1\.8\] {
    line-height: 1.8
  }
}

@media (min-width: 1024px) {
  #tailwind-area .lg\:tw-hidden {
    display: none
  }

  #tailwind-area .lg\:tw-flex-row {
    flex-direction: row
  }

  #tailwind-area .lg\:tw-text-\[74px\] {
    font-size: 74px
  }
}