@charset utf-8;

.pagecontent main section article {
  margin-top:5rem;
}

.pagecontent main section article h3 {
  font-size:1.5rem;
  color:#568c87;
  margin:0 0 1rem
}

.pagecontent main section article.kindsofmembers ul {
  padding-left:0;
  margin-left:0;
}
.pagecontent main section article.kindsofmembers ul li {
  padding-left:0;
  margin:0 0 1em 0;
  list-style-type:none;
}
.pagecontent main section article.fee h3 {
  letter-spacing:1em;
}
.pagecontent main section article.fee table {
  border-collapse:collapse;
  border:1px solid #568c87;
}
.pagecontent main section article.fee table td, .pagecontent main section article.fee table th {
  border:1px solid #568c87;
  text-align:center;
  padding:.8rem 1rem;
}
.pagecontent main section article.fee table tbody {
  font-size:1.3rem;
}
.pagecontent main section article.fee table tbody th {
  color:#568c87;
}
.pagecontent main section article.fee table tbody td:last-of-type {
  padding-left:2rem;
  padding-right:2rem;
}

.pagecontent main section article.form form {
  background:#568c87;
  padding:1em 12%;
  color:#fff;
}
.pagecontent main section article.form form dd {
  padding:0 0 0 14rem;
  margin-left:0;
  margin-right:0;
}
.pagecontent main section article.form form dt + dd.sectend {
  border-bottom:1px solid #fff;
  padding-bottom:.8rem;
}

.pagecontent main section article.form form input:not([type="radio"]),
.pagecontent main section article.form form textarea {
  width:100%;
  margin:0 0 .2rem 0;
  box-sizing:border-box;
}
.pagecontent main section article.form form input:not([type="radio"]) {
  height:2rem;
}
.pagecontent main section article.form form textarea {
  height:4rem;
  display:block;
}
.pagecontent main section article.form form input[type="number"] {
  width:5em;
  margin-right:.5rem;
  text-align:right;
} 
.pagecontent main section article.form form dd.person {
  display:flex;
  justify-content: space-between;
} 
.pagecontent main section article.form form dd.person input {
  width:48%;
} 
.pagecontent main section article.form form dd.address input:first-of-type,
.pagecontent main section article.form form dd.email input:first-of-type {
  margin-bottom:1rem;
} 
.pagecontent main section article.form form dd.address input:first-of-type {
  width:10em;
} 

.pagecontent main section article.form form dd label {
  background:#fff;
  color:#000;
  padding: .2rem 1.5rem;
} 

.pagecontent main section article.form form button {
  background:transparent;
  color:#fff;
  border:solid #fff 1px;
  padding:.2rem 1rem;
  display:block;
  margin:auto;
}
@media screen and (-webkit-min-device-pixel-ratio:2),(min-resolution: 2dppx){

}

@media screen and (-webkit-min-device-pixel-ratio:3),(min-resolution: 3dppx){

}

@media print, screen and (min-width: 601px) {
  .pagecontent main > section  > article,
  .pagecontent main > section  > p {
    margin-right:30px;
    margin-left:30px;
  }
  .pagecontent main section article.form form dt {
    padding:1rem;
  }
  .pagecontent main section article.form form dt + dd {
    margin-top:-2.6rem;
  }

}

@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:2) , (min-width: 601px) and (min-resolution: 2dppx){
}
@media (min-width: 601px) and (-webkit-min-device-pixel-ratio:3) , (min-width: 601px) and  (min-resolution: 3dppx){
}

@media screen and (max-width: 915px) {  
}

@media screen and (max-width: 600px) {
  .pagecontent main section article h3 {
    font-size:1.2rem;
  }
  .pagecontent main section article.fee table td, .pagecontent main section article.fee table th {
    padding:.1rem;
    font-size:1rem;
  }
  .pagecontent main section article.form form {
    padding:5%;
    margin-bottom:48px;
  }
  .pagecontent main section article.form form dd {
    padding:0;
  }
  .pagecontent main section article.form form dd label {
    padding: .2rem .7rem;
  } 
}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:2) , (max-width: 600px) and (min-resolution: 2dppx){

}
@media (max-width: 600px) and (-webkit-min-device-pixel-ratio:3) , (max-width: 600px) and  (min-resolution: 3dppx){

}