.modal-overlay {
  position: fixed; top:0; left:0; width:100%; height:100%;
  background: rgba(0,0,0,0.5); display:flex;
  align-items:center; justify-content:center; z-index:1000;
}
.modal-content {
  background:#fff; 
  padding:3rem; border-radius:.5rem;
  width:80%;
  line-height:2em;
  font-family: var(--notoSansJp);
  margin:0 auto;
  text-align:center;
}
.modal-content h3 {
  margin:10px auto;
}
.modal-content p {
  display: flex;
  align-items: baseline;
}
.modal-content p label {
  width: 130px;
  flex-shrink: 0;
  text-align: left;
}
.error-message {
  color: #d9534f;
  font-size: 0.9em;
  margin-inline: clamp(1rem, 0.15rem + 3.62vw, 4.5rem);
  text-align: left;
}
button.submit_button {
  width: 212px;
  background-color: var(--accentColor);
  margin: 0 auto;
  color: var(--baseColor);
  padding: 15px;
  font-size: clamp(1rem, 0.896rem + 0.44vw, 1.25rem);
  font-family: var(--notoSansJp);
  font-weight: 500;
  border-radius: 10px;
  border: none;
}
button.submit_button_coco {
  background-color: #dad343;
  color:#f6f6f2;
  width: 212px;
  margin: 0 auto;
  padding: 15px;
  font-size: clamp(1rem, 0.896rem + 0.44vw, 1.25rem);
  font-family: var(--notoSansJp);
  font-weight: 500;
  border-radius: 10px;
  border: none;
}
button.submit_button_modal_send {
  width: 150px;
  background-color: #0c94c3;
  margin: 0 auto;
  color: var(--baseColor);
  padding: 15px;
  font-size: 0.85rem;
  font-family: var(--notoSansJp);
  font-weight: 500;
  border-radius: 10px;
  border: none; 
  margin-top:50px;
}
button.submit_button_modal_back {
  width: 150px;
  background-color: var(--accentColor);
  margin: 0 auto;
  color: var(--baseColor);
  padding: 15px;
  font-size: 0.85rem;
  font-family: var(--notoSansJp);
  font-weight: 500;
  border-radius: 10px;
  border: none; 
  margin-top:50px;
}
button.submit_button_modal_coco_send {
  width: 150px;
  background-color: #0c94c3;
  color:#f6f6f2;
  margin: 0 auto;
  padding: 15px;
  font-size: 0.85rem;
  font-family: var(--notoSansJp);
  font-weight: 500;
  border-radius: 10px;
  border: none; 
  margin-top:50px;
}
button.submit_button_modal_coco {
  width: 150px;
  background-color: #dad343;
  color:#f6f6f2;
  margin: 0 auto;
  padding: 15px;
  font-size: 0.85rem;
  font-family: var(--notoSansJp);
  font-weight: 500;
  border-radius: 10px;
  border: none; 
  margin-top:50px;
}
.mobile_br {
  display:none;
}
.end_message {
  text-align:center;
  width:80%;
  margin:0 auto;
  padding: 20px 0;
}
@media (max-width: 768px) {
    .modal-content {
        padding:1.25rem;
        width:90vw;
    }
    .modal-content p {
      flex-wrap: wrap;
    }
    button.submit_button_modal {
        width: 100px;
    }
    button.submit_button_modal_coco {
        width: 100px;
    }
    .btn_area {
        margin:25px auto;
    }
    .mobile_br {
        display:block;
    }
    .end_message {
        width:90%;
    }
}