@charset "utf-8";
/* CSS Document */
.policy-page .footer .footer-links .footer-nav-list-02 li:nth-child(3) a{
	color: var(--accent-color) !important;
}
.main {
  margin: 110px 0 0 0;
}
@media (max-width: 1200px) {
  .main {
    margin: 90px 0 0 0;
  }
}
.policy-head {
  counter-reset: bucket-number;
  margin: 2em 0 3em 0;
}
@media (max-width: 768px) {
  .policy-head {
    margin: 1em 0 2em 0;
  }
}
.policy-head ul {
  padding: 1em 0 0 0;
}
.policy-head ul li {
  counter-increment: bucket-number;
  list-style: none;
  position: relative;
  padding: 0.3em 0 0.3em 2.8em;
}
.policy-head ul li::before {
  content: counter(bucket-number);
  position: absolute;
  left: 0;
  top: 0;
  background: var(--accent-color);
  padding: 0.3em 0.8em;
  border-radius: 50vh;
  color: var(--white);
  font-size: 16px;
  margin: 0 1em 0 0;
  font-weight: bolder;
}
.policy-head-li {
  line-height: 2;
}
#policy-01, #policy-02, #policy-03, .policy-list ul li {
  scroll-margin-top: 130px;
}
@media (max-width: 1200px) {
  #policy-01, #policy-02, #policy-03, .policy-list ul li {
    scroll-margin-top: 105px;
  }
}
.policy-lead {
  font-weight: 400;
}
.policy-list li {
  scroll-margin-top: 110px;
}
.policy-list {
  counter-reset: bucket-number;
}
.policy-list ul {
  padding: 1em 1em 1em 2em;
}
.policy-list ul li {
  counter-increment: bucket-number;
  list-style: none;
  position: relative;
  padding-left: 2.8em;
}
.policy-list ul li::before {
  content: counter(bucket-number);
  position: absolute;
  left: 0;
  top: 7px;
  background: var(--accent-color);
  padding: 0.3em 0.8em;
  border-radius: 50vh;
  color: var(--white);
  font-size: 16px;
  margin: 0 1em 0 0;
  font-weight: bolder;
}
.policy-title {
  font-size: clamp(20px, 0.31vw + 18.8px, 22px);
  font-weight: 500;
  line-height: 2.1;
  margin-bottom: 0.3em;
  display: block;
}
.policy-dl-100 {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0.5em;
  border-bottom: 1px solid var(--gray-eee);
  padding-bottom: 1rem;
}
.policy-dl-100 dt {
  flex: 0 0 100px;
  font-weight: 400;
  color: var(--heading-color);
}
.policy-dl-100 dd {
  flex: 1;
  margin-left: 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .policy-dl-100 dt {
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
  .policy-dl-100 dd {
    flex: 0 0 100%;
  }
}
.policy-dl-150 {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0.5em;
  border-bottom: 1px solid var(--gray-eee);
  padding-bottom: 1rem;
}
.policy-dl-150 dt {
  flex: 0 0 150px;
  font-weight: 400;
  color: var(--heading-color);
}
.policy-dl-150 dd {
  flex: 1;
  margin-left: 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .policy-dl-150 dt {
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
  .policy-dl-150 dd {
    flex: 0 0 100%;
  }
}
.policy-dl-180 {
  display: flex;
  flex-wrap: wrap;
  margin: 1em 0.5em;
  border-bottom: 1px solid var(--gray-eee);
  padding-bottom: 1rem;
}
.policy-dl-180 dt {
  flex: 0 0 180px;
  font-weight: 400;
  color: var(--heading-color);
}
.policy-dl-180 dd {
  flex: 1;
  margin-left: 0;
  line-height: 1.6;
}
@media (max-width: 768px) {
  .policy-dl-180 dt {
    flex: 0 0 100%;
    margin-bottom: 0.5rem;
  }
  .policy-dl-180 dd {
    flex: 0 0 100%;
  }
}