@charset "UTF-8";

/*
0.  管理画面共通
1.  画面ごとの個別スタイル(学校管理画面)
2.  画面ごとの個別スタイル(企業管理画面)
3.  画面ごとの個別スタイル(管理者管理画面)
*/

/*----------------------------------------------------------------------------------------------------------------------------------------------------
　0 管理画面共通
/*--------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------- ヘッダー ---------------*/

.adminHeader {
  position: fixed;
  z-index: 5000;
  background: #222;
  width: 100%;
  height: 60px;
  padding: 0 10px;
}

.adminHeader .barContent {
  height: 60px;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.adminHeader .barContent h1 a {
  display: inline-block;
}

.adminHeader .barContent h1 a img {
  display: inline-block;
  margin-right: 10px;
  width: 122px;
  height: 28px;
}

.adminHeader .barContent h1 a:hover img {
  opacity: 0.8;
}

.adminHeader .barContent h1 span {
  color: #888;
  font-size: 1.0rem;
  font-weight: normal;
}

.adminHeader .barContent .loginUser {
  font-size: 1.3rem;
  color: #fff;
}

/*---------------グローバルナビゲーション---------------*/

.globalNav {
  position: fixed;
  z-index: 5000;
  height: 100%;
  width: 200px;
  background: #292929;
}

.globalNav ul li a {
  background-color: #292929;
  padding: 16px 0 17px 20px;
  color: #fff;
  font-size: 1.4rem;
}

.globalNav ul li a:hover {
  background-color: #f39800;
}

.globalNav ul li a img {
  display: inline-block;
  width: 17px;
  margin-right: 16px;
}

.globalNav ul li .openMenu {
  background-image: url(/images/ico_navi_arrow_open.png);
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.globalNav ul li .closed {
  background-image: url(/images/ico_navi_arrow_close.png);
  background-repeat: no-repeat;
  background-position: right 14px center;
}

.globalNav ul li .subMenu li a {
  background: #333;
  padding: 13px 0 14px 58px;
  color: #fff;
  font-size: 1.3rem;
}

.globalNav ul li .subMenu li a:hover {
  background: #f39800;
}

.globalNav ul li .subMenu .current a {
  background-color: #f39800;
}

.globalNav ul .current a {
  background-color: #f39800;
}

.scrollBar {
  height: 90vh;
}

/*--------------- 全体レイアウト ---------------*/

.pageWrap {
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
}

.contentWrap {
  position: absolute;
  top: 60px;
  width: 100%;
  height: 100%;
}

.contentBox {
  margin-left: 200px;
  padding: 30px 30px 60px;
  background: #f1f1f1;
  position: relative;
  min-height: 100vh;
}

.textBox {
  width: 1000px;
  margin: 40px auto;
}

.textBox h1 {
  width: 260px;
  margin: 0 auto 30px;
}

.textBox h1 img {
  width: 100%;
}

/*--------------- ブロックレイアウト ---------------*/

.block {
  border: 1px solid #e1e1e1;
  background: #fff;
  margin-bottom: 30px;
  position: relative;
}

.blockLayout01 .blockContent {
  padding: 20px;
}

.blockLayout02 .blockContent {
  padding: 0 20px;
}

.columnWrap {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
  position: relative;
}

/*--------------- 画面タイトル ---------------*/

.screenTitle {
  font-size: 2.6rem;
  font-weight: bold;
  color: #000;
  padding: 8px 0 8px 14px;
  margin-bottom: 30px;
  border-left: 4px solid #f39800;
}

/*--------------- 画面サブタイトル ---------------*/

.screenSubTitle {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

/*--------------- ブロックタイトル ---------------*/

.blockTitle {
  font-size: 1.6rem;
  font-weight: bold;
  padding: 18px 0 17px 20px;
  border-bottom: 1px solid #e1e1e1;
}

.blockTitle a {
  display: inline-block;
  color: #0073aa;
}

.blockTitle a:hover {
  text-decoration: underline;
}

/*--------------- ブロックサブタイトル ---------------*/

.blockSubTitle {
  font-size: 1.6rem;
  margin-bottom: 10px;
}

/*--------------- サイドパネル ---------------*/

.sidePanel {
  width: 220px;
  margin-left: 30px;
  position: fixed;
}

/*--------------- おしらせ ---------------*/

.topics ul li {
  padding: 20px 0;
  border-bottom: 1px dotted #ccc;
}

.topics ul li:last-child {
  border: none;
}

.topics ul li dl {
  font-size: 1.3rem;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.topics ul li dl dt {
  width: 110px;
}

.topics ul li dl dd a {
  color: #0073aa;
  font-size: 1.4rem;
  font-weight: bold;
  display: inline-block;
}

.topics ul li dl dd a:hover {
  text-decoration: underline;
}

/*--------------- 求人一覧レイアウト（tableのレイアウト01） ---------------*/

.jobList .block {
  border: none;
}

.listLayout01 {
  width: 100%;
  border: 1px solid #e1e1e1;
}

.listLayout01 thead tr {
  cursor: auto;
}

.listLayout01 thead tr:hover {
  background: none;
}

.listLayout01 tr {
  cursor: pointer;
  background: #fff;
}

.listLayout01 tr:hover {
  background: #fdedd7;
}

.listLayout01 tr th {
  font-size: 1.3rem;
  line-height: 1.2;
  background: #fff;
  color: #000;
  text-align: left;
  padding: 13px 4px 12px 4px;
  border-bottom: 1px solid #e1e1e1;
  vertical-align: middle;
}

.listLayout01 tr th:first-child {
  padding-left: 10px;
}

.listLayout01 tr th:last-child {
  padding-right: 10px;
}

.listLayout01 tr th input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  background-image: url(/images/form_checkbox_off.png);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.listLayout01 tr th input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/images/form_checkbox_on.png);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
}

.listLayout01 tr th button[type="submit"] {
  background: #fff;
  color: #666;
  border: none;
  display: block;
  font-size: 1.2rem;
  margin: 0 auto;
  margin-top: 2px;
  cursor: pointer;
}

.listLayout01 tr .large {
  width: 80% !important;
}

.listLayout01 tr .medium {
  width: 40% !important;
}

.listLayout01 tr .short {
  width: 200px !important;
}

.listLayout01 tr .vshort {
  width: 100px !important;
}

.listLayout01 tr td {
  font-size: 1.2rem;
  line-height: 1.4;
  /*background: #fff;*/
  height: 60px;
  padding: 6px;
  border-bottom: 1px solid #e1e1e1;
  vertical-align: middle;
}

.listLayout01 tr td span {
  margin-left: 10px;
}

.listLayout01 tr td a {
  color: #0073aa;
  font-weight: bold;
}

.listLayout01 tr td a:hover {
  text-decoration: underline;
}

.listLayout01 tr td input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  position: relative;
  display: inline-block;
  background-image: url(/images/form_checkbox_off.png);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  width: 16px;
  height: 16px;
  cursor: pointer;
}

.listLayout01 tr td input[type="checkbox"]:checked:before {
  content: "";
  position: absolute;
  left: 0px;
  top: 0px;
  display: inline-block;
  width: 16px;
  height: 16px;
  background-image: url(/images/form_checkbox_on.png);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
}

.listLayout01 tr td button {
  height: 28px;
}

.listLayout01 tr td p {
  margin-bottom: 5px;
  line-height: 1.6;
}

.listLayout01 tr td p span {
  margin-right: 10px;
}

.listLayout01 tr td .courseCategory p {
  font-size: 1.2rem;
  font-weight: bold;
  color: #222;
}

.listLayout01 tr td .courseCategory ul {
  overflow: hidden;
}

.listLayout01 tr td .courseCategory ul li {
  padding: 2px 6px;
  float: left;
  margin: 0 5px 5px 0;
  border: 1px solid #ccc;
  font-size: 1.1rem;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.listLayout01 tr td .courseCategory ul .course01 {
  border-color: #e53935;
  color: #e53935;
}

.listLayout01 tr td .courseCategory ul .course02 {
  border-color: #d81b60;
  color: #d81b60;
}

.listLayout01 tr td .courseCategory ul .course03 {
  border-color: #8e24aa;
  color: #8e24aa;
}

.listLayout01 tr td .courseCategory ul .course04 {
  border-color: #1e88e5;
  color: #1e88e5;
}

.listLayout01 tr td .courseCategory ul .course05 {
  border-color: #00acc1;
  color: #00acc1;
}

.listLayout01 tr td .courseCategory ul .course06 {
  border-color: #43a047;
  color: #43a047;
}

.listLayout01 tr td .courseCategory ul .course07 {
  border-color: #ffb300;
  color: #ffb300;
}

.listLayout01 tr td .courseCategory ul .course08 {
  border-color: #f4511e;
  color: #f4511e;
}

.listLayout01 tr td img {
  width: 80px;
  height: 80px;
  -o-object-fit: contain;
     object-fit: contain;
}

.listLayout01 tr .cellCheck {
  cursor: auto;
}

.listLayout01 tr .cellCheck .posted {
  font-weight: bold;
  text-align: center;
  padding: 4px;
  width: 50px;
  font-size: 1.2rem;
  background: #666;
  color: #fff;
}

.listLayout01 tr .cellNumber {
  min-width: 50px;
  white-space: normal;
}

.listLayout01 tr .cellDate {
  min-width: 84px;
  white-space: normal;
}

.listLayout01 tr .tdImg {
  padding-right: 10px;
}

.listLayout01 tr .cellCompanyName {
  min-width: 170px;
  white-space: normal;
}

.listLayout01 tr .cellJobTitle {
  min-width: 200px;
  white-space: normal;
}

.listLayout01 tr .cellJobType {
  min-width: 210px;
  white-space: normal;
}

.listLayout01 tr .cellJobArea {
  min-width: 210px;
  white-space: normal;
}

.listLayout01 tr .cellJobCate {
  min-width: 210px;
  white-space: normal;
}

.listLayout01 tr .cellSchoolName {
  min-width: 200px;
  white-space: normal;
}

.listLayout01 tr .cellAddress {
  min-width: 250px;
  white-space: normal;
}

.listLayout01 tr .cellUserName {
  min-width: 150px;
  white-space: normal;
}

.listLayout01 tr .cellSchoolData {
  min-width: 300px;
  white-space: normal;
}

.listLayout01 tr .cellSchoolData p span {
  font-weight: bold;
  margin: 0;
}

.listLayout01 tr .cellSchoolPoint {
  min-width: 400px;
  white-space: normal;
}

.listLayout01 tr .cellSchoolPoint p span {
  font-weight: bold;
  margin: 0;
}

.listLayout01 tr .cellSchoolJobData {
  min-width: 400px;
  white-space: normal;
}

.listLayout01 tr .cellSchoolJobData p span {
  font-weight: bold;
  margin: 0;
}

.listLayout01 tr .cellSchoolCourse {
  min-width: 200px;
  white-space: normal;
}

.listLayout01 tr .cellSchoolCourse p span {
  font-weight: bold;
  margin: 0;
}

.listLayout01 tr .cellCount {
  min-width: 88px;
  white-space: normal;
  text-align: center;
}

.listLayout01 tr .cellDayNight {
  min-width: 88px;
  white-space: normal;
  text-align: center;
}

.listLayout01 tr .cellYear {
  min-width: 146px;
  white-space: normal;
}

.listLayout01 tr .cellStatus {
  width: 64px;
  white-space: normal;
}

.listLayout01 tr .cellHelloWorkFlag {
  min-width: 100px;
  white-space: normal;
}

.listLayout01 tr .cellOperation {
  width: 70px;
  white-space: normal;
  margin: 0 auto;
}

.listLayout01 tr .tdbutton {
  text-align: center;
}

.listLayout01 tr .tdbutton button {
  width: 70px;
  padding: 0;
  display: block;
  margin: 5px 0;
}

.listLayout01 tr .share {
  text-align: center !important;
  width: 80px;
}

.listLayout01 tr .share img {
  width: 30px;
  margin: 0 auto;
}

.listLayout01 .shortWidth {
  width: 140px;
}

.listLayout01 .endProject {
  position: relative;
}

.listLayout01 .endProject:after {
  content: "";
  width: 100%;
  height: 61px;
  display: block;
  position: absolute;
  left: 0;
  background: rgba(68, 68, 68, 0.7);
}

.listLayout01 .closedData {
  background: #ccc;
}

@media all and (-ms-high-contrast: none) {
  .listLayout01 *::-ms-backdrop,
  .listLayout01 .endProject:after {
    margin-top: -34px;
  }
}

@supports (-ms-ime-align: auto) {
  .listLayout01 .endProject:after {
    margin-top: -34px;
    /* Edge */
  }
}

/*--------------- 検索フォームレイアウト（tableのレイアウト02） ---------------*/

.listLayout02 {
  width: 100%;
  border: 1px solid #e1e1e1;
  margin-bottom: 20px;
}

.listLayout02 th {
  width: 220px;
  font-size: 1.4rem;
  color: #000;
  text-align: left;
  padding: 10px;
  border-bottom: 1px solid #e1e1e1;
  background: #f1f1f1;
  vertical-align: middle;
}

.listLayout02 td {
  font-size: 1.3rem;
  padding: 10px;
  border-bottom: 1px solid #e1e1e1;
}

.listLayout02 td .large {
  width: 80% !important;
}

.listLayout02 td .medium {
  width: 40% !important;
}

.listLayout02 td .short {
  width: 200px !important;
}

.listLayout02 td .vshort {
  width: 100px !important;
}

.listLayout02 td .formParts {
  margin-bottom: 14px;
}

.listLayout02 td .formParts input[type="text"],
.listLayout02 td .formParts input[type="number"] {
  margin-right: 10px;
}

.listLayout02 td .formParts textarea {
  vertical-align: top;
  margin-bottom: 8px;
}

.listLayout02 td .formParts p {
  font-size: 1.3rem;
  margin-bottom: 4px;
}

.listLayout02 td .formParts span {
  font-size: 1.3rem;
  padding-left: 10px;
}

.listLayout02 td .formParts ul {
  overflow: hidden;
  margin-bottom: 20px;
}

.listLayout02 td .formParts ul li {
  float: left;
  margin-right: 30px;
  margin-bottom: 4px;
}

.listLayout02 td .formParts ul li label {
  margin-right: 10px;
}

.listLayout02 td .formParts ul li .btnSelect {
  height: 20px;
  padding: 0 6px;
  font-weight: normal;
}

.listLayout02 td .formParts h3 {
  background: #f1f1f1;
  padding: 8px 10px;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

.listLayout02 td .areaSelect h3 {
  padding: 1px 10px;
}

.listLayout02 .selectTd .btnSelect {
  float: left;
}

/*--------------- 求人詳細レイアウト（tableのレイアウト03） ---------------*/

.listLayout03 {
  width: 100%;
  border: 1px solid #e1e1e1;
  margin: 20px 0;
}

.listLayout03 tr th {
  width: 260px;
  font-size: 1.4rem;
  line-height: 1.4;
  color: #000;
  text-align: left;
  padding: 14px 10px;
  border-bottom: 1px solid #e1e1e1;
  background: #f1f1f1;
  vertical-align: middle;
}

.listLayout03 tr td {
  font-size: 1.3rem;
  line-height: 1.8;
  padding: 14px 10px;
  border-bottom: 1px solid #e1e1e1;
}

.listLayout03 tr td dl {
  margin-bottom: 12px;
}

.listLayout03 tr td dl .largeArea:before {
  content: "\25A0";
  display: inline-block;
}

.listLayout03 tr td dl .middleArea:before {
  content: "\30FB";
  display: inline-block;
}

.listLayout03 tr td dl .middleArea ul {
  display: inline-block;
}

.listLayout03 tr td dl .middleArea ul li {
  display: inline-block;
}

.listLayout03 tr td dl .middleArea ul li:after {
  content: "\3001";
  display: inline-block;
  margin-right: -5px;
}

.listLayout03 tr td dl .smallArea {
  padding-left: 1em;
}

.listLayout03 tr td dl .smallArea ul li {
  display: block;
}

.listLayout03 tr td strong {
  font-weight: bold;
  display: block;
}

.listLayout03 tr td a {
  display: inline-block;
  color: #0073aa;
}

.listLayout03 tr td a:hover {
  text-decoration: underline;
}

/*--------------- 入力フォームレイアウト（tableのレイアウト04） ---------------*/

.listLayout04 {
  width: 100%;
  margin: 20px 0;
}

.listLayout04 tr th {
  width: 240px;
  font-size: 1.5rem;
  line-height: 1.4;
  color: #000;
  text-align: left;
  padding: 3px 10px 0 10px;
}

.listLayout04 tr th p {
  float: left;
  margin-bottom: 10px;
}

.listLayout04 tr th span {
  float: right;
  color: #fff;
  background: #f39800;
  font-size: 1.2rem;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  padding: 2px 5px;
}

.listLayout04 tr th .recommend {
  background: #00bfff;
}

.listLayout04 tr th .supplement {
  clear: both;
  overflow: hidden;
  background: #f1f1f1;
  padding: 10px;
  font-size: 1.2rem;
  line-height: 1.6;
  font-weight: normal;
}

.listLayout04 tr th .supplement p {
  font-size: 1.2rem;
  line-height: 1.6;
}

.listLayout04 tr td {
  padding: 0 10px 30px 30px;
  font-size: 1.3rem;
  vertical-align: top;
}

.listLayout04 tr td .large {
  width: 80% !important;
}

.listLayout04 tr td .medium {
  width: 40% !important;
}

.listLayout04 tr td .short {
  width: 200px !important;
}

.listLayout04 tr td .vshort {
  width: 100px !important;
}

.listLayout04 tr td .contactTxt {
  height: 365px !important;
}

.listLayout04 tr td .formParts {
  margin-bottom: 14px;
}

.listLayout04 tr td .formParts input[type="text"],
.listLayout04 tr td .formParts input[type="number"] {
  margin-right: 10px;
}

.listLayout04 tr td .formParts textarea {
  vertical-align: top;
}

.listLayout04 tr td .formParts p {
  font-size: 1.3rem;
  margin-bottom: 4px;
}

.listLayout04 tr td .formParts span {
  font-size: 1.3rem;
  padding-left: 10px;
}

.listLayout04 tr td .formParts ul {
  overflow: hidden;
  margin-bottom: 20px;
}

.listLayout04 tr td .formParts ul li {
  float: left;
  margin-right: 30px;
  margin-bottom: 4px;
}

.listLayout04 tr td .formParts ul li label {
  margin-right: 10px;
}

.listLayout04 tr td .formParts ul li .btnSelect {
  height: 20px;
  padding: 0 6px;
  font-weight: normal;
}

.listLayout04 tr td .formParts h3 {
  background: #f1f1f1;
  padding: 8px 10px;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

.listLayout04 tr td .formParts .offer_edit_images {
  margin-bottom: 20px;
  max-width: 200px;
  max-height: 200px;
}

.listLayout04 tr td .areaSelect h3 {
  padding: 1px 10px;
}

.listLayout04 tr td .supplement {
  background: #f1f1f1;
  padding: 10px;
  margin-top: 14px;
}

.listLayout04 tr td .supplement p {
  font-size: 1.2rem;
  line-height: 1.6;
}

.listLayout04 tr td .innerTable ul {
  margin-bottom: 14px;
  display: table;
  table-layout: fixed;
}

.listLayout04 tr td .innerTable ul li {
  width: 80px;
  padding: 0 10px;
  display: table-cell;
  vertical-align: middle;
}

.listLayout04 tr td .innerTable ul li:nth-child(1) {
  width: 160px;
  text-align: left;
}

.listLayout04 tr td .innerTable ul li:nth-child(2) {
  text-align: center;
}

.listLayout04 tr td .innerTable ul li:nth-child(3) {
  text-align: center;
}

.listLayout04 tr td .innerTable ul li:nth-child(4) {
  text-align: center;
}

.listLayout04 tr td .innerTable .thead li {
  background: #f1f1f1;
  font-size: 1.2rem;
  font-weight: bold;
  padding: 8px 10px;
}

.listLayout04 tr td .txtBox01,
.listLayout04 tr td .txtBox02,
.listLayout04 tr td .txtBox03,
.listLayout04 tr td .txtBox04,
.listLayout04 tr td .txtBox05,
.listLayout04 tr td .txtBox06,
.listLayout04 tr td .txtBox07 {
  display: none;
}

.listLayout04 .thumbnail {
  width: 40%;
}

.seveBtnArea {
  width: 252px;
  margin: 0 auto;
}

.seveBtnArea ul {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.seveBtnArea ul li {
  margin: 0 10px;
}

.seveBtnArea ul li button.redBtn {
  height: 40px;
  padding: 0 20px;
  border: none;
  border-radius: 0;
  background: #fa344d;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.seveBtnArea ul li button.redBtn:hover {
  opacity: 0.8;
}

.btnArea {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.btnArea button.redBtn {
  height: 40px;
  padding: 0 20px;
  border: none;
  border-radius: 0;
  background: #fa344d;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.btnArea button.redBtn:hover {
  opacity: 0.8;
}

/*--------------- 3カラムブロックレイアウト ---------------*/

.columns {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
}

.columns .block {
  width: 33%;
  margin-right: 21px;
}

.columns .block:last-child {
  margin-right: 0;
}

/*--------------- タブ切り替え ---------------*/

.tab {
  overflow: hidden;
  position: relative;
  padding-top: 10px;
  bottom: -1px;
  z-index: 1000;
}

.tab li {
  width: 142px;
  height: 40px;
  margin-right: 4px;
  background: #dedede;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  font-size: 1.4rem;
  font-weight: bold;
  float: left;
  cursor: pointer;
}

.tab .select {
  background: #fff;
  border-top: 2px solid #f39800;
  border-right: 1px solid #e1e1e1;
  border-left: 1px solid #e1e1e1;
}

/*--------------- フォームパーツ ---------------*/

input[type="text"],
input[type="number"],
input[type="password"] {
  width: 100%;
  height: 34px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 4px;
  vertical-align: middle;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}

input[type="text"]:placeholder-shown,
input[type="number"]:placeholder-shown,
input[type="password"]:placeholder-shown {
  color: #ccc;
}

input[type="text"]::-webkit-input-placeholder,
input[type="number"]::-webkit-input-placeholder,
input[type="password"]::-webkit-input-placeholder {
  color: #ccc;
}

input[type="text"]:-moz-placeholder,
input[type="number"]:-moz-placeholder,
input[type="password"]:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

input[type="text"]::-moz-placeholder,
input[type="number"]::-moz-placeholder,
input[type="password"]::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

input[type="text"]:-ms-input-placeholder,
input[type="number"]:-ms-input-placeholder,
input[type="password"]:-ms-input-placeholder {
  color: #ccc;
}

select {
  width: 100px;
  height: 34px;
  margin-right: 10px;
}

select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border: 1px solid #ccc;
  padding: 0 5px;
  background-color: #fff;
  background-image: url(/images/form_selectbox.png);
  background-repeat: no-repeat;
  background-position: right 5px center;
  background-size: 5px;
  cursor: pointer;
}

select::-ms-expand {
  display: none;
}

.radioParts {
  margin-right: 20px;
}

input[type="radio"] {
  display: none;
}

input[type="radio"] + label {
  vertical-align: middle;
  padding: 0 0 0 20px;
  background-image: url(/images/form_radio_off.png);
  background-size: 13px;
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer;
}

input[type="radio"]:checked + label {
  vertical-align: middle;
  padding: 0 0 0 20px;
  background-image: url(/images/form_radio_on.png);
  background-size: 13px;
  background-position: left center;
  background-repeat: no-repeat;
  cursor: pointer;
}

input[type="checkbox"] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  display: none;
  z-index: 1000;
}

input[type="checkbox"] + label {
  display: inline-block;
  background-image: url(/images/form_checkbox_off.png);
  background-size: 16px;
  background-position: left center;
  background-repeat: no-repeat;
  padding: 6px 0 3px 25px;
  margin-right: 30px;
  font-size: 1.3rem;
  line-height: 1.4;
  cursor: pointer;
}

input[type="checkbox"]:checked + label {
  background-image: url(/images/form_checkbox_on.png);
  cursor: pointer;
}

input[type="checkbox"]:disabled + label {
  color: #ccc;
}

textarea {
  width: 100%;
  height: 100px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.textareaLen {
  font-size: 1.3rem;
  text-align: right;
  margin-top: 2px;
}

.btnSelect {
  height: 34px;
  padding: 0 20px;
  margin-right: 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.btnSelect:hover {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

.btnSelect.checkedDetail {
  padding: 0 6px 0 20px !important;
  background: url("/images/ico_checked_black.png") no-repeat left 4px center !important;
  background-color: #fff !important;
}

.btnSelect.checkedDetail:hover {
  background: url("/images/ico_checked_white.png") no-repeat left 4px center !important;
  background-color: #f39800 !important;
}

.btnFile {
  position: relative;
  width: 518px;
  height: 34px;
  overflow: hidden;
}

.btnFile .fileButton {
  float: left;
  width: 150px;
  height: 34px;
  line-height: 34px;
  padding: 0 20px;
  margin-right: 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: #fff;
  font-size: 1.3rem;
  font-weight: bold;
  text-align: center;
  cursor: pointer;
}

.btnFile .fileInput {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  width: 150px;
  height: 100%;
  font-size: 315px;
  opacity: 0;
  cursor: pointer !important;
}

.btnFile .fileInput:hover + .fileButton {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

.btnFile .fileText {
  float: left;
  width: 358px;
  height: 34px;
  line-height: 34px;
  padding: 0 10px;
  border: 1px solid #ccc;
}

.btnCsv {
  background-color: #fa344d;
  background-image: url(/images/ico_csv_on.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 42px;
  color: #fff;
  border: none;
}

.btnCsv:hover {
  border: none;
  background-color: #fa344d;
  background-image: url(/images/ico_csv_on.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  opacity: 0.8;
}

.selectTxt {
  margin-left: 200px;
  display: block;
  line-height: 1.6;
}

/*--------------- ボタンレイアウト ---------------*/

/* 検索ボタン */

.searchBtn {
  width: 260px;
  height: 50px;
  margin: 0 auto;
}

.searchBtn input[type="submit"] {
  width: 260px;
  height: 50px;
  border: none;
  background-color: #fa344d;
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
  background-image: url(/images/ico_search.png);
  background-repeat: no-repeat;
  background-position: left 100px center;
  padding-left: 30px;
}

.searchBtn input[type="submit"]:hover {
  opacity: 0.8;
}

.searchBtn button {
  width: 260px;
  height: 50px;
  border: none;
  background-color: #fa344d;
  color: #fff;
  font-size: 1.4rem;
  cursor: pointer;
  background-image: url(/images/ico_search.png);
  background-repeat: no-repeat;
  background-position: left 100px center;
  padding-left: 30px;
}

.searchBtn button:hover {
  opacity: 0.8;
}

.wordSearch {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.wordSearch input[type="text"] {
  width: 100%;
  height: 34px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 4px;
}

.wordSearch input[type="text"]:placeholder-shown {
  color: #ccc;
}

.wordSearch input[type="text"]::-webkit-input-placeholder {
  color: #ccc;
}

.wordSearch input[type="text"]:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.wordSearch input[type="text"]::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.wordSearch input[type="text"]:-ms-input-placeholder {
  color: #ccc;
}

.wordSearch button {
  width: 100%;
  height: 34px;
  border: 1px solid #ccc;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  padding: 2px 4px;
}

.wordSearch button:placeholder-shown {
  color: #ccc;
}

.wordSearch button::-webkit-input-placeholder {
  color: #ccc;
}

.wordSearch button:-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.wordSearch button::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}

.wordSearch button:-ms-input-placeholder {
  color: #ccc;
}

.wordSearch .searchBtn {
  width: 140px;
  height: 34px;
  margin-left: 20px;
  display: inline-block;
}

.wordSearch .searchBtn input[type="submit"] {
  width: 140px;
  height: 34px;
  border: none;
  background-color: #fa344d;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  background-image: url(/images/ico_search.png);
  background-repeat: no-repeat;
  background-position: left 40px center;
}

.wordSearch .searchBtn input[type="submit"]:hover {
  opacity: 0.8;
}

.wordSearch .searchBtn button {
  width: 140px;
  height: 34px;
  border: none;
  background-color: #fa344d;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  cursor: pointer;
  background-image: url(/images/ico_search.png);
  background-repeat: no-repeat;
  background-position: left 40px center;
}

.wordSearch .searchBtn button:hover {
  opacity: 0.8;
}

/* コントロールボタン */

.controlBtn {
  margin-bottom: 10px;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
}

.controlBtn .btnControl {
  width: auto;
  padding: 0 14px;
  margin-right: 10px;
  height: 34px;
  border: 1px solid #CCC;
  border-radius: 0;
  background: #fff;
  font-size: 1.2rem;
  font-weight: normal;
  cursor: pointer;
}

.controlBtn .btnControl:hover {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

.controlBtn .btnCsv {
  border: none;
  background-color: #fa344d;
  background-image: url(/images/ico_csv_on.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 42px;
  color: #fff;
}

.controlBtn .btnCsv:hover {
  border: none;
  background-color: #fa344d;
  background-image: url(/images/ico_csv_on.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  opacity: 0.8;
}

.controlBtn .rightBtn {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
}

.controlBtn .rightBtn .approvalStatus {
  /*対応状況*/
  margin-right: 10px;
}

.controlBtn .rightBtn .approvalStatus p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.controlBtn .rightBtn .approvalStatus ul {
  font-size: 0;
}

.controlBtn .rightBtn .approvalStatus ul li {
  display: inline-block;
}

.controlBtn .rightBtn .approvalStatus ul li:nth-child(1) button:hover {
  /*全て*/
  background: #97d619;
  border: 1px solid #97d619;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus ul li:nth-child(2) button:hover {
  /*限定公開*/
  background: #f46432;
  border: 1px solid #f46432;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus ul li:nth-child(3) button:hover {
  /*一般公開*/
  background: #3bc1c4;
  border: 1px solid #3bc1c4;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus ul li:nth-child(4) button:hover {
  /*承認待ち*/
  background: #fa344d;
  border: 1px solid #fa344d;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus ul li:nth-child(5) button:hover {
  /*非公開*/
  background: #555555;
  border: 1px solid #555555;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus ul li:nth-child(6) button:hover {
  /*下書き*/
  background: #777777;
  border: 1px solid #777777;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus .all {
  /*全て*/
  background: #97d619;
  border: 1px solid #97d619;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus .draft {
  /*下書き*/
  background: #777777;
  border: 1px solid #777777;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus .unpublish {
  /*非公開*/
  background: #555555;
  border: 1px solid #555555;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus .approval_pending {
  /*承認待ち*/
  background: #fa344d;
  border: 1px solid #fa344d;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus .general_publish {
  /*一般公開*/
  background: #3bc1c4;
  border: 1px solid #3bc1c4;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus .limit_publish {
  /*限定公開*/
  background: #f46432;
  border: 1px solid #f46432;
  color: #fff;
}

.controlBtn .rightBtn .approvalStatus .publish {
  /*公開*/
  background: #4b96f1;
  border: 1px solid #4b96f1;
  color: #fff;
}

.controlBtn .rightBtn .creatStatus {
  /*作成状況*/
  margin-right: 10px;
}

.controlBtn .rightBtn .creatStatus p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.controlBtn .rightBtn .creatStatus ul {
  font-size: 0;
}

.controlBtn .rightBtn .creatStatus ul li {
  display: inline-block;
}

.controlBtn .rightBtn .creatStatus ul li:nth-child(1) button:hover {
  /*全て*/
  background: #555;
  border: 1px solid #555;
  color: #fff;
}

.controlBtn .rightBtn .creatStatus ul li:nth-child(2) button:hover {
  /*作成済み*/
  background: #99d02c;
  border: 1px solid #99d02c;
  color: #fff;
}

.controlBtn .rightBtn .creatStatus ul li:nth-child(3) button:hover {
  /*作成途中*/
  background: #ff9913;
  border: 1px solid #ff9913;
  color: #fff;
}

.controlBtn .rightBtn .creatStatus .all {
  /*全て*/
  background: #555;
  border: 1px solid #555;
  color: #fff;
}

.controlBtn .rightBtn .creatStatus .created {
  /*作成済み*/
  background: #99d02c;
  border: 1px solid #99d02c;
  color: #fff;
}

.controlBtn .rightBtn .creatStatus .creating {
  /*作成途中*/
  background: #ff9913;
  border: 1px solid #ff9913;
  color: #fff;
}

.controlBtn .rightBtn .postStatus {
  /*作成状況*/
  margin-right: 10px;
}

.controlBtn .rightBtn .postStatus p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.controlBtn .rightBtn .postStatus ul {
  font-size: 0;
}

.controlBtn .rightBtn .postStatus ul li {
  display: inline-block;
}

.controlBtn .rightBtn .postStatus ul li:nth-child(1) button:hover {
  /*全て*/
  background: #555;
  border: 1px solid #555;
  color: #fff;
}

.controlBtn .rightBtn .postStatus ul li:nth-child(2) button:hover {
  /*投稿済み*/
  background: #99d02c;
  border: 1px solid #99d02c;
  color: #fff;
}

.controlBtn .rightBtn .postStatus ul li:nth-child(3) button:hover {
  /*未投稿*/
  background: #fa344d;
  border: 1px solid #fa344d;
  color: #fff;
}

.controlBtn .rightBtn .postStatus .all {
  /*全て*/
  background: #555;
  border: 1px solid #555;
  color: #fff;
}

.controlBtn .rightBtn .postStatus .posted {
  /*投稿済み*/
  background: #99d02c;
  border: 1px solid #99d02c;
  color: #fff;
}

.controlBtn .rightBtn .postStatus .nopost {
  /*未投稿*/
  background: #fa344d;
  border: 1px solid #fa344d;
  color: #fff;
}

.controlBtn .rightBtn .switch p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

.controlBtn .rightBtn .switch select {
  height: 34px;
  min-width: 140px;
}

/* ノーマルボタン */

.btnNormal {
  height: 40px;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff;
  color: #222;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.btnNormalL {
  height: 50px !important;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff;
  color: #222;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.btnNormal:hover,
.btnNormalL:hover {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

/* ノーマルボタン */

.btnOfferList {
  width: 110px !important;
  height: 40px;
  padding: 0 20px;
  border: 1px solid #ccc;
  border-radius: 0;
  background: #fff;
  color: #222;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.btnOfferList:hover {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

/* 赤ボタン */

.btnRed {
  height: 40px;
  padding: 0 20px;
  border: none;
  border-radius: 0;
  background: #fa344d;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.btnRed:hover {
  opacity: 0.8;
}

.btnRedL {
  height: 50px;
  padding: 0 20px;
  border: none;
  border-radius: 0;
  background: #fa344d;
  color: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
  font-size: 1.4rem;
}

.btnRedL:hover {
  opacity: 0.8;
}

/* リスト内ボタン */

.btnInList {
  height: 34px;
  padding: 0 10px;
  border: 1px solid #CCC;
  border-radius: 3px;
  background: #fff;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
  vertical-align: middle;
}

.btnInList:hover {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

/* 利用再開ボタン */

.restart {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

.restart:hover {
  background: #fff;
  color: #222;
  border: 1px solid #ccc;
}

.btnScrollTop a:hover img {
  opacity: 0.8;
}

/*---------------  ポップアップ ---------------*/

.modal-content {
  width: 70%;
  margin: 0;
  border-radius: 5px;
  background: #fff;
  position: fixed;
  display: none;
  z-index: 7000;
}

#modal-overlay {
  z-index: 6000;
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 120%;
  background-color: rgba(0, 0, 0, 0.75);
}

.modal-content h2 {
  font-size: 1.8rem;
  padding: 20px 16px;
  border-bottom: 1px solid #ccc;
}

.modal-content .itemBox {
  overflow-y: scroll;
  max-height: 480px;
}

.modal-content .itemBox .item {
  padding: 10px 16px;
}

.modal-content .itemBox .item .formParts {
  margin-bottom: 14px;
}

.modal-content .itemBox .item .formParts h3 {
  background: #f1f1f1;
  padding: 1px 10px;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

.modal-content .itemBox .item .formParts ul {
  margin-bottom: 20px;
  font-size: 0;
}

.modal-content .itemBox .item .formParts ul li {
  display: inline-block;
  width: 33.333%;
  margin-bottom: 4px;
}

.modal-content .itemBox .item .formParts ul li label {
  margin-right: 10px;
}

.modal-content .itemBox .item .formParts ul li .btnSelect {
  height: 20px;
  padding: 0 6px;
  font-weight: normal;
  vertical-align: baseline;
}

.modal-content .itemBox .item .areaDetail {
  position: absolute;
  top: 58px;
  left: 0;
  z-index: 1000;
  width: 100%;
  padding: 10px;
  background: #FFF;
  border: 1px solid #ccc;
  display: none;
}

.modal-content .itemBox .item .areaDetail h3 {
  background: #f1f1f1;
  padding: 8px 10px;
  font-size: 1.3rem;
  margin-bottom: 8px;
}

.modal-content .itemBox .item .areaDetail ul {
  margin-bottom: 20px;
  font-size: 0;
}

.modal-content .itemBox .item .areaDetail ul li {
  display: block;
  margin-bottom: 4px;
}

.modal-content .itemBox .item .areaDetail ul li label {
  margin-right: 10px;
}

.modal-content .inputBox {
  padding: 20px;
}

.modal-content .inputBox textarea {
  width: 100%;
  height: 200px;
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin-bottom: 30px;
}

.modal-content .inputBox input[type="submit"] {
  width: 260px;
  height: 50px;
  margin: 0 auto;
  display: block;
  border: none;
  color: #fff;
  font-weight: bold;
  background: #fa344d;
  cursor: pointer;
}

.modal-content .inputBox input[type="submit"]:hover {
  background: rgba(250, 52, 77, 0.8);
}

.modal-content .modalBtn {
  width: 150px;
  height: 34px;
  margin: 0 auto 20px;
}

.modal-content .modalBtn button {
  background: #fa344d;
  color: #fff;
  border: none;
  border-radius: 3px;
  width: 150px;
  height: 34px;
  font-size: 1.2rem;
  font-weight: bold;
  cursor: pointer;
}

.modal-content .modalBtn button:hover {
  opacity: 0.8;
}

.modal-content .closeBtn {
  position: absolute;
  top: 14px;
  right: 14px;
}

.modal-content .closeBtn a {
  font-size: 3.0rem;
  cursor: pointer;
}

.modal-content .modalBtnArea ul {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.modal-content .modalBtnArea ul li {
  margin: 0 10px;
}

.modal-content .modalBtnArea ul li button {
  width: 90px;
  height: 40px;
  border-radius: 0;
  background: #fff;
  border: 1px solid #ccc;
}

.modal-content .modalBtnArea ul li button:hover {
  background: #f39800;
  color: #fff;
  border: 1px solid #f39800;
}

.alert {
  width: 45%;
  padding: 30px;
}

.alert p {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1.5;
  text-align: center;
  margin-bottom: 40px;
}

.copyModal {
  width: 40%;
  padding: 30px;
}

.copyModal p {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 14px;
}

.copyModal .modalFormArea {
  text-align: center;
  padding: 30px;
  margin-bottom: 14px;
}

.copyModal .modalFormArea label {
  font-size: 16px;
  padding: 0px 20px 0 20px !important;
}

.createModal {
  width: 50%;
  padding: 30px;
}

.createModal p {
  font-size: 1.6rem;
  font-weight: bold;
  text-align: center;
  margin-bottom: 14px;
}

.createModal .modalFormArea {
  text-align: center;
  padding: 30px;
  margin-bottom: 14px;
}

.createModal .modalFormArea label {
  font-size: 16px;
  padding: 0px 20px 0 20px !important;
}

.createModal .modalNoticeArea {
  font-size: 1.6rem;
  text-align: center;
  margin-bottom: 14px;
}

.createModal .modalNoticeArea a {
  display: initial;
}

/*--------------- 求人掲載・登録状態・公開状態ステータス ---------------*/

.jobStatus div,
.accountStatus div {
  color: #fff;
  background: #666666;
  border-radius: 10px;
  width: 64px;
  height: 22px;
  padding: 5px 8px;
  font-size: 1.2rem;
  line-height: 1;
  text-align: center;
  vertical-align: middle;
}

.jobStatus .all,
.accountStatus .all {
  /*全て*/
  background: #97d619;
}

.jobStatus .draft,
.accountStatus .draft {
  /*下書き*/
  background: #777777;
}

.jobStatus .unpublish,
.accountStatus .unpublish {
  /*非公開*/
  background: #555555;
}

.jobStatus .approval_pending,
.accountStatus .approval_pending {
  /*承認待ち*/
  background: #fa344d;
}

.jobStatus .general_publish,
.accountStatus .general_publish {
  /*一般公開*/
  background: #3bc1c4;
}

.jobStatus .limit_publish,
.accountStatus .limit_publish {
  /*限定公開*/
  background: #f46432;
}

.jobStatus .publish,
.accountStatus .publish {
  /*公開*/
  background: #4b96f1;
}

.jobStatus .approved,
.accountStatus .approved {
  /*承認済*/
  background: #99d02c;
}

.jobStatus .provisional,
.accountStatus .provisional {
  /*学校仮登録*/
  background: #ff9913;
}

.jobStatus .registration,
.accountStatus .registration {
  /*学校本登録*/
  background: #99d02c;
}

.jobStatus .private,
.accountStatus .private {
  /*学校非公開*/
  background: #999999;
}

.jobStatus .public,
.accountStatus .public {
  /*学校公開*/
  background: #99d02c;
}

/*---------------  求人詳細　承認・拒否・修正操作パネル ---------------*/

.jobControlBox {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
  width: calc(100% - 200px);
  box-shadow: 0px 0px 6px 0px #888;
  -moz-box-shadow: 0px 0px 6px 0px #888;
  -webkit-box-shadow: 0px 0px 6px 0px #888;
}

.jobControlBox .btnBox {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  padding: 14px 10px;
  border-bottom: 1px solid #ccc;
}

.jobControlBox .btnBox .btnAreaLeft {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
}

.jobControlBox .btnBox .btnAreaLeft div {
  margin-right: 10px;
}

.jobControlBox .btnBox .btnAreaLeft .btnWrite button[type="button"] {
  width: 150px;
  background-image: url(/images/ico_memo_off.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 30px;
}

.jobControlBox .btnBox .btnAreaLeft .btnWrite button[type="button"]:hover {
  background-image: url(/images/ico_memo_on.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
}

.jobControlBox .btnBox .btnAreaLeft .btnPrint button[type="button"] {
  width: 124px;
  background-image: url(/images/ico_print_off.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 30px;
}

.jobControlBox .btnBox .btnAreaLeft .btnPrint button[type="button"]:hover {
  background-image: url(/images/ico_print_on.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
}

.jobControlBox .btnBox .btnAreaLeft .btnPrintPdf button[type="button"] {
  width: 165px;
}

.jobControlBox .btnBox .btnAreaRight {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
}

.jobControlBox .btnBox .btnAreaRight div {
  margin-left: 10px;
}

.jobControlBox .btnBox .btnAreaRight .btnApproval button[type="button"] {
  width: 150px;
  background-image: url(/images/ico_approval.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 40px;
}

.jobControlBox .editBox {
  display: none;
  padding: 14px 10px;
  overflow: hidden;
}

.jobControlBox .editBox .editArea {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
  margin-bottom: 30px;
}

.jobControlBox .editBox .editArea .memo {
  width: calc(100% - 170px);
}

.jobControlBox .editBox .editArea .memo p {
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 4px 0;
}

.jobControlBox .editBox .editArea .comment {
  width: 100%;
}

.jobControlBox .editBox .editArea .results {
  width: 170px;
  margin-left: 30px;
}

.jobControlBox .editBox .editArea .results h2 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.jobControlBox .editBox .editArea .results select {
  width: 150px;
}

.jobControlBox .editBox .editBtn ul {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.jobControlBox .editBox .editBtn ul li {
  margin: 0 10px;
}

.jobControlBox .editBox .editBtn ul .close button[type="button"] {
  width: 120px;
}

.jobControlBox .editBox .editBtn ul .registration input[type="submit"] {
  width: 260px;
  height: 50px;
  border: none;
  color: #fff;
  font-weight: bold;
  background-color: #fa344d;
  background-image: url(/images/ico_registration.png);
  background-repeat: no-repeat;
  background-position: left 100px center;
  padding-left: 30px;
  cursor: pointer;
}

.jobControlBox .editBox .editBtn ul .registration input[type="submit"]:hover {
  opacity: 0.8;
}

/*--------------- ページャー ---------------*/

.pager {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
  margin-bottom: 40px;
}

.pager span {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  margin: 0 5px;
}

.pager span a {
  width: 26px;
  height: 30px;
  background: #fff;
  border: 1px solid #ccc;
  font-size: 1.2rem;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.pager span a:hover {
  background: #555;
  color: #fff;
}

.pager .current {
  width: 26px;
  height: 30px;
  background: #555;
  border: 1px solid #555;
  font-size: 1.2rem;
  text-align: center;
  color: #fff;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

/*---------------  求人登録・学校情報登録　操作パネル ---------------*/

.registerControlBox {
  position: fixed;
  bottom: 0;
  right: 0;
  z-index: 1000;
  width: 100%;
  background: #fff;
  width: calc(100% - 200px);
  box-shadow: 0px 0px 6px 0px #888;
  -moz-box-shadow: 0px 0px 6px 0px #888;
  -webkit-box-shadow: 0px 0px 6px 0px #888;
}

.registerControlBox .btnBox {
  padding: 14px 10px;
  border-bottom: 1px solid #ccc;
}

.registerControlBox .btnBox .btnArea {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
}

.registerControlBox .btnBox .btnArea div {
  margin-left: 10px;
}

.registerControlBox .btnBox .btnArea .btnApproval button[type="button"] {
  width: 150px;
  background-image: url(/images/ico_approval.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 40px;
}

/*---------------  求人登録・学校情報登録　操作パネル ---------------*/

.blockOutBox {
  margin: 30px 0;
}

.blockOutBox h2 {
  font-size: 2.0rem;
  text-align: center;
  margin-bottom: 20px;
}

.blockOutBox p {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.6;
  text-align: center;
  color: #fa344d;
}

/*--------------- 画像出力（IE・Edge） ---------------*/

.objectFitImg {
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center center;
     object-position: center center;
  font-family: 'object-fit: contain;  object-position: center center;';
}

/*--------------- プレビュー画面（求人詳細・学校） ---------------*/

.previewBox {
  margin-left: 0;
}

.previewBox .screenTitle {
  width: 1000px;
  margin: 0 auto 30px;
  border: none;
}

.previewBox .jobDetail,
.previewBox .schoolDetail,
.previewBox .companyDetail {
  width: 1000px;
  margin: 0 auto;
}

/*---------------学生一覧---------------*/

.studentList .block {
  border: none;
}

/*---------------学校一覧---------------*/

.schoolList .block {
  border: none;
}

/*--------------- 印刷画面（求人詳細・学校） ---------------*/

.printBox {
  margin-left: 0;
}

.printBox .screenTitle {
  width: 1000px;
  margin: 0 auto 30px;
  border: none;
}

@media print {
  .printBox .screenTitle {
    display: none;
    border: none;
  }
}

.printBox .jobDetail,
.printBox .schoolDetail,
.printBox .companyDetail {
  width: 1000px;
  margin: 0 auto;
}

.printBox .btnPrint {
  margin-bottom: 20px;
  text-align: right;
}

.printBox .btnPrint button[type="button"] {
  width: 124px;
  background-image: url(/images/ico_print_off.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
  padding-left: 30px;
}

.printBox .btnPrint button[type="button"]:hover {
  background-image: url(/images/ico_print_on.png);
  background-repeat: no-repeat;
  background-position: left 16px center;
}

@media print {
  .printBox .btnPrint {
    display: none;
  }
}

/*---------------  利用規約 ---------------*/

.terms h2 {
  text-align: center;
  font-size: 2.0rem;
  color: #444;
  margin-bottom: 40px;
}

.terms .blockContent p {
  font-size: 1.3rem;
  line-height: 1.8;
  margin-bottom: 24px;
}

.terms .blockContent dl {
  font-size: 1.3rem;
  line-height: 1.8;
  margin-bottom: 34px;
}

.terms .blockContent dl dt {
  font-size: 1.6rem;
  font-weight: bold;
}

.terms .blockContent dl dd {
  margin-bottom: 14px;
}

.terms .blockContent dl dd a {
  display: inline-block;
  color: #0073aa;
}

.terms .blockContent dl dd a:hover {
  text-decoration: underline;
}

/*--------------- お問い合わせ ---------------*/

.contact .blockContent h2 {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.8;
  margin-bottom: 20px;
}

.contact .blockContent h2 span {
  font-weight: bold;
}

.contact .blockContent .textareaLen {
  margin: 2px 0 30px 0;
}

.contact .blockContent .sendBtn {
  width: 260px;
  height: 50px;
  margin: 0 auto;
}

.contact .blockContent .sendBtn input[type="submit"] {
  width: 260px;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------
　1 画面ごとの個別のスタイル（学校管理画面）
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*--------------- ログイン画面 ---------------*/

@media screen and (max-width: 768px) {
  #login {
    height: auto;
    background: #fff;
  }

  #login .loginBox {
    width: 100%;
    padding: 28vw 1.333vw 0;
  }

  #login .loginBox h1 {
    width: 69.333vw;
    margin: 0 auto 12vw;
  }

  #login .loginBox h1 img {
    width: 100%;
  }

  #login .loginBox h2 {
    text-align: center;
    font-size: 4.8vw;
    color: #444;
    margin-bottom: 2.666vw;
  }

  #login .loginBox h3 {
    text-align: center;
    font-size: 4vw;
    color: #444;
    margin: 0 auto 8vw;
  }

  #login .loginBox .formParts {
    margin-bottom: 5.333vw;
  }

  #login .loginBox .formParts input[type="text"],
  #login .loginBox .formParts input[type="email"],
  #login .loginBox .formParts input[type="password"] {
    width: 100%;
    height: 11.2vw;
    padding: 0.533vw 2.4vw;
    border: 1px solid #ccc;
    border-radius: 0;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    font-size: 3.733vw;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  #login .loginBox .formParts input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
    z-index: 1000;
  }

  #login .loginBox .formParts input[type="checkbox"] + label {
    display: inline-block;
    background-image: url(/images/form_checkbox_off.png);
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 6px 0 3px 25px;
    margin-right: 30px;
    font-size: 1.3rem;
    line-height: 1.4;
    cursor: pointer;
  }

  #login .loginBox .formParts input[type="checkbox"]:checked + label {
    background-image: url(/images/form_checkbox_on.png);
    cursor: pointer;
  }

  #login .loginBox .formParts input[type="checkbox"]:disabled + label {
    color: #ccc;
  }

  #login .loginBox .formParts input[type="checkbox"] + label {
    font-size: 3.733vw;
    background-size: 5.066vw;
    padding-left: 6vw;
  }

  #login .loginBox .formParts .help-block {
    font-size: 3.733vw;
    font-weight: bold;
    line-height: 1.4;
    background: #fa344d;
    color: #fff;
    padding: 1vw;
    margin: 0 0 2.666vw;
    display: block;
  }

  #login .loginBox .formBtn01 {
    margin-bottom: 6.666vw;
  }

  #login .loginBox .formBtn01 input[type="submit"] {
    background-color: #f39800;
    width: 100%;
    height: 11.2vw;
    border: none;
    border-radius: 0;
    font-size: 3.733vw;
    font-weight: bold;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
  }

  #login .loginBox p {
    text-align: center;
    font-size: 3.4666vw;
    line-height: 1.6;
    margin-bottom: 4vw;
  }

  #login .loginBox p a {
    font-size: 3.733vw;
    color: #3190b8;
    display: inline-block;
  }

  #login .loginBox .btnRegister {
    margin-bottom: 4vw;
  }

  #login .loginBox .btnRegister a {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-align: center;
    height: 11.2vw;
    background: #584423;
    color: #fff;
    font-size: 3.733vw;
  }
}

@media screen and (min-width: 768px) {
  #login {
    background: #fff;
    padding-bottom: 1px;
    height: auto;
  }

  #login .loginBox {
    width: 360px;
    margin: 0 auto;
    padding-top: 100px;
  }

  #login .loginBox h1 {
    width: 260px;
    margin: 0 auto 30px;
  }

  #login .loginBox h1 img {
    width: 100%;
  }

  #login .loginBox h2 {
    text-align: center;
    font-size: 2.0rem;
    color: #444;
    margin-bottom: 10px;
  }

  #login .loginBox h3 {
    text-align: center;
    font-size: 1.8rem;
    color: #444;
    margin-bottom: 30px;
  }

  #login .loginBox form {
    margin-bottom: 40px;
  }

  #login .loginBox form .formParts {
    margin-bottom: 20px;
  }

  #login .loginBox form .formParts .help-block {
    display: block;
    font-size: 1.2rem;
    font-weight: bold;
    line-height: 1.4;
    background: #fa344d;
    color: #fff;
    padding: 6px;
    margin: 0 0 10px;
  }

  #login .loginBox form input[type="text"],
  #login .loginBox form input[type="email"],
  #login .loginBox form input[type="password"] {
    width: 360px;
    border: 1px solid #ccc;
    -webkit-box-sizing: border-box;
            box-sizing: border-box;
    height: 46px;
    padding: 2px 4px;
  }

  #login .loginBox form input[type="text"]:placeholder-shown,
  #login .loginBox form input[type="email"]:placeholder-shown,
  #login .loginBox form input[type="password"]:placeholder-shown {
    color: #ccc;
  }

  #login .loginBox form input[type="text"]::-webkit-input-placeholder,
  #login .loginBox form input[type="email"]::-webkit-input-placeholder,
  #login .loginBox form input[type="password"]::-webkit-input-placeholder {
    color: #ccc;
  }

  #login .loginBox form input[type="text"]:-moz-placeholder,
  #login .loginBox form input[type="email"]:-moz-placeholder,
  #login .loginBox form input[type="password"]:-moz-placeholder {
    color: #ccc;
    opacity: 1;
  }

  #login .loginBox form input[type="text"]::-moz-placeholder,
  #login .loginBox form input[type="email"]::-moz-placeholder,
  #login .loginBox form input[type="password"]::-moz-placeholder {
    color: #ccc;
    opacity: 1;
  }

  #login .loginBox form input[type="text"]:-ms-input-placeholder,
  #login .loginBox form input[type="email"]:-ms-input-placeholder,
  #login .loginBox form input[type="password"]:-ms-input-placeholder {
    color: #ccc;
  }

  #login .loginBox form input[type="checkbox"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    display: none;
    z-index: 1000;
  }

  #login .loginBox form input[type="checkbox"] + label {
    display: inline-block;
    background-image: url(/images/form_checkbox_off.png);
    background-size: 16px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 6px 0 3px 25px;
    margin-right: 30px;
    font-size: 1.3rem;
    line-height: 1.4;
    cursor: pointer;
  }

  #login .loginBox form input[type="checkbox"]:checked + label {
    background-image: url(/images/form_checkbox_on.png);
    cursor: pointer;
  }

  #login .loginBox form input[type="checkbox"]:disabled + label {
    color: #ccc;
  }

  #login .loginBox form .formBtn01 {
    width: 360px;
    height: 50px;
    margin: 0 auto;
  }

  #login .loginBox form .formBtn01 input[type="submit"] {
    width: 360px;
    height: 50px;
    border: none;
    background: #f39800;
    color: #fff;
    font-size: 1.4rem;
    font-weight: bold;
    cursor: pointer;
  }

  #login .loginBox p {
    font-size: 1.3rem;
    line-height: 1.8;
    text-align: center;
    margin-bottom: 20px;
  }

  #login .loginBox p a {
    display: inline-block;
    color: #3190b8;
  }

  #login .loginBox p a:hover {
    text-decoration: underline;
  }

  #login .loginBox .btnRegister {
    margin-bottom: 30px;
  }

  #login .loginBox .btnRegister a {
    display: -webkit-box;
    display: flex;
    display: -ms-flexbox;
    -webkit-box-pack: center;
            justify-content: center;
    -ms-flex-pack: center;
    -webkit-box-align: center;
            align-items: center;
    -ms-flex-align: center;
    height: 50px;
    background: #584423;
    color: #fff;
    font-size: 1.4rem;
  }

  #login .loginBox .btnRegister a:hover {
    opacity: 0.8;
  }
}

