@charset "utf-8";

/*================================================
  company
================================================*/
.page-header {
  background-image: url(../../image/company/page_header_bg.jpg);
}

/*------------------------------------------------
overview
------------------------------------------------*/
.overview-list {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: calc(var(--layout-gap) * 1.5) ;
}
.overview-list-title {
  letter-spacing: 0.15em;
  font-weight: 400;
  width: calc(6em + calc(var(--layout-gap) / 2));
  border-bottom: 1px solid rgba(var(--secondary-color-rgb),0.7);
  padding: calc(var(--layout-gap) / 2) calc(var(--layout-gap) / 4);
}
.overview-list-text {
  font-weight: 400;
  width:calc(100% - 6em - calc(var(--layout-gap) / 2));
  border-bottom: 1px solid var(--color-blue-light);
  padding: calc(var(--layout-gap) / 2) calc(var(--layout-gap) / 4) calc(var(--layout-gap) / 2);
}

@media print, screen and (min-width: 769px) {
  .overview-list {
    margin-bottom:  calc(var(--layout-gap) * 2) ;
  }
  .overview-list-title {
    width: 30%;
    padding: calc(var(--layout-gap) / 2) calc(var(--layout-gap) / 4);
  }
  .overview-list-text {
    width: 70%;
    padding: calc(var(--layout-gap) / 2) calc(var(--layout-gap) / 4);
  }
}

@media print, screen and (min-width: 1200px) {
  .overview-list-title {
    width: 25%;
  }
  .overview-list-text {
    width: 75%;
  }
}

@media print, screen and (min-width: 1600px) {
  .overview-list-title {
    width: 20%;
    padding: calc(var(--layout-gap) / 1.5);
  }
  .overview-list-text {
    width: 80%;
    padding: calc(var(--layout-gap) / 1.5);
  }
}


/*------------------------------------------------
access
------------------------------------------------*/
.access {
  background-color: var(--primary-bg-color);
}
.access-list {
  margin-top: calc(var(--layout-gap) / 1.5);
}

.access-description {
  line-height: 2;
  margin-bottom:calc(var(--layout-gap) / 1.5);
}

.access-description .map > iframe {
  width: 100%;
  height: 200px;
}
.access-detail  {
  margin-bottom:calc(var(--layout-gap) * 1.5);
}
.access-detail address {
  font-style: normal;
}
.map-link {
  color: var(--secondary-color);
  padding-left: 1.5em;
  position: relative;
  text-transform: uppercase;
}
.map-link::before {
  content: "";
  display: block;
  background-image: url(../../image/common/icon_map_pin.svg);
  width: 16px;
  height: 16px;
  position: absolute;
  left: 0.25em;
  top: calc(50% - 0.5em);
}

@media print, screen and (min-width: 769px) {
  .access-list {
    margin-top: calc(var(--layout-gap) * 1.5);
  }
  .access-description {
    margin-bottom:calc(var(--layout-gap) * 2);
  }
  .access-description .map > iframe {
    /* height: 450px; */
    height: 250px;
  }
  .access-description {
    display: flex;
    flex-wrap: wrap;
    flex-direction: row-reverse;
    justify-content: space-between;
  }
  .access-description .map {
    width: 45%;
  }
  .access-detail {
    width: 55%;
    padding: 0 calc(var(--layout-gap) / 2) 0 var(--layout-gap);
  }
}

@media print, screen and (min-width: 960px) {
  .access-description .map > iframe {
    /* height: 450px; */
    height: 300px;
  }
  .access-description .map {
    width: 55%;
  }
  .access-detail {
    width: 45%;
  }
}