.geologica {
  font-family: 'Geologica', sans-serif;
}

@media screen and (min-width: 768px) {
  .onlySP {
    display: none !important;
  }
}

@media screen and (max-width: 767.9px) {
  .onlyPC {
    display: none !important;
  }
}

.js-fadeIn {
  opacity: 0;
  transform: translateY(20px);
  transition:
    opacity 0.5s ease-out,
    transform 0.5s ease-out;
}
.js-fadeIn.-active {
  opacity: 1;
  transform: translateY(0);
}

@media screen and (min-width: 768px) {
  .terms {
    padding-block: 134.5px 100px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms {
    padding-block: 28.2051282051vw 23.0769230769vw;
  }
}
.terms .terms-inner {
  margin: 0 auto;
}
@media screen and (min-width: 768px) {
  .terms .terms-inner {
    max-width: 1120px;
    padding: 0 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-inner {
    padding: 0 5.1282051282vw;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-inner {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-inner {
    margin-top: 10.2564102564vw;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-box {
    margin-top: 30px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box {
    margin-top: 2.5641025641vw;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-box-content {
    transition-delay: 0.2s;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-content {
    margin-top: 4.358974359vw;
  }
}
.terms .terms-box-text {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-text {
    margin-top: 20px;
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-text {
    margin-top: 5.1282051282vw;
    font-size: 4.1025641026vw;
    line-height: 1.6;
  }
}
.terms .terms-box-list {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-list {
    margin-top: 20px;
    row-gap: 8px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-list {
    margin-top: 5.1282051282vw;
    row-gap: 2.0512820513vw;
  }
}
.terms .terms-box-list .terms-box-listItem {
  position: relative;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-list .terms-box-listItem {
    padding-left: 15px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-list .terms-box-listItem {
    padding-left: 3.8461538462vw;
  }
}
.terms .terms-box-list .terms-box-listItem::before {
  content: '';
  display: inline-block;
  position: absolute;
  background-color: #034da3;
  left: 0;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-list .terms-box-listItem::before {
    width: 8px;
    height: 1px;
    top: 12px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-list .terms-box-listItem::before {
    width: 2.0512820513vw;
    height: 0.2564102564vw;
    top: 3.0769230769vw;
  }
}
.terms .terms-box-list .terms-box-listItem a {
  color: #000;
  text-decoration: underline;
}
.terms .terms-box-list .terms-box-listItem a:hover {
  text-decoration: none;
}
.terms .terms-box-orderedList {
  display: flex;
  flex-direction: column;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-orderedList {
    margin-top: 20px;
    row-gap: 8px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-orderedList {
    margin-top: 5.1282051282vw;
    row-gap: 2.0512820513vw;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-box-orderedList .terms-box-listItem {
    text-indent: -40px;
    padding-left: 40px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-orderedList .terms-box-listItem {
    text-indent: -10.2564102564vw;
    padding-left: 10.2564102564vw;
  }
}
.terms .terms-box-listItem {
  font-weight: 500;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-listItem {
    font-size: 16px;
    line-height: 1.5;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-listItem {
    font-size: 4.1025641026vw;
    line-height: 1.5;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-box-table {
    margin-top: 20px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-table {
    margin-top: 5.1282051282vw;
  }
}
.terms .terms-box-table th {
  color: #034da3;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-table th {
    padding: 6px 0;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-table th {
    padding: 2.5641025641vw 0;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-box-table th.-th1 {
    width: 130px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-table th.-th1 {
    width: 20.5128205128vw;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-box-table th.-th2 {
    width: 120px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-table th.-th2 {
    width: 20.5128205128vw;
  }
}
@media screen and (min-width: 768px) {
  .terms .terms-box-table th.-th3 {
    width: 380px;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-table th.-th3 {
    width: 48.7179487179vw;
  }
}
.terms .terms-box-table tr {
  border-bottom: 1px solid #b5b5b5;
}
.terms .terms-box-table tr.terms-box-tableTitle {
  border-bottom: 1px solid #034da3;
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-table tr.terms-box-tableTitle {
    height: auto;
  }
}
.terms .terms-box-table td {
  vertical-align: middle;
}
@media screen and (min-width: 768px) {
  .terms .terms-box-table td {
    padding: 6px 0;
  }
}
@media screen and (max-width: 767.9px) {
  .terms .terms-box-table td {
    padding: 2.5641025641vw 0;
  }
}