.top-wrapper .btn {
  color: #ffffff;
  background-color: #0263b5;
  font-weight: bold;
  text-align: center;
  cursor :pointer;
  transition: all 0.3s;
  display: block;
  margin-top: 40px;
  margin-bottom: 1px;
  padding: 12px 2px;
  max-width:300px;
  text-decoration: none;
  margin: 24px auto;
  border-radius: 8px;
}
/*ãƒ¢ãƒ¼ãƒ€ãƒ«*/
.modal-wrapper {display: none;position: fixed;top: 0;right: 0;bottom: 0;left: 0;background-color: rgba(0, 0, 0, 0.6);z-index: 1000;}
.modal {position: absolute;top: 0;left: 0;/* background-color: #e6ecf0; *//* padding: 20px 0 40px; *//* border-radius: 10px; */width: 100%;height: 100vh;/* text-align: center; */display: flex;justify-content: center;align-items: center;z-index: 1010;}
.close-modal{position: sticky;float: right;font-size: 60px;/* margin: 0; */top: 0;/* right: 12px; */color: rgba(128, 128, 128, 0.46);cursor: pointer;/* width: 60px; */height: 60px;z-index: 1020;display: flex;/* justify-content: flex-end; */align-items: end;}
.form {
width: 100%;
}
.form h2 {
color: #5f5d60;
letter-spacing: 1px;
margin-bottom: 40px;
}
.form input {
width: 320px;
margin-bottom: 20px;
font-size: 12px;
padding: 12px 12px;
border: 1px solid #d0d5d8;
border-radius: 5px;
}
.submit-btn {
display: inline-block;
padding: 14px 140px;
background-color: #2294d6;
border: none;
border-radius: 3px;
color: white;
margin: 10px auto;
cursor: pointer;
}






.modal-inner{
  width: 96%;
  height: 92vh;
  background-color: #f1f1f1;
  display: block;
  overflow-y: scroll;
  overflow-x: auto;
  max-width: 800px;
  padding: 1%;
  position: relative;
}

.modal_title {
  font-size: 1.5em;
  position: relative;
  overflow: hidden;
  padding: 8px 0;
  width: 100%;
  margin-bottom: 12px;
}

.modal_title::before,
.modal_title::after{
    content: "";
    position: absolute;
    bottom: 0;
}

/* h2 ÃƒÂ£Ã†â€™Ã¢â‚¬â€ÃƒÂ£Ã†â€™Ã‚Â©ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã†â€™Ã…Â¾ÃƒÂ£Ã†â€™Ã‚ÂªÃƒÂ£Ã¢â‚¬Å¡Ã‚Â«ÃƒÂ£Ã†â€™Ã‚Â©ÃƒÂ£Ã†â€™Ã‚Â¼*/
.modal_title:before{
    border-bottom: 4px solid #0263b5;
    width: 100%;
}
/* h2 ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â»ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â«ÃƒÂ£Ã†â€™Ã‚Â³ÃƒÂ£Ã†â€™Ã¢â€šÂ¬ÃƒÂ£Ã†â€™Ã‚ÂªÃƒÂ£Ã¢â‚¬Å¡Ã‚Â«ÃƒÂ£Ã†â€™Ã‚Â©ÃƒÂ£Ã†â€™Ã‚Â¼*/
.modal_title:after{
    border-bottom: 4px solid #afcce4;
    width: 100%;
}

.modal-include{position: absolute;width: 96%;/* overflow: hidden; */}


/* to fix the background */
.overflow-hidden{overflow:hidden;}



/* to hide the hamburger btn */
.navi_btn{
  display: none;
}