@charset "UTF-8";

#saiyo_index .submenu_list .sl01 {
  background-color: #ddf1fc;
}
#saiyo_toiawase .submenu_list .sl02 {
  background-color: #ddf1fc;
}

.pagetitle {
  font-size: 250%;
  font-weight: bold;
  letter-spacing: 1px;
  margin: 10px 0 30px;
}

/* 採用情報 */

#saiyo_index #main {
  min-height: 500px;
}
.catch {
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 23px;
  line-height: 1.45;
}
.comm_p {
  font-size: 116%;
  line-height: 1.45;
}

/* フォーム */

#saiyo_toiawase #main { min-height: 500px; }

.lead {
  font-size: 123%;
  line-height: 1.45;
  margin: 25px 0;
}

.note {
  border: 3px solid #d6dfe4;
  margin-bottom: 25px;
  padding: 13px 13px 9px;
}
.note h3 {
  font-size: 140%;
  font-weight: bold;
  margin-bottom: 8px;
}
.note p {
  font-size: 108%;
  line-height: 1.7;
}
.must_p {
  color: #5f98d4;
  font-size: 123%;
  margin-bottom: 10px;
}
.form_tbl {
  border-top: 1px solid #bbbbbb;
  border-left: 1px solid #bbbbbb;
  width: 100%;
  margin-bottom: 25px;
}
.form_tbl th {
  background: #e6e7e7 none repeat scroll 0 0;
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  font-size: 116%;
  padding: 10px 5px 8px 10px;
  text-align: left;
  vertical-align: top;
  width: 70px;
  line-height: 1.45;
}
.form_tbl .th2 {
  background: #f1f1f1 none repeat scroll 0 0;
  border-bottom: 1px solid #bbbbbb;
  border-right: 1px solid #bbbbbb;
  width: 120px;
}
.form_tbl td {
  border-right: 1px solid #bbbbbb;
  border-bottom: 1px solid #bbbbbb;
  padding: 10px 10px 8px 10px;
  line-height: 1.45;
}
.posi {
  font-size: 100%;
  position: relative;
}
.must_h {
  color: #5f98d4;
  position: absolute;
  right: 0;
  top: 0;
}
.sw { display: block; }
input[type="text"] {
  width: 99%;
}
#main .kakunin th { width: 150px; }
#main .kakunin td { font-size: 116%; }
#f01,
#f02,
#f03,
#f04 {
  width: 210px;
  box-sizing: border-box;
}
.l_name {
  display: inline-block;
  width: 30px;
}
#f14 {
  height: 13em;
  width: 99%;
}
.f07_1,
.f10_1,
.f11_1,
.f12_1,
.f13_1 {
  display: inline-block;
  margin-top: 5px;
  font-size: 108%;
  line-height: 1.45;
}
.f12_1 {
  text-indent: -1em;
  padding-left: 1em;
}
.submit_btn {
  text-align: center;
  position: relative;
}
.go {
  background: url("images/kakunin_btn.png") no-repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  display: block;
  height: 63px;
  margin: 0 auto;
  text-indent: -9999px;
  width: 222px;
}
.goto {
  background: url("images/soushin_btn.png") no-repeat scroll 0 0;
  border: 0 none;
  cursor: pointer;
  height: 63px;
  text-indent: -9999px;
  width: 222px;
}
.last_back {
  background: #c7dbf0 none repeat scroll 0 0;
  bottom: 0;
  color: #222222;
  font-size: 123%;
  margin-left: 10px;
  position: absolute;
  border: 1px solid #cccccc;
  cursor: pointer;
}

.back_chk { margin-bottom: 20px; }
.back_chk li {
  font-size: 116%;
  line-height: 1.45;
  list-style-type: disc;
  margin-left: 25px;
}
.back_btn {}
.back_btn input[type="submit"] {
  background: #c7dbf0 none repeat scroll 0 0;
  bottom: 0;
  color: #222222;
  font-size: 123%;
  border: 1px solid #cccccc;
  cursor: pointer;
}

@media only screen and (max-width: 900px) {

  #main {
    padding: 0 5px;
    margin-bottom: 20px;
  }
  .pagetitle {
    font-size: 170%;
    margin: 25px 0 15px;
  }

  #saiyo_index #main {
    min-height: 200px;
  }
  .catch span { display: block; }

  .form_tbl {
    margin-bottom: 15px;
  }
  .form_tbl th {
    display: block;
    padding: 7px;
    width: 296px;
  }
  .form_tbl .th2 {
    display: block;
    padding: 7px;
    width: 296px;
  }
  .form_tbl td {
    display: block;
    padding: 7px;
    width: 296px;
  }
  .posi {
    font-size: 100%;
    position: relative;
  }
  .must_h {
  }
  .sw { display: inline; }
  input[type="text"] {
    width: 95%;
  }
  #main .kakunin th { width: auto; }
  #f01,
  #f02,
  #f03,
  #f04 { width: 80px; }
  .l_name {
    width: 26px;
  }
  #f14 {
    height: 13em;
    width: 98%;
  }
  .f07_1,
  .f10_1,
  .f11_1,
  .f12_1,
  .f13_1 { }
  .f12_1 { font-size: 100%; }
  .go {
    background: url("images/kakunin_btn.png") no-repeat scroll 0 0;
    border: 0 none;
    cursor: pointer;
    display: block;
    height: 63px;
    margin: 0 auto;
    text-indent: -9999px;
    width: 222px;
  }
  .last_back {
    bottom: 0;
    display: block;
    margin: 10px auto;
    position: static;
  }

}