@charset "UTF-8";

.legal {
  width: 100%;
  padding: var(--sp-spacing-16) 0 var(--sp-spacing-40);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

@media (min-width: 961px) {
  .legal {
    padding: var(--sp-spacing-24) 0 var(--sp-spacing-64)
  }
}

.legal__head {
  padding-bottom: var(--sp-spacing-32);
  font-size: 40px;
  line-height: 100%;
  font-weight: 600
}

@media (min-width: 961px) {
  .legal__head {
    padding-bottom: var(--sp-spacing-40)
  }
}

.legal__inner {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex
}

@media (min-width: 961px) {
  .legal__inner {
    display: grid;
    grid-template-columns: auto 300px;
    gap: 60px;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start
  }
}

.legal__wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-40)
}

.legal__chapter-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-40);
  counter-reset: section
}

.legal__chapter-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column
}

.legal__chapter-head {
  padding-bottom: 14px;
  font-size: 18px;
  line-height: 150%;
  font-weight: 400;
  counter-increment: section
}

.legal__chapter-head:before {
  content: counter(section) "."
}

@media (min-width: 961px) {
  .legal__chapter-head {
    padding-bottom: var(--sp-spacing-16)
  }
}

.legal__read-inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

.legal__read-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: section
}

.legal__read {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.legal__read-strong {
  font-weight: 600
}

.legal__read-link {
  color: var(--clr-text-black);
  text-decoration: underline
}

@media (min-width: 961px) {
  .legal__read-link:hover {
    color: var(--clr-text-red);
    text-decoration: none
  }
}

.legal__read-item {
  padding-left: var(--sp-spacing-14);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: relative;
  counter-increment: section
}

.legal__read-item:before {
  position: absolute;
  left: 0;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.legal__anchor-inner {
  display: none
}

@media (min-width: 961px) {
  .legal__anchor-inner {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: 1px solid var(--clr-border-middlegray);
    border-radius: var(--rd-radius-Lv1);
    overflow: hidden
  }
}

.legal__anchor-list {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: section
}

.legal__anchor-item {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  border-bottom: 1px solid var(--clr-border-middlegray)
}

.legal__anchor-item:last-child {
  border-bottom: none
}

.legal__anchor-link {
  width: 100%;
  padding: var(--sp-spacing-16) var(--sp-spacing-20);
  font-size: 12px;
  line-height: 150%;
  font-weight: 400;
  font-weight: 700;
  color: var(--clr-text-sub);
  counter-increment: section
}

.legal__anchor-link:before {
  content: counter(section) "."
}

@media (min-width: 961px) {
  .legal__anchor-link:hover {
    background: var(--clr-bg-palegray)
  }
}

.legal__table-inner {
  padding-top: var(--sp-spacing-10);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10)
}

.legal__table {
  width: 100%;
  border-collapse: collapse;
  table-layout: fixed;
  font-size: 14px;
  line-height: 150%;
  font-weight: 400
}

.legal__table.-text-head thead tr th:first-child {
  width: 175px
}

.legal__table.-text-head tbody tr td:first-child {
  text-align: left
}

.legal__table thead tr th {
  width: 100%;
  border: 1px solid var(--clr-bg-middlegray);
  background: var(--clr-bg-palegray);
  padding: var(--sp-spacing-10) var(--sp-spacing-24);
  font-weight: 600
}

.legal__table thead tr th:first-child {
  width: 35px;
  padding: var(--sp-spacing-10)
}

.legal__table tbody tr td {
  border: 1px solid var(--clr-bg-middlegray);
  padding: var(--sp-spacing-10) var(--sp-spacing-24);
  text-align: left;
  -ms-flex-line-pack: center;
  align-content: center
}

.legal__table tbody tr td:first-child {
  padding: var(--sp-spacing-10);
  text-align: center;
  font-weight: 600
}

.legal__table-annotation {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.legal__table-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  counter-reset: section
}

.legal__table-item {
  padding-left: var(--sp-spacing-20);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  counter-increment: section
}

.legal__table-item:before {
  content: "(" counter(section, lower-roman) ")";
  position: absolute;
  left: 0;
  color: var(--clr-text-sub)
}

.legal__table-read {
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.legal__against-antisocial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-32)
}