/*--------------- ダッシュボード ---------------*/

.jobSumally .block .blockTitle {
  border-top: 2px solid #f39800;
}

.jobSumally .block .blockContent {
  height: 70px;
  padding: 0;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.jobSumally .block .blockContent p {
  color: #222;
  font-size: 2.2rem;
  font-weight: bold;
  text-align: center;
}

.jobSumally .block .blockContent p a {
  color: #0073aa;
}

.jobSumally .block .blockContent p a span {
  font-size: 1.4rem;
}

.newJobList .blockContent {
  overflow: hidden;
}

.newJobList .blockContent .listLayout01 {
  margin-bottom: 20px;
  border: 1px solid #e1e1e1;
}

.newJobList .blockContent .listLayout01 tr .cellCheck {
  cursor: auto;
}

.newJobList .blockContent .listLayout01 tr .cellCheck .posted {
  font-weight: bold;
  text-align: center;
  padding: 4px;
  width: 50px;
  font-size: 1.2rem;
  background: #666;
  color: #fff;
}

.newJobList .blockContent .listLayout01 tr .cellDate {
  min-width: 84px;
  white-space: normal;
}

.newJobList .blockContent .listLayout01 tr .cellCompanyName {
  min-width: 150px;
  white-space: normal;
}

.newJobList .blockContent .listLayout01 tr .cellJobTitle {
  min-width: 170px;
  white-space: normal;
}

.newJobList .blockContent .listLayout01 tr .cellJobType {
  min-width: 180px;
  white-space: normal;
}

.newJobList .blockContent .listLayout01 tr .cellJobArea {
  min-width: 180px;
  white-space: normal;
}

.newJobList .blockContent .listLayout01 tr .cellJobCate {
  min-width: 180px;
  white-space: normal;
}

.newJobList .blockContent .more {
  float: right;
}

.newJobList .blockContent .more a {
  color: #0073aa;
  font-size: 1.3rem;
}

.newJobList .blockContent .more a:hover {
  text-decoration: underline;
}

.contactArea {
  border-top: 1px solid #ccc;
  padding: 20px 0;
  margin: 50px 0 -50px;
  text-align: center;
}

.contactArea h2 {
  font-size: 1.8rem;
  margin-bottom: 20px;
}

.contactArea p {
  margin: 0 auto 20px;
  font-size: 1.3rem;
  line-height: 1.6;
  margin-bottom: 20px;
}

.contactArea p span {
  font-weight: bold;
}

.contactArea .btnContact {
  width: 260px;
  height: 50px;
  margin: 0 auto;
  background-color: #fa344d;
}

.contactArea .btnContact a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  height: 50px;
}

