@charset "utf-8";
/*--------------------------------------------------------------------------------

  company

--------------------------------------------------------------------------------*/
/*--------------------------------------------------------------------------------

  page visual

--------------------------------------------------------------------------------*/
.l-pv {
  background-image: url(../img/company/pv-img.png);
}


/*--------------------------------------------------------------------------------

  company

--------------------------------------------------------------------------------*/
#company .company-profile {
  margin-top: var(--space-m);
}
#company .company-works-wrapper {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: var(--space-s);
  margin-top: var(--space-s);
}
#company .company-business-list,
#company .company-licence-list {
  margin-top: var(--space-3s);
}
#company .company-licence-link {
  margin-top: 1em;
}
@media (max-width:600px) {
  #company .company-works-wrapper {
    grid-template-columns: auto;
  }
}
#company .company-lead {
  margin-top: var(--space-2s);
  text-align: center;
}


/*--------------------------------------------------------------------------------

  gallery

--------------------------------------------------------------------------------*/
#gallery {
  margin-top: var(--space-l);
}
#gallery .gallery-slide {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 48px;
  margin-top: var(--space-m);
}
#gallery .gallery-thumbnail .slick-track {
  display: grid;
  grid-template-columns: repeat(3,1fr);
  gap: 24px;
  transform: unset !important;
}
#gallery .gallery-thumbnail .slick-track::before {
  display: none;
}
#gallery .gallery-thumbnail .thumbnail-img {
  opacity: 1;
  transition: opacity .2s linear;
  width: 100% !important;
}
#gallery .gallery-thumbnail .slick-current {
  opacity: 1;
}
@media (max-width:768px) {
  #gallery .gallery-slide {
    display: block;
  }
  #gallery .gallery-slider {
    position: relative;
  }
  #gallery .gallery-thumbnail {
    display: none;
  }
  #gallery .gallery-arrow {
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    width: 36px;
    height: 36px;
    border-radius: 999px;
    border: 1px solid rgba(255,255,255,.8);
    background: rgba(0, 0, 0, 0.45);
    color: #fff;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 20px;
    cursor: pointer;
    z-index: 2;
  }
  #gallery .gallery-arrow--prev {
    left: 8px;
  }
  #gallery .gallery-arrow--next {
    right: 8px;
  }
}


/*--------------------------------------------------------------------------------

  access

--------------------------------------------------------------------------------*/
#access .access-map {
  display: grid;
  grid-template-columns: 1fr 2fr;
  gap: 48px;
  margin-top: var(--space-m);
}
#access .access-map iframe {
  width: 100%;
  height: 500px;
}
#access .access-profile img {
  display: block;
}
#access .access-profile p {
  margin-top: var(--space-3s);
  line-height: var(--line-height-s);
}
@media (max-width:768px) {
  #access .access-map {
    display: grid;
    grid-template-columns: auto;
    gap: 36px;
  }
  #access .access-profile {
    width: 300px;
    margin: 0 auto;
  }
}

#access .access-map-img,
#access .access-jounai-img {
  margin-top: var(--space-m);
}
#access .access-map-img h3,
#access .access-jounai-img h3 {
  margin-bottom: var(--space-2s);
}
#access .access-jounai-caution {
  margin-top: var(--space-3s);
}
#access .access-jounai-note {
  margin-top: 1em;
}


/*--------------------------------------------------------------------------------

  licence

--------------------------------------------------------------------------------*/
#licence article {
  margin-top: var(--space-l);
}
#licence .c-tbl,
#licence .c-tbl2 {
  margin-top: var(--space-s);
}
#licence .licence-collection-transport thead th,
#licence .licence-collection-transport tbody td {
  text-align: center;
}
#licence .licence-collection-transport tbody th {
  width: auto;
  min-width: 9em;
  max-width: 12em;
  white-space: inherit;
}
#licence .licence-solar-dispose .kubun,
#licence .licence-crush-dispose .kubun {
  width: 13em;
}
@media (max-width:500px) {
  #licence .licence-collection-transport thead th:first-of-type {
    white-space: inherit;
  }
  #licence .licence-collection-transport tbody th {
    width: 7em;
    min-width: auto;
  }
  #licence .licence-area .c-tbl2.-normal th {
    white-space: inherit;
  }
  #licence .licence-area .c-tbl2.-normal thead th:first-of-type {
    width: 6em;
  }
}
@media (max-width:425px) {
  #licence .licence-solar-dispose .kubun,
  #licence .licence-crush-dispose .kubun {
    width: 11em;
  }
}