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

.entrance {
  padding-top: 120px;
  padding-bottom: 40px;
  padding-inline: 5%;
}
.entrance__name {
  font-size: var(--font-size-17);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  padding-inline: 3.2941176471em;
  position: relative;
  z-index: 1;
  margin-bottom: 34px;
}
.entrance__name::after {
  content: "";
  width: 100%;
  height: 4em;
  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 {
  padding-bottom: 5px;
  border-bottom: 3px dotted var(--color-pink-light);
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  margin-bottom: 32px;
}
.entrance__copyright {
  text-align: center;
  font-size: 11px;
  margin-top: 32px;
  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: 1fr;
  grid-template-rows: repeat(2, 1fr);
  gap: 24px;
  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: 3.90625%;
  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: 40px;
  height: 40px;
  position: absolute;
  z-index: -1;
  right: 0;
  bottom: 0;
  border-radius: 40px 0 var(--round-20) 0;
  background: url("/img/common/arrow_right_white.png") no-repeat top 18px left 16px/14px auto, var(--color-pink-main);
}
.entrance-item:hover {
  opacity: 0.7;
}
.entrance-item__ttl {
  margin-top: 20px;
  margin-inline: auto;
}
.entrance-item:nth-child(1) {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}
.entrance-item:nth-child(1) .entrance-item__ttl {
  width: 83.7142857143%;
}
.entrance-item:nth-child(2) {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}
.entrance-item:nth-child(2) .entrance-item__ttl {
  width: 52.5714285714%;
}