*,
:before,
:after,
::backdrop {
  --tw-leading: initial;
  --tw-font-weight: initial;
  --tw-tracking: initial;
  --tw-content: "";
  --tw-translate-x: 0;
  --tw-translate-y: 0;
  --tw-translate-z: 0
}

:root,
:host {
  --tw-font-sans: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
  --tw-font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --tw-spacing: .25rem;
  --tw-font-weight-normal: 400;
  --tw-leading-loose: 2;
  --tw-aspect-video: 16 / 9;
  --tw-default-font-family: var(--tw-font-sans);
  --tw-default-mono-font-family: var(--tw-font-mono);
  --tw-font-main: "Noto Sans JP", sans-serif;
  --tw-font-mincho: "Shippori Mincho", serif;
  --tw-font-amiri: "Amiri", "Shippori Mincho", serif
}



.tw\:relative {
  position: relative
}

.tw\:mx-auto {
  margin-inline: auto
}

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

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

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

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

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

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

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

.tw\:ml-auto {
  margin-left: auto
}

.tw\:block {
  display: block
}

.tw\:flex {
  display: flex
}

.tw\:grid {
  display: grid
}

.tw\:aspect-video {
  aspect-ratio: var(--tw-aspect-video)
}

.tw\:w-\[34\.3\%\] {
  width: 34.3%
}

.tw\:w-\[39\.0625\%\] {
  width: 39.0625%
}

.tw\:w-\[46\.875\%\] {
  width: 46.875%
}

.tw\:w-\[52\.82\%\] {
  width: 52.82%
}

.tw\:w-\[88\.33\%\] {
  width: 88.33%
}

.tw\:w-\[88\.36\%\] {
  width: 88.36%
}

.tw\:w-\[calc\(100\%-34\.3\%\)\] {
  width: 65.7%
}

.tw\:w-\[calc\(100\%-39\.0625\%\)\] {
  width: 60.9375%
}

.tw\:w-\[calc\(100\%-46\.875\%\)\] {
  width: 53.125%
}

.tw\:w-\[calc\(100\%-88\.33\%\)\] {
  width: 11.67%
}

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

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

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

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

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

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

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

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

.tw\:flex-auto {
  flex: auto
}

.tw\:basis-\[498px\] {
  flex-basis: 498px
}

.tw\:basis-\[511px\] {
  flex-basis: 511px
}

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

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

.tw\:flex-col {
  flex-direction: column
}

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

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

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

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

.tw\:justify-end {
  justify-content: flex-end
}

.tw\:gap-\[80px\] {
  gap: 80px
}

.tw\:gap-\[100px\] {
  gap: 100px
}

.tw\:bg-\[\#F9F7F5\] {
  background-color: #f9f7f5
}

.tw\:object-cover {
  object-fit: cover
}

.tw\:p-\[80px_0_47px_100px\] {
  padding: 80px 0 47px 100px
}

.tw\:py-\[60px\] {
  padding-block: 60px
}

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

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

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

.tw\:pr-\[50px\] {
  padding-right: 50px
}

.tw\:pr-\[55px\] {
  padding-right: 55px
}

.tw\:pr-\[116px\] {
  padding-right: 116px
}

.tw\:pb-\[200px\] {
  padding-bottom: 200px
}

.tw\:pl-\[10px\] {
  padding-left: 10px
}

.tw\:pl-\[22px\] {
  padding-left: 22px
}

.tw\:pl-\[90px\] {
  padding-left: 90px
}

.tw\:font-amiri {
  font-family: var(--tw-font-amiri)
}

.tw\:font-main {
  font-family: var(--tw-font-main)
}

.tw\:font-mincho {
  font-family: var(--tw-font-mincho)
}

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

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

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

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

.tw\:leading-\[26px\] {
  --tw-leading: 26px;
  line-height: 26px
}

.tw\:leading-\[calc\(30\/14\)\] {
  --tw-leading: calc(30 / 14);
  line-height: 2.14286
}

.tw\:leading-\[calc\(40\/24\)\] {
  --tw-leading: calc(40 / 24);
  line-height: 1.66667
}

.tw\:leading-loose {
  --tw-leading: var(--tw-leading-loose);
  line-height: var(--tw-leading-loose)
}

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

.tw\:font-normal {
  --tw-font-weight: var(--tw-font-weight-normal);
  font-weight: var(--tw-font-weight-normal)
}

.tw\:tracking-\[\.1em\] {
  --tw-tracking: .1em;
  letter-spacing: .1em
}

.tw\:tracking-\[\.2em\] {
  --tw-tracking: .2em;
  letter-spacing: .2em
}

.tw\:tracking-\[\.07em\] {
  --tw-tracking: .07em;
  letter-spacing: .07em
}

.tw\:text-\[\#520414\] {
  color: #520414
}

.tw\:text-\[\#646464\] {
  color: #646464
}

