@charset "UTF-8";
/*----------------------------------------------------
  privacy
----------------------------------------------------*/
.privacy {
  width:100%;height:auto;
  padding:100px 0;position:relative;
}
.privacy__body {
  width:90%;
  height:auto;
  max-width:1200px;
  margin:0 auto;
}
.privacy h2 {
  padding-bottom:10px;
}
.privacy-lead {
  padding-bottom:10px;
}
.privacy__item {
  width:100%;
  height:auto;
  background:#fff;
  padding:80px 10%;
  box-sizing:border-box;
  box-shadow:4px 16px 40px rgba(30, 103, 64, 0.16);
  margin:0 auto;
}
.privacy dl {
  width:100%;height:auto;
}
.privacy dt {
  font-weight:bold;
  font-size:1.8rem;
  padding:30px 20px 10px 20px;
  box-sizing: border-box;
  border-bottom:1px solid #eee;
  color:#1B394C;
  position: relative;
  border-bottom: 1px solid #e2e9eb;
}
.privacy dt::before {
  display:block;
  content:'';
  width:20%;
  height:2px;
  position:absolute;
  bottom:-1px;
  left:0;
  background:linear-gradient(90deg, #01d8eb, #288e9e);
  opacity:.5;
}
.privacy dd {
  width:100%;
  padding:30px 20px 40px 20px;
  box-sizing:border-box;
}
@media screen and (max-width:1024px) {
  .privacy__body {
    width:80%;
  }
}
@media screen and (max-width:680px) {
  .privacy__body {
    width:85%;
  }
}
@media screen and (max-width:480px) {
  .privacy {
    padding:80px 0;
  }
  .privacy__body {
    width:95%;
  }
  .privacy__item {
    padding:40px 20px;
  }
  .privacy dt {
    font-weight: bold;
    font-size: 1.6rem;
    padding:20px 10px 10px 10px;
  }
  .privacy dd {
    padding:20px 15px 30px 15px;
  }
}