@font-face {
    font-family: 'Noto Sans JP';
    src: url('/fonts/NotoSansJP.woff2') format('woff2');
    font-display: swap;
}

button,
body,
textarea,
input,
select {
    font-family: "Noto Sans JP", sans-serif !important;
    border-radius: 6px;
}

html,
body {
    /* height:100%; */
    margin: 0 auto;
    padding: 0;
    /* width: fit-content; */
}

/* デフォルトでは非表示 */
.error {
  display: none !important;
}
/* 隣接セレクタで
 * input:invalidの隣の
 * エラーメッセージは表示する
 */
input:invalid + .error {
  font-size: 0.6rem;
  display: block !important;
  color: red;
  position: absolute;
  top: 1.1rem;
}

input:has(+ .error) {
  z-index:1;
}


::placeholder {
  color: lightgray !important;
  font-size: 1.5em;
}

.position_relative{
  position: relative;
}

.positon_unset{
  position: unset;
}

.attention_text {
		font-size: 14px;
		color: var(--main-color);
}


.align-right {
  text-align: right;
}

.align-left {
  text-align: left;
}

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

.box_shadow {
    padding: 16px 30px;
    color: #777;
    font-size: 16px;
    font-weight: 700;
    line-height: 24px;
    background: #fff;
    border-radius: 35px;
    box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.15);
    cursor: pointer;
}

.green_btn {
    border-radius: 6px;
    color: white;
    box-shadow: 0 12px 24px rgb(62 239 127 / 20%);
    background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
    cursor: pointer;
    border: none;
}

