@charset "UTF-8";
/* =====================================================================
事業所ページ
===================================================================== */
.titleWrapper {
  max-width: 900px;
  margin: 0 auto;
  margin-bottom: 50px;
}
@media (max-width: 768px) {
  .titleWrapper {
    max-width: 690px;
    margin-bottom: 20px;
    margin-inline: 10px;
  }
}

.titleWrapper_inner {
  display: flex;
}

.titleplace {
  width: 450px;
  text-align: center;
  border: 2px solid #e65300;
  color: #e65300;
  padding-block: 15px;
  cursor: pointer;
  opacity: 0.6;
  position: relative;
  font-size: 20px;
  font-weight: bold;
}
@media (max-width: 768px) {
  .titleplace {
    font-size: 14px;
    padding-block: 8px;
  }
}
.titleplace.is-current {
  opacity: 1;
  width: 450px;
  text-align: center;
  background-color: #e65300;
  border: 2px solid #e65300;
  color: #fff;
  padding-block: 15px;
}
@media screen and (max-width: 768px) {
  .titleplace.is-current {
    font-size: 14px;
    padding-block: 8px;
  }
}
.titleplace.is-current::before {
  position: absolute;
  content: "";
  background: url(../../images/img-arrow-introduction.webp) no-repeat;
  top: 85%;
  left: 50%;
  transform: translateX(-50%);
  width: 45px;
  height: 24px;
}
@media (max-width: 768px) {
  .titleplace.is-current::before {
    background-size: 100%;
    width: 30px;
    top: 90%;
  }
}

.lightboxWrapper {
  display: flex;
  flex-wrap: wrap;
  gap: 65px;
  margin-bottom: 60px;
}
@media (max-width: 768px) {
  .lightboxWrapper {
    gap: 50px;
  }
}

.lightbox_wrapperItem {
  display: block;
  width: calc(33% - 43px);
}
@media screen and (max-width: 768px) {
  .lightbox_wrapperItem {
    width: 100%;
  }
}

.lightbox_wrapperBox {
  display: block;
}
.lightbox_wrapperBox img {
  width: 100%;
}

.lightboxText {
  margin-top: 20px;
  display: block;
}

.lb-nav a.lb-prev,
.lb-nav a.lb-next {
  width: 60%;
  position: absolute;
  float: none;
  top: 0;
  opacity: 1;
}
@media screen and (max-width: 768px) {
  .lb-nav a.lb-prev,
  .lb-nav a.lb-next {
    width: 40%;
    background-size: 15%;
  }
}

.lb-nav a.lb-prev {
  left: 2%;
  background: url(../../images/img-arrow_left.webp) left 48%/10% no-repeat;
}

.lb-nav a.lb-next {
  right: 2%;
  background: url(../../images/img-arrow_right.webp) right 48%/10% no-repeat;
}

.js-content {
  display: none;
}

.lightbox {
  position: fixed;
  top: 50% !important;
  transform: translateY(-50%);
}/*# sourceMappingURL=introduction.css.map */