.base-ae520 { align-content: center; align-items: center; background: #fff; border-radius: 0; flex-direction: column; flex-wrap: nowrap; height: 100%; justify-content: center; margin: 0 0 0 0; opacity: 1; padding: 0 0 0 0; width: 100%; max-width: 100%; }
.ame-gif-323bf { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100vh; justify-content: flex-end; margin: 0px 0px 0px 0px; padding: 100px; width: 100%; max-width: 100%; }
.ame-gif-323bf::before { background-repeat: no-repeat; background-size: cover; }
.group-ca240 { align-content: center; align-items: center; flex: none; flex-direction: row; gap: 40px; height: auto; justify-content: center; margin: 0px 0px 60px 0px; padding: 0px; width: 776px; }
.group-ca240.appear { opacity: 0; transition-delay: 3000ms; transition-duration: 600ms; translate: 0px 60px; }
.group-ca240.appear-active { transition-delay: 3000ms; transition-duration: 600ms; }
.group-d6e8a { align-items: center; flex: none; flex-direction: column; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(41.9837% - 23.2065px); max-width: calc(41.9837% - 23.2065px); }
.label-4225e { color: #393939; font-family: var(--font-noto-jp); font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 1; }
.rect-eef29 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 3px solid var(--color-purple); border-left: 3px solid var(--color-purple); border-radius: 24px; border-right: 3px solid var(--color-purple); border-top: 3px solid var(--color-purple); flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 115px; justify-content: center; margin: 0px 0px 0px 0px; padding: 2px; width: 100%; max-width: 100%; }
.rect-eef29:hover { -webkit-backdrop-filter: brightness(100%); backdrop-filter: brightness(100%); filter: brightness(95%); }
.exit-1d343 { color: #393939; font-family: var(--font-noto-jp); font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: -0.02em; line-height: 1; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 2; }
.group-0d1e5 { align-items: center; flex: none; flex-direction: column; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(41.9837% - 23.2065px); max-width: calc(41.9837% - 23.2065px); }
.label-9d2e9 { color: #393939; font-family: var(--font-noto-jp); font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 1; }
.rect-9d58e { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 3px solid var(--color-purple); border-left: 3px solid var(--color-purple); border-radius: 24px; border-right: 3px solid var(--color-purple); border-top: 3px solid var(--color-purple); flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 115px; justify-content: center; margin: 0px 0px 0px 0px; padding: 2px; width: 100%; max-width: 100%; }
.rect-9d58e:hover { -webkit-backdrop-filter: brightness(100%); backdrop-filter: brightness(100%); filter: brightness(95%); }
.exit-664a8 { color: #393939; font-family: var(--font-noto-jp); font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: -0.02em; line-height: 1; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 2; }
.text-a8650 { color: #333333; font-family: var(--font-lato); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; justify-content: center; width: auto; }
.ame-gif-2498b { align-content: center; align-items: center; display: none; flex: none; flex-direction: column; flex-wrap: nowrap; height: 100vh; justify-content: flex-end; margin: 0px 0px 0px 0px; padding: 100px; width: 100%; max-width: 100%; }
.ame-gif-2498b::before { background-repeat: no-repeat; background-size: cover; }
.group-21c15 { align-content: center; align-items: center; flex: none; flex-direction: row; gap: 40px; height: auto; justify-content: center; margin: 0px; padding: 0px; width: 776px; }
.group-21c15.appear { opacity: 0; transition-delay: 3000ms; transition-duration: 600ms; translate: 0px 60px; }
.group-21c15.appear-active { transition-delay: 3000ms; transition-duration: 600ms; }
.text-dbaab { color: #333333; font-family: var(--font-lato); font-size: 20px; font-weight: 400; height: auto; line-height: 1.4; text-align: center; justify-content: center; width: auto; }
.group-68d0f { align-items: center; flex: none; flex-direction: column; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(41.9837% - 23.2065px); max-width: calc(41.9837% - 23.2065px); }
.label-6f5a6 { color: #393939; font-family: var(--font-noto-jp); font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 1; }
.rect-248fb { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 3px solid var(--color-purple); border-left: 3px solid var(--color-purple); border-radius: 24px; border-right: 3px solid var(--color-purple); border-top: 3px solid var(--color-purple); flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 115px; justify-content: center; margin: 0px 0px 0px 0px; padding: 2px; width: 100%; max-width: 100%; }
.rect-248fb:hover { -webkit-backdrop-filter: brightness(100%); backdrop-filter: brightness(100%); filter: brightness(95%); }
.exit-bd368 { color: #393939; font-family: var(--font-noto-jp); font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: -0.02em; line-height: 1; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 2; }
.group-9606a { align-items: center; flex: none; flex-direction: column; gap: 8px; height: auto; justify-content: flex-start; margin: 0px; padding: 0px; width: calc(41.9837% - 23.2065px); max-width: calc(41.9837% - 23.2065px); }
.label-d5a0f { color: #393939; font-family: var(--font-noto-jp); font-size: 24px; font-style: normal; font-weight: 500; height: auto; letter-spacing: 0em; line-height: 1.4; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 1; }
.rect-0ee42 { align-content: center; align-items: center; background: #FFFFFF; border-bottom: 3px solid var(--color-purple); border-left: 3px solid var(--color-purple); border-radius: 24px; border-right: 3px solid var(--color-purple); border-top: 3px solid var(--color-purple); flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 115px; justify-content: center; margin: 0px 0px 0px 0px; padding: 2px; width: 100%; max-width: 100%; }
.rect-0ee42:hover { -webkit-backdrop-filter: brightness(100%); backdrop-filter: brightness(100%); filter: brightness(95%); }
.exit-ebcbf { color: #393939; font-family: var(--font-noto-jp); font-size: 48px; font-style: normal; font-weight: 500; height: auto; letter-spacing: -0.02em; line-height: 1; margin: 0px 0px 0px 0px; text-align: left; justify-content: flex-start; width: auto; z-index: 2; }
@media (max-width: 840px) {
  .ame-gif-323bf { display: none; }
  .group-ca240 { flex-direction: column-reverse; flex-wrap: nowrap; }
  .group-d6e8a { flex: none; width: 100%; max-width: 100%; }
  .label-4225e { font-size: 20px; }
  .exit-1d343 { font-size: 48px; }
  .group-0d1e5 { flex: none; width: 100%; max-width: 100%; }
  .label-9d2e9 { font-size: 20px; }
  .exit-664a8 { font-size: 48px; }
  .ame-gif-2498b { display: flex; }
  .group-21c15 { flex-direction: column-reverse; flex-wrap: nowrap; }
  .group-68d0f { flex: none; width: 100%; max-width: 100%; }
  .label-6f5a6 { font-size: 20px; }
  .exit-bd368 { font-size: 48px; }
  .group-9606a { flex: none; width: 100%; max-width: 100%; }
  .label-d5a0f { font-size: 20px; }
  .exit-ebcbf { font-size: 48px; }
}
@media (max-width: 540px) {
  .base-ae520 { align-content: center; align-items: center; justify-content: flex-start; }
  .ame-gif-323bf { display: none; padding: 0px; }
  .group-ca240 { flex: none; gap: 16px; margin: 0px; padding: 0px; width: 90%; max-width: 90%; }
  .group-d6e8a { margin: 0px; padding: 0px; }
  .label-4225e { font-size: 16px; }
  .exit-1d343 { font-size: 36px; }
  .group-0d1e5 { margin: 0px; padding: 0px; }
  .label-9d2e9 { font-size: 16px; }
  .exit-664a8 { font-size: 36px; }
  .ame-gif-2498b { align-content: center; align-items: center; display: flex; flex: none; height: 100vh; justify-content: center; margin: 0px 0px 0px 0px; padding: 0px 0px 0px 0px; }
  .group-21c15 { flex: none; gap: 16px; margin: 180px 0px 0px 0px; padding: 0px; width: 90%; max-width: 90%; }
  .group-21c15.appear { transition-duration: 1000ms; transition-timing-function: cubic-bezier(1, 0, 0, 1); }
  .group-21c15.appear-active { transition-duration: 1000ms; transition-timing-function: cubic-bezier(1, 0, 0, 1); }
  .text-dbaab { font-size: 13px; }
  .group-68d0f { margin: 0px; padding: 0px; }
  .label-6f5a6 { font-size: 16px; }
  .rect-248fb { border-radius: 16px; height: 80px; width: 50%; max-width: 50%; }
  .exit-bd368 { font-size: 32px; }
  .group-9606a { margin: 0px; padding: 0px; }
  .label-d5a0f { font-size: 16px; }
  .rect-0ee42 { border-radius: 16px; height: 80px; width: 50%; max-width: 50%; }
  .exit-ebcbf { font-size: 32px; }
}