@charset "UTF-8";

/* =============================================================================

AGREEMENT CSS

・約款・利用規約ページ用CSS「.clause-×××」

上記はここに記述する

============================================================================= */

/* タブボタン（例）
----------------------------------------------------------------------------- */
.clause-tab-buttons {
  @media (width > 640px) {
  }
  @media (width <= 640px) {
  }
}


/* .SelectorName
----------------------------------------------------------------------------- */
.clause-selectorName {
  @media (width > 640px) {
  }
  @media (width <= 640px) {
  }
}

.p-pbe-A.clause {
  @media (width <= 640px) {
    padding-block-end: 8rem;
  }
}

.clause-heading {
  margin-bottom: 5.6rem;
}

.clause .l-button-A {
  @media (width > 640px) {
    margin-bottom: 4rem;
  }
  @media (width <= 640px) {
    margin-bottom: 5.6rem;
  }
}

.clause-fixbox {
  @media (width > 640px) {
    margin-bottom: 4rem;
  }
  @media (width <= 640px) {
    margin-bottom: 5.6rem;
  }
}

.clause-fixbox:last-child {
  margin-bottom: 0;
}

.clause-subheading {
  margin-bottom: 0.8rem;
  font-size: 1.6rem;
  line-height: 1.8;
  letter-spacing: 0.16em;
}

.clause-listbox {
  display: flex;
  justify-content: flex-start;
  
  dt {
    width: 11.5rem;
  }
}

.clause-tablebox {
  @media (width > 640px) {
    margin-bottom: 0.8rem;
  }
  @media (width <= 640px) {
    margin-bottom: 2.4rem;
  }
}

.clause-caption {
  margin-bottom: 0.8rem;
}

.clause-cover {
  @media (width > 640px) {
    margin-bottom: 0.8rem;
  }
  @media (width <= 640px) {
    margin-bottom: 2.4rem;
  }
}

.clause-table1 {
  display: block;
  @media (width > 640px) {
     width: 42.5rem;
  }
  @media (width <= 640px) {
    width: 40.3rem;
    flex-shrink: 0;
  }
}

.clause .simplebar-content {
  @media (width <= 640px) {
    padding: 0 0 17.641px !important;
  }
}
.clause .simplebar-horizontal {
  width: 33rem;
  margin-inline: 0;
}

.clause-table2 {
  display: block;
  @media (width > 640px) {
     width: 52.9rem;
  }
  @media (width <= 640px) {
    width: 52.2rem;
    flex-shrink: 0;
  }
}

.clause-intro {
  @media (width > 640px) {
    margin-bottom: 4rem;
  }
  @media (width <= 640px) {
    margin-bottom: 5.6rem;
  }
}

.clause-table3 {
  display: block;
  @media (width > 640px) {
    width: 59.3rem;
  }
  @media (width <= 640px) {
    width: 100%;
  }
}

.js-tab-target:nth-child(4) {
  .clause-cover {
      margin-bottom: 0.8rem;
  }
  .p-tg-text-D {
    margin-bottom: 0.8rem;
  }
}