@charset "UTF-8";
/*--------------- entrance-pageここから ---------------*/
.entrance {
  overflow: hidden;
}
.entrance__copyright {
  text-align: center;
  font-size: 11px;
  line-height: 1.2;
  padding: 1em 0.5em;
  width: 100%;
  display: block;
  color: var(--color-white);
  background-color: var(--color-main);
  letter-spacing: var(--letter-spacing-regular);
}

.entrance-item {
  position: relative;
  z-index: 1;
  width: 100%;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  aspect-ratio: 8/5;
}
.entrance-item:hover {
  opacity: 0.7;
}
.entrance-item__box {
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -50%;
  background-color: var(--color-white);
  border-radius: var(--round-20);
  padding: 30px 8%;
  width: 75%;
  max-width: 400px;
}
.entrance-item__ttl {
  font-size: clamp(1.375rem, calc(0.8504196643rem + 0.0239808153 * 100vw), 2rem);
  letter-spacing: var(--letter-spacing-base);
  white-space: nowrap;
  text-align: center;
  line-height: 1;
}
.entrance-item__btn {
  margin-top: 24px;
  width: 100%;
  pointer-events: none;
}
.entrance-item--official .entrance-item__box {
  -webkit-box-shadow: 5px 5px 0px 0px rgba(74, 183, 218, 0.3);
          box-shadow: 5px 5px 0px 0px rgba(74, 183, 218, 0.3);
}
.entrance-item--construction .entrance-item__box {
  -webkit-box-shadow: 5px 5px 0px 0px rgba(255, 222, 0, 0.3);
          box-shadow: 5px 5px 0px 0px rgba(255, 222, 0, 0.3);
}
.entrance-item--recruit .entrance-item__box {
  -webkit-box-shadow: 5px 5px 0px 0px rgba(255, 144, 0, 0.3);
          box-shadow: 5px 5px 0px 0px rgba(255, 144, 0, 0.3);
}