.contactArea .btnContact:hover {
  background-color: rgba(250, 52, 77, 0.8);
}

/*---------------求人一覧---------------*/

.search .screenTitle {
  background: url(/images/ico_accordion_close_white.png) no-repeat bottom 8px center;
  background-size: 13px;
  font-size: 1.6rem;
  width: 260px;
  height: 50px;
  margin: 0 auto 20px;
  text-align: center;
  border: none;
}

.search .accordion02 {
  font-size: 1.6rem;
  background-color: #fa344d;
  color: #fff;
  padding: 10px 10px;
  cursor: pointer;
}

.search .opened {
  background: url(/images/ico_accordion_open_white.png) no-repeat bottom 10px center;
  background-size: 13px;
  background-color: #fa344d;
}

#jobList .searchBox {
  display: none;
}

.offerSearchBox {
  display: none;
}

#searchType02,
#searchType03 {
  display: none;
}

/*--------------- 求人詳細・学校詳細・企業詳細 ---------------*/

.jobDetail .detailHead,
.schoolDetail .detailHead,
.companyDetail .detailHead {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.jobDetail .detailHead .postStatus ul,
.schoolDetail .detailHead .postStatus ul,
.companyDetail .detailHead .postStatus ul {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.jobDetail .detailHead .postStatus ul li,
.schoolDetail .detailHead .postStatus ul li,
.companyDetail .detailHead .postStatus ul li {
  font-size: 1.3rem;
  margin-right: 15px;
}

.jobDetail .detailHead .postStatus ul li span,
.schoolDetail .detailHead .postStatus ul li span,
.companyDetail .detailHead .postStatus ul li span {
  font-weight: bold;
}

.jobDetail .detailHead .postStatus ul li div,
.schoolDetail .detailHead .postStatus ul li div,
.companyDetail .detailHead .postStatus ul li div {
  color: #fff;
  background: #ccc;
  border-radius: 10px;
  width: 64px;
  height: 22px;
  padding: 5px 8px 4px;
  font-size: 1.2rem;
  text-align: center;
  display: inline-block;
}

.jobDetail .detailHead .postStatus ul li .all,
.schoolDetail .detailHead .postStatus ul li .all,
.companyDetail .detailHead .postStatus ul li .all {
  /*全て*/
  background: #97d619;
}

.jobDetail .detailHead .postStatus ul li .draft,
.schoolDetail .detailHead .postStatus ul li .draft,
.companyDetail .detailHead .postStatus ul li .draft {
  /*下書き*/
  background: #777777;
}

.jobDetail .detailHead .postStatus ul li .unpublish,
.schoolDetail .detailHead .postStatus ul li .unpublish,
.companyDetail .detailHead .postStatus ul li .unpublish {
  /*非公開*/
  background: #555555;
}

.jobDetail .detailHead .postStatus ul li .approval_pending,
.schoolDetail .detailHead .postStatus ul li .approval_pending,
.companyDetail .detailHead .postStatus ul li .approval_pending {
  /*承認待ち*/
  background: #fa344d;
}

.jobDetail .detailHead .postStatus ul li .general_publish,
.schoolDetail .detailHead .postStatus ul li .general_publish,
.companyDetail .detailHead .postStatus ul li .general_publish {
  /*一般公開*/
  background: #3bc1c4;
}

.jobDetail .detailHead .postStatus ul li .limit_publish,
.schoolDetail .detailHead .postStatus ul li .limit_publish,
.companyDetail .detailHead .postStatus ul li .limit_publish {
  /*限定公開*/
  background: #f46432;
}

.jobDetail .detailHead .postStatus ul li .publish,
.schoolDetail .detailHead .postStatus ul li .publish,
.companyDetail .detailHead .postStatus ul li .publish {
  /*公開*/
  background: #4b96f1;
}

.jobDetail .detailHead .postStatus ul li .approved,
.schoolDetail .detailHead .postStatus ul li .approved,
.companyDetail .detailHead .postStatus ul li .approved {
  /*承認済*/
  background: #99d02c;
}

.jobDetail .detailHead .postStatus p,
.schoolDetail .detailHead .postStatus p,
.companyDetail .detailHead .postStatus p {
  font-size: 1.3rem;
  font-weight: bold;
  border: 1px solid #f39800;
  color: #f39800;
  background: #fff;
  padding: 4px;
}

.jobDetail h2,
.schoolDetail h2,
.companyDetail h2 {
  font-size: 2.0rem;
  list-style: 1.4;
  margin-bottom: 20px;
  float: left;
}

.jobDetail .publishDate,
.jobDetail .schoolId,
.schoolDetail .publishDate,
.schoolDetail .schoolId,
.companyDetail .publishDate,
.companyDetail .schoolId {
  font-size: 1.2rem;
  line-height: 1.5;
  float: right;
}

.jobDetail .courseCategory,
.schoolDetail .courseCategory,
.companyDetail .courseCategory {
  clear: both;
  margin-bottom: 20px;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.jobDetail .courseCategory p,
.schoolDetail .courseCategory p,
.companyDetail .courseCategory p {
  font-size: 1.3rem;
  font-weight: bold;
  color: #222;
  margin-right: 10px;
}

.jobDetail .courseCategory ul,
.schoolDetail .courseCategory ul,
.companyDetail .courseCategory ul {
  overflow: hidden;
}

.jobDetail .courseCategory ul li,
.schoolDetail .courseCategory ul li,
.companyDetail .courseCategory ul li {
  height: 22px;
  padding: 2px 9px;
  float: left;
  margin-right: 8px;
  border: 1px solid #ccc;
  font-size: 1.2rem;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.jobDetail .courseCategory ul .course01,
.schoolDetail .courseCategory ul .course01,
.companyDetail .courseCategory ul .course01 {
  border-color: #e53935;
  color: #e53935;
}

.jobDetail .courseCategory ul .course02,
.schoolDetail .courseCategory ul .course02,
.companyDetail .courseCategory ul .course02 {
  border-color: #d81b60;
  color: #d81b60;
}

.jobDetail .courseCategory ul .course03,
.schoolDetail .courseCategory ul .course03,
.companyDetail .courseCategory ul .course03 {
  border-color: #8e24aa;
  color: #8e24aa;
}

.jobDetail .courseCategory ul .course04,
.schoolDetail .courseCategory ul .course04,
.companyDetail .courseCategory ul .course04 {
  border-color: #1e88e5;
  color: #1e88e5;
}

.jobDetail .courseCategory ul .course05,
.schoolDetail .courseCategory ul .course05,
.companyDetail .courseCategory ul .course05 {
  border-color: #00acc1;
  color: #00acc1;
}

.jobDetail .courseCategory ul .course06,
.schoolDetail .courseCategory ul .course06,
.companyDetail .courseCategory ul .course06 {
  border-color: #43a047;
  color: #43a047;
}

.jobDetail .courseCategory ul .course07,
.schoolDetail .courseCategory ul .course07,
.companyDetail .courseCategory ul .course07 {
  border-color: #ffb300;
  color: #ffb300;
}

.jobDetail .courseCategory ul .course08,
.schoolDetail .courseCategory ul .course08,
.companyDetail .courseCategory ul .course08 {
  border-color: #f4511e;
  color: #f4511e;
}

.jobDetail .schoolId a,
.schoolDetail .schoolId a,
.companyDetail .schoolId a {
  display: inline-block;
  text-decoration: underline;
  color: #00F;
}

.jobDetail h3,
.schoolDetail h3,
.companyDetail h3 {
  font-size: 1.8rem;
  color: #fa344d;
  clear: both;
  margin-bottom: 10px;
}

.jobDetail .year,
.schoolDetail .year,
.companyDetail .year {
  font-size: 1.3rem;
  font-weight: bold;
}

.jobDetail .txtLayout01,
.schoolDetail .txtLayout01,
.companyDetail .txtLayout01 {
  clear: both;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
  margin: 20px 0 40px;
}

.jobDetail .txtLayout01 .carousel,
.schoolDetail .txtLayout01 .carousel,
.companyDetail .txtLayout01 .carousel {
  margin-right: 20px;
}

.jobDetail .txtLayout01 .carousel ul li,
.schoolDetail .txtLayout01 .carousel ul li,
.companyDetail .txtLayout01 .carousel ul li {
  width: 380px;
  height: 234px;
}

.jobDetail .txtLayout01 .carousel ul li img,
.schoolDetail .txtLayout01 .carousel ul li img,
.companyDetail .txtLayout01 .carousel ul li img {
  width: 380px;
  height: 234px;
  -o-object-fit: contain;
     object-fit: contain;
}

.jobDetail .txtLayout01 figure,
.schoolDetail .txtLayout01 figure,
.companyDetail .txtLayout01 figure {
  margin-right: 20px;
}

.jobDetail .txtLayout01 figure img,
.schoolDetail .txtLayout01 figure img,
.companyDetail .txtLayout01 figure img {
  width: 380px;
  height: 234px;
  -o-object-fit: contain;
     object-fit: contain;
}

.jobDetail .txtLayout01 dl dt,
.schoolDetail .txtLayout01 dl dt,
.companyDetail .txtLayout01 dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 18px;
}

.jobDetail .txtLayout01 dl dd,
.schoolDetail .txtLayout01 dl dd,
.companyDetail .txtLayout01 dl dd {
  font-size: 1.3rem;
  line-height: 1.8;
}

.jobDetail .txtLayout02,
.schoolDetail .txtLayout02,
.companyDetail .txtLayout02 {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
  margin: 20px 0 40px;
}

.jobDetail .txtLayout02 .carousel,
.schoolDetail .txtLayout02 .carousel,
.companyDetail .txtLayout02 .carousel {
  margin-left: 20px;
}

.jobDetail .txtLayout02 .carousel ul li,
.schoolDetail .txtLayout02 .carousel ul li,
.companyDetail .txtLayout02 .carousel ul li {
  width: 380px !important;
  height: 234px;
}

.jobDetail .txtLayout02 .carousel ul li img,
.schoolDetail .txtLayout02 .carousel ul li img,
.companyDetail .txtLayout02 .carousel ul li img {
  width: 380px;
  height: 234px;
  -o-object-fit: contain;
     object-fit: contain;
}

.jobDetail .txtLayout02 dl dt,
.schoolDetail .txtLayout02 dl dt,
.companyDetail .txtLayout02 dl dt {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1.4;
  margin-bottom: 18px;
}

.jobDetail .txtLayout02 dl dd,
.schoolDetail .txtLayout02 dl dd,
.companyDetail .txtLayout02 dl dd {
  font-size: 1.3rem;
  line-height: 1.8;
}

.jobDetail .detailBlock,
.schoolDetail .detailBlock,
.companyDetail .detailBlock {
  margin-bottom: 40px;
}

.jobDetail .detailBlock h4,
.schoolDetail .detailBlock h4,
.companyDetail .detailBlock h4 {
  font-size: 1.6rem;
  border-left: 2px solid #f39800;
  padding: 10px;
  margin-bottom: 10px;
  float: left;
}

.jobDetail .detailBlock .postId,
.schoolDetail .detailBlock .postId,
.companyDetail .detailBlock .postId {
  font-size: 1.3rem;
  float: right;
  margin: 10px 0 0 20px;
}

.jobDetail .detailBlock .jobId,
.schoolDetail .detailBlock .jobId,
.companyDetail .detailBlock .jobId {
  font-size: 1.3rem;
  float: right;
  margin: 10px 0 0 0;
}

.jobDetail .detailBlock .companyId,
.schoolDetail .detailBlock .companyId,
.companyDetail .detailBlock .companyId {
  font-size: 1.3rem;
  float: right;
  margin: 10px 0 0 20px;
}

.jobDetail .detailBlock table,
.schoolDetail .detailBlock table,
.companyDetail .detailBlock table {
  clear: both;
}

.jobDetail .detailBlock .jobImage,
.schoolDetail .detailBlock .jobImage,
.companyDetail .detailBlock .jobImage {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: start;
          justify-content: flex-start;
  -ms-flex-pack: start;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
}

.jobDetail .detailBlock .jobImage li,
.schoolDetail .detailBlock .jobImage li,
.companyDetail .detailBlock .jobImage li {
  width: 230px;
  height: 154px;
  margin-right: 20px;
  overflow: hidden;
  position: relative;
}

.jobDetail .detailBlock .jobImage li img,
.schoolDetail .detailBlock .jobImage li img,
.companyDetail .detailBlock .jobImage li img {
  width: 230px;
  height: 142px;
  -o-object-fit: contain;
     object-fit: contain;
}

.jobDetail .detailBlock .jobImage li:last-child,
.schoolDetail .detailBlock .jobImage li:last-child,
.companyDetail .detailBlock .jobImage li:last-child {
  margin-right: 0;
}

.jobDetail .detailBlock .textArea,
.schoolDetail .detailBlock .textArea,
.companyDetail .detailBlock .textArea {
  clear: both;
  border: 1px solid #e1e1e1;
  padding: 14px 10px;
  font-size: 1.3rem;
  line-height: 1.8;
}

.jobDetail .detailBlock .publicStatus,
.schoolDetail .detailBlock .publicStatus,
.companyDetail .detailBlock .publicStatus {
  clear: both;
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 20px;
  padding-top: 10px;
}

.jobDetail .detailBlock .publicStatus span,
.schoolDetail .detailBlock .publicStatus span,
.companyDetail .detailBlock .publicStatus span {
  margin-left: 20px;
  border: 1px solid #f39800;
  color: #f39800;
  padding: 2px;
}

.jobDetail .detailBlock .status .registration,
.schoolDetail .detailBlock .status .registration,
.companyDetail .detailBlock .status .registration {
  clear: both;
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 15px;
  padding-top: 5px;
}

.jobDetail .detailBlock .status .registration .registered,
.schoolDetail .detailBlock .status .registration .registered,
.companyDetail .detailBlock .status .registration .registered {
  margin-left: 5px;
  border: 1px solid #99d02c;
  color: #99d02c;
  padding: 2px;
}

.jobDetail .detailBlock .status .registration .provisional,
.schoolDetail .detailBlock .status .registration .provisional,
.companyDetail .detailBlock .status .registration .provisional {
  margin-left: 5px;
  border: 1px solid #ff9913;
  color: #ff9913;
  padding: 2px;
}

.jobDetail .detailBlock .status .public,
.schoolDetail .detailBlock .status .public,
.companyDetail .detailBlock .status .public {
  font-size: 1.3rem;
  font-weight: bold;
  margin-bottom: 15px;
  padding-top: 5px;
}

.jobDetail .detailBlock .status .public span,
.schoolDetail .detailBlock .status .public span,
.companyDetail .detailBlock .status .public span {
  margin-left: 5px;
  border: 1px solid #f39800;
  color: #f39800;
  padding: 2px;
}

.jobDetail .registrationStatus,
.schoolDetail .registrationStatus,
.companyDetail .registrationStatus {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 15px 0px 10px 5px;
}

.jobDetail .registrationStatus span,
.schoolDetail .registrationStatus span,
.companyDetail .registrationStatus span {
  margin-left: 5px;
  padding: 2px;
}

.jobDetail .registrationStatus .Registered,
.schoolDetail .registrationStatus .Registered,
.companyDetail .registrationStatus .Registered {
  border: 1px solid #99d02c;
  color: #99d02c;
}

.jobDetail .registrationStatus .provisional,
.schoolDetail .registrationStatus .provisional,
.companyDetail .registrationStatus .provisional {
  border: 1px solid #ff9913;
  color: #ff9913;
}

.jobDetail .publishStatus,
.schoolDetail .publishStatus,
.companyDetail .publishStatus {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 15px 0px 10px 5px;
}

.jobDetail .publishStatus span,
.schoolDetail .publishStatus span,
.companyDetail .publishStatus span {
  margin-left: 5px;
  padding: 2px;
}

.jobDetail .publishStatus .publish,
.schoolDetail .publishStatus .publish,
.companyDetail .publishStatus .publish {
  border: 1px solid #99d02c;
  color: #99d02c;
}

.jobDetail .publishStatus .unPublish,
.schoolDetail .publishStatus .unPublish,
.companyDetail .publishStatus .unPublish {
  border: 1px solid #999999;
  color: #999999;
}

#detailType02 {
  display: none;
}

/*--------------- 求人詳細メモ出力部分 ---------------*/

.memoArea .accordion {
  background: url(/images/ico_accordion_open.png) no-repeat right 10px center;
  background-size: 16px;
  cursor: pointer;
}

.memoArea .closed {
  background: url(/images/ico_accordion_close.png) no-repeat right 10px center;
  background-size: 16px;
}

.memoArea .blockContent {
  padding: 20px;
}

.memoArea .blockContent h3 {
  font-size: 1.3rem;
  margin-bottom: 10px;
}

.memoArea .blockContent p {
  font-size: 1.3rem;
  line-height: 1.8;
}

/*--------------- 求人の登録拒否・変更 ---------------*/

.jobDenial textarea,
.jobChange textarea {
  margin-bottom: 30px;
}

.jobDenial .sendBtn,
.jobChange .sendBtn {
  width: 260px;
  height: 50px;
  margin: 0 auto;
}

.jobDenial .sendBtn input[type="submit"],
.jobChange .sendBtn input[type="submit"] {
  width: 260px;
}

/*--------------- 求人登録 ---------------*/

.columnWrap .jobRegisterBox {
  width: calc(100% - 250px);
}

.columnWrap .sidePanel {
  margin-top: 40px;
}

/*--------------- 学校情報管理 ---------------*/

.panel .blockContent {
  position: relative;
  border: 1px solid #e1e1e1;
  margin: 20px 0 40px;
}

.panel .blockContent h2 {
  font-size: 1.6rem;
  border-left: 2px solid #f39800;
  padding: 10px;
  margin-bottom: 10px;
}

.panel .blockContent .closeBtn {
  position: absolute;
  top: 14px;
  right: 14px;
}

.panel .blockContent .closeBtn a {
  font-size: 3.0rem;
  cursor: pointer;
}

/*---------------  担当者、学科コース一覧 ---------------*/

#recruitStaffList .blockContent h2,
#courseList .blockContent h2 {
  font-size: 1.6rem;
  border-left: 2px solid #f39800;
  padding: 10px;
  margin-bottom: 10px;
}

#recruitStaffList .blockContent .publicStatus,
#courseList .blockContent .publicStatus {
  font-size: 1.3rem;
  font-weight: bold;
  margin: 20px 0;
}

