@charset "UTF-8";
/*************** main content ***************/
/*************** wrapper size ***************/
/*************** list size ***************/
/*************** color ***************/
/*************** width/height ***************/
.mypage {
  /* 検索ボックス
  ---------------------------------------- */
  /* サムネイル付きのリスト
  ---------------------------------------- */
}
.mypage main {
  max-width: 1400px;
  margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  flex-direction: row-reverse;
  padding: 5rem 4rem;
  justify-content: space-around;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .mypage main {
    flex-direction: initial;
    padding: 1rem 1.5rem;
  }
}
.mypage input[type="text"], .mypage input[type="password"], .mypage input[type="date"], .mypage input[type="datetime"], .mypage input[type="datetime-local"], .mypage input[type="month"], .mypage input[type="week"], .mypage input[type="email"], .mypage input[type="number"], .mypage input[type="search"], .mypage input[type="tel"], .mypage input[type="time"], .mypage input[type="url"], .mypage input[type="color"] {
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  box-shadow: none;
  color: #383838;
  display: inline-block;
  font-size: 15px;
  padding: 6px;
  height: 30px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
  transition: all 0.15s linear;
}
.mypage textarea {
  border-radius: 0;
  background-color: #fff;
  font-family: inherit;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  box-shadow: none;
  color: #383838;
  display: block;
  font-size: 15px;
  padding: 6px;
  min-height: 100px;
  width: 100%;
  box-sizing: border-box;
  border-radius: 5px;
}
.mypage input[type="text"]:not(.flatPicker):focus, .mypage input[type="password"]:focus, .mypage input[type="date"]:focus, .mypage input[type="datetime"]:focus, .mypage input[type="datetime-locadisabled"]:focus, .mypage input[type="month"]:focus, .mypage input[type="week"]:focus, .mypage input[type="email"]:focus, .mypage input[type="number"]:focus, .mypage input[type="search"]:focus, .mypage input[type="tel"]:focus, .mypage input[type="time"]:focus, .mypage input[type="url"]:focus, .mypage input[type="color"]:focus {
  background: #fafafa;
  border-color: #f5a100;
  outline: none;
}
.mypage input[type="text"]:not(.flatPicker)[disabled], .mypage input[type="text"]:not(.flatPicker)[readonly], .mypage input[type="password"][disabled], .mypage input[type="password"][readonly], .mypage input[type="date"][disabled], .mypage input[type="date"][readonly], .mypage input[type="datetime"][disabled], .mypage input[type="datetime"][readonly], .mypage input[type="datetime-locadisabled"][disabled], .mypage input[type="datetime-locadisabled"][readonly], .mypage input[type="month"][disabled], .mypage input[type="month"][readonly], .mypage input[type="week"][disabled], .mypage input[type="week"][readonly], .mypage input[type="email"][disabled], .mypage input[type="email"][readonly], .mypage input[type="number"][disabled], .mypage input[type="number"][readonly], .mypage input[type="search"][disabled], .mypage input[type="search"][readonly], .mypage input[type="tel"][disabled], .mypage input[type="tel"][readonly], .mypage input[type="time"][disabled], .mypage input[type="time"][readonly], .mypage input[type="url"][disabled], .mypage input[type="url"][readonly], .mypage input[type="color"][disabled], .mypage input[type="color"][readonly] {
  background-color: #ddd;
  cursor: default;
}
.mypage textarea:focus {
  background: #fafafa;
  border-color: #f5a100;
  outline: none;
}
.mypage textarea[disabled], .mypage textarea[readonly] {
  background-color: #ddd;
  cursor: default;
}
.mypage select {
  border-radius: 0;
  background-color: #fafafa;
  border-style: solid;
  border-width: 1px;
  border-color: #ccc;
  padding: 3px 6px;
  color: #383838;
  line-height: normal;
  border-radius: 5px;
}
.mypage select:hover {
  background-color: #f3f3f3;
  border-color: #f5a100;
}
.mypage select:disabled {
  background-color: #ddd;
  cursor: default;
}
.mypage select[multiple] {
  height: auto;
}
.mypage select option {
  color: #000;
}
.mypage .breadcrumb {
  margin: 0 0 2rem;
  font-size: 1.3rem;
  max-width: initial;
}
.mypage .searchbox {
  border-radius: 5px;
  padding: 30px;
  margin: 0 0 20px;
  background: #f4f4f4;
  font-size: 14px;
}
.mypage .searchbox h3 {
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 16px;
}
.mypage .searchbox .col {
  margin-right: 20px;
  margin-bottom: 30px;
  display: inline-block;
}
.mypage .searchbox select {
  width: 100%;
}
.mypage .searchbox .btnbox {
  padding-top: 30px;
  text-align: center;
  display: block;
}
.mypage .searchbox .btnbox .btn {
  width: 100px;
}
.mypage .thumb_list ul li {
  margin-bottom: 40px;
  padding: 35px;
  background: #f6f7f7;
  border-radius: 5px;
  border: 1px solid #dde0e0;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .mypage .thumb_list ul li {
    padding: 20px;
  }
}
.mypage .thumb_list .title {
  font-size: 2.4rem;
  font-weight: bold;
  margin: 0 0 2rem;
}
.mypage .thumb_list .content {
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  flex-wrap: wrap;
}
.mypage .thumb_list .content table {
  width: 65%;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .mypage .thumb_list .content table {
    width: 100%;
    margin: 0 0 2rem;
  }
}
.mypage .thumb_list .content .opt {
  width: 30%;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .mypage .thumb_list .content .opt {
    width: 100%;
  }
}
.mypage .thumb_list .content .opt .thumb {
  margin: 0 0 2rem;
}
.mypage .thumb_list .content .opt .btnbox {
  text-align: center;
  font-size: 13px;
  margin: 0 10px 20px !important;
}

