@charset "UTF-8";


.overlay {
  display: none;

  position: fixed;
  margin: 0;
  padding: 0;
  top: 0;
  left: 0;
  background-color: rgba(0, 0, 0, 0.7);
  width: 100%;
  height: 100%;
  z-index: 9;
}

.regulation-box {
  display: none;

  position: absolute;
  margin: 0;
  padding: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #549af1;
  width: 80%;
  height: auto;
  z-index: 99999;
}
.regulation-box .form-close {
  display: table;
  margin: auto;
  text-align: center;

  box-shadow: 0px 10px 14px -7px #276873;
  background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
  background-color:#599bb3;
  border-radius:8px;
  /*display:inline-block;*/
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:20px;
  font-weight:bold;
  padding:13px 32px;
  text-decoration:none;
  text-shadow:0px 1px 0px #3d768a;
}
.regulation-box .form-close:hover {
  background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
  background-color:#408c99;
}
.regulation-box .form-close:active {
  position:relative;
  top:1px;
}
.regulation-box .form-close p {
  margin: 0;
  padding: 0;
}

.privacy-policy-box {
  display: none;

  position: absolute;
  margin: 0;
  padding: 30px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #ffffff;
  width: 80%;
  height: auto;
  z-index: 99999;
}
.privacy-policy-box .privacy-close {
  display: table;
  margin: auto;
  text-align: center;

  box-shadow: 0px 10px 14px -7px #276873;
  background:linear-gradient(to bottom, #599bb3 5%, #408c99 100%);
  background-color:#599bb3;
  border-radius:8px;
  /*display:inline-block;*/
  cursor:pointer;
  color:#ffffff;
  font-family:Arial;
  font-size:20px;
  font-weight:bold;
  padding:13px 32px;
  text-decoration:none;
  text-shadow:0px 1px 0px #3d768a;
}
.privacy-policy-box .privacy-close:hover {
  background:linear-gradient(to bottom, #408c99 5%, #599bb3 100%);
  background-color:#408c99;
}
.privacy-policy-box .privacy-close:active {
  position:relative;
  top:1px;
}
.privacy-policy-box .privacy-close p {
  margin: 0;
  padding: 0;
}

/* スマートフォン向け */
@media all and ( max-width:639px ) {
.regulation-box {
  width: 90%;
  height: auto;
  z-index: 99999;
  /*overflow-y: scroll;*/
  padding: 10px;
}
.regulation-box {
  width: 90%;
  height: auto;
  z-index: 99999;
  /*overflow-y: scroll;*/
  padding: 10px;
}
}