.red_btn {
    background: linear-gradient(96.77deg, #f0bb4b -0.96%, #e34c4b 100%);
}

.orange_btn {
    border-radius: 6px;
    color: white;
    /* box-shadow: 0 12px 24px rgb(251 167 149) !important;  */
    background: linear-gradient(96.77deg, #f0bb4b -0.96%, #e34c4b 100%) !important;
    cursor: pointer;
    border: none;
}


.head {
    width: 100%;
}

.header {
    background: #fff;
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
    z-index: 2;
    height: 4rem;
    position: fixed;
    top: 0;
    transition: .3s cubic-bezier(.4, 0, .2, 1);
    width: 100%;
    align-items: center;
    display: flex;
    z-index: 199999;
}

.header .hide {
    transform: translateY(-60px);
}


/* カスタムプロパティ */

:root {
    --main-color: #556372;
    --text-color-light: #fff;
    --text-color-dark: #1f3134;
    --link-color-light: #f6f6f6;
    --link-color-dark: #556372;
    /* --border-color: #c6cbcc; */
    --border-color: gainsboro;
    --border-color-for-hr: rgba(36, 42, 48, 0.06);
    --icon-color-standard: skyblue;
    --icon-color-warning: orange;
    --icon-color-good: #43b291;
    --disabled-background: lightgray;
    --disabled-text: white;
    --table_title_cell: #f3f3f3;
    --function_button: darkgray;
    --icon-color-popup_info: #04CC00;
    --icon-color-popup_info_error: #e34c4b;
    --icon-color-green:#56d9b0 !important;
}

.disabled {
    color: var(--disabled-text) !important;
    background: var(--disabled-background) !important;
    pointer-events: none;
}

.disabled_setting input,
.disabled_setting select {
    pointer-events: none;
    background: gainsboro;
    color: gray;
}

* {
    box-sizing: border-box;
}

.head {
    width: 100%;
}

body {
    color: var(--text-color-dark);
    margin: auto;
    line-height: 1;
    letter-spacing: 1px;
}

a {
    color: var(--link-color-dark);
    text-decoration: underline;
    padding: 0 2px;
}


/* a:hover {
    opacity: 0.9;
} */

header .header_inner {
    max-width: 1020px;
    margin: 0 auto;
    display: flex;
    justify-content: space-between;
}

header .header_inner .header_menu {
    align-items: center;
    font-size: 14px;
}

header .header_inner .header_menu button {
    min-width: 60px;
    padding: 8px 15px;
}

header .header_inner .header_menu form {
    margin-left: 8px;
}

header .logo_image {
    align-items: center;
}

header .logo_image img {
    width: 80px;
}

footer {
    color: var(--link-color-light);
    background: var(--main-color);
    padding: 80px;
    text-align: center;
}

footer a {
    color: var(--link-color-light);
}

h1 {
    margin: 0;
    font-size: 32px;
    margin-bottom: 40px;
}

button {
    padding: 16px 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    /* box-shadow: 0 12px 24px rgb(62 239 127 / 20%); */
    background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
    border: none;

}

.button {
    text-decoration: none;
    padding: 16px 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    /* box-shadow: 0 12px 24px rgb(62 239 127 / 20%); */
    background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
    border: none;
}

.button_point {
    text-decoration: none;
    padding: 16px 30px;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    /* box-shadow: 0 12px 24px rgb(251 167 149); */
    background: linear-gradient(96.77deg, #f0bb4b -0.96%, #e34c4b 100%);
    border: none;
}

button:hover {
    cursor: pointer;
    opacity: 0.9;
}

header h1 {
    font-size: 1.5rem;
    font-weight: bold;
    margin: 0;
    color: #4a4a4a;
    white-space: nowrap;
}

button,
select {
    cursor: pointer;
}

::-webkit-resizer {
    display: none;
}

::-webkit-scrollbar {
    width: 10px;
    height: 10px;
}

::-webkit-scrollbar-track {
    background: linear-gradient(#f3f3f3, #f3f3f3);
}

::-webkit-scrollbar-thumb {
    background: #dcdcdc;
    border-radius: 6px;
}

.yellow {
    background: yellow;
}

.flex-between {
    justify-content: space-between;
    display: flex;
    align-items: center;
    gap: 0.5rem;
}

.flex-between-wrap {
    justify-content: space-between;
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.flex-wrap {
    display: flex;
    flex-wrap: wrap;
}

main {}

nav {
    width: calc(100vw - 300px);
    /* position: fixed; */
    margin: 0 auto;
    padding: 1rem 0;
    bottom: 0;
    z-index: 999;
    display: flex;
    justify-content: center;
}

input[type=text],
input[type=tel],
input[type=url],
input[type=password],
input[type=email],
.search_option_group select,
.column_input select,
input[type=datetime-local],
input[type=number] {
    border: 1px solid var(--border-color);
    padding: 8px;
    font-size: 14px;
    border-radius: 0;
    /* min-width: 160px; */
    margin-left: 4px;
    width: 100%;
    height: 40px;
    border-radius: 6px;
}


.search_option_group input,
.search_option_group select,
.search_option_group input[type=date] {
    border-radius: 6px;
    margin: 0;
    border: 1px solid gainsboro !important;
}

.report_body .search_option_group input,
.report_body .search_option_group select,
.report_body .search_option_group input[type=date] {
    width: 100% !important;
}

.report_body .search_option_group .radio_group input {
    width: unset !important;
}

.tr_body input {
    height: 100% !important;
    width: 100% !important;
    border: none !important;
    min-width: unset !important;
}

input[type=date] {
    border: 1px solid var(--border-color);
    padding: 7px;
    font-size: 14px;
    border-radius: 0;
    min-width: 160px;
    margin-left: 4px;
    width: 100%;
    height: 3rem;
    border-radius: 6px;
}

.content_table input[type=date] {
    border: unset !important;
    margin-left: 0 !important;
}

.content_table input[type=text] {
    height: 100% !important;
    margin: 0 !important;
    border: unset;
}

.overflow {
    overflow: auto;
}

.sun {
    color: #e64e4e !important;
}

.cloud {
    color: #474b4d7a !important;
}

.rain {
    color: #5998ec !important;
}

.warning {
    color: #efbb4b !important;
}

.header_hightlight {
    font-weight: bold;
    color: #008bd9 !important;
    text-decoration: underline !important;
}

.header_hightlight:hover {
    filter: brightness(1.5);
}

.search_text_hightlight {
    background-color: #ff9;
    font-weight: bold;
}

.userselect {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
}

.required {
    color: red;
}

.container {
    padding: 0;
    width: 80vw;
    margin: 0 auto;
}

.container_wide {
    margin: 4rem 0 0;
    height: calc(100vh - 4rem);
    display: inline-flex;
    overflow: auto;
}

.overflow {
    height: 100%;
    overflow: auto;
}

.container_jd {
    width: 60vw;
    min-width: 800px;
    margin: 0 auto;
}

.flex {
    display: flex;
}

.block {
  display: block !important;
  padding: 5px;
  overflow: auto;
  height: 100%;
  width: 100%;
}

.half {
    width: 50%;
}

.box_line {
    border-radius: 6px;
    border: 1px solid gainsboro;
}

.box-shadow {
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 3px rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}

.box-shadow-top {
    border-radius: 8px 8px 0 0;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-shadow: 0 1px 3px rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}

.box-shadow-bottom {
    border-radius: 0 0 8px 8px;
    bottom: 0;
    left: 0;
    right: 0;
    top: 0;
    -webkit-box-shadow: 0 1px 3px rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
    box-shadow: 0 1px 3px rgb(60 64 67 / 30%), 0 4px 8px 3px rgb(60 64 67 / 15%);
}

.box-shadow-top-line{
  box-shadow: 0 1px 1px rgb(60 64 67 / 30%), 0px -1px 0px 1px rgb(60 64 67 / 15%);
}

.box-shadow-floating {
    border-radius: 6px;
    box-shadow: rgb(0 0 0 / 30%) 0px 12px 60px 5px !important;
}


/* TOP */

.top_main_container {
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    padding-top: 15vh;
}

.top_main_text {
    text-align: center;
    align-items: center;
    justify-content: center;
    font-size: 64px;
}

.top_main_text img {
    width: 200px;
}

.top_links {
    text-align: center;
    margin-top: 20px;
}

.top_links a {
    margin: 15px;
    font-size: 20px;
    color: #9da3ae;
    cursor: pointer;
    text-decoration: none;
}

.top_links a:hover {
    color: black;
}


/* 求人票 */

.search-box {
    transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: none;
    cursor: pointer;
    background: #4f95ef;
    box-shadow: rgb(0 0 0 / 30%) 0px 12px 60px 5px !important;
}

.search-box+label .search-icon {
    color: white;
}

.search-box:hover {
    color: white;
    background: #649feb;
    box-shadow: rgb(0 0 0 / 30%) 0px 12px 60px 5px !important;
}

.search-box:hover+label .search-icon {
    color: white;
}

.search-box:focus {
    transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
    border: none;
    outline: none;
    box-shadow: none;
    padding-left: 15px;
    cursor: text;
    width: 300px;
    border-radius: auto;
    background: #649feb;
    color: white;
}

.list_change_btn:hover {
    color: white;
    filter: brightness(1.2);
    box-shadow: 0 0 0 5px #3d4752;
}

.list_change_btn:hover+label .search-icon {
    color: white;
}

.list_change_btn:focus {
    transition: width 0.6s cubic-bezier(0, 1.22, 0.66, 1.39), border-radius 0.6s, background 0.6s;
    border: none;
    outline: none;
    box-shadow: none;
    padding-left: 0;
    cursor: text;
    width: 40px;
    border-radius: auto;
    background: #ebebeb;
    color: black;
}

.search-container-label {
    width: 0;
}

.search-box:focus+label .search-icon {
    color: white;
}

.search-box:not(:focus) {
    text-indent: -5000px;
}

#search-submit {
    position: relative;
    left: -5000px;
}

.search-icon {
    position: relative;
    left: -30px;
    color: white;
    cursor: pointer;
}

.delete_btn {
    width: fit-content;
}

.content_table {
    width: max-content;
}

.list_change_btn {
    position: fixed;
    right: 20px;
    bottom: 50px;
    z-index: 2;
    transition: width 0.6s, border-radius 0.6s, background 0.6s, box-shadow 0.6s;
    width: 40px;
    height: 40px;
    border-radius: 20px;
    border: none;
    background: #ec6166;
    color: white;
    padding: 0;
}

.jd_container {
    padding: 3rem;
    overflow-y: auto;
}

.jd_container .jd_body {
    letter-spacing: 1px;
    line-height: 1.2;
}

.lixas_info {
    background: white;
    /* position: fixed; */
    right: 1%;
    top: 20vh;
    width: 16.5%;
    padding: 0.5rem;
    /* margin-top: 6rem; */
}

.lixas_info_contract {
    background: white;
    margin-bottom: 0.5rem;
    padding: 0.5rem;
}

.lixas_info_headline {
    padding: 0.5rem;
    background: orange;
    color: white;
    margin-bottom: 1rem;
    margin-top: 0.5rem;
    position: sticky;
    top: 0;
    text-align: center;
}

.lixas_info_headline a {
    color: white;
    /* display: block; */
    text-align: center;
    text-decoration: underline;
    padding: 0.5rem;
}

.lixas_info_sticky {
    position: sticky;
    /* top: 5rem; */
    height: 100%;
    padding: 1px;
    overflow-y: auto;
}

.lixas_info_headline_a {
    margin-top: 0.5rem;
}

.lixas_info_headline a:hover {
    color: black;
}

.lixas_info_headline_copyarea {
    display: block;
}

.lixas_info_headline_copyarea_textbox {
    width: 100%;
}

.lixas_info_headline_copyarea_textbox textarea {
    display: block;
    width: 100%;
    margin-bottom: 5px;
    height: 6rem;
    border: 1px solid gainsboro;
}

.lixas_info_headline_copyarea_textbox button {
    margin: 0 auto;
    width: 100%;
    border: none;
    margin: 0 auto;
    font-size: 0.7rem;
    position: relative;
    padding: 0.2rem 2rem;
    transition: all 0.3s;
    color: #fff;
    border-radius: 1vh;
    background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
    cursor: pointer;
}

.lixas_info_headline_copyarea_textbox button:hover {
    filter: brightness(1.1);
}

.jd_header_info {
    display: flex;
    align-items: center;
    background: white;
    border-bottom: 1px solid gray;
}

.j_header_text{
  display: flex;
  width: 100%;
  /* justify-content: right; */
  font-size: 0.8rem;
}

.jd_header_warning {
    text-align: right;
    font-size: 12px;
}

.jb_header_logo {
    text-align: right;
    width: 30%;
}

.jb_header_logo img {
    max-height: 2rem;
}

.jd_body_company_detail_title {
    width: 200px;
    border: 0;
}

.jd_body_company_detail_text {
    border: 0;
    width: 85%;
}

.jd_body_box {
    margin-top: 30px;
}

.jd_h1 {
    background-color: #f0f0f0;
    font-weight: 700;
    padding: 10px;
}

.jd_h1_other {
    font-weight: 700;
    padding: 10px;
    border-left: 1px solid black;
}

.jd_text {
    margin-top: 5px;
    padding: 10px;
}

.jb_detail_th {
    /* width:200px; */
    border: 0.5px solid black;
    padding: 10px;
}

.jb_detail_td {
    border: 0.5px solid black;
    padding: 10px;
    width: 85%;
    align-items: center;
    word-break: break-all;
    line-height: 1.5;
}

.jd_footer {
    text-align: right;
    margin-bottom: 3%;
    padding-bottom: 15px;
}

.jb_detail_table {
    border: none;
    font-size: 16px;
}

.jd_body_title {
    font-size: 24px;
    font-weight: 700;
    margin-top: 1em;
}

.jd_body_company {
    padding: 10px;
}

.jd_body_company_detail_container {
    padding: 10px;
    display: block;
    width: 100%;
    height: 100%;
}

.jd_footer {
    background: black;
}

.footer_logo {
    display: flex;
    align-items: center;
    justify-content: center;
}

.footer_logo img {
    width: 100px;
}

.footer_text {
    text-align: center;
    color: white;
}


/* 振り返り */

.interview_review_group {
    align-items: center;
    padding: 10px 20px;
}

.interview_review_group .form-group {
    margin: 10px;
}

.interview_review_group .form-group lable {
    width: 100%;
}

.text-md-right {
    font-size: 14px;
    color: gray;
    display: block;
    margin-bottom: 0.2rem;
}

.interview_review_group .form-group div {
    width: 100%;
    text-align: center;
}

.interview_review_group .form-group input {
    width: 100%;
    font-weight: 700;
    padding: 5px;
}

.interview_review_group .form-group input:read-only {
    background: #d3d3d373;
}

.interview_review_group .form-group textarea {
    width: 100%;
    padding: 5px;
    resize: horizontal;
}

.justify-content-center {
    max-width: 600px;
    margin: 0 auto;
    margin: 30px auto;
}

.interview_review_headline {
    padding: 0.6rem !important;
    border-radius: 6px;
    padding: 2px 10px;
    box-shadow: rgb(0 0 0 / 2%) 0px 0px 0px 1px, rgb(0 0 0 / 10%) 0px 1px 3px 0px;
    transition: box-shadow 200ms cubic-bezier(0.3, 0.3, 0.3, 1) 0s;
    color: rgba(255, 255, 255, 0.86);
    background: linear-gradient(90.43deg, #18288d 0%, rgb(72 98 246) 100%);
}

.interview_review_button {
    display: flex;
    justify-content: center;
    bottom: 0;
    background: white;
    padding: 10px 10px 30px;
}

.card-header {
    font-weight: 700;
    font-size: 24px;
    text-align: center;
    padding: 10px 5px;
    justify-content: center;
}

.btn-primary {
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    background: #18288d;
    color: white;
}

.btn-info {
    padding: 10px 40px;
    font-size: 16px;
    font-weight: 700;
    border-radius: 6px;
    color: #18288d;
}

.btn-primary:hover {
    opacity: 80%;
}

.form-group div {
    display: unset;
    padding-left: 5px;
}


/* 振り返り URL生成*/

.url_maker_body {
    margin: auto;
    padding: 20px;
    text-align: center;
    width: 478.61px;
}
.url_maker_body .name {
  text-align: left;
}

.url_maker_body form {
    position: relative;
}

.url_maker_body .jd_set,
.url_maker_body .job_seeker_id_set ,
.url_maker_body .job_set {
    width: 23rem;
    position: absolute;
    max-height: 30rem;
    overflow: auto;
    left: 8.6rem;
    /* top: 7rem; */
    border-radius: 6px !important;
    z-index: 5;
    background: white;
}

.url_maker_body .job_seeker_id_set,
.url_maker_body .job_set_item,
 {
    width: 23rem;
    position: absolute;
    max-height: 30rem;
    overflow: auto;
    left: 8.6rem;
    top: 8rem;
    border-radius: 6px !important;
    z-index: 5;
}

.url_maker_body .job_seeker_id_item:hover,
.url_maker_body .job_set_item:hover
{
    cursor: pointer;
    background: lightgray;
    filter: brightness(1.1);
}

.url_maker_body .job_seeker_id_item,
.url_maker_body .job_set_item
{
    display: flex;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;

}

.url_maker_body .job_seeker_id_item,
.url_maker_body .search_job_item,
.url_maker_body .job_set_item,
 {
    cursor: pointer;
    filter: brightness(1.1);
    background: white;
}

.url_maker_body .search_job_item
{
    background: var(--link-color-light);
}


.url_maker_header {
    font-size: 24px;
    font-weight: 700;
    padding: 20px;
    text-align: center;
}

.url_maker_result,
.url_maker_input {
    margin: 5px !important;
    padding: 5px !important;
    height: 40px !important;
    width: -webkit-fill-available !important;
}


.url_maker_input:read-only {
    background: gainsboro;
}

.url_maker_body select[class="url_maker_input"] {
    background: white;
}


.url_maker_button {
    padding: 5px;
    font-size: 16px;
    margin: 5px auto;
    text-align: center;
    width: 200px;
}

.url_maker_button_div {
    text-align: center;
    margin-top: 10px;
    margin-bottom: 20px;
}

.url_maker_h2 {
    text-align: left;
    font-size: 0.8rem;
    font-weight: normal;
    margin-top: 0.5rem;
}

.url_maker {
    max-width: 600px;
    margin: 2rem auto 0;
    height: fit-content;
}


/* リスト */

.readonly {
    background: #f0f0f0;
    resize: none;
    color: gray;
    border: none;
    padding: 0.5rem;
}

input:read-only {
    background: inherit !important;
}

.input_readonly {
    resize: none;
    border: none !important;
    padding: 0.5rem;
}

.readonly:focus {
    background: #f0f0f0 !important;
    border: 1px solid lightgray;
}

td textarea {
    justify-content: center;
    align-items: center;
    display: flex;
    width: 100%;
    height: 100%;
    padding: 3%;
    border: none;
    color: inherit;
    resize: none;
    min-height: 100px;
    border: none;
}

td textarea:read-only {
    background: #f2f2f2;
}

tbody {
    height: 100%;
}

tr {
    height: 100%;
}

table {
    font-size: 12px;
    /* table-layout: fixed; */
    margin: 0 auto 2em;
    width: 100%;
    /* margin: 0 auto 5em;
		height: 50px; */
}

.dash_table {
    table-layout: fixed;
}

.trend_report_container table{
    table-layout: fixed;
}

td {
    padding: unset;
    color: #4A4A4A;
    height: 100%;
}

th a {
    color: black;
}

th a:hover {
    color: gray;
}

td input {
    border: none;
    height: 100%;
    /* width: -webkit-fill-available; */
    border: none;
}

td input[type="checkbox"] {
    /* width: 30%; */
}

.pagination {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    height: 30px;
    width: 800px;
}

.pagination .page-item span,
.pagination .page-item a {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.pagination .page-item.active {
    box-shadow: 0 12px 24px rgb(62 239 127 / 20%);
    background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
    color: #fff;
    border: 0;
    padding: 10px;
}

.pagination .page-item {
    background: #fff;
    border: 1px solid var(--border-color);
    color: var(--main-color);
    border-radius: 50%;
    width: 30px;
    height: 30px;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 13px;
}

.pagination .page-item:hover {
    background: var(--main-color);
}

.pagination .page-item:hover a {
    color: #fff !important;
}

.pagination .page-item a.page-link {
    text-decoration: none;
    color: var(--main-color);
}

.pagination .page-item:first-child .page-link {
    font-size: 30px;
    line-height: 0;
    padding-bottom: 8px;
}

.pagination .page-item:last-child .page-link {
    font-size: 30px;
    line-height: 0;
    padding-bottom: 8px;
}


.tr_head th {
    height: 30px;
    font-size: 11px;
    display: table-cell;
    border-left: 1px solid #ccc;
    border-bottom: 1px solid transparent;
    background-color: var(--table_title_cell);
    box-sizing: border-box;
    overflow: hidden;
    position: sticky;
    text-align: center;
    z-index: 2;
    justify-content: center;
    align-items: center;
    white-space: nowrap;
    resize: horizontal;
}

td div {
    border: 1px solid #f0f0f0;
    height: 100%;
    align-items: center;
    resize: vertical;
    overflow: auto;
    width: 100%;
    padding: 5px;
    font-weight: 500;
}

td div a {
    color: black;
    text-decoration: underline;
}

.tr_body {
    height: 100%;
}

.tr_body td {
    position: relative;
    resize: horizontal;
    height: 100px;
    overflow: auto;
    text-align: center;
    vertical-align: middle;
    border: 1px solid gainsboro;
    min-width: 100px;
    max-width: 150px;
    display: table-cell;
}

.delete_btn .tr_body td {
    resize: auto;
    height: 100px;
    overflow: unset;
    text-align: center;
    vertical-align: middle;
    /* border: none; */
    min-width: unset;
}

.tr_body td:hover {
    background-color: var(--table_title_cell);
}

.tr_body textarea:hover {
    background-color: var(--table_title_cell);
}

.tr_body select:hover {
    background-color: var(--table_title_cell);
}

.tr_body input:hover {
    background-color: var(--table_title_cell);
}

td select {
    width: 100%;
    height: 100%;
    border: none;
    padding: 0;
    min-width: unset;
}

textarea:focus {
    border-color: #1a73e8 !important;
    background-color: #ffc !important;
}

.w0 {
    min-width: 50px !important;
}

.ws {
    min-width: 60px !important;
}

.wm {
    min-width: 115px !important;
}

.wl {
    min-width: 150px !important;
}

.wxl {
    min-width: 200px !important;
}

.wxxl {
    min-width: 250px !important;
}

.wxxxl {
    min-width: 300px !important;
}

.half {
    min-width: 50% !important;
}

.h50 {
    height: 50px !important;
    min-height: 50px !important;
}

.h100 {
    height: 100px !important;
    min-height: 100px !important;
}

.h150 {
    height: 150px !important;
    min-height: 150px !important;
}

.w1 {
    min-width: 1% !important;
}

.w3 {
    min-width: 3% !important;
}

.w5 {
    min-width: 5% !important;
}

.w8 {
    min-width: 8% !important;
}

.w10 {
    min-width: 10% !important;
}

.w20 {
    min-width: 20% !important;
}

.ct {
    text-align: center;
}

.h70 {
    height: 70px;
}

.tc {
    text-align: center;
}

.jc {
    justify-content: center;
}

.ac {
    align-items: center;
}

.jc_btw {
    justify-content: space-between;
}

.tr_head {
    height: 70px;
    z-index: 2;
    position: sticky;
    top: 0;
    text-align: center;
    box-shadow: 0 2px 4px rgb(0 0 0 / 30%);
}

.left_first_sticky {
    position: sticky;
    left: 0;
    background: white;
    z-index: 3;
    /* box-shadow: 4px 2px 5px -1px rgb(0 0 0 / 30%); */
    display: block;
    padding: 0;
    margin: 0;
    height: max-content;
}

.left_second_sticky {
    position: sticky !important;
    left: 57px;
    background: white;
    z-index: 1;
    box-shadow: 4px 2px 5px -1px rgb(0 0 0 / 30%);
    border-right: 1px solid gainsboro !important;
}

.z_title.left_second_sticky,
.left_second_sticky .title {
    border-right: 1px solid gainsboro !important;
    border-left: 1px solid gainsboro !important;
    border-radius: 0 !important;
}

.table_group {
    width: 100%;
    display: inline-flex;
    overflow: auto;
    height: 70%;
    margin-top: 6rem;
}

.z_title {
    z-index: 4 !important;
}

.left_first_sticky form {
    height: 100%;
    width: 100%;
    margin: 0;
}

.company_list_tbody .left_first_sticky button {
    border: 1px solid #f0f0f0;
    height: 100px;
    width: 100%;
    background: #e7e7e7;
    padding: 0;
    color: black;
}

.job_list_tbody .left_first_sticky button {
    border: 1px solid #f0f0f0;
    border-radius: 0;
    height: 100px;
    width: 100%;
    background: #e7e7e7;
    padding: 0;
    color: black;
}

.left_first_sticky button:hover {
    background-color: #dcdcdc;
}

.job_search_container {
    position: fixed;
    right: 60px;
    bottom: 0;
    z-index: 99999;
    /* max-width: 500px; */
}

.job_search_container_box {
    display: flex;
    position: fixed;
    justify-content: right;
    align-items: center;
    right: -1.4rem;
    bottom: 5rem;
    top: unset;
    left: unset;
    z-index: 2;
}

.job_search_container_box form {
    margin: 0;
}

.job_create_container_box {
    background: white;
    padding: 15px;
    justify-content: space-around;
    max-height: 90vh;
    margin-top: 100px;
}

.job_create_container_box select {
    border: none;
    width: 100%;
    height: 100%;
}

.job_search_container_button_box {
    margin: 10px;
}

.job_search_container_button_box:hover {
    filter: brightness(1.1);
}

.job_create_container_box form {
    width: 100%;
    margin-right: 10px;
}

.form_title {
    text-align: center;
    margin-bottom: 0.4rem;
    top: 0;
    background: white;
}

.job_create_container_box button {
    /* display: none; */
    width: 100%;
    border: none;
    border-radius: 6px;
}

.job_create_container_box button:hover {
    filter: brightness(0.8);
}

.b0_content button {
    margin-top: 15px;
}

.list_headline_container {
    width: 100%;
    display: flex;
    align-items: center;
}

.list_headline_container img {
    height: 3rem;
    margin-right: 0.3em;
}

.list_headline_sticky {
    width: 100%;
    align-items: center;
    display: flex;
    position: sticky;
    left: 0;
    justify-content: space-between;
    letter-spacing: 0;
    padding: 0 1rem;
}

.list_headline_sticky .main_logo {
    padding: 0;
}

.list_headline_sticky .flat_page_list {
    width: 220px;
    height: 100%;
}

.list_headline_sticky .header_search_form {
    width: 25%;
    justify-content: space-between;
}

.header_user_info_container {
    width: 30rem;
}

.list_headline_sticky .header_user_info {
    align-items: center;
    justify-content: right;
    gap: 1rem;
}

.list_headline_sticky .header_search_form .header_s_inner {
    width: 48%;
    position: relative;
    margin: 0;
}

.list_headline_sticky .header_search_form .header_s_inner .header_search_icon {
    border: none;
    background: transparent;
    position: absolute;
    top: 10px;
    right: 25px;
    color: gray;
    padding: 0;
    font-size: 14px;
    line-height: 1;
}

.list_headline_sticky .header_search_form .header_s_inner input {
    border-radius: 6px;
    font-size: 12px;
    padding: 6px 26px 6px 8px;
    margin: 0;
    border: 1px solid var(--border-color);
    min-width: auto;
    width: auto;
}

.list_headline_sticky .working_status .icon_url {
    border-radius: 50%;
    width: 2rem;
    height: 2rem;
    margin: 0;
    object-fit: cover;
}


.list_headline_sticky .working_status .header_icon_item button {
    border: none;
    background: transparent;
    /* font-size: 34px; */
    /* margin: 16px 0 0; */
    color: #333;
    padding: 0;
    line-height: 1;
}

.list_headline_sticky .working_status .header_icon_item i {
    font-size: 1.5rem;
}

.list_headline_menu {
    display: flex;
    align-items: center;
    font-size: 1.1rem;
    width: -webkit-fill-available;
    gap: 2rem;
    padding: 0.2rem 3rem 0;
}

.list_headline_menu form {
    margin: 0;
}

.list_headline_menu button {
    border: none;
    background: none;
    color: #9da3ae;
    cursor: pointer;
    text-decoration: none;
    font-size: 1.2rem;
    padding: 0;
}

.list_headline_menu button:hover {
    color: black;
}

.list_headline_menu a {
    color: #9da3ae;
    text-decoration: none;
    padding: 0;
}

.list_headline_menu a:hover {
    color: black;
}


/* 求人検索TOP */

.top_links button {
    border: none;
    background: none;
    color: #9da3ae;
    cursor: pointer;
    text-decoration: none;
    font-size: 20px;
}

.top_links form {
    display: inline;
}

.top_links button:hover {
    color: black;
}

.search_top_background {
    height: 100vh;
    display: flex;
    justify-content: center;
    align-items: center;
}

.search_top_input {
    background-color: var(--search-box-bg, white);
    border: none;
    border-radius: var(--ntp-realbox-border-radius);
    font-family: inherit;
    font-size: inherit;
    height: 100%;
    outline: none;
    padding-inline-end: 15px;
    padding-inline-start: 15px;
    position: relative;
    width: 100%;
}

.search_botton {
    border: none;
}

.search_top_headline {
    margin-top: -3em;
}

.search_top_headline p {
    text-align: center;
    margin-top: -0.5em;
    margin-bottom: 0.5em;
    font-size: 50px;
    font-weight: 500;
    color: rgb(201 201 201);
}

.search_top_condition {
    padding-left: 2em;
    /* color:white; */
    text-align: left;
}

.job_search_top_subtitle {
    font-size: 16px;
    margin-top: 20px;
    text-align: left;
    padding-left: 1rem;
}

.job_search_container_title {
    display: inline-block;
    justify-content: right;
    width: 96%;
    align-items: center;
}

.job_search_condition {
    background: white;
    font-size: 12px;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 1rem;
}

.job_search_condition:last-child {
    border-bottom: none;
}

.job_search_title {
    font-weight: bold;
    margin-top: 1rem;
}

/* .job_search_condition input[type="checkbox"]::after{
		top: -4px;
		left: 8px;
} */

.job_search_condition input[name="payment1"],
input[name="payment2"] {
    /* width:20%!important; */
}

.job_search_condition div {
    display: flex;
    align-items: center;
    padding: 0.1rem 0;
}

.job_search_condition label {
    font-size: inherit;
    margin-left: 0.2rem;
}

.job_search_condition_bottom {
    margin: 1em;
    display: flex;
}

.job_search_condition select {
    border: 1px solid gainsboro;
    padding: 0.6rem 0.2rem;
    margin: 1% 0;
    height: unset;
    font-size: inherit;
}

.job_search_condition input {
    border: 1px solid gainsboro;
}

.job_search_condition_bottom button {
    width: 100%;
    height: 100%;
}

.job_search_container_button_box button {
    width: 100%;
    height: 100%;
    margin: 0 auto;
    font-size: 1.2rem;
    position: relative;
    padding: 0.5rem 2rem;
    transition: all 0.3s;
    color: #fff;
    border-radius: 1vh;
    background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%);
    box-shadow: 0 10px 10px rgb(0 0 0 / 20%);
}

.job_search_freetext {
    margin: 10px auto;
    display: flex;
    align-items: center;
}

.job_search_freetext form {
    width: 100%;
}

.job_search_freetext input {
    width: 100%;
    border: 1px solid gainsboro;
}

.job_search_freetext_button {
    margin-top: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
}

.job_search_freetext_button button {
    padding: 7px 0;
    margin-top: 15px;
}

.job_search_freetext button {
    height: 100%;
    width: 60%;
}

.job_search_subtitle {
    font-size: 12px;
    margin-top: 5px;
    white-space: nowrap; /* 折り返し無しにする */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}


/* 求人票カード*/

.jd_new {
    background-color: #f9bf69;
    padding: 0.2rem 0.3rem;
    display: inline-block;
    margin-bottom: 0.3rem;
    color: white;
    border-radius: 6px;
    text-align: center;
}
.jd_auto_tag {
    background-color: #4cc5d9;
    padding: 0.2rem 0.3rem;
    display: inline-block;
    margin-bottom: 0.3rem;
    color: white;
    border-radius: 6px;
    text-align: center;
}

.from_auto_tag{
    font-size: 0.5rem;
    padding: 0.1rem;
    border-radius: 6px;
    background: skyblue;
    color: white;
}

.jd_share {
    background-color: var(--main-color);
    padding: 0.1rem 1.2rem;
    display: inline-block;
    margin-bottom: 0.3rem;
    color: white;
    border-radius: 6px;
    line-height: 1.3;
    font-size: 0.8rem;
}

.jd_aggresive_hire {
    background-color: #cc475b;
    padding: 0.1rem 1.2rem;
    display: inline-block;
    margin-bottom: 0.3rem;
    color: white;
    border-radius: 6px;
}

.jd_search_noresult {
    width: 100%;
    padding: 3%;
}

.jd_card_container {
    margin: 0 auto 3%;
    padding: 3%;
    font-weight: normal;
    font-size: 0.8rem;
}

.jd_card_container.share_card {
    background: #1f31340a;
}

.jd_card_container div {
    /* border:1px solid gainsboro; */
    /* overflow: overlay; */
    line-height: 1.3;
}

.jd_system_info {
    font-size: 0.7rem;
    text-align: right;
    display: flex;
}

.jd_system_info_left {
    width: 50%;
    text-align: left;
    height: 1rem;
    overflow: hidden !important;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jd_system_info_left a {
    text-decoration: none;
}

.jd_system_info_left a:hover {
    color: skyblue;
}

.jd_system_info_left span {
    margin: 0 0.5rem;
}

.jd_system_info_right {
    width: 50%;
}

.jd_title {
    font-weight: 700;
    font-size: 1rem;
    margin-bottom: 0.5rem;
    line-height: 1.5;
    overflow: unset !important;
}

.jd_info_left div {
    overflow: unset;
}

.jd_title a {
    color: black;
    text-decoration: none !important;
}

.jd_title a:hover {
    color: skyblue;
}

.jd_card_container table {
    width: inherit;
}

.jd_tags {
    display: flex;
    align-items: center;
}

.tags_left {
    width: 70%;
}

.tags_right {
    width: 30%;
    text-align: right;
}

.selection_result_tag {
    background-color: #008bd9 !important;
    width: 150px !important;
    font-size: 0.7rem !important;
}

.jd_tags img {
    width: 90px;
}

.jd_tags ul {
    display: flex;
    padding: 0;
}

.jd_tags li {
    padding: 0.1rem;
    background: skyblue;
    color: white;
    margin: 0.3rem;
    width: 90px;
    border-radius: 6px;
    font-size: 0.8rem;
    text-align: center;
    list-style: none;
}

.jd_tags .grayout {
    background: lightgray !important;
    color: white;
}

.jd_info_group {
    display: flex;
    height: 220px;
}

.jd_info_group div {
    border: 1px solid gainsboro;
    word-break: break-word;
}

.jd_info_left {
    width: 25%;
    overflow: hidden !important;
    align-items: center;
}

.jd_info_right {
    width: 75%;
}

.jd_info_right_detail {
    width: 33.3%;
    height: 100%;
    overflow: overlay;
}

.jd_info_headline {
    font-size: 0.8rem;
    color: white;
    background: #9da3ae;
    text-align: center;
    padding: 2px;
    position: sticky;
    top: 0;
    z-index: 2;
}

.jd_info_appendix {
    height: 100px;
    display: flex;
}

.jd_info_appendix_detail {
    width: 100%;
    height: 100%;
    border: 1px solid gainsboro;
    overflow-y: auto;
}

.jd_info_appendix_title {
    position: sticky;
    overflow: unset !important;
    top: 0;
    z-index: 2;
    background: #9da3ae;
    color: white;
    text-align: center;
}

.jd_info_appendix_title td {
    color: white;
    text-align: center;
}

.jd_info_appendix td {
    overflow: overlay;
    width: 10%;
}


/* サイドバー */

.body_for_sidebar {
    display: flex;
    width: 100%;
    padding: 2%;
    height: 100%;
    overflow: auto;
}

.body_left {
    width: 20%;
    /* padding-right: inherit; */
}

.body_right {
    width: 80%;
    overflow: auto;
    height: 100%;
    padding: 15px 4px 10px 20px;
}

.job_search_sidebar_container {
    width: 100%;
    position: sticky;
    top: 1rem;
    font-size: 0.8rem;
    line-height: 1.5;
    padding: 3%;
    height: calc(100vh - 12rem);
    overflow-y: auto;
}

.job_search_sidebar_container input {
    /* width: 100%; */
}

.job_search_sidebar_container .job_search_freetext {
    margin: 5% auto;
    width: 100%;
    display: flex;
    align-items: center;
}

.job_search_sidebar_container .job_search_subtitle {
    font-size: 12px;
    margin-top: 5%;
    white-space: nowrap; /* 折り返し無しにする */
    overflow: hidden; /* はみ出た部分を非表示 */
    text-overflow: ellipsis; /* 語尾を3点リーダーに */
}

.job_search_subtitle_input input {
    width: 100%;
    padding: 0.6rem 0.2rem;
    margin: 1% 0;
    border-radius: 6px;
}

.job_search_sidebar_container .job_search_freetext_button {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 50%;
    margin: 5% auto;
}

.job_search_sidebar_container_title {
    width: 100%;
    font-size: 1.3rem;
    color: #008bd9;
}

.job_search_sidebar_container button {
    width: 100%;
    height: 100%;
    /* margin: 0 auto; */
    /* font-size: 1.2rem; */
    /* position: relative; */
    /* padding: 2% 4%; */
    /* transition: all 0.3s; */
    /* color: #fff; */
    /* border-radius: 1vh; */
    /* background-image: linear-gradient(to right, #007adf 0%, #00ecbc 100%); */
    /* border: none; */
    /* cursor: pointer;*/
}

.job_search_sidebar_container .job_search_container_title {
    display: inline-block;
    justify-content: right;
    font-size: 1.1rem;
    padding: 0;
}

.job_search_sidebar_container button:hover {
    filter: brightness(1.1);
}

.team_K_tag {
    background: #18288d !important;
    color: white !important;
}

.team_T_tag {
    background: #35a655 !important;
    color: white !important;
}

.team_C_tag {
    background: #FF7800 !important;
    color: white !important;
}


/* 開閉 */

.ocbutton {
    display: none;
    cursor: pointer;
}

.ocbutton+label {
    position: sticky;
    cursor: pointer;
    top: 0;
    background: white;
    z-index: 2;
}

.ocbutton+label:hover {
    /* マウスがボタンの上にある時 */
    border-bottom: 1px dotted #888;
}

.ocbutton+label:before {
    /* 非表示時の文字 */
    content: "x"
}

.ocbutton:checked+label:before {
    /* 表示時の文字 */
    content: ""
}

.ocbutton:checked+label i {
    /* 表示時の文字 */
    display: block;
}

.ocbutton_company {
    display: none;
    cursor: pointer;
}

.ocbutton_company+label {
    position: sticky;
    cursor: pointer;
    top: 0;
    background: white;
    z-index: 2;
}

.ocbutton_company+label:hover {
    /* マウスがボタンの上にある時 */
    border-bottom: 1px dotted #888;
}

.ocbutton_company+label:before {
    /* 非表示時の文字 */
    content: "x"
}

.ocbutton_company:checked+label:before {
    /* 表示時の文字 */
    content: "[+新規企業登録]"
}

.oc_content {
    display: block;
}

#b0:checked~#b0_content {
    display: none;
    width: 300px;
}

.oc_content {
    /* 表示非表示されるボックスの外観 ※２*/
    /* border:1px solid gainsboro;margin:1em;padding:1em; */
}

.floating_job_csv_container {
    position: fixed;
    bottom: 0;
    right: 8rem;
    background: white;
    z-index: 99999;
    padding: 15px;
}

.floating_job_csv {
    display: none;
    cursor: pointer;
}

#floating_job_csv:checked~#floating_job_csv_content {
    display: none;
    width: 300px;
}

.floating_icon {
    display: none;
}

.floating_icon:hover {
    color: skyblue;
    cursor: pointer;
}

.floating_job_csv_label {
    display: block;
    text-align: right;
}

#floating_job_csv:checked+label i {
    display: block;
}

.floating_job_csv:checked+label:before {
    /* 非表示時の文字 */
    content: ""
}

.floating_job_csv+label:before {
    /* 非表示時の文字 */
    content: "x"
}

.job_csv_upload_row label {
    padding-bottom: 10px;
    display: block;
}

#floating_job_csv_content button {
    margin-top: 10px;
    width: 100%;
}


.head-animation {
    transform: translateY(-100%);
}


/* サジェストデザイン */

.ui-widget-content {
    box-shadow: 0 1px 10px 0 rgb(0 0 0 / 12%), 0 2px 4px -1px rgb(0 0 0 / 20%);
    font-weight: 500;
    font-size: 14px;
    max-height: 300px;
    overflow-y: scroll;
    overflow-x: hidden;
}

.ui-widget.ui-widget-content {
    /* border: 1px solid #cca285; */
}

.ui-widget-content .ui-state-active {
    background: #f3f3f3;
    font-weight: 700;
}

.ui-menu .ui-menu-item {
    /* border-bottom: 2px dotted #cca285; */
}


/* フローティングメニュー */

.floating_table {
    width: 100%;
    text-align: center;
    height: 89%;
    overflow: auto;
}

.modal_form_button{
  	width: 100% !important;
  	position: sticky;
  	bottom: 0;
    margin: 2rem auto;
    padding: 0.5rem 0;
}


.floating_tr_head {
    background: #f0f0f0;
    display: flex;
    width: 100%;
    height: 1.5rem;
    z-index: 2;
    text-align: center;
    align-items: center;
    border: unset;
}

.floating_tr_head div {
    border: 1px solid gainsboro;
    width: 100%;
    overflow: hidden;
    font-size: 0.8rem;
    height: 100%;
    font-weight: 500;
    display: flex;
    align-items: center;
    justify-content: center;
}

.floating_tr_items {
    display: flex;
    width: 100%;
    min-height: 100px;
    z-index: 2;
    text-align: center;
}

.floating_tr_items div {
    width: 100%;
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 500;
    word-break: keep-all;
    resize: vertical;
    border: solid 1px gainsboro;
    align-items: center;
    display: flex;
}

.floating_tr_items input {
    width: 100%;
    height: 100%;
    border: none;
}

.floating_tr_items input[type="checkbox"] {
    vertical-align: baseline;
    height: 50% !important;
}

.floating_tr_items textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding: 2%;
    resize: vertical;
}

.floating_tr_items select {
    /* border: 1px solid gainsboro; */
}

.master_item a:hover{
  color:skyblue;
}

.floating_table .item {
    width: 25%;
}

.floating_table .item .head {
    background: #f0f0f0;
    width: 100%;
    height: 2.5rem;
    z-index: 2;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 0.8rem;
}

.floating_table .item .detail {
    width: 100%;
    overflow: hidden;
    font-size: 0.8rem;
    font-weight: 500;
    word-break: keep-all;
    resize: vertical;
    border: solid 1px gainsboro;
    align-items: center;
}

.floating_table .item .detail input {
    width: 100%;
    height: 100%;
    border: none;
}

.floating_table .item .detail textarea {
    width: 100%;
    height: 100%;
    border: none;
    padding: 2%;
    resize: vertical;
}

.floating_table .item .detail.step_select {
    overflow: auto;
    display: grid;
}

.floating_table .item .detail.step_select select {
    width: 100% !important;
    height: 2rem;
    border-radius: unset !important;
    font-size: 0.7rem;
}

.suggest {
    border: blue;
}

::placeholder {
    color: gray;
    font-size: 0.8em;
}

.side_button {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0.4rem;
    margin-top: 10px;
    background: #f0f0f0;
    border-radius: 6px;
    height: 30px;
}

.side_button a {
    /* color: black; */
    text-decoration: none;
}

.side_button:hover {
    filter: brightness(1.1);
    background: #f0f0f0;
    color: white;
}

.green_side_button{
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0.4rem;
  border-radius: 6px;
  min-height: 30px;
}

/* Dashboard */
.save{
  position: sticky;
  bottom: 0;
  padding: 0.5rem;
  right: 1rem;
  width: 100%;
  justify-content: center;
  display: flex;
}

.save button{
  width: 100%;
}
.dashboard_index_h3{
  position: sticky;
  top: 0;
  z-index: 9999;
  padding: 0.5rem;
  background: skyblue;
  color: white;
  font-weight: normal;
}

.title_dashboard {
    margin-bottom: 0.5rem;
    margin-top: 2rem;
}

.body_for_dashboard .description_jd {
    /* ツールチップのスタイル */
    display: none;
    width: max-content;
    top: 100%;
    position: absolute;
    transform: translateX(-50%);
    padding: 1em 0.8rem;
    border-radius: 6px;
    background-color: #666666c7;
    font-size: 0.6rem;
    color: #fff;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    cursor: context-menu;
    max-height: 20rem;
    overflow: auto;
    line-height: 1.2;
    transition: 0.65s;
    transition-timing-function: linear;
}

@keyframes fadeout {
    0% {
        opacity: 1;
        transform: translateY(0);
    }

    100% {
        opacity: 0;
        transform: translateY(20px);
    }
}

.description_text:hover {
    cursor: pointer;
}

.body_for_dashboard .description_jd ol {
    counter-reset: count 0;
    padding-left: 1.5rem;
    margin: 0;
}

.description_jd li:before {
    /* content: counter(count) ". ";
  counter-increment: count 1; */
}

.edit_selection_btn {
    position: relative;
  }
  
  .edit_selection_btn .description_jd {
    display: none;
    position: absolute;
    top: 100%; /* 버튼 바로 아래 */
    left: 50%;
    transform: translateX(-50%);
    background: #444;
    color: #fff;
    padding: 0.5rem;
    border-radius: 4px;
    max-width: 25rem;
    z-index: 999;
    word-break: break-word;
  }
  
  .edit_selection_btn:hover .description_jd {
    display: block;
  }

.edit_selection_btn:hover .description_text {
    /* display: none; */
}

.shift_job_item .description_jd,
.job_item .description_jd {
		/* ツールチップのスタイル */
		display: none;
		position: relative;
		transform: translateX(-50%);
		padding: 1em 0.8rem;
		border-radius: 10px;
		background-color: #666666c7;
		font-size: 0.6rem;
		color: #fff;
		text-align: left;
		visibility: hidden;
		opacity: 0;
		z-index: 1;
		cursor: context-menu;
		max-height: 20rem;
		overflow: auto;
		line-height: 2;
		transition: 0.65s;
		transition-timing-function: linear;
}

.description_text {
    overflow: hidden;
    width: 100%;
    display: flex;
    height: 100%;
    align-items: center;
}

.shift_job_item .edit_selection_btn:hover .description_jd,
.job_item .edit_selection_btn:hover .description_jd{
  left: 9rem;
}


.edit_selection_btn:hover .description_jd {
    visibility: visible;
    opacity: 1;
    display: flex;
    position: absolute;
    top: -1.5rem;
    max-width: 18rem;
    padding: 0.5rem;
    width: auto;
}

.description_jd_at_job_seeker_detail{
    font-size: 0.8rem !important;
    /* left: 13rem !important;
    top: 0 !important; */
    max-width: 25rem !important;
}

.job_item:nth-last-child(3) .edit_selection_btn:hover .description_jd {
    left: -5rem !important;
}

.job_item:nth-last-child(2) .edit_selection_btn:hover .description_jd {
    left: -5rem !important;
}

.job_item:last-child .edit_selection_btn:hover .description_jd {
    left: -8rem !important;
}

.job_item:first-child .edit_selection_btn:hover .description_jd {
    left: 8rem !important;
}


.function_box {
    display: flex;
    justify-content: space-evenly !important;
    align-items: center;
}

.fn_button {
    background: unset;
    color: black;
    padding: 0;
    text-align: unset;
    font-size: unset;
    border: none;
}

.fn_button i {
    font-style: normal;
}

.selected {
    color: #43b291;
}

.fn_button i:hover {
    color: #56d9b0 !important;
}

.fn_button_description {
    position: absolute;
    width: max-content;
    top: 100%;
    transform: translateX(-50%);
    padding: 0.1rem 0.5rem;
    margin-left: 0.5rem;
    margin-top: -1.1rem;
    border-radius: 9.8px;
    background-color: #666666c7;
    font-size: 0.5rem;
    color: #fff;
    text-align: left;
    visibility: hidden;
    opacity: 0;
    z-index: 1;
    transition: 0.5s all;
    display: none;
    cursor: context-menu;
    max-height: 20rem;
}

.fn_button:hover .fn_button_description {
    visibility: visible;
    /* ツールチップを表示 */
    opacity: 1;
    /* 不透明度を100％に */
    display: inline;
    top: -1%;
}

.body_for_dashboard {
    /* padding:2%; */
    width: 100%;
}

.body_for_dashboard table {
    border-collapse: collapse;
    /* セルの線を重ねる */
}

.dash_table {
    width: 100%;
    /* 幅指定 */
}

.body_for_dashboard th {
    border: 1px solid gainsboro;
    background: #f3f3f3;
    vertical-align: middle;
    text-align: center;
}

.dash_table td {
    border: 1px solid gainsboro;
    min-height: 3rem;
}

.dash_table td.dash_condidate_name {
    position: relative;
}

.dash_table td.dash_condidate_name .status {
    display: inline-block;
    position: absolute;
    font-size: 11px;
    /* border-radius: 6px; */
    padding: 4px 8px;
    /* top: 6px;
	left: 6px; */
    left: 0;
    top: 0;
}

.dash_table .dash_body.cancel {
    background: gainsboro;
}

.dash_table td.dash_condidate_name .status.sold {
    background: skyblue;
    color: #fff;
    width: 100%;
}

.dash_header {
    position: sticky;
    top: -0.3px;
    background: white;
    z-index: 2;
}

.dash_body i {
    color: #43b291;
}

.dash_cas {
    display: inline-block;
}

.dash_cas p {
    text-align: left;
}

.dash_cas i {
    color: unset;
    width: 1.2rem;
}

.dash_body img {
    max-width: 32px;
    width: 35%;
    margin: 0 auto;
}

.dash_body div {
    overflow-x: clip;
    min-height: 6rem;
    display: flex;
    align-items: center;
    justify-content: space-evenly;
    word-break: break-all;
    line-height: 1.5;
}

.table_sentence {
    align-items: flex-start !important;
    justify-content: left !important;
    text-align: left;
    display: block !important;
}

.job_seeker_inner_group_grid_proceed_jobs{
  margin-bottom:0.5rem;
}

.steps_jobs{
  position: absolute;
  height: inherit;
  overflow: auto;
  width: inherit;
  background: white;
  padding: 0.5rem;
}

.steps_jobs:hover{
  height: unset;
  z-index: 3;
  max-height: 500px;
  background: #ffc !important;
  border-radius:6px;
  border:1px solid gainsboro;
}



.area_dashboard {
    display: flex;
    justify-content: space-between;
}

.area_dashboard .description_text {
    justify-content: center;
}

.area_dashboard .edit_selection_btn:hover .description_jd {
    visibility: visible;
    opacity: 1;
    display: unset;
    position: absolute;
    top: 1.2rem;
    /* left: 0; */
    max-width: 18rem;
    padding: 0.2rem;
    width: max-content;
    z-index: 3;
}

.area_dashboard th {
    text-align: center;
    border: 1px solid #f0f0f0;
    height: 1.5rem;
    max-width: 100px;
    white-space: nowrap;
    overflow: hidden;
}

.count_zero_num{
  color:lightgray;
}

.area_dashboard td {
    border: 1px solid #f0f0f0;
    text-align: center;
    height: 1.5rem;
    vertical-align: middle;
}

.health_indicator {
    font-size: 2rem;
    padding: 1.4rem 0;
}

.dashboard_sep_left {
    width: 77%;
}

.dashboard_sep_right {
    width: 20%;
}

.job_seeker_list_name_a,
.job_seeker_list_name_b {
    width: 100%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    /* text-decoration: none; */
}

.job_seeker_list_name_a:hover {
    color: skyblue;

}

.master_menu_info {
    display: flex;
    gap: 1rem;
    font-size: 0.8rem;
    align-items: center;
    justify-content: right;
    margin-bottom: 0.5rem;
    width: 100%;
    padding-right: 2rem;

}

.master_tag {
    padding: 0.1rem;
    background: skyblue;
    color: white;
    font-size: 0.5rem;
    border-radius: 6px;
    width: 1rem;
    display: inline-block;
    text-align: center;
    height: 1rem;
    vertical-align: middle;
}

.task_tag {
    border-radius: 6px;
    color: white;
    text-align: center;
    background: linear-gradient(96.77deg, #f0bb4b -0.96%, #e34c4b 100%) !important;
    padding: 0.1rem 0.4rem;
}

.task_container {
    margin-top: 0.5rem;
}

.form_input{
  height: 70px;
}

.flex_between.four .form_input {
    width: 24.5%;
}


.jd_pdf_zip_modal_inner .jd_pdf_zip_modal_row,
.jd_delete_modal_inner .jd_delete_modal_row {
    margin-top: 10px;
    font-size: 13px;
    align-items: center;
}

.modaal-content-container .form_input select,
.modaal-content-container .form_input input {
    height: 3rem;
    margin: 0;
    width: 100%;
    border: gainsboro 1px solid;
    border-radius: 6px;
}

.modaal-content-container .form_input textarea {
    margin: 0;
    width: 100%;
    border: gainsboro 1px solid;
    border-radius: 6px;
}

.flex_between.five .form_input {
    width: 19.6%;
}

.flex_between.three .form_input {
    width: 33%;
}

.flex_between.two .form_input {
    width: 49.7%;
}

.modaal-content-container .flow_input_inner {
    gap: 0.5rem;
    display: grid;
}

.modaal-content-container .flow_input_action_inner {
    gap: 0.5rem;
    display: grid;
}

.modaal-content-container .flex_between {
    display: flex;
    flex-wrap: wrap;
    justify-content: unset;
    gap: 0.6rem 0.5%;
    height: fit-content;
}

.modaal-content-container .flex_between .form_input {
    margin: 0;
}

.jd_delete_modal_inner .jd_delete_modal_row .form_input {
    margin: 0;
}

.jd_delete_modal_inner .jd_delete_modal_row .form_input select {
    padding: 3px;
    font-size: 12px;
    min-width: 130px;
    width: 130px;
    margin-right: 10px;
    margin-top: 5px;
}

.jd_delete_modal_inner .jd_delete_modal_row .form_input input[type="checkbox"] {
    padding-left: 20px;
}

.jd_delete_modal_inner .form_input {
    margin-bottom: 15px;
}

.jd_delete_modal_inner .form_input select {
    width: 200px;
}

.jd_delete_modal_inner label {
    font-weight: bold;
    font-size: 14px;
    margin-left: 4px;
}

.jd_send_mail_modal_inner .jd_send_mail_modal_row {
    margin-bottom: 5px;
    font-size: 13px;
    align-items: center;
}

.jd_send_mail_modal_inner .jd_send_mail_modal_row .form_input {
    margin: 0;
}

.jd_send_mail_modal_inner .jd_send_mail_modal_row .form_input select {
    padding: 3px;
    font-size: 12px;
    min-width: 130px;
    width: 130px;
    margin-right: 10px;
    margin-top: 5px;
}

.jd_send_mail_modal_inner .jd_send_mail_modal_row .form_input input[type="checkbox"] {
    padding-left: 20px;
}

.jd_send_mail_modal_inner .form_input {
    margin-bottom: 15px;
}

.jd_send_mail_modal_inner .form_input select {
    width: 200px;
}

.form_input{
  height: auto;
}

.jd_send_mail_modal_inner label {
    font-weight: bold;
    font-size: 14px;
    margin-left: 4px;
}

.jd_send_mail_check {
    width: 30px;
}

.jd_send_mail_item {
    width: 23%;
    height: 2rem;
    border: solid 1px gainsboro;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.send_mail_title {
    margin: 0;
}

.send_mail_title .jd_send_mail_item {
    border: none;
    padding: 0 0.3rem;
    display: flex;
    align-items: end;
    overflow: unset;
}

.jd_ng_item {
    width: 60%;
    height: 2rem;
    border: solid 1px gainsboro;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.jd_ng_item_company {
    width: 20%;
    height: 2rem;
    border: solid 1px gainsboro;
    padding: 0.3rem;
    display: flex;
    align-items: center;
    overflow-x: auto;
}

.jd_ng_item_select {
    /* width: 10%; */
    height: 2rem;
    border: solid 1px gainsboro;
    /* padding: 0.3rem; */
    display: flex;
    align-items: center;
    /* overflow-x: auto; */
}

.jd_ng_item_select select {
    width: 100% !important;
    height: 100% !important;
    margin: 0;
    padding: 0;
    font-size: 13px;
}

.post_log_inner .log_task_inner select {
    width: 18%;
}

.job_seeker_columns .form_input {
    width: 32.3%;
    margin-top: 8px;
}

.job_seeker_columns .form_input textarea{
  border-radius: 6px;
}

.job_seeker_columns .form_input select {
    width: 100%;
}

.job_seeker_inner {
    position: relative;
    width: 70%;
    /* display: grid; */
    margin: 0 auto;
    max-width: 1000px;
    gap: 1rem;
}

.job_seeker_inner .list_row .list_column {
    overflow: auto;
}

.job_seeker_inner_float_container_group {
    /* position: sticky; */
    top: 5rem;
    display: grid;
    gap: 0.5rem;
}

.job_seeker_inner_float_container {
    background: white;
    padding: 1.2rem;
    display: grid;
    gap: 0.5rem;
    height: fit-content;
    /* max-height: 400px; */
}

.job_seeker_chat_btn .error_msg {
    top: -3rem;
    font-size: 0.8rem;
    color: white;
    background: orange;
    line-height: 1.2;
    width: 7rem;
    left: -20%;
}

.recommend_reactions_area {
    background: white;
    padding: 1.2rem;
    display: grid;
    gap: 0.5rem;
    /* max-height: calc( 100vh - 700px); */
    overflow: auto;
    /* min-height:10rem; */
}

.job_seeker_detail_right_side_bar {
    width: 25%;
}

.job_seeker_inner_float_result {
    position: relative;
    overflow: auto;
    max-height: 40vh;
    margin-top: 0.5rem;
    border: 1px solid gainsboro;
    border-radius: 6px;
}

.recommend_reactions_container {
    position: relative;
    overflow: auto;
    max-height: 10rem;
    margin-top: 0.5rem;
    border: 1px solid gainsboro;
    border-radius: 6px;
}

.recommend_reactions {
    padding: 0.5rem;
}

.job_seeker_inner_group_flex {
    display: flex;
    position: relative;
    gap: 0.5rem;
    padding: 1rem;
}

.job_seeker_inner .info_table {
    line-height: 1.3;
}

.side_task_content {
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    overflow-y: auto;
    height: 60vh;
    border: 1px solid gainsboro;
    background: white;
    border-radius: 6px;
}

.side_task_content i {
    font-size: inherit !important;
    margin: 0 !important;
}

.modaal-container {
    margin-top: 40px !important;
    height: 80vh;
    overflow: auto;
}

.modaal-container h2 {
    margin: 0;
    line-height: 1.5;
    font-size: 1rem;
    background-color: var(--table_title_cell);
    padding: 0.4rem;
    border-radius: 6px;
}

.job_id_change_inner div {
    padding: 0.2rem 0rem 0.2rem 0.4rem;
    margin: 0.1rem 0;
}

.job_id_change_inner {
    margin-bottom: 0.5rem;
}

.flow_input_inner h2 {
    margin-top: 0.5rem;
    margin-bottom: 0;
    height: fit-content;
}

.flow_input_action_inner h2 {
    margin-top: 0.5rem;
    margin-bottom: 0;
}

.expired_task {
    font-weight: bold;
    font-size: 0.6rem !important;
    position: absolute;
    top: 0;
    right: 0;
}

.task_i_requested_modal {
    max-height: 300px;
    overflow: auto;
}

.add_google_calendar_check_group {
    font-size: 0.8rem;
    margin-bottom: 0.5rem;
}

#add_google_calendar_check{
  width: 1rem !important;
}

.log_task_inner .add_google_calendar_check_group{
  margin-top:0.5rem;
}


.task_i_requested_modal tbody {
    height: 100%;
    width: 100%;
}

.task_i_requested_modal tbody table {
    height: 100%;
    position: relative;
}

.task_i_requested_modal tbody tr {
    height: 2rem;
    font-size: 0.8rem;
}

.task_i_requested_modal tbody tr:nth-child(even) {
    background: var(--link-color-light);
}

.task_i_requested_modal tbody tr:first-child {
    position: sticky;
    top: 0;
    background: white;
    border-bottom: 1px solid darkgray;
    box-shadow: 0px 1px 0px rgb(201 201 201 / 52%);
}

.task_i_requested_modal tbody tr:first-child td {}


.task_i_requested_modal td {
    padding: 0.5rem;
}

.task_i_requested_modal span {
    width: 77%;
    display: block;
    line-height: 1.5;
    vertical-align: text-top;
    cursor: pointer;
    padding-left: 0.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.task_i_requested_modal span:hover {
    color: #9da3ae;
}


.task_inner {
    /* margin: 0 0.5rem 0.2rem; */
    padding: 0.7rem 0.5rem 1.5rem;
    border-bottom: : 1px solid var(--border-color);
    /* height: 40%; */
    /* overflow-y: auto;*/
}

.task_inner .sidebar_task_inner .task_edit:hover {
    cursor: pointer;
}

.task_inner .sidebar_task_inner .sidebar_task_list,
.task_inner .sidebar_task_inner .sidebar_task_list_complete {
    /* padding: 0 0 0.7rem 0; */
    white-space: normal;
}

.complete .task_edit::before {
    /* content: "✔";
  padding:0 10px; */
}

.future_complete .task_edit::before {
    /* content: "✔";
  padding:0 10px; */
}

.task_check {
    padding-left: 1rem !important;
}

.task_item i {
    width: 10% !important;
    text-align: center;
    margin-right: 0 !important;
    font-size: 12px !important;
}

.task_item input {
    left: 0;
}

.task_inner .sidebar_task_inner .sidebar_task_list_complete .task_row {
    color: #666;
    width: 80%;
    display: inline-block;
    line-height: 1.5;
    vertical-align: text-top;
    cursor: pointer;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.task_inner .sidebar_task_inner .sidebar_task_list_complete .task_row:hover {
    color: #9da3ae;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item {
    padding: 0 0 0.5rem 0.1rem;
    font-size: 0.8rem;
    position: relative;
}

.task_inner input[type="checkbox"]::before {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #9da3ae;
    width: 0.7rem;
    height: 0.7rem;
    margin: 0 !important;
    transform: translateY(-60%);
    top: 0.2rem;
    left: 0;
}

/* .task_inner input[type="checkbox"]::after{
		left: 4px;
} */

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .append_item {
    display: none;
    position: absolute;
    margin-top: -3rem;
    /* margin-left: 5rem; */
    transform: translateX(30%);
    padding: 0.8rem;
    border-radius: 6px;
    background-color: #666;
    font-size: 0.6rem;
    color: #fff;
    text-align: center;
    z-index: 1;
    transition: 0.5s all;
    display: none;
    cursor: context-menu;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .task_jobseeker {
    padding: 6px 0 0 1.2rem;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .task_jobseeker i {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
    font-size: 1rem;
    color: gray;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .task_jobseeker a {
    display: block;
    width: unset;
    padding: unset;
    font-size: unset;
    text-decoration: none;
    margin-top: unset;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .task_jobseeker a:hover {
    color: #9da3ae;
    background: unset;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .task_jobseeker img {
    width: 14px;
    height: 14px;
    vertical-align: middle;
    margin-right: 5px;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .check_text {
    width: 77%;
    display: inline-block;
    line-height: 1.5;
    vertical-align: text-top;
    cursor: pointer;
    padding-left: 0.2rem;
    text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
}

.task_inner .sidebar_task_inner .sidebar_task_list .task_item .check_text:hover {
    color: #9da3ae;
}

.task_inner .sidebar_task_inner .sidebar_task_title {
    font-size: 0.8rem;
    font-weight: bold;
    position: relative;
    display: flex;
    align-items: center;
    border-bottom: 1px gainsboro solid;
    padding-bottom: 0.5rem;
    margin-bottom: 0.5rem;
    color: var(--link-color-dark);
}

.task_inner .sidebar_task_inner .add_task_btn {
    padding: 2px 0;
    text-decoration: underline;
    font-size: 13px;
}

.task_inner .sidebar_task_inner .sidebar_task_list_complete .complete_title {
    font-size: 13px;
    margin-top: 10px;
}

.task_layout {
    display: flex;
    align-items: center;
}

.dash_tbody td div {
    border: unset;
}

.flex_warp {
    display: flex;
    flex-wrap: wrap;
}

.board_content {
    width: 100%;
    flex-wrap: wrap;
    gap: 1rem;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    margin-top: 1rem;
}


.mypage_main_content {
    width: calc(100vw - 220px);
    margin: 0 auto;
    /* padding-bottom: 30px; */
    height: fit-content;
    position: relative;
}

.mypage_main_content.report{
  width: unset;
}

.mypage_main_content h1.master_h1 {
    margin-top: 42px;
}

.mypage_main_content_wide .flex {
    position: sticky;
    left: 0;
    width: fit-content;
}

.mypage_main_content_wide .filter {
    gap: 0.5rem;
    width: 100%;
}

.mypage_main_content h1 {
    text-align: center;
}

.mypage_main_content_wide {
    width: 80%;
    height: 100%;
    overflow-x: auto;
    padding-top: 20px;
}


.board_content .card_list {
    width: 320px;
    min-width: 272px;
    background: #ebecf0;
    border-radius: 6px;
    padding: 0 8px;
}

.board_content .card_list h2 {
    font-size: 15px;
    font-weight: 700;
    /* padding: 0 8px; */
    margin: 14px 0;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.board_content .card_list h2 span {
    /* border-radius: 6px;
    background: white;
    padding: 2px 5px; */
}

.board_content .card_item {
    background: #fff;
    padding: 6px 8px;
    border-radius: 6px;
    box-shadow: 0 1px 0 #091e4240;
    margin-bottom: 8px;
    text-decoration: none;
    display: block;
}

.board_content .task_card {
    white-space: nowrap;
    /* 横幅のMAXに達しても改行しない */
    overflow: hidden;
    /* ハミ出した部分を隠す */
    text-overflow: ellipsis;
    /* 「…」と省略 */
}

.board_content .card_item:hover {
    filter: brightness(0.95);
}

.board_content .card_item .name {
    font-size: 1rem;
    width: 60%;
    overflow: hidden;
    text-overflow: ellipsis;
    display: flex;
    align-items: center;
}

.board_content .card_item .name img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    border-radius: 50%;
    vertical-align: top;
    margin-right: 8px;
}

.board_content .card_item .rank {
    /* width: 8%; */
    font-size: 14px;
    font-weight: bold;
}

.board_content .card_item .accuracy {
    /* width: 8%; */
    font-size: 12px;
}

.board_content .task_card .accuracy {
    /* width: 8%; */
    color: skyblue;
    font-size: 12px;
    margin-right: 0.5rem;
}

.board_content .card_item .management_user {
    display: flex;
    height: 2rem;
    gap: 0.3rem;
    align-items: center;
}

.board_content .card_item .card_info_detail_item img {
    width: 15px;
    height: 15px;
    object-fit: contain;
    border-radius: 50%;
}

.board_content .card_item .management_user img {
    width: 1.5rem;
    height: 1.5rem;
    object-fit: contain;
    border-radius: 50%;
}

.management_member .board_content {
    width: auto;
}

.management_member .ca_result_index {
    text-align: right;
    padding: 3px;
    font-size: 0.6rem;
    color: gray;
}

.management_member .board_content .card_list {
    margin: 5px;
}

.job_seeker_inner .board_content .card_list {
    width: unset;
    background: unset;
}

.job_seeker_inner .board_content .card_list .ca_result_table {
    max-height: 300px;
    overflow-y: auto;
}

.management_member .date_controll_box {
    width: 680px;
}

.management_member .date_controll_box form {
    display: flex;
    align-items: self-end;
}

.management_member .date_controll_box form button {
    width: 35%;
    margin-left: 5px;
    padding: 0;
    height: 38px;
}

.management_member table {
    height: unset;
    margin-bottom: 1rem;
}

.management_member th {
    background: gainsboro;
}

.management_member th,
.management_member td {
    border: 1px solid gray;
    padding: 3px;
    height: 20px;
    text-align: center;
    overflow: hidden;
}

.search_job_list {
    /* background: rgba(136, 136, 136, 0.158); */
    padding: 1rem;
    background: white;
    position: absolute;
    z-index: 5;
    max-height: 22rem;
    overflow: auto;
    width: 100%;
    display: none;
}

.search_job_list .row {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;
    /* background: var(--link-color-light); */
}

.search_job_list .search_job_item:hover {
		cursor: pointer;
		opacity: 0.8;
}

.search_job_list .row .job_id {
		width: 20%;
}

.search_job_list .row .job_title {
		width: 80%;
}

.form_input .unit {
		display: inline-block;
		font-size: 12px;
		width: 14%;
		margin-left: 1%;
}

.form_input label {
		display: block;
		font-size: 14px;
		margin-left: 4px;
		margin-bottom:0.5rem;
}

.flex_between .form_input {
		margin-top: 8px;
}

.job_seeker_search input {
		width: 300px;
}

.modaal-close {
		min-width: auto;
}


.error_message {
    font-size: 13px;
    color: red;
    margin-top: 8px;
}

.header_search_job_list {
    background: gainsboro;
    width: 800px;
    right: 384px;
    top: 56px;
    position: absolute;
}

.header_search_job_list .row {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;
    background: var(--link-color-light);
}

.header_search_job_list .search_job_item:hover {
    cursor: pointer;
    opacity: 0.8;
}

.header_search_job_list .row .job_id {
    width: 20%;
}

.header_search_job_list .row .job_title {
    width: 80%;
}

.header_search_jobseeker_list,
.header_search_jobs_list,
.header_search_company_list {
    max-width: 40rem;
    min-width: 11rem;
    max-height: 70vh;
    background: white;
    /* position: absolute; */
    overflow: auto;
    /* left: 12.6rem; */
    /* top: 6.6rem; */
    border-radius: 6px !important;
    /* z-index: 5; */
    /* box-shadow: rgb(0 0 0 / 7%) 0px 0px 0px 1px !important; */
}

.sidebar_search_results{
    left: 13.6rem;
    z-index: 5;
    top: 6.6rem;
    position: absolute;
    display: flex !important;
    gap: 0.3rem;
    background: lightgray;
}

.header_search_jobseeker_list .row,
.header_search_jobs_list .row,
.header_search_company_list .row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;
    background: var(--link-color-light);
}

.header_search_company_list .row.sidebar_search_job_item{
    padding: 12px !important;
    padding-left: 2rem !important;
    opacity: 1 !important;
    z-index: 3000;
    display: flex;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    font-size: 12px;
    gap:0.3rem;
    background: var(--link-color-light)
}
.header_search_jobseeker_list .row.search_jobseeker_item,
.header_search_company_list .row.search_company_item {
    padding: 12px !important;
    opacity: 1 !important;
    z-index: 3000;
    display: flex;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    font-size: 12px;
    background: white !important;
    gap:0.3rem;
}

.header_search_jobseeker_list .row.search_jobseeker_item .name,
.header_search_company_list .row.sidebar_search_job_item .name,
.header_search_company_list .row.search_company_item .name {
    width: 100%;
    opacity: 1;
}

.header_search_jobseeker_list .row.search_jobseeker_item .status,
.header_search_company_list .row.sidebar_search_job_item .status,
.header_search_company_list .row.search_company_item .status {
    width: 100%;
    opacity: 1;
}

.header_search_jobseeker_list .search_jobseeker_item:hover,
.header_search_company_list .sidebar_search_job_item:hover,
.header_search_company_list .search_company_item:hover,
.search_head_hunt_item:hover {
    cursor: pointer;
    opacity: 1;
    /* filter: brightness(0.9); */
    color: #0ec594;
    cursor: pointer;
    border-bottom: 2px solid #0ec594;
}

.header_search_jobseeker_list .row .job_id,
.header_search_jobs_list .row .job_id,
.header_search_company_list .row .job_id {
    width: 20%;
}

.header_search_jobseeker_list .row .job_title,
.header_search_jobs_list .row .job_title,
.header_search_company_list .row .job_title {
    width: 80%;
}

.header_s_inner {
    position: relative;
}

.header_search_jobseeker_detail_list {
    background: gainsboro;
    width: 100%;
    left: 4px;
    top: 40px;
    position: absolute;
}

.header_search_jobseeker_detail_list .row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;
    background: var(--link-color-light);
}

.header_search_jobseeker_detail_list .row.search_jobseeker_item .name {
    width: 100%;
}

.header_search_jobseeker_detail_list .search_jobseeker_item:hover {
    cursor: pointer;
    opacity: 0.8;
}

.header_search_jobseeker_detail_list .row .job_id {
    width: 20%;
}

.header_search_jobseeker_detail_list .row .job_title {
    width: 80%;
}

.task_jobseeker_select {
    position: relative;
    /* margin-bottom: 30px; */
}

.task_company_select {
    position: relative;
    margin-bottom: 30px;
}

.task_search_jobseeker_list {
    background: gainsboro;
    width: 101%;
    left: 0;
    top: 38px;
    position: absolute;
    z-index: 2;
}

.task_search_jobseeker_list .row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;
    background: var(--link-color-light);
}

.task_search_jobseeker_list .row.search_jobseeker_item .name {
    width: 100%;
}

.task_search_jobseeker_list .search_jobseeker_item:hover {
    cursor: pointer;
    opacity: 0.8;
}

.task_search_jobseeker_list .row .job_id {
    width: 20%;
}

.task_search_jobseeker_list .row .job_title {
    width: 80%;
}

.task_search_company_list {
    background: gainsboro;
    width: 101%;
    left: 0;
    top: 38px;
    position: absolute;
}

.task_search_company_list .row {
    display: flex;
    flex-wrap: wrap;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;
    background: var(--link-color-light);
}

.task_search_company_list .row.search_jobseeker_item .name {
    width: 100%;
}

.task_search_company_list .search_jobseeker_item:hover {
    cursor: pointer;
    opacity: 0.8;
}

.task_search_company_list .row .job_id {
    width: 20%;
}

.task_search_company_list .row .job_title {
    width: 80%;
}

.add_task_modal_complete select[name=is_complete] {
    width: 90px;
    min-width: 90px;
}

.card_list_inner .card_info_detail {
    border-top: 1px solid gainsboro;
    display: flex;
    flex-wrap: wrap;
    margin-top: 6px;
}

.card_list_inner .card_info_detail .card_info_detail_item {
    font-size: 10px;
    border-right: 1px solid gainsboro;
    border-bottom: 1px solid gainsboro;
    width: 19.1%;
    margin: 4px 1px 2px;
    padding: 3px;
    text-align: center;
    overflow: hidden;
    background: #a6c7e340;
    border-radius: 6px;
}

.card_list_inner .card_info_detail .card_info_detail_item:last-child {
    border: none;
}

.master_inner.job_seeker_column {
    /* width: 900px; */
}

.master_inner.job_seeker_column .second_select {
    display: none;
}

.master_inner {
    /* width: 100%; */
    margin: 0 auto;
    position: relative;
    max-width: 95%;
    /* max-width: 1200px; */
}

.master_inner .master_item:nth-child(odd) {
    background: var(--link-color-light);
}

.group_inner .column_inner .master_item:nth-child(odd) {
    background: none;
}

.group_head:hover {
    /* filter: brightness(0.95); */
}

.master_inner .master_item {
    width: 100%;
    padding: 0.3rem;
    display: flex;
    flex-wrap: wrap;
    /* margin-top: 18px; */
    /* align-items: baseline; */
    align-items: center;
    font-size: 14px;
    justify-content: space-between;
}

.report_setting_modaal .save {
    margin-top: 1rem;
    position: sticky;
    bottom: 5px;
}

.report_setting_modaal button {
    width: 100%;
}

#sortableArea {
    position: relative;
}

.group #sortableArea2{
  width: 100%;
}

#sortableArea .master_item:hover {
    background: gainsboro;
}

.master_inner .master_item .selection_group {
    min-width: 180px;
}

.master_inner .master_item.head div {
    text-align: center;
}

.master_inner .master_item div {
    width: 8rem;
    text-align: center;
}

.message_setting_type_p {
    text-align: center;
}

.master_inner .master_item.head {
    font-weight: bold;
    padding-bottom: 8px;
    margin-bottom: 12px;
    border-bottom: 1px solid gainsboro;
    background: #fff;
    width: 100%;
    position: sticky;
    top: 0;
    z-index: 10;
    padding-top: 10px;
    font-size: 13px;
}

.master_item .selection_group {
    overflow: auto;
    max-height: 10rem;
}

.master_inner .master_item.head .order {
    padding: 0;
}

.master_inner .master_item.head .column_name {
    padding: 6px;
}

.master_inner .master_item.head .type {
    padding: 6px;
}

.type .add_type{
  width: 100% !important;
  height: 40px;
  min-width: unset !important;
}

.master_inner .master_item.head .enable {
    text-align: center;
}

.master_inner .master_item.head .is_list_show {
    text-align: center;
}

.master_inner .master_item .order {
    width: 38px;
    margin-right: 18px;
    text-align: right;
}

.master_inner .master_item .name {
    width: 655px;
    padding: 6px;
}

.master_inner .master_item .long {
    width: 30%;
}

.master_inner .master_item .middle {
    width: 20%;
}

.master_inner .master_item .short {
    width: 10%;
}


.edit_column_name {
    text-align: left !important;
}

.master_inner .name input:read-only {
    border: none;
    cursor: default;
    text-align: left;
}

.master_inner .master_item .column_name input:read-only {
    border: none;
    cursor: default;
    text-align: left;
}

.master_inner .master_item .name input:read-only {
    border: none;
    cursor: default;
    text-align: left;
}

.master_inner .master_item .column_name span {
    display: none;
}


.master_inner .master_item .enable_head,
.master_inner .master_item .enable {
    text-align: center;
    width: 80px;
    padding-left: 6px;
}

.master_inner .master_item .show_dashboard {
    width: 114px;
    padding-left: 6px;
}

.master_inner .master_item .type {
    padding-left: 6px;
    text-align: left;
}


.plus_icon {
    cursor: pointer;
}

.plus_icon:hover {
    filter: brightness(1.1);
}

.master_inner .plus_icon {
    width: 100%;
    text-align: center;
    background: var(--main-color);
    color: var(--text-color-light);
    padding: 10px 0;
    margin-top: 20px;
    border-radius: 6px;
    font-size: 0.8rem;
}

.master_inner .group {
    display: flex;
    flex-wrap: wrap;
    width: 100%;
}


.master_inner .plus_icon.third {
    width: 160px;
    margin-left: auto;
    margin-right: 24.2%;
}

.master_inner .plus_icon.second {
    width: 14%;
    margin-left: auto;
    margin-right: 54.5%;
}

.master_inner .first_select {
    border-bottom: 1px solid gainsboro;
}

.master_inner .first_select .master_item {
    margin-top: 4px;
}

.master_inner .first_select .first_group {
    padding-bottom: 15px;
    margin-bottom: 5px;
    border-bottom: 1px solid gainsboro;
}

.master_inner .first_select .first_group input[type=text] {
    height: 30px;
}

.master_inner .save {
    margin-top: 50px;
    position: sticky;
    bottom: 5px;
    z-index: 10;
}

.master_inner .save button {
    width: 100%;
}

.master_inner .master_item input[type=text] {
    min-width: 0;
    text-align: right;
}

.master_inner.select_column .master_item .name {
    width: 70%;
}

.master_inner.select_column .master_item .item {
    width: 10%;
    text-align: center;
}

.master_inner.job_seeker_column .list_header,
.master_inner.select_column .list_header {
    margin-bottom: 30px;
}

.master_inner.select_column .list_row .name {
    width: 70%;
}

.master_inner.select_column .list_row .item {
    width: 10%;
    text-align: center;
}

.master_inner.user_setting .master_item.head {
    width: 100%;
}

.master_inner.user_setting {
    overflow-x: auto;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    max-width: unset;
}

.master_inner.user_setting .scroll {
    /* width: 1850px; */
}

.master_inner.user_setting .col {
    width: 138px;
}

.master_inner.user_setting .col.manage {
    width: 76px;
}

.master_inner.user_setting .col i {
    color: #ec6166;
}

.master_inner.user_setting .col i.active {
    color: rgb(0, 137, 51);
}

.master_inner.user_setting .col_wide {
    width: 270px;
}

.master_inner.user_setting .master_item .enable {
    width: 34px;
}

.master_inner.user_setting .col select {
    width: 80% !important;
    min-width: 100px;
    height: 2.5rem;
}

.master_inner.user_setting .col input {
    width: 80% !important;
    min-width: 100px;
    height: 2.5rem;
    border: 1px solid var(--border-color);
    padding: 7px;
    font-size: 14px;
    border-radius: 0;
    text-align: left !important;
}


.master_inner .company_info_group {
    width: 48%;
}

.master_inner .input_table {
    width: unset;
    margin: 0 auto;
    display: flex;
    gap: 1rem;
    flex-wrap: wrap;
    justify-content: space-between;
}

.master_inner .company_info_headline {
    font-size: 1.2rem;
    margin-bottom: 1rem;
    border-bottom: 1px solid var(--border-color-for-hr);
    padding-bottom: 1rem;
}

.master_inner .company_info_headline button,
.master_inner .company_info_headline span {
    padding: 0 0 0 1rem;
    background: none;
    color: gray;
    font-size: 0.8rem;
}

.group_inner .master_item .group_name {
    width: 35%;
    padding-right: 5%;
}

.group_name.in_modaal {
    width: 100% !important;
    display: flex;
    justify-content: space-between;
    padding-right: 4px !important;
}

.group_name.in_modaal input[type='text'] {
    width: 50%;
}

.group_name.in_modaal span {
    font-size: 0.8rem;
}

.group_inner .master_item .column {
    width: 35%;
    padding-right: 5%;
}

.group_inner .master_item .enable {
    width: 30%;
}

.entrysheet_group_inner .master_item .group_name ,
.entrysheet_2_group_inner .master_item .group_name {
    width: 20%;
    padding-right: 5%;
}

.entrysheet_group_inner .master_item .group_description ,
.entrysheet_2_group_inner .master_item .group_description {
    width: 20%;
    padding-right: 5%;
}

.entrysheet_group_inner .master_item .column ,
.entrysheet_2_group_inner .master_item .column {
    width: 20%;
    padding-right: 5%;
}

.entrysheet_group_inner .master_item .required_column ,
.entrysheet_2_group_inner .master_item .required_column {
    width: 20%;
    padding-right: 5%;
}

.entrysheet_group_inner .master_item .enable ,
.entrysheet_2_group_inner .master_item .enable {
    width: 20%;
}

.group_inner .master_item.head .enable {
    text-align: left;
    padding-left: 1.5%;
}

.add_btn {
    width: 100%;
    border-radius: 6px;
    background: var(--main-color);
    color: var(--text-color-light);
    padding: 10px 0;
    margin-top: 10px;
    display: flex;
    align-items: center;
    justify-content: center;
    height: 50px;
    font-size: 14px;
}

.group_inner .master_item .column select {
    padding: 0 3%;
    height: 2rem;
}

.master_btn {
    background: none;
    padding: 1.5rem;
    width: 100%;
}

.master_btn .add_btn {
    width: 150px;
    padding: 0.5rem;
    font-size: 0.8rem;
    height: fit-content;
}

.group_head {
    align-items: center !important;
    margin-top: 0 !important;
    font-size: 1.2rem;
    background: skyblue !important;
    padding: 5px;
    color: white;
    font-weight: 700;
    border-radius: 6px;
}

.column_inner .master_item {
    padding: 0.75rem;
}

.group_head input,
.group_head textarea {
    height: 100%;
}

.group_head div {
    height: 3rem;
}

.group_inner {
    margin-bottom: 1rem;
    /* padding-bottom: 1rem; */
    background: white;
    position: relative;
}

.column_inner {
    /* position: relative; */
    position: sticky;
}

.role_content .section {
    border-radius: 6px;
    border: 1px solid gainsboro;
    padding: 16px;
    margin-bottom: 20px;
}

.role_content .section .section_title {
    font-weight: bold;
}

.role_content .section .section_description {
    color: #666;
    padding-bottom: 16px;
    margin-bottom: 16px;
    border-bottom: 1px solid gainsboro;
    font-size: 14px;
}

.role_content .section .row {
    display: flex;
    flex-wrap: wrap;
    padding: 8px 0;
}

.role_content .section .row .column {
    width: 20%;
    color: #666;
}

.role_content .section .row .input {
    width: 80%;
}

.role_content .section .row .input input {
    width: 60%;
    margin-left: 0;
}

.role_content .section .row .input input.checkbox {
    width: 10px;
}

.role_content .section .row .input textarea {
    width: 60%;
}

.role_content .section .row .setting_name {
    width: 100%;
    padding: 4px 0;
    position: relative;
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.role_content .section .row .setting_name i {
    font-size: 14px;
    color: #666;
}

.role_content .section .row .setting_name .left-align i {
    margin-right: 10px;
}

.role_content .section .row .setting_list {
    width: 100%;
    padding-bottom: 10px;
}

.role_content .section .row .setting_list .setting_item {
    display: inline-block;
    width: 100%;
    line-height: 1.3;
    padding-top: 6px;
    font-size: 15px;
}

.role_content .section.authority .row {
    border-bottom: 1px solid gainsboro;
}

.role_content .section .row .setting_list .setting_item .setting_description {
    color: #666;
    font-size: 13px;
    padding-left: 34px;
}

.role_inner.payment_history_inner {
    margin-top: 0;
}

.role_inner.payment_history_inner .column.right {
    text-align: right;

}

.role_users {
    display: none;
    transform: translate(210px, -40px);
    width: 200px;
    position: absolute;
    padding: 1em 0.8rem;
    border-radius: 6px;
    background-color: #666666c7;
    font-size: 0.6rem;
    color: #fff;
    text-align: left;
    /* opacity: 0; */
    z-index: 1;
    cursor: context-menu;
    max-height: 20rem;
    overflow: auto;
    line-height: 1.2;
    transition: 0.65s;
    transition-timing-function: linear;
}

.role_inner.payment_history_inner .payment_history_list {
    width: 100%;
}

.master_inner.user_setting .col .small_text {
    font-size: 12px;
    color: #666;
}

.mailer_attention {
    font-size: 14px;
    color: red;
    padding: 6px 0;
}

.mailer_flex {
    display: flex;
    align-items: center;
}

a.gradient_button {
    display: inline-block;
    width: 150px;
    min-width: 150px;
    padding: 6px;
    font-size: 13px;
    margin-bottom: 10px;
    background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
    border-radius: 6px;
    color: white;
    text-decoration: none;
    text-align: center;
}

.ui-sortable-handle:hover {
    cursor: pointer;
}

.dashboard_setting .attention_text,
.master_inner .attention_text,
.job_seeker_column .attention_text {
    color: #777;
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 1.3;
}

.job_seeker_column .over_text {
    color: red;
    font-size: 13px;
    margin-bottom: 20px;
    line-height: 1.3;
    display: none;
}

.master_inner .logo_image {
    height: 10rem;
}

.master_inner.select_column .list_row .name .count {
    font-size: 13px;
    color: #777;
}

button.modaal-close {
    top: 80px;
    right: 100px;
}

.jd_set {
    max-height: 50vh;
    overflow: auto;
    position: absolute;
    max-width: 93%;
    border-radius: 6px !important;
    /* box-shadow: rgb(0 0 0 / 7%) 0px 0px 0px 1px !important; */
    border: 1px solid var(--border-color);
    font-size: 14px;
    min-width: 160px;
    margin-left: 4px;
    background: white;
    display: none;
    z-index: 2;
}

.jd_set_search input {
    width: 15rem;
    margin: 0.5rem 0;
}

.jd_set_search h2 {
    font-size: 12px;
}

.jd_set .row {
    display: flex;
    border-bottom: 1px solid var(--border-color);
    color: var(--link-color-dark);
    padding: 10px 6px;
    font-size: 12px;
    background: var(--link-color-light);
}



.jd_set .search_job_item {
    background: var(--link-color-light);
}


.jd_set .search_job_item:hover {
    cursor: pointer;
    background: lightgray;
    filter: brightness(1.1);
}

.jd_set .row .job_id {
    width: 20%;
}

.jd_set .row .job_title {
    width: 80%;
}

.jd_set .row .job_title div {
    width: -webkit-fill-available;
}

.top_search_form {
    text-align: center;
    width: 100%;
    margin-top: 20px;
}

.top_search_form .top_s_inner {
    margin: 1rem;
    width: 20rem;
    display: inline-flex;
}

.top_search_form .top_s_inner .flex {
    width: 100% !important;
}

.top_search_form .top_s_inner .header_search_jobseeker_list {
    width: inherit;
}

.related_jobs .info_table .info_table_row .info_table_name,
.next_action .info_table .info_table_row .info_table_name {
    width: 100%;
    display: flex;
}

.related_jobs .info_table .info_table_row .info_table_name span,
.next_action .info_table .info_table_row .info_table_name span {
    width: 4rem;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 0;
}

.next_action .info_table {
    height: 11rem;
    overflow-y: auto;
    line-height: 1.5;
}

.related_jobs .info_table {
    height: 5.5rem;
    overflow-y: auto;
    line-height: 1.5;
}


.lixas_info_left {
    /* margin-top: 6rem; */
    background: white;
    left: 1%;
    width: 16.5%;
    padding: 0.5rem;
}

.lixas_info_left.detail_left {
    width: 23%;
    margin-top: 30px;
}

.lixas_info_title {
    font-weight: 500;
    margin-bottom: 0.5rem;
    background: skyblue;
    font-size: 0.8rem;
    padding: 0.3rem;
    color: white;
    border-radius: 6px;
}

.lixas_info_left ol {
    padding-left: 1.5rem;
    font-size: 0.8rem;
    line-height: 1.2;
}

.lixas_info_text {
    margin-bottom: 0.5rem;
    font-size: 0.8rem;
}

.lixas_info_text p {
    padding-left: 1rem;
}

.lixas_info_text a {
    text-decoration: none;
    color: black;
}

.lixas_info_text a:hover {
    color: skyblue;
}

.company_side_content .table-wrap {
    overflow-y: scroll;
}

.company_side_content table {
    width: 100%;
    border-collapse: collapse;
    white-space: nowrap;
}

.company_side_content table th {
    width: 200px;
}

.company_side_content .company_side_detail {
    display: none;
}

.company_side_detail table th {
    font-size: 16px;
    padding-bottom: 10px;
}

.company_side_detail table th.large {
    width: 40%;
}

.company_side_detail table th.middle {
    width: 20%;
}

.company_side_detail table th.short {
    width: 10%;
}

.company_side_detail table td {
    padding: 6px;
    font-size: 13px;
}

.company_side_detail table tr:nth-child(even) {
    background: #f6f6f6;
}

.company_side_content .lixas_info_text a {
    text-decoration: underline;
    color: var(--link-color-dark);
}

.non_active_btn {
    width: 9rem;
    min-width: 9rem;
    padding: 8px;
    background: #fff;
    color: var(--main-color);
    border: 1px solid var(--border-color);
}

.refund_cancel_modal {
    min-width: 9rem;
    padding: 8px;
    background: var(--function_button);
}

.archive_btn {
    min-width: 9rem;
    padding: 8px;
    background: var(--function_button);
}

.refunded_btn {
    /* width: 9rem; */
    min-width: 9rem;
    padding: 8px;
    background: var(--function_button);
}

.refund_modal {
    /* width: 9rem; */
    min-width: 9rem;
    padding: 8px;
    background: var(--function_button);
}

.sold_cancel {
    display: flex;
    gap: 0.5rem;
}

.active_btn {
    width: 9rem;
    min-width: 9rem;
    padding: 8px;
    background: var(--function_button);
    color: #fff;
}

.price_edit_modal {
    width: max-content;
    min-width: 9rem;
    padding: 8px;
    color: #fff;
}

.modaal-confirm-btn.modaal-cancel {
    color: #333;
}


/* Company 詳細ページ */

.modal_headline {
    font-weight: 700;
    padding: 0.5rem 0.3rem;
    background: skyblue;
    color: white;
    border-radius: 6px;
    margin-top: 1rem;
}

.report_container .mypage_main_content {
    padding: 0;
    margin: 0;
    height: 100%;
    overflow: auto;
    width: fit-content;
    min-width: 100%;
}

.report_container {
    height: 100%;
}

.report_body {
    display: contents;
    top: 0;
    height: 100%;
}

.report_body .info_table {
    width: min-content;
    overflow: auto;
    margin: 0;
}

.report_body th {
    line-height: 1.2;
    padding: 5px;
    font-size: 11px;
    display: flex;
    align-items: center;
    border: solid 1px gainsboro;
    overflow: hidden;
    resize: vertical;
    justify-content: center;
}


.report_body .report_download {
    justify-content: left;
    margin-bottom: 5px;
    overflow: hidden;
}

.report_body .report_download button {
    margin-left: 5px;
    padding: 10px;
    width: 100px;
}

.report_body .report_download form {
    display: flex;
    flex-flow: wrap;
    height: 100%;
    width: 100%;
    gap: 0.5rem;
    padding-top: 0.5rem;
    margin:0;
}

.report_body .wm {
    width: 100px;
    position: relative;
}

.table_sticky_first {
    position: sticky !important;
    left: 0;
    background: var(--link-color-light);
    z-index: 3;
    border-right: 1px darkgray solid !important;
}

.table_sticky_first_item {
    position: sticky !important;
    left: 0;
    background: white;
    z-index: 2;
    border-right: 1px darkgray solid !important;
}

.info_table .info_table_row:nth-child(odd) .table_sticky_first_item {
    background: var(--link-color-light);
}

.report_body .wxl {
    width: 200px;
}

.report_td_div_date,
.report_td_div {
    border: 0 !important;
    padding: 0 !important;
    position: relative;
}

.retirement_td_div_date {
    border: 0 !important;
    padding: 0 !important;
    position: relative;
}

.job_seeker_data_zoom {
    position: absolute;
    right: 0;
    bottom: 0;
    color: gray;
}

.job_seeker_data_zoom_div {
    position: absolute;
    background: #fdfacf;
    border-radius: 6px;
    width: 200px;
    height: 200px;
    z-index: 5;
    overflow: auto;
    padding: 1rem;
    border: 1px solid black;
}

.report_jobseeker_status {
    display: flex;
    position: absolute;
    top: 3px;
    right: 3px;
    gap: 0.3rem;
}

.report_jobseeker_status_text{
  background: orange;
  border-radius: 100%;
  color: white;
  height: 1.2rem;
  font-size: 0.7rem;
  width: 1.2rem;
  font-weight: bold;
  align-items: center;
  justify-content: center;
  margin-left: 2px;
  display: flex;
}

.report_body .radio_group {
    display: flex;
    border: 1px solid var(--border-color);
    padding: 8px;
    font-size: 14px;
    border-radius: 6px;
    min-width: 160px;
    /* margin-left: 4px; */
    width: 100%;
    height: 38px;
    align-items: center;
}

.mailer_send_history_body .checkbox_group,
.report_body .checkbox_group {
    display: flex;
    border: 1px solid var(--border-color);
    padding: 8px;
    font-size: 14px;
    border-radius: 0;
    border-radius: 6px;
    /* margin-left: 4px; */
    width: 100%;
    height: 38px;
    align-items: center;
}

.checkbox_group label {
    margin: 0 0.3rem 0 1.4rem;
}

.title_tr {
    position: sticky;
    top: 0;
    z-index: 3;
    height: auto;
}


/* ダッシュボード設定 */

.mypage_main_content .dashboard_setting {
    margin-left: 2%;
    width: 96%;
}

.mypage_main_content .dashboard_setting h3 {
    padding-bottom: 10px;
    border-bottom: 1px solid gainsboro;
}

.mypage_main_content .dashboard_setting .table_wrap {
    /* overflow-x: auto;
  white-space: nowrap;
  width: 100%; */
}

.mypage_main_content .dashboard_setting .table_wrap .team_name {
    color: #444;
    margin-bottom: 8px;
}

.mypage_main_content .dashboard_setting table {
    display: block;
    overflow-x: scroll;
    white-space: nowrap;
    -webkit-overflow-scrolling: touch;
    height: auto;
}

.mypage_main_content .dashboard_setting table tr th {
    border: 2px solid #eee;
    padding: 6px 4px 10px;
    font-size: 11px;
}

.mypage_main_content .dashboard_setting table tr td {
    text-align: center;
    border: 2px solid #eee;
    padding: 6px 8px 10px;
}

.mypage_main_content .dashboard_setting table tr td.sticky {
    position: sticky;
    left: -1px;
    background: #fff;
    border: 2px solid #eee;
}

.mypage_main_content .dashboard_setting table tr td input[type=text] {
    min-width: 40px;
    padding: 4px;
    margin: 0;
    text-align: right;
}

.check_container {
    justify-content: center;
}

.jobs_check_memo {
    padding: 0.5rem;
}

.jobs_check_memo .memo_title {
    font-size: 14px;
    margin-bottom: 6px;
    font-weight: bold;
}

.jobs_check_memo textarea {
    margin-bottom: 6px;
    font-size: 12px;
    padding: 2px 4px;
    width: 100%;
}

.jobs_check_memo button {
    width: 100%;
    padding: 6px 0;
}

.summary_content .summary_column .column_item.end_flg {
    background: #fff;
    width: 15px;
}

.summary_content .summary_job .column_item.end_flg {
    background: #fff;
    width: 15px;
}

.summary_content .summary_job .column_item.end_flg .end_icon {
    background: #f49f4c;
    color: #fff;
    display: flex;
    flex-wrap: wrap-reverse;
    border-radius: 6px;
    text-align: center;
    font-size: 10px !important;
    justify-content: center;
    align-items: center;
    left: -1.5px;
    position: absolute;
    z-index: 1;
    padding: 1px;
}

.summary_content .summary_job .column_item.end_flg .empty_icon {
    display: inline-block;
    text-align: center;
    font-size: 10px;
    width: 14px;
    height: 14px;
    padding: 2px 0 0 1px;
}

.summary_content .summary_job .column_item.end_flg .end_row {
    position: relative;
    padding: 4px 2px;
}

.summary_content .summary_job .column_item .job_item,
.summary_content .summary_job .column_item .shift_job_item {
    overflow: unset;
    height: 2rem;
    position: relative;
}

.job_item .description_jd a {
    color: white;
}

.summary_content .summary_job .column_item .job_item s {
    color: gainsboro;
}

.summary_content .summary_job .shift_job_item p,
.summary_content .summary_job .job_item p {
    border-bottom: 2px solid #fff;
    padding: 0.5rem 0.25rem;
    margin: 0;
    height: 100%;
    width: 100%;
    position: inherit;
}

.content_table .delete_flg {
    min-width: 50px;
}



/* TimeCARD */

.timecard_delete {
    position: relative;
    cursor: pointer;
}

.timecard_table .info_table_column {
    width: 70%;
    padding: 0.5rem;
    align-items: center;
    display: flex;
    justify-content: center;
}

.info_table_column div {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timecard_table .info_table_column input,
.timecard_table .info_table_column select {
    width: 80% !important;
    text-align: left;
    height: 100%;
    /* padding-left: 15%; */
}

.timecard_table_title_row .info_table_column {
    text-align: center;
    padding: 0;
}

.timecard_choice_box {
    display: flex;
    justify-content: space-between;
}

.timecard_choice_box form {
    width: 100%;
    justify-content: space-between;
    display: flex;
    height: 3rem;
    gap: 0.5rem;
}

.timecard_choice_box select {
    height: 100%;
    font-size: 0.7rem;
}

.timecard_choice_box button {
    height: 100%;
    width: 20%;
    padding: 0;
    font-size: 0.7rem;
}

.time_card_container {
    width: 100%;
    align-items: center;
    display: flex;
    justify-content: center;
}

.timecard {
    width: 100%;
    height: 100%;
}

.time_card_h2 {
    text-align: left;
}

.time_card_body {
    padding: 3rem;
    width: 30rem;
    text-align: center;
    line-height: 1.5;
}

.time_card_body form {
    width: 100%;
}

.time_card_body select {
    margin-bottom: 1rem;
    height: unset;
    width: 100% !important;
    margin-left: 0;
}

.time_card_body textarea {
    margin-bottom: 3rem;
}

.timecard_stamp_button {
    width: 200px;
}

.timecard_table .info_table_row .info_table_name {
    font-weight: bold;
    width: 30%;
    display: flex;
    justify-content: center;
    align-items: center;
}

.timecard_result {
    margin: 0.5rem 0;
    text-align: right;
}

.timecard_btn_box {
    width: 100%;
    text-align: center;
}

.timecard_btn {
    margin: 0 auto;
    width: 200px
}

.clock_container {
    text-align: right;
}

.status_icon {
    position: relative;
    height: 0.7rem !important;
    padding-left: 0.1rem !important;
}

.top_layout_group .working_status {
    width: 100%;
    justify-content: center;
    margin-top: 0.5rem;
}

.working_status {
    font-size: 0.9rem;
    position: relative;
}

.working_status i {
    font-size: 1.5rem;
    text-align: center;
    color: var(--link-color-dark);
}


/* IMPORTページ */

.import_ctrl_body {
    padding-top: 6rem;
    line-height: 1.5;
}

.important {
    text-decoration: underline;
    font-weight: 700;
    color: blue;
}

.import_ctrl_body button {
    width: 12rem;
    height: 1rem;
    padding: 1.5rem;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem;
}

.selection_item_info {
    margin: 0 auto;
    height: 35rem;
    overflow: auto;
    display: none !important;
}

.selection_item_part {
    padding: 10px 10px 10px 0;
    height: fit-content;
}

.selection_item_category {
    width: 100%;
    border: 0.5px gainsboro solid;
    background: lightgray;
    padding: 0.5rem;
}

.selection_item_title {
    background: lightgray;
    text-align: center;
}

.selection_item_name {
    width: 100px;
    border: 0.5px gainsboro solid;
    padding: 0.5rem;
}

.selection_item_id {
    width: 50px;
    border: 0.5px gainsboro solid;
    padding: 0.5rem;
}

.import_ctrl_explain_sepbox {
    padding: 10px;
}

.import_ctrl_headline {
    font-weight: 700;
    font-size: 1.2rem;
    margin-bottom: 0.5rem;
}

.import_ctrl_headline p {
    font-weight: 500;
    font-size: 15px;
    color: #666;
    margin: 0.3rem 0;
}

.master_menu_container {
    width: 80%;
    margin: 0 auto;
    ;
}

.master_menu_group {
    padding: 5px;
    line-height: 1.5;
    font-size: 1.3rem !important;
    margin-bottom: 0.5rem;
}

.master_menu_group i {
    margin-right: 0.3rem;
}

.master_menu_group a {
    display: block;
    padding: 0;
    text-decoration: none;
    font-size: 1.3rem !important;
}

.search_option_group {
    width: calc(96% / 6);
}

.search_option_free_layout{
  min-width: unset !important;
  width: fit-content !important;
}

.search_option_title {
    margin-bottom: 0.3rem;
    font-size: 0.8rem;
    color: gray;
    display: block;
    height: 1em;
}

.search_option_group button {
    height: 38px;
    display: flex;
    justify-content: center;
    align-items: center;
    word-break: keep-all;
}

.radio_group input {
    width: 0.8rem !important;
}

.search_option_group .search_option_input input {
    border: gainsboro 1px solid !important;
    margin: 0;
    padding: 8px;
    font-size: 14px;
    border-radius: 6px;
}

input[type=month] {
    border: 1px solid var(--border-color);
    padding: 7px;
    font-size: 14px;
    border-radius: 0;
    min-width: 160px;
    margin-left: 4px;
    width: 100%;
}

.dashboard_head {
    margin: 20px 0;
}

.month_search_item {
    margin-right: 5px;
}

.month_search_item .month_search_title {
    font-size: 12px;
    color: #444;
    padding: 0 0 4px 4px;
}

.month_search_item select {
    height: 2.4rem;
    margin-left: 4px !important;
}

.month_search_item input {
    height: 2.4rem;
    border-radius: 6px;
}

button.month_search_btn {
    margin-top: 16px;
}

.target_delete_group,
.target_pdf_group,
.target_mailer_group,
.target_link_group,
.target_export_group {
    display: grid !important;
    width: 100% !important;
    border: none !important;
    margin: auto !important;
    overflow: unset !important;
    height: 100% !important;
    align-content: center !important;
}

.target_delete,
.target_pdf,
.target_mailer,
.target_link,
.target_export {
    /* width: 100%; */
    justify-content: center !important;
}

/* .target_mailer input[type="checkbox"]::before{
  background-color: #fff;
  border-radius: 6px;
  border: 1px solid #9da3ae;
  width: 14px;
  height: 14px;
  margin: 2px;
  transform: translateY(-60%);
  top: 54%;
  left: -5px;
} */
/* .target_mailer input[type="checkbox"]::after{
  left:unset;
} */

/* .checkbox_group input[type="checkbox"]:checked::after{
  opacity: 1;
  top: -3px;
  left: 5px;

} */

.delete_all_check,
.pdf_all_check,
.mailer_all_check,
.export_all_check,
.link_all_check {
    font-size: 0.5rem;
    font-weight: normal;
    cursor: pointer;
    background: skyblue;
    border-radius: 6px;
    color: white;
    margin-top: 0.5rem;
    padding: 0.1rem 0;
}

.delete_all_check:hover,
.pdf_all_check:hover,
.mailer_all_check:hover,
.export_all_check:hover,
.link_all_check:hover {
    filter: brightness(0.9);
}

/* .mailer_container input[type="checkbox"]::after{
	top:unset;
} */

.mailer_container h3 {
    display: flex;
    justify-content: space-between;
    padding-bottom: 0.8rem;
    padding-top: 1rem;
    margin-top: 0;
    margin-bottom: 0;
    position: sticky;
    top: 0;
    background: white;
    font-size: 0.8rem;
    height: 2.4rem;
}

.mailer_container .is_html {
    padding: 0;
    width: 2rem;
    height: 100%;
}

.mailer_container label {
    width: inherit;
}

.mailer_input {
    width: 100%;
}

.mailer_container {
    justify-content: space-between;
    min-height: 50vh;
    height: 50vh;
    overflow: auto;
}

.job_flow_btn_inner {
    text-align: center;
    z-index: 3;
}

.mailer_container input,
.mailer_container select,
.mailer_container textarea {
    border: 1px solid var(--border-color);
    padding: 10px;
    width: 100%;
}

.mailer_text_edit_group {
    width: 50%;
    height: 100%;
}

.email_from,
.title_text {
    resize: none;
    /* height: 100%; */
    width: 100%;
    margin: 0 !important;
}

.mailer_body {
    height: 60%;
}

.body_text {
    height: 100%;
    resize: none;
}

.mailer_option_list_group {
    width: 49%;
}

.mailer_option_list_group input {
    width: 98%;
    margin: 0 auto;
    height: 2rem;
}

.mailer_option_list_delete {
    min-width: 2.5rem;
}

.mailer_option_list_delete h3 {
    font-weight: normal;
}

.mailer_options_area_explain {
    font-size: 0.8rem;
    padding: 0.2rem;
}

#mailer_to_direct_input_group {
    height: unset !important;
    border: 1px solid gainsboro;
    padding: 0.5rem;
    margin: 0.5rem;
    border-radius: 6px;
}

#mailer_manual_input_open {
    cursor: pointer;
}

#mailer_to_direct_input_btn {
    cursor: pointer;
    text-decoration: none;
}

.mailer_delete_div {
    height: 2rem;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
}

.mailer_options_area {
    overflow-y: auto;
    height: calc(34.5% - 0.5rem);
    margin-bottom: 0.5rem;
}

.mailer_options_box {
    height: 100%;
}

.mailer_pre_text_selects {
    margin-left: 0;
    margin-bottom: 0.5rem;
    height: unset;
    width: 100% !important;
}

.mailer_tags {
    height: 48px;
    border: 1px solid var(--border-color);
    overflow-y: auto;
    /* padding:10px; */
}

.mailer_file {
    height: 66px;
    border: 1px solid var(--border-color);
    overflow-y: auto;
    font-size: 13px;
    /* padding:10px; */
}

.mailer_file_item {
    display: flex;
    align-items: center;
    padding: 0.2rem;
    width: 100%;
}

.mailer_file_item input {
    width: auto;
}

.mailer_file_item a {
    display: inline-block;
    width: 90%;
}

.mailer_tags a {
    padding: 0.5rem;
    background-color: green;
    color: white;
    border-radius: 6px;
    margin: 0.5rem;
    font-size: 0.8rem;
    cursor: pointer;
    display: inline-block;
}

.mailer_title,
.mailer_email_from {
    margin-bottom: 0.5rem;
}

.pre_text_edit,
.mailer_add {
    text-align: right;
    font-weight: 500;
    font-size: 13px;
}

.modaal-content-container a:hover {
    filter: brightness(0.8);
}

.pre_attach_title {
    display: flex;
    justify-content: space-between;
}

.pre_attach_set {
    display: flex;
    justify-content: right;
    font-weight: 500;
    font-size: 13px;
    align-items: center;
}

.pre_attach_set input {
    width: fit-content;
}

.pre_attach_info {
    display: none;
    width: 60%;
    margin-top: -6px;
}

.pre_attach_info input {
    width: 49.5%;
    padding: 3px;
    height: auto;
}

#mailer_add_btn {
    cursor: pointer;
}

.mailer_add_btn {
    cursor: pointer;
}

.pre_mail_master .master_item {
    align-items: center;
}

.mypage_sidebar_applied_body {
    width: calc(100vw - 220px);
    padding: 0 1rem;
    height: 100%;
    overflow: auto;
}

.mypage_sidebar {
    width: 220px;
    border-right: 1px solid var(--border-color);
    height: 100%;
    overflow: auto;
    top: 0;
    /* position: sticky; */
}

.sidebar_menu_group {
    padding: 0.25rem 1rem;
}

.mypage_sidebar_inner hr {
    margin: 0 auto;
    width: 90%;
    border-top: 1px solid var(--border-color-for-hr);
}

.mypage_sidebar_item_admin {
    padding-left: 0.7rem !important;
    font-size: 0.8rem !important;
}

.mypage_sidebar_item_admin i {
    margin-right: 0.5rem !important;
}

.sidebar_menu_content i,
.sidebar_admin_menu_content i {
    font-size: 0.8rem !important;
}

.sidebar_admin_group_title {
    background: gainsboro;
    font-size: 0.8rem !important;
    padding: 0.5rem 0 0.5rem 0.5rem;
    font-weight: 700;
    border-radius: 6px;
}

.mypage_sidebar_inner {
    /* padding: 2rem 0; */
    height: 100%;
    background: rgb(249, 250, 250);
}

.mypage_sidebar_inner a {
    display: inline-block;
    width: 100%;
    padding: 0.7rem 0;
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    /* position: relative; */
}

.mypage_sidebar_inner a:hover {
    background: var(--link-color-light);
}

.mypage_sidebar_inner i {
    margin-right: 24px;
    font-size: 22px;
    vertical-align: middle;
    width: 24px;
}


/* サイドバー管理者メニュー開閉 */

.mypage_sidebar .toggle {
    display: none;
}

.mypage_sidebar .sidebar_admin_menu_label {
    display: inline-block;
    width: 100%;
    padding: 0.7rem 0;
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    color: var(--link-color-dark);
}

.mypage_sidebar .sidebar_admin_menu_label::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--link-color-dark);
    border-right: 2px solid var(--link-color-dark);
    position: absolute;
    top: 35%;
    right: 9px;
    transform: rotate(135deg);
}

.mypage_sidebar .sidebar_admin_menu_content {
    display: none;
    transform: translateZ(0);
    transition: all 0.3s;
}

.mypage_sidebar .toggle:checked+.sidebar_admin_menu_label+.sidebar_admin_menu_content {
    /*開閉時*/
    height: auto;
    transition: all .3s;
    display: block;
}

.mypage_sidebar .toggle:checked+.sidebar_admin_menu_label {
    /*開閉時*/
    background: var(--link-color-light);
}

.mypage_sidebar .toggle:checked+.sidebar_admin_menu_label::before {
    transform: rotate(-45deg) !important;
}

/* ーーーーーーーーーーーーー */

/* サイドバー一般メニュー開閉 */
.mypage_sidebar .menu_toggle {
    display: none;
}

.mypage_sidebar .sidebar_menu_label {
    display: inline-block;
    width: 100%;
    padding: 0.7rem 0;
    font-size: 0.9rem;
    text-decoration: none;
    cursor: pointer;
    position: relative;
    color: var(--link-color-dark);
}

.mypage_sidebar .sidebar_menu_label::before {
    content: "";
    width: 6px;
    height: 6px;
    border-top: 2px solid var(--link-color-dark);
    border-right: 2px solid var(--link-color-dark);
    position: absolute;
    top: 35%;
    right: 9px;
    transform: rotate(135deg);
}

.mypage_sidebar .sidebar_menu_content {
    display: none;
    transform: translateZ(0);
    transition: all 0.3s;
}

.mypage_sidebar .menu_toggle:checked+.sidebar_menu_label+.sidebar_menu_content {
    /*開閉時*/
    height: auto;
    transition: all .3s;
    display: block;
}

.mypage_sidebar .menu_toggle:checked+.sidebar_menu_label {
    /*開閉時*/
    background: var(--link-color-light);
}

.mypage_sidebar .menu_toggle:checked+.sidebar_menu_label::before {
    transform: rotate(-45deg) !important;
}

/* ーーーーーーーーーーーーー */

.mypage_sidebar_inner form {
    margin: 0;
}

.mypage_sidebar_inner button {
    display: inline-block;
    width: 100%;
    padding: 0.7rem 0;
    font-size: 0.9rem;
    text-decoration: none;
    background: none;
    color: var(--link-color-dark);
    text-align: left;
}

.mypage_sidebar_inner button:hover {
    background: var(--link-color-light);
}

.mypage_sidebar_inner button i {
    margin-right: 24px;
    font-size: 22px;
    vertical-align: middle;
    width: 24px;
}

.mypage_content {
    width: calc(100vw - 220px);
    height: 100%;
    overflow: auto;
}

.mailer_send_history_body .info_table {}

.mailer_send_history_body .info_table .info_table_row {
    width: unset;
    min-width: unset;
    padding: 0;
}

.mailer_send_history_search form {
    display: flex;
}

.mailer_send_history_body th {
    justify-content: center;
}

.mailer_send_history_body th,
.mailer_send_history_body .info_table_row div,
.mailer_send_history_body td {
    word-break: break-all;
    line-height: 1.2;
    overflow-y: auto;
    height: 5rem;
    padding: 5px;
    display: flex;
    align-items: center;
    border: solid 1px gainsboro;
    resize: vertical;
}

.report_body .info_table .info_table_row {

    padding: 0;
}


.report_body .info_table_row div {
    word-break: break-all;
    line-height: 1.2;
    /* height: 5rem; */
    padding: 5px;
    display: flex;
    align-items: center;
    border: solid 1px gainsboro;
    resize: none !important;
}

.report_body .info_table_row .block{
      border: 0px solid gainsboro !important;
}

.report_body td {
    word-break: break-all;
    height: 5rem;
    border: solid 1px gainsboro;
    /* resize: vertical; */
    /* padding: 5px; */
    line-height: 1.5;
    display: flex;
    justify-content: left;
    align-items: center;
    overflow: auto;
}

.report_td_div_none_jqeury {
    border: none !important;
}

.report_td_div_none_jqeury select,
.report_td_div_date input,
.report_td_div_date textarea,
.report_td_div_date select,
.report_td_div input,
.report_td_div textarea,
.report_td_div select {
    padding: 0.5rem 0.5rem 0 !important;
    width: 100%;
    height: 100%;
    min-width: unset !important;
    min-height: unset !important;
    border-radius: unset !important;
    margin: 0 !important;
    border: none !important;
    background: inherit;
    font-size: 0.8rem;
}

.report_td_div input:hover,
.report_td_div textarea:hover,
.report_td_div select:hover {
    background: #ffc !important;
}

.report_list_input input,
.report_list_input textarea,
.report_list_input select {
    padding: 0.5rem 0.5rem 0 !important;
    width: 100%;
    height: 100%;
    min-width: unset !important;
    min-height: unset !important;
    border-radius: unset !important;
    margin: 0 !important;
    border: none !important;
    background: inherit;
    font-size: 0.8rem;
}


#mailer_send_btn {
    background: lightgray;
    cursor: unset;
}

