.din-200 {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 200; }

.din-400 {
  font-family: "din-2014-narrow", sans-serif;
  font-weight: 400; }

@keyframes hoverin {
  0% {
    transform: translateX(-101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoverout {
  0% {
    transform: translateX(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateX(0);
    left: 101%;
    opacity: 1; } }
@keyframes hoverinreverse {
  0% {
    transform: translateX(101%);
    opacity: 1; }
  100% {
    transform: translateX(0);
    opacity: 1; } }
@keyframes hoveroutreverse {
  0% {
    transform: translateX(0);
    left: 0;
    opacity: 1; }
  100% {
    transform: translateX(0);
    left: -101%;
    opacity: 1; } }
@keyframes hoverupout {
  0% {
    transform: translateY(0);
    opacity: 1;
    top: 0; }
  100% {
    transform: translateY(0);
    opacity: 1;
    top: -100%; } }
@keyframes hoverupin {
  0% {
    transform: translateY(101%);
    opacity: 1; }
  100% {
    transform: translateY(0);
    opacity: 1; } }
.subpage.sitepolicy .page-header {
  margin-bottom: 100px; }
.subpage.sitepolicy main {
  padding-bottom: 150px; }
  .subpage.sitepolicy main .wrap {
    background: #fff;
    padding: 50px 50px 72px;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.93;
    letter-spacing: 0.1em; }
    .subpage.sitepolicy main .wrap .lead {
      margin-bottom: 100px; }
    .subpage.sitepolicy main .wrap h2 {
      width: 380px;
      background: #efefef;
      font-size: 14px;
      font-weight: 500;
      padding: 8px 10px 6px;
      text-align: center;
      margin: 0 auto 28px; }
    .subpage.sitepolicy main .wrap h2, .subpage.sitepolicy main .wrap p {
      transform: rotate(0.05deg); }
    .subpage.sitepolicy main .wrap p + p {
      padding-top: 27px; }
    .subpage.sitepolicy main .wrap h3 {
      margin: 27px 0 0; }
    .subpage.sitepolicy main .wrap a {
      text-decoration: underline; }
      .subpage.sitepolicy main .wrap a:hover {
        text-decoration: none; }
    .subpage.sitepolicy main .wrap ul.box {
      border: solid 1px #b1b1b1;
      padding: 15px 44px 15px 60px;
      margin: 20px 0 27px; }
      .subpage.sitepolicy main .wrap ul.box li {
        list-style: disc;
        list-style-position: outside; }
    .subpage.sitepolicy main .wrap section + section {
      margin: 60px 0 0; }

@media (max-width: 768px) {
  .subpage.sitepolicy .page-header {
    margin-bottom: 14.648vw; }
  .subpage.sitepolicy main {
    padding-bottom: 28.32vw; }
    .subpage.sitepolicy main .wrap {
      padding: 8.789vw 7.617vw 8.789vw;
      font-size: 2.93vw;
      text-align: center; }
      .subpage.sitepolicy main .wrap p, .subpage.sitepolicy main .wrap ul, .subpage.sitepolicy main .wrap li, .subpage.sitepolicy main .wrap h3 {
        text-align: left; }
      .subpage.sitepolicy main .wrap .lead {
        margin-bottom: 9.766vw; }
      .subpage.sitepolicy main .wrap h2 {
        min-width: 56.934vw;
        width: auto;
        font-size: 2.93vw;
        padding: 1.367vw 2.93vw 1.074vw;
        margin: 0 auto 5.469vw;
        display: inline-block; }
      .subpage.sitepolicy main .wrap p + p {
        padding-top: 5.566vw; }
      .subpage.sitepolicy main .wrap h3 {
        margin: 27px 0 0; }
      .subpage.sitepolicy main .wrap a:hover {
        text-decoration: underline; }
      .subpage.sitepolicy main .wrap ul.box {
        padding: 4.102vw 4.883vw 4.102vw 8.301vw;
        margin: 20px 0 27px; }
        .subpage.sitepolicy main .wrap ul.box li {
          list-style: disc;
          list-style-position: outside; }
      .subpage.sitepolicy main .wrap section + section {
        margin: 60px 0 0; } }