.mypage.-worker h2 {
  font-size: 2.8rem;
  color: #333333;
  text-align: left;
  border-bottom: 1px solid #000;
  margin-bottom: 4rem;
  padding-bottom: 2rem;
  margin-top: 2rem;
}

.l-sidebar {
  width: 26%;
  margin-right: 4%;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .l-sidebar {
    width: 100%;
    margin-right: 0;
    margin-top: 4rem;
  }
}

.l-sidebar.worker {
  padding-right: 30px;
  border-right: 1px solid #959595;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .l-sidebar.worker {
    border-right: none;
    padding-right: 0;
  }
}
.l-sidebar.worker .snav ul {
  border: none;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .l-sidebar.worker .snav ul {
    border-radius: 5px;
    border: 1px solid #ddd;
  }
}
.l-sidebar.worker .snav ul li {
  border-bottom: none;
  position: relative;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .l-sidebar.worker .snav ul li {
    border-bottom: 1px solid #ddd;
  }
}
.l-sidebar.worker .snav ul li::before {
  content: '';
  position: absolute;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .l-sidebar.worker .snav ul li::before {
    left: 25px;
  }
}
.l-sidebar.worker .snav ul li.search::before {
  background: url("../img/common/icon_01.svg") no-repeat;
  width: 23px;
  height: 23px;
}
.l-sidebar.worker .snav ul li.chat::before {
  background: url("../img/common/icon_02.svg") no-repeat;
  width: 28px;
  height: 23px;
}
.l-sidebar.worker .snav ul li.home::before {
  background: url(../img/common/icon_0.svg) no-repeat;
  width: 25px;
  height: 25px;
  background-size: cover;
}
.l-sidebar.worker .snav ul li.person::before {
  background: url("../img/common/icon_04.svg") no-repeat;
  width: 19px;
  height: 29px;
}
.l-sidebar.worker .snav ul li.doc::before {
  background: url("../img/common/icon_05.svg") no-repeat;
  width: 20px;
  height: 24px;
}
.l-sidebar.worker .snav ul li.pencil::before {
  background: url("../img/common/icon_06.svg") no-repeat;
  width: 27px;
  height: 27px;
}
.l-sidebar.worker .snav ul li a {
  margin: 3rem 0 3rem 3.5rem;
  padding: 0;
}
@media only screen and (max-width: 834px), (max-device-width: 834px) {
  .l-sidebar.worker .snav ul li a {
    margin: 2rem 7rem;
  }
}
.l-sidebar.worker .snav ul .current a {
  background: #FFF9BE;
}

.align_right {
  text-align: right;
}

.frm_submit.-center {
    text-align: center;
}

.company-name-notice {
    color: #ff0000;
    font-weight: bold;
    margin-left: 20px;
}

.tbl td.num {
    text-align: right;
}

.company-name-notice-small {
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4;
}

/* ==========================================
   特徴（選択順表示）
========================================== */

.feature-label {
    display: inline-block;
    position: relative;
}

.feature-text {
    margin-left: 4px;
    font-size: 11.5px;
}

