/*****************************************************************************
CSS only for Kiyaku page
*****************************************************************************/

/* Content
-----------------------------------------*/
html {
  scroll-behavior: smooth;
  scroll-padding-top: 100px;
}
@media screen and (max-width: 767px) {
  html {
    scroll-padding-top: 50px;
  }
}

/* .Content {
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .Content {
    padding-top: 50px;
  }
} */
.Content__inner {
  margin-inline: auto;
  max-width: 976px;
}
@media screen and (max-width: 976px) {
  .Content__inner {
    margin-inline: 20px;
  }
}
.Content__sec {
  padding-top: 100px;
}
@media screen and (max-width: 767px) {
  .Content__sec {
    padding-top: 50px;
  }
}
.Content__sec + .Content__sec {
  padding-top: 140px;
}
@media screen and (max-width: 767px) {
  .Content__sec + .Content__sec {
    padding-top: 80px;
  }
}
.Content__wrapper {
  font-size: 16px;
  line-height: 1.9;
}
@media screen and (max-width: 767px) {
  .Content__wrapper {
    font-size: 14px;
    line-height: 1.7;
  }
}
.Content__wrapper + .Content__wrapper {
  padding-top: 47px;
}
@media screen and (max-width: 767px) {
  .Content__wrapper + .Content__wrapper {
    padding-top: 28px;
  }
}
.Content__wrapper > *:last-child {
  margin-bottom: 0;
}
.Content__wrapper > p,
.Content__wrapper > ul,
.Content__wrapper > ol {
  margin-bottom: 1em;
}

/* SecTitle
-----------------------------------------*/
.SecTitle {
  font-weight: bold;
  text-align: center;
  margin-bottom: 70px;
}
@media screen and (max-width: 767px) {
  .SecTitle {
    margin-bottom: 40px;
  }
}
.SecTitle > strong {
  font-size: 42px;
  display: block;
  position: relative;
  padding-top: 25px;
}
@media screen and (max-width: 767px) {
  .SecTitle > strong {
    font-size: 25px;
  }
}
.SecTitle > strong::before {
  content: '';
  width: 75px;
  height: 4px;
  background-color: var(--color-primary02);
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%);
}

.SubTitle {
  margin-bottom: 1em;
  margin-bottom: .8em;
  font-size: 18px;
  font-weight: bold;
}
@media screen and (max-width: 767px) {
  .SubTitle {
    font-size: 16px;
  }
}

/* Rule
-----------------------------------------*/
.Rule__note{
  text-align: right;
  margin-top: 50px;
}
.Rule__note > div {
  display: inline-block;
}
.Rule__note p {
  font-size: 14px;
  font-size: 1.4rem;
  line-height: 1.6;
  text-align: left;
}
.Rule__note p:nth-child(n+2) {
  margin-top: 10px;
}

/* List
-----------------------------------------*/
.DiscList > li {
  padding-left: 1em;
  text-indent: -1em;
}
.DiscList > li::before {
  content: "・";
}

.NumList01 {
  list-style-type: decimal;
  list-style-position: inside;
}
.NumList01 > li {
  padding-left: 1em;
  text-indent: -1em;
}
.NumList01 > li:nth-child(n+2) {
  margin-top: .625em;
}

.NumList02 {
  padding-left: 2.5em;
}
.NumList02 > li {
  position: relative;
  counter-increment: number;
}
.NumList02 > li:before {
  content: '（' counter(number) '）';
  position: absolute;
  right: calc(100% + 0.5em);
  right: 100%;
}

ul[class*="List"] li > *,
ol[class*="List"] li > * {
  margin-block: .3125em .625em;
  text-indent: 0;
}