/* ------------------------------
情報セキュリティ基本方針用の追加CSS
------------------------------ */

.infosec{
  width: calc(100% - 30px);
  min-height: 40vh;
  padding: 20px 0 0 !important;
  margin: 0 auto;
 box-sizing: border-box;
}

.infosec .guidelines{
  margin-bottom: 20px
}

.infosec .guidelines :last-child{
  margin-bottom: 40px
}

.infosec .signature{
  text-align: right;
}

.infosec h2{
  font-size: 20px;
  line-height: 36px;
  color: #005032;
  text-align: center;
  margin: 0 auto 25px;
}

.infosec h2 + p{
  margin: 0 auto 25px;
}


.infosec h3{
  margin: 0 auto 20px;
  padding-bottom: 0;
}

.infosec h4{
  margin: 0 auto 15px;
  padding: 5px;
  background-color: #f5f5f5;
}

.infosec .txt-container a{
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

@media screen and (min-width: 480px){
  .infosec{
    padding: 50px 0 0 !important;
    margin: 0 auto;
  }

  .infosec .signature{
    text-align: right;
  }

  .infosec .guidelines:last-child{
    margin-bottom: 40px
  }

  .infosec h2{
    font-size: 30px;
    margin: 0 auto 30px;
  }

  .infosec h2 + p{
    margin: 0 auto 30px;
  }

  .infosec h3{
    text-align: left;
  }
  .infosec h4{
    text-align: left;
    padding: 10px 10px 10px 15px;
  }
}

@media screen and (min-width: 768px){
  .infosec{
    width: calc(100% - 80px);
    max-width: 980px;
    min-height: 50vh;
  }
  
  .infosec h2{
    margin: 0 auto 40px;
  }

  .infosec h2 + p{
    margin: 0 auto 40px;
  }
}

@media screen and (min-width:1280px) {
  .infosec{
    min-height: 60vh;
  }
}