@charset "utf-8";

/*
  File Name   : security.css
  Description : 情報セキュリティ
*/

@media screen and (min-width: 812px) {
  .header-nav .header-nav-security a {
    color: #193776;
  }

  .header-nav .header-nav-security a:after {
    left: 0;
    width: 100%;
  }
}

.security-isms {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 55px 0 60px 60px;
  /*border: 2px solid #193776;*/
}

.security-isms-txt {
  width: 56%;
}

.security-isms-txt h3 {
  margin: 0 0 10px;
  color: #193776;
  font-size: 18px;
}

.security-isms-img {
  width: 44%;
  margin: 0;
  padding: 0 10%;
  box-sizing: border-box;
}

.security-guidelines dl {
  margin: 0 0 10px;
  padding: 30px 40px;
  background: #fff;
}

.security-guidelines dl:last-child {
  margin: 0;
}

.security-guidelines dt {
  margin: 0 0 10px;
  color: #193776;
  font-size: 18px;
  font-weight: bold;
}

.security-guidelines dd {
  margin: 0;
  color: #333;
}

@media screen and (max-width: 811px) {
  .security-isms {
    display: block;
    padding: 15px;
  }

  .security-isms-txt {
    width: auto;
  }

  .security-isms-txt h3 {
    font-size: 16px;
  }

  .security-isms-img {
    width: auto;
    margin: 1.5em 0 0;
    padding: 0 15%;
  }

  .security-guidelines dl {
    padding: 15px;
  }

  .security-guidelines dt {
    margin: 0 0 5px;
    font-size: inherit;
  }
}