.tooltip_text {
    position: absolute;
    right: unset;
    left: -4rem;
    top: -1.6rem;
    bottom: unset;
}

.tooltip_parent {
    position: relative;
}

.tooltip_child,
.tooltip_child_group,
.tooltip_child_form_type,
.tooltip_form_setting {
    display: none;
    top: -1.5rem;
    right: -30px;
    font-size: 0.7rem;
    position: absolute !important;
    z-index: 1000;
    padding: 0.5em;
    color: #FFFFFF;
    background: #007adf;
    border-radius: 0.5em;
    width: max-content;
}

.tooltip:after {
    width: fit-content;
    content: "";
    display: block;
    position: absolute;
    left: 0.5em;
    top: -8px;
    /* border-top:8px solid transparent;
  border-left:8px solid #007adf; */
}

.sidebar_s_jobseeker {
    border-radius: 6px !important;
    padding-left: 12px !important;
    padding-right: 12px !important;
    margin: 0 !important;
    box-shadow: rgb(0 0 0 / 7%) 0px 0px 0px 1px !important;
    border: 1px solid var(--border-color);
    padding: 8px;
    font-size: 14px;
    border-radius: 0;
    min-width: 160px;
    margin-left: 4px;
    width: 100%;
}


/* チェックボックスデザイン */

