@charset "UTF-8";

/* ごあいさつ */
.wrap_company_greeting.has_honbun .image {
  float: right;
  margin-left: 5%;
  margin-bottom: 30px;
  width: 27%;
  min-width: 230px;
  text-align: center;
}
.wrap_company_greeting.has_honbun .image.yokonaga,
.wrap_company_greeting.has_honbun .image.square {
  width: 30%;
  min-width: 250px;
}

.wrap_company_greeting .image img {
  width: 100%;
}

.wrap_company_greeting p {
  line-height: 1.8;
}
.wrap_company_greeting .signature {
  text-align: right;
  font-weight: bold;
  margin-top: 1em;
}
.wrap_company_greeting.has_image .signature {
  clear: both;
}

@media (max-width: 767px) {
  .wrap_company_greeting.has_honbun .image,
  .wrap_company_greeting.has_honbun .image.yokonaga,
  .wrap_company_greeting.has_honbun .image.tatenaga,
  .wrap_company_greeting.has_honbun .image.square {
    float: none;
    margin-left: 0;
    margin-bottom: 20px;
    width: 100%;
    min-width: auto;
  }
  .wrap_company_greeting .image img {
    width: auto;
    max-height: 300px;
  }
  .wrap_company_greeting .image.yokonaga img,
  .wrap_company_greeting .image.square img {
    width: 100%;
    max-height: none;
  }
}

/* 概要 */
.wrap_company_overview .wrap_loop_contents {
  display: flex;
  flex-flow: column;
  gap: 10px;
}
.wrap_company_overview dl {
  display: flex;
  border-bottom: 1px solid var(--gray_color_light);
}

.wrap_company_overview dt,
.wrap_company_overview dd {
  padding: 0.4em 1em;
}
.wrap_company_overview dt {
  width: 180px;
  font-weight: bold;
  flex-shrink: 0;
}

.google_font_noto_sans_sans .wrap_company_overview dt,
.google_font_noto_sans_serif .wrap_company_overview dt {
  font-weight: 600;
}

.wrap_company_overview dd {
  flex: 1;
}

@media (max-width: 767px) {
  .wrap_company_overview {
    gap: 18px;
  }
  .wrap_company_overview dl {
    flex-flow: column;
    padding-bottom: 0.3em;
  }
  .wrap_company_overview dt,
  .wrap_company_overview dd {
    padding: 0;
  }
  .wrap_company_overview dt {
    width: auto;
    flex-shrink: 1;
  }
}

/* 沿革 */
.wrap_company_history dl {
  display: flex;
  border-bottom: 1px solid var(--gray_color_light);
}
.wrap_company_history dl:first-child {
  border-top: 1px solid var(--gray_color_light);
}

.wrap_company_history dt,
.wrap_company_history dd {
  padding: 1em 1.5em;
}
.wrap_company_history dt {
  width: 180px;
  flex-shrink: 0;
  background-color: var(--gray_color_super_light);
  text-align: center;
}

.wrap_company_history dd {
  flex: 1;
}

@media (max-width: 767px) {
  .wrap_company_history .wrap_loop_contents {
    border: 1px solid var(--gray_color_light);
  }
  .wrap_company_history dl {
    flex-flow: column;
    border: none;
  }
  .wrap_company_history dl:first-child {
    border: none;
  }
  .wrap_company_history dt {
    width: auto;
    flex-shrink: 1;
    text-align: left;
    padding: 0.5em 0.8em;
  }
  .wrap_company_history dd {
    padding: 0.7em 0.8em;
  }
}

/* 社内風景 */
.wrap_company_gallery ul {
  display: flex;
  flex-wrap: wrap;
  gap: 10px 1%;
}

.wrap_company_gallery li {
  width: 19.2%;
  display: block;
}
.wrap_company_gallery a {
  text-decoration: none;
}
.wrap_company_gallery figure {
  aspect-ratio: 1 / 1;
  overflow: hidden;
  position: relative;
}
.wrap_company_gallery figure::after {
  position: absolute;
  font-family: 'Material Symbols Outlined';
  font-variation-settings: 'FILL' 0, 'wght' 200, 'GRAD' 0, 'opsz' 24;
  content: '\e147';
  right: 8px;
  bottom: 8px;
  font-size: 22px;
  color: #fff;
}
.wrap_company_gallery figure img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}
.wrap_company_gallery a:hover figure img {
  transform: scale(1.2);
}

.wrap_company_gallery figcaption {
  position: absolute;
  top: -100%;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(20, 20, 20, 0.6);
  transition: top 0.3s ease-in-out;
}
.wrap_company_gallery figcaption p {
  position: absolute;
  top: 0;
  left: -100%;
  width: 100%;
  height: 100%;
  font-size: 1.3rem;
  color: #fff;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 1em;
  opacity: 0;
  transition: opacity 0.2s ease, left 0s 0.2s;
}

.wrap_company_gallery a:hover figcaption {
  top: 0;
  left: 0;
}
.wrap_company_gallery a:hover figcaption p {
  left: 0;
  opacity: 1;
  transition: left 0.3s ease-in-out 0.2s, opacity 0.3s ease-in-out 0.2s;
}

@media (max-width: 767px) {
  .wrap_company_gallery ul {
    gap: 4px 1%;
  }

  .wrap_company_gallery li {
    width: 24.25%;
  }
  .wrap_company_gallery figure::after {
    right: 4px;
    bottom: 4px;
    font-size: 19px;
  }
  .wrap_company_gallery figcaption {
    display: none;
  }
}

/* アクセスマップ */
.wrap_company_map {
  aspect-ratio: 16 / 9;
}
.wrap_company_map iframe {
  width: 100%;
  height: 100%;
}