#recruitStaffList .blockContent .publicStatus span,
#courseList .blockContent .publicStatus span {
  margin-left: 20px;
  border: 1px solid #f39800;
  color: #f39800;
  padding: 2px;
}

/*--------------- 学生新規登録・編集 ---------------*/

.studentRegister .listLayout04 tr td .formParts .textareaLen {
  width: 80%;
}

/*--------------- 学生CSV新規登録 ---------------*/

#studentCRegister .listLayout01 {
  margin-bottom: 40px;
}

#studentCRegister .listLayout01 tr {
  cursor: auto;
}

#studentCRegister .listLayout01 tr:hover {
  background: none;
}

/*--------------- 学生利用状況 ---------------*/

.studentStatus .block {
  border: none;
}

.studentStatus .listLayout01 {
  margin-bottom: 40px;
}

.studentStatus .listLayout01 tr {
  cursor: auto;
}

.studentStatus .listLayout01 tr:hover {
  background: none;
}

.auto_publish {
  text-align: right;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------
　2 画面ごとの個別のスタイル（企業管理画面）
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------ダッシュボード---------------*/

#company .search .wordSearch {
  margin-bottom: 20px;
}

/*---------------学校一覧---------------*/

#company #schoolList .search .block {
  display: none;
}

#companyInfo02,
#companyInfo03 {
  display: none;
}

