*, *::before, *::after {
  margin: 0;
  padding: 0;
  box-sizing: border-box
}
:where([hidden]:not([hidden=until-found])) {
  display: none !important
}
:where(html) {
  -webkit-text-size-adjust: none;
  color-scheme: dark light;
  tab-size: 2
}
@media(prefers-reduced-motion: no-preference) {
  :where(html: focus-within) {
    scroll-behavior: smooth
  }
}
:where(body) {
  line-height: 1.5;
  font-family: system-ui, sans-serif;
  -webkit-font-smoothing: antialiased
}
:where(button) {
  all: unset
}
:where(input, button, textarea, select) {
  font: inherit;
  color: inherit
}
:where(textarea) {
  resize: vertical;
  resize: block
}
:where(button, label, select, summary, [role=button], [role=option]) {
  cursor: pointer
}
:where(:disabled) {
  cursor: not-allowed
}
:where(label:has(>input:disabled), label:has(+input:disabled)) {
  cursor: not-allowed
}
:where(a) {
  color: inherit;
  text-underline-offset: .2ex
}
:where(ul, ol) {
  list-style: none
}
:where(img, svg, video, canvas, audio, iframe, embed, object) {
  display: block
}
:where(img, picture, svg, video) {
  max-inline-size: 100%;
  block-size: auto
}
:where(p, h1, h2, h3, h4, h5, h6) {
  overflow-wrap: break-word
}
:where(h1, h2, h3) {
  line-height: calc(1em + .5rem)
}
:where(hr) {
  border: none;
  border-block-start: 1px solid;
  color: inherit;
  block-size: 0;
  overflow: visible
}
:where(:focus-visible) {
  outline: 3px solid CanvasText;
  box-shadow: 0 0 0 5px Canvas;
  outline-offset: 1px
}
:where(:focus-visible, :target) {
  scroll-margin-block: 8vh
}
:where(.visually-hidden:not(:focus-within, :active)) {
  clip-path: inset(50%) !important;
  height: 1px !important;
  width: 1px !important;
  overflow: hidden !important;
  position: absolute !important;
  white-space: nowrap !important;
  border: 0 !important
}
:root {
  --s1: 8px;
  --s2: 16px;
  --s3: 24px;
  --s4: 32px;
  --s5: 40px;
  --s6: 48px;
  --s7: 56px;
  --s8: 64px;
  --s9: 72px;
  --s10: 80px;
  --s11: 88px;
  --s12: 96px;
  --s13: 104px;
  --s14: 112px;
  --s15: 120px;
  --s16: 128px;
  --s17: 136px;
  --s18: 144px;
  --s19: 152px;
  --s20: 160px
}
@media(max-width: 767px) {
  :root {
    --s1: 1.6vw;
    --s2: 3.2vw;
    --s3: 4.8vw;
    --s4: 6.4vw;
    --s5: 8vw;
    --s6: 9.6vw;
    --s7: 11.2vw;
    --s8: 12.8vw;
    --s9: 14.4vw;
    --s10: 16vw;
    --s11: 17.6vw;
    --s12: 19.2vw;
    --s13: 20.8vw;
    --s14: 22.4vw;
    --s15: 24vw;
    --s16: 25.6vw;
    --s17: 27.2vw;
    --s18: 28.8vw;
    --s19: 30.4vw;
    --s20: 32vw
  }
}
:root {
  --color-white: #ffffff;
  --color-white-rgb: 255, 255, 255;
  --color-black: #222222;
  --color-black-rgb: 0, 0, 0
}
html, body {
  width: 100%;
  height: auto
}
html {
  font-size: 62.5%
}
body {
  font-family: "ゴシックMB101 R", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  width: 100%;
  height: 100%;
  letter-spacing: 0;
  word-wrap: break-word;
  -webkit-text-size-adjust: 100%;
  font-feature-settings: "palt";
  color: var(--color-key-black);
  text-wrap: wrap
}
code, pre {
  font-family: "Source Code", monospace
}
a {
  text-decoration: none
}
ul, ol, dl {
  list-style: none;
  margin: 0;
  padding: 0
}
strong {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em
}
:root {
    --color-key-white:   #FFF9E4;
    --color-key-bright:  #FFF0B3;
    --color-key-lightest:#FFE081;
    --color-key-lighter: #FFD24F;
    --color-key-light:   #FFC31D;
    --color-key-tint:    #FFBF00;
    --color-key-pale:    #E6AC00;
    --color-key:         #FFBF00;
    --color-key-dusky:   #C9A100;
    --color-key-shade:   #B38A00;
    --color-key-dark:    #9C5E1A;
    --color-key-darker:  #804312;
    --color-key-darkest: #66310D;
    --color-key-dim:     #4C2108;
    --color-key-black:   #332000;
  --grad-btn: linear-gradient(90deg, rgba(255, 191, 0, 0.6) 0%, rgba(255, 144, 0, 0.6) 100%), linear-gradient(90deg, #ffbf00 0%, #ff9000 100%);
}
body {
  background: conic-gradient(from -45deg at 50% 50%, var(--color-key) 0deg, var(--color-key-black) 160deg, var(--color-key) 360deg)
}
@media(max-width: 767px) {
  body .--monitor {
    display: none
  }
}
@media(min-width: 768px) {
  body .--mobile {
    display: none
  }
}
h1, h2, h3, h4, h5, h6 {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em
}
p {
  font-size: 16px
}

.theme-info {
 background-color:var(--color-key-lightest)
}

@media(max-width: 767px) {
  p {
    font-size: 4vw
  }
}
.theme-container {
  background-color: rgba(0, 0, 0, 0) !important
}
._overflow-hidden {
  overflow: auto
}
@media(max-width: 767px) {
  ._overflow-hidden {
    overflow: hidden
  }
}
.site-body__container {
  padding: var(--s2);
  min-width: 955px
}
@media(max-width: 559px) {
  .site-body__container {
    padding: var(--s6) var(--s2) var(--s2)
  }
}
@media(max-width: 767px) {
  .site-body__container {
    min-width: auto
  }
}
.button__container {
  margin-top: var(--s3)
}
.button__container .button__wrapper a {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  background: var(--grad-btn);
  position: relative;
  font-size: 20px;
  line-height: 1.4em;
  padding: 1em 2em 1em 3.5em
}
@media(max-width: 767px) {
  .button__container .button__wrapper a {
    font-size: 4.8vw
  }
}
.button__container .button__wrapper a::before {
  content: "";
  position: absolute;
  left: 2em;
  top: 50%;
  translate: 0 -50%;
  display: block;
  width: 1em;
  height: auto;
  aspect-ratio: 1/1;
  background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45139/74d34110-36bc-4ada-88b0-f583f6474c6f.png");
  background-size: 100%;
  transition: transform .3s ease-in-out
}
.button__container .button__wrapper a:hover {
  transform: scale(1.1)
}
.g-hive-btn-link a {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  display: inline-block;
  position: relative;
  font-size: 14px;
  line-height: 1.4em;
  padding: 1em 3.5em 1em 2em;
  background-color: var(--color-key-black);
  color: var(--color-white);
  border-radius: 100vw;
  text-decoration: none;
  transition: transform .3s ease-in-out
}
@media(max-width: 767px) {
  .g-hive-btn-link a {
    font-size: 3.4666666667vw
  }
}
.g-hive-btn-link a::after {
  content: "";
  position: absolute;
  right: 2em;
  top: 50%;
  translate: 0 -50%;
  display: block;
  width: 1em;
  height: auto;
  aspect-ratio: 1/1;
  background-size: 100%;
  background-repeat: no-repeat
}
.g-hive-btn-link a:hover {
  transform: scale(1.1)
}
.g-hive-btn-link.--download a::after {
  background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45138/7163fe26-95fe-446b-93c8-b33ec13fbff5.png")
}
.g-hive-btn-link.--arrow a::after {
  background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45142/5029e8aa-1c52-40e5-a08d-930868e413d6.png")
}
.g-hive-btn-link.--tab a::after {
  background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45141/90737d5c-5be8-4b9f-bf3e-75ef251c8f78.png")
}
.ly-content {
  background-color: var(--color-key-white);
  padding: var(--s8) 0;
  margin: var(--s3) 0;
  border-radius: var(--s2)
}
@media(max-width: 767px) {
  .ly-content {
    padding: var(--s10) var(--s2)
  }
}
.ly-content .section__wrapper {
  max-width: 1140px
}
.ly-content h2 {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 32px;
  line-height: 1.4em
}
@media(max-width: 767px) {
  .ly-content h2 {
    font-size: 6.9333333333vw
  }
}
.ly-content .hive-subtitle {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 700;
  color: var(--color-key);
  font-size: 12px;
  line-height: 1.4em;
  margin-bottom: calc(var(--s3)/-2)
}
@media(max-width: 767px) {
  .ly-content .hive-subtitle {
    font-size: 3.2vw
  }
}
.header__container {
  display: none
}
.ly-site-menu .section__wrapper {
  display: none
}
.site-menu__container {
  background-color: rgba(0, 0, 0, 0);
  justify-content: center;
  padding-top: var(--s3)
}
.site-menu__container.site-menu__fixed {
  left: 50%;
  translate: -50% 0
}
.site-menu__container.site-menu__fixed ul {
  box-shadow: 0 calc(var(--s1)/2) calc(var(--s1)*.75) 0 rgba(var(--color-black-rgb), 0.08)
}
@media(max-width: 767px) {
  .site-menu__container.site-menu__fixed ul {
    margin: 0 var(--s2) 0
  }
}
.site-menu__container ul {
  max-width: 1140px;
  background-color: var(--color-white);
  justify-content: center;
  align-items: center;
  border-radius: 100vw;
  margin: 0 var(--s2);
  padding: var(--s2) 0
}
@media(min-width: 972px) {
  .site-menu__container ul {
    position: relative;
    gap: var(--s5);
    padding: var(--s2) var(--s10) var(--s2) var(--s3)
  }
}
@media(max-width: 971px)and (min-width: 768px) {
  .site-menu__container ul {
    gap: var(--s2)
  }
}
@media(max-width: 767px)and (min-width: 560px) {
  .site-menu__container ul {
    gap: var(--s1) var(--s2);
    padding: var(--s1) var(--s3);
    margin: 0
  }
}
@media(max-width: 559px) {
  .site-menu__container ul {
    gap: var(--s1);
    padding: var(--s2) var(--s2);
    margin: 0
  }
}
.site-menu__container ul .site-menu__item {
  padding: 0;
  margin: 0 var(--s1)
}
@media(max-width: 767px)and (min-width: 560px) {
  .site-menu__container ul .site-menu__item {
    margin: 0
  }
}
@media(max-width: 559px) {
  .site-menu__container ul .site-menu__item {
    margin: 0
  }
}
.site-menu__container ul .site-menu__item a {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  position: relative;
  color: var(--color-key-black);
  font-size: 16px;
  line-height: 2em
}
@media(max-width: 767px)and (min-width: 560px) {
  .site-menu__container ul .site-menu__item a {
    font-size: 16px;
    margin: 0
  }
}
@media(max-width: 559px) {
  .site-menu__container ul .site-menu__item a {
    font-size: 3.2vw
  }
}
.site-menu__container ul .site-menu__item:not(:last-child) {
  margin: 0
}
.site-menu__container ul .site-menu__item:not(:last-child) a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: var(--color-key);
  translate: -50% 0;
  transition: width .3s ease-in-out, background-color .3s ease-in-out
}
.site-menu__container ul .site-menu__item:not(:last-child) a:hover::after {
  width: 100%
}
.site-menu__container ul .site-menu__item::after {
  display: none
}
@media(min-width: 972px) {
  .site-menu__container ul .site-menu__item:last-child {
    position: absolute;
    top: 0;
    right: 0;
    margin: 0;
    background: var(--grad-btn);
    height: var(--s8);
    border-radius: 0 100vw 100vw 0
  }
}
.site-menu__container ul .site-menu__item:last-child a {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  position: relative;
  color: var(--color-key-black);
  font-size: 16px;
  line-height: 2em
}
.site-menu__container ul .site-menu__item:last-child a::after {
  content: "";
  position: absolute;
  left: 50%;
  bottom: -2px;
  width: 0;
  height: 2px;
  background-color: var(--color-key);
  translate: -50% 0;
  transition: width .3s ease-in-out, background-color .3s ease-in-out
}
.site-menu__container ul .site-menu__item:last-child a:hover::after {
  width: 100%
}
@media(min-width: 972px) {
  .site-menu__container ul .site-menu__item:last-child a {
    color: var(--color-white);
    padding: .8em 2em .8em 3em;
    transition: transform .3s ease-in-out;
    font-size: 18px;
    transition: transform .3s ease-in-out
  }
  .site-menu__container ul .site-menu__item:last-child a::before {
    content: "";
    position: absolute;
    left: 1.5em;
    top: 50%;
    translate: 0 -50%;
    display: block;
    width: 1em;
    height: auto;
    aspect-ratio: 1/1;
    background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45139/74d34110-36bc-4ada-88b0-f583f6474c6f.png");
    background-size: 100%
  }
  .site-menu__container ul .site-menu__item:last-child a::after {
    display: none
  }
  .site-menu__container ul .site-menu__item:last-child a:hover {
    transform: scale(1.1)
  }
}
@media(max-width: 767px) {
  .mobile-site-menu__container._bg-white {
    position: fixed;
    width: 100%;
    top: 0;
    z-index: 99
  }
}
.mobile-site-menu__container .mobile-site-menu__items li a {
  font-family: "ゴシックMB101 DB", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 3.7333333333vw;
  color: var(--color-key-black)
}
.ly-header {
  position: relative;
  position: absolute;
  width: 100%;
  top: 0;
  left: 50%;
  translate: -50% 0;
  margin-top: var(--s4);
  max-width: 1920px
}
@media(max-width: 767px)and (min-width: 560px) {
  .ly-header {
    margin-top: 9.6vw
  }
}
@media(max-width: 559px) {
  .ly-header {
    margin-top: 15.4666666667vw
  }
}
.ly-header::before, .ly-header::after {
  content: "";
  position: absolute;
  top: 50%;
  translate: 0 -50%;
  display: block;
  height: auto;
  background-size: 100%
}
.ly-header::before {
  content: "";
  left: var(--s6);
  width: 144px;
  aspect-ratio: 144/28;
  background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45143/bef0fc84-d1d2-4c2f-a8c1-7cc71f4ff479.png")
}
@media(max-width: 767px) {
  .ly-header::before {
    width: 26.6666666667vw;
    left: 8vw
  }
}
.ly-header::after {
  content: "";
  right: var(--s6);
  width: 104px;
  aspect-ratio: 104/44;
  background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45144/ee877406-e79e-4265-9aa0-7a2ede9f02a4.png")
}
@media(max-width: 767px) {
  .ly-header::after {
    width: 21.3333333333vw;
    right: 8vw
  }
}
.hive-floating-button {
  position: fixed;
  bottom: var(--s3);
  right: var(--s3);
  width: 160px;
  height: auto;
  aspect-ratio: 170/160;
  z-index: 9999;
  transition: transform .3s ease-in-out
}
.hive-floating-button:hover {
  transform: scale(1.1)
}
@media(max-width: 767px) {
  .hive-floating-button {
    display: none
  }
}
.ly-cover {
  border-radius: var(--s2);
  padding: var(--s12) 0
}
@media(max-width: 767px) {
  .ly-cover {
    padding: var(--s12) var(--s2) var(--s8)
  }
}
.ly-cover h2 {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 32px;
  line-height: 1.4em
}
@media(max-width: 767px) {
  .ly-cover h2 {
    font-size: 7.4666666667vw
  }
}
.ly-cover .cover-text {
  font-size: 16px;
  line-height: 1.8em
}
@media(max-width: 767px) {
  .ly-cover .cover-text {
    text-align: left;
    font-size: 4.2666666667vw
  }
  .ly-cover .cover-text.--tc {
    text-align: center
  }
}
.ly-cover .cover-text strong {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 36px;
  line-height: 1.4em
}
@media(max-width: 767px) {
  .ly-cover .cover-text strong {
    font-size: 6.4vw
  }
}
@media(max-width: 767px) {
  .table__container._mt-8 {
    margin-top: 0
  }
}
@media(max-width: 767px) {
  .table__columns--sp {
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
    gap: 3.2vw
  }
}
.hive-speaker-container {
  padding: 0 calc(var(--s3)/2)
}
@media(max-width: 767px) {
  .hive-speaker-container {
    padding: 0;
    width: calc(50% - 3.2vw) !important
  }
}
.hive-speaker-container .image__wrapper {
  background-color: var(--color-white);
  border-radius: var(--s1);
  overflow: hidden
}
.hive-speaker-container .hive-speaker-name .name {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  display: inline-block;
  font-size: 20px;
  line-height: 1.4em
}
@media(max-width: 767px) {
  .hive-speaker-container .hive-speaker-name .name {
    font-size: 4.2666666667vw
  }
}
.hive-speaker-container .hive-speaker-name .suffix {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  display: inline-block;
  font-size: 16px;
  line-height: 1em
}
@media(max-width: 767px) {
  .hive-speaker-container .hive-speaker-name .suffix {
    font-size: 3.2vw
  }
}
.hive-speaker-container .hive-speaker-name .separator {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  display: inline-block;
  font-size: 16px;
  line-height: 1em
}
@media(max-width: 767px) {
  .hive-speaker-container .hive-speaker-name .separator {
    font-size: 3.2vw
  }
}
.hive-speaker-container .hive-company-name {
  font-family: "ゴシックMB101 DB", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 14px;
  line-height: 1.4em;
  margin-top: .8em
}
@media(max-width: 767px) {
  .hive-speaker-container .hive-company-name {
    font-size: 3.4666666667vw
  }
}
.hive-speaker-container .hive-department-name {
  font-size: 14px;
  line-height: 1.4em;
  margin-top: .5em
}
@media(max-width: 767px) {
  .hive-speaker-container .hive-department-name {
    font-size: 3.4666666667vw
  }
}
.more-btn {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  display: none;
  text-align: center;
  cursor: pointer;
  margin-top: var(--s2);
  font-size: 16px;
  line-height: 1.4em;
  padding: 1em 3.5em 1em 2em;
  background-color: var(--color-key-black);
  color: var(--color-white);
  border-radius: 100vw;
  margin-inline: auto
}
@media(max-width: 767px) {
  .more-btn {
    position: relative;
    display: inline-block;
    font-size: 3.7333333333vw;
    min-width: 17.6vw;
    transition: opacity .3s ease-in-out
  }
  .more-btn::before {
    content: "";
    position: absolute;
    right: 2em;
    top: 50%;
    translate: 0 -50%;
    display: block;
    width: 1em;
    height: auto;
    aspect-ratio: 1/1;
    background-image: url("https://dl.qloba.info/uploads/projects/page_image/image/45140/e3c396d1-8455-4b3e-9129-996db47842e4.png");
    background-size: 100%
  }
  .more-btn:hover {
    opacity: .8
  }
}
.hive-table {
  max-width: 640px;
  margin-inline: auto
}
.hive-table th, .hive-table td {
  border: none !important
}
.hive-table tr {
  background-color: var(--color-white);
  font-size: 16px;
  line-height: 1.4em;
  border-radius: var(--s1);
  overflow: hidden;
  display: block
}
@media(max-width: 767px) {
  .hive-table tr {
    font-size: 3.7333333333vw
  }
}
.hive-table tr:not(:last-child) {
  margin-bottom: var(--s1)
}
.hive-table th {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 16px;
  line-height: 1.4em;
  width: 120px;
  background-color: var(--color-key);
  color: var(--color-white);
  padding: 1em
}
@media(max-width: 767px) {
  .hive-table th {
    width: 21.3333333333vw;
    font-size: 3.7333333333vw;
    padding: .5em
  }
}
.hive-table td {
  font-size: 16px;
  line-height: 1.4em;
  padding: 1em
}
@media(max-width: 767px) {
  .hive-table td {
    font-size: 3.7333333333vw
  }
}
.hive-caution {
  margin-top: var(--s3)
}
.hive-caution .hive-caution-title {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: 1em
}
@media(max-width: 767px) {
  .hive-caution .hive-caution-title {
    font-size: 5.3333333333vw
  }
}
.hive-caution .hive-caution-list {
  width: 100%;
  max-width: 640px;
  list-style: none;
  text-align: left;
  padding: 0;
  margin-inline: auto
}
.hive-caution .hive-caution-list li {
  position: relative;
  font-size: 14px;
  line-height: 1.4em;
  padding-left: 1.5em
}
@media(max-width: 767px) {
  .hive-caution .hive-caution-list li {
    font-size: 3.2vw;
    padding-left: 1.2em
  }
}
.hive-caution .hive-caution-list li::before {
  content: "";
  position: absolute;
  border: 3.5px solid var(--color-key);
  display: block;
  width: 1em;
  height: 1em;
  border-radius: 100vw;
  left: 0;
  top: 50%;
  translate: 0 -50%
}
@media(max-width: 767px) {
  .hive-caution .hive-caution-list li::before {
    border: .9333333333vw solid var(--color-key);
    top: .5333333333vw;
    translate: 0 0
  }
}
.hive-download {
  background-color: var(--color-key-bright);
  padding: var(--s3) var(--s6);
  width: fit-content;
  border-radius: var(--s1);
  margin-inline: auto;
  margin-top: var(--s4)
}
@media(max-width: 767px) {
  .hive-download {
    padding: var(--s3) var(--s3)
  }
}
.hive-download .download-text {
  font-size: 14px;
  line-height: 1.4em;
  margin-bottom: .8em
}
@media(max-width: 767px) {
  .hive-download .download-text {
    font-size: 3.2vw
  }
}
.hive-contents {
  margin-bottom: var(--s4)
}
.hive-contents p {
  font-size: 16px;
  line-height: 1.8em
}
@media(max-width: 767px) {
  .hive-contents p {
    font-size: 4vw;
    margin-bottom: 8.5333333333vw
  }
}
.hive-contents-row-text {
  background-color: var(--color-white);
  border-radius: var(--s1) 0 0 var(--s1);
  padding: var(--s2) var(--s3)
}
@media(max-width: 767px) {
  .hive-contents-row-text {
    border-radius: 0 0 var(--s1) var(--s1);
    margin-bottom: 6.4vw !important;
    padding: var(--s3) var(--s3) !important
  }
}
.hive-contents-row-text .contents-data {
  background-color: var(--color-white)
}
.hive-contents-row-text .contents-data .title {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 28px;
  line-height: 1.4em
}
@media(max-width: 767px) {
  .hive-contents-row-text .contents-data .title {
    font-size: 5.3333333333vw;
    margin-bottom: .5em
  }
}
.hive-contents-row-text .contents-data .text {
  font-size: 15px;
  line-height: 1.8em
}
@media(max-width: 767px) {
  .hive-contents-row-text .contents-data .text {
    line-height: 1.6em;
    font-size: 4vw
  }
}
.hive-contents-row-image {
  padding: 0;
  border-radius: 0 var(--s1) var(--s1) 0
}
@media(max-width: 767px) {
  .hive-contents-row-image {
    border-radius: var(--s1) var(--s1) 0 0;
    margin-bottom: 0 !important
  }
}
.hive-contents-col {
  border-radius: var(--s1);
  padding: 0
}
.hive-contents-col:not(:last-child) {
  margin-right: var(--s3)
}
@media(max-width: 767px) {
  .hive-contents-col:not(:last-child) {
    margin-right: 0;
    margin-bottom: 6.4vw
  }
}
.hive-contents-col .text__container {
  margin-top: 0
}
.hive-contents-col .contents-data {
  background-color: var(--color-white);
  padding: var(--s3) var(--s2)
}
@media(max-width: 767px) {
  .hive-contents-col .contents-data {
    padding: var(--s3) var(--s3)
  }
}
.hive-contents-col .contents-data .title {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 24px;
  line-height: 1.4em;
  margin-bottom: .5em
}
@media(max-width: 767px) {
  .hive-contents-col .contents-data .title {
    font-size: 5.3333333333vw
  }
}
.hive-contents-col .contents-data .text {
  font-size: 16px;
  line-height: 1.4em
}
@media(max-width: 767px) {
  .hive-contents-col .contents-data .text {
    font-size: 4vw
  }
}
.ly-content-time {
  background-color: var(--color-key-white);
  padding: var(--s8) 0 0 0;
  margin: var(--s3) 0 0 0;
  border-radius: var(--s2) var(--s2) 0 0
}
@media(max-width: 767px) {
  .ly-content-time {
    padding: var(--s10) var(--s2) 0 var(--s2)
  }
}
.ly-content-time h2 {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 32px;
  line-height: 1.4em
}
@media(max-width: 767px) {
  .ly-content-time h2 {
    font-size: 6.9333333333vw
  }
}
.ly-content-time .hive-subtitle {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 700;
  color: var(--color-key);
  font-size: 12px;
  line-height: 1.4em;
  margin-bottom: calc(var(--s3)/-2)
}
@media(max-width: 767px) {
  .ly-content-time .hive-subtitle {
    font-size: 3.2vw
  }
}
.hive-timetable {
  max-width: 720px;
  margin-inline: auto;
  width: 100%
}
.hive-timetable th, .hive-timetable td {
  border: none !important
}
.hive-timetable tr {
  background-color: var(--color-white);
  font-size: 16px;
  line-height: 1.4em;
  border-radius: var(--s1);
  overflow: hidden;
  display: block
}
@media(max-width: 767px) {
  .hive-timetable tr {
    font-size: 4vw
  }
}
.hive-timetable tr:not(:last-child) {
  margin-bottom: var(--s3)
}
.hive-timetable th {
  font-family: "Montserrat", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  font-weight: 700;
  font-size: 24px;
  line-height: 1.4em;
  width: 160px;
  background-color: var(--color-key-black);
  color: var(--color-white);
  padding: var(--s4)
}
@media(max-width: 767px) {
  .hive-timetable th {
    width: 21.3333333333vw;
    font-size: 4.2666666667vw;
    padding: .5em
  }
}
.hive-timetable th p {
  margin-top: 0
}
.hive-timetable th span {
  display: inline-block;
  transform: rotate(90deg);
  font-size: 24px;
  margin: 0 var(--s1)
}
@media(max-width: 767px) {
  .hive-timetable th span {
    font-size: 5.3333333333vw
  }
}
.hive-timetable td {
  padding: 4em;
  text-align: left
}
@media(max-width: 767px) {
  .hive-timetable td {
    padding: 4em 3em
  }
}
.hive-timetable .tt-title {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  font-size: 24px;
  padding: var(--s4);
  padding: 0;
  margin-bottom: .5em
}
.hive-timetable .tt-title.--mb {
  margin-bottom: 0
}
@media(max-width: 767px) {
  .hive-timetable .tt-title {
    font-size: 4.8vw
  }
}
.hive-timetable .tt-text {
  font-size: 16px;
  line-height: 1.4em;
  margin-top: 0
}
@media(max-width: 767px) {
  .hive-timetable .tt-text {
    font-size: 3.7333333333vw;
    margin-top: 1.0666666667vw
  }
}
.hive-notice {
  font-size: 16px;
  line-height: 1.6em;
  margin: var(--s3) 0
}
@media(max-width: 767px) {
  .hive-notice {
    font-size: 3.7333333333vw;
    text-align: left;
    text-indent: -1em;
    padding: 0 0 0 1em
  }
}
.ly-content-cta {
  background-color: var(--color-key-white);
  padding: 0 0 var(--s8) 0;
  margin: 0 0 var(--s3) 0;
  border-radius: 0 0 var(--s2) var(--s2)
}
@media(max-width: 767px) {
  .ly-content-cta {
    padding: 0 0 var(--s10)
  }
}
.ly-content-cta .section__wrapper {
  padding: 0
}
.ly-footer {
  border-radius: var(--s2);
  padding: var(--s6) 0
}
@media(max-width: 767px) {
  .ly-footer .footer-logo {
    margin-bottom: 0 !important
  }
}
.ly-footer .footer-logo a {
  display: inline-block
}
@media(max-width: 767px) {
  .ly-footer .footer-logo a {
    padding: 0 var(--s2);
    margin: 0 var(--s10)
  }
}
.ly-footer .hive-link {
  list-style: none;
  padding-left: 0
}
.ly-footer .hive-link a {
  font-family: "ゴシックMB101 B", sans-serif;
  font-style: normal;
  font-optical-sizing: auto;
  letter-spacing: .04em;
  display: inline-block;
  font-size: 16px;
  line-height: 1.4em;
  text-decoration: underline 1px solid rgba(255, 255, 255, .5);
  text-underline-offset: calc(var(--s1)*.75);
  transition: opacity .3s ease-in-out
}
@media(max-width: 767px) {
  .ly-footer .hive-link a {
    font-size: 3.7333333333vw
  }
}
.ly-footer .hive-link a:hover {
  opacity: .8
}
.ly-footer .hive-copyright {
  font-size: 16px;
  line-height: 1.8em
}
@media(max-width: 767px) {
  .ly-footer .hive-copyright {
    font-size: 3.2vw
  }
}