/* input[type="checkbox"] {
		cursor: pointer;
    margin: 0;
    background: none;
    border: none;
    border-radius: 0;
    outline: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
		padding-left: 30px;
		vertical-align: middle;
		position: relative;
} */

/* input[type="checkbox"]::before,
input[type="checkbox"]::after {
		content: "";
		display: block;
		position: absolute;
} */

/* input[type="checkbox"]::before {
    background-color: #fff;
    border-radius: 6px;
    border: 1px solid #9da3ae;
    width: 14px;
    height: 14px;
    margin: 2px;
    transform: translateY(-60%);
    top: 50%;
    left: 4px;
} */

/* input[type="checkbox"]::after {
    border-bottom: 2px solid #666464;
    border-left: 2px solid #666464;
    opacity: 0;
    height: 4px;
    width: 9px;
    transform: rotate(-45deg);
    top: -4px;
    left: 9px;
    position: absolute;
} */

/* input[type="checkbox"]:checked::after {
		opacity: 1 !important;
} */

input[type=text]:focus,
input[type=password]:focus,
input[type=email]:focus,
input[type=date]:focus,
input[type=number]:focus {
    outline: 1px solid var(--border-color);
}

.search_option_group input[type="checkbox"]:checked::after {
    left: 9px;
}

.search_option_group input[type=date] {
    height: unset !important;
}

.search_option_group .checkbox_group label {
    margin-left: 0.5rem;
    width: max-content;
    word-break: keep-all;
}

td.target_mailer input[type="checkbox"],
td.target_export input[type="checkbox"] {
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

td.target_mailer input[type="checkbox"]:checked::after,
td.target_export input[type="checkbox"]:checked::after {
    top: 49%;
    left: 0;
}

.delete_flg input[type="checkbox"]:checked::after {
    top: 46%;
}

.delete_flg input[type="checkbox"],
.input_checkbox input[type="checkbox"],
.tr_body input[type="checkbox"] {
    width: unset !important;
    height: unset !important;
}

.input_checkbox {
    height: 3rem;
    margin: 0;
    border: gainsboro 1px solid;
    border-radius: 6px;
    width: 100%;
    display: inline-flex;
    text-align: center;
    justify-content: center;
}

.manage_list_table th {
    padding: 5px;
    position: relative;
}

.manage_list_table th input[type="checkbox"] {
    position: relative;
}

.manage_list_table th input[type="checkbox"]:checked::after {
    top: -3px;
}

.fill {
    padding: 0 20px;
    overflow: auto;
    width: calc(100vw - 220px);
    height: calc(100vh - 4rem);
}

.fill .report_download {
    justify-content: left;
    /* height: 4.5rem; */
    /* position: absolute; */
    /* width: calc(100% - 260px); */
    width: 100%;
    z-index: 5;
    background: white;
    padding: 0.2rem 1rem 1rem;
}

.fill .radio_group {
    display: flex;
    border: gainsboro 1px solid !important;
    padding: 8px;
    gap: 0.5rem;
    font-size: 11px;
    border-radius: 0;
    min-width: 160px;
    margin-left: 0;
    width: 100%;
    height: 40px;
    align-items: center;
    border-radius: 6px;
}

.filter {
    position: sticky;
    left: 0;
}

.filter .filter_row {
    margin-top: 8px;
}

.filter .filter_row .filter_title {
    width: 100%;
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 6px;
}

.filter .filter_row .filter_item {
    width: 9rem;
    margin-bottom: 12px;
}

.filter .filter_row .filter_item label {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 100%;
}

.filter .filter_row .filter_item label:hover {
    cursor: pointer;
}

.filter .filter_row .filter_item .filter_group {
    background: #e9f1f8;
    border-radius: 6px;
    padding: 0.5rem;
    height: 2rem;
    width: 95%;
    gap: 0.5rem;
    align-items: center;
}

.filter .filter_row .filter_item .filter_group:hover {
    filter: brightness(0.95);
}

.filter .status_dash_name_search {
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    padding: 10px;
    height: 42px;
    width: 200px;
}

.filter .filter_group input {
    margin: 0;
}

.filter_inner {
    display: none;
    overflow: auto;
    max-height: 25rem;
    position: relative;
    left: -11rem;
    width: calc(100vw - 23rem);
    /* width: 78vw; */
    margin-top: 1rem;
    padding: 1rem;
    box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.15);
}

/* .filter .filter_row .filter_item input[type="checkbox"]::after{
  border-bottom: 2px solid #666464;
  border-left: 2px solid #666464;
  opacity: 0;
	height: 4px;
	width: 9px;
	transform: rotate(-45deg);
	top: 4px;
	left: 8px;
	position: absolute;
} */

.job_id_change_inner a {
    width: fit-content;
    font-size: 1rem;
    color: var(--link-color-dark);
    /* margin: 1rem 0; */
    font-weight: normal;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    display: block;
}

.job_id_change_inner a:hover {
    color: black;
}

.section_count {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-right: 1rem;
}

.section_count .jobseeker_count {
    background: skyblue;
    border-radius: 6px;
    padding: 0.2rem 1rem;
    font-size: 1rem;
    color: white;
}

.setting_table {
    display: flex;
    flex-wrap: wrap;
    border-top: 1px solid gainsboro;
    border-left: 1px solid gainsboro;
}

.setting_table .setting_item {
    width: 33.33%;
    padding: 3%;
    border-bottom: 1px solid gainsboro;
    border-right: 1px solid gainsboro;
    min-height: 230px;
}

.setting_table .setting_item h2 {
    font-size: 16px;
    font-weight: bold;
    margin: 0;
}

.setting_table .setting_item h2 i {
    font-size: 20px;
    margin-right: 8px;
}

.setting_table .setting_item .item_child {
    margin-top: 6px;
}

.setting_table .setting_item .item_child .item_link {
    text-decoration: none;
    display: inline-block;
    width: 100%;
    margin-bottom: 4px;
    font-size: 14px;
}

.input_table {
    width: 600px;
    margin: 0 auto;
}

.input_table .row {
    width: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    margin-bottom: 14px;
}

.input_table .row .column_name {
    width: 30%;
    font-weight: bold;
    padding: 0.5rem;
}

.input_table .row .column_input {
    width: 70%;
}

.input_table .row #preset {
    font-size: 12px;
    padding: 6px 8px;
}

.check_disabled {
    background-color: gainsboro !important;
}

.check_disabled::before {
    background-color: gainsboro !important;
}

.payment_detail {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}

.payment_detail .free_description {
    width: 100%;
    padding: 18px;
    background: #00ecbc50;
    border: 1px solid #00ecbc;
    border-radius: 6px;
    font-size: 14px;
}

.payment_detail .free_description .title i {
    margin-right: 6px;
}

.payment_detail .free_description .row {
    margin-top: 8px;
    padding-left: 6px;
}

.payment_detail .payment_inner {
    width: 58%;
    margin-top: 30px;
}

.payment_detail .payment_inner h2 {
    font-size: 18px;
    margin: 0;
}

.payment_detail .payment_inner h2 .invoice_date {
    color: #666;
    font-size: 14px;
}

.payment_detail .payment_inner .subscription_details:not(:first-child) {
    margin-top: 28px;
}