/*---------------学校詳細---------------*/

#company .schoolDetail .detailHead {
  margin: -60px 0 30px;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
}

#company .schoolDetail .detailHead .buttonArea a {
  background-color: #fa344d;
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  height: 40px;
  padding: 0 20px;
}

#company .schoolDetail .btnContact {
  width: 260px;
  height: 50px;
  margin: 0 auto;
  background-color: #fa344d;
}

#company .schoolDetail .btnContact a {
  color: #fff;
  font-size: 1.4rem;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
  height: 50px;
}

#company .schoolDetail .btnContact:hover {
  background-color: rgba(250, 52, 77, 0.8);
}

/*---------------求人登録---------------*/

.flowPost {
  margin: 50px 0 40px;
}

.flowPost ul {
  position: relative;
  display: table;
  table-layout: fixed;
  width: 100%;
  /* &:after {
      display: block;
      content: "";
      height: 2px;
      background: #ccc;
    }*/
  /* &:after {
      display: block;
      content: "";
      width: 20px;
      height: 20px;
      border-radius: 20px;
      background: #ccc;
      position: absolute;
      top: -9px;
      right: 0;
    } */
}

.flowPost ul li {
  position: relative;
  display: table-cell;
  width: 100%;
}

.flowPost ul li:after {
  display: block;
  content: "";
  width: 20px;
  height: 20px;
  border-radius: 20px;
  background: #fff;
  position: absolute;
  top: -9px;
}

