@charset "UTF-8";
/* カラー */
/* media query */
/* SP縦から */
/* SP横から */
/* タブレット縦から */
/* フルワイド */
#content {
  color: #707070;
}
#content .main {
  padding-top: 131px;
}
@media all and (max-width: 1367px) {
  #content .main {
    padding-top: 70px;
  }
}
#content .main .area_main {
  padding: 100px 0;
  background: #47B6E4;
}
@media all and (max-width: 896px) {
  #content .main .area_main {
    padding: 50px 0;
  }
}
#content .main .area_main h1 {
  color: #FFF;
  font-size: 4rem;
  font-weight: normal;
  text-align: center;
  line-height: 1;
  letter-spacing: .5rem;
}
@media all and (max-width: 896px) {
  #content .main .area_main h1 {
    font-size: 2rem;
    line-height: 1.25;
    letter-spacing: .25rem;
  }
}
#content .main .area_main h1 span {
  font-size: 1.5rem;
}
@media all and (max-width: 896px) {
  #content .main .area_main h1 span {
    font-size: 1rem;
  }
}

h2.secName {
  padding: 0 0 20px;
  text-align: center;
  font-size: 2.8rem;
  font-weight: 500;
}
@media all and (max-width: 480px) {
  h2.secName {
    font-size: 2rem;
  }
}
h2.secName span {
  padding: 0 10px 10px;
  border-bottom: 2px solid #CCC;
  /*
  background:linear-gradient(transparent 50%, #ecf8fc 50%);
  */
}

span.notice {
  display: inline-block;
  background: #E55F72;
  color: #fff;
  padding: 3px 2px 3px 5px;
  box-sizing: border-box;
  width: 50px;
  text-align: center;
  font-size: 1.3rem;
  border-radius: 4px;
  letter-spacing: 3px;
}
@media all and (max-width: 480px) {
  span.notice {
    padding: 1px 2px 1px 5px;
    width: 40px;
    font-size: 1.2rem;
  }
}