.payment_detail .payment_inner .subscription_details .rows {
    border-radius: 6px;
    border: 1px solid gainsboro;
    margin-top: 16px;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row {
    padding: 20px;
    display: flex;
    align-items: baseline;
    flex-wrap: wrap;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row:hover {
    cursor: pointer;
    background: rgb(249, 250, 250);
    border-radius: 6px;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row:not(:first-child) {
    border-top: 1px solid gainsboro;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row * {
    display: inline-block;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row i {
    margin-right: 10px;
    color: #888;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row.select i {
    color: green;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row .fee {
    margin-left: auto;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row .account_list {
    width: 100%;
    font-size: 12px;
    color: #444;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row .account_list h3 {
    width: 100%;
    border-top: 1px solid gainsboro;
    padding-top: 15px;
    margin: 0;
    margin-top: 20px;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row .account_list .row {
    width: 100%;
    display: flex;
    flex-wrap: wrap;
    margin-top: 8px;
    align-items: baseline;
    padding: 4px;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row .account_list .name {
    width: 30%;
    font-weight: bold;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row .account_list .dates {
    width: 70%;
}

.payment_detail .payment_inner .subscription_details .rows .subscription_row .account_list .dates .date {
    margin-top: 8px;
}



.payment_detail .payment_info {
    margin-top: 30px;
    width: 40%;
    border-radius: 6px;
    border: 1px solid gainsboro;
    padding: 18px;
    background: rgb(249, 250, 250);
}

.payment_detail .payment_info h2 {
    font-size: 16px;
    margin: 0;
    margin-bottom: 14px;
}

.payment_detail .payment_info .payment_info_row {
    display: flex;
    flex-wrap: wrap;
    font-size: 12px;
    margin-top: 10px;
}

.payment_detail .payment_info .payment_info_row .column {
    width: 40%;
    color: #666;
}

.payment_detail .payment_info .payment_info_row .value {
    width: 60%;
}

.payment_detail .payment_info .payment_info_row .value .clear {
    font-size: 11px;
    color: #fff;
    background: green;
    display: inline-block;
    padding: 2px 5px 4px;
    text-align: center;
    border-radius: 6px;
    letter-spacing: 0;
}

.payment_detail .payment_info .payment_info_section {
    margin-bottom: 26px;
}

.payment_detail .payment_info .payment_attention {
    border-radius: 6px;
    background: #99999933;
    padding: 12px;
}

.payment_detail .payment_info .payment_attention .row {
    font-size: 12px;
    color: #666;
}

.payment_detail .payment_info .payment_attention .row:not(:first-child) {
    font-size: 12px;
    color: #666;
    margin-top: 8px;
    line-height: 1.4;
}

.end_tiral_content {
    padding-top: 140px;
    color: #333;
}

.end_tiral_content .info_text {
    text-align: left;
    line-height: 1.4;
    letter-spacing: 1px;
    background: rgb(249, 250, 250);
    padding: 30px;
    width: 800px;
    margin: 0 auto;
    margin-bottom: 30px;
}

.end_tiral_content .info_text h2 {
    text-align: center;
    margin-bottom: 38px;
    font-size: 30px;
}

.end_tiral_content .info_text .address_info {
    border: 1px solid gainsboro;
    padding: 10px 0;
    text-align: center;
    line-height: 2;
    background: #fff;
    margin-top: 30px;
}

.end_tiral_content .info_text .address_info .name {
    font-weight: bold;
    font-size: 16px;
}

.end_tiral_content .info_text .address_info .email {
    font-size: 14px;
}

.end_tiral_content .info_text p {
    text-align: center;
}

.end_tiral_content .save {
    text-align: center;
    margin-top: 20px;
}

.end_tiral_content .save button {
    width: 240px;
}

.end_tiral_content .form_row {
    margin-top: 10px;
}

.end_tiral_content .form_row .column {
    margin-left: 4px;
    font-size: 15px;
    padding-bottom: 4px;
}

.payment_history_list_button {
    background: transparent;
    padding: 0 28px;
    color: var(--text-color-dark);
}

.payment_history_list_button i {
    vertical-align: top;
}

form.contact_form {
    width: 600px;
    margin: 0 auto;
    border: 1px solid gainsboro;
    padding: 30px;
    border-radius: 6px;
    background: #fff;
}

form.contact_form .form_row {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 20px;
    align-items: center;
}

form.contact_form .form_row input[type=text] {
    margin: 0;
}

form.contact_form .form_row .column {
    width: 20%;
    font-weight: bold;
    font-size: 15px;
}

form.contact_form .form_row .content {
    width: 80%;
}

form.contact_form .save {
    text-align: center;
}

.payment_history_inner {
    margin-inline: auto;
    margin-top: 100px;
    overflow-x: auto;
    white-space: nowrap;
    width: 100%;
}

.payment_history_list {
    /* width: 1000px; */
    width: 100%;
}

.payment_history_list .row {
    display: flex;
    padding: 12px 8px;
    font-size: 14px;
}

.payment_history_list .row:nth-child(even) {
    background: rgb(249, 250, 250);
}

.payment_history_list .row.head {
    font-weight: bold;
    padding-bottom: 8px;
    border-bottom: 1px solid gainsboro;
}

.payment_history_list .row .column {
    width: 200px;
    overflow: hidden;
    text-align: center;
}

.payment_history_list .row .column .status {
    display: inline-block;
    font-size: 11px;
    background: #009B6B;
    color: #fff;
    padding: 2px 6px 3px;
    border-radius: 6px;
}

.payment_history_list .row .column .status.trial {
    background: #FCC800;
}

.payment_history_list .row .column .status.contract_request {
    background: #CFDB00;
}

.payment_history_list .row .column .status.wait_billing_info {
    background: #8FC31F;
}

.payment_history_list .row .column .status.stop {
    background: gray;
}

.payment_history_list .row .column .status.break {
    background: black;
}

.payment_history_list .row .column .status.lixas_use_domain {
    background: skyblue;
}

.payment_history_list .row .column .status.end_trail {
    background: gray;
}

.payment_history_list .row .column .status.contract_stop {
    background: blue;
}

.payment_history_list .row .column .status.unpaid {
    background: #EB6100;
}

.payment_history_list .row .column.short {
    width: 80px;
}

.payment_history_list .row .column.middle {
    width: 140px;
}

.payment_history_list .row .column.long {
    width: 360px;
    margin: 0 1rem;
}

.payment_history_list .row .column.max_long {
    width: 480px;
    margin: 0 1rem;
}

.payment_history_list .row .column.left {
    text-align: left;
}

.client_detail .payment_history_inner {
    margin: 0;
}

.client_detail .mypage_section .modal_btn {
    width: 150px;
    min-width: 150px;
    padding: 6px;
    font-size: 13px;
    margin-bottom: 10px;
}
/*リセット */

.form_input:not(:first-child) {
		margin-top: 8px;
}

textarea {
		width: 100%;
		padding: 10px;
		border: 1px solid var(--border-color);
}

textarea:focus {
		outline: 1px solid var(--border-color);
}

select {
		border: 1px solid var(--border-color);
		padding: 7px;
		font-size: 14px;
		border-radius: 0;
		min-width: 160px;
		margin-left: 4px;
		width: 98%;
}



.require {
		color: red;
		font-size: 13px;
}

.user_login_container {
		height: 100vh;
		display: flex;
		align-items: center;
		justify-content: center;
}

.user_login_content {
		padding: 60px 0;
		text-align: center;
		display: block;
}

.user_login_content form {
		margin-top: 30px;
}

.user_login_content button {
		margin-top: 30px;
}

.user_login_content input {
		width: 220px;
}


.check_change{
	width: 100% !important;
	height: 100% !important;
	margin: 0 !important;
	border: 0 !important;
}




.toggle-button-001 {
    display: inline-block;
    position: relative;
    width: 60px;
    height: 30px;
    border-radius: 50px;
    background-color: #dddddd;
    cursor: pointer;
    transition: background-color .4s;
}

.toggle-button-001:has(:checked) {
    background-color: #4bd865;
}

.toggle-button-001::after {
    position: absolute;
    top: 0;
    left: 0;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    box-shadow: 0 0 5px rgb(0 0 0 / 20%);
    background-color: #fff;
    content: '';
    transition: left .4s;
}

.toggle-button-001:has(:checked)::after {
    left: 30px;
}

.toggle-button-001 input {
    display: none;
}

.notification_table {
    /* width: 600px; */
    margin: 30px auto;
}

.notification_table .row {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    margin-top: 10px;
}

.notification_table .row .column {
    width: 40%;
}

.notification_table .row .column.long {
    width: 60%;
}

.notification_table .row .column.right {
    text-align: right;
}

.notification_table .add_info {
    text-align: left;
    width: 100%;
    display: grid;
    gap: 1rem;
}

.notification_table .add_info .row {
    display: flex;
    align-items: center;
}

.notification_table .add_info .row .column {
    width: 30%;
    font-size: 14px;
}

.notification_table .add_info .row .column.long {
    width: 70%;
}

.notification_table .add_info .row .column [class^="error"] {
    color: red;
    font-size: 12px;
    margin-left: 4px;
}

.notification_table .add_info .row .column input[type='file'] {
    margin-left: 4px;
}

.notification_table .save {
    margin-top: 50px;
    width: 100%;
}

.notification_table .save button {
    margin: 0 auto;
}

.file_exists {
    display: inline-block;
    color: #04CC00;
    border: 1px solid #04CC00;
    padding: 2px 4px;
    margin-bottom: 3px;
    font-size: 12px;
    margin-left: 4px;
}

.report_archive_icon {
    background: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    font-size: 0.7rem;
    color: #57dab2;
}

.report_archive_btn {
    background: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    color: inherit;
    font-size: 0.7rem;
    /* box-shadow: 0 12px 24px rgb(62 239 127 / 20%); */
    background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
    border-radius: 6px;
    color: white;
    padding: 0.2rem;
}

.expired_span {
    background: unset;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0 auto;
    padding: 0;
    color: inherit;
    font-size: 0.7rem;
    /* box-shadow: 0 12px 24px rgb(251 167 149); */
    background: linear-gradient(96.77deg, #f0bb4b -0.96%, #e34c4b 100%);
    border-radius: 6px;
    color: white;
    padding: 0.2rem;
}

.form_cell {
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

.form_cell form {
    text-align: center;
}

.form_cell span {
    margin-bottom: 0.2rem;
}


.status_title:hover {
    cursor: pointer;
    background: skyblue !important;
}

.span_btn {
    cursor: pointer;
}

.log_btn_inner {
    text-align: center;
    padding: 0.2rem;
}

.modal_separate_form_left {
    width: 60%;
    gap: 0.5rem;
    display: grid;
}

.modal_separate_form_left_shedule {
    width: 60%;
}

.modal_separate_form_right {
    width: 40%;
    gap: 0.5rem;
    display: grid;
}

.modal_separate_form_right select{
  width: 100% !important;
}

.separate_form {
    display: flex;
    gap: 0.5rem;
}

.sep_flow_input_action_inner {
    height: 100%;
    display: grid;
}

.sep_flow_input_action_inner textarea {
    margin: 0.5rem 0;
    border: gainsboro 1px solid;
    border-radius: 6px;
    min-height: 10rem;
}

.sep_flow_input_action_inner select,
.sep_flow_input_action_inner input {
    border: gainsboro 1px solid;
    border-radius: 6px;
    /* margin: 0.5rem 0 0 0; */
    width: 49% !important;
}

.add_jds_form_job_detail {
    width: 100%;
    padding: 0.5rem;
    gap: 0.1rem;
    display: grid;
    position: relative;
    margin-bottom:0.5rem;
}

.add_jds_form_job_detail label {
    margin-top: 0.5rem;
    margin-bottom: 0.25rem;
}

.add_jds_form_job_detail input {
    width: 100% !important;
    margin: 0;
    height: 2.5rem;
    border: 1px solid gainsboro;
    background: white;
    border-radius: 6px;
}

.add_jds_form_job_detail_form {
    width: 100%;
    gap: 0.2rem;
    display: grid;
}

.add_jds_form_job_detail_form div {
    display: grid;
}

.add_jds_form_job_detail_form input {
    width: 100% !important;
    margin: 0;
    height: 2.5rem;
    border: 1px solid gainsboro;
    background: white;
    border-radius: 6px;
}

.add_jds_form_job_detail_form select {
    width: 100% !important;
    margin: 0;
    height: 2.5rem;
    border: 1px solid gainsboro;
    background: white;
    border-radius: 6px;
}

.noinput {
    pointer-events: none;
    color: #888;
    backgroud-color: #dbdcdd;
    border-width: 0px;
    box-shadow: none;
}

.on_jdpage_jobseeker_list {
    max-height: 10rem;
    overflow: auto;
    border-radius: 0.2rem !important;
    z-index: 5;
    position: absolute;
    top: 4rem;
    left: 0.5rem;
    width: 90%;
}

.on_jdpage_search_jobseeker_item .name {
    padding: 12px !important;
    opacity: 1 !important;
    background: var(--link-color-light) !important;
    z-index: 3000;
}


.on_jdpage_search_jobseeker_item:hover {
    filter: brightness(1.1);
}

textarea[name="task_content"] {
    /* height: 100%; */
}

.admin_check_box_headline {
    margin-bottom: 0.5rem;
}

.admin_check_box_form {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    height: 3rem;
    margin-bottom: 0.5rem;
}

/* .admin_timecard_mypage_section {
    margin-bottom: -3rem !important;
} */

.admin_timecard_mypage_section button {
    min-width: 16.5%;
}

.admin_check_box_fix_button_group {
    margin-bottom: 0.5rem;
    display: flex;
    gap: 0.5rem;
}

.admin_check_box_fix_button_group button {
    background: skyblue;
}

.jd_add_btn {
    bottom: 6rem;
    background-color: skyblue;
}

.list_jd_add_btn {
  bottom: 6rem;
  background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
  width: 6rem;
  height: 3rem;
  position: fixed;
  right: 20px;
  bottom: 25px;
  z-index: 2;
  border-radius: 6px;
  padding: 0;
}

button:disabled,
button[disabled] {
    background-color: #cccccc;
    background: #cccccc;
    color: #666666;
}

.error_input {
    border: 2px solid red !important;
}

.timecard_input {
    width: 100% !important;
    height: 3rem !important;
}

.timecard_input input {
    text-align: center !important;
}

.info_table_column select {
    width: 80% !important;
}

.job_card_container {
    margin: 0 0.5rem 1rem;
    padding: 3%;
    font-weight: normal;
    font-size: 0.8rem;
    gap: 0.5rem;
    display: grid;
}

.job_search_data {
    display: flex;
    flex-wrap: wrap;
    gap: 0.5rem;
}

.job_search_data_layout {
    width: 32.4%;
    line-height: 1.3;
    border-radius: 6px;
    border: 1px solid gainsboro;
    min-height: 5rem;
}


.job_search_data_title {
    width: 20%;
    text-align: center;
    overflow: hidden;
    padding: 0.5rem;
    border-right: 1px solid gainsboro;
    display: flex;
    align-items: center;
    background: gainsboro;
    color: gray;
    justify-content: center;
}

.job_search_data_content {
    width: 80%;
    overflow: hidden;
    padding: 0.5rem;
    max-height: 10rem;
    word-break: break-all;
    overflow-y: auto;
}

.job_search_index {
    width: 53rem;
    margin: auto;
    padding: 4rem;
    /* height: 90%; */
}

.job_search_index_conditions_group {
    /* max-height: calc(100% - 15rem); */
    /* overflow-y: auto; */
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
    margin-top: 0.5rem;
}

.job_search_index_conditions {
    width: 24%;
    position: relative;
    /* display: grid;
  gap: 0.5rem; */
}

.job_search_index_conditions input,
.job_search_index_conditions select {
    margin: 0;
}

.job_search_index_btn_container {
    width: 100%;
    justify-content: center;
    display: flex;
    bottom: 0;
    margin-top: 1.5rem;
}

.job_search_index_btn_container button {
    width: 12rem;
}

.center_layout {
    height: 100%;
    display: flex;
}

.condition_setting_link {
    font-size: 0.8rem;
    font-weight: normal;
}

.alternate_img_text {
  width: 1.5rem;
  display: flex;
  height: 1.5rem;
  font-size: 0.8rem;
  padding: 0.1rem;
  border-radius: 50%;
  background: #2fa5a8b5;
  color: white;
  justify-content: center;
  align-items: center;
  flex-shrink: 0;
}

.dragarea {
    width: 100%;
    overflow: auto;
    min-height: calc(100% - 42px);
}

.status_dash_filter_img {
    object-fit: cover;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
}

.list_row .list_column img {
    object-fit: cover;
    height: 2rem;
    width: 2rem;
    border-radius: 50%;
}

.list_row.head {
    font-weight: bold;
    font-size: 16px;
    border-bottom: 1px solid var(--border-color);
    padding-bottom: 10px;
    margin-top: 20px;
}

.list_row.head .list_column {
    overflow: unset;
}

.user_setting form {
    margin: 0 auto;
}

.general_width {
    max-width: 1200px;
}

.status_dash_user_filter_item {
    width: 19.6% !important;
}

.status_dash_filter_user_name {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 67%;
    padding-left: 0.5rem;
}

.status_dash_user_filter_group {
    height: 3rem !important;
    /* padding:0 !important; */
}

/* .status_dash_user_filter_group input[type="checkbox"]::after{
	top:1.2rem !important;

} */
.status_dash_user_filter_group label {
    display: flex;
    align-items: center;
}

.long_type_group {
    width: unset;
}

.long_type_group input {
    padding: 0;
    width: unset !important;
}

.long_type_group .checkbox_group {
    width: unset !important;
    margin: 0;
    display: flex;
    justify-content: center;
    border-radius: 6px;
    border: 1px solid gainsboro !important;
    padding: 0 1rem !important;
    gap: 0.5rem;
}

.long_type_group .checkbox_div {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 0.2rem;
}


.edit_job_textarea_focus {
    width: 100% !important;
    height: 300px !important;
    z-index: 99 !important;
    border: 1px solid gray !important;
    position: absolute !important;
    left: 0;
}

.edit_job_textarea_focused_parent {
    position: relative !important;
    overflow: unset !important;
    z-index: 99 !important;
}

.td_edit_job_textarea_focus {
    width: auto !important;
    max-width: 400px !important;
    height: 300px !important;
    z-index: 99 !important;
    border: 1px solid gray !important;
    position: absolute !important;
    left: 0.75rem;
    top: 0.25rem;
}

.td_edit_job_textarea_focused_parent {
    position: relative !important;
    overflow: unset !important;
    z-index: 99 !important;
}

.td_edit_normal_textarea_focus {
    /* width: auto !important; */
    width: 150px !important;
    height: 200px !important;
    z-index: 99 !important;
    border: 1px solid gray !important;
    position: absolute !important;
    top: 0;
}

.report_info_text {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}

.info_gray_small_text {
    font-size: 0.8rem;
    color: gray;
    display: inline;
}

.error_msg,
.error_kind_of_work_name,
.error_company_name_floating,
.error_company_name {
    color: red;
    position: absolute;
    top: 0;
    left: 0;
    background: white;
    padding: 0.2rem;
}

.error_msg {
    top: -2rem;
    font-size: 0.8rem;
    color: white;
    background: orange;
}


/* 各リスト項目のパディング設定 */
.ui-menu .ui-menu-item-wrapper {
    position: relative;
    padding: 3px 1em 3px .4em;
}

/* リスト全体の背景 */
.ui-widget-content {
    border-radius: 5px !important;
    background: #ffffff !important;
    color: #333333 !important;
}

/* リスト hover 時のカラー */
.ui-state-active {
    border: 1px solid #48bbd3 !important;
    background: #4dc4dd !important;
    font-weight: normal;
    color: #ffffff !important;
}

#job_post_btn_span {
    font-size: 0.8rem;
    color: gray;
}


.info_table {
    font-size: 12px;
}

.info_table .info_table_row {
    display: flex;
    padding: 1.5%;
    width: fit-content;
    min-width: 100%;
}

.info_table .info_table_row:nth-child(odd) {
    background: var(--link-color-light);
}

.info_table .info_table_row .info_table_name {
    font-weight: bold;
    width: 30%;
}

.info_table .info_table_row .info_table_column {
    width: 70%;
    word-break: break-all;
}

#card-form .card_radio label {
    font-size: 14px;
}

#card-form .card_info {
    margin-top: 4px;
}

#card-form .card_info .clear {
    font-size: 14px;
    color: #04CC00;
}

#card-form .card_info table {
    margin-bottom: 0px;
}

#card-form .card_info table th {
    text-align: left;
    width: 40%;
}

#card-form .card_info table td {
    width: 60%;
    margin: 3px 0;
}

#card-form button {
    margin-top: 20px;
}

#card-errors {
    font-size: 14px;
    color: red;
}

.StripeElement {
    background: #fff;
    width: 80%;
}

.client_content .payment_history_inner .button {
    display: inline-block;
}

.report_explain {
    display: flex;
    justify-content: space-between;
    margin-bottom: 0.5rem;
}


.report_explain_btn {
    padding: 0.2rem;
    background: #04CC00;
    color: white;
    font-size: 0.7rem;
    border-radius: 6px;
    text-decoration: none;
}

.report_explain_btn:hover {
    filter: brightness(1.1);
}

.candidate_list .report_right {
    display: flex;
    align-items: center;
}

.candidate_list .report_right .report_head_column {
    display: inline-block;
}

.candidate_list .report_right a.report_head_column {
    text-decoration: none;
    margin-right: 0.3rem;
    padding: 0.4rem !important;
    background: #04CC00;
    color: white;
    font-size: 0.7rem;
    border-radius: 6px;
}

.channel_report{
  display: block !important;
}

.report_h2 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.report_h2 form {
    margin: 0;
}

.report_view_setting {
    display: flex;
    gap: 0.5rem;
    flex-wrap: wrap;
}

.report_view_setting_row {
    width: 32%;
}

.modal_box {
    display: grid;
    gap: 1rem;
}

.modal_h2 {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
}

.modal_info {
    font-size: 0.8rem;
}

.form_group_description {
    color: gray;
    font-size: 14px;
    line-height: 1.2;
    padding: 0.5rem;
    overflow: auto;
    max-height: 10rem;
}

.ui-sortable-handle:hover {
    cursor: move;
}

.add_btn {
    cursor: pointer;
    margin: 0 auto;
}

.add_btn:hover {
    filter: brightness(0.9);
}

.ui-sortable-handle .move_item:hover {
    cursor: grab;
    color: skyblue;
}

.modaal-inner-wrapper {
    padding: 0 !important;
}

.modaal-content-container {
    padding: 3rem;
}

.register_form_body {
    padding: 2rem;
    max-width: 1000px;
    margin: 1rem auto 0;
}

.new_jobseeker_form input,
select {
    margin: 0 !important;
    border: gainsboro 1px solid !important;
    border-radius: 6px !important;
    height: 3rem;
}

.form_input textarea {
    /* height: -webkit-fill-available; */
    height: 3rem;
}

.client_background_dark{
  background-color: gainsboro !important;
}


.register_form_body h2 {
    margin: 0;
    line-height: 1.5;
    font-size: 1rem;
    background-color: var(--table_title_cell);
    padding: 0.4rem;
    border-radius: 0.2rem;
}

.register_form_body .job_seeker_columns {
    margin-bottom: 2.2rem;
    padding: 0 0.5rem;
}

.register_form_body .management_user_list {
    padding: 0 0.5rem;
}

.calendar_setting_group {
    padding: 1rem;
    display: flex;
    align-items: center;
}

.calendar_setting_group .left {
    width: 95%;
    padding: 0 1rem;
}

.calendar_setting_group .right {
    width: 5%;
    display: flex;
    align-items: center;
    justify-content: center;
}

.no_input_alert {
    width: 100%;
    display: block;
    text-align: center;
    font-size: 0.8rem;
    color: red;
}

.ok_text {
    color: var(--icon-color-good);
}

.alert_text {
    color: var(--icon-color-warning);
}

.master_item_columns_page {
    display: flex;
    flex-wrap: wrap;
    margin-top: 18px;
    align-items: baseline;
    font-size: 14px;
    justify-content: center;
    gap: 0.5rem;
}

.master_item_columns_page div {
    width: 20%;
    text-align: center;
}

#scout_setting {
    min-width: 70vw;
    max-height: 600px;
}

.master_item_columns {
    margin: 0 !important;
}

.target_job_seeker_column_name_select {
    height: 40px;
}

.scout_setting_master_inner .save {
    margin: 0 !important;
}

.scout_settings .column_inner {
    gap: 0.5rem;
    display: grid;
}

.scout_setting_master_inner {
    height: 670px !important;
}

.scout_import_group {
    gap: 0.5rem;
    align-items: flex-end;
}

.scout_import_group_inner_left {
    width: 80%;
    height: 570px
}

.scout_import_group_inner_right {
    width: 20%;
}

.scout_import_group_inner_left form {
    height: 100%;
    gap: 0.5rem;
    display: grid;
    align-items: flex-end;
}

.scout_settings {
    height: 370px;
    overflow-y: auto;
}


.scout_selection {
    height: 309px;
    overflow-y: auto;
    border-bottom: 1px solid gainsboro;
}

.scout_selection .scout_type_select_page {
    width: 500px !important;
}

.scout_import_group_inner_right {
    width: 20%;
    border: 1px solid gainsboro;
    border-radius: 6px;
    padding: 0.5rem;
    background: skyblue;
    height: 570px;
}

.scout_tag {
    width: 100%;
    display: flex;
    justify-content: space-between;
    background: white;
    padding: 0.5rem;
    border-radius: 6px;
    border: 0 !important;
    height: 30px;
}

.scout_tag_text {
    text-overflow: ellipsis;
    width: 80%;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0.8rem;
}

.scout_list {
    gap: 0.3rem;
    display: flex;
    flex-wrap: wrap;
}

.scout_new_input {
    border-radius: 6px;
    border: 1px solid gainsboro;
    height: 100%;
    width: 100%;
}

.scout_list_group {
    height: calc(100% - 2.5rem);
    overflow-y: auto;
    margin-bottom: 0.5rem;
    border-bottom: 1px solid gainsboro;
}

.selected_tag {
    background: blue;
    color: white;
}

.scout_selection_page {
    display: flex;
    align-items: center;
}

.scout_add_container {
    height: 30px;
    display: flex;
}

.scout_add_container_left {
    width: 80%;
    height: 100%;
    display: block;
}

.scout_add_container_right {
    width: 20%;
    height: 100%;
    display: flex;
    align-items: center;
    justify-content: center;
    cursor: pointer;
    color: white;
}

.scout_add_container_right:hover {
    color: black;
}

.scout_setting_append_point {
    width: 80%;
    margin: 0 auto;
    padding: 0.5rem;
    max-height: 500px;
    overflow: auto;
}

.master_item_title {
    margin: 0 0 0 0;
    border-bottom: 1px solid gainsboro;
    padding-bottom: 0.5rem;
}

.master_item_columns_page i {
    color: skyblue;
}


.scout_import_group_inner_left .overlay_check_column,
.scout_import_group_inner_left .check_overlap_column,
.scout_import_group_inner_left .enable {
    width: 5rem !important;
    padding: 0 !important;
}

.option_box span {
    /* height: 3rem; */
    /* overflow: auto; */
    display: none;
    align-items: center;
}

.job_search_index_conditions span {
    padding: 0.4rem;
}

.option_div_select,
.option_div {
    /* margin-bottom:0.5rem; */
    padding: 0 !important;
    font-size: 0.8rem;
}

.body_for_sidebar .option_div {
    margin-bottom: 0;
}

.body_for_sidebar .option_div_select:hover {
    color: skyblue;
    cursor: pointer;
}

.option_select_toggle {
    display: block !important;
    width: 100% !important;
    height: 5rem;
    overflow: auto;
    padding: 0.5rem !important;
    font-size: 12px;
    min-width: 160px;
    margin-top: 0.5rem;
    border: gainsboro 1px solid !important;
    border-radius: 6px !important;
    /* cursor: pointer; */
}

.body_for_sidebar .option_select_toggle {
    height: unset;
}

.option_box {
    display: block !important;
    margin-top: 0.3rem;
}

.job_search_index .option_select_toggle_hover {
    height: 10rem !important;
    position: absolute;
    width: 120% !important;
    z-index: 2;
    background: white;
    border: skyblue 1px solid !important;
}

.option_div_select:hover {
    color: skyblue;
    cursor: pointer;
}



.option_select_toggle_hover .option_div_select {
    /* font-weight: 700;
	color: gray; */
}

.option_div_display_flex {
    display: flex !important;
    gap: 0.3rem;
}

.option_div span:hover {
    color: gray;
}

.option_div label:hover {
    cursor: pointer;
}

.option_search {
    height: 1.5rem !important;
    margin-top: 0.5rem !important;
}

.job_search_index .option_search {
    margin-top: 0.25rem !important;
}

.job_seeker_inner_group_grid {
    display: grid;
    margin-top: 32px;
    gap: 1rem;
}

.job_seeker_inner_group_grid .job_seeker_inner {
    width: 100%;
    padding: 1.2rem;
}

.job_seeker_inner_group_top_flex {
    display: flex;
    margin-top: 32px;
    gap: 1rem;
}

.job_seeker_inner_group_top_flex .job_seeker_inner {
    width: 30%;
    padding: 1.2rem;
}
.job_seeker_inner_group_top_flex .job_seeker_inner_center {
    width: 40%;
}
.job_seeker_inner_group_top_flex .job_seeker_inner_right {
    width: 30%;
}

.job_seeker_inner_group_top_flex .user_top_date_controll_box{
  width: 70%;
}

.my_job_seeker_list_container{
  height: 100%;
  padding: 1.2rem;
}

.user_top_h2{
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.period_title{
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: baseline;
}

.period_date{
  font-size:0.6rem;
  color:gray;
}

.number_td{
  font-size:0.6rem;
  word-wrap: break-word;
}
.user_top_date_controll_box form{
  width: 100%;
  display: flex;
  justify-content: right;
  gap: 0.5rem;
}

.user_top_date_controll_box.mng_view form{
  justify-content: left;
}

.user_top_date_controll_box input,
.user_top_date_controll_box select
{
  max-width: 8rem !important;
  min-width: unset !important;
  margin: 0 !important;
  height: 2rem !important;
  padding: 0 0.5rem;
  width: 33%;
}

.user_top_date_controll_box button{
  width: 3rem;
  height: 2rem;
  padding: 0;
}

.user_top_next_action{
  height: 4rem !important;
  overflow: auto !important;
  text-align: left !important;
  display: block !important;
  border: unset !important;
  /* position: absolute; */
  /* background: white; */
}

/*
.user_top_next_action:hover{
  height: unset;
  z-index: 3;
  max-height: 500px;
  background: #ffc !important;
  border-radius:6px;
  border:1px solid gainsboro;
} */

.my_job_seeker_list_table{
  height: 41rem;
  overflow: auto;
}

.no_deco_a{
  text-decoration: unset;
  padding: 0;
  margin:0;
}

.no_deco_a:hover{
  color:skyblue;
}

.tr_title{
  position: sticky;
  top: 0;
  border: 1px solid gray;
}

.textarea_actionlog {
    height: 10rem;
    max-height: 50vh;
}

.job_seeker_detail_menu_flex {
    display: flex;
    gap: 0.2rem;
    flex-wrap: wrap;
}

.job_seeker_inner_float_container_title {
    color: var(--main-color);
    display: flex;
    align-items: center;
    justify-content: space-between;
}

.job_seeker_inner_float_container_conditions_group {
    font-size: 0.8rem;
    display: grid;
    gap: 0.3rem;
    border: 1px solid gainsboro;
    padding: 0.5rem;
    border-radius: 6px;
    max-height: 20rem;
    overflow-y: auto;
}

.job_seeker_inner_float_profile_img_container {
    font-size: 0.8rem;
    border: 1px solid gainsboro;
    padding: 0.5rem;
    border-radius: 6px;
    max-height: 20rem;
}

.job_seeker_profile_img{
  width: 100%;
  height: 100%;
  object-fit: contain;
}

.job_seeker_photo_headline{
  display: flex;
  justify-content: space-between;
  width: 100%;
}

.change_profile_img,
#change_profile_img,
#change_profile_img_delete{
  cursor: pointer;
  color:darkgray;
}

.change_profile_img:hover,
#change_profile_img:hover,
#change_profile_img_delete:hover
{
  color: skyblue;
}

.recommend_reactions {
    font-size: 0.8rem;
    display: grid;
    gap: 0.3rem;
    /* border: 1px solid gainsboro; */
    padding: 0.5rem;
    /* border-radius: 6px; */
    max-height: 5rem;
    overflow-y: auto;
}

.recommend_reactions_container_sction_h1 {
    font-size: 0.8rem;
    margin-bottom: -0.8rem;
    margin-top: 0.3rem;
}


.recommend_reactions:nth-child(even) {
    background: var(--link-color-light);
}

.recommend_reactions_job_title {
    font-size: 0.8rem;
    text-overflow: ellipsis;
    overflow: hidden;
    width: 100%;
    height: 1em;
}

.recommend_reactions_from_jobseeker_text {
    font-size: 0.7rem;
    background: var(--icon-color-standard);
    color: white;
    border-radius: 6px;
    padding: 0.2rem;
}

.job_seeker_inner_float_container_conditions_group span {
    color: var(--main-color);

}


.job_seeker_inner_float_result_jobs {
    padding: 0.5rem;
}

.job_seeker_inner_float_result_jobs a {
    text-decoration: none;
}

.job_seeker_inner_float_result_jobs:nth-child(odd) {
    background: var(--link-color-light);
}

.job_seeker_inner_float_result_job_id {
    font-size: 0.8rem;
}

.job_seeker_inner_float_result_job_id:hover {
    color: skyblue;
}

.job_seeker_inner_float_result_company_id {
    font-size: 0.7rem;
    background: var(--icon-color-standard);
    color: white;
    border-radius: 6px;
    padding: 0.2rem;
}

.is_new_jd {
    font-size: 0.7rem;
    background: #fbc47b;
    color: white;
    border-radius: 6px;
    padding: 0.2rem;
}


.job_seeker_inner_float_result_company_id:hover {
    filter: brightness(1.1);
}

.job_seeker_inner_float_result_date {
    font-size: 0.7rem;
    background: darkgray;
    color: white;
    border-radius: 6px;
    padding: 0.2rem;
}

.job_seeker_inner_float_copy_job_id {
    font-size: 0.7rem !important;
    background: darkgray !important;
    color: white;
    border-radius: 6px !important;
    padding: 0.2rem !important;
    margin: 0 !important;
}

.job_quick_search_info {
    margin-top: 0.5rem;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.ajax_button {
    display: block;
    margin: 20px auto;
    padding: 10px 30px;
    background-color: #eee;
    border: solid #ccc 1px;
    cursor: pointer;
}

#ajax_overlay {
    position: absolute;
    top: 0;
    z-index: 100;
    width: 100%;
    height: 100%;
    display: none;
    background: rgba(0, 0, 0, 0.6);
}

.ajax_cv_spinner {
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    background: white;
}

.ajax_spinner {
    width: 40px;
    height: 40px;
    border-top: 4px #2e93e6 solid;
    border-right: 4px solid #4f95ef;
    border-bottom: 4px solid #fb6e4b;
    border-top: 4px solid #57dab2;
    border-left: 4px solid #fbc47b;
    border-radius: 50%;
    animation: sp-anime 0.8s infinite linear;
}

@keyframes sp-anime {
    100% {
        transform: rotate(360deg);
    }
}

.ajax_is-hide {
    display: none;
}

.tag_selection_option {
    color: white !important;
    background: darkgray;
    font-size: 0.6rem;
    padding: 0.1rem 0.3rem;
    border-radius: 6px;
}

.job_seeker_inner_float_result_jobs_more {
    display: flex;
    justify-content: right;
    font-size: 0.8rem;
}

.job_seeker_inner_float_result_jobs_more a {
    gap: 0.5rem;
    text-decoration: unset;
    display: flex;
}

.job_seeker_inner_float_result_jobs_more a:hover {
    color: skyblue;
}

.job_seeker_inner_float_container_conditions {
    display: flex;
    gap: 0.2rem;
    align-items: center;
}


.job_seeker_inner_float_container_conditions label {
    cursor: pointer;
    display: flex;
    flex-wrap: wrap;
    gap: 0.2rem;
}

.job_seeker_inner_float_container_conditions label:hover {
    color: skyblue;
}

.job_seeker_inner_float_container_conditions label span {
    color: inherit;
}

.entryform_setting input {
    margin: 0;
}

.entryform_setting {
    max-width: 860px;
    margin: 0 auto;
    display: grid;
    gap: 2rem;
}

.entryform_setting_group {
    display: grid;
    gap: 1rem;
}

.entryform_setting_group .row {
    display: grid;
    gap: 0.5rem;
}

.entryform_setting_group textarea {
    min-height: 10rem;
}

.entryform_setting_group .company_info_headline {
    margin-bottom: unset;
}

.thanks_page {
    padding: 2rem;
    min-height: 100vh;
    display: flex;
    align-items: center;
    justify-content: center;
}

.check_schedule_setting_frame {
    width: 100%;
}


.dash_target_number_th {
    background: #f3f3f3;
    align-items: center;
    justify-content: center;
    border-left: 2px solid gainsboro !important;
}

.dash_th_bottom_line {
    border-bottom: 2px solid gainsboro !important;
}

.dash_th_bottom_line_all {
    border-bottom: 2px dotted gainsboro !important;
}

.dash_result_number {
    background: lightyellow;
}

.mypage_logo {
    display: flex;
    align-items: center;
    text-decoration: unset !important;
}

.mypage_recommended_job_table {}

.mypage_recommended_job_table_title_row {
    display: flex;
}

.mypage_recommended_job_table_data_row {
    display: flex;
}

.mypage_recommended_job_column {
    width: 33%;
    padding: 0.5rem;
    display: flex;
    align-items: center;
    gap: 0.2rem;
    /* justify-content: center; */
}

.mypage_job_serch_head {
    width: 100%;
    height: 4rem;
}

.mypage_job_serch_head .header_flex.top_header {
    height: 100%;
    display: flex;
    justify-content: space-between;
}

.mypage_job_serch_head .top_header_item:first-child {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: left;
    align-items: center;
}

.mypage_content .list_content {
    padding: 2rem;
}

.mypage_content .list_content_flex {
    gap: 20px;
}

.job_seeker_mypage.mypage_content {
    width: calc(100vw - 220px);
}

.mypage_content nav {
    width: 100%;
}

.mypage_content .mypage_section {
    margin: 30px auto 1rem;
}

.mypage_job_detail {
    max-width: 1000px;
    padding: 1.2rem;
}

.mypage_job_detail_name {
    width: 50vw;
}

.mypage_job_detail_name a {
    font-size: 22px;
    font-weight: bold;
    WIDTH: 100%;
    DISPLAY: BLOCK;
}

.mypage_icons {
    width: 25vw;
    display: flex;
    justify-content: flex-end;
    gap: 0.5rem;
}

.mypage_flex_between {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
    gap: 0.5rem;
}

.mypage_pick_jds_work_detail {
    max-height: 10rem;
    overflow: auto;
    padding: 1rem;
    line-height: 1.3;
    border: 1px solid gainsboro;
    border-radius: 6px;
}

.mypage_card_cta_group {
    display: flex;
    justify-content: center;
    gap: 1rem;
}

.mypage_recommend_jd_inner {
    width: 100%;
}

.mypage_recommend_jd_inner .mypage_section {
    max-width: 100%;
}

.archived_button {
    background: gray;
}

.archived_card {
    background: #dcdcdc59;
}

.chat_body {
    height: calc(100vh - 4rem);
}

.chat_ul_body {
    height: calc(95% - 130px);
    width: 95% !important;
    padding: 0 5rem;
    overflow: auto;
}

.side_chat_ul_body {
    height: calc(95% - 130px);
    padding: 0.5rem;
    overflow-y: auto;
}

.side_chat_ul {
    width: 99%;
    max-height: 400px;
    display: block;
    overflow-y: auto;
    margin: 0 auto;
    padding: 0.5rem;
}

.side_chat_input {}

.chat_input {
    position: sticky;
    bottom: 0;
    height: 130px;
}

.chat_ul {
    height: 100%;
    width: 100%;
}

.chat_input_textarea {
    height: 100%;
    padding: 1rem;
}

.job_seeker_chat_btn {
  position: fixed;
  z-index: 10;
  background: url(/img/default/chat.png) no-repeat center center;
  top: 90%;
  right: 10%;
  width: 56px;
  height: 56px;
  border-radius: 50%;
  color: white;
  font-size: 28px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background-size: 170% auto;
}

.job_seeker_chat_btn:hover {
  transform: scale(1.05);
}


.job_seeker_chat_container {
    display: none;
    position: absolute;
    bottom: 1rem;
    right: 2rem;
    z-index: 1;
    background: white;
    width: 400px;
    max-height: 600px;
}

.side_chat_ul_body {
    padding: 1rem 0 0;
}

.side_chat_ul {
    width: 99%;
    max-height: 400px;
    display: block;
    overflow-y: auto;
    margin: 0 auto;
    padding: 0 1rem;
}

.side_chat_ul>li {
    max-width: 80%;
}

.job_seeker_chat_container ol,
.job_seeker_chat_container ul {
    list-style: none;
}

.job_seeker_chat_container .text-sm {
    font-size: 0.875rem;
    line-height: 1.25rem;
}

.job_seeker_chat_container .py-2 {
    padding-top: 0.5rem;
    padding-bottom: 0.5rem;
}

.job_seeker_chat_container .py-4 {
    padding-left: 1rem;
    padding-right: 1rem;
}

.job_seeker_chat_container .bg-gray-300 {
    --tw-bg-opacity: 1;
    background-color: rgba(209, 213, 219, var(--tw-bg-opacity));
}

.job_seeker_chat_container .rounded-lg {
    /* border-radius: 0.5rem; */
}

.job_seeker_chat_container .side_chat_input {
    display: grid;
    gap: 0.5rem;
    padding: 0.5rem 1rem;
}

.job_seeker_chat_container button {
    background: gray;
}

.job_seeker_chat_container .chat_input_textarea {
    height: 100%;
    padding: 1rem;
    line-height: inherit;
    resize: vertical;
    font-size: 100%;
}

.job_seeker_chat_container .text-white {
    --tw-text-opacity: 1;
    color: rgba(255, 255, 255, var(--tw-text-opacity));
}

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

.job_seeker_chat_container .py-1 {
    padding-top: 0.25rem;
    padding-bottom: 0.25rem;
}

.job_seeker_chat_container .px-2 {
    padding-left: 0.5rem;
    padding-right: 0.5rem;
}

.job_seeker_chat_container .bg-gray-500 {
    --tw-bg-opacity: 1;
    background-color: rgba(107, 114, 128, var(--tw-bg-opacity));
}

.job_seeker_chat_container .rounded {
    border-radius: 0.25rem;
}

.job_seeker_chat_container button,
.job_seeker_chat_container [type='button'],
.job_seeker_chat_container [type='reset'],
.job_seeker_chat_container [type='submit'] {
    -webkit-appearance: button;
}

.job_seeker_chat_container .text-xs {
    font-size: 0.75rem;
    line-height: 1rem;
}

.job_seeker_chat_container .text-right {
    text-align: right;
}

.job_seeker_chat_container .p-2 {
    padding: 0.5rem;
}

.job_seeker_chat_container .rounded-lg {
    /* border-radius: 0.5rem; */
}

.job_seeker_chat_container .ml-auto {
    margin-left: auto;
}

.job_seeker_chat_container .w-max {
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
}

.job_seeker_chat_container .mb-3 {
    margin-bottom: 0.75rem;
}

.job_seeker_chat_container .relative {
    position: relative;
    word-break: break-all;
}

/* 他人のコメントの吹き出し */
.job_seeker_chat_container .other::before {
    content: "";
    position: absolute;
    top: 100%;
    left: -15px;
    margin-top: -30px;
    border: 5px solid transparent;
    border-right: 15px solid gainsboro;
}

/* 自身のコメントの吹き出し */
.job_seeker_chat_container .another_user::after {
    content: "";
    position: absolute;
    /* top: 110%; */
    left: 100%;
    /* margin-top: -15px; */
    border: 3px solid transparent;
    border-left: 9px solid #a7dfa482;
}

/* 自身のコメントの吹き出し */
.job_seeker_chat_container .self::after {
    content: "";
    position: absolute;
    top: 100%;
    left: 100%;
    margin-top: -15px;
    border: 3px solid transparent;
    border-left: 9px solid #c7deff;
}

.side_chat_ul a {
    color: blue;
}

.side_chat_ul li {
    line-height: 1.4;
    font-size: 0.85rem;
    border-radius: 0.6rem;
}

.job_seeker_chat_btn_text {
    font-size: 12px;
}

.job_seeker_chat_btn_logo {
    display: flex;
    justify-content: center;
    align-items: center;
}

.job_seeker_chat_container_header {
    display: flex;
    justify-content: space-between;
    padding: 0.5rem;
    background: orange;
    color: white;
    border-radius: 6px 6px 0 0;
}

.job_seeker_chat_container_title {
    display: flex;
    align-items: center;
    width: calc(100% - 24px - 1rem);
}

.job_seeker_chat_container_close {
    width: 24px;
    align-items: center;
    justify-content: center;
    display: flex;
}

.job_seeker_chat_container_close>i {
    cursor: pointer;
    color: white;
}

.chat_ul li {
    max-width: 350px;
    word-break: break-all;
    font-size: 0.85rem;
}



li.self {
    background: #a7dfa482;
}

.side_chat_ul li.self {
    background: #c7deff;
}

.chat_ul li.self {
    background: #a7dfa482;
}

.chat_ul .self::after {
    border-left: 9px solid #a7dfa482 !important;
}

.side_chat_ul li.another_user {
    background: #a7dfa482;
}

.side_chat_ul li.other {
    background: gainsboro;
}

li.other::before {
    border-right: 15px solid #c7deff;
}

.check_pick_jd_group {
    padding: 0.5rem;
    display: grid;
    gap: 0.5rem;
}

.check_pick_jd {
    display: flex;
    grid-gap: 0.5rem;
    font-size: 0.9rem;
}

.check_pick_jd_company_name {
    width: 24%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.check_pick_jd_title {
    width: 52%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.check_pick_jd_time {
    width: 24%;
    overflow: hidden;
    text-overflow: ellipsis;
    text-wrap: nowrap;
}

.mypage_activation_form {
    padding: 1rem;
    display: grid;
    gap: 1rem;
}

.mypage_activation_group {
    display: grid;
    gap: 0.5rem;
}

.mypage_activation_input {
    display: flex;
    gap: 0.3rem;
    width: 100%;
    position: relative;
    align-items: center;
}

.mypage_activation_input span {
    width: 30%;
}

.mypage_activation_input_info {
    line-height: 1.5;
}

.mypage_activation_input_info span {
    font-size: 0.8rem;
    color: gray;
}

.mypage_activation_control_info {
    font-size: 0.8rem;
    font-weight: normal;
}

.mypage_top .job_seeker_inner {
    width: 100%;
    height: 85vh;
}

.mypage_top .mypage_section {
    height: 100%;
    margin: 0;
}

.mypage_top .summary_content {
    height: calc(100% - 100px);
    margin-top: 3rem;
}

.mypage_top .summary_inner {
    height: 100%;
    overflow: auto !important;
}

.mypage_top .summary_column {
    width: 100%;
    display: flex !important;
    justify-content: space-around;
}

.attention_text {
    font-size: 0.8rem !important;
    line-height: 1.2;
}

.mypage_top .summary_job {
    width: 100%;
}

.notification_table h4 {
    font-size: 0.8rem;
}

.mypage_top .column_item {
    background: unset;
    width: 100%;
    display: flex !important;
    justify-content: space-around;
}

.user_chat_btn {
    position: relative;
}

.mypage_new_message_alert {
    position: absolute;
    top: -0.3rem;
    right: -0.1rem;
    z-index: 2;
    padding: 0.2rem;
    background: red;
    border-radius: 6px;
    color: white;
    font-size: 1rem;
    font-weight: bold;
}

.mypage_new_message_alert_side {
    position: absolute;
    top: -0.3rem;
    right: -1.3rem;
    z-index: 2;
    padding: 0.2rem;
    background: red;
    border-radius: 6px;
    color: white;
    font-size: 0.7rem;
    font-weight: bold;
}

.file_info .toggle-button-001 {
    height: 1.2rem;
    width: 3rem;
}

.file_info .toggle-button-001::after {
    width: 1.2rem;
    height: 1.2rem;
}

.upload_by_job_seeker_span {
    color: gray;
}

.upload_by_job_seeker:has(:checked) {
    background-color: gray;
}

.job_seeker_share_toggle_active {
    color: #4bd865;
}

.tag_chip {
  display: inline-flex;
  align-items: center;
  padding: 2px 8px;
  font-size: 10.5px;
  font-weight: normal;
  border-radius: 6px;
  white-space: nowrap;
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.08);
  letter-spacing: 0.3px;
  margin-bottom:2px;
  gap:2px;
}

.over_7  { background-color: #FFF9C4; color: #5D4037; }
.over_14 { background-color: #FFE082; color: #5D4037; }
.over_21 { background-color: #FFB74D; color: #4E342E; }
.over_28 { background-color: #FF7043; color: white; }
.over_35 { background-color: #D32F2F; color: white; }
.tag_chip.no_log  { background-color: lightgray; color: white; }



.diff_in_days {
    text-align: right;
    font-size: 0.7rem;
    margin-bottom: 0.5rem;
}

.diff_tag_group{
  display: flex;
  justify-content: right;
  margin-bottom: 2px;
}

.diff_actionlog_days {
    text-align: right;
    font-size: 0.7rem;
    margin-bottom: 0.5rem;
}

.diff_in_days span {
    color: white;
    border-radius: 6px;
    padding: 0 0.1rem;
}

.over_7_color {
    background: #F5B076;
}

.over_14_color {
    background: orange;
}

.over_21_color {
    background: darkorange;
}

.over_28_color {
    background: orangered;
}

.notification_table_group {
    display: flex;
    width: 100%;
}

.resume_master_content .group_inner .master_item .enable {
    width: 10%;
}

.resume_download_btn_inner .resume_download_btn,
.resume_download_btn_inner .blind_resume_download_btn {
    margin-top: 10px;
    margin-right: 6px;
}

.report_setting_row {
    display: flex;
    gap: 0.5rem;
    width: 100% !important;
}

.report_setting_row span {
    width: 160px;
    text-align: center;
    justify-content: center;
    display: flex;
}

.kpi_report_master_item {
    display: flex;
    gap: 0.5rem;
    padding: 5px;
}

.kpi_report_master_item .group_column {
    width: 17.5% !important;
}

.kpi_report_master_item .group_column i {
    width: 100%;
}

.report_setting_title_row span {
    width: 17.5% !important;
    font-size: 0.9rem;
}

.report_setting_title_row td {
    padding: 7px;
    font-size: 14px;
    border-radius: 0;
    min-width: 160px;
}

.report_setting_title_row ispan {
    font-size: 1rem;
    width: calc(12.5% - 0.5rem * 5) !important;
    justify-content: center;
    display: flex;
    align-items: center;
    font-size: 0.9rem;
}

.report_setting_table {
    gap: 0.5rem;
    display: grid;
}

.body_for_action_kpi .plus_icon {
    width: 100%;
    text-align: center;
    background: var(--main-color);
    color: var(--text-color-light);
    padding: 10px 0;
    margin-top: 20px;
}

.step_select_flex {
    display: flex;
    gap: 0.3rem;
}

.step_select_flex select {
    width: -webkit-fill-available;
    min-width: unset !important;
    height: 3rem;
    overflow: auto;
    border: gainsboro 1px solid;
    border-radius: 6px;
}

.step_third_multiple{
    width: -webkit-fill-available;
    min-width: unset !important;
    overflow: auto;
    height: 3rem;
    border: gainsboro 1px solid;
    border-radius: 6px;
    z-index: 3;
}


.step_third_multiple_hover{
    overflow:unset;
    border:0;
    position: relative;
}

.step_third_multiple_span{
    padding:0.5rem;
    border-radius: 6px;
    display: block;
    height: 300px !important;
    overflow: auto;
}

.step_third_multiple_span_hover{
    border: gainsboro 1px solid;
    position: absolute;
    width: 100%;
    background-color: #ffc !important;
}

.multiple_hover{
  position: relative !important;
  overflow: unset !important;
}

.multiple_span_hover{
  border: gainsboro 1px solid;
  position: absolute;
  width: 100%;
  background-color: #ffc !important;
}

.detail_step_multiple_input{
  width: 0.8rem !important;
  height: unset !important;
}

.detail_step_multiple_label{
  width: 90% !important;
  margin: 0;
  display: flex !important;
  align-items: center;
  height: unset !important;

}

.step_option_step1 {
    background: #008bd9;
    /* display: flex !important; */
    width: 100%;
    color: white;
    /* border-radius: 6px; */
    gap: 0.5rem;
}

.step_option_step2 {
    background: #008bd92b;
    padding-left: 0.5rem !important;
    /* display: flex !important; */
    width: 100%;
    /* border-radius: 6px; */
    gap: 0.5rem;
}

.step_option_step3 {
    padding-left: 1rem !important;
}

.result_step3 {
    padding-left: 0.5rem !important;
}

.delete_row_icon {
    cursor: pointer;
    font-size: 1.2rem;
    justify-content: center;
    align-items: center;
    width: -webkit-fill-available;
    display: flex;
}

.card_list_inner_group .send_bill {
    font-size: 12px;
    color: red;
}

.selection_status_inner.master_inner .name {
    width: 30rem;
}

.selection_status_inner.master_inner .name.middle {
    width: 22rem;
}

.selection_status_inner.master_inner .name.short {
    width: 12rem;
}

.selection_status_inner.master_inner .is_bill_timing {
    width: 5rem;
}

.mypage_section .job_seeker_head .a_link_btn {
    text-decoration: none;
    border-radius: 6px;
    text-align: center;
    font-size: 14px;
    padding: 10px 8px;
}

.data_report_graph_section{
	gap:0.5rem;
	font-weight: bold;
	display: grid;
	padding: 1rem;
}

.data_report_graph_group{
	gap:0.5rem;
	display: grid;
}

.data_report_graph_column div {
    /* height: 2rem; */
    width: 2rem;
    /* border: 1px solid gainsboro; */
    display: flex;
    align-items: center;
    justify-content: center;
}

.data_report_graph_data_name{
  height: 2rem;
  border-right: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
}

.data_report_graph_data_name_secondary{
  width: -webkit-fill-available !important;
}

.data_report_graph_data_name_secondary_group{
  border-left: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  width: auto !important;
  justify-content: unset !important;
}

.data_report_graph_data_name_secondary_first_name{
  border: none !important;
  border-right: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  font-size: 0.7rem;
}

.data_report_graph_data_name_secondary_second_name{
  width: auto !important;
  height: 2rem;
  border-right: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  border-left: 1px solid gainsboro;

  font-size: 0.7rem;
}

.data_report_graph_data_name_secondary_second_name:first-child{
  border-top:0px;
}

.data_report_graph_data_name_secondary{
    display: block !important;
}

.data_report_graph_data_value_group{
  border-right: 1px solid gainsboro;
  border-top: 1px solid gainsboro;
  display: block !important;
}

.data_report_container{
	display: grid;
	padding: 1rem;
	gap:0.5rem;
}

.data_report_graph_title{
	padding: 1rem;
	background: gainsboro;
}

.data_report_graph_row{
	display: flex;
}

.data_report_graph_date {
  font-size: 0.7rem;
  height: 2rem;
  border-top:1px solid gainsboro;
  border-right:1px solid gainsboro;
}

.data_report_graph_data_name {
  font-size: 0.7rem;
}

.data_report_graph_data_value{
  font-size: 0.7rem;
  height: 2rem;
  border-top: 1px solid gainsboro;
  border-right:1px solid gainsboro;
}

.data_report_graph_data_value:first-child{
  border-top:0px;
}

.data_report_graph_date.report_first_column,
.data_report_graph_data_name.report_first_column {
    width: 200px;
    justify-content: left;
    padding-left: 1rem;
}

.value0_column {
    color: gainsboro;
}

.entry_sheet_step_group{
  display: flex;
  gap:0.5rem;
}

.zoom_text{
  max-height: 70vh;
  overflow: auto;
  padding: 0.5rem;
  border-radius: 6px;
  border: 1px solid gainsboro;
  margin-top: 0.5rem;
}

.selection_data_area{
  position: relative;
}

.selection_data_area_hover{
  /* box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.15); */
  cursor: pointer;
  border:1.2px solid skyblue !important;
}

.zoom_text_icon{
  color:skyblue;
  position: absolute;
  right: 0;
  bottom: 0;
}

.mypage_making_message_box{
  padding:0.5rem;
  font-size:0.8rem;
  color:gray;
}

.mypage_making_message_box{
  display: flex;
  align-items: center;
  justify-content: center;
  gap:0.5rem;
}

.mypage_making_message_box input:hover,
.mypage_making_message_box label:hover{
  color:black;
  cursor:pointer;
}

.info_table_row .delete_flg{
  width: 100% !important;
  display: flex;
  align-items: center;
  justify-content: center;
}

.unactivate_btn{
  background: var(--function_button);
}

.job_seeker_detail_menu_flex .enable_btn,
.job_seeker_detail_menu_flex .focus_btn,
.except_jd_status_submit,
.company_tag_modal{
  height: 3rem;
  width: unset !important;
  padding: 0.5rem !important;
  min-width: 8rem !important;
  display: grid;
  justify-content: center;
  align-items: center;
}

.except_jd_status_submit_date{
  font-size: 0.8rem;
  overflow: hidden;
}

.entering_date_edit_btn{
  width: max-content;
  min-width: 9rem;
  padding: 8px;
  color: #fff;
}

.report_view_setting_modal{
  width: -webkit-fill-available;
  display: flex;
  justify-content: right;
  align-items: end;
  gap:0.3rem;
}

.show_column_count{
  background: #04CC00;
  color: white;
  padding: 0rem 0.3rem;
  border-radius: 6px;
  margin-left: 0.2rem;
  font-size: 0.7rem;
}

.search_column_setting_modal_btn{
  text-decoration: underline;
}

.search_column_setting_modal_btn:hover{
  color: skyblue;
  cursor: pointer;
}


.view_all_check{
  cursor: pointer;
}

.view_all_check:hover{
  color:skyblue;
}

.price_read_num{
  background: skyblue;
  color:white;
  border:none;
}

.client_bill_content {
  display: flex;
}

#client_bill_body {
  border: 1px solid gainsboro;
  font-family: ipag !important;
  width: 210mm;
  height: 296.5mm;
  page-break-after: always;
  margin: 0 auto;
  box-sizing: border-box;
  font-size: 10pt;
  background-color: #fff;
  box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.15);
  padding: 2% 6%;
}

#client_bill_content {
  display: block;
  height: 84%;
}

#client_bill_header {
  font-weight: 700;
  text-align: center;
  padding: 1em;
  height: 7%;
}

#client_bill_footer {
  margin-top: 2em;
  text-align: center;
  border-top: 0.1em solid lightgray;
  padding: 0.5em;
  font-size: 0.8em;
  height: 5%
}

#client_bill_footer * {
  margin-top: 0.5%;
}

#client_bill_header img {
  height: 100%;
  max-width: 100%;
}

#client_bill_body .logo {
  width: 100%;
}

