<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">.modalLayer{
  display:none;
  position:fixed;
  top:0;
  left:0;
  background-color:rgba(30,30,30, 0.8);
  height:100%;
  width:100%;
  color:rgb(30,30,30);
  z-index:100;
}
.modalLayer .modal{
  height:60%;
  padding:20px;
  width:70%;
  background-color:white;
  border-radius:2px;
  font-size:larger;
  margin:5% auto;
  text-align:center;
}
.modalLayer .modal-group{
  padding:5px;
  margin-bottom:20px;
  border: 2px solid #aabd72;
  border-radius:2px;
}
@media screen and (max-width:768px){
  .modalLayer .modal{
    width:90%;
  }
}
.modal-text{
  margin-top:3%;
}
.modalLayer input[type=text]{
  padding:5px;
  border-radius:5px;
  text-align:center;
  width:90%;
  border: solid 1px rgb(180,200,233);
  background-color:rgb(233,244,255);
}
.modalLayer input[type="button"], .modalLayer input[type="submit"]{
  width:200px;
  padding:15px;
  background-color:#92c400;
  color:white;
  font-weight:bold;
  border:none;
  font-size:1.4rem;
  border-radius:5px;
  margin:10px;
}
.modalLayer .modal-explain{
  max-width:500px;
  margin:auto;
  font-size:smaller;
}
.modalLayer input[disabled]{
  background-color:rgb(200,200,200);
}
.modalLayer .require{
  color:rgb(255, 100, 134);
  font-size:smaller;
}

/* ----------------------------------------
2019.09.24 CC霑ｽ蜉�
---------------------------------------- */
@media only screen and (max-width:768px){
  .modalLayer {
    font-size: 3.73333vw;
    line-height: 1.5;
  }
}
</pre></body></html>