/*--------------------------------
下層ページ 追記CSS
--------------------------------*/
:root {
  /* 1rem = 10px前提 */
  /* カンプインナー幅 */
  --width-comp-inner: 120.0rem;

  /* ヘッダー高 */
  --height-header-sp: 5.6rem;
  --height-header-pc: 12.0rem;
  /*17.0rem;*/

  --color-white: #FFF;
  --color-whitewater: #F4F8FC;
  --color-whitewater-a03: rgba(244, 248, 252, 0.3);
  --color-lightgray: #DDDDDD;
  --color-gray: #707070;
  --color-lightnavy: #5973A2;
  --color-blue: #0D409B;
  --color-darkblue: #002E7F;
  --color-red: #C72424;
  --color-trueblack: #000;

  --color-bg: var(--color-white);
  --color-font-w: var(--color-white);
  --color-font-b: #242424;
  --color-link: #5973A2;

  --shadow-29: #00000029;
}

/*--------------------------------
全体
--------------------------------*/

.legal-notice__inner{
  padding: 3rem 0 6rem;
  max-width: min(calc(100% - 4.0rem), var(--width-comp-inner));
  margin-inline: auto;
  font-family: "Noto Sans JP", serif;
}

.legal-notice__row {
  display: flex;
  flex-direction: column;
  border-top: 1px solid var(--color-lightgray);
}

.legal-notice__row:last-child {
  border-bottom: 1px solid var(--color-lightgray);
}

.legal-notice__dt{
  position: relative;
  width: 100%;
  background-color: var(--color-whitewater);
  padding-block: 1.5rem;
  padding-inline: 1.5rem;
  font-weight: 600;
}


.legal-notice__dd{
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  width: 100%;
  padding-inline: 1.5rem;
  padding-block: 2.0rem 2.0rem;
  gap: 0.3rem;
}

/* PC */
@media screen and (min-width: 768px) {
  .legal-notice__inner{
    padding: 5rem 0 10.0rem;
    /* padding-block: 9.9rem 10.0rem; */
  }
  .legal-notice__row {
    flex-direction: row;
  }

  .legal-notice__dt{
    width: 22.5%;
    padding-block: 2.8rem 2.6rem;
    padding-inline: 2.0rem 1.0rem;
  }

  .legal-notice__dd{
    width: 75%;
    flex-direction: row;
    align-items: center;
    padding-inline: 3.0rem;
  }

}