@charset "uft-8";

.ly_contact{
  padding-bottom: 75px;
}
.contact{
  max-width:600px;
  width:90%;
  margin:auto;
  overflow: hidden;
}
.contact__title{
  margin-top: 75px;
}
.contact__title > span{
  display: block;
  margin-top: 10px;
  font-size: 20px;
}
.contact__text{
  margin-top: 35px;
  text-align: center;
  font-size: 16px;
  line-height: 1.5;
}
.contact__text > a:link,.contact__text > a:visited{
  text-decoration: underline;
  font-weight: bold;
}

.contact__errorNotice{
  color:#FF0000;
  padding: 10px;
  background-color: #f7e2e2;
  font-size: 12px;
  text-align: center;
  display: none;
}
.contact__form{
  margin-top: 75px;
  width: 100%;
}
.contact__form th{
  font-size: 14px;
  font-weight: normal;
  width:190px;
  text-align: left;
  padding: 10px 0;
}
.contact__form th > span{
  color:#FF0000;
  font-size: 16px;
  margin-left: 5px;

}
.contact__form th,.contact__form td{
  padding:10px 0;
  vertical-align: top;
}
.contact__form td input,.contact__form td select{
  width:100%;
  background-color: #E4E4E4;
  border: none;
  padding: 10px;
}
.contact__form td input.as_small{
  width:30%;
  background-color: #E4E4E4;
  border: none;
  padding: 10px;
  float: left;
  margin-right: 15px;
}
.contact__form td span{
  background-color: #e8a221;
  cursor: pointer;
  display: inline-block;
  padding: 7px 15px;
  margin-top: 10px;
  color:#ffffff;
  font-size: 14px;

}
.contact__form td textarea{
  width:100%;
  background-color: #E4E4E4;
  border: none;
  padding: 10px;
  height: 200px;
}
.contact__privacy{
  margin-top: 45px;
}
.contact__privacy--notice{
  font-size:14px;
  text-align: center;
}
.contact__privacy--detail{
  background-color: #E4E4E4;
  padding: 15px;
}
.contact__points{
  height:150px;
  overflow-y: scroll;
}
.contact__points > dt,.contact__points > dd{
  margin: 0;
  padding: 0;
  line-height: 1.5;
}
.contact__points > dt{
  font-size: 14px;
  margin: 10px 0 5px 0;
  font-weight: bold;
}
.contact__subtitle{
  margin-bottom: 25px!important;
}
.contact__points > dd{
  font-size: 12px;
}
.contact__checkbox{
  text-align: center;
  margin-top: 45px;
}
.contact__checkbox input[type=checkbox]{
  width:17px;
  height:17px;
}
.contact__checkbox span{
  margin-left: 10px;
}
.contact__button{
  text-align: center;
  margin-top: 25px;
}
.contact__button > button{
  background-color: #60A9B8;
  border: none;
  border-radius: 25px;
  width:185px;
  height:45px;
  line-height: 45px;
  color: #ffffff;
  font-size: 17px;
  opacity: 0.3;
}
.error_notice{
  font-size:12px;
  color:#ff0000;
  display:none;
  clear: both;
}
.recaptcha_error{
  color:red;
  font-size: 14px;
  display:none;
  text-align: center;
}
@media screen and (max-width: 900px) {
  .ly_contact{
    padding-bottom: 45px;
  }
  .contact__title{
    margin-top: 45px;
  }

  .contact__text{
    font-size: 14px;
  }

  .contact__form{
    margin-top: 35px;
    width: 100%;
  }
  .contact__form th,.contact__form td{
    display: block;
  }
}

.g-recaptcha {
  margin-right:auto;
  margin-left:auto;
  text-align: center;
  width:300px;
  margin-top:20px;
}