#client_bill_body .flex {
  display: -webkit-box;
  display: -webkit-box;
  /* 追加 */
}

#client_bill_body .info_group {
  width: 100%;
  height: 10em;
  white-space: initial;
  margin: 2em 0;
}

#client_bill_body .info_group .info_left {
  width: 40%;
  height: 100%;
}

#client_bill_body .info_group .info_left .info_title {
  height: 40%;
  font-size: 3em;
}

#client_bill_body .info_group .info_left .info_numbers {
  max-height: 60%;
  padding: 2em 0;
  display: -webkit-box;
}

#client_bill_body .info_group .info_right {
  width: 60%;
  line-height: 1.5;
  padding-top: 2em;
  text-align: right;
}

#client_bill_body .info_group .info_right div {
  margin: 0.2em 0;
}

#client_bill_body .info_group .info_right input {
  width: 100%;
  max-width: unset;
  text-align: right;
}

#client_bill_body .info_numbers_content input {
  font-size: 0.8em;
}

#client_bill_body .info_nubers_group {
  width: 33%;
  font-size: 0.8em;
}

#client_bill_body .detail_item_name {
  width: 60%;
  padding: 0.5em;
  font-weight: bold;
  font-size: 24px;
}

#client_bill_body .detail_item_price {
  width: 10%;
  text-align: right;
  padding: 0.5em;
}

#client_bill_body .detail_item_count {
  width: 10%;
  text-align: center;
  padding: 0.5em;
}

#client_bill_body .detail_item_subtotal {
  width: 10%;
  text-align: right;
  padding: 0.5em;
}

#client_bill_body .detail_headline {
  font-weight: 700;
  border-top: 0.2em solid #fddd9b;
  border-bottom: 0.2em solid #fddd9b;
}

#client_bill_body .detail_headline div {
  text-align: center;
}

#client_bill_body .detail_headline .detail_item_name {
  text-align: left;
  font-size: 16px;
}

#client_bill_body .detail_headline {
  display: -webkit-box;
  font-weight: 700;
  align-items: center;
  white-space: nowrap;
  padding: 0.5em;
}

#client_bill_body .detail {
  height: 80px;
  padding: 0 0.5em;
  display: -webkit-box;
  align-items: center;
  border-top: solid 1px lightgray;
  border-bottom: solid 1px lightgray;
}

#client_bill_body .details {
  height: 560px;
  border-top: 0.2em solid #333;
}

#client_bill_body .detail:first-child {
  border-top: 0px solid white;
}

#client_bill_body .detail:last-child {
  border-bottom: 0px solid white;
}

#client_bill_body .total_price_group {
  font-weight: 700;
  width: 100%;
  font-size: 1.2em;
  padding: 1.5em 0.5em;
  display: -webkit-box;
}

#client_bill_body .total_tax {
  width: 60%;
}

#client_bill_body .total_price {
  width: 38%;
  text-align: right;
}

#client_bill_body .total_detail_group {
  display: -webkit-box;
}

#client_bill_body .total_detail input {
  max-width: 100% !important;
}

#client_bill_body .total_detail {
  width: 60%;
}

#client_bill_body .total_detail td {
  padding: 0.2em;
}

#client_bill_body .stamp {
  width: 40%;
  text-align: right;
}

#client_bill_body .stamp_img {
  max-height: 9em;
}

#client_bill_body .total_group {
  border-top: 0.2em solid #333;
  padding: 0.5em;
}

#client_bill_body .total_alert {
  font-size: 0.7em;
}

#client_bill_body footer div {
  margin: 0.5em 0;
}

#client_bill_body .account_list {
  font-size: 15px;
  margin-top: 16px;
  margin-left: 20px;
  padding-left: 14px;
  border-left: 2px solid gainsboro;
}

#client_bill_body .account_list .account_list_row {
  margin-top: 8px;
}

#client_bill_body .details .bill_title {
  font-size: 1.8em;
  margin-top: 40px;
}

#client_bill_body .details .detail_item {
  margin-top: 30px;
}

#client_bill_body .details .detail_item .bill_detail_title {
  font-size: 1.3em;
  font-weight: bold;
}

#client_bill_body .details .detail_item .bill_detail_content {
  font-size: 1.1em;
  margin-top: 10px;
  line-height: 1.5;
}

.sold_modal_checkbox{
  display: flex;
  justify-content: center;
  gap: 0.5rem;
  font-size: 0.9rem;
  align-items: center;
  color: #06cb1c;
}

#read_num_sync{
  border-color:#06cb1c;
}

.success-msg {
    display: none;
    position: fixed;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: var(--icon-color-popup_info);
    color: #fff;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    z-index: 99999999999;
}

.error-msg {
    display: none;
    position: fixed;
    width: 300px;
    height: 40px;
    line-height: 40px;
    background-color: var(--icon-color-popup_info_error);
    color: #fff;
    top: 100px;
    left: 0;
    right: 0;
    margin: auto;
    text-align: center;
    border-radius: 5px;
    z-index: 99999999999;
}

.card_info_detail_item:hover{
  background-color: #29aba4 !important;
  color:#fff;
}

.search_windows{
  display: flex;
  gap: 1rem;
  padding-top: 0.5rem;
}

.search_windows .search_windows_input{
      width: -webkit-fill-available;
}

.template_icon{
  position: absolute;
  right: 1px;
  bottom: 5px;
  color:darkgray;
}

.template_icon:hover{
  cursor: pointer;
  color: var(--icon-color-popup_info);
}

.template_icon:hover{
  color:skyblue;
}

.template_add_box_section,
.template_box_section{
  position: absolute;
  width: 300px;
  max-height: 300px;
  background-color: #fff;
  right: 0;
  padding: 0.5rem;
  display: grid;
  gap: 0.5rem;
  border-radius: 6px;
  z-index: 10;
}


.report_download .template_add_box_section,
.report_download .template_box_section{
  right:unset;
}


.template_content_example{
  width: 100%;
  background: white;
  overflow: auto;
  min-height: 7rem;
  padding: 0.5rem;
}

.template_add_box_section  input,
.template_add_box_section  select,
.template_add_box_section  textarea,
.template_box_section  input,
.template_box_section  select,
.template_box_section  textarea,
.template_content_example{
  border: 1px solid var(--border-color);
  border-radius: 6px !important;
  padding: 0.5rem;
}

.log_task_inner_nextaction{
  height: 11.5rem;
  gap:0.5rem;
  justify-content: space-between;
}

.log_task_inner_nextaction_setting{
  width: 30%;
  height: 100%;
  justify-content: center;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap:inherit;
}


.post_log_inner .log_task_inner .log_task_title {
    font-size: 13px;
    margin: 4px 0 3px;
}

.post_log_inner input,
.post_log_inner textarea{
  border-radius: 6px !important;
}

.post_log_inner .log_task_inner input[name=task_content] {
    width: 60%;
    margin-left: 0;
    height: 3rem;
}

.log_task_inner_nextaction_setting input,
.post_log_inner .log_task_inner select {
    margin:0;
    width: 100% !important;
    border-radius: 6px;
    border: gainsboro 1px solid !important;
}

.log_task_inner_nextaction_setting input[type="checkbox"] {
  width: auto !important;
  margin: revert;
}

.log_task_inner_nextaction_setting input[type="date"] {
  margin-left: 0;
}

.template_select{
  width: 100% !important;
}

.template_modal,
.template_delete{
  color:gray;
  font-size: 0.8rem;
}

.template_modal:hover,
.template_delete:hover{
  cursor: pointer;
  color: skyblue;
}


.template_div{
  width: -webkit-fill-available;
  height: -webkit-fill-available;
}

.template_div textarea{
  height: 100%;
}

