input[type="text"],input[type = "email"]{
  font-size: 95%;
}

.c-button-main {
  font-size: 3rem;
  font-weight: bold;
  background-color: #007bff; /* プライマリーブルー */
  color: white;
  padding: 1rem;
  border-radius: 1rem;
  border: none;
  display: inline-block;
  transition: all 0.3s ease; /* スムーズな遷移効果 */
}

.c-button-main:hover {
  background-color: #0056b3; /* ホバー時は少し暗めのブルー */
  color: white; /* ホバー時の文字色を白に固定 */
  /* transform: translateY(-2px);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2); */
}

.c-button-back {
  font-size: 2rem;
  font-weight: bold;
  background-color: white; 
  color: black;
  padding: 1rem;
  border-radius: 1rem;
  border: none;
  display: inline-block;
  transition: all 0.3s ease; /* スムーズな遷移効果 */
  border: solid black;
  text-decoration:none;
}

.c-button-back:hover {
  background-color: #66FFFF; /* ホバー時は少し暗めのブルー */
  color: black;
}

@media (min-width: 400px){
  .c-input-longer {
    width:300px !important;
  }
}