.normalBtn a {
  position: relative;
  display: inline-block;
  background: #47B6E4;
  border: 3px solid #47B6E4;
  color: #fff;
  text-align: center;
  margin: 10px auto;
  padding: 5px 20px;
  width: 300px;
  font-size: 1.6rem;
  font-weight: 500;
  border-radius: 50px;
}
@media all and (max-width: 480px) {
  .normalBtn a {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 300px) {
  .normalBtn a {
    width: 100%;
  }
}
.normalBtn a::after {
  position: absolute;
  content: "";
  background: url(../../common/images/icon_arrow.svg) center center/cover no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 10px;
  width: 18px;
  height: 18px;
}

.agreeArea {
  background: #F4F4F4;
  padding: 70px 0;
  font-size: 1.8rem;
  margin-top: 70px;
}
@media all and (max-width: 480px) {
  .agreeArea {
    padding: 40px 0;
    font-size: 1.5rem;
    margin-top: 50px;
  }
}
.agreeArea p {
  font-size: 1.6rem;
  text-align: center;
}
@media all and (max-width: 480px) {
  .agreeArea p {
    font-size: 1.5rem;
    text-align: left;
  }
}
.agreeArea p.consent {
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  border: 1px solid #CCCCCC;
  background: #FAFAFA;
}
.agreeArea ul li {
  margin-top: 20px;
  font-size: 1.6rem;
}
@media all and (max-width: 480px) {
  .agreeArea ul li {
    font-size: 1.5rem;
  }
}
.agreeArea label {
  font-size: 2.2rem;
}
@media all and (max-width: 480px) {
  .agreeArea label {
    font-size: 1.7rem;
  }
}
.agreeArea label input[type="checkbox"] {
  margin-right: 10px;
  transform: scale(1.2);
}

.scroll p {
  font-size: 1.6rem;
}
@media all and (max-width: 480px) {
  .scroll p {
    font-size: 1.5rem;
  }
}
.scroll p.consent {
  margin-top: 20px;
  padding: 10px;
  text-align: center;
  border: 1px solid #CCCCCC;
  background: #FAFAFA;
}
.scroll ul {
  height: 350px;
  margin: 40px 0 0;
  padding: 1em 2em 2em;
  overflow-y: scroll;
  border: 1px solid #CCC;
}
@media all and (max-width: 480px) {
  .scroll ul {
    height: 250px;
    margin: 20px 0 0;
    padding: 0 1em 1em;
  }
}
.scroll ul li {
  margin-top: 20px;
  font-size: 1.6rem;
}
@media all and (max-width: 480px) {
  .scroll ul li {
    font-size: 1.5rem;
  }
}

.ok {
  padding: 70px 0 0;
  font-size: 1.8rem;
}
@media all and (max-width: 480px) {
  .ok {
    padding: 40px 0 0;
    font-size: 1.5rem;
  }
}
.ok .ok_txt, .ok .checkTxt {
  text-align: center;
  font-size: 1.6rem;
  margin: 30px 15px 0;
}
.ok .ok_txt + .normalBtn, .ok .checkTxt + .normalBtn {
  text-align: center;
  margin-top: 50px;
  margin-bottom: 100px;
}
@media all and (max-width: 896px) {
  .ok .checkTxt {
    text-align: left;
  }
}
.ok .separate {
  position: relative;
  padding-top: 100px;
}
@media all and (max-width: 480px) {
  .ok .separate {
    padding: 50px 0;
  }
}

form .individualArea {
  padding: 70px 0;
  font-size: 1.8rem;
}
@media all and (max-width: 480px) {
  form .individualArea {
    padding: 40px 0;
    font-size: 1.5rem;
  }
}
form .individualArea .form_content {
  width: 100%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content {
    display: block;
  }
}
form .individualArea .form_content dl {
  margin-top: 20px;
  display: flex;
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl {
    margin-top: 30px;
    display: block;
  }
}
form .individualArea .form_content dl:first-child {
  margin-top: 0;
}
form .individualArea .form_content dl dt {
  background: #707070;
  color: #fff;
  padding: 10px 15px;
  width: 290px;
  position: relative;
  vertical-align: middle;
  border-radius: 4px;
  font-size: 1.8rem;
  font-weight: 400;
  text-align: center;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media all and (max-width: 1025px) {
  form .individualArea .form_content dl dt {
    width: 240px;
  }
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl dt {
    display: block;
    width: 100%;
    margin-bottom: 10px;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dt {
    font-size: 1.5rem;
  }
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl dt.shokureki {
    height: 100px;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dt.shokureki {
    height: 95px;
  }
}
form .individualArea .form_content dl dt.shokureki .normalBtn {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: 20px;
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl dt.shokureki .normalBtn {
    bottom: 10px;
  }
}
form .individualArea .form_content dl dt.shokureki .normalBtn a {
  width: 220px;
}
form .individualArea .form_content dl dt .notice {
  position: absolute;
  left: 10px;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 400;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dt .notice {
    right: 10px;
  }
}
form .individualArea .form_content dl dd {
  width: calc(100% - 290px);
  margin-left: 30px;
  font-size: 1.6rem;
}
@media all and (max-width: 1025px) {
  form .individualArea .form_content dl dd {
    width: calc(100% - 240px);
    margin-left: 15px;
  }
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl dd {
    display: block;
    width: 100%;
    margin-left: 0;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd {
    font-size: 1.5rem;
  }
}
form .individualArea .form_content dl dd label {
  display: block;
  box-sizing: border-box;
}
form .individualArea .form_content dl dd input[type="text"], form .individualArea .form_content dl dd input[type="email"], form .individualArea .form_content dl dd input[type="tel"], form .individualArea .form_content dl dd select, form .individualArea .form_content dl dd textarea {
  padding: 10px;
  box-sizing: border-box;
  border: 1px solid #D8D6D6;
  width: 100%;
  margin-right: 5px;
  font-size: 1.6rem !important;
  font-family: 'Noto Sans JP', sans-serif;
  height: 56px;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd input[type="text"], form .individualArea .form_content dl dd input[type="email"], form .individualArea .form_content dl dd input[type="tel"], form .individualArea .form_content dl dd select, form .individualArea .form_content dl dd textarea {
    font-size: 1.5rem !important;
    height: 50px;
  }
}
form .individualArea .form_content dl dd input[type="checkbox"], form .individualArea .form_content dl dd input[type="radio"] {
  margin-right: 10px !important;
  transform: scale(1.2);
}
form .individualArea .form_content dl dd textarea {
  height: 200px;
  font-size: 1.6rem !important;
}
form .individualArea .form_content dl dd .display_input {
  font-size: 1.3rem;
  margin-top: 5px;
}
form .individualArea .form_content dl dd .flex {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin-bottom: 10px;
}
form .individualArea .form_content dl dd .flex input, form .individualArea .form_content dl dd .flex select, form .individualArea .form_content dl dd .flex textarea {
  margin-right: 0;
}
form .individualArea .form_content dl dd .flex input.tel {
  width: 90%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd .flex input.tel {
    width: 80%;
  }
}
form .individualArea .form_content dl dd .flex input.history {
  width: 80%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd .flex input.history {
    width: 100%;
  }
}
form .individualArea .form_content dl dd .flex input.schoolname {
  width: 80%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd .flex input.schoolname {
    width: 100%;
  }
}
form .individualArea .form_content dl dd .flex select.job {
  width: 80%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd .flex select.job {
    width: 70%;
  }
}
form .individualArea .form_content dl dd .flex select.history {
  width: 80%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd .flex select.history {
    width: 100%;
  }
}
form .individualArea .form_content dl dd .flex textarea.history {
  width: 80%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd .flex textarea.history {
    width: 100%;
  }
}
form .individualArea .form_content dl dd .flex.start {
  justify-content: flex-start;
}
form .individualArea .form_content dl dd .station select.job {
  width: 40% !important;
  margin: 5px 0 !important;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd .station select.job {
    width: 70% !important;
  }
}
form .individualArea .form_content dl dd .address {
  padding: 10px 0;
}
form .individualArea .form_content dl dd .address h3 {
  font-weight: bold;
}
form .individualArea .form_content dl dd.mail .flex {
  margin-top: 23px;
}
form .individualArea .form_content dl dd.mail .flex label {
  margin-right: 30px;
}
form .individualArea .form_content dl dd.identification label {
  margin-top: 10px;
}
form .individualArea .form_content dl dd.identification label input {
  font-size: 1.3rem;
}
form .individualArea .form_content dl dd.week .flex label {
  margin-right: 20px;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd.week .flex:not(.time) {
    line-height: 2.5;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd.week .time label {
    margin-right: 10px;
  }
}
form .individualArea .form_content dl dd.week .time select {
  width: 200px;
  margin-right: 20px;
}
@media all and (max-width: 1200px) {
  form .individualArea .form_content dl dd.week .time select {
    width: 100px;
    margin-right: 10px;
    padding: 10px 0;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd.week .time select {
    width: 90px;
  }
}
@media all and (max-width: 360px) {
  form .individualArea .form_content dl dd.week .time select {
    width: 80px;
  }
}
form .individualArea .form_content dl dd.week .time select:last-child {
  margin-right: 0;
}
form .individualArea .form_content dl dd.shokureki .kikanArea {
  width: 80%;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
}
@media all and (max-width: 1300px) {
  form .individualArea .form_content dl dd.shokureki .kikanArea {
    justify-content: flex-start;
  }
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl dd.shokureki .kikanArea {
    display: block;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd.shokureki .kikanArea {
    width: 100%;
  }
}
form .individualArea .form_content dl dd.shokureki .kikanArea input.kikan {
  width: 240px;
}
@media all and (max-width: 1300px) {
  form .individualArea .form_content dl dd.shokureki .kikanArea input.kikan {
    width: 35%;
    margin: 0 10px;
  }
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl dd.shokureki .kikanArea input.kikan {
    width: 85%;
    margin: 0 10px 0 0;
  }
}
form .individualArea .form_content dl dd.shokureki .kikanArea input.kikan:last-child {
  margin: 0 0 0 10px;
}
@media all and (max-width: 896px) {
  form .individualArea .form_content dl dd.shokureki .kikanArea input.kikan:last-child {
    margin: 0;
  }
}
form .individualArea .form_content dl dd.gakureki .schoolname {
  margin-top: 10px;
}
form .individualArea .form_content dl dd.gakureki .schoolname input {
  width: 80%;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd.gakureki .year {
    justify-content: flex-start;
  }
}
form .individualArea .form_content dl dd.gakureki .year select {
  width: 220px;
}
@media all and (max-width: 1300px) {
  form .individualArea .form_content dl dd.gakureki .year select {
    width: 100px;
    margin-right: 20px;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd.gakureki .year select {
    width: 60px;
    margin: 0 10px 0 5px;
    padding: 10px 0;
  }
}
@media all and (max-width: 360px) {
  form .individualArea .form_content dl dd.gakureki .year select {
    margin: 0 5px;
  }
}
form .individualArea .form_content dl dd.gakureki .year .yearwrap {
  width: 80%;
}
@media all and (max-width: 1300px) {
  form .individualArea .form_content dl dd.gakureki .year .yearwrap {
    justify-content: flex-start;
  }
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd.gakureki .year .yearwrap {
    margin-bottom: 0;
  }
}
form .individualArea .form_content dl dd ul li {
  padding-left: 1.8em;
  text-indent: -1.8em;
}
@media all and (max-width: 480px) {
  form .individualArea .form_content dl dd ul li {
    margin-bottom: 10px;
  }
}
form .area_submit {
  margin-top: 50px;
}
form .area_submit .submit {
  margin: 20px auto 0;
  max-width: 600px;
}
form .area_submit .submit li {
  margin: 15px 0;
  position: relative;
}
form .area_submit .submit li:after {
  position: absolute;
  content: "";
  background: url(../../common/images/icon_arrow.svg) center center/cover no-repeat;
  top: 50%;
  transform: translateY(-50%);
  right: 30px;
  width: 18px;
  height: 18px;
}
form .area_submit .submit li.prev:after {
  transform: translateY(-50%) scaleX(-1);
  left: 30px;
}
form .area_submit .submit li.gray {
  text-align: center;
}
form .area_submit .submit li.gray:after {
  content: none;
}
form .area_submit .submit li .btn_submit {
  position: relative;
  display: block;
  background: #47B6E4;
  color: #fff;
  text-align: center;
  padding: 16px 20px;
  font-size: 2.6rem;
  font-family: 'Noto Sans JP', sans-serif;
  font-weight: 500;
  border-radius: 50px;
  margin: auto;
  cursor: pointer;
  width: calc(100% - 30px);
}
@media all and (max-width: 480px) {
  form .area_submit .submit li .btn_submit {
    padding: 11px 20px;
  }
}
form .area_submit .submit li .btn_submit:hover {
  opacity: 0.6;
  transition: 0.3s;
}
@media all and (max-width: 480px) {
  form .area_submit .submit li .btn_submit {
    font-size: 2rem;
  }
}
form .area_submit .submit li .btn_submit#retouchBtn {
  background: #ccc;
  color: #707070;
}

.formLayout .errmsg,
.formLayout #errorMessage {
  box-sizing: border-box;
  width: 100%;
  background: #FFF;
  border: 3px solid #f00;
  padding: 10px;
  margin: 10px auto;
  color: #F00;
}

.formLayout .errmsg a,
.formLayout #errorMessage a {
  color: #F00;
}

.formLayout.input_now .display_check,
.formLayout.check_now .display_input {
  display: none;
}

.check_now .flex {
  justify-content: flex-start !important;
}
.check_now .flex label {
  margin-right: 1em;
}