@charset "utf-8";

@media (max-width: 960px) {
  main {
    width: 100%;
  }
}

@media (max-width: 768px) {
  main {
    width: 100%;
  }
  
  .ml-3 {
    font-size: 3rem;
    line-height: 3rem;
    padding: 1rem;
  }

  h1 {
    font-size: 4.5rem;
    line-height: 4.5rem;
    padding: 0.5rem;
  }

  .description {
    font-size: 3rem;
    line-height: 4rem;
  }

  .form_item_title {
    font-size: 3.5rem;
    margin-top: 5rem;
  }

  .form_item_wrapper input {
    width: 70%;
    height: 30px;
  }

  .form_alert_name {
    margin-top: 1vw;
    font-size: 2.5rem;
  }

  .message_kome {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .rule_list > li {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .button_reg_confirm {
    font-size: 3rem;
    line-height: 3rem;
    padding: 1rem;
    width: 50%;
  }

  .select_birth-text {
    font-size: 2.5rem;
  }

  .error_message {
    font-size: 2.5rem;
    line-height: 3rem;
  }

  .form_item_wrapper select {
    width: 20%;
    height: 30px;
  }
}