.flowPost ul li:before {
  display: block;
  content: "";
  background: #ccc;
  height: 2px;
}

.flowPost ul li span {
  display: block;
  font-size: 1.2rem;
  font-weight: bold;
  margin-top: 18px;
}

.flowPost ul li:last-child {
  float: right;
  width: 100px;
}

.flowPost ul li:last-child:after {
  right: 0;
}

.flowPost ul li:last-child:before {
  display: none;
}

.flowPost ul li:last-child span {
  text-align: right;
}

.flowPost ul li:nth-child(2) span {
  margin-left: -33px;
}

.flowPost ul li:nth-child(3) span {
  margin-left: -33px;
}

.flowPost ul .current:after {
  background: #f39800;
}

.pub_offer_gidelines {
  background: #fff;
  font-size: 1.4rem;
  padding: 20px 20px;
  border-top: 2px solid #f39800;
  margin-bottom: 15px;
  line-height: 1.4;
}

.pub_offer_gidelines a {
  text-decoration: none;
  font-size: 1.8rem;
  font-weight: bold;
  text-decoration: none;
  color: #0073aa;
}

/*---------------求人登録（求人登録・学校検索・学校選択・求人投稿・完了）---------------*/

#jobRegisterSearch .createdJobBox .jobBox,
#jobRegisterSelect .createdJobBox .jobBox,
#jobRegisterPost .createdJobBox .jobBox,
#jobRegisterDetail .createdJobBox .jobBox {
  overflow: hidden;
}