.feature-order {
    display: inline-block;
    min-width: 18px;
    margin-left: 8px;
    padding: 1px 5px;
    border-radius: 10px;
    background: #00a99d;
    color: #fff;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}

.feature-notice {
    margin-top: 15px;
    font-size: 12px;
    color: #00a99d;
    line-height: 1.6;
}

/* ==========================================
   企業マイページ 求人一覧
========================================== */

.recruitment-list-table {
    width: 100%;
    table-layout: fixed;
}

/* 求人ID */
.recruitment-list-table th:nth-child(1),
.recruitment-list-table td:nth-child(1) {
    width: 120px;
    white-space: nowrap;
}

/* 求人タイトル */
.recruitment-list-table th:nth-child(2),
.recruitment-list-table td:nth-child(2) {
    width: auto;
}

/* 求人開始日 */
.recruitment-list-table th:nth-child(3),
.recruitment-list-table td:nth-child(3) {
    width: 105px;
    white-space: nowrap;
}

/* 雇用形態 */
.recruitment-list-table th:nth-child(4),
.recruitment-list-table td:nth-child(4) {
    width: 120px;
}

/* 応募数 */
.recruitment-list-table th:nth-child(5),
.recruitment-list-table td:nth-child(5) {
    width: 70px;
    white-space: nowrap;
}

/* 募集状況 */
.recruitment-list-table th:nth-child(6),
.recruitment-list-table td:nth-child(6) {
    width: 90px;
    white-space: nowrap;
}

/* タイトルだけ左寄せ */
.recruitment-list-table .title-cell {
    text-align: left;
}

/* 最大2行表示 */
.recruitment-list-table .title-text {
    display: block;
    width: 100%;
    line-height: 1.5;
    white-space: normal;
    word-break: break-word;
    overflow: hidden;
}

.recruitment-list-table .title-cell a {
    color: inherit;
    text-decoration: none;
    cursor: pointer;
}

/* ==========================================
   代理店 求人一覧
========================================== */

.recruitment_list_tbl {
    width: 100%;
    table-layout: fixed;
}

/* 求人ID */
.recruitment_list_tbl th:nth-child(1),
.recruitment_list_tbl .col_uid {
    width: 120px;
    white-space: nowrap;
}

/* 求人タイトル */
.recruitment_list_tbl th:nth-child(2),
.recruitment_list_tbl .col_title {
    width: auto;
}

/* 企業名 */
.recruitment_list_tbl th:nth-child(3),
.recruitment_list_tbl .col_company {
    width: 150px;
}

/* 求人開始日 */
.recruitment_list_tbl th:nth-child(4),
.recruitment_list_tbl .col_date {
    width: 100px;
    white-space: nowrap;
}

/* 募集状況 */
.recruitment_list_tbl th:nth-child(5),
.recruitment_list_tbl .col_status {
    width: 85px;
    white-space: nowrap;
}

/* 求人タイトルは最大2行 */
.recruitment_list_tbl .col_title a {
    display: -webkit-box;
    overflow: hidden;
    line-height: 1.5;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 2;
    word-break: break-word;
}

/* 解約会員はグレーアウト */
.tbl tr.is-cancelled td {
    background-color: #f2f2f2;
    color: #999;
}

.tbl tr.is-cancelled td a {
    color: #999;
}

/* ==========================================
   CSVアップロード 注意書き
========================================== */

.csv-notice {
    margin-top: 30px;
    padding: 20px;
    border: 1px solid #d9534f;
    border-radius: 5px;
}

.csv-notice p {
    margin: 0 0 12px;
    color: #d9534f;
    line-height: 1.8;
}

.csv-notice p:last-child {
    margin-bottom: 0;
}

.csv-notice .example {
    margin-left: 20px;
}

/* ==========================================
   CSVテンプレートダウンロードリンク
========================================== */

.upload-area {
    position: relative;
    width: calc(50% - 25px);
}

.upload-area .btn {
    width: 100%;
    box-sizing: border-box;
}

.csv-template-link {
    position: absolute;
    right: 0;
    bottom: calc(100% + 30px);
    left: 200px;
    margin: 0;
    text-align: center;
}
.csv-template-link a {
    display: block;
    width: fit-content;
    margin: 0 auto;
    padding: 0 5px 5px;
    border-bottom: 1px solid #666;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    line-height: 1.4;
    text-decoration: none;
}

.csv-template-link a:hover {
    opacity: 0.7;
}