@charset "UTF-8";
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=EB+Garamond&display=swap");
@import url("https://fonts.googleapis.com/css?family=Montserrat");
@import url("https://fonts.googleapis.com/css?family=EB+Garamond&display=swap");
@font-face {
  font-family: 'web_symbolsregular';
  src: url("../assets/web-symbols/websymbols-regular-webfont.woff2") format("woff2"), url("../assets/web-symbols/websymbols-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'web_symbolsregular';
  src: url("../assets/web-symbols/websymbols-regular-webfont.woff2") format("woff2"), url("../assets/web-symbols/websymbols-regular-webfont.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.bq {
  border: 1px solid #707070;
  margin: auto auto 50px auto;
  padding: 26px 30px;
  border-radius: 6px;
}
@media screen and (max-width: 767px) {
  .bq {
    padding: 20px;
  }
}
.bq--fill {
  background-color: #F5F5F5;
  border: 0;
}

form.table {
  margin: 30px auto;
}
form.table table,
form.table tbody,
form.table tr,
form.table th,
form.table td {
  display: block;
}
form.table table {
  border-top: 1px solid #ccc;
}
form.table table tr {
  border-bottom: 1px solid #ccc;
  box-sizing: border-box;
  margin: 10px auto;
  padding-bottom: 15px;
}
form.table table tr.sensei td, form.table table tr.conpanion_count td {
  position: relative;
}
form.table table tr.sensei td::before, form.table table tr.conpanion_count td::before {
  content: "先生";
  display: block;
  margin: auto;
  position: absolute;
  top: 7px;
  left: 180px;
}
@media screen and (max-width: 767px) {
  form.table table tr.sensei td::before, form.table table tr.conpanion_count td::before {
    left: auto;
    right: 10px;
  }
}
form.table table tr.sensei input, form.table table tr.conpanion_count input {
  box-sizing: border-box;
  padding-right: 1.5em;
}
form.table table tr.chugaku input, form.table table tr.sensei input, form.table table tr.mail input, form.table table tr.mail2 input {
  width: 100%;
}
form.table table tr.student01, form.table table tr.student02, form.table table tr.student03, form.table table tr.student04, form.table table tr.science_01, form.table table tr.program_01, form.table table tr.mail {
  border-bottom: 0;
  margin: 20px auto 0;
  padding: 0;
}
form.table table tr.student01 td,
form.table table tr.student01 th, form.table table tr.student02 td,
form.table table tr.student02 th, form.table table tr.student03 td,
form.table table tr.student03 th, form.table table tr.student04 td,
form.table table tr.student04 th, form.table table tr.science_01 td,
form.table table tr.science_01 th, form.table table tr.program_01 td,
form.table table tr.program_01 th, form.table table tr.mail td,
form.table table tr.mail th {
  border: 0;
}
form.table table tr.student01, form.table table tr.student02, form.table table tr.student03, form.table table tr.robotics_02, form.table table tr.science_02, form.table table tr.program_02, form.table table tr.mail_confirm {
  margin: 0 auto 20px;
}
form.table table tr.student01 td,
form.table table tr.student01 th, form.table table tr.student02 td,
form.table table tr.student02 th, form.table table tr.student03 td,
form.table table tr.student03 th, form.table table tr.robotics_02 td,
form.table table tr.robotics_02 th, form.table table tr.science_02 td,
form.table table tr.science_02 th, form.table table tr.program_02 td,
form.table table tr.program_02 th, form.table table tr.mail_confirm td,
form.table table tr.mail_confirm th {
  border: 0;
}
form.table table tr.ea_01_entrained, form.table table tr.ea_02_entrained {
  border-bottom: 0;
  padding-bottom: 0;
}
form.table table tr.ea_01_entrained th, form.table table tr.ea_02_entrained th, form.table table tr.ea_03_entrained th {
  font-size: 13px;
}
form.table table td,
form.table table th {
  border: 0;
  padding: 3px 5px;
}
form.table table th {
  font-weight: bold;
  font-size: 16px;
}
form.table table td:after {
  content: " ";
  display: block;
  clear: both;
}
form.table fieldset {
  margin: auto;
  padding: 0;
}
form.table label.checkbox {
  float: none;
  width: 100%;
}
form.table label.radio {
  display: inline-block;
  width: auto;
}
form.table label.radio:first-of-type {
  margin-right: 30px;
}
@media screen and (max-width: 767px) {
  form.table label.radio {
    text-align: center;
  }
}
form.table textarea {
  border: 1px solid #ccc;
  box-sizing: border-box;
  width: 100%;
}
@media screen and (max-width: 767px) {
  form.table input.type11, form.table input.type8, form.table input.type1 {
    border: 1px solid #ccc;
    box-sizing: border-box;
    width: 100%;
  }
}
form.table.confirm td::before {
  content: "" !important;
  position: static !important;
}

span.required {
  color: #f00;
}

span.help-block {
  font-size: 14px;
  line-height: 1.4;
}

div.submit {
  margin: 30px auto;
}
div.submit input {
  background: -webkit-linear-gradient(#f7f7f7 0%, #f7f7f7 50%, #eee 51%);
  background: linear-gradient(#f7f7f7 0%, #f7f7f7 50%, #eee 51%);
  border: 1px solid #ccc;
  border-radius: 0;
  box-sizing: border-box;
  padding: 15px 30px;
  text-align: center;
  width: 200px;
}

@media screen and (max-width: 767px) {
  .main_image img {
    width: 100%;
  }
}

/*# sourceMappingURL=p_pcclass_form.css.map */