@charset "UTF-8";
/*
Theme Name: Twenty Twenty-one Child
Version: 1.6
Template: twentytwentyone
*/
:root {
  --viewport-width: min(100vw, 2000px);
  --b: calc(var(--viewport-width) / 160);
}

#privacy h3 {
  font-size: max(1.6rem, 14px);
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.1em;
}
#privacy #intro {
  padding-bottom: max(5rem, 50px);
  margin-bottom: max(5rem, 50px);
  border-bottom: 1px solid #f4efef;
}
#privacy #intro span.attention {
  text-align: right;
}
#privacy #about ul.about__list {
  counter-reset: main-counter;
  list-style: none;
  margin-top: max(1.5rem, 15px);
}
#privacy #about ul.about__list > li {
  counter-increment: main-counter;
}
#privacy #about ul.about__list > li:not(:first-of-type) {
  margin-top: max(5rem, 30px);
}
#privacy #about ul.about__list > li h3::before {
  content: "（" counter(main-counter) "）";
}
#privacy #about ul.about__list > li ul {
  counter-reset: sub-counter;
  list-style: none;
  margin-top: 1rem;
  padding-left: 2.7rem;
}
#privacy #about ul.about__list > li ul li {
  counter-increment: sub-counter;
  position: relative;
  padding-left: 1.3em;
  margin-bottom: 0.5em;
}
#privacy #about ul.about__list > li ul li:before {
  content: counter(sub-counter);
  position: absolute;
  left: 0;
  top: 0.65em;
  width: 1.4em;
  height: 1.4em;
  padding-right: 0.1em;
  padding-bottom: 0.1em;
  border: 1px solid #333;
  border-radius: 50%;
  display: grid;
  place-items: center;
  font-size: 0.8em;
  font-weight: 400;
  line-height: 1;
  letter-spacing: -0.1em;
}
#privacy #other .other__wrapper {
  margin-top: max(7rem, 50px);
}
#privacy #other .other__wrapper dl {
  display: flex;
  -moz-column-gap: max(2rem, 20px);
       column-gap: max(2rem, 20px);
  width: 100%;
}
@media screen and (max-width: 550px) {
  #privacy #other .other__wrapper dl {
    flex-direction: column;
  }
}
#privacy #other .other__wrapper dl:not(:first-of-type) {
  margin-top: max(1rem, 10px);
}
#privacy #other .other__wrapper dl dt,
#privacy #other .other__wrapper dl dd {
  font-size: max(1.6rem, 14px);
  font-weight: 500;
  line-height: 2;
  letter-spacing: 0.1em;
}
#privacy #other .other__wrapper dl dt {
  position: relative;
  width: max(11rem, 80px);
  padding-right: max(1rem, 10px);
}
#privacy #other .other__wrapper dl dt::after {
  position: absolute;
  top: 0;
  right: 0;
  content: "：";
}
#privacy #other .other__wrapper dl dd {
  flex: 1;
}/*# sourceMappingURL=privacypolicy.css.map */