.tw\:\[writing-mode\:tb-rl\] {
  writing-mode: tb-rl
}

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

.tw\:before\:top-\[38\%\]:before {
  content: var(--tw-content);
  top: 38%
}

.tw\:before\:left-0:before {
  content: var(--tw-content);
  left: calc(var(--tw-spacing) * 0)
}

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

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

.tw\:before\:-translate-y-1\/2:before {
  content: var(--tw-content);
  --tw-translate-y: -50%;
  translate: var(--tw-translate-x) var(--tw-translate-y)
}

.tw\:before\:bg-\[\#520414\]:before {
  content: var(--tw-content);
  background-color: #520414
}

.tw\:before\:content-\[\'\'\]:before {
  --tw-content: "";
  content: var(--tw-content)
}

@media not all and (min-width:80rem) {
  .tw\:max-xl\:pr-\[80px\] {
    padding-right: 80px
  }
}

@media not all and (min-width:64rem) {
  .tw\:max-lg\:mt-\[30px\] {
    margin-top: 30px
  }

  .tw\:max-lg\:mt-\[60px\] {
    margin-top: 60px
  }

  .tw\:max-lg\:mb-\[-60px\] {
    margin-bottom: -60px
  }

  .tw\:max-lg\:mb-\[35px\] {
    margin-bottom: 35px
  }

  .tw\:max-lg\:mb-\[40px\] {
    margin-bottom: 40px
  }

  .tw\:max-lg\:mb-\[60px\] {
    margin-bottom: 60px
  }

  .tw\:max-lg\:basis-\[260px\] {
    flex-basis: 260px
  }

  .tw\:max-lg\:basis-\[300px\] {
    flex-basis: 300px
  }

  .tw\:max-lg\:gap-\[50px\] {
    gap: 50px
  }

  .tw\:max-lg\:gap-\[60px\] {
    gap: 60px
  }

  .tw\:max-lg\:p-\[50px_0_30px_60px\] {
    padding: 50px 0 30px 60px
  }

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

  .tw\:max-lg\:pr-0 {
    padding-right: calc(var(--tw-spacing) * 0)
  }

  .tw\:max-lg\:pr-\[30px\] {
    padding-right: 30px
  }

  .tw\:max-lg\:pb-\[120px\] {
    padding-bottom: 120px
  }

  .tw\:max-lg\:pl-\[50px\] {
    padding-left: 50px
  }

  .tw\:max-lg\:text-\[20px\] {
    font-size: 20px
  }

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

@media not all and (min-width:48rem) {
  .tw\:max-md\:mx-auto {
    margin-inline: auto
  }

  .tw\:max-md\:mt-0 {
    margin-top: calc(var(--tw-spacing) * 0)
  }

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

  .tw\:max-md\:mb-0 {
    margin-bottom: calc(var(--tw-spacing) * 0)
  }

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

  .tw\:max-md\:mb-\[40px\] {
    margin-bottom: 40px
  }

  .tw\:max-md\:mb-\[60px\] {
    margin-bottom: 60px
  }

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

  .tw\:max-md\:grid {
    display: grid
  }

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

  .tw\:max-md\:w-\[20\%\] {
    width: 20%
  }

  .tw\:max-md\:w-\[80\%\] {
    width: 80%
  }

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

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

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

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

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

  .tw\:max-md\:gap-\[40px\] {
    gap: 40px
  }

  .tw\:max-md\:gap-\[60px\] {
    gap: 60px
  }

  .tw\:max-md\:gap-\[80px\] {
    gap: 80px
  }

  .tw\:max-md\:p-0 {
    padding: calc(var(--tw-spacing) * 0)
  }

  .tw\:max-md\:pt-\[120px\] {
    padding-top: 120px
  }

  .tw\:max-md\:pr-0 {
    padding-right: calc(var(--tw-spacing) * 0)
  }

  .tw\:max-md\:pb-\[74px\] {
    padding-bottom: 74px
  }

  .tw\:max-md\:pl-0 {
    padding-left: calc(var(--tw-spacing) * 0)
  }

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

  .tw\:max-md\:text-\[16px\] {
    font-size: 16px
  }

  .tw\:max-md\:text-\[20px\] {
    font-size: 20px
  }

  .tw\:max-md\:leading-loose {
    --tw-leading: var(--tw-leading-loose);
    line-height: var(--tw-leading-loose)
  }
}


.container {
  max-width: 1380px;
  margin-inline: auto;
  padding-inline: 50px
}

@media not all and (min-width:48rem) {
  .container {
    padding-inline: 20px
  }

  .pc {
    display: none
  }
}

.tb {
  display: none
}

@media not all and (min-width:64rem) {
  .tb {
    display: block
  }
}

.sp {
  display: none
}

@media not all and (min-width:48rem) {
  .sp {
    display: block
  }
}

.anim {
  opacity: 0;
  will-change: opacity;
  transition: opacity 1.8s
}

.anim.is-faded {
  opacity: 1
}