@charset "UTF-8";
/********** 374- **********/

.top-image {
  background-position: center center;
  background-size: cover;
  background-image: none;
  background-color: #001C58;
  width: 100%;
  height: 0;
  padding-top: 1%;
  transition: all 0.5s;
}

.iso-contents-box {
  width: 95%;
  margin: 0 auto;
  padding-bottom: 5rem;
}

.iso-policy-title,
.iso-detail-title,
.iso-range-title {
  margin: 5rem 0 4rem;
  max-width: 90%;
}

/******************************
   Iso content (box)
*******************************/
.iso-item-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  margin: 3rem auto 0;
  border-bottom: 0.1rem solid #6F7579;
}
  .iso-item-box:last-of-type {
    border: none;
  }

.iso-item-title {
  min-width: 100%;
  flex-basis: 100%;
  padding-left: 3%;
  color: #6F7579;
}

.iso-item-content {
  flex-basis: 90%;
  margin: 0 auto;
}

/******************************
   Policy level 1 (list)
*******************************/
.policy-1st-lv-list {
  margin-top: 0;
  padding-left: 2rem;
}

  .policy-1st-lv-list > li {
    font-weight: bold;
    list-style-position: outside;
  }

    .policy-1st-lv-list > li > *:first-child {
      display: inline-block;
      font-weight: bold;
      margin: 0;
    }

    .policy-1st-lv-list > li > *:nth-child(n+2) {
      font-weight: normal;
    }

.policy-signature {
  text-align: right;
  padding-right: 0;
}

/******************************
   Policy level 2 (list)
*******************************/
.policy-2nd-lv-list {
  padding-left: 1.6rem;
  margin-top: 0;
  margin-bottom: 0;
}

  .policy-2nd-lv-list > li {
    list-style-type: none;
    list-style-position: outside;
    counter-increment: cnt;
    margin: 0 0 0 -1.6rem;
  }

    .policy-2nd-lv-list > li:before {
      display: marker;
      content: "(" counter(cnt) ")";
      padding-right: 0.5rem;
    }

    .policy-2nd-lv-list > li > *:nth-child(n+2) {
      padding-left: 2rem;
    }

/******************************
   ISO registered detail (box)
*******************************/
.iso-registered-item-box {
  width: 100%;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin: 2rem auto;
  padding-bottom: 1rem;
}

.iso-registered-item-content {
  margin: 0;
}

/******************************
   ISO registered detail (image)
*******************************/
.iso-detail-image-wrap {
  flex-basis: 20%;
}

  .iso-detail-image-wrap img {
    width: 100%;
  }

/******************************
   ISO registered detail (table)
*******************************/
.iso-registered-data {
  width: 100%;
  margin: 0 auto;
}

  .iso-registered-data tr {
    border-bottom: 0.1rem solid #D1D3D7;
    text-align: left;
    text-align: left;
    vertical-align: top;
  }

    .iso-registered-data tr:last-of-type {
      border: none;
    }

  .iso-registered-data th {
    min-width: 25%;
    padding: 0.8rem;
  }

  .iso-registered-data td {
    padding: 0.8rem;
  }

/******************************
   Range of activities (box)
*******************************/
.iso-range-item-box {
  width: 90%;
  display: flex;
  margin: 2rem auto;
  padding-bottom: 1rem;
  justify-content: center;
  border-bottom: none;
}

.iso-range-item-content {
  margin: 0 0 0 1.6rem;
}

/******************************
   Range of our products and service (list)
*******************************/
.range-1st-lv-list {
  list-style-position: outside;
}

  .range-1st-lv-list > li {
    margin-bottom: 1rem;
  }

/********** 768+ **********/
@media print, screen and (min-width: 768px) {
  .top-image {
    background-image: url("../../img/company/company_iso14001_top.png");
    padding-top: 24.158125915080527086383601756955%; /* 可変にしたいので「330px(画像の高さ) ÷ 1366px(画像の幅) × 100」で割合を算出 */
  }

  .iso-contents-box {
    width: 80%;
  }

  /******************************
   Iso content (box)
  *******************************/
  .iso-item-box {
    width: 80%;
    flex-wrap: nowrap;
  }

  .iso-item-title {
    min-width: 20%;
    flex-basis: 20%;
  }

  .iso-item-content {
    flex-basis: 72%;
    margin: 0;
  }

  /******************************
   ISO registered detail (box)
  *******************************/
  .iso-registered-item-box {
    width: 80%;
    padding: 0 12% 1rem;
  }

  .iso-registered-item-content {
    flex-grow: 1;
  }

  /******************************
   ISO registered detail (table)
  *******************************/
  .iso-registered-data {
    width: 65%;
    margin: 0 auto;
  }

  /******************************
   Range of activities (box)
  *******************************/
  .iso-range-item-box {
    width: 80%;
  }

  .iso-range-item-content {
    margin: 0 0 0 6%;
  }
}

/********** 1280+ **********/
@media print, screen and (min-width: 1280px) {
  .iso-contents-box {
  }
}