#jobRegisterSearch .createdJobBox .jobBox figure,
#jobRegisterSelect .createdJobBox .jobBox figure,
#jobRegisterPost .createdJobBox .jobBox figure,
#jobRegisterDetail .createdJobBox .jobBox figure {
  float: left;
  width: 140px;
  margin-right: 20px;
}

#jobRegisterSearch .createdJobBox .jobBox figure img,
#jobRegisterSelect .createdJobBox .jobBox figure img,
#jobRegisterPost .createdJobBox .jobBox figure img,
#jobRegisterDetail .createdJobBox .jobBox figure img {
  width: 140px;
  height: 140px;
  -o-object-fit: contain;
     object-fit: contain;
}

#jobRegisterSearch .createdJobBox .jobBox dl,
#jobRegisterSelect .createdJobBox .jobBox dl,
#jobRegisterPost .createdJobBox .jobBox dl,
#jobRegisterDetail .createdJobBox .jobBox dl {
  float: left;
  width: calc(100% - 160px - 140px);
}

#jobRegisterSearch .createdJobBox .jobBox dl dt,
#jobRegisterSelect .createdJobBox .jobBox dl dt,
#jobRegisterPost .createdJobBox .jobBox dl dt,
#jobRegisterDetail .createdJobBox .jobBox dl dt {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 16px;
}