.template_box_title_set_div{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.template_box_title_set{
  display: flex;
  gap:0.3rem;
}

.job_search_subtitle_input_keyword{
  /* width: 60%; */
}

.template_icon{
  /* display: none; */
}

.template_pop_up_div{
  display: flex;
  align-items: center;
  justify-content: space-between;
}

.close_icon{
  color:gray;
}

.close_icon:hover{
  cursor: pointer;
  color: skyblue;
}

.section_h2{
  display: flex;
  align-items: center;
  justify-content: space-between;
}


.section_h2_detail{
  padding: 0.5rem !important;
  max-width: 30rem;
  display: grid;
  justify-content: center;
  align-items: center;
  font-size: 0.8rem;
  border-radius: 6px;
  color: white;
  background: skyblue;
}

.filter_btn {
		width: 200px;
		min-width: 140px;
		padding: 10px;
}

.filter_btn.no_filter {
		background: #fff;
		color: var(--main-color);
		border: 1px solid var(--border-color);
}

.filter_btn i {
		margin-right: 6px;
}


.template_add_title{
  min-height: 3rem;
}

.template_add_text{
  min-height: 10rem;
}

.search_detail_option{
  display: none;
}

.search_detail_option_open{
  display: contents !important;
}

.search_detail_option_open_hr{
  display: block !important;
}

.search_option_hr{
  width: 100%;
  display: none;
}

.manage_list_table{
  margin-top:0.5rem;
}

.column_place_holder_setting{
  border-radius: 6px;
}

.new_jobseeker_form .form_input{
  height: 5rem;
  margin-top: 1rem !important;
  position: relative;
}

.new_jobseeker_form textarea,
.new_jobseeker_form select,
.new_jobseeker_form input{
  /* height: 100% !important; */
}


.job_flow_btn_inner {
  margin-top: 20px;
  text-align: center;
  position: sticky;
  bottom: 0;
  width: 100%;
}

.job_flow_btn_inner button{
  width: 100%;
}

.jd_read_num{
  border: none;
  font-size: inherit;
  color: inherit;
  padding: 0;
  margin: 0;
  width: 4rem;
  text-align: center;
  margin-left: 3px;
}

.jd_read_num_change_btn{
  padding: 0.9px 7px;
  font-size: 0.7rem;
  margin-left: 4px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.jd_modal_h2{
  display: flex;
  justify-content: space-between;
  align-items: baseline;
}

.jd_read_num_span{
  font-size: 0.7rem;
      color: gray;
      display: flex;
      align-items: center;
}

.master_item .name{
  text-align: left !important;
}

.select_column_checkbox {
  display: flex;
  align-items: center;
  gap: 4px;
}


.task_textarea{
  height: 100% !important;
}

.validation-error {
  color: rgb(255, 69, 58);
}

.report_body_option_select_toggle_hover{
  height: 12rem;
}

.option_select_multiple_div{
  margin-bottom:0.3rem;
}
.job_card_container_info{
  display: flex;
  grid-gap: 0.5rem;
  align-items: center;
}

.jd_info_text{
  font-size: 0.8rem;
  border-right: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  padding: 3px 7px;
  text-align: center;
  overflow: hidden;
  background: #a6c7e340;
}

.copy_tag{
  font-size: 0.8rem;
  border-right: 1px solid gainsboro;
  border-bottom: 1px solid gainsboro;
  margin: 0 0.5rem;
  padding: 3px 7px;
  text-align: center;
  overflow: hidden;
  background: #a6c7e340;
  border-radius: 6px;
}

.copy_tag:hover{
  background-color: #29aba4 !important;
  color:#fff;
  cursor: pointer;
}

.float_multiple_div{
  height: 5rem;
  border: gainsboro 1px solid !important;
  overflow: auto;
}

.float_multiple_select_div{
  height: 100%;
  border: gainsboro 1px solid !important;
  overflow: auto !important;
}

.float_multiple_select_div input,
.float_multiple_div input{
  width: 1rem !important;
}

.float_multiple_div .disabled{
  display: flex;
  width: 100%;
  height: 100%;
  align-items: center;
  color: #b5b5b5 !important;
  background: white;
  padding: 3px;
}

.new_job_seeker_register_third .select_column_checkbox input{
  width: 1em !important;
  height: 1em !important;
}
.select_column_checkbox label{
  text-align: left;
}

.new_job_seeker_register_third .select_column_checkbox label{
  margin:0;
}

.new_job_seeker_register_third .disabled{
  width: 100%;
  display: flex;
  height: 100%;
  align-items: center;
  font-size: 0.8rem;
  justify-content: center;
}

.recommend_count{
  color: var(--main-color);
  font-size: 0.8rem;
  margin-bottom: -0.5rem;
  text-align: right;
}
.file_create_modal {
    position: fixed;
    width: 100vw;
    height: 100vh;
    display: grid;
    place-items: center;
    display: none;
}

.file_create_modal .file_create_modal_inner {
    width: 300px;
    height: 240px;
    background: #5ccf5ccc;
    text-align: center;
}

.file_create_modal .file_create_modal_inner .img {
    height: 168px;
    padding-top: 38px;
    padding-bottom: 38px;
}

.file_create_modal .file_create_modal_inner .img i {
    font-size: 90px;
}

.file_create_modal .file_create_modal_inner .text {
    height: 50px;
    color: #fff;
    font-size: 16px;
}

.notification_content {
    position: absolute;
    width: 300px;
    height: 400px;
    background: #fff;
    left: -135px;
    top: 40px;
    box-shadow: 20px 0px 40px rgba(0, 0, 0, 0.15);
    display: none;
    overflow: hidden;
}

.notification_content .head {
    padding: 12px;
    font-size: 16px;
    background: gainsboro;
    border-bottom: 1px solid gainsboro;
    display: flex;
    justify-content: space-around;
}

.notification_content .head * {
    display: inline-block;
}

.notification_content .all_checked {
    color: #333;
    font-size: 13px;
}

.notification_content .close {
    font-size: 14px;
    text-decoration: none;
}

.notification_content .notification_inner {
    height: 348px;
    overflow-x: scroll;
}

.notification_content .notification_footer {
    width: 100%;
    position: absolute;
    left: 0;
    bottom: 0;
    padding: 15px 5px;
    text-align: center;
    background: #fff;
}

.notification_content .notification_inner .row {
    padding: 12px;
    border-bottom: 1px solid gainsboro;
}

.notification_content .notification_inner .row .text {
    font-size: 14px;
}

.notification_content .notification_inner .row .checked {
    font-size: 12px;
    display: inline-block;
    text-align: right;
    width: 100%;
    margin-top: 10px;
}

.notification_content .notification_inner .row .date {
    display: inline-block;
    width: 70%;
    margin-top: 10px;
    color: #666;
    font-size: 13px;
}

.notification_icon {
    position: relative;
}

.notification_icon .noti_count {
    border-radius: 50%;
    background: red;
    color: #fff;
    position: absolute;
    top: -13px;
    right: -6px;
    width: 16px;
    height: 16px;
    font-size: 10px;
    padding-top: 2.3px;
    text-align: center;
}

.notification_list_inner .payment_history_list .row {
    justify-content: space-between;
}

.notification_list_inner .payment_history_list .row.checked {
    color: #999;
}

.notification_list_inner .payment_history_list .row.checked a {
    color: #55637250;
}

.notification_list_inner .btn_inner {
    text-align: right;
    margin-bottom: 10px;
    font-size: 14px;
}

.background_fixed {
    transition: all .3s ease-in-out;
    -webkit-overflow-scrolling: touch;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    z-index: 99999;
    overflow: auto;
    display: none;
    position: absolute;
    background: rgba(0,0,0,0.5);
}


.side_chat_input_line_switch{
  display: flex;
  align-items: center;
  justify-content: right;
  gap:0.5rem;
}

.side_chat_input_line_switch div{
      width: -webkit-fill-available;
      font-size:0.8rem;
}

.side_chat_input_line_switch .toggle-button-001{
  width: 42px;
  height: 15px;
}

.side_chat_input_line_switch .toggle-button-001::after{
  width: 15px;
  height: 15px;
}

.side_chat_input_line_switch i{
  margin-left:0.6rem;
  color:red;
}
.side_chat_input_line_switch i:hover{
  cursor: pointer;
  filter: brightness(1.5);
}
.side_chat_input_line_switch span{
  display: none;
}

.chat_line_icon{
  width: 15px;
}

.no_padding{
  padding: 0 !important;
}

.line_job_seeker_relation_table{
  border-radius: 6px;
  border: 1px solid gainsboro;
  font-size: 0.8rem;
  max-height: 60vh;
  overflow: auto;
}

.line_job_seeker_relation_row div{
  border: 1px solid gainsboro;
  padding: 0.5rem;
  height: 100%;
  display: flex;
  align-items: center;
}

.line_job_seeker_relation_row select{
  border-radius: 0 !important;
  border:0 !important;
  height: 100% !important;
}

.line_job_seeker_relation_row{
  display: flex;
  align-items: center;
  height: 2.5rem;
}

.line_job_seeker_relation_row.title_row{
  background: skyblue !important;
  color: white;
  position: sticky;
  top: 0;
}

.title_center{
  text-align: center;
}

.form_input.line_job_seeker_relation_btn_form{
      text-align: center;
}

.line_job_seeker_relation_submit{
      padding: 0.5rem;
}

.line_job_seeker_relation_column_name{
  width: 50%;
}

.line_job_seeker_relation_column_date{
  width: 25%;
}

.line_job_seeker_relation_column{
  width: 25%;
}

.line_job_seeker_relation_alert{
  font-size: 0.8rem;
  color:gray;
}

.shift_schedule_memo{
  height: 89%;
  margin: 0.5rem 0;
}

.shift_schedule_memo div,
.shift_schedule_memo textarea{
  height: 100% !important;
}

.shift_timetable{
  max-height: 63vh;
  overflow: auto;
}

.shift_timetable_container{
  height: 81vh;
  overflow: auto;
}

.shift_timetable_container_row{
  display: flex;
  /* padding: 0.4rem; */
  font-size: 0.8rem;
  border: 1px solid gainsboro;
}

.shift_timetable_container_title_row{
  display: flex;
  position: sticky;
  top: 0;
  margin: 0;
  line-height: 1.5;
  font-size: 1rem;
  background-color: var(--table_title_cell);
  border: 1px solid gainsboro;
}

.shift_timetable_column{
  width: calc(100% / 5);
  display: flex;
  justify-content: center;
  align-items: center;
  border-right:1px solid gainsboro;
  padding:0.4rem;
}

.shift_timetable_column:last-child{
  border-right:0 ;
}

.shift_timetable_column select{
  min-width: unset;
  width: 80% !important;
}

.shift_add_btn{
  display: flex;
  align-items: center;
  justify-content: center;
      background: var(--link-color-light);
          margin: 0 1px;
              border-bottom: 2px solid #fff;
}

.shift_add_btn i{
  font-size:1rem;
}

.shift_add_btn i:hover{
  cursor: pointer;
  color:skyblue;
}

.shcedule_check_form_menu_box{
  width: 25%;
  position: relative;
  height: 3rem;
  display: flex;
  align-items: center;
  justify-content: center;
}

.shcedule_check_form_menu_box input,
.shcedule_check_form_menu_box select,
.shcedule_check_form_menu_box textarea{
  height: 100%;
  width: 100%;
  min-width: unset;
  min-height: unset;
  margin: 0;
  border-radius: 0 !important;
  border:0 !important;
}

.shcedule_check_form_menu_box{
  border-left:1px solid gainsboro;
  border-top:1px solid gainsboro;
}

.schedule_row{
  display: flex;
  height: 3rem;
  align-items: center;
}

.shcedule_check_form_menu_delete{
  height: 100%;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 30px;
  border-top: 1px solid gainsboro;
  border-right: 1px solid gainsboro;
  border-left: 1px solid gainsboro;
}

.shcedule_check_form_menu_delete i{
  cursor: pointer;
  color: gray;
}
.shcedule_check_form_menu_delete i:hover{
  color: skyblue;
}

.shcedule_check_form_menu_box span{
  position: absolute;
  bottom: 0;
  right: 0;
  font-size: 0.8rem;
  color:gray;
}

.form_menu_box_for_checkbox{
  font-size:0.8rem;
}

.form_menu_box_for_checkbox input{
  width: 30px;
}

.shift_show_option{
  display: flex;
  justify-content: right;
  gap:0.5rem;
  align-items: center;
  font-size:0.8rem;
}

#shift_show_type{
  cursor: pointer;
}

#shift_show_type:hover{
  color:skyblue;
}

.branch_shift{
  width: 100%;
  font-size:0.7rem;
  border-top:1px solid gainsboro;
  border-left:1px solid gainsboro;
  border-bottom:1px solid gainsboro;
}

.branch_shift_type{
  border-right:1px solid gainsboro;
  padding: 0.2rem;
}

.branch_shift_type,
.branch_shift_column{
  border-bottom:1px solid gainsboro;
}

.branch_shift_column div,
.branch_shift_counts div{
  padding: 0.2rem;
  width: 50%;
  border-right:1px solid gainsboro;
}

.shift_show_type {
  cursor: pointer;
  padding: 0.2rem;
  background: skyblue;
  border-radius: 6px;
  color: white;
}

.shift_show_type:hover {
  filter: brightness(1.1);
}

.changed_option{
  background: lightyellow;
}

input[type="checkbox"].form_check_change{
  max-width: 20px;
}
input[type="number"].form_check_change{
  text-align: center;
}

.form_menu_row{
  width: 100%;
}

.form_menu_row:last-child{
  border-bottom:1px solid gainsboro;
}

.form_headline_text_anchor{
  margin-bottom:0.2rem;
  justify-content: right;
  display: flex;
}
.form_headline_text_anchor a{
  padding: 0.4rem;
  background: skyblue;
  color:white;
  border-radius: 6px;
  text-decoration: none;
}

.form_headline_text_anchor a:hover{
  filter: brightness(1.1);
}

.company_bills_column{
  width: 12%;
  overflow: auto;
  padding:0.5rem;
  border-top:1px solid gainsboro;
  border-left:1px solid gainsboro;
}

.company_bills_column input{
  margin:0;
}
.company_bills_column input:read-only{
  border:0;
}

.company_bills_column:last-child{
  border-right:1px solid gainsboro;
}
.company_bills_column.date{
  width: 14%;
  text-align: center;
}
.company_bills_column.workjsk{
  width: 30%;
}

.company_bills_row{
  display: flex;
}

.job_seeker_name_column{
    white-space: nowrap;
}

.company_bills_branch_name_row{
  display: flex;
  padding: 0.5rem;
  background: skyblue;
  color:white;
  position: sticky;
  top:3.9rem;
}

.company_bills_contents{
  font-size:0.9rem;
}

.company_shift_option{
  position: sticky;
  z-index: 2;
  top:2.8rem;
  text-align: right;
  font-size: 0.8rem;
  background: white;
}

.bill_export {
  z-index: 2;
  position:sticky;
  top:0;
}

.company_bills_title_row{
  position: sticky;
  top: 5.9rem;
  background: gainsboro;
  display: flex;
}

.company_bills_row{
}

.company_shift_check_container{
  padding: 0.5rem;
  display: grid;
  gap: 0.5rem;
}

.company_bills_group{
  border-bottom:1px solid gainsboro;
}

.file_already_download{
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  color: white;
  background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
  border: none;
  font-size:0.6rem;
  min-width:unset;
  width:100%;
  padding: 0;
  height:2rem !important;
  /* display: block; */
  text-decoration: none;
  display: flex;
  justify-content: center;
  align-items: center;
}

.file_already_download:hover{
  filter: brightness(1.1) !important;
}

.bill_menu_btn{
  min-width:unset;
  width:100%;
  padding: 0 1rem;
  height:2rem !important;
}

.delete_btn,.file_download{
  cursor: pointer;
  color:var(--icon-color-green);
}
.delete_btn:hover,
.file_download:hover{
  filter: brightness(1.1);
}

.cell_layout{
  display: block !important;
  border: 0 !important;
  height: auto;
  text-align: center;
}

.mypage_activation_group_branchs{
  max-height: 350px;
  overflow: auto;
}

.mypage_activation_group_branchs .mypage_activation_group{
  margin-bottom: 1rem;
  border: 1px solid gainsboro;
  padding: 1rem;
  border-radius: 6px;
}

.file_info_detail{
  align-items: center;
  margin-right: 0.5rem;
  gap:0.2rem;
  display: flex;
}

.left_first_sticky{
  color:black !important;
}

.flex_btn_inner {
    display: flex;
    justify-content: space-between;
}

.flex_btn_inner.two * {
    width: calc(98%/2);
}

.flex_btn_inner.three * {
    width: calc(98%/3);
}

.flex_btn_inner.four * {
    width: calc(98%/4);
}

button.gray {
    background: linear-gradient(96.77deg, #878987 -0.96%, #535f5f 100%);
}


.shift_job .column_item,
.shift_column_item{
  width: 500px !important;
}

.shift_job_item,
.shift_job_item .edit_selection_btn .edit_selection_btn{
  width: 500px !important;
}

.shift_memo{
  max-height: 7rem;
  height: 100%;
  width: 100%;
  overflow: auto;
}

.shift_column_date{
  text-align: center;
  width: 6rem;
  padding: 0px 0.1rem;
}

.shift_column_select{
  text-align: center;
  /* width: 6rem; */
}

.right_border_b{
  border-right: 3.5px solid gainsboro;
}

.converted_text_pdf_btn:hover{
  color:skyblue !important;
  cursor: pointer;
}


.schedule_matching_row{
  display: inline-flex;
}

.schedule_matching_table{
  height: 91%;
  width: 100%;
  overflow: auto;
}

.schedule_matching_table div{
  /* border: 1px solid gainsboro; */
}

.schedule_matching_column{
  width: 130px;
      padding: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: center;
}
.schedule_matching_column.column_name{
  width: 12rem;
  position: sticky;
  left: 0;
  background: white;
  justify-content: left;
  /* display: grid; */
  display: block !important;
  gap: 0.3rem;
  border-left: 1px solid gainsboro;
}
.schedule_matching_column.column_name div{
  border:0;
}



.schedule_job_seeker_group{
  /* width: 100%; */
  height: 100%;
  /* display: block; */
  list-style: circle;
  padding: 0;
}

.schedule_job_seeker{
  /* display: block; */
  font-size: 0.9rem;
  list-style: square;
}

.fee{
  border:0 !important;
}

.shift_column_seprate{
  display: flex;
  padding: 0;
}

.shift_column_seprate_div{
  height: 100%;
}

.shift_column_left_div {
  width: 35%;
  flex-wrap: wrap;
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: break-all;
  border-right:1px solid gainsboro;
  text-align: center;
}

.shift_column_right_div{
  width: 70%;
}

.shift_control_form{
  display: flex;
  width: 100%;
  /* justify-content: right; */
  gap: 0.5rem;
}

.title_row{
  background: var(--table_title_cell) !important;
}

.schedule_matching_row{
  border-top:1px solid gainsboro;
}

.schedule_matching_row:last-child{
  border-bottom:1px solid gainsboro;
}

.schedule_matching_column {
  border-right:1px solid gainsboro;
}


.schedule_company_name{
  font-size:0.8rem;
  color:gray;
  text-decoration: none;
}

.schedule_company_name:hover{
  color:skyblue;
}

.schedule_job_name{
  text-decoration: unset;
  font-weight: bold;
}

.schedule_job_name:hover{
  color:skyblue;
}

.schedule_sub_info{
  font-size:0.8rem;
  margin-top:0.5rem;
}

.shift_skills:nth-child(2){
  margin-top:0.1rem;
}

.shift_control_date_input{
  margin:0;
  padding:0;
  width:150px;
}

.shift_control_btn{
  width: 80px;
  margin:0;
  padding:0;
}

.shift_skills{
  display: flex;
  font-size:0.8rem;
  border:1px solid gainsboro !important;
}


.shift_skills_column{
  display: flex;
  flex-wrap: wrap;
}
.has_skill{
  background: skyblue;
  color:white;
}

.shift_skills_title {
  display: flex;
  align-items: center;
  justify-content: center;
  background: darkgray;
  color: white;
  border-right: 1px solid gainsboro !important;
}

.shift_skills_column_inside{
  border: 1px solid gainsboro !important;
  padding: 0.1rem;
  width: 33.333%;
  text-align: center;
}

.date_box{
  display:flex;
  justify-content: center;
  /* gap:0.2rem; */
  align-items: center;
  font-weight: normal;
}

.date_box input{
  text-align: center;
  padding: 0;
}

.date_box .shift_control_date_input{
  padding: 0;
  width: unset;
}

.shift_layout_with{
  width: 100%;
  margin-bottom: 1rem;
}

.has_function_h2{
  display: flex;
  justify-content: space-between;
}

.separate_sold{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap:0.5rem;
  font-size:0.8rem;
}

.separate_sold .toggle-button-001{
  height: 15px;
  width: 45px;
}
.separate_sold .toggle-button-001::after{
  width: 15px;
  height: 15px;
}

.hide_asset{
  display:none;
}

.head_hunt_column{
  background-color: yellow;
}


.head_hunt_column_td{
  border: none !important;
  padding:0 !important;
}

.head_hunt_column_td input,
.head_hunt_column_td textarea,
.head_hunt_column_td select {
    padding: 0.5rem 0.5rem 0 !important;
    width: 100%;
    height: 100%;
    min-width: unset !important;
    min-height: unset !important;
    border-radius: unset !important;
    margin: 0 !important;
    border: none !important;
    background: inherit;
    font-size: 0.8rem;
}

.head_hunt_search_target_info{
  margin-bottom: 0.8rem;
  margin-top: -0.8rem;
  font-weight: bold;
}

.head_hunt_search_target_info a{
  color: skyblue !important;
  text-decoration: unset !important;
}

.head_hunt_search_target_info a:hover{
  color:blue !important;
}

.button{
  padding: 16px 30px;
text-align: center;
font-size: 14px;
border-radius: 6px;
color: white;
/* box-shadow: 0 12px 24px rgb(62 239 127 / 20%); */
background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
border: none;
}

.button:hover{
  filter: brightness(1.1);
}

.position_relative{
  position:relative;
}

.textarea_resize_parent_focus{
  position:relative;
}
.textarea_resize_parent_focus_textarea{
  height: 300px !important;
  position: absolute;
  top:1rem;
  left:0;
  width: 100%;
}

.form_block{
  display: block !important;
  padding: 5px;
  overflow: auto;
  height: 72%;
  width: 100%;
  border-radius: 6px;
  border:1px solid gainsboro;
}

.multiple_span{
  z-index: 3;
  display: flex;
  flex-wrap: wrap;
  gap:0.2rem;
}

.multiple_span input{
  width: 0.8rem !important;
  height: unset !important;
}

.multiple_span label{
  margin:0 !important;
}

.form_block .select_column_checkbox{
  height: inherit;
  width: auto !important;
}

.search_head_hunt_item:hover{
  filter: brightness(1.1);
  color: #0ec594;
  cursor: pointer;
  border-bottom: 2px solid #0ec594;
}

.job_seeker_search_input{
  margin: 0;
  position: relative;
  display: flex;
  gap: 0.5rem;
}

.job_seeker_search_input input{
  width: 30%;
}

.regist_job_seeker{
  width: 70%;
  display: flex;
  align-items: center;
  color: #0ec594;
  gap: 0.1rem;
}

.regist_job_seeker a{
  color:inherit !important;
  text-decoration: none;
}

.target_clear{
  margin-top:0.2rem;
  color:gainsboro !important;
}

.target_clear:hover{
  color:gray !important;
  cursor: pointer;
}

.head_hunt_job_seeker_column_index_body{
  /* width: 600px; */
}

.head_hunt_job_seeker_column_edit_form{
  display: flex;
  gap:1rem;
}

.head_hunt_setting_section{
  width: calc((100% - 200px) / 2);
  border: 1px solid gainsboro;
  border-radius: 6px;
  padding: 0.5rem;
}

.head_hunt_setting_section_middle{
  width: 200px;
  border: 1px solid gainsboro;
  border-radius: 6px;
  padding: 0.5rem;
}

.head_hunt_setting_section_middle .master_item{
  width: 100%;
  text-align: center;
}

.head_hunt_column_name{
  height: 3rem;
  width: 100% !important;
  align-items: center;
  display: flex;
  justify-content: center;
}

.head_hunt_job_seeker_list {
  top:2rem;
}

.hidden_form{
  display: none !important;
}

.flash_message,
.flash_message_add {
		position: fixed;
		top: -300px;
		left: 0;
		right: 0;
		margin: auto;
		z-index: 1000000;
		text-align: center;
		width: 800px;
		padding: 18px 0;
		background: #000000b0;
		color: #fff;
		font-weight: 700;
		letter-spacing: 1px;
		font-size: 24px;
		border-radius: 8px;
}

.csv_error_message{
    position: fixed;
    left: 0;
    right: 0;
    line-height: 1.2;
    margin: auto;
    z-index: 1000000;
    width: 90vw;
    padding: 1rem;
    background: #000000b0;
    color: #fff;
    letter-spacing: 1px;
    font-size: 24px;
    border-radius: 8px;
    word-break: break-all;
    height: 70vh;
    overflow: auto;
}

.search_job_seeker_small_title{
  position: sticky;
    top: 0;
    padding: 0.3rem 0.6rem;
    background: skyblue;
    color: white;
    font-size: 0.8rem;
}

.job_seeker_search_result_status{
  display: flex;
  width: 100%;
  gap: 0.5rem;
}

.job_seeker_search_result_status_info{
  display: flex;
  gap:0.2rem;
}
.job_seeker_search_result_status i{
  font-size: 0.7rem;
  margin:0;
  width: unset;
}

.register_form_body input:invalid + .error {
    position: relative;
    top: 0;
    padding: 4px 0 0 4px;
}

.register_form_body input:invalid:required + .error {
    display: none !important;
}

.head_hunt_job_column{
  width: 100% !important;
  overflow: hidden;
  padding: 0.5rem;
  height: 100%;
  display: block;
  white-space: normal;
  text-align: left !important;
  line-height: 1.2;
}

.head_hunt_summary_inner .column_item{
  padding: 0.5rem;
  display: flex;
  align-items: center;
  white-space: normal;
}

.head_hunt_summary_content{
  width: 100%;
  max-height: 30rem;
  overflow: auto;
}

.head_hunt_summary_column{
	display: inline-flex !important;
}

.head_hunt_summary_inner{
	display: flex;
  width: 100%;
	flex-wrap: wrap;
	border-bottom: 1px solid gainsboro;
  overflow: unset !important;
  padding: 0 !important;
  margin-bottom: 0.4rem;

}



.head_hunt_info_layout_left{
  width: 30%;
  display: flex;
  flex-wrap: wrap;
}

.head_hunt_job_title{
  font-size:1rem !important;
  text-decoration: none;
}

.head_hunt_job_title:hover{
  color:skyblue;
}

.head_hunt_info_layout_left .summary_job{
  height: calc(100% - 20px);
  display: block !important;
}

.head_hunt_info_layout_left .head_hunt_summary_column,
.head_hunt_info_layout_left .summary_job{
  width: 100%;
}


.head_hunt_summary_column .column_item.head_hunt_job_column{
  text-align: center !important;
}

.head_hunt_summary_column{
  height: 20px;
}

.head_hunt_info_layout_right{
  width: 70%;
  display: flex;
  flex-wrap: wrap;
}

.head_hunt_info_layout_right_column{
  width: calc(100% / 5);
  height: 6rem;
  font-size: 0.8rem;
  border-right: 1px solid gainsboro;
}

.head_hunt_info_layout_right_column .column_item{
  height: 75%;
  width: 100%;
  justify-content: left;
  align-items: baseline;
  font-size: 0.7rem;
  overflow: auto;
}

.head_hunt_summary_column_head{
  /* display: inline-block; */
  font-size: 10px;
  height: 20px;
  background: var(--main-color);
  color: var(--link-color-light);
  padding: 4px 2px;
  /* margin: 0 1px; */
  text-align: center;
}


.delete_icon:hover {
  cursor: pointer;
  color:skyblue;
}

.form_setting_group{
  display: flex;
  gap:0.5rem;
  justify-content: space-between;
}

.form_setting_div{
  /* width:calc( (100% - 0.5rem) / 2); */
  height: 3rem;
}

.shift_form_job{
  width: 70%;
}

.shift_date_month{
  width: 20%;
}

.shift_date_month_btn{
  width: 10%;
  margin: 0;
  height: 3rem;
}

.shift_date_month_btn button{
  padding: 0;
  height: 100%;
  width: 100%;
}

.form_setting_div input{
  width: 100%;
  height: 100%;
  border-radius: 6px;
  margin: 0;
  min-width: unset;
}
.form_setting_div select{
  min-width: unset;
}

.schedule_group{
  display: flex;
  width: 100%;
}

.shcedule_check_form_menu_box:last-child{
  border-right:1px solid gainsboro;
}
.shcedule_check_form_menu_box.date_cell{
  width: 30%;
}

.form_menu_title_row div,
.date_cell{
  background: #bbbbbb0a;
}

.shift_schedule_form_layout{
  font-size:0.8rem;
}

.logout_text{
  padding: 0;
  background: unset;
}

.schedule_date_group{
  width: 25rem;
  padding: 0.1rem 0.2rem;
  border-left:1px solid gainsboro;
}

.schedule_date_group:last-child{
  border-right:1px solid gainsboro;
}

.schedule_matching_column_date{
  width: 100%;
  padding: 0.5rem;
}

.schedule_date_input_row{
  display: flex;
  gap:0.2rem;
}

.schedule_date_input_row_div{
  width: calc(60% / 3);
}

.schedule_date_input_job_seeker{
  width: 40%;
}

.schedule_date_input_job_seeker{
  position: relative;
}

.schedule_date_input_asset{
  min-width: unset;
  height: 40px !important;
  margin: 0 !important;
}

.schedule_job_seeker_set{
  max-width: 20rem;
  left: 4rem;
  position: absolute;
  top: 1rem;
  background: white;
  z-index: 3;
  overflow: auto;
  max-height: 20rem;
  min-width: 10rem;
}

.shift_job_seeker_candidate{
  display: flex;
  padding: 0.5rem;
  border-bottom: 1px solid gainsboro;
}

.shift_job_seeker_candidate:hover{
  filter: brightness(1.1);
  color: #0ec594;
  cursor: pointer;
  border-bottom: 2px solid #0ec594;
}

.schedule_date_input_row_title{
  padding: 0.5rem 0;
  display: flex;
  text-align: center;
}

.assigned_shift_inner{
  font-size: 10px;
  max-height: 20rem;
  overflow: auto;
}

.assigned_shift_job_group{
  display: flex;
  width: 100%;
  border-bottom: 1px solid var(--link-color-light);
}

.assigned_shift_job_date{
  width: 15%;
  padding: 0.5rem 0.25rem;
  text-align: center;
}

.assigned_shift_job_company{
  width: 15%;
  padding: 0.5rem 0.25rem;
  text-align: center;
  border-left:1px solid var(--link-color-light);
}

.assigned_shift_job_title{
  width: 70%;
  padding: 0.5rem 0.25rem;
  border-left:1px solid var(--link-color-light);
  border-right:1px solid var(--link-color-light);
}
.assigned_shift_job_fee{
  width: 15%;
  padding: 0.5rem 0.25rem;
  text-align: right;
  padding-right:1rem;
}
.assigned_shift_inner_title{
  background: var(--main-color);
  color: var(--link-color-light);
  text-align: center;
  font-size: 10px;
}

.assigned_shift_job_sumfee_group{
  width: 100%;
  display: flex;
  border-top:1px solid gainsboro;
  background: var(--link-color-light);
  position: sticky;
  bottom: 0;
}
.assigned_shift_job_sumfee_title{
  width: 85%;
  padding: 0.5rem 0.25rem;
  text-align: right;
}
.assigned_shift_job_sumfee{
  width: 15%;
  padding: 0.5rem 0.25rem;
  padding-right:1rem;
  text-align: right;
}

.shift_print_control_container{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60vh;
  margin: 0 auto;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.shift_print_control{
  height: 80vh;
    display: flex;
    align-items: center;
}

.shift_print_control_form{
  display: flex;
  gap:0.5rem;
}

.top_status_job_seeker_list_count:hover{
  color:skyblue;
  cursor: pointer;
  /* position:relative; */
}

.top_status_job_seeker_list{
  z-index: 2;
  position: absolute;
  width: 200px;
  background: white;
  max-height: 15rem;
  height: auto;
  overflow: auto;
  margin-left: 4.8rem;
  text-align: left;
  padding-left: 1rem;
}

.top_status_job_seeker_anker{
  text-decoration:none;
}

.top_status_job_seeker_anker:hover{
  color:skyblue;
}

.alltime_result_container{
  padding:1.2rem;
}

.top_kpi_container{
  display: flex;
  padding-bottom: 1rem;
  gap: 0.5rem;
  width: 100%;
}

.top_kpi_group{
  width: 50%;
  height: 18rem;
  overflow: auto;
  text-align: right;
}

.setting_anchor{
  text-align: right;
  padding: 3px;
}

.setting_anchor a{
  font-size: 0.6rem;
  color: gray;
  text-decoration: unset;
}

.setting_anchor a:hover{
  cursor:pointer;
  color:skyblue;
}

.user_top_header{
  margin-bottom: 0.5rem;
      display: flex;
      align-items: center;
      justify-content: space-between;
}

.user_top_step{
  max-height: 18rem;
  overflow: auto;
  margin-bottom: 1em;
}

#chart_div,
.rate_chart_div{
  width: 50%;
  height: 15rem;
  text-align: right;
}


.top_kpi_group_title{
  position: sticky;
  top: 0;
}

.job_seeker_set .search_job_seeker_item {
  padding: 8px 12px;
  border-bottom: 1px solid gainsboro;
  font-size: 14px;
}

.job_seeker_set .search_job_seeker_item:hover {
  color: skyblue;
  cursor: pointer;
}

.link_object_list .link_object_row {
  margin-top: 6px;
}

.link_object_delete {
  color: #333;
  font-size: 14px;
  display: inline-block;
  margin-right: 10px;
}

.link_object_delete:hover {
  cursor: pointer;
}

.management_delete_group{
  display: flex;
  gap:0.5rem;
  align-items: center;
  margin-bottom: 0.5rem;
}

.management_delete_btn{
  height: 2rem;
  padding: 0 1rem;
}

.management_select{
  max-width: 8rem;
  height: 2rem;
  margin: 0;
  padding: 0;
}

.column_name_div{
  width: 20rem !important;
}

.column_name_input{
  text-align: left !important;
}

.delete:hover,.delete_add_column:hover{
  color:skyblue;
  cursor: pointer;
}

.form_menu_box .form_select_column_checkbox label {
  margin-bottom: 1px;
  font-size: 14px;
  color: #4A4A4A;
}

.form_select_column_checkbox.tr_body {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(120px, 1fr));
  gap: 0.5rem;
  width: 100%;
  border: 1px solid gainsboro;
  padding: 0.5rem;
  border-radius: 6px;
}


.retirement_history_table {
  margin-top: 10px;
  border: 1px solid gainsboro;
  padding: 1%;
}

.retirement_history_table td {
  padding: 5px 0 0;
}

.retirement_history_table th.large {
  width: 360px;
}

.retirement_history_title {
  display: flex;
  justify-content: space-between;
  align-items: end;
}

.retirement_history {
  font-size: 14px;
  text-decoration: underline;
}

.retirement_history:hover {
  cursor: pointer;
}

.login_id_div {
  padding: 0.5rem;
  display: flex;
  align-items: center;
}

.login_info_div {
  margin-bottom: 1.5rem;
}

.login_pass_div {
  padding: 0.5rem;
  display: flex;
  align-items: center;
  position: relative;
}

.login_pass_div_herp {
  padding: 0.3rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
}

.login_id_div_span {
  width: 50%;
  padding-left: 1rem;
}

.login_info_herp_group {
  display: flex;
  margin: 15px 0;
  padding: 10px;
  border: 1px solid #ddd;
  border-radius: 5px;
  background-color: #f9f9f9;
}

.login_id_herp_div{
  padding: 0.3rem;
}
.login_id_herp_div input{
  margin:0 !important;
}

.login_id_herp_div_span{
  color: #777;
  font-size: 13px;
  margin-bottom:0.3rem;
}

.login_info_herp_group_left {
  width: 20%;
  padding: 0.3rem;
}

.login_id_herp_div_span_sep{
  width: 49%;
}

.login_id_herp_div_span_sep input{
  width: 100% !important;
  min-width: 0 !important;
  margin: 0 !important;
}

.login_info_herp_group_right {
  width: 80%;
}

.login_info_herp_group_left_name {
  width: 100%;
  height: 100%;
}

.plus_icon_login{
  margin-bottom:20px;
}

.job_preview_content .register_form_body {
  max-width: none;
}

.job_preview_content .job_create_container_box {
  margin-top: 0;
  max-height: none;
}

.job_preview_content .floating_table {
  overflow: auto;
  max-height: none;
}

.job_preview_content .floating_table .item .head {
  font-size: 13px;
  padding-top: 5px;
}

.job_preview_content .preview_btn {
  width: 200px;
}

.job_preview_content .jd_set_search {
  margin-top: 10px;
}

.is_company_auto_add_div {
    display: flex;
    justify-content: space-evenly;
    align-items: center;
    margin: 15px 0;
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #f9f9f9;
}

.is_company_auto_add_div label {
    display: flex;
    align-items: center;
    gap: 5px;
    font-size: 14px;
    color: #333;
    cursor: pointer;
}

.is_company_auto_add_div input[type="radio"] {
    accent-color: #007bff;
    margin: 0;
}

.is_company_auto_add_div_btn{
    display: flex;
    gap:0.5rem;
    align-items: center;
}

.scrape_setting_column{
  width: 22% !important;
}

.scrape_except_kw{
  width: 100%;
  height: 100%;
}

.csv_import_inner label {
  padding: 0 0 10px;
  font-size: 14px;
  color: #555;
  display: block;
}

.csv_import_inner label .label_name {
  font-weight: bold;
  margin-bottom: 2px;
}

#copyTarget{
  border-radius: 6px;
  margin-top:6px;
}


