@charset "UTF-8";
/*--------------- entrance-pageここから ---------------*/
.entrance-page {
  --header-height: 40px;
  background: url("/img/entrance/curtain_left.png") no-repeat top left/auto, url("/img/entrance/curtain_right.png") no-repeat top right/auto, var(--color-bg-cream);
}

.entrance {
  padding-top: 245px;
  padding-bottom: 50px;
}
.entrance__name {
  font-size: var(--font-size-17);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 70px;
  position: relative;
  z-index: 1;
  margin-bottom: 43px;
}
.entrance__name::after {
  content: "";
  width: 100%;
  height: 68px;
  background: url("/img/entrance/entrance_ttl_left.png") no-repeat left center/auto 100%, url("/img/entrance/entrance_ttl_right.png") no-repeat right center/auto 100%;
  position: absolute;
  top: 50%;
  left: 50%;
  translate: -50% -40%;
  z-index: -1;
}
.entrance__text {
  font-size: var(--font-size-20);
  padding-bottom: 7px;
  border-bottom: 3px dotted var(--color-pink-light);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 40px;
}
.entrance__copyright {
  text-align: center;
  font-size: var(--font-size-14);
  margin-top: 50px;
  line-height: 1.2;
  display: block;
  color: var(--color-pink-main);
}

.entrance-header .header__logo {
  top: 10;
  left: 50%;
  translate: -50% 0;
}

.entrance__container {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-template-rows: 1fr;
  gap: 40px;
  width: min(1440px, 90%);
  margin: 0 auto;
  position: relative;
  z-index: 1;
}

.entrance-item {
  position: relative;
  z-index: 1;
  -webkit-transition: 0.3s;
  transition: 0.3s;
  border-radius: 60px;
  padding: 7.1428571429%;
  border-radius: var(--round-20);
  -webkit-box-shadow: 4px 5px 0px var(--color-text-main);
          box-shadow: 4px 5px 0px var(--color-text-main);
  background-color: var(--color-white);
  display: block;
}
.entrance-item::after {
  content: "";
  width: 80px;
  height: 80px;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  border-radius: 80px 0 var(--round-20) 0;
  background: url("/img/common/arrow_right_white.png") no-repeat top 37px left 32px/28px auto, var(--color-pink-main);
}
.entrance-item:hover {
  opacity: 0.7;
}
.entrance-item__ttl {
  margin-top: 5%;
}