#jobRegisterSearch .createdJobBox .jobBox dl dd,
#jobRegisterSelect .createdJobBox .jobBox dl dd,
#jobRegisterPost .createdJobBox .jobBox dl dd,
#jobRegisterDetail .createdJobBox .jobBox dl dd {
  font-size: 1.3rem;
  line-height: 1.8;
}

#jobRegisterSearch .createdJobBox .jobBox .btnEdit,
#jobRegisterSelect .createdJobBox .jobBox .btnEdit,
#jobRegisterPost .createdJobBox .jobBox .btnEdit,
#jobRegisterDetail .createdJobBox .jobBox .btnEdit {
  float: right;
  width: 110px;
  margin-left: 30px;
}

#jobRegisterSearch .createdJobBox .jobBox .btnEdit li,
#jobRegisterSelect .createdJobBox .jobBox .btnEdit li,
#jobRegisterPost .createdJobBox .jobBox .btnEdit li,
#jobRegisterDetail .createdJobBox .jobBox .btnEdit li {
  margin-bottom: 10px;
}

#jobRegisterSearch .createdJobBox .jobBox .btnEdit li button,
#jobRegisterSelect .createdJobBox .jobBox .btnEdit li button,
#jobRegisterPost .createdJobBox .jobBox .btnEdit li button,
#jobRegisterDetail .createdJobBox .jobBox .btnEdit li button {
  width: 110px;
}

#jobRegisterSearch .selectedSchool .schoolBox p,
#jobRegisterSelect .selectedSchool .schoolBox p,
#jobRegisterPost .selectedSchool .schoolBox p,
#jobRegisterDetail .selectedSchool .schoolBox p {
  font-size: 1.4rem;
  font-weight: bold;
  margin-bottom: 10px;
}

#jobRegisterSearch .selectedSchool .schoolBox ul,
#jobRegisterSelect .selectedSchool .schoolBox ul,
#jobRegisterPost .selectedSchool .schoolBox ul,
#jobRegisterDetail .selectedSchool .schoolBox ul {
  overflow: hidden;
  padding-left: 35px;
}

#jobRegisterSearch .selectedSchool .schoolBox ul li,
#jobRegisterSelect .selectedSchool .schoolBox ul li,
#jobRegisterPost .selectedSchool .schoolBox ul li,
#jobRegisterDetail .selectedSchool .schoolBox ul li {
  float: left;
  font-size: 1.3rem;
  line-height: 1.8;
  width: 30%;
  margin-right: 40px;
  list-style: decimal;
}

#jobRegisterSearch .search .screenTitle,
#jobRegisterSelect .search .screenTitle,
#jobRegisterPost .search .screenTitle,
#jobRegisterDetail .search .screenTitle {
  background: none;
  border: none;
}

#jobRegisterPost .selectedSchool .listLayout01 {
  border: 1px solid #e1e1e1;
}

/*---------------求人一覧---------------*/

#company .jobList .controlBtn {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
}

/*--------------------------------------------------------------------------------------------------------------------------------------------------
　3 画面ごとの個別のスタイル（管理者管理画面）
/*------------------------------------------------------------------------------------------------------------------------------------------------*/

/*---------------学校一覧---------------*/

#adm #schoolList .search .wordSearch {
  margin-bottom: 20px;
}

#adm #schoolList .schoolList .controlBtn {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#adm #schoolList .searchBox {
  display: none;
}

/*---------------学生一覧---------------*/

#adm #studentList .studentList .controlBtn {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#adm #studentList .studentList .listLayout01 tr {
  cursor: pointer;
}

#adm #studentList .searchBox {
  display: none;
}

/*---------------企業一覧---------------*/

#adm #companyList .search .wordSearch {
  margin-bottom: 20px;
}

#adm #companyList .companyList .controlBtn {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
      justify-content: space-between;
}

#adm #companyList .searchBox {
  display: none;
}

/*---------------求人一覧---------------*/

#adm #jobList .jobList .controlBtn {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: end;
          justify-content: flex-end;
  -ms-flex-pack: end;
  -webkit-box-align: end;
          align-items: flex-end;
  -ms-flex-align: end;
}

/*---------------エラー出力---------------*/

#errors #error_title {
  padding: 10px;
  background: #fa344d;
}

#errors #error_title h2 {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
}

#errors #error_message {
  margin-bottom: 10px;
  padding: 14px 10px;
  border: 1px solid #CCC;
  background: #FFF;
}

#errors #error_message p {
  font-size: 12px;
  line-height: 1.8;
  color: #fa344d;
}

.jobRegisterBox .tab li {
  position: relative;
}

.jobRegisterBox .tab .errorBadge:after {
  display: block;
  content: "!";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fa344d;
  color: #fff;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1000;
  font-size: 1.2rem;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.schoolInfoBox .tab li {
  position: relative;
}

.schoolInfoBox .tab .errorBadge:after {
  display: block;
  content: "!";
  width: 20px;
  height: 20px;
  border-radius: 50%;
  background: #fa344d;
  color: #fff;
  position: absolute;
  top: -10px;
  right: -10px;
  z-index: 1000;
  font-size: 1.2rem;
  font-weight: bold;
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.errorTxt {
  display: inline-block;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.4;
  background: #fa344d;
  color: #fff;
  padding: 6px;
  margin: 0 0 10px;
}

.errorTxt:empty {
  display: none;
}

/*---------------登録・編集完了等の出力---------------*/

#success #success_title {
  padding: 10px;
  background: #00BFFF;
}

#success #success_title h2 {
  font-size: 12px;
  font-weight: bold;
  color: #FFF;
}

#success #success_message {
  margin-bottom: 10px;
  padding: 14px 10px;
  border: 1px solid #CCC;
  background: #FFF;
}

#success #success_message p {
  font-size: 12px;
  line-height: 1.8;
  color: #000;
}

#info #info_title {
  padding: 10px;
  background: #fff3cd;
  border: 1px solid #CCC;
}

#info #info_title h2 {
  font-size: 12px;
  font-weight: bold;
  color: #856404;
}

#info #info_message {
  margin-bottom: 10px;
  padding: 14px 10px;
  border: 1px solid #CCC;
  border-top: none;
  background: #FFF;
}

#info #info_message p {
  font-size: 12px;
  line-height: 1.8;
  color: #000;
}

/*---------------データが存在しない(無い・非公開/利用停止している 等)時の表示用---------------*/

.noDataBox {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  height: 50px;
  text-align: center;
}

.noDataBox h2 {
  font-size: 2.0rem;
  margin-bottom: 20px;
}

.noDataBox p {
  font-size: 1.4rem;
  line-height: 1.8;
  text-align: center;
}

.editBox {
  display: none;
  padding: 14px 10px;
  overflow: hidden;
}

.editBox .editArea {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: justify;
          justify-content: space-between;
  -ms-flex-pack: justify;
  -webkit-box-align: start;
          align-items: flex-start;
  -ms-flex-align: start;
  margin-bottom: 30px;
}

.editBox .editArea .memo {
  width: calc(100% - 170px);
}

.editBox .editArea .memo p {
  font-size: 1.3rem;
  line-height: 1.4;
  margin: 4px 0;
}

.editBox .editArea .comment {
  width: 100%;
}

.editBox .editArea .results {
  width: 170px;
  margin-left: 30px;
}

.editBox .editArea .results h2 {
  font-size: 1.4rem;
  margin-bottom: 10px;
}

.editBox .editArea .results select {
  width: 150px;
}

.editBox .editBtn ul {
  display: -webkit-box;
  display: flex;
  display: -ms-flexbox;
  -webkit-box-pack: center;
          justify-content: center;
  -ms-flex-pack: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-align: center;
}

.editBox .editBtn ul li {
  margin: 0 10px;
}

.editBox .editBtn ul .close button[type="button"] {
  width: 120px;
}

.editBox .editBtn ul .registration input[type="submit"] {
  width: 260px;
  height: 50px;
  border: none;
  color: #fff;
  font-weight: bold;
  background-color: #fa344d;
  background-image: url(/images/ico_registration.png);
  background-repeat: no-repeat;
  background-position: left 100px center;
  padding-left: 30px;
  cursor: pointer;
}

.editBox .editBtn ul .registration input[type="submit"]:hover {
  opacity: 0.8;
}

.editBox .editBtn ul .send input[type="submit"] {
  width: 260px;
  height: 50px;
  border: none;
  color: #fff;
  font-weight: bold;
  background-color: #fa344d;
  cursor: pointer;
}

.editBox .editBtn ul .send input[type="submit"]:hover {
  opacity: 0.8;
}

/*-------------- 説明文(求人登録「詳細タブ」) ---------------*/

.explanatoryText {
  padding: 10px;
  border: 2px solid #f39800;
  text-align: center;
  margin: 20px auto 40px;
}

.explanatoryText p {
  font-weight: bold;
  line-height: 1.4;
  font-size: 1.5rem;
}

.readMore {
  color: #0073aa;
  cursor: pointer;
  padding: 0px !important;
}

.continuation {
  display: none;
}

/*-------------- 求人詳細、項目の備考 ---------------*/

.remark {
  margin-top: 6px;
}

.withRemark {
  margin-bottom: 6px;
}

.withRemark:empty {
  margin-bottom: 0px;
}

/*-------------- 求人詳細、タグ ---------------*/

.tag {
  float: left;
  margin-top: 5px;
  margin-right: 10px;
  margin-bottom: 5px;
  margin-left: 0px;
  border: 1px solid #CCCCCC;
  border-radius: 5px;
  padding-top: 1px;
  padding-right: 4px;
  padding-bottom: 1px;
  padding-left: 4px;
}

/*-------------- 求人詳細、次の未掲載求人リンク ------------*/

.next_offer {
  font-size: 1.4rem;
  text-align: right;
  margin-right: 30px;
  margin-bottom: 20px;
}

.next_offer a {
  display: inline-block;
  color: #00F;
}


#jobRegister02,
#jobRegister03,
#jobRegister04,
#jobRegister05 {
  display: none;
}

#schoolInfo02,
#schoolInfo03,
#schoolInfo04,
#schoolInfo05 {
  display: none;
}

.offer_edit_images {
  max-width: 200px;
  max-height: 200px;
}

.company_edit_images {
  max-width: 200px;
  max-height: 200px;
}

.searchBox {
  display: none;
}

.adminHeader .barContent h1 a img {
  display: inline-block;
  margin-right: 10px;
  width: 122px;
  height: 28px;
}

.margin-bottom-30 {
  margin-bottom: 30px;
}

.listLayout04 tr td div input:disabled {
  background-color: #EEE;
}

section.company_warning div#errors div#error_message p {
  color: #000;
  font-size: 1.5rem;
}

section.company_warning div#errors div#error_message p a {
  color: #0073aa;
}

span.summary_unit {
  font-size: 1.4rem;
}