.thepage .p-head {
  background-image: url(../img/diversity/hero@2x.jpg);
}

@media (min-width:1200px) {
  .p-head>.container {
    max-width: unset;
    width:85%;
  }
}
@media (min-width:1400px) {
  .p-head>.container {
    max-width: unset;
    width:75%;
  }
}
.p-head .ht {
  margin-top: -20px;
}
.p-head h1 {
  letter-spacing: 0;
  margin-right: 0;
}

.cont-inn .tt {
  text-align: center;
  font-size: 28px;
  line-height: 38px;
  font-weight: normal;
  margin-bottom: 50px;
}
.div-cont.dv1 {
  margin-bottom: 70px;
}
.div-cont p {
  line-height: 32px;
  margin-bottom: 30px;
}
.div-cont figure {
  text-align: right;
}
.div-cont .ext-l,.div-cont .ext-l:visited {
  color:#009DE8;
}
.div-cont .ext-l:hover {
  color:#282828;
}
.div-cont .n1{
  display: flex;
  font-size: 12px;
}
.div-cont .n1 p {
  line-height: 19px;
}
.div-cont .n1 p:first-child {
  width: 1.3em;
}

.law-box {
  background: #F8F8F8;
  padding: 35px 40px;
  margin-top: 36px;
}
.law-box .t {
  font-weight: bold;
  font-size: 15px;
  margin-bottom: 12px;
}
.law-box .txt {
  font-size: 13px;
  line-height: 26px;
}

@media (max-width: 1199px) {
  .p-head>.container {
    max-width: unset;
  }
}
@media (max-width: 992px) {
  .div-cont .col-logo {
    text-align: center;
  }
  .div-cont .col-logo figure {
    text-align: center;
    margin:auto;
  }
}
@media (max-width: 767px) {
  .thepage .p-head {
    background-image: url(../img/sp/diversity/hero@2x.jpg);
  }

  .div-cont p {
    margin-bottom: 20px;
  }
  .div-cont .col-logo {
    margin-bottom: 10px;
  }
  .div-cont .ext-link {
    text-align: center;
  }
  .law-box {
    padding: 20px;
  }
  .law-box .t {
    margin-bottom: 8px;
  }

}