/*-------------------------------
---.recruit-information
-------------------------------*/

.recruit-information {
  margin-bottom: 12rem;
}

.recruit-information h2 .subject {
  font-size: 2.4rem;
}

.recruit-information h2 .subtitle {
  font-size: 1.4rem;
}

.recruit-information .area-name {
  font-size: 2rem;
  margin-bottom: 3rem;
}

.recruit-information .recruit-information_contents {
  max-width: 72rem;
  margin: 0 auto;
}

.recruit-information .list-header,
.recruit-information .list_recruit .item a {
  padding: 1rem 3rem;
}

.recruit-information .list_recruit .item a:hover {
  color: var(--main-color);
  text-decoration: underline;
  transition: var(--transition);
}


/*-------------------------------
---.container_information
-------------------------------*/

.lity-container {
  height: 100%;
}

.container_information {
  padding: 6rem clamp(2rem, 5vw, 6rem);
}

.container_information .recruit-name {
  font-size: 2.4rem;
  margin-bottom: 6rem;
}

.container_information .table_recruit {
  margin-bottom: 4.5rem;
}

.container_information .table_recruit th,
.container_information .table_recruit td {
  padding: 1.5rem 3rem;
}

.container_information .contact-address {
  display: grid;
  grid-template-columns: repeat(2, minmax(auto, 40rem));
  grid-auto-rows: max-content;
  justify-content: center;
  align-items: end;
  grid-gap: 0 2rem;
  padding: 3rem;
}

.container_information .contact-address dt {
  grid-column: 1/3;
  grid-row: 1/2;
  font-size: 2rem;
  margin-bottom: 3rem;
}

.container_information .contact-address .tel {
  grid-column: 1/2;
  grid-row: 2/3;
}

.container_information .contact-address .destination {
  grid-column: 1/2;
  grid-row: 3/4;
  margin-bottom: 0;
}

.container_information .contact-address .button_entry {
  cursor: pointer;
}

.container_information .contact-address .button_entry:hover {
  opacity: 0.7;
  transition: var(--transition);
}

.container_information .popuptop {
  cursor: pointer;
}