.form_label{
  display: block;
  font-size: 14px;
  margin-left: 4px;
  margin: 0.5rem 4px 4px;
}

.form_title_input{
  border-radius: 6px;
}

.tag_btns{
  display: flex;
  gap:0.5rem;
}
.tag_btns #except_jd_delete{
  filter: grayscale(1);
}


.js-smaill-loader {
  align-items: center;
  background: #fff;
  display: flex;
  justify-content: center;
  z-index: 99999999;
}
.js-smaill-loader::after {
  animation: js-smaill-loader 2.5s linear infinite;
  border: 0.5rem solid #fff;
  border-radius: 50%;
  border-right: 0.5rem solid #4f95ef;
  border-bottom: 0.5rem solid #fb6e4b;
  border-top: 0.5rem solid #57dab2;
  border-left: 0.5rem solid #fbc47b;
  content: "";
  height: 25px;
  width: 25px;
  z-index: 99999999;
}

@keyframes js-smaill-loader {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}

.js-smaill-loader_container{
  width: 240px;
  padding: 0.5rem 0.5rem 0.5rem 0.9rem;
  background: white;
  border-radius: 6px;
  right: 75px;
  position: fixed;
  bottom: 52px;
  display: flex;
  gap: 1.1rem;
  font-size: 0.9rem;
  align-items: center;
  display: none;
  z-index: 99999999;
}

.info_table_group_container{
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
}

.client_detail_table{
  display: flex;
}

.client_detail_table .info_table_group{
  width: 49%;
}

.edit_textarea{
  height: 5rem;
}

.edit_buttons{
  display: flex;
  gap: 0.3rem;
  justify-content: right;
  margin-top: 0.2rem;
}
.save_btn{
  padding: 0.1rem 0.8rem;
}
.cancel_btn{
  padding: 0.1rem 0.8rem;
}

.client_detail_table .log_content{
  /* height: 9rem !important; */
}

.client_detail_table .action_log_list{
  height: 44rem;
  max-height: unset !important;
  overflow: auto;
}

.status_dash_list .card_list{
  height: 80vh;
}
.status_dash_list .card_list_inner{
  height: 73vh;
  overflow: auto;
}

.return_to_initial{
  text-align: center;
  font-size: 14px;
  border-radius: 6px;
  color: white;
  background: linear-gradient(96.77deg, #9da3ae -0.96%, #aaaaaa 100%);
  border: none;
  margin-left: 5px;
  padding: 10px;
  width: 100px;
  height: 38px;
  display: flex;
  justify-content: center;
  align-items: center;
  word-break: keep-all;
  text-decoration: none;
}

.return_to_initial:hover{
  filter: brightness(1.1);
}

.list_count {
  margin-bottom: 10px;
  align-items: center;
}

.list_count .list_count_links {
  border: 1px solid gainsboro;
  border-radius: 5px;
  display: flex;
}

.list_count a {
  display: block;
  text-decoration: none;
  border-right: 1px solid gainsboro;
  padding: 3px 5px;
  text-align: center;
  width: 40px;
  font-size: 14px;
}

.list_count a:last-child {
  border-right: none;
}

.list_count a.current {
  background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
  color: #fff;
}

.correct_validation_text{
  color: white;
  margin: 0.5rem;
  font-size: 0.8rem;
  background: green;
  border-radius: 6px;
  padding: 0.2rem;
}
.wrong_validation_text{
  color: white;
  margin: 0.5rem;
  font-size: 0.8rem;
  background: red;
  border-radius: 6px;
  padding: 0.2rem;
}

.list_line_icon{
  max-width: 20px;
  max-height: 20px;
}

.no_data_message{
  font-size: 0.8rem;
  line-height: 1.2;
}

.user_check_list {
  border: gainsboro 1px solid;
  border-radius: 6px;
  padding: 7px;
  font-size: 12px;
  height: 124px;
  max-height: 124px;
  overflow-y: scroll;
  width: 100%;
}

.user_check_list label {
  display: block;
}

.add_task_error {
  display: none;
  color: red;
  font-size: 12px;
}

.list_birthday_age{
  position: absolute;
  bottom: 12%;
  right: 7%;
  font-size: 0.7rem;
  border-radius: 6px;
}

.job_seeker_img_at_list{
  height: 60px;
  max-width: 80%;
  object-fit: contain;
  /* border-radius: 6px; */
}

.job_seeker_img_at_status_dashboard{
  max-height: 40px;
  width: 50px;
  object-fit: cover;
  border-radius: 6px;
}

.photo_adjust_dashboard{
  padding-top: 2rem;
  overflow: hidden;
}

.adjusted_a{
  width: 80% !important;
  text-align: left;
  padding-left: 1rem;
}

.common_select_form.option_select_toggle {
  margin-top: auto;
  height: 8rem;
}

.common_select_form.option_select_toggle .step_option_step1 {
  background: transparent;
  color: #333;
}

.common_select_form.option_select_toggle .step_option_step1:hover {
  color: #333;
}

.common_select_form.option_select_toggle .option_search {
  font-size: 12px;
  padding: 1px 5px;
}

.scrape_setting_form select,
.scrape_setting_form textarea,
.scrape_setting_form input{
  min-width: unset;
  border-radius:6px;
  height: 40px;
}

.scrape_setting_form .delete-item{
  height: unset;
  padding: 0.5rem 1rem;
}

.scrape_setting_form .column_name{
  width: calc(100% / 9.4) !important;
}

.scrape_setting_form.circus .column_name{
  width: calc(100% / 4.2) !important;
}

.grayed-out { background: rgb(245, 245, 245) !important; }
.grayed-out td, .grayed-out input, .grayed-out select, .grayed-out textarea {
    color: gray !important;
    background: rgb(245, 245, 245) !important;
}


.expand_zone{
  display: flex;
  justify-content: right;
  position: relative;
}

.expand_detail_btn,
.expand_zone_btn{
  padding: 0.2rem;
  color: #04CC00;
  position: absolute;
  top:0;

}

.expand_zone_btn:hover{
  cursor:pointer;
  filter: brightness(1.1);
}

.line_job_seeker_relation_deleted_col{
  width: 7rem;
  justify-content: center;
  align-items: center;
}

.ErrorShow{
  color: white;
  display: block !important;
  position: absolute;
  background: orange;
  padding: 0.3rem;
  border-radius: 6px;
  z-index: 6666;
  bottom: 0;
}

.job_seeker_column_copy{
  color:darkgray;
}

.job_seeker_column_copy:hover{
  color:gray;
}

.job_only_inside_tag{
  background: orange;
  border-radius: 6px;
  padding: 0.05rem 0.2rem;
  color: white;
  font-size: 10px;
  font-weight: normal;
  }


/* レポートテーブル */
.table-container {
  background: #fff;
  border-radius: 8px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
  /* padding: 16px; */
  overflow-x: auto;
}

.material-table {
  width: 100%;
  border-collapse: collapse;
  font-family: "Roboto", "Noto Sans JP", sans-serif;
  font-size: 14px;
}

.material-table thead {
  background-color: #f5f5f5;
}

.material-table thead th {
  padding: 12px 8px;
  text-align: left;
  font-weight: 600;
  color: #333;
  border-bottom: 1px solid #ddd;
  word-break: break-all;
  font-size:12px;
  text-align: center;
}

.material-table tbody td {
  padding: 10px 8px;
  border-bottom: 1px solid #eee;
  /* vertical-align: top; */
  word-break: break-all;
  font-size:12px;
  text-align: center;
}

.material-table .stat {
  font-size: 12px;
  color: #666;
  margin-top: 4px;
  line-height: 1.4;
}

.stat-badge {
    display: flex;
    flex-wrap: wrap;
    border: 0;
    justify-content: center;
    gap: 0.1rem;
    padding: 1px 0px;
    margin-top: 0.2rem;
}

.pass-badge {
  background-color: #e8f5e9;
  color: #388e3c;
}

.wait-badge {
  background-color: #fff8e1;
  color: #f9a825;
}

.fail-badge {
  background-color: #ffebee;
  color: #d32f2f;
}

.rate-badge {
  background-color: #e3f2fd;
  color: #1976d2;
}

.pass-badge:hover {
  cursor: pointer;
  filter: brightness(0.9);
}

.wait-badge:hover {
  cursor: pointer;
  filter: brightness(0.9);
}

.fail-badge:hover {
  cursor: pointer;
  filter: brightness(0.9);
}

.tooltip-target:hover{
  cursor: pointer;
  color: skyblue;
}


.stat-badge span {
    display: inline-block;
    font-size: 10px;
    padding: 1px 2px;
    border-radius: 6px;
    width: 41px;
    overflow: hidden;
    white-space: nowrap;
}

.trend_number{
  font-size: 0.7rem !important;
}



.selection_view_setting_anchor span{
  width: unset;
}


.stat-badge span i {
  /* margin-right: 3px; */
  color: inherit;
}

.conversion-cell {
  text-align: center;
  padding: 6px 4px;
  font-size: 13px;
}

.conversion-percent-text {
  margin-bottom: 2px;
  color: #333;
}

.conversion-arrow {
  font-size: 13px;
  font-weight: bold;
  transition: color 0.2s;
}

/* 색상 등급별로 화살표 강조 */
.arrow-0   { color: #d0d0d0 !important; }
.arrow-10  { color: #c0d3e0 !important; }
.arrow-20  { color: #a0c4e8 !important; }
.arrow-30  { color: #80b5f0 !important; }
.arrow-40  { color: #60a5f9 !important; }
.arrow-50  { color: #4295ff !important; }
.arrow-60  { color: #2a85ff !important; }
.arrow-70  { color: #1474f5 !important; }
.arrow-80  { color: #0062eb !important; }
.arrow-90  { color: #004fd0 !important; }
.arrow-100 { color: #003ab5 !important; }

.selection_view_setting_anchor{
  /* padding-left:1em; */
}

.report_view_setting_modal_btn{
  /* font-size: 10px;
  text-decoration: none;
  padding: 2px 6px; */
}

.report_view_setting_modal_btn:hover{
  cursor: pointer;
  color: skyblue;
}

.trend_report_container {
  height: 80vh;
  margin-bottom: 2rem;
  overflow: auto;
}

.trend_report_container_thead{
  position: sticky;
  top: 0;
  z-index: 1;
}

.report_selection_options {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  gap: 16px;
  align-items: end;
}

.report_selection_options label {
  font-size: 13px;
  color: #444;
  margin-bottom: 4px;
  display: block;
}

.report_selection_options select,
.report_selection_options input {
  width: 100%;
  padding: 6px 8px;
  font-size: 13px;
  border: 1px solid #ccc;
  border-radius: 4px;
      min-width: unset !important;
}

.report_selection_options button[type="submit"] {
  grid-column: span 2;
  padding: 8px 12px;
  font-size: 14px;
  min-width: 120px;
  height: 3rem;
  color: white;
  border: none;
  border-radius: 4px;
}

.report_selection_options > div {
  min-width: 140px;
}

.gray-out {
  opacity: 0.5;
  color: #aaa !important;
}

.report_selection_options > div[style*="grid-column: span"] {
  padding-top: 12px;
  border-top: 1px solid #ccc;
  margin-top: 8px;
}

.report_selection_options.optional select.filter-applied {
  background-color: #e0f2f1;
  border: 1px solid #2196f3;
  color: #00695c;
  font-weight: bold;
}


.report_selection_options_hr {
  grid-column: span 6;
  display: flex;
  align-items: center;
  gap: 6px;
  border-bottom: 1px solid lightgray;
  padding-bottom: 0.4rem;
  padding-top: 0.4rem;
  font-size: 12px;
  padding-left:0.4rem;
  background-color: #f5f5f5;
}

.summary-row{
  background-color: #f5f5f585;
}

.filter-summary-tag-container {
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  margin: 8px 0 0 0;
}

.filter-tag {
  background-color: #e0f2f1;
  color: #00695c;
  font-size: 12px;
  padding: 4px 8px;
  border-radius: 12px;
  white-space: nowrap;
}

.filter-tag:hover{
  cursor: pointer;
  filter: brightness(1.1);
}

.filter_text{
  text-decoration: none;
  font-size: 0.8rem;
  font-weight: normal;
}

#toggle_advanced_filters{
  font-size:0.8rem;
  text-decoration: none;
}

#tooltip-box {
  position: absolute;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 10px;
  padding: 10px 14px;
  font-size: 0.8rem;
  line-height: 1.5;
  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.15);
  z-index: 9999;
  max-width: 520px;
  width: auto;
  min-width: 300px;
  white-space: normal;
  word-break: break-word;
  overflow: auto;
  max-height: 320px;
}


.tooltip-entry-line {
  display: flex;
  align-items: flex-start;
  gap: 8px;
  padding: 4px 0;
  border-bottom: 1px solid #eee;
}

.tooltip-entry-line:last-child {
  border-bottom: none;
}

.tooltip-index {
  min-width: 1.8em;
  text-align: right;
  color: #aaa;
  font-weight: bold;
}

.tooltip-name a {
  color: #007bff;
  font-weight: 500;
  max-width: 100px;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  white-space: nowrap;
}

.tooltip-job a {
  color: #333;
  font-size: 0.75rem;
  font-weight: 400;
  max-width: 320px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  display: inline-block;
  vertical-align: top;
}



.trend-flow-table .trend-step {
  font-weight: normal;
  white-space: nowrap;
}

.trend-flow-table .trend-step-start {
  font-weight: bold;
  background: #e6f7ff;
  /* border-left: 4px solid #1890ff; */
}




.emphasized-step {
  background-color: #e6f4ff !important;
  font-weight: bold;
}

.conversion-arrow {
    text-align: center !important;
    color: #999;
    font-size: 12px;
    border: 0;
    padding: 0 !important;
    overflow: unset;
}

.conversion-percent {
    text-align: center;
    color: #1890ff;
    border: 0;
    font-size: 10px;
    padding: 0 !important;
    overflow: unset;
}

.map-badge {
    display: inline-block;
    background-color: #f0f0f0;
    border-radius: 12px;
    padding: 2px 6px;
    font-size: 12px;
    margin-left: 4px;
    color: #007bff;
    text-decoration: none;
    border: 1px solid #ccc;
}
.map-badge:hover {
    background-color: #e0e0e0;
    text-decoration: underline;
}

.job-row {
  background-color: #f5f5f569;
}

.job-row td{
  font-size:10px !important;
}

.report_job_link {
  display: -webkit-box;
  -webkit-line-clamp: 2;       /* 最大2行表示 */
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: normal;
  line-height: 1.4;            /* 줄 간격 조정 가능 */
  max-height: calc(1.4em * 2); /* 2줄 높이만 허용 */
}

.report_job_link:hover{
  color:skyblue;
}

.company_summary_row:hover{
  background: #87ceeb24;
}

.sort_th a{
  text-decoration: none !important;
}

.company_summary_name_td {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-align: left !important;
  max-width: 220px;
}



.job_row_title_td{
  text-align: left !important;
  padding-left: 1rem !important;
  word-break: break-word !important;
  white-space: normal;
}

.bold_font{
  font-weight: bold;
}

.bold_font::before {
  content: '✔';
  margin-left: 1px;
  color: skyblue;
  padding: 0.2rem;
  border-radius: 100%;
  font-weight: bold;
  font-size: 10px;
}

.modaal-content,
.modaal-content-container{
  height: 99%;
}

.log_edit_modal{
  height: 100%;
}

.log_edit_modal_textarea {
    height: 88%;
    margin-top: 0.3rem;
    border-radius: 6px;
}


.action_log_list {
    margin-top: 20px;
    max-height: 40rem;
    overflow-x: hidden;
    overflow-y: auto;
    border: 1px solid var(--border-color);
    border-radius: 6px;
    min-height: 10rem;
}

.action_log_list .action_log_row {
    padding: 12px;
    display: flex;
    gap: 0.6rem;
    border-bottom: 1px solid var(--border-color);
}

.action_log_list .action_log_row .user_info {
    font-size: 14px;
    display: flex;
    gap: 0.6rem;
    align-items: baseline;
}

.action_log_list .action_log_row .user_info i {
		margin-right: 0.5rem;
}

.action_log_list .action_log_row .log_content {
    margin-top: 10px;
    white-space: pre-line;
    resize: vertical;
    font-size: 14px;
    font-weight: normal;
    line-height: 1.4;
}

.action_log_list .action_log_row .log_edit {
  display: flex;
  justify-content: flex-end;
  background: #a9a9a9a8;
  padding: 0.2rem;
  border-radius: 6px;
  font-size: 11px;
  color: white;
}

.action_log_list .action_log_row .log_edit a {
		display: inline-block;
		margin-left: 4px;
		color: var(--link-color-light);
		font-size: 12px;
}

.action_log_icon{
    border-radius: 50%;
    object-fit: cover;
    outline-offset: -0.5px;
    border: 0px;
    height: 36px;
    width: 36px;
}

.action_log_text_container{
  width: 100%;
}

.action_log_list .action_log_row .date {
    color: rgb(153, 153, 153);
    cursor: help;
    font-size: 0.85em;
}

.custom-tooltip-wrapper {
  position: relative;
  display: inline-block;
  cursor: help;
}

.custom-tooltip {
  visibility: hidden;
  opacity: 0;
  position: absolute;
  bottom: 125%;
  left: 0;
  background-color: #333;
  color: #fff;
  padding: 5px 10px;
  border-radius: 6px;
  white-space: nowrap;
  font-size: 0.75rem;
  z-index: 10;
  transition: opacity 0.2s ease-in-out;
  pointer-events: none;
}

.custom-tooltip-wrapper:hover .custom-tooltip {
  visibility: visible;
  opacity: 1;
}

.action_menu_wrapper {
  position: absolute;
  top: 0;
  right: 8px;
}

.action_menu_btn {
  background: none;
  border: none;
  cursor: pointer;
  color: #999;
  padding: 0;
  font-size: 20px;
}

.action_menu {
  display: none;
  position: absolute;
  right: 0;
  top: 25px;
  background: white;
  border: 1px solid #ccc;
  border-radius: 6px;
  box-shadow: 0 2px 6px rgba(0,0,0,0.2);
  z-index: 10000;
}

.action_menu a {
  display: block;
  padding: 8px 12px;
  color: #333;
  text-decoration: none;
  white-space: nowrap;
}

.action_menu a:hover {
  background-color: #f0f0f0;
}


.task_complete {
    background: #06cb210f !important;
}

.task_added {
    background: #cb90060f !important;
}

.task_i_requested {
    font-size: 13px !important;
}

#toggleSearchBtn:hover {
  box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
}

#toggleSearchBtn{
  position: absolute !important;
  right: 0;
  width: 3rem !important;
  height: 3rem !important;
  border: none !important;
  background: transparent !important;
  cursor: pointer !important;
  z-index: 1000 !important;
  padding: 0;
  box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  border-radius: 50%;
  overflow: hidden;
}

#logSearchInput {
   display: none;
   position: absolute;
   width: 30%;
   right: 0;
   justify-content: right;
}

.logSearchInput{
  height: 3rem;
  max-width: 400px;
  padding: 10px;
  border-radius: 8px;
  box-shadow: 0 2px 10px rgba(0,0,0,0.2);
  background: white;
  border: 1px solid #ccc;
  z-index: 99999;
}

#closeSearchBtn{
  margin-left: 4px;
  background: skyblue;
  padding: 5px;
  border-radius: 100%;
  color: white;
  font-size: 10px;
  position: absolute;
  top: 3px;
  right: 0;
}
#closeSearchBtn:hover{
  cursor: pointer;
  filter: brightness(1.1);
}


.toggleSearchBtnImg{
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 100%;

}

.search_wrapper{
  position: absolute;
  min-height: 40px;
  margin-top: -6rem;
  right: -5%;
  width: 86%;
  z-index: 0;
  margin-bottom: 4.4rem;
}

.highlighted {
  background-color: yellow;
  font-weight: bold;
}


.fab-container {
  position: fixed;
  top: 90%;
  right: 5%;
  z-index: 0;
}

.fab-toggle {
  width: 56px;
  height: 56px;
  border-radius: 50%;
  background: linear-gradient(135deg, #16a34a, #22c55e);
  color: white;
  font-size: 28px;
  border: none;
  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.2);
  cursor: pointer;
  background: url(/img/default/add_menu.png) no-repeat center center;
  background-size: 170% auto;

}

.fab-toggle:hover {
  transform: scale(1.05);
}

.fab-menu {
  position: absolute;
  bottom: 70px;
  right: 0;
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  opacity: 0;
  transform: translate(0, 10px);
  pointer-events: none;
  transition: opacity 0.2s ease, transform 0.2s ease;
}

.fab-menu.show {
  opacity: 1;
  transform: translate(0%, 0);
  pointer-events: auto;
}

.fab-item {
  background-color: #16a34a;
  color: white;
  padding: 8px 14px;
  margin-bottom: 8px;
  border: none;
  border-radius: 9999px;
  font-size: 14px;
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
  white-space: nowrap;
}

.fab-item:hover {
  background-color: #15803d;
}

.generate_job_rec_text_area{
  height: 70%;
  border-radius: 6px;
  margin:5px 0 10px;
}
.generate_job_seeker_rec_text_area{
  height: 63%;
  border-radius: 6px;
  margin:5px 0 10px;
}

.generate_ai_job_pick_prompt,
.generate_job_rec_text_prompt{
  height: 10%;
  border-radius: 6px;
  margin:5px 0 10px;
}

.generate_job_rec_text_btn{
  width: 50%;
  color: white;
}

.ai_btn_color{
  background: linear-gradient(96.77deg, #4f95ef -0.96%, #12C2CD 100%);
  text-decoration: none;
}

.ai_btn_color:hover{
  filter: brightness(1.1);
}

.generate_job_rec_text_save_btn{
  width: 50%;
}

.generate_btns{
  display: flex;
  gap:0.5rem;
}


.badge {
  background-color: skyblue;
  color: white;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.8rem;
}

.match_score_badge {
  background-color: orange;
  color: white;
  padding: 2px 6px;
  border-radius: 6px;
  font-size: 0.8rem;
}

.generate_ai_job_pick{
  width: 100%;
}

.generate_ai_job_card_area{
  overflow: auto;
  padding: 0.5rem;
  margin: 0.3rem 0;
  height: 60%;
  border: 1px solid gainsboro;
  border-radius: 6px;
}

.ai_job_card{
  border:1px solid #ccc;
  padding:10px;
  margin-bottom:10px;
  border-radius:8px;
  line-height: 1.3;
}

.ai_job_card_headline{
  display: flex;
  gap:0.3rem;
  font-size: 12px;
  justify-content: space-between;
  margin-bottom: 0.3rem;
}

.ai_job_card_headline_company_name{
  color:skyblue;
}

.ai_job_card_text_title{
  text-decoration: none;
  color: black;
  font-size:16px;
  font-weight: bold;
}

.ai_job_card_text_title:hover{
  color: gainsboro;
}

.ai_job_card_text{
  font-size: 14px;
  padding: 0 2em;
}

.ai_job_card_text_head{
  font-size: 14px;
  padding: 0 0.5em;
}

.custom-file-upload,
.ai_upload_job_seeker_resume-file-upload,
.job_seeker_custom-file-upload {
  display: inline-block;
  padding: 8px 16px;
  background-color: darkgray;
  color: white;
  border-radius: 6px;
  cursor: pointer;
  transition: background-color 0.2s ease;
}

.custom-file-upload:hover,
.ai_upload_job_seeker_resume-file-upload:hover,
.job_seeker_custom-file-upload:hover{
  background-color: skyblue;
}

.custom-file-upload_atached,
.ai_upload_job_seeker_resume-file-upload {
  background-color: skyblue;
}

#ai_pdf_file,
#job_seeker_ai_pdf_file {
  display: none;
}

.remove-file-btn{
  color:orange;
  font-size: 12px;
}
.remove-file-btn:hover{
  color:red;
  cursor: pointer;
}

.file-name-display,
.job_seeker_file-name-display {
  margin-left: 10px;
  font-size: 0.9em;
  color: gray;
}

.generate_ai_job_card_pdf{
  padding: 0.5rem;
  margin-bottom:5px;
}

.modal_h2_text{
  display:flex;
  justify-content:space-between;
  align-items:center;
}

.merge-choice {
  background-color: #eee;
  border: 1px solid #ccc;
  padding: 4px 8px;
  border-radius: 4px;
  cursor: pointer;
}
.merge-choice.selected {
  background-color: #10b981;
  color: white;
  font-weight: bold;
  border-color: #10b981;
}

.search_column_all_check,
.export_column_all_check{
  cursor: pointer;
}
.search_column_all_check:hover,
.export_column_all_check:hover{
  color:skyblue;
}

.custom_candidate_info .form_group_title_h1{
  padding: 0.3rem;
  color: skyblue;
}

.custom_candidate_info .job_seeker_column_preview,
.custom_candidate_info .form_input{
  border-bottom: 1px dotted gainsboro;
  background: none !important;
}

.custom_candidate_info .type_ctrl{
  border: 1px solid gainsboro;
  border-radius: 6px;
  padding: 1rem;
}

.edit_form_custom_candidate_info,
.custom_candidate_info .info_table{
  display: grid;
  gap: 0.5rem;
}

.custom_candidate_info .form_input{
  width: unset;
  display: flex;
  gap: 0.3rem;
  align-items: center;
}

.custom_candidate_info .form_input label{
  font-size: 14px;
  margin-left: 4px;
  margin-bottom: 0.5rem;
  width: 25%;
}

.edit_form_custom_candidate_info input,
.edit_form_custom_candidate_info textarea,
.edit_form_custom_candidate_info select,
.edit_form_custom_candidate_info span
{
  border:0 !important;
}
.edit_form_custom_candidate_info input:focus,
.edit_form_custom_candidate_info textarea:focus,
.edit_form_custom_candidate_info select:focus
{
  outline: 0 !important;
  background-color: #ffc !important;
}

.edit_form_custom_candidate_info textarea {
  overflow-y: hidden;
  resize: none;
  min-height: 3em;
  line-height: 1.4;
}

.edit_form_custom_candidate_info .input_checkbox{
  text-align: left;
  justify-content: left;
  padding-left:0.5rem;
}

.edit_form_custom_candidate_info .step_third_multiple {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
  gap: 8px;
  align-items: center;
  height: auto !important;
  max-height: none;
  overflow: visible;
  padding: 10px;
  margin-bottom:10px;
}

.edit_form_custom_candidate_info .step_third_multiple_span {
  display: contents;
}

.edit_form_custom_candidate_info .select_column_checkbox {
  display: flex;
  align-items: center;
  gap: 4px;
}

.unclassified_info {
  display: none;
}


/* 求職者詳細 */

.mypage_section .file_preview {
    width: 50px;
    height: 50px;
    object-fit: contain;
}

.attach {
    padding: 1rem;
    font-size: 13px;
    color: #333;
    border: none;
    align-items: center;
}

.attach_btn {
    width: 130px;
    /* height: 100%; */
    margin-left: 1rem;
    position: relative;
    padding: 0rem 1rem;
    transition: all 0.3s;
    text-align: center;
    font-size: 14px;
    border-radius: 6px;
    color: white;
    box-shadow: 0 12px 24px rgb(62 239 127 / 20%);
    background: linear-gradient(96.77deg, #04CC00 -0.96%, #12C2CD 100%);
    border: none;
}

.attach_add {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.3rem;
}

.attach_box {
    display: flex;
    align-items: center;
    margin-top: 1.1rem;
}

.file_upload_container {
    display: flex;
    margin-bottom: 15px;
    padding: 10px;
}

.file_upload_container:hover {
    background: var(--link-color-light);
}

.file_left {
    width: 100px;
    display: flex;
    justify-content: left;
    align-items: center;
}

.file_right {
    display: flex;
    align-items: center;
}

.file_right form {
    display: inline;
}

.file_right button {
    background: none;
    color: inherit;
    padding: 0;
    margin: 0;
    font-size: inherit;
}

.file_right .file_name {
    font-weight: bold;
}

.file_right .file_name a {
    text-decoration: none;
}

.file_name span{
  color: var(--link-color-dark);
}

.file_name a:hover,
.file_name span:hover{
  cursor: pointer;
  color: skyblue;
}

.file_right .file_info {
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 0.2rem;
}

.file_right_descrption {
    line-height: 1.5;
}

.custom-file-dropzone {
  width: 100%;
  border: 2px dashed #ccc;
  border-radius: 6px;
  padding: 30px;
  text-align: center;
  color: #999;
  cursor: pointer;
  transition: all 0.2s ease;
}

.custom-file-dropzone.dragover {
  background-color: #f0f8ff;
  border-color: #00c853;
  color: #00c853;
}

.custom-file-dropzone:hover{
  color: #04CC00;
  border-color: #04CC00;
}

.custom-file-dropzone input[type="file"] {
  display: none;
}

.status_filter_buttons {
    margin-bottom: 0.8rem;
  }

  .status_button {
    background-color: #4CAF50;
    color: white;
    border: none;
    padding: 6px 14px;
    margin-right: 10px;
    border-radius: 4px;
    cursor: pointer;
  }

  .status_check_grid {
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
  }

  .status_check_item {
    background: #f4f4f4;
    padding: 8px 12px;
    border-radius: 6px;
    border: 1px solid #ccc;
    font-size: 14px;
    display: flex;
    align-items: center;
    gap: 6px;
  }

  .status_check_item input {
    transform: scale(1.2);
  }

  #summary_area {
    margin: 20px 0;
    font-weight: bold;
    /* background: #f8f9fa;
    border: 1px solid #ccc;
    padding: 15px; */
    border-radius: 6px;
    line-height: 1.6;
  }
  #summary_area span.label {
    display: inline-block;
    width: 150px;
    font-weight: normal;
    color: #555;
  }

  .summary-box {
    padding: 1rem;
    background: #f9f9f9;
    border: 1px solid #ccc;
    border-radius: 6px;
    /* max-width: 800px;  */
    margin: 20px auto;
  }

  .summary-title {
    font-weight: bold;
    margin-bottom: 1rem;
    font-size: 16px;
  }

  .summary-grid {
    display: grid;
    grid-template-columns: repeat(auto-fit, minmax(180px, 1fr));
    gap: 12px;
  }

  .summary-item {
    background: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 6px;
    padding: 12px;
    text-align: center;
    box-shadow: 0 1px 2px rgba(0,0,0,0.04);
  }

  .summary-item-title {
    font-weight: 600;
    font-size: 13px;
    margin-bottom: 6px;
    color: #333;
  }

  .summary-item-value {
    font-size: 14px;
    color: #000;
  }