@media (max-width: 576px) {
  html {
    font-size: 1rem;
  }
  html .login_form .privacy {
    font-size: 1.1rem;
    white-space: nowrap;
  }
  html .bg-white.w-90.mx-auto.profile {
    font-size: 1rem;
  }
  html .profile a.back {
    font-size: 1.1rem;
  }
  .history_search {
    width: 90% !important;
  }
  .history_search .space {
    width: 5%;
  }
  .history_search .profile_form {
    width: 90%;
  }
}
@media screen and (max-width: 376px){
  .index .name {
    width: 4.5rem;
  }
}
@media screen and (max-width: 374px) {
  .bookmark .year,.two-digits {
    display: flex;
    flex-direction: column;
    align-items: flex-end;
  }
  .index .favorite .bookmark .year {
    width: 2.4rem;
  }
  .index .favorite .bookmark .two-digits {
    width: 1.5rem;
  }
  .history .d-flex .w-15.space {
    width: 5%;
  }
  .history .d-flex .w-70 {
    width: 80%;
  }
  .profile_form .w-5 {
    width: 0;
  }
  .profile_form .w-90 {
    width: 100% !important;
  }
  .history_search .w-15.space {
    width: 0;
  }
  .history_search {
    width: 100% !important;
  }
}