/*
@include placeholder{
    color: #000000;
};
*/

@keyframes underline-run-right {
  0% {
    background-size: 100% 100%;
    background-position: right;
  }

  49% {
    background-size: 0 100%;
    background-position: right;
  }

  50% {
    background-position: left;
    background-size: 0 100%;
  }

  100% {
    background-position: left;
    background-size: 100% 100%;
  }
}

@keyframes underline-run-left {
  0% {
    background-size: 100% 100%;
    background-position: left;
  }

  49% {
    background-size: 0 100%;
    background-position: left;
  }

  50% {
    background-position: right;
    background-size: 0 100%;
  }

  100% {
    background-position: right;
    background-size: 100% 100%;
  }
}

#archive-post .main-section .section-content {
  padding: 0 0 137px;
}

#archive-post .main-section .section-content .page-title {
  margin: 91px 0 122px;
}

@media (max-width: 1440px) {
  #archive-post .main-section .section-content {
    padding: 0 0 calc(137px + (137 - 89) * (100vw - 1440px) / (1440 - 320));
  }

  #archive-post .main-section .section-content .page-title {
    margin: calc(91px + (91 - 22) * (100vw - 1440px) / (1440 - 320)) 0 calc(122px + (122 - 55) * (100vw - 1440px) / (1440 - 320));
  }
}