@charset "UTF-8";
.sustainability.index .main-v {
  text-align: center;
}
.sustainability.index .main-v img {
  margin: 40px auto 0;
}
@media (max-width: 768.98px) {
  .sustainability.index .main-v img {
    width: 100%;
  }
}
@media (min-width: 769px) {
  .sustainability.index .main-v img {
    margin: 80px auto 0;
  }
}
@media (min-width: 769px) {
  .sustainability.index .page-sec {
    margin-top: 80px;
  }
}
.sustainability.index .page-sec .l-inner-m {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.sustainability.index .page-sec .wp {
  width: 100%;
}
@media (max-width: 768.98px) {
  .sustainability.index .page-sec .wp {
    margin-top: 60px;
  }
}
@media (min-width: 769px) {
  .sustainability.index .page-sec .wp {
    width: 48.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}
.sustainability.index .page-sec .wp h2 {
  font-size: 24px;
  text-align: center;
  border-bottom: 1px solid #0D3492;
  margin: 0;
}
@media (min-width: 769px) {
  .sustainability.index .page-sec .wp h2 {
    font-size: 30px;
  }
}
.sustainability.index .page-sec .wp figure {
  margin: 20px 0 40px;
}
.sustainability.index .page-sec .wp figure img {
  width: 100%;
}
.sustainability.index .page-sec .wp figure figcaption {
  margin-top: 40px;
}
.sustainability.index .page-sec .wp .btn {
  margin-top: auto;
}
.sustainability.index .page-sec .wp .btn a {
  font-weight: bold;
}
@media (max-width: 768.98px) {
  .sustainability.index .page-sec .wp .btn a {
    width: 77.295vw;
  }
}
.sustainability.safety .sec {
  padding-top: 40px;
}
@media (min-width: 769px) {
  .sustainability.safety .sec {
    padding-top: 80px;
  }
}
.sustainability.safety .sec h2.ttl_line {
  margin-top: 50px;
}
@media (max-width: 768.98px) {
  .sustainability.safety .sec h2.ttl_line {
    font-size: 27px;
  }
}
@media (min-width: 769px) {
  .sustainability.safety .sec h2.ttl_line {
    margin-top: 80px;
  }
}
@media (max-width: 768.98px) {
  .sustainability.safety .sec .ttl_line_BL {
    font-size: 24px;
    margin-top: 50px;
  }
}
@media (min-width: 769px) {
  .sustainability.safety .sec .ttl_line_BL {
    margin-top: 80px;
  }
  .sustainability.safety .sec .ttl_line_BL.small {
    font-size: 22px;
  }
}
.sustainability.safety .sec dl dt {
  font-size: 20px;
  font-weight: bold;
  margin-top: 35px;
}
@media (min-width: 769px) {
  .sustainability.safety .sec dl dt {
    margin-top: 60px;
    font-size: 22px;
  }
}
.sustainability.safety .sec dl dd {
  margin: 0.5em 0 0;
}
.sustainability.safety .sec dl dd p {
  margin: 0;
}
.sustainability.safety .sec dl dd p + p {
  margin-top: 1em;
}
.sustainability.safety .sec .flx {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
@media (max-width: 768.98px) {
  .sustainability.safety .head-sec .button-anc a {
    font-size: 14px;
  }
}
.sustainability.safety .button-anc {
  margin-top: 40px;
}
.sustainability.safety .international-sec {
  padding-bottom: 40px;
}
.sustainability.safety .international-sec .ttl_line_BL {
  margin-top: 60px;
}
@media (min-width: 769px) {
  .sustainability.safety .international-sec {
    padding-bottom: 100px;
  }
  .sustainability.safety .international-sec .ttl_line_BL {
    margin-top: 80px;
  }
  .sustainability.safety .international-sec .lead {
    font-size: 18px;
  }
}
.sustainability.safety .international-sec .motive dl dd figure {
  margin: 20px auto 10px;
  width: 41.063vw;
}
@media (max-width: 768.98px) {
  .sustainability.safety .international-sec .motive dl dd {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
  .sustainability.safety .international-sec .motive dl dd figure {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}
.sustainability.safety .international-sec .motive > dl, .sustainability.safety .international-sec .about > dl {
  width: 100%;
}
.sustainability.safety .international-sec .motive > dl dd figure img, .sustainability.safety .international-sec .about > dl dd figure img {
  width: 100%;
}
.sustainability.safety .international-sec .motive > figure, .sustainability.safety .international-sec .about > figure {
  width: 100%;
}
.sustainability.safety .international-sec .about figure.pcrt {
  margin-top: 40px;
}
@media (min-width: 769px) {
  .sustainability.safety .international-sec .motive > dl, .sustainability.safety .international-sec .about > dl {
    width: 46.667%;
  }
  .sustainability.safety .international-sec .motive > dl dt, .sustainability.safety .international-sec .about > dl dt {
    margin-top: 0;
  }
  .sustainability.safety .international-sec .motive > dl dd figure, .sustainability.safety .international-sec .about > dl dd figure {
    width: 254px;
    margin: 20px 0 0 auto;
  }
  .sustainability.safety .international-sec .motive figure.pcrt, .sustainability.safety .international-sec .about figure.pcrt {
    width: 50%;
    margin: 0;
  }
  .sustainability.safety .international-sec .motive {
    margin-top: 50px;
  }
  .sustainability.safety .international-sec .motive dl dd figure {
    float: right;
    margin: 0 0 1em 1em;
  }
  .sustainability.safety .international-sec .about {
    margin-top: 40px;
  }
}
.sustainability.safety .efforts-sec .img.flx {
  margin-top: 35px;
}
.sustainability.safety .efforts-sec .img.flx figure + figure {
  margin-top: 20px;
}
@media (min-width: 769px) {
  .sustainability.safety .efforts-sec .img.flx {
    margin-top: 60px;
  }
  .sustainability.safety .efforts-sec .img.flx figure {
    width: 48.333%;
  }
  .sustainability.safety .efforts-sec .img.flx figure + figure {
    margin-top: 0;
  }
}
@media (max-width: 768.98px) {
  .sustainability.safety .efforts-sec .blockade .flx > figure {
    margin-top: 20px;
  }
}
@media (min-width: 769px) {
  .sustainability.safety .efforts-sec .blockade .flx > div, .sustainability.safety .efforts-sec .blockade .flx > figure {
    width: 48.333%;
  }
}
.sustainability.safety .efforts-sec .procedure-wp {
  margin-top: 35px;
}
@media (min-width: 769px) {
  .sustainability.safety .efforts-sec .procedure-wp {
    margin-top: 80px;
  }
}
.sustainability.safety .efforts-sec .procedure-wp > div {
  width: 100%;
}
.sustainability.safety .efforts-sec .procedure-wp > figure {
  width: 100%;
  margin-top: 40px;
}
@media (min-width: 769px) {
  .sustainability.safety .efforts-sec .procedure-wp > div {
    width: 45%;
  }
  .sustainability.safety .efforts-sec .procedure-wp > figure {
    width: 50%;
    margin-top: 0;
  }
}
.sustainability.safety .efforts-sec .procedure-wp ol {
  counter-reset: number;
  /*数字をリセット*/
  list-style-type: none !important;
  /*数字を一旦消す*/
}
.sustainability.safety .efforts-sec .procedure-wp ol li {
  position: relative;
  padding-left: 25px;
  margin-top: 10px;
  line-height: 1.3;
}
@media (min-width: 769px) {
  .sustainability.safety .efforts-sec .procedure-wp ol li {
    padding-left: 40px;
    margin-top: 0;
    line-height: 1.5;
  }
  .sustainability.safety .efforts-sec .procedure-wp ol li + li {
    margin-top: 30px;
  }
}
.sustainability.safety .efforts-sec .procedure-wp ol li:before {
  /* 以下数字をつける */
  counter-increment: number;
  content: counter(number);
  /*以下数字のデザイン変える*/
  background: #0D3492;
  display: inline-block;
  color: #fff;
  font-weight: bold;
  border-radius: 50%;
  padding-top: 1px;
  text-align: center;
  position: absolute;
  left: 0;
  top: -3px;
  font-size: 16px;
  width: 20px;
  height: 20px;
  line-height: 20px;
}
@media (min-width: 769px) {
  .sustainability.safety .efforts-sec .procedure-wp ol li:before {
    font-size: 22px;
    width: 25px;
    height: 25px;
    line-height: 25px;
  }
}
@media (min-width: 769px) {
  .sustainability.safety .efforts-sec .entrance-wp .guest, .sustainability.safety .efforts-sec .entrance-wp .employee {
    width: 48.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sustainability.safety .efforts-sec .entrance-wp .guest p, .sustainability.safety .efforts-sec .entrance-wp .employee p {
    margin-bottom: 30px;
  }
  .sustainability.safety .efforts-sec .entrance-wp .guest figure, .sustainability.safety .efforts-sec .entrance-wp .employee figure {
    margin-top: auto;
  }
}
.sustainability.safety .package-sec {
  padding-bottom: 40px;
}
@media (min-width: 769px) {
  .sustainability.safety .package-sec {
    padding-bottom: 80px;
  }
  .sustainability.safety .package-sec .dlwp {
    width: 48.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sustainability.safety .package-sec .dlwp p {
    margin-bottom: 30px;
  }
  .sustainability.safety .package-sec .dlwp figure {
    margin-top: auto;
  }
}
.sustainability.safety .raw-material-sec p.lead {
  margin: 60px 0 0;
}
@media (min-width: 769px) {
  .sustainability.safety .raw-material-sec p.lead {
    margin: 100px 0 0;
  }
}
@media (min-width: 769px) {
  .sustainability.safety .raw-material-sec .flx .dlwp {
    width: 48.333%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
  .sustainability.safety .raw-material-sec .flx .dlwp p {
    margin-bottom: 30px;
  }
  .sustainability.safety .raw-material-sec .flx .dlwp figure {
    margin-top: auto;
  }
}
.sustainability.safety .education-sec {
  padding-bottom: 60px;
}
@media (min-width: 769px) {
  .sustainability.safety .education-sec {
    padding-bottom: 100px;
  }
}
.sustainability.safety .btn-bottom {
  margin-top: 60px;
}
@media (min-width: 769px) {
  .sustainability.safety .btn-bottom {
    margin-top: 80px;
  }
}
.sustainability.safety .btn-bottom .button {
  width: 77.295vw;
  min-width: 290px;
  font-weight: bold;
}
@media (min-width: 769px) {
  .sustainability.safety .btn-bottom .button {
    max-width: 310px;
  }
}
@media (max-width: 768.98px) {
  .sustainability.environment .head-sec .button-anc {
    margin: 20px 0 0;
  }
}
@media (min-width: 769px) {
  .sustainability.environment .head-sec .button-anc {
    margin: 40px 0 10px;
  }
}
.sustainability.environment .natural-gas-sec, .sustainability.environment .reuse-sec {
  padding-top: 40px;
}
@media (min-width: 769px) {
  .sustainability.environment .natural-gas-sec, .sustainability.environment .reuse-sec {
    padding-top: 60px;
  }
  .sustainability.environment .natural-gas-sec p.lead, .sustainability.environment .reuse-sec p.lead {
    font-size: 24px;
  }
}
.sustainability.environment .natural-gas-sec img, .sustainability.environment .reuse-sec img {
  width: 100%;
}
.sustainability.environment .btn-bottom {
  margin-top: 60px;
}
@media (min-width: 769px) {
  .sustainability.environment .btn-bottom {
    margin-top: 80px;
  }
}
.sustainability.environment .btn-bottom .button {
  width: 77.295vw;
  min-width: 290px;
  font-weight: bold;
}
@media (min-width: 769px) {
  .sustainability.environment .btn-bottom .button {
    max-width: 310px;
  }
}
/*# sourceMappingURL=sustainability.css.map */