:root {
  --color-default: #333;
  --color-inverted: white;
  --color-black: black;
  --color-link: inherit;
  --color-gray: #ccc;
  --bg-default: white;
  --bg-inverted: #333;
  --bg-light: url(/images/common/bg_light.jpg);
  --bg-dark: url(/images/common/bg_dark.jpg);
  --basic-margin: 40px;
  --wide-margin: 70px;
  --mobile-basic-margin: 27px;
  --section-padding: 96px;
  --mobile-section-padding: 40px;
  --mobile-content-padding: 15px;
  --ease-out-quint: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
}

/*
====================================================================
 PRIVACY POLICY
====================================================================
*/
.section-block--01 .section-block__header, .section-block--01 .section-block__body {
  opacity: 0;
  transform: translateY(15%);
  transition: opacity 2s var(--ease-out-cubic), transform 2s var(--ease-out-quint);
}
.section-block--01 .section-block__header.in-viewport, .section-block--01 .section-block__body.in-viewport {
  opacity: 1;
  transform: translateY(0);
}
.section-block--01 .section-block__content {
  width: 1000px;
}

h2 {
  display: flex;
  justify-content: center;
}
h2 span {
  display: block;
  border: 1px solid var(--color-default);
  font-size: 24px;
  padding: 12px 70px;
  border-radius: 50px;
}

h3 {
  margin-top: 1.5em;
  display: flex;
  align-items: center;
  -moz-column-gap: 4px;
       column-gap: 4px;
  font-size: 20px;
}
h3::before {
  content: "";
  display: block;
  position: static;
  width: 18px;
  height: 18px;
  background: url(/images/policy/icon.svg) center center/contain no-repeat;
}

/*----------------------------------------------------------------*/
@media (width < 768px) {
  /*----------------------------------------------------------------*/
  /*
  ====================================================================
   SP
  ====================================================================
  */
  /*
  ====================================================================
   PRIVACY POLICY
  ====================================================================
  */
  .section-block--01 .section-block__content {
    width: 100%;
  }
  h2 span {
    font-size: 18px;
    padding: 10px 50px;
    border-radius: 40px;
  }
  h3 {
    font-size: 20px;
    display: block;
    margin-bottom: 8px;
  }
  h3::before {
    display: inline-block;
    margin-right: 4px;
    margin-bottom: -2px;
  }
  p {
    font-size: 16px;
  }
  /*----------------------------------------------------------------*/
}
/*----------------------------------------------------------------*//*# sourceMappingURL=policy.css.map */