@charset "UTF-8";
.terms,
.policy {
  width: 65%;
  padding: 0 5%;
  background-color: #f1f5fb;
  margin: auto;
  max-width: 1000px;
  padding-bottom: 10%;
}
@media screen and (max-width: 767px) {
  .terms,
  .policy {
    padding: 5%;
    padding-bottom: 15%;
    width: 100%;
    font-size: 100%;
  }
}
@media screen and (min-width: 768px) and (max-width: 960px) {
  .terms,
  .policy {
    width: 85%;
  }
}
.terms .date,
.policy .date {
  padding: 4% 0;
  text-align: right;
}
.terms h1,
.policy h1 {
  font-weight: bold;
  text-align: center;
  font-size: 150%;
  padding: 3% 0 8%;
  color: #2c2c2c;
}
@media screen and (max-width: 767px) {
  .terms .container,
  .policy .container {
    padding: 0 3% 0 2%;
  }
}
.terms .terms-txt,
.policy .terms-txt {
  line-height: 180%;
}
.terms .terms-title-head,
.policy .terms-title-head {
  font-weight: bold;
  padding: 3% 0;
  font-size: 120%;
  margin-top: 6%;
  text-align: center;
}
.terms .terms-title,
.policy .terms-title {
  font-weight: bold;
  padding: 5% 0 3%;
  font-size: 120%;
}
@media screen and (max-width: 767px) {
  .terms .terms-title,
  .policy .terms-title {
    font-size: 110%;
    padding: 6% 0;
  }
}
.terms .link,
.policy .link {
  text-decoration: underline;
}
.terms .term-info1,
.policy .term-info1 {
  margin: 3% 0;
  padding: 2%;
  border: solid 1px;
  line-height: 180%;
}
.terms .term-info1-img,
.terms .term-info2-img,
.policy .term-info1-img,
.policy .term-info2-img {
  width: 100%;
  margin: 3% 0;
}
@media screen and (max-width: 767px) {
  .terms .term-info1-img,
  .terms .term-info2-img,
  .policy .term-info1-img,
  .policy .term-info2-img {
    margin: 6% 0;
  }
}
.terms .term-info1-img img,
.terms .term-info2-img img,
.policy .term-info1-img img,
.policy .term-info2-img img {
  width: 100%;
}
.terms .list,
.policy .list {
  list-style: none;
  counter-reset: list-counter;
}
@media screen and (max-width: 767px) {
  .terms .list,
  .policy .list {
    padding-left: 0%;
  }
}
.terms .list > li,
.policy .list > li {
  counter-increment: list-counter;
  padding-left: 1.95em;
  position: relative;
}
.terms .list > li:before,
.policy .list > li:before {
  content: counter(list-counter) "．";
  position: absolute;
  left: 0;
}
.terms .list2,
.policy .list2 {
  list-style-type: none;
  counter-reset: list-counter;
}
.terms .list2 li,
.policy .list2 li {
  position: relative;
  margin-left: 3%;
  counter-increment: list-counter;
}
@media screen and (max-width: 767px) {
  .terms .list2 li,
  .policy .list2 li {
    margin-left: 6%;
  }
}
.terms .list2 li:nth-of-type(1)::before,
.policy .list2 li:nth-of-type(1)::before {
  content: "①";
}
.terms .list2 li:nth-of-type(2)::before,
.policy .list2 li:nth-of-type(2)::before {
  content: "②";
}
.terms .list2 li:nth-of-type(3)::before,
.policy .list2 li:nth-of-type(3)::before {
  content: "③";
}
.terms .list2 li:nth-of-type(4)::before,
.policy .list2 li:nth-of-type(4)::before {
  content: "④";
}
.terms .list2 li:nth-of-type(5)::before,
.policy .list2 li:nth-of-type(5)::before {
  content: "⑤";
}
.terms .list2 li:nth-of-type(6)::before,
.policy .list2 li:nth-of-type(6)::before {
  content: "⑥";
}
.terms .list2 li:nth-of-type(7)::before,
.policy .list2 li:nth-of-type(7)::before {
  content: "⑦";
}
.terms .list2 li:nth-of-type(8)::before,
.policy .list2 li:nth-of-type(8)::before {
  content: "⑧";
}
.terms .list2 li:nth-of-type(9)::before,
.policy .list2 li:nth-of-type(9)::before {
  content: "⑨";
}
.terms .list2 li:nth-of-type(10)::before,
.policy .list2 li:nth-of-type(10)::before {
  content: "⑩";
}
.terms .list2 li:nth-of-type(11)::before,
.policy .list2 li:nth-of-type(11)::before {
  content: "⑪";
}
.terms .list2 li:nth-of-type(12)::before,
.policy .list2 li:nth-of-type(12)::before {
  content: "⑫";
}
.terms .list2 li:nth-of-type(13)::before,
.policy .list2 li:nth-of-type(13)::before {
  content: "⑬";
}
.terms .list2 li:nth-of-type(14)::before,
.policy .list2 li:nth-of-type(14)::before {
  content: "⑭";
}
.terms .list2 li::before,
.policy .list2 li::before {
  position: absolute;
  left: -1.5em;
  text-align: right;
}
.terms .terms-last,
.policy .terms-last {
  text-align: right;
  padding: 5% 0;
}

.terms h1 {
  padding: 8% 0 6%;
}