/* ======================================================================
 setting
====================================================================== */
/* ======================================================================
 p_job_search_detail
====================================================================== */
.p_job_search_detail #l_mordal6 .inner .wrap .inner .child .error {
  color: #e21b1b;
}
.p_job_search_detail #l_mordal6 .inner .wrap .inner .child input.error {
  border-color: #e21b1b;
  background: rgba(226, 27, 27, 0.04);
  color: #e21b1b;
}
.p_job_search_detail
  #l_mordal6
  .inner
  .wrap
  .inner
  .child
  input.error:placeholder-shown {
  color: #e21b1b;
}
.p_job_search_detail
  #l_mordal6
  .inner
  .wrap
  .inner
  .child
  input.error::-webkit-input-placeholder {
  color: #e21b1b;
}
.p_job_search_detail
  #l_mordal6
  .inner
  .wrap
  .inner
  .child
  input.error:-moz-placeholder {
  color: #e21b1b;
  opacity: 1;
}
.p_job_search_detail
  #l_mordal6
  .inner
  .wrap
  .inner
  .child
  input.error::-moz-placeholder {
  color: #e21b1b;
  opacity: 1;
}
.p_job_search_detail
  #l_mordal6
  .inner
  .wrap
  .inner
  .child
  input.error:-ms-input-placeholder {
  color: #e21b1b;
}
.p_job_search_detail .l_container {
  padding: 140px 0 80px;
  background: #f5f5f5;
}
@media screen and (max-width: 768px) {
  .p_job_search_detail .l_container {
    padding: 0 0 80px;
  }
}
@media screen and (max-width: 768px) {
  .p_job_search_detail .l_container .l_breadcrumbs {
    padding: 60px 0 0;
  }
}
.p_job_search_detail .l_container .l_content {
  width: 1100px;
  margin: 0 auto;
}
@media screen and (max-width: 768px) {
  .p_job_search_detail .l_container .l_content {
    width: 100%;
  }
}
@media screen and (max-width: 768px) {
  .p_job_search_detail .l_container .l_content .search_blk > .inner {
    padding: 0 10px;
  }
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  .l_job_offer
  > .inner
  > .inner
  .btn_wrap2 {
  display: none;
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  .l_job_offer
  > .inner
  > .inner
  > .toggle {
  display: none;
}
.p_job_search_detail .l_container .l_content .search_blk > .inner > .btn_wrap2 {
  width: 100%;
  margin: 40px auto 0;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: space-between;
  -moz-justify-content: space-between;
  -ms-justify-content: space-between;
  justify-content: space-between;
  -ms-flex-pack: space-between;
}
@media screen and (max-width: 768px) {
  .p_job_search_detail
    .l_container
    .l_content
    .search_blk
    > .inner
    > .btn_wrap2 {
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 20px 0 0;
  }
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  > .btn_wrap2
  > .btn {
  width: 220px;
  height: 41px;
  border-radius: 3px;
  border: 1px solid #c0c0c0;
  margin: 0 auto;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  > .btn_wrap2
  > .btn:hover {
  -moz-transform: translateY(3px);
  -ms-transform: translateY(3px);
  -webkit-transform: translateY(3px);
  transform: translateY(3px);
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  > .btn_wrap2
  > .btn
  > .inner {
  width: 100%;
  height: 38px;
  background: #fff;
  border-bottom: 3px solid #e6e6e6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-justify-content: center;
  -moz-justify-content: center;
  -ms-justify-content: center;
  justify-content: center;
  -ms-flex-pack: center;
  -webkit-align-items: center;
  -moz-align-items: center;
  -ms-align-items: center;
  align-items: center;
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  > .btn_wrap2
  > .btn
  > .inner:hover {
  border-top: 3px solid #fff;
  border-bottom: 3px solid transparent;
}
@media screen and (max-width: 768px) {
  .p_job_search_detail
    .l_container
    .l_content
    .search_blk
    > .inner
    > .btn_wrap2
    > .btn
    > .inner:hover {
    border-bottom: 3px solid #e6e6e6;
  }
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  > .btn_wrap2
  > .btn
  > .inner
  .u_txt_1 {
  color: #097847;
  padding: 0 0 0 23px;
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  > .btn_wrap2
  > .btn
  > .inner
  .u_txt_1.imgtxt {
  position: relative;
}
.p_job_search_detail
  .l_container
  .l_content
  .search_blk
  > .inner
  > .btn_wrap2
  > .btn
  > .inner
  .u_txt_1.imgtxt:before {
  content: url("/assets/img/common/ico_link.svg");
  width: 15px;
  height: 15px;
  position: absolute;
  top: 0;
  left: 0;
}

/*----------- add sidebar 2021/12 ---------------*/

.p_job_search_detail .l_main .inner #search_set {
  width: 100%;
}

.p_job_search_detail .inner .leftcolumn > .inner {
  width: 100%;
}

.p_job_search_detail .l_main > .inner {
  width: 100%;
  display: flex;
  justify-content: space-between;
  -webkit-flex-wrap: wrap;
  -moz-flex-wrap: wrap;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  padding: 40px 0 80px;
}

.l_job_offer > .inner {
  width: 100%;
}

.p_job_search_detail .inner .leftcolumn {
  width: 780px;
}
.p_job_search_detail .inner .rightcolumn {
  width: 300px;
  padding: 20px 20px 0 20px;
  background: #fff;
  -webkit-align-self: baseline;
  -moz-align-self: baseline;
  -ms-align-self: baseline;
  align-self: baseline;
}

@media screen and (max-width: 768px) {
  .p_job_search_detail .inner .leftcolumn {
    width: 100%;
  }
  .p_job_search_detail .inner .rightcolumn {
    width: 100%;
    padding: 10px 10px 0 10px;
    margin: 20px 10px 0 10px;
  }
}

.p_job_search_detail .inner .rightcolumn .u_txt_3 {
  background: #e6e6e6;
  position: relative;
  text-align: center;
  padding: 7px 0;
}

.p_job_search_detail .inner .rightcolumn .u_txt_3:before {
  content: "";
  position: absolute;
  bottom: -6px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 6px 6.5px 0 6.5px;
  border-color: #e6e6e6 transparent transparent transparent;
  left: 50%;
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}
@media screen and (max-width: 768px) {
  .p_job_search_detail .inner .rightcolumn ul {
    margin: 10px 0 0;
  }
}
.p_job_search_detail .inner .rightcolumn ul .tag {
  border-bottom: 1px dotted #555555;
}
.p_job_search_detail  .inner .rightcolumn ul .tag.side_bnr {
  border-bottom: 0 !important;
}
.p_job_search_detail .inner .rightcolumn ul .tag:last-child {
  border-bottom: none;
}
.p_job_search_detail .inner .rightcolumn ul .tag a {
  width: 100%;
  height: 55px;
  display: table;
}
.p_job_search_detail .inner .rightcolumn ul .tag a:hover .u_txt_1 {
  text-decoration: none;
}
.p_job_search_detail .inner .rightcolumn ul .tag a .u_txt_1 {
  padding: 0 0 0 20px;
  color: #097847;
  display: table-cell;
  vertical-align: middle;
  text-decoration: underline;
  position: relative;
  font-weight: normal;
}
.p_job_search_detail .inner .rightcolumn ul .tag a .u_txt_1:before {
  position: absolute;
  content: url("/assets/img/common/ico_link.svg");
  top: 50%;
  left: 0;
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
}
@media all and (-ms-high-contrast: none) {
  .p_job_search_detail .inner .rightcolumn ul .tag a .u_txt_1:before {
    top: 19px;
    -moz-transform: translateY(0);
    -ms-transform: translateY(0);
    -webkit-transform: translateY(0);
    transform: translateY(0);
  }
}
.add-side-01,
.add-side-02,
.add-side-03,
.add-side-04,
.add-side-05,
.add-side-06,
.add-side-07 {
  margin-right: 10px;
}
.add-side-08,
.add-side-09 {
  margin-bottom: 40px;
}

/* add CTA 2021/10 */

#cta-fixed {
  position: fixed;
  display: none;
  bottom: 30px;
  right: 30px;
  width: 230px;
  cursor: pointer;
}
#cta-fixed img {
  width: 100%;
  pointer-events: auto;
}

#cta-fixed:hover {
  opacity: 0.8;
}

@media screen and (max-width: 768px) {
  #cta-fixed {
    display: none !important;
  }
}