@media (min-width: 961px) {
  .legal__against-antisocial {
    display: grid;
    grid-template-columns: 400px auto
  }
}

.legal__against-antisocial-list {
  padding-left: var(--sp-spacing-24);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: var(--sp-spacing-10);
  list-style-type: disc
}

.legal__against-antisocial-item {
  position: relative;
  font-size: 16px;
  line-height: 150%;
  font-weight: 400
}

.legal__read-inner ol.legal__read-list {
  gap: var(--sp-spacing-10)
}

.legal__read-inner ol.legal__read-list .legal__read-item {
  padding-left: var(--sp-spacing-20)
}

.legal__read-inner ol.legal__read-list .legal__read-item:before {
  content: counter(section);
  font-size: 14px;
  line-height: 150%;
  font-weight: 400;
  color: var(--clr-text-sub)
}

.legal__read-inner ol.legal__read-list .legal__read-item .legal__table-inner {
  width: calc(100% + var(--sp-spacing-20));
  margin-left: calc(var(--sp-spacing-20) * -1)
}

.legal__read-inner ol.legal__read-list.-brackets .legal__read-item:before {
  content: "(" counter(section) ")"
}

.legal__read-inner ol.legal__read-list.-brackets .legal__read-item .legal__read:not(:first-of-type) {
  width: calc(100% + var(--sp-spacing-20));
  margin-left: calc(var(--sp-spacing-20) * -1)
}

.legal__read-inner ul.legal__read-list .legal__read-item {
  padding-left: var(--sp-spacing-14)
}

.legal__read-inner ul.legal__read-list .legal__read-item:before {
  content: "・";
  color: var(--clr-text-sub)
}

.legal__read-inner ul.legal__read-list .legal__read-item .legal__table-inner {
  width: calc(100% + var(--sp-spacing-14));
  margin-left: calc(var(--sp-spacing-14) * -1)
}

.legal__read-inner ul.legal__read-list.-upper-alpha .legal__read-item {
  padding-left: var(--sp-spacing-16)
}

.legal__read-inner ul.legal__read-list.-upper-alpha .legal__read-item:before {
  content: counter(section, upper-alpha) ")"
}

.legal__read-inner ul.legal__read-list.-upper-alpha .legal__read-item .legal__table-inner {
  width: calc(100% + var(--sp-spacing-16));
  margin-left: calc(var(--sp-spacing-16) * -1)
}

.legal__read-inner ul.legal__read-list.-lower-alpha .legal__read-item {
  padding-left: var(--sp-spacing-16)
}

.legal__read-inner ul.legal__read-list.-lower-alpha .legal__read-item:before {
  content: counter(section, lower-alpha) ")"
}

.legal__read-inner ul.legal__read-list.-lower-alpha .legal__read-item .legal__table-inner {
  width: calc(100% + var(--sp-spacing-16));
  margin-left: calc(var(--sp-spacing-16) * -1)
}

.important_notice{
  background: linear-gradient(90deg, #FFFFFF 0%, #FEDDDF 100%);
  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.07);
  text-align: center;
  padding: 10px 0;
  border-bottom: 0.5px solid #E60012;
  color: #e60012;
}
.mt-16{
  margin-top: 16px;
}

.no-waiver .legal__chapter-head{
  font-weight: 700;
  font-size: 18px;
  line-height: 27px;
  color: #292D44;

}
.no-waiver .legal__read{
   color: #292D44;
   font-weight: 400;
   line-height: 24px;
}
.cp-center-txt{
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  color: #000;
  font-family: 'Times New Roman', Times, serif;
}