@charset "UTF-8";
/* ----------------------------------------------------------------
    volunteer 応募フォーム
  ----------------------------------------------------------------- */
.page-volunteer-entry .mess-complete {
 max-width: 840px;
 margin: 0 auto;
}
.page-volunteer-entry .mess-complete h4 {
 margin-bottom: 40px;
 font-size: 24px;
 text-align: center;
}
.page-volunteer-entry .mess-complete h4 {
 margin-bottom: 40px;
 font-size: 20px;
 text-align: center;
}
.page-volunteer-entry .mess-complete p {
 margin-bottom: 40px;
}
.page-volunteer-entry .mess-complete .box-round {
 margin-bottom: 80px;
 padding: 20px;
 background-color: #f5f5f5;
 border: 1px solid #ccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.page-volunteer-entry .mess-complete .box-round h5 {
 margin-bottom: 40px;
 text-align: center;
}
.page-volunteer-entry .form-area {
 margin: 0 auto;
}
.page-volunteer-entry .table-outer table {
 width: 100%;
 margin-bottom: 60px;
 border-top: 1px solid #ccc;
}
.page-volunteer-entry .table-outer table th, .page-volunteer-entry .table-outer table td {
 border-bottom: 1px solid #ccc;
 font-size: 1.2rem;
}
.page-volunteer-entry .table-outer table th p, .page-volunteer-entry .table-outer table td p {
 position: relative;
 margin-bottom: 10px;
}
.page-volunteer-entry .table-outer table th {
 width: 30%;
 background-color: #fff;
}
.page-volunteer-entry .table-outer table td {
 width: 70%;
 background-color: #fff;
}
.page-volunteer-entry .table-outer table .notice {
 font-size: 14px;
 font-weight: normal;
 color: #cf2e2e;
}
.page-volunteer-entry .table-outer table .required {
 position: absolute;
 right: 0;
 top: 3px;
}
.page-volunteer-entry .table-outer table .optional {
 color: #333;
}
.page-volunteer-entry .table-outer table input[type="radio"] {
 margin-right: .2em;
}
.page-volunteer-entry .table-outer table label {
 margin-right: 30px;
}
.page-volunteer-entry .table-outer table input[type="text"] {
 width: 100%;
 height: 30px;
 line-height: 30px;
 padding: 0 10px;
 background: none;
 border: 1px solid #ccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.page-volunteer-entry .table-outer table textarea {
 width: 100%;
 height: 200px;
 line-height: 1.8;
 padding: 10px;
 background: none;
 border: 1px solid #ccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.page-volunteer-entry .table-outer table .tel input, .page-volunteer-entry .table-outer table .mobile input, .page-volunteer-entry .table-outer table .urgent-tel input {
 width: 80px;
}
.page-volunteer-entry .table-outer table .name input, .page-volunteer-entry .table-outer table .kana input {
 width: 200px;
}
.page-volunteer-entry .table-outer table .age input {
 width: 50px;
}
.page-volunteer-entry .table-outer table .zip input {
 width: 120px;
}
.page-volunteer-entry .block-btn {
 text-align: center;
}
.page-volunteer-entry .block-btn input[type="submit"] {
 display: inline-block;
 width: 48%;
 padding: 20px 0;
 color: #fff;
 font-size: 1.33333rem;
 font-weight: bold;
 background: none;
 background-color: #333;
 border: 1px solid #ccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 outline: none;
}
.page-volunteer-entry .block-btn input[type="submit"]:hover {
 color: #333;
 background-color: #f5f5f5;
 cursor: pointer;
 outline: none;
}
.page-volunteer-entry .block-btn input[name="submitBack"] {
 color: #666;
}
.page-volunteer-entry .block-btn input[name="submitBack"]:hover {
 color: #fff;
 background-color: #666;
 cursor: pointer;
 outline: none;
}
.page-volunteer-entry .mess-complete {
 max-width: 840px;
 margin: 0 auto 60px auto;
}
.page-volunteer-entry .mess-complete h4 {
 margin-bottom: 40px;
 font-size: 24px;
 text-align: center;
}
.page-volunteer-entry .mess-complete h5 {
 font-size: 20px;
 margin-bottom: 20px;
 text-align: center;
}
.page-volunteer-entry .mess-complete h5.tit {
 font-size: 18px;
 color: #ff3333;
}
.page-volunteer-entry .mess-complete p {
 text-align: center;
 font-size: 18px;
 margin-bottom: 20px;
}
.page-volunteer-entry .mess-attention {
 max-width: 840px;
 margin: 0 auto;
}
.page-volunteer-entry .mess-attention p {
 margin-bottom: 10px;
}
.page-volunteer-entry .mess-attention .list {
 margin-bottom: 10px;
 padding: 10px 40px;
}
.page-volunteer-entry .mess-attention .box-round {
 margin-bottom: 80px;
 padding: 20px;
 background-color: #f5f5f5;
 border: 1px solid #ccc;
 -moz-border-radius: 5px;
 -webkit-border-radius: 5px;
 border-radius: 5px;
}
.page-volunteer-entry .mess-attention .box-round h5 {
 margin-bottom: 40px;
 text-align: center;
}
#support .subline {
 margin-bottom: 20px;
 font-size: 30px;
 color: #cf2e2e;
 text-align: center;
}
.volunteer_addr {
 width: 215px;
}
@media only screen and (max-width: 767px) {
 .page-volunteer-require .important {
  color: #cf2e2e;
 }
 .page-volunteer-entry .mess-complete {
  max-width: 840px;
  margin: 0 auto;
 }
 .page-volunteer-entry .mess-complete h4 {
  margin-bottom: 40px;
  font-size: 24px;
  text-align: center;
 }
 .page-volunteer-entry .mess-complete p {
  margin-bottom: 40px;
 }
 .page-volunteer-entry .mess-complete .box-round {
  margin-bottom: 80px;
  padding: 20px;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 }
 .page-volunteer-entry .mess-complete .box-round h5 {
  margin-bottom: 40px;
  text-align: center;
 }
 .page-volunteer-entry .form-area {
  max-width: 960px;
  margin: 0 auto;
 }
 .page-volunteer-entry .table-outer table th, .page-volunteer-entry .table-outer table td {
  display: list-item;
  list-style-type: none;
 }
 .page-volunteer-entry .table-outer table th p, .page-volunteer-entry .table-outer table td p {
  margin-bottom: 10px;
 }
 .page-volunteer-entry .table-outer table th {
  width: auto;
 }
 .page-volunteer-entry .table-outer table td {
  width: auto;
 }
 .page-volunteer-entry .table-outer table .notice {
  font-size: 14px;
  font-weight: normal;
  color: #cf2e2e;
 }
 .page-volunteer-entry .table-outer table p span:before {
  content: "\A";
  white-space: pre;
 }
 .page-volunteer-entry .table-outer table input[type="radio"] {
  margin-right: .2em;
 }
 .page-volunteer-entry .table-outer table label {
  margin-right: 30px;
 }
 .page-volunteer-entry .table-outer table input[type="text"] {
  width: 100%;
  height: 30px;
  margin: 10px;
  padding: 0 10px;
  line-height: 30px;
  background: none;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 }
 .page-volunteer-entry .table-outer table textarea {
  width: 100%;
  height: 200px;
  line-height: 1.8;
  padding: 10px;
  background: none;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
 }
 .page-volunteer-entry .table-outer table .tel input, .page-volunteer-entry .table-outer table .mobile input, .page-volunteer-entry .table-outer table .urgent-tel input {
  width: 60px;
 }
 .page-volunteer-entry .table-outer table .name input, .page-volunteer-entry .table-outer table .kana input {
  width: 200px;
 }
 .page-volunteer-entry .table-outer table .age input {
  width: 50px;
 }
 .page-volunteer-entry .table-outer table .zip input {
  width: 120px;
 }
 .page-volunteer-entry .block-btn {
  text-align: center;
 }
 .page-volunteer-entry .block-btn input[type="submit"] {
  display: inline-block;
  width: 40%;
  padding: 10px;
  color: #333;
  font-weight: bold;
  background: none;
  background-color: #f5f5f5;
  border: 1px solid #ccc;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  outline: none;
 }
 .page-volunteer-entry .block-btn input[type="submit"]:hover {
  color: #fff;
  background-color: #333;
  cursor: pointer;
  outline: none;
 }
 .page-volunteer-entry .block-btn input[name="submitBack"] {
  color: #666;
 }
 .page-volunteer-entry .back {
  margin-top: 40px;
 }
 .page-volunteer-entry .block-btn input[name="submitBack"]:hover {
  color: #fff;
  background-color: #666;
  cursor: pointer;
  outline: none;
 }
 select {
  width: 100%;
 }
 input {
  border: 1px solid #eee;
  padding: 10px;
  width: 100%;
 }
 button {
  width: 100%;
 }
 textarea {
  border: 1px solid #eee;
  width: 100%;
 }
 .course input {
  width: 5%;
 }
 .stay input {
  width: 5%;
 }
 .parking input {
  width: 5%;
 }
 .meeting input {
  margin: 10px 0px;
  width: 5%;
 }
 .parking input {
  width: 5%;
 }
 .name input {}
 .kana input {}
 .mobile-mail input {
  margin-top: 10px;
 }
 .birth input {
  margin-bottom: 10px;
 }
 .age input {
  margin-bottom: 10px;
  width: 33.33333%;
 }
 .sex input {
  width: 5%;
 }
 .size input {
  width: 5%;
 }
 .zip input {
  width: 90%;
 }
}
.page-volunteer-entry .error {
 color: #cf2e2e;
}