@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : privacy.css
 author     : Ability Consultant
 style info : プライバシーポリシー
=================================================================== */
.con_privacy, .con_privacy .box_con {
  max-width: 1280px;
  margin: auto;
}
@media only screen and (min-width: 1025px) {
  .con_privacy, .con_privacy .box_con {
    padding: 0 40px;
  }
}
@media only screen and (max-width: 1024px) {
  .con_privacy, .con_privacy .box_con {
    width: 95%;
  }
}

/*Animate */
/* -----------------------------------------------------------
	.con_privacy
----------------------------------------------------------- */
@media only screen and (min-width: 1025px) {
  .con_privacy {
    margin-top: 80px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_privacy {
    margin-top: 50px;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy {
    margin-top: 40px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_privacy {
    margin-bottom: 120px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_privacy {
    margin-bottom: 90px;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy {
    margin-bottom: 80px;
  }
}
@media only screen and (min-width: 1025px) {
  .con_privacy .st_jp {
    margin-bottom: 1em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_privacy .st_jp {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy .st_jp {
    margin-bottom: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy .st_jp {
    text-align: center;
  }
}
.con_privacy ul.list_counter {
  counter-reset: section;
}
.con_privacy ul.list_counter > li {
  font-size: 114%;
  position: relative;
  line-height: 2;
}
@media only screen and (min-width: 1025px) {
  .con_privacy ul.list_counter > li {
    margin-bottom: 25px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_privacy ul.list_counter > li {
    margin-bottom: 25px;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy ul.list_counter > li {
    margin-bottom: 15px;
  }
}
@media only screen and (min-width: 450px) and (max-width: 767px) {
  .con_privacy ul.list_counter > li {
    padding-left: 1.3em;
  }
}
.con_privacy ul.list_counter > li ol {
  padding-left: 1.2em;
  counter-reset: item;
}
.con_privacy ul.list_counter > li ol li {
  position: relative;
}
@media only screen and (min-width: 1025px) {
  .con_privacy ul.list_counter > li ol li {
    padding-left: 1.5em;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_privacy ul.list_counter > li ol li {
    padding-left: 1em;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy ul.list_counter > li ol li {
    padding-left: 1.2em;
  }
}
.con_privacy ul.list_counter > li ol li:before {
  counter-increment: item;
  content: counter(item) ".";
  padding-right: .5em;
}
.con_privacy ul.list_counter > li .att_text {
  padding-left: 1em;
  text-indent: -1em;
}
.con_privacy .box_con {
  background: #f4f4f4;
  margin: 30px auto;
}
@media only screen and (min-width: 1025px) {
  .con_privacy .box_con {
    padding: 0 40px;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_privacy .box_con {
    padding: 0 30px;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy .box_con {
    padding: 0 15px;
  }
}
.con_privacy .box_con > div {
  color: #101010;
}
@media only screen and (min-width: 1025px) {
  .con_privacy .box_con > div {
    padding: 30px 0;
  }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) {
  .con_privacy .box_con > div {
    padding: 30px 0;
  }
}
@media only screen and (max-width: 767px) {
  .con_privacy .box_con > div {
    padding: 20px 0;
  }
}
.con_privacy .box_con > div .st_con {
  font-size: 134%;
  margin-bottom: 15px;
  color: #ef0071;
}
.con_privacy .box_con > div ul {
  line-height: 2;
}
.con_privacy .box_con > div ul li {
  position: relative;
}
.con_privacy .box_con > div ul p .mail {
  text-decoration: underline;
}
.con_privacy .box_con > div ul p .mail:hover {
  text-decoration: none;
  color: #ef0071;
}