/*---------------------------
  共通
  ---------------------------*/
body {
  font-family: Arial, sans-serif;
}

body.no_scroll {
  overflow: hidden;
}

a {
  text-decoration: none;
  cursor: pointer;
  transition: all 0.3s ease-in-out;
  color: #222;
}

a:hover {
  opacity: 0.7;
  transition: all 0.3s ease-in-out;
}

button {
  cursor: pointer;
  transition: all 0.3s ease-in-out;
}

button:hover {
  opacity: 0.7;
}

p {
  margin-block-start: 0;
  margin-block-end: 0;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

.zenkaku-new {
  font-family: "Zen Kaku Gothic New", sans-serif;
}

.robot {
  font-family: "Roboto", sans-serif;
}

.robot_condensed {
  font-family: "Roboto Condensed", sans-serif;
}

.main_container {
  background-color: #f8f6f2;
}

/*---------------------------
ページ上部
  ---------------------------*/
.terms_container {
  width: 88.37vw;
  padding: 20.93vw 0 13.95vw;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .terms_container {
    width: 380px;
    padding: 90px 0 60px;
    margin: 0 auto;
  }
}

.terms_header_title {
  color: #222;
  font-size: 4.19vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.19vw;
  letter-spacing: 0.08vw;
}
@media (min-width: 768px) {
  .terms_header_title {
    color: #222;
    font-size: 18px;
    font-style: normal;
    font-weight: 700;
    line-height: 18px;
    letter-spacing: 0.36px;
  }
}

.terms_header_date {
  padding: 6.98vw 0 4.65vw;
  color: #222;
  font-size: 3.02vw;
  font-style: normal;
  font-weight: 500;
  line-height: 3.02vw;
  letter-spacing: 0.06vw;
}
@media (min-width: 768px) {
  .terms_header_date {
    padding: 30px 0 20px;
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 13px;
    letter-spacing: 0.26px;
  }
}

.terms_header_text {
  color: #222;
  font-size: 3.02vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.65vw;
}
@media (min-width: 768px) {
  .terms_header_text {
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
  }
}

/*---------------------------
本文
  ---------------------------*/
.term_box {
  padding: 4.65vw 0 1.16vw;
}
@media (min-width: 768px) {
  .term_box {
    padding: 20px 0 5px;
  }
}

.term_navigation {
  color: #222;
  font-size: 3.02vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.65vw;
}
@media (min-width: 768px) {
  .term_navigation {
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
}

.term_text_section {
  list-style-position: inside;
  padding: 0;
}

.term_listbox {
  display: flex;
}

.term_list::before {
  padding-right: 0.7vw;
  content: counter(list-item) ". ";
  font-family: "Roboto", sans-serif;
  color: #222;
  font-size: 3.02vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.65vw;
}
@media (min-width: 768px) {
  .term_list::before {
    padding-right: 3px;
    content: counter(list-item) ". ";
    font-family: "Roboto", sans-serif;
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: 700;
    line-height: 20px;
  }
}

.term_text {
  display: block;
  color: #222;
  font-size: 3.02vw;
  font-style: normal;
  font-weight: 500;
  line-height: 4.65vw;
}
@media (min-width: 768px) {
  .term_text {
    display: block;
    color: #222;
    font-size: 13px;
    font-style: normal;
    font-weight: 500;
    line-height: 20px;
  }
}

.term_mail {
  color: #d3405a;
  font-size: 3.26vw;
  font-style: normal;
  font-weight: 700;
  line-height: 4.65vw;
  text-decoration-line: underline;
}
@media (min-width: 768px) {
  .term_mail {
    font-size: 14px;
    line-height: 20px;
  }
}