@charset "UTF-8";
/* colors */
.wdb-head-lead {
  max-width: 1000px;
  min-height: 6rem;
  padding: 1.25rem 1.75rem 0;
}

.wdb-head-lead .wdb-btn {
  padding: 0.25rem 1rem;
  background: rgba(255, 255, 255, 0.8);
  color: #295cba;
  font-size: 0.5rem;
  text-decoration: none;
}
.wdb-head-lead .wdb-btn:focus {
  outline: none;
}

.wdb-head-lead-text {
  display: block;
  width: 45%;
  margin-bottom: 0.625rem;
}

@media (min-width: 768px) {
  .wdb-top-page-container {
    min-width: 1168px;
  }
  .h1 {
    font-size: 1.75rem;
  }
  .wdb-container {
    padding-top: 3rem;
    padding-bottom: 3rem;
  }
  .wdb-top-header {
    width: 100%;
    min-width: 1168px;
    height: 782px;
    position: relative;
    margin-bottom: 3rem;
  }
  .wdb-head-lead {
    max-width: 1000px;
    margin: 0 auto;
    padding: 15.25rem 0 2rem;
    background: none;
  }
  .wdb-head-lead .wdb-btn {
    width: 11.375rem;
    padding: 0.6875rem 2.1875rem;
    font-size: 1rem;
    text-decoration: none;
  }
  .wdb-head-lead-text {
    width: 26.125rem;
    margin-bottom: 1.5rem;
  }
}

/* 検索 */
.wdb-head-menu h2 {
  font-size: 0.9375rem;
}

.wdb-search-menu .wdb-job-count {
  padding: 0 0.5rem;
  font-size: 1.125rem;
}

.wdb-search-menu a, .wdb-search-menu button {
  display: block;
  width: 100%;
  padding: 1rem;
  border: 0;
  color: #fff;
  text-decoration: none;
}

.wdb-search-menu img {
  display: inline-block;
  height: 1.375rem;
}

.wdb-search-menu .wdm-search-btn {
  text-align: center;
  line-height: 1.4;
}

.wdb-search-menu .wdm-search-btn:not(.wdb-search-map) img {
  display: block;
}

.wdb-search-menu .wdm-search-btn.wdb-search-map img {
  margin-right: 0.25rem;
}

@media (max-width: 767.9px) {
  .wdb-search-menu .wdm-search-btn:not(.wdb-search-map) img {
    margin: 0 auto 0.25rem;
  }
  .wdb-search-menu .wdm-search-btn:not(.wdb-search-map) .small {
    display: block;
    font-size: 0.75rem;
  }
}

@media (min-width: 768px) {
  .wdb-head-menu {
    max-width: 1000px;
    margin: 0 auto 2.5rem;
    padding: 1.875rem;
  }
  .wdb-head-menu h2 {
    font-size: 1.125rem;
  }
  .wdb-head-menu h2 .small {
    font-size: 0.875rem;
    font-weight: normal;
  }
  .wdb-search-menu .wdb-job-count {
    font-size: 1.25rem;
  }
  .wdb-search-menu .wdm-search-btn {
    font-size: 1.125rem;
  }
  .wdb-search-menu .wdm-search-btn img {
    display: block;
    margin: 0 auto 0.5rem;
    height: 2rem;
  }
  .wdb-search-menu .wdm-search-btn.wdb-search-map img {
    display: block;
    margin: 0 auto 0.5rem;
  }
  .wdb-search-menu .wdm-search-btn .small {
    font-size: 0.875rem;
    font-weight: 700 !important;
  }
  .wdb-last-time-shown .list-group-item {
    width: 100%;
    border: 1px solid #ccc !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
  }
}

.wdb-top-job-card .card-body {
  align-items: flex-start;
}

.wdb-top-job-card .wdb-top-job-card-title.wdb-clamp-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  overflow: hidden;
  margin-top: 0;
  align-self: flex-start;
}

.wdb-top-job-card .wdb-work-dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem;
  font-size: 0.75rem;
}

.wdb-top-job-card .wdb-work-dl dt {
  width: 3.75rem;
  padding-right: 0.25rem;
}

.wdb-top-job-card .wdb-work-dl dt + dd {
  width: calc(100% - 3.75rem);
  margin-bottom: 0.25rem;
}

.wdb-top-job-card .wdb-job-card-img {
  position: relative;
}
.wdb-top-job-card .wdb-job-card-img img {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
}

@media (max-width: 767.9px) {
  .wdb-top-job-card {
    min-height: 27.9375rem;
  }
  .wdb-top-job-card .wdb-job-card-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
  }
  .wdb-top-job-card .wdb-job-card-img img {
    width: 100%;
  }
  .wdb-top-job-card .wdb-top-job-card-title.wdb-clamp-title {
    min-height: 50px;
  }
  .wdb-top-job-card .wdb-work-dl dt {
    display: none;
  }
  .wdb-top-job-card .wdb-work-dl dt + dd {
    width: 100%;
  }
}

@media (max-width: 767.9px) {
  .wdb-top-job-cards .owl-stage-outer {
    overflow: visible !important;
  }
  .wdb-top-job-cards .owl-stage {
    padding-left: 0 !important;
  }
}

@media (min-width: 768px) {
  .wdb-top-job-cards {
    width: auto;
  }
  .wdb-top-job-cards .owl-stage {
    padding-bottom: 1rem;
  }
  .wdb-top-job-cards .row > *:nth-child(n + 5) {
    display: none;
  }
  .wdb-top-job-card .card-body {
    display: flex;
    flex-wrap: wrap;
    min-height: 302px;
  }
  .wdb-top-job-card .card-body > * {
    width: 100%;
  }
  .wdb-top-job-card .wdb-job-card-img {
    width: 100%;
    height: 180px;
    overflow: hidden;
  }
  .wdb-top-job-card .wdb-job-card-img img {
    width: 100%;
  }
  .wdb-top-job-card .wdb-top-job-card-title {
    height: 52px;
    border-bottom: 0;
  }
  .wdb-top-job-card .wdb-work-dl {
    align-self: flex-end;
    font-size: 0.75rem;
  }
  .wdb-top-job-card .wdb-work-dl dt {
    display: block;
    width: 58px;
  }
  .wdb-top-job-card .wdb-work-dl dt + dd {
    width: calc(100% - 58px);
  }
  .wdb-top-job-card .wdb-work-dl + * {
    align-self: flex-end;
  }
  /* IE11向け カード内見出しの省略 */
    _:-ms-lang(x)::-ms-backdrop, .wdb-top-job-card .wdb-top-job-card-title.wdb-clamp-title {
    position: relative;
    height: 52px;
    overflow: hidden;
    line-height: 1.6;
  }
    _:-ms-lang(x)::-ms-backdrop, .wdb-top-job-card .wdb-top-job-card-title.wdb-clamp-title:before {
    position: absolute;
    background: #fff;
    bottom: -3px;
    right: 0;
    width: 1rem;
    font-size: 0.6875rem;
    text-align: center;
    line-height: 2.0;
    content: "...";
  }
    _:-ms-lang(x)::-ms-backdrop, .wdb-top-job-card .wdb-top-job-card-title.wdb-clamp-title:after {
    position: absolute;
    background: #fff;
    width: 100%;
    height: 100%;
    content: "";
  }
}

/* 仕事分野からお仕事を探す */
.wdb-job-field-cards .card {
  height: 100%;
  text-decoration: none;
  color: #333;
}

.wdb-job-field-cards .card:hover {
  background: #f7f7f7;
}

@media (max-width: 767.9px) {
  .wdb-job-field-cards {
    width: auto;
  }
  .wdb-job-field-cards .card-body {
    padding: 0.5rem;
  }
  .wdb-job-field-cards .card-title {
    margin-bottom: 0;
    font-size: 0.8125rem;
  }
}

@media (min-width: 768px) {
  .wdb-job-field-cards .card-title {
    margin-bottom: 0.75rem;
    font-size: 1.125rem;
  }
  .wdb-job-field-cards .card-text {
    font-size: 0.75rem;
    color: #999;
  }
}

/* 勤務地からお仕事を探す */
@media (max-width: 767.9px) {
  .wdb-job-area {
    padding: 0 0.5rem !important;
  }
  .wdb-job-area .wdb-area {
    display: block !important;
    position: relative;
    margin: 0;
    padding: 0;
    padding-right: 1.8125rem;
    border-top: 1px solid #ccc;
  }
  .wdb-job-area .wdb-area:after {
    position: absolute;
    top: 50%;
    right: 1rem;
    width: 0.5rem;
    height: 0.5rem;
    transform: translate(0, -50%) rotate(45deg);
    border: 2px solid #295cba;
    border-left: 0;
    border-bottom: 0;
    content: "";
  }
  .wdb-job-area .wdb-area.order-1 {
    border-right: 1px solid #ccc;
  }
  .wdb-job-area .wdb-area.order-3 {
    border-right: 1px solid #ccc;
  }
  .wdb-job-area .wdb-area.order-5 {
    border-right: 1px solid #ccc;
  }
  .wdb-job-area .wdb-area.order-7 {
    border-right: 1px solid #ccc;
  }
  .wdb-job-area .wdb-area.order-9 {
    border-right: 1px solid #ccc;
  }
  .wdb-job-area .wdb-area.order-1, .wdb-job-area .wdb-area.order-2 {
    border-top: 0;
  }
  .wdb-job-area .wdb-area a {
    display: block;
    padding: 0.875rem 1rem;
    font-weight: normal;
    font-size: 0.875rem;
    color: #333;
  }
  .wdb-job-area .wdb-area-name {
    margin: 0;
    padding: 0;
  }
}

@media (min-width: 768px) {
  .wdb-job-area .wdb-area {
    align-items: baseline;
  }
  .wdb-job-area .wdb-area a {
    display: inline;
  }
  .wdb-job-area .wdb-area-name {
    margin: 0;
    padding-left: 0;
    font-weight: bold;
  }
  .wdb-job-area .wdb-job-area-list {
    display: flex;
    flex-wrap: wrap;
    padding: 0.5rem 0;
  }
  .wdb-job-area .wdb-job-area-list > * {
    margin: 0.25rem 0;
    font-size: 0.875rem;
    line-height: 1.4;
  }
  .wdb-job-area .wdb-job-area-list > *:after {
    margin: 0 0.5rem;
    color: #ccc;
    font-size: 0.875rem;
    line-height: 1.4;
    content: "|";
  }
  .wdb-job-area .wdb-job-area-list > *:last-child:after {
    display: none;
  }
}

/* あなたの派遣就業をトータルサポート */
.wdb-total-support-cont {
  position: relative;
}

.wdb-total-support-cont:before {
  position: absolute;
  bottom: 5rem;
  left: 0;
  width: 100%;
  height: 60%;
  background: #e7f0f7;
  z-index: 0;
  content: "";
}

.wdb-total-support-cont > * {
  position: relative;
  z-index: 1;
}

.wdb-total-support-cont .wdb-doconico-logo img {
  width: 180px;
}

.wdb-sm-view {
  width: 258px;
  height: 440px;
  margin: 0 auto;
  position: relative;
}

.wdb-sm-view .web-sm-view-content {
  width: 178px;
  height: 365px;
  position: absolute;
  top: 38px;
  left: 50%;
  transform: translate(-50%, 0);
  overflow: hidden;
}

.wdb-sm-view .web-sm-view-frame {
  width: 258px;
  height: 440px;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translate(-50%, 0);
}

.wdb-sm-view .web-sm-view-frame img {
  width: 100%;
}

.wdb-total-support-card {
  border-radius: 16px;
  background: #fff;
  color: #333;
  text-decoration: none;
}

.wdb-total-support-card:hover {
  color: #333;
  text-decoration: none;
}

.wdb-total-support-card.wdb-links {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-start;
  color: #295cba;
}

.wdb-total-support-card.wdb-links:hover {
  text-decoration: underline;
}

.wdb-total-support-card.wdb-links .wdb-card-text {
  font-size: 0.9375rem;
}

.wdb-total-support-card.wdb-links .wdb-card-text > * {
  position: relative;
  width: 10rem;
  margin: 0 auto;
  font-weight: bold;
  text-align: center;
}

.wdb-total-support-card.wdb-links .wdb-card-text > *:after {
  position: absolute;
  top: 50%;
  right: 1rem;
  width: 0.5rem;
  height: 0.5rem;
  transform: translate(0, -50%) rotate(45deg);
  border: 2px solid #295cba;
  border-left: 0;
  border-bottom: 0;
  content: "";
}

.wdb-total-support-card h3 {
  text-align: center;
}

.wdb-total-support-card .wdb-card-icon {
  position: relative;
  width: 3.75rem;
  height: 3.75rem;
  background: #cddcf8;
}

.wdb-total-support-card .wdb-card-icon img {
  width: auto;
  height: auto;
  max-width: 32px;
  max-height: 32px;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.wdb-total-support-card .wdb-card-text {
  width: 100%;
  text-align: left;
}

@media (max-width: 767.9px) {
  .wdb-total-support {
    width: 240px;
    margin: 0 auto;
  }
  .wdb-total-support .owl-stage-outer {
    overflow: visible !important;
  }
  .wdb-total-support-card {
    display: block;
    width: 224px;
    min-height: 164px;
    margin: 0 auto;
  }
  .wdb-total-support-card.wdb-links {
    align-items: center;
  }
  .wdb-total-support-card h3 {
    font-size: 0.9375rem;
  }
  .wdb-total-support-card .wdb-card-text {
    font-size: 0.75rem;
  }
  _:-ms-lang(x)::-ms-backdrop, .wdb-total-support-card.wdb-links .wdb-card-text {
    margin-top: 40px;
  }
}

@media (min-width: 768px) {
  .wdb-total-support-cont {
    min-width: 1168px;
  }
  .wdb-sm-view {
    position: absolute;
    top: calc(50% + 15px);
    left: 50%;
    transform: translate(-50%, -50%);
    width: 398px;
    height: 678px;
    margin: auto;
    padding: 0;
  }
  .wdb-sm-view .web-sm-view-content {
    width: 272px;
    height: 562px;
    top: 59px;
  }
  .wdb-sm-view .web-sm-view-frame {
    width: 398px;
    height: 678px;
  }
  .wdb-total-support-cont:before {
    bottom: auto;
    top: 50%;
    transform: translate(0, -50%);
    height: 29.375rem;
  }
  .wdb-total-support-card {
    width: 258px;
    margin-top: 32px;
    margin-right: 18px;
  }
  .wdb-total-support-card.active {
    background: #295cba !important;
    color: #fff;
  }
  .wdb-total-support-card.active:hover {
    cursor: default;
  }
  .wdb-total-support-card .wdb-card-icon {
    width: 7.5rem;
    height: 7.5rem;
  }
  .wdb-total-support-card .wdb-card-icon img {
    max-width: 53px;
    max-height: 53px;
  }
  .wdb-total-support-card h3 {
    font-size: 1.25rem;
  }
  .wdb-total-support-card .wdb-card-text {
    font-size: 0.875rem;
  }
}

/* 初めての方へ */
.wdb-top-beginner-banner {
  position: relative;
}
.wdb-top-beginner-banner span {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 14px;
  margin: auto;
  display: flex;
  font-weight: bold;
  font-size: 1rem;
  align-items: center;
}
@media (min-width: 768px) {
  .wdb-top-beginner-banner span {
    font-size: 1.125rem;
  }
}

/* キャリアアップ */
.wdb-career-enhancement {
  background-repeat: no-repeat;
  background-position: 1rem bottom, calc(100vw - 1rem - 5.8125rem) bottom;
  background-size: 5.5rem auto, 5.8125rem auto;
}

.wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span {
  position: relative;
  padding: 0 1rem;
  font-size: 0.75rem;
}

.wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span:before, .wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span:after {
  position: absolute;
  top: -2px;
  width: 1rem;
  height: 0.75rem;
  content: "";
}

.wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span:before {
  left: 0;
  border-left: 2px solid #333;
  transform: rotate(-30deg);
}

.wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span:after {
  right: 0;
  border-right: 2px solid #333;
  transform: rotate(30deg);
}

.wdb-career-enhancement .wdb-career-card .wdb-career-card-index {
  display: inline-block;
  width: 4.375rem;
}

.wdb-career-enhancement .wdb-career-card-cont {
  width: auto;
}

@media (min-width: 768px) {
  .wdb-career-enhancement {
    padding-top: 1.75rem;
    padding-bottom: 1.75rem;
    background-position: 6.25rem bottom, 24.375rem bottom;
  }
  .wdb-career-enhancement .wdb-career-text-cont {
    padding-left: 5.5rem;
    padding-right: 1.5rem;
  }
  .wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span {
    font-size: 1rem;
  }
  .wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span:before, .wdb-career-enhancement .wdb-career-text-cont .wdb-career-text-lead span:after {
    width: 1rem;
    height: 1.2rem;
  }
  .wdb-career-enhancement .wdb-career-card {
    display: flex;
    flex-wrap: wrap;
    align-content: center;
    height: 15.625rem;
    font-size: 1.25rem;
    text-align: center;
    font-weight: bold;
  }
  .wdb-career-enhancement .wdb-career-card .wdb-career-card-index {
    display: block;
    width: 100%;
    margin: -1rem auto 1.5rem;
    font-size: 2rem;
  }
}

.wdb-dialog-search-by-commuting-time.wdb-is-search-station .wdb-station-cont, .wdb-dialog-search-by-commuting-time.wdb-is-search-station .wdb-range-bar-cont, .wdb-dialog-search-by-commuting-time.wdb-is-search-station .wdb-search-btn-cont {
  display: none!important;
}

.wdb-dialog-search-by-commuting-time.wdb-is-commuting-time .wdb-station-form-cont, .wdb-dialog-search-by-commuting-time.wdb-is-commuting-time .wdb-reange-lead, .wdb-dialog-search-by-commuting-time.wdb-is-commuting-time .wdb-select-station-btn-cont {
  display: none;
}

.wdb-dialog-search-by-commuting-time:not(.wdb-is-search-station):not(.wdb-is-commuting-time) .wdb-range-bar-cont, .wdb-dialog-search-by-commuting-time:not(.wdb-is-search-station):not(.wdb-is-commuting-time) .wdb-station-form-cont, .wdb-dialog-search-by-commuting-time:not(.wdb-is-search-station):not(.wdb-is-commuting-time) .wdb-select-station-btn-cont {
  display: none;
}

.wdb-dialog-search-by-commuting-time .wdb-select-station-btn-cont {
  width: 100%;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar {
  width: calc(100% - 15px);
  margin: 0 auto;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label {
  position: relative;
  width: 100%;
  min-height: 1.5625rem;
  font-size: 0.625rem;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text {
  position: absolute;
  top: 0;
  height: 25px;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:after {
  position: absolute;
  bottom: 0;
  left: 50%;
  color: #999;
  line-height: 1.0;
  content: "|";
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(1) {
  left: 0;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(2) {
  left: 23%;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(3) {
  left: 47%;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(4) {
  left: 71%;
}

.wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(5) {
  right: 0;
}

.wdb-dialog-search-by-commuting-time .wdb-search-btn-cont {
  width: 100%;
  display: flex;
  align-items: center;
}

@media (min-width: 768px) {
  .wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(2) {
    left: 24.5%;
  }
  .wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(3) {
    left: 48.5%;
  }
  .wdb-dialog-search-by-commuting-time .wdb-range-bar-label .wdb-label-text:nth-child(4) {
    left: 72.5%;
  }
}

/* ---------------------------------------------------------
Mypage
----------------------------------------------------------*/
.wdb-mypage-section-01 h2 span {
  font-size: 0.9375rem;
  font-weight: normal;
}

.wdb-mypage-step-flow {
  font-size: 0.75rem;
}

.wdb-mypage-step-flow .wdb-mypage-step-label {
  position: relative;
  margin-right: 0.5rem;
  padding: 0.375rem 0.4375rem;
  background-color: #295cba;
  color: #fff;
}

.wdb-mypage-step-flow .wdb-mypage-step-label:after {
  position: absolute;
  top: 0;
  right: -8px;
  height: 100%;
  border-top: 16px solid transparent;
  border-right: 0;
  border-bottom: 16px solid transparent;
  border-left: 8px solid #295cba;
  content: "";
}

.wdb-mypage-step-flow .wdb-mypage-step-text {
  padding-right: 0.5rem;
  line-height: 1.2;
}

@media (max-width: 767.9px) {
  .wdb-mypage-job-count-block .wdb-job-count {
    font-size: 1.125rem;
    vertical-align: baseline;
    line-height: 1.0;
  }
  .wdb-mypage-todo .wdb-mypage-todo-date {
    font-size: 0.75rem;
  }
  .wdb-mypage-todo .wdb-mypage-todo-date .badge {
    font-size: 0.625rem;
  }
}

@media (min-width: 768px) {
  .wdb-mypage-user-head {
    background: #cfeaf1;
  }
  .wdb-mypage-user-head .wdb-user-icon {
    height: 1.5rem;
  }
  .wdb-mypage-user-head .wdb-user-icon img {
    height: 100%;
    vertical-align: -6px;
  }
  .wdb-mypage-job-count-block .wdb-job-count {
    padding: 0 0.5rem;
    font-size: 1.5rem;
    vertical-align: baseline;
  }
  .wdb-mypage-todo .wdb-mypage-todo-date {
    min-width: 165px;
    padding-right: 1rem;
    font-size: 0.875rem;
    font-weight: bold;
  }
  .wdb-mypage-todo .wdb-mypage-todo-date .badge {
    font-size: 0.75rem;
    font-weight: normal;
  }
  .wdb-mypage-section-02 .wdb-text {
    font-size: 0.875rem;
    line-height: 1.7;
  }
  .wdb-mypage-section-03 .wdb-mypage-step-flow + .small {
    font-size: 1rem;
  }
  .wdb-mypage-step-flow {
    font-size: 1rem;
  }
  .wdb-mypage-step-flow .wdb-mypage-step-label {
    margin-right: 1rem;
    letter-spacing: 2px;
  }
  .wdb-mypage-step-flow .wdb-mypage-step-label:after {
    position: absolute;
    top: 0;
    right: -16px;
    height: 100%;
    border-top: 20px solid transparent;
    border-right: 0;
    border-bottom: 20px solid transparent;
    border-left: 16px solid #295cba;
    content: "";
  }
  .wdb-mypage-step-flow .wdb-mypage-step-text {
    padding-right: 1rem;
  }
}

.wdb-mypage-201-section-01 .wdb-circle-badge {
  width: 2.3125rem;
  height: 2.3125rem;
  padding: 0.75rem 0.125rem;
  font-size: 0.625rem;
  line-height: 1.2;
  text-align: center;
}

.wdb-mypage-201-section-01 .wdb-text-cont {
  width: calc(100% - 2.3125rem);
  font-size: 0.75rem;
}

.wdb-mypage-201-section-01 .wdb-text-cont .wdb-small-text {
  display: block;
  font-size: 0.6875rem;
}

_:-ms-lang(x)::-ms-backdrop, .wdb-card-link-icon {
  width: 100%;
}

_:-ms-lang(x)::-ms-backdrop, .wdb-mypage-201-section-03 .d-md-none .list-group-item {
  flex: 1 1 80px;
}

_:-ms-lang(x)::-ms-backdrop, .wdb-mypage-201-section-04 .d-md-none .list-group-item {
  flex: 1 1 80px;
}

_:-ms-lang(x)::-ms-backdrop, .wdb-mypage-201-section-03 .list-group-item-action .w-25 {
  width: 80px !important;
}

_:-ms-lang(x)::-ms-backdrop, .wdb-mypage-201-section-04 .list-group-item-action .w-25 {
  width: 80px !important;
}

.wdb-mypage-201-section-02 .card {
  height: 100%;
  min-height: 100px;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  font-weight: bold;
  color: #333;
}

.wdb-mypage-201-section-02 .card:hover {
  background-color: #f7f7f7;
}

.wdb-mypage-201-section-02 .wdb-card-link-with-icon {
  display: block;
  height: 1.5rem;
  margin: 0 auto 0.375rem;
}

@media (max-width: 767.9px) {
  .wdb-mypage-201-section-01 {
    margin: 0 -8px;
    padding-top: 0;
    padding-bottom: 0;
    width: calc(100% + 16px);
  }
  .wdb-mypage-201-section-01 .list-group-item {
    padding-right: 3rem !important;
    border-radius: 0;
    border-left: 0 !important;
    border-top: 0 !important;
    border-right: 0 !important;
  }
  .wdb-mypage-201-section-01 .list-group-item:after {
    right: 2rem !important;
  }
  _:-ms-lang(x)::-ms-backdrop, .wdb-mypage-201-section-02 .wdb-card-link-with-icon {
    width: 1.5rem;
  }
}

@media (min-width: 768px) {
  .wdb-mypage-201-section-01 {
    padding-top: 2.5rem;
    padding-bottom: 1rem;
  }
  .wdb-mypage-201-section-01 .wdb-circle-badge {
    width: 3.5rem;
    height: 3.5rem;
    padding: 1.25rem 0.125rem;
    font-size: 0.875rem;
  }
  .wdb-mypage-201-section-01 .wdb-text-cont {
    width: calc(100% - 3.5rem);
    width: calc(100% - 2.3125rem);
    font-size: 0.9375rem;
  }
  .wdb-mypage-201-section-01 .wdb-text-cont .wdb-small-text {
    padding-left: 8px;
    display: inline-block;
    font-size: 0.875rem;
  }
  .wdb-mypage-201-section-02 .col-6 .card {
    min-height: 86px;
    padding-left: 3.5rem;
    font-size: 1.125rem;
  }
  .wdb-mypage-201-section-02 .col-6 .wdb-card-link-with-icon {
    position: absolute;
    top: 50%;
    left: 3rem;
    transform: translate(0, -50%);
    height: 3.125rem;
    margin: 0;
  }
  .wdb-mypage-201-section-02 .card {
    padding: 1.5rem 0.5rem !important;
    font-weight: normal;
  }
  .wdb-mypage-201-section-02 .wdb-card-link-with-icon {
    height: 2.25rem;
    margin-bottom: 1.25rem;
  }
  .wdb-mypage-201-section-03 .list-group-item .wdb-l-font-12 {
    font-size: 0.8125rem !important;
  }
  _:-ms-lang(x)::-ms-backdrop, .wdb-mypage-201-section-02 .col-6 .wdb-card-link-with-icon {
    width: 3.125rem;
  }
  _:-ms-lang(x)::-ms-backdrop, .wdb-mypage-201-section-02 .wdb-card-link-with-icon {
    width: 1.6875rem;
  }
}

/* doconico活用ガイド カルーセル */
.wdb-doconico-guide-carousel {
  padding-bottom: 40px;
}
.wdb-doconico-guide-image-block {
  width: 100%;
  background-color: #f5f5f5;
  text-align: center;
}
.wdb-doconico-guide-carousel.owl-theme .owl-nav {
  margin: 0;
}
.wdb-doconico-guide-carousel.owl-theme .owl-nav [class*=owl-] {
  top: auto;
  bottom: 0;

}
.wdb-doconico-guide-carousel.owl-theme .owl-nav .owl-prev.btn {
  display: none;
}
.wdb-doconico-guide-carousel.owl-theme .owl-nav .owl-next.btn.disabled {
  opacity: 1;
  display: block!important;
}
.wdb-doconico-guide-carousel.owl-theme .owl-nav .owl-next.btn span.doconico-btn-close,
.wdb-doconico-guide-carousel.owl-theme .owl-nav .owl-next.btn.disabled span.doconico-btn-next {
  display: none;
}
.wdb-doconico-guide-carousel.owl-theme .owl-nav .owl-next.btn.disabled span.doconico-btn-close,
.wdb-doconico-guide-carousel.owl-theme .owl-nav .owl-next.btn span.doconico-btn-next {
  display: block;
}

.wdb-doconico-guide-carousel.owl-theme .owl-dots,
.wdb-doconico-guide-carousel.owl-theme .owl-nav {
  margin-bottom: 0.5rem;
}

@media (min-width: 768px) {
  .wdb-doconico-guide-image-block {
    height: 20rem;
  }
  .wdb-doconico-guide-image-block img {
    width: auto !important;
    height: 100%;
    margin: auto;
  }
  .wdb-doconico-guide-text-block {
    max-width: 30rem;
    margin: auto;
  }
}

/* 紹介可能なお仕事とは */
.wdb-introduce-flow .wdb-introduce-flow-block {
  position: relative;
  padding-bottom: 32px;
}
.wdb-introduce-flow .wdb-introduce-flow-block:after {
  position: absolute;
  left: 50%;
  bottom: 8px;
  transform: translate(-50%, 0);
  width: 32px;
  border: 16px solid transparent;
  border-bottom: 0;
  border-top-color: #ccc;
  content: "";
  }
.wdb-introduce-flow .wdb-introduce-flow-block:last-child {
  padding-bottom: 0;
}
.wdb-introduce-flow .wdb-introduce-flow-block:last-child:after {
  display: none;
}

/* ---------------------------------------------------------
101-0100.html carousels
----------------------------------------------------------*/

.wdb-job-card-carousels .wdb-job-card-title {
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  height: 56px;
  overflow: hidden;
  margin-top: 0;
  align-self: flex-start;
  border-bottom: 0;
}
.wdb-job-card-carousels .wdb-work-dl {
  display: flex;
  flex-wrap: wrap;
  margin: 0 0 1rem;
  align-self: flex-end;
}
  .wdb-job-card-carousels .wdb-work-dl dt {
  display: block;
  width: 70px;
}
.wdb-job-card-carousels .wdb-work-dl dt + dd {
  width: calc(100% - 70px);
  margin-bottom: 0.25rem;
}
.wdb-job-card-carousels .wdb-btn-cont {
  width: 100%;
}
@media (max-width: 767.9px) {
.wdb-job-card-carousels:not(.owl-drag) {
  width: auto;
}
.wdb-job-card-carousels.owl-drag {
  width: 100%;
}
.wdb-job-card-carousels .owl-stage {
  padding-left: 0 !important;
}
.wdb-job-card-carousels .wdb-job-card-img {
  display: none;
}
.wdb-job-card-carousels .wdb-btn-cont .btn:not(.wdb-concern-btn) {
  padding-right: 0.5rem;
  padding-left: 0.5rem;
}
.wdb-job-card-carousels .owl-stage-outer {
  overflow: visible !important;
}
}
@media (min-width: 768px) {
.wdb-job-card-carousels {
  width: 976px;
}
.wdb-job-card-carousels:not(.owl-drag) {
  width: auto;
}
.wdb-job-card-carousels .owl-item .wdb-carousel-item {
  max-width: 100% !important;
}
.wdb-job-card-carousels .wdb-job-card-title {
  height: 52px;
}
.wdb-job-card-carousels .wdb-work-dl {
  font-size: 0.75rem;
}
.wdb-job-card-carousels .wdb-work-dl dt {
  display: block;
  width: 58px;
}
.wdb-job-card-carousels .wdb-work-dl dt + dd {
  width: calc(100% - 58px);
}
/* IE11向け カード内見出しの省略 */
_:-ms-lang(x)::-ms-backdrop, .wdb-job-card-carousels .wdb-job-card-title {
  position: relative;
  height: 52px;
  overflow: hidden;
  line-height: 1.6;
}
_:-ms-lang(x)::-ms-backdrop, .wdb-job-card-carousels .wdb-job-card-title.wdb-clamp-title:before {
  position: absolute;
  background: #fff;
  bottom: -6px;
  right: 0;
  width: 1rem;
  font-size: 1rem;
  text-align: center;
  line-height: 2.0;
  content: "...";
}
_:-ms-lang(x)::-ms-backdrop, .wdb-job-card-carousels .wdb-job-card-title.wdb-clamp-title:after {
  position: absolute;
  background: #fff;
  width: 100%;
  height: 100%;
  content: "";
}
}

/* ---------------------------------------------------------
印刷対応
----------------------------------------------------------*/

@media print{
  @page {
    size: a3;
  }
}

@media print{
  a {
    text-decoration: none!important;
  }
  *:focus {
    outline: none!important;
  }
  .wdb-head-menu {
    padding: 1.875rem 0;
  }
  .container {
    padding: 0 1.875rem;
  }

  /* Firefox */
  @-moz-document url-prefix() {
    .card {
      display: block !important;
    }
    .card,
    .btn,
    .border-primary {
      border-width: 1.4px !important;
    }
    .bg-sky .tab-pane .card,
    .bg-sec-blue .tab-pane .card {
      border-width: 2px;
    }
  }
}

/* ---------------------------------------------------------
サジェスト表示
----------------------------------------------------------*/
.autocomplete-items {
  background: #fff;
  border: 1px solid #CCC;
  margin: -4px 0 0;
  max-height: 190px;
  overflow-y: scroll;
}

.autocomplete-items div {
  border-bottom: 1px solid #ccc;
  cursor: pointer;
  padding: 4px 16px;
}

.autocomplete-items div:last-child {
  border-bottom: none;
}

/* ---------------------------------------------------------
画像表示
----------------------------------------------------------*/
img.vertical-image {
  max-height: 160px;
}
img.side-image {
  max-width: 240px;
}
/* colors */
* { box-sizing: border-box; }

a:hover, a:active, a:focus { outline: none; }

ul, ol { padding-left: 1.8rem; }

body.wdb-is-hidden { overflow: hidden; }

/* ---------------------------------------------------------
Icon
----------------------------------------------------------*/
/* .wdb-icon.wdb-icon-pdf:after { display: inline-block; width: 1rem; height: 1rem; background: url("../images/common/icon-pdf.png") no-repeat center center/1rem; content: ""; } */

.wdb-suggest-remove-btn { display: inline-block; width: 1rem; height: 1rem; margin-left: 0.5rem; background: url(../images/common/icon-suggest-remove.svg) no-repeat center center/1rem; vertical-align: -2px; }

.wdb-suggest-remove-btn:hover { cursor: pointer; }

/* ---------------------------------------------------------
Main Container
----------------------------------------------------------*/
.wdb-main-container {
  width: 100%;
}

@media (max-width: 767.9px) { .wdb-main-container { overflow-x: hidden; -ms-overflow-style: none; /* IE, Edge 対応 */ scrollbar-width: none; /* Firefox 対応 */ }
  .wdb-main-container::-webkit-scrollbar { /* Chrome, Safari 対応 */ display: none; }
  .wdb-l-main > main { min-height: calc(100vh - 141px); } }

@media (min-width: 768px) {
  .wdb-main-container {
    display: flex;
    min-width: 1000px;
  }
  .wdb-l-main {
    width: 100%;
    min-width: 1168px;
  }
  .wdb-l-main > main {
    min-height: calc(100vh - 58px);
  }
}

/* ---------------------------------------------------------
Footer
----------------------------------------------------------*/
.wdb-footer-links { padding: 2.5rem 0; border-top: 1px solid #ccc; }

.wdb-footer-links h2 { font-size: 0.9375rem; }

.wdb-footer-links ul { margin: 0; padding: 0; overflow: hidden; }

.wdb-footer-links li { float: left; margin: 0.25rem 0.5rem; margin-left: 0; padding-right: 0.5rem; list-style-type: none; border-right: 1px solid #ccc; font-size: 0.75rem; line-height: 1.0; }

.wdb-footer-links li:last-child { margin-right: 0; padding-right: 0; border-right: 0; }

_:-ms-lang(x)::-ms-backdrop, .wdb-footer-links li { line-height: 1.2; }

.wdb-footer-area-list { margin: 0; padding: 0; overflow: hidden; }

.wdb-footer-area-list > li { width: 100%; display: flex; margin: 0.25rem 0.5rem; margin-left: 0; padding: 0; border-right: 0; list-style-type: none; font-size: 0.75rem; line-height: 1.0; }

.wdb-footer-area-list .wdb-l-block { width: 6.25rem; }

.wdb-footer-area-list ul { width: 100%; margin: 0; padding: 0; }

.wdb-footer-area-list li { margin: 0 0.5rem 0.25rem 0; }

.wdb-foot-navidation ul { margin: 0; padding: 1rem 0 0; overflow: hidden; }

.wdb-foot-navidation li { float: left; margin: 0.25rem 0.5rem; margin-left: 0; padding-right: 0.5rem; list-style-type: none; border-right: 1px solid #666; font-size: 0.75rem; line-height: 1.0; }

.wdb-foot-navidation li:last-child { border-right: 0; }

.wdb-foot-navidation a { color: #666; }

.wdb-sp-menu-overlay { display: none; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); }

.wdb-sp-menu-overlay.wdb-is-shown { display: block; z-index: 99; }

.wdb-sp-foot-content { position: fixed; bottom: 0; left: 0; width: 100vw; z-index: 98; }

.wdb-main-foot-content { position: fixed; bottom: 0; right: 0; width: calc( 100% - 180px); z-index: 98; }

.wdb-main-foot-content .row { width: 960px; }

@media (max-width: 767.9px) {
  /* Start「詳細を見る」、「応募画面へ」、「気になる」フォントサイズ調整 */
  .wdb-btn-cont1 > a,.wdb-btn-cont1 > button { font-size: 0.85rem; }
  /* End */
}

@media (min-width: 768px) { .wdb-pc-footbtn-shown { margin-bottom: 94px; }
  .wdb-footer-links { padding: 4.5rem 0; }
  .wdb-foot-navidation ul { display: flex; align-items: center; justify-content: center; padding: 1.875rem 0 0; }
  .wdb-foot-navidation li { float: none; } }

/* ---------------------------------------------------------
Header
----------------------------------------------------------*/
.wdb-gnav > * { display: flex; align-items: center; padding: 0.5rem 0.75rem 0.4375rem; font-size: 0.625rem; line-height: 1.4; }

.wdb-gnav a:not(.btn) { color: #333; }

.wdb-gnav .wdb-gnav-btn-cont a { position: relative; margin-left: 1rem; text-align: center; font-weight: bold; }

.wdb-gnav .wdb-gnav-btn-cont a:first-child { margin-left: 0; }

.wdb-gnav .wdb-gnav-btn-cont .badge { position: absolute; top: -2px; right: -10px; min-width: 1rem; padding: 3px 5px; font-size: 10px; }

.wdb-header-brand { min-width: 230px; margin-right: auto; }

.wdb-header-brand a:hover { text-decoration: none; }

.wdb-header-brand .wdb-header-text { margin-left: 0.5rem; line-height: 1.8; color: #999; white-space: nowrap; }

.wdb-header-brand .wdb-header-text.wdb-doconico-logo { font-weight: bold; color: #13489d; }

.wdb-header-brand h1 { margin: 0; font-size: inherit !important; font-weight: normal !important; }

.wdb-header-btn { text-align: center; color: #333; }

.wdb-header-btn .wdb-icon { display: block; margin-bottom: 0.25rem; }

.wdb-popup .wdb-popup-header { display: flex; align-items: center; padding: 0.75rem 0.75rem 0.75rem; font-size: 0.625rem; line-height: 1.4; height: 60px; }

.wdb-popup-header .wdb-header-brand { width: auto; min-width: 270px; display: inline-block; }

.wdb-popup-header .wdb-header-brand a { display: flex; align-items: center; }

.wdb-popup-header .wdb-header-brand a .wdb-header-text.wdb-doconico-logo { width: auto; display: block; text-align: left; margin-left: 0.5rem; line-height: 1.8; }

@media (max-width: 767.9px) { .wdb-gnav-btn-cont .wdb-icon img { height: 16px; } }

@media (min-width: 768px) { .wdb-gnav > * { display: block; padding: 24px 0 0; }
  .wdb-header-brand { display: block; width: 100%; min-width: auto; text-align: center; }
  .wdb-header-brand span { display: block; text-align: left; }
  .wdb-header-brand img { width: 84px; }
  .wdb-header-brand .wdb-logo { margin: auto; }
  .wdb-header-brand .wdb-header-text { width: 84%; max-width: 84%; margin: 0.625rem auto 0; /* &:not(.wdb-doconico-logo) { min-width: 220px; }*/ }
  .wdb-header-brand .wdb-header-text.wdb-doconico-logo { width: 100%; max-width: 100%; display: flex; justify-content: center; line-height: 1.4; }
  .wdb-header-brand .wdb-header-text.wdb-doconico-logo img { display: inline-block; height: 100%; max-width: 3.5rem; margin-right: 0.5rem; }
  .wdb-header-brand .wdb-doconico-logo { text-align: center; }
  .wdb-popup .wdb-popup-header { max-width: 1280px; height: 4.1875rem; padding: 1rem 3.1875rem; font-size: 0.75rem; }
  .wdb-popup .wdb-popup-header .wdb-logo { width: auto; height: 2.0625rem; margin: 0; }
  .wdb-popup .wdb-popup-header .wdb-doconico-logo img { width: 92px; max-width: none; }
  .wdb-popup .wdb-popup-header .wdb-header-text { margin: 0 0 0 0.875rem; }
  .wdb-popup .wdb-popup-header .wdb-header-text.wdb-doconico-logo { font-size: 0.8125rem; } }

/* ---------------------------------------------------------
Popup Header + Footer
----------------------------------------------------------*/
nav.wdb-popup + main { min-height: calc(100vh - 95px); background: #e7f0f7; }

nav.wdb-popup + main.wdb-main-popup-footbtn-shown { min-height: calc(100vh - 152px); }

@media (min-width: 768px) { nav.wdb-popup + main { min-height: calc(100vh - 125px) !important; } }

/* ---------------------------------------------------------
Short Nav
----------------------------------------------------------*/
.wdb-nav { position: relative; background: #fff; }

.wdb-nav .wdb-nav-item { font-weight: bold; }

.wdb-nav .wdb-nav-item a { color: #333; }

.wdb-nav .wdb-nav-item.wdb-nav-item-arrow { position: relative; }

.wdb-nav .wdb-nav-item.wdb-nav-item-arrow:after { position: absolute; top: calc(50% - 1px); right: 0.2rem; width: 0.4rem; height: 0.4rem; transform: translate(0, -50%) rotate(-135deg); border: 1px solid #295cba; border-left: 0; border-top: 0; content: ""; }

.wdb-nav .wdb-nav-item.wdb-nav-item-arrow.collapsed:after { top: calc(50% - 3px); transform: translate(0, -50%) rotate(45deg); }

.wdb-nav .wdb-menu-icon { width: 1rem; height: 1rem; margin: 0 auto 0.1875rem; }

.wdb-nav .wdb-menu-icon img { width: auto; height: 100%; }

.wdb-nav .wdb-menu-links { display: flex; flex-wrap: wrap; margin: 1rem 0; }

.wdb-nav .wdb-menu-links a { padding-right: 0.5rem; margin: 0.25rem 0.5rem 0.75rem 0; border-right: 1px solid #ccc; line-height: 1.2; }

.wdb-nav .wdb-menu-links a:last-child { padding-right: 0; margin-right: 0; border: 0; }

@media (max-width: 767.9px) { .wdb-nav .wdb-nav-item { padding: 0; border: 1px solid #ccc; border-right: 0; font-size: 0.625rem; text-align: center; }
  .wdb-nav .wdb-nav-item:first-child { border-left: 0; }
  .wdb-nav .wdb-nav-item.wdb-is-shown { border-bottom-color: #f5f5f5; }
  .wdb-nav .wdb-nav-item a { display: block; padding: 0.625rem 0.125rem; text-decoration: none; }
  .wdb-nav .wdb-nav-item a span { display: block; }
  .wdb-nav .wdb-second-level-menu { display: none; }
  .wdb-search-menu-btn.wdb-is-shown { background: #f5f5f5; }
  .wdb-search-menu-btn.wdb-is-shown img:not(.wdb-close-icon) { display: none; }
  .wdb-search-menu-btn.wdb-is-shown .wdb-close-icon { display: inline-block; width: 1rem; }
  .wdb-search-menu-btn .wdb-close-icon { display: none; }
  .wdb-nav-menu-cont { width: 100%; height: 0; position: absolute; top: 3.6875rem; left: 0; background: #f5f5f5; z-index: 100; overflow: hidden; }
  .wdb-nav-menu-cont .wdb-link-block { border: 1px solid #ccc; }
  .wdb-nav-menu-cont.wdb-is-shown { height: auto; min-height: 100vh; }
  .wdb-nav-menu-cont .list-group.accordion .list-accordion-handle:after { width: 12px; height: 12px; top: 50%; right: 12px; transform: translate(0, -50%) rotate(0); background: url(../images/common/icon-minus.svg) no-repeat left center/100% auto; border: 0; }
  .wdb-nav-menu-cont .list-group.accordion .list-accordion-handle.collapsed:after { background: url(../images/common/icon-plus.svg) no-repeat left center/100% auto; } }

@media (min-width: 768px) { .wdb-nav { margin-top: 1.5rem; padding: 0 1rem; }
  .wdb-nav .wdb-nav-item { padding: 0.25rem 0.5rem 0.5rem; font-size: 0.875rem; }
  .wdb-nav .wdb-nav-item .wdb-menu-icon { display: none; }
  .wdb-nav .wdb-nav-item.wdb-nav-item-arrow { padding-bottom: 0.5rem; }
  .wdb-nav .wdb-nav-item.wdb-nav-item-arrow:hover { cursor: pointer; }
  .wdb-nav .wdb-nav-menu-cont a:not(.btn) { color: #333; }
  .wdb-nav .wdb-pc-sub-menu a { position: relative; }
  .wdb-nav .wdb-second-level-menu { margin: 0.5rem -0.5rem 1rem; margin: 0 -0.5rem; font-size: 0.75rem; }
  .wdb-nav .wdb-second-level-menu > * { padding: 0 0.5rem 0.25rem 1.5rem; }
  .wdb-nav .wdb-second-level-menu > *:first-child { padding-top: 1rem; }
  .wdb-nav .wdb-second-level-menu > *:last-child { padding-bottom: 1rem; } }

/* ---------------------------------------------------------
Page Head
----------------------------------------------------------*/
.wdb-page-head { margin-bottom: 0; background: #295cba; color: #fff; font-size: 0.9375rem; font-weight: bold; text-align: center; }

.wdb-page-head > * { margin-bottom: 0; padding: 0.625rem 0.5rem; text-align: center; }

_:-ms-lang(x), .wdb-page-head { height: 44px; }

.wdb-page-head-visual img { width: 100%; }

.wdb-container { padding-top: 1.25rem; padding-bottom: 1.25rem; }

@media (max-width: 767.9px) { .wdb-page-head > * { font-size: 100%; } }

@media (min-width: 768px) { .wdb-page-head > * { padding: 0.9375rem 3.1875rem; text-align: left; font-size: 1.75rem; }
  _:-ms-lang(x), .wdb-page-head { height: 74px; }
  .wdb-page-head-visual { max-width: 960px; margin: 2rem auto 0; }
  .wdb-container { padding-top: 3rem; padding-bottom: 3rem; } }

.wdb-breadcrumb { display: flex; flex-wrap: wrap; padding: 1rem 3.1875rem; font-size: 0.875rem; }

.wdb-breadcrumb > *:after { display: inline-block; padding: 0 0.5rem; content: ">"; }

.wdb-breadcrumb > *.wdb-is-active:after { content: ""; }

/* ---------------------------------------------------------
Scroll Top Button
----------------------------------------------------------*/
#page_top { position: fixed; bottom: 80px; right: 60px; z-index: 100; transition-duration: 0.1s; transition-property: bottom; }

#page_top a { width: 60px; height: 60px; border-radius: 50%; background-color: #999; opacity: 0.7; display: flex; justify-content: center; align-items: flex-end; padding-bottom: 10px; font-weight: bold; color: #fff; font-size: 14px; }

#page_top a:after { content: ""; width: 16px; height: 16px; top: 25px; left: 0; right: 0; margin: 0 auto; transform: rotate(-45deg); position: absolute; border-top: 2px solid #fff; border-right: 2px solid #fff; }

#page_top a:hover { opacity: 0.4; text-decoration: none; }

@media (max-width: 767.9px) { #page_top { bottom: 20px; right: 10px; }
  #page_top a { width: 50px; height: 50px; }
  #page_top a:after { top: 22px; }
  .wdb-is-footbtn-shown #page_top, .wdb-is-popup-footbtn-shown #page_top { bottom: 70px; } }

/* ---------------------------------------------------------
Background Color
----------------------------------------------------------*/
.bg-sky .card, .bg-sec-blue .card { border: none; }

.bg-sky .tab-pane .card, .bg-sec-blue .tab-pane .card { border: 1px solid #ccc; }

/* ---------------------------------------------------------
OwlCarousel2 Custom Style
----------------------------------------------------------*/
.owl-carousel { touch-action: manipulation; }

.owl-carousel .owl-stage { width: 99999px; }

.owl-theme .owl-nav [class*=owl-] { display: block; position: absolute; top: 50%; width: 2.5rem; height: 2.5rem; margin: 0; padding: 0; background: #fff; border-radius: 2.5rem; color: #295cba; font-size: 0; box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.3); }

.owl-theme .owl-nav [class*=owl-]:hover { background: #e7f0f7; }

.owl-theme .owl-nav [class*=owl-].disabled { display: none; }

.owl-theme .owl-nav [class*=owl-]:before { position: absolute; top: 50%; width: 0.5rem; height: 0.5rem; transform-origin: center center; border: 2px solid #295cba; border-left: 0; border-bottom: 0; content: ""; }

.owl-theme .owl-nav [class*=owl-].btn { display: block; right: auto; left: 50%; transform: translate(-50%, 0); width: 100%; max-width: 20rem; padding: 0.282rem 0.75rem; background-color: #295cba; border-color: #295cba; border-radius: 2rem; font-weight: 400; text-align: center; cursor: pointer; user-select: none; font-size: 0.9375rem; line-height: 1.8; color: #fff; transition: color 0.15s ease-in-out, background-color 0.15s ease-in-out, border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; box-shadow: none; }

.owl-theme .owl-nav [class*=owl-].btn:before { display: none; }

.owl-theme .owl-nav [class*=owl-].btn.disabled { display: none; }

.owl-theme .owl-nav [class*=owl-].btn:hover { color: #fff; background-color: #698dcf; border-color: transparent; }

.owl-theme .owl-nav [class*=owl-].btn:active { box-shadow: 0 0 0 0.2rem #a4b9e1; }

.owl-theme .owl-prev { left: 0; }

.owl-theme .owl-prev:before { left: calc(50% + 2px); transform: translate(-50%, -50%) rotate(-135deg); }

.owl-theme .owl-next { top: 50%; right: 0; }

.owl-theme .owl-next:before { left: calc(50% - 2px); transform: translate(-50%, -50%) rotate(45deg); }

.owl-theme .owl-dots .owl-dot span { width: 6px; height: 6px; background: #295cba; opacity: 0.5; }

.owl-theme .owl-dots .owl-dot.active span, .owl-theme .owl-dots .owl-dot:hover span { background: #295cba; opacity: 1; }

@media (min-width: 1460px) { .owl-theme .owl-prev { left: -1.25rem; }
  .owl-theme .owl-next { right: -1.25rem; } }

@media (max-width: 767.9px) { .owl-theme .owl-nav [class*=owl-].btn:hover { color: #fff; background-color: #295cba; border-color: #295cba; } }

/* ---------------------------------------------------------
Width
----------------------------------------------------------*/
.wdb-l-w-80 { width: 5rem; }

.wdb-l-w-120 { width: 7.5rem; }

.wdb-l-w-128 { width: 8rem; }

/* ---------------------------------------------------------
Font Size
----------------------------------------------------------*/
.wdb-l-font-10 { font-size: 0.625rem !important; }

.wdb-l-font-12 { font-size: 0.75rem !important; }

.wdb-l-font-13 { font-size: 0.8125rem !important; }

.wdb-l-font-14 { font-size: 0.875rem !important; }

.wdb-l-font-15 { font-size: 0.9375rem !important; }

.wdb-l-font-16 { font-size: 1rem !important; }

.wdb-l-font-18 { font-size: 1.125rem !important; }

.wdb-l-font-20 { font-size: 1.25rem !important; }

.wdb-l-font-24 { font-size: 1.5rem !important; }

.wdb-l-font-26 { font-size: 1.625rem !important; }

.wdm-line-index { position: relative; }

.wdm-line-index:before { width: 0.25rem; height: 100%; background: #295cba; content: ""; }

/* ---------------------------------------------------------
Margin
----------------------------------------------------------*/
@media (min-width: 768px) { .wdb-l-mt-md-60 { margin-top: 3.75rem !important; } }

/* ---------------------------------------------------------
Section
----------------------------------------------------------*/
.wdb-section { margin-bottom: 0rem; padding-top: 1rem; padding-bottom: 1rem; }

.wdb-section.arrow-section { padding-bottom: 1rem; }

.wdb-section.arrow-section + * { padding-top: calc(5vw + 2rem); }

/* ---------------------------------------------------------
Text Lines
----------------------------------------------------------*/
.wdb-text-lines.wdb-line-blue { background: linear-gradient(transparent 75%, #295cba 75%); }

.wdb-text-lines.wdb-line-dark-blue { background: linear-gradient(transparent 75%, #13489d 75%); }

.wdb-text-lines.wdb-line-blue-gary { background: linear-gradient(transparent 75%, #eff4f7 75%); }

.wdb-text-lines.wdb-line-sky { background: linear-gradient(transparent 75%, #e7f0f7 75%); }

.wdb-text-lines.wdb-line-red { background: linear-gradient(transparent 75%, #ff4141 75%); }

.wdb-text-lines.wdb-line-pink { background: linear-gradient(transparent 75%, #ffeae8 75%); }

.wdb-text-lines.wdb-line-orange { background: linear-gradient(transparent 75%, #f67e28 75%); }

.wdb-text-lines.wdb-line-light-orange { background: linear-gradient(transparent 75%, #fef2e9 75%); }

.wdb-text-lines.wdb-line-yellow { background: linear-gradient(transparent 75%, #ffb646 75%); }

.wdb-text-lines.wdb-line-light-yellow { background: linear-gradient(transparent 75%, #fffdcb 75%); }

.wdb-text-lines.wdb-line-green { background: linear-gradient(transparent 75%, #6dc74c 75%); }

.wdb-text-lines.wdb-line-light-green { background: linear-gradient(transparent 75%, #f0f9ed 75%); }

.wdb-text-lines.wdb-line-white { background: linear-gradient(transparent 75%, #fff 75%); }

.wdb-text-lines.wdb-line-gray { background: linear-gradient(transparent 75%, #999 75%); }

.wdb-text-lines.wdb-line-light-gray { background: linear-gradient(transparent 75%, #f5f5f5 75%); }

.wdb-text-lines.wdb-line-brown { background: linear-gradient(transparent 75%, #a48e75 75%); }

.wdb-text-dotted-lines.wdb-text-dotted-lines-blue { border-bottom: dotted 2px #295cba; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-dark-blue { border-bottom: dotted 2px #13489d; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-blue-gary { border-bottom: dotted 2px #eff4f7; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-sky { border-bottom: dotted 2px #e7f0f7; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-red { border-bottom: dotted 2px #ff4141; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-pink { border-bottom: dotted 2px #ffeae8; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-orange { border-bottom: dotted 2px #f67e28; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-light-orange { border-bottom: dotted 2px #fef2e9; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-yellow { border-bottom: dotted 2px #ffb646; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-light-yellow { border-bottom: dotted 2px #fffdcb; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-green { border-bottom: dotted 2px #6dc74c; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-light-green { border-bottom: dotted 2px #f0f9ed; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-white { border-bottom: dotted 2px #fff; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-gray { border-bottom: dotted 2px #999; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-light-gray { border-bottom: dotted 2px #f5f5f5; }

.wdb-text-dotted-lines.wdb-text-dotted-lines-brown { border-bottom: dotted 2px #a48e75; }

/* ---------------------------------------------------------
Dots on text
----------------------------------------------------------*/
.wdb-dots-on-text span { position: relative; padding-top: 0.5rem; }

.wdb-dots-on-text span:before { position: absolute; content: ""; width: 0.4rem; height: 0.4rem; border-radius: 50%; background-color: #6dc74c; border-radius: 0.4rem; top: 0; left: 50%; transform: translate(-50%, 0); }

.wdb-text-overflow { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }

/* ---------------------------------------------------------
Faq
----------------------------------------------------------*/
.wdb-faq .wdb-faq-item { text-indent: -1.5rem; padding-left: 1.5rem; }

.wdb-faq .wdb-icon-faq-q, .wdb-faq .wdb-icon-faq-a { width: 1rem; height: 1rem; margin-right: 0.5rem; display: inline-block; border-radius: 50%; font-size: 0.625rem; font-weight: bold; text-align: center; text-indent: 0; color: #fff; line-height: 1.4; }

.wdb-faq .wdb-icon-faq-q { background: #ff4141; }

.wdb-faq .wdb-icon-faq-a { background: #f67e28; }

.wdb-horizontal-area { display: flex; flex-direction: row !important; }

/* ---------------------------------------------------------
Job Card
----------------------------------------------------------*/
.wdb-job-card .wdb-job-card-title { margin-top: 0.5rem; margin-bottom: 0.5rem; }

.wdb-job-card .wdb-work-dl { display: flex; flex-wrap: wrap; margin: 0 0 1rem; font-size: 0.75rem; }

.wdb-job-card .wdb-work-dl dt { width: 3.75rem; padding-right: 0.25rem; }

.wdb-job-card .wdb-work-dl dt + dd { width: calc(100% - 3.75rem); margin-bottom: 0.25rem; }

.wdb-job-card .wdb-concern-btn { line-height: 0.8; }

.wdb-job-card .wdb-concern-btn img { width: 1rem; }

.wdb-job-card .wdb-concern-btn.wdb-is-active .wdb-icon-no-active { pointer-events: none; display: none; }

.wdb-job-card .wdb-concern-btn.wdb-is-active .wdb-icon-active { pointer-events: none; display: inline-block; }

.wdb-job-card .wdb-concern-btn .wdb-icon-no-active { pointer-events: none; display: inline-block; }

.wdb-job-card .wdb-concern-btn .wdb-icon-active { pointer-events: none; display: none; }

.wdb-job-card.wdb-is-recommend { border: 2px solid #f67e28 !important; position: relative; }

.wdb-job-card.wdb-is-recommend .wdb-is-recommend-icon { background: #f67e28; font-size: 1rem; color: #fff; padding: 0.25rem 0.375rem 0.375rem; display: flex; align-items: center; font-weight: bold; }

.wdb-job-card.wdb-is-recommend .wdb-is-recommend-icon img { width: 26px; margin-right: 0.375rem; }

.wdb-job-card.wdb-is-recommend .wdb-is-recommend-icon .wdb-is-recommend-date { font-size: 0.75rem; font-weight: normal; }

.wdb-job-card.wdb-is-recommend .card-body { background: #fffed9; }

@media (min-width: 768px) { .wdb-job-card .wdb-job-card-title { border-bottom: 1px solid #ccc; font-size: 1.125rem !important; }
  .wdb-job-card .wdb-work-dl { font-size: inherit; }
  .wdb-job-card .wdb-work-dl dt { width: 5rem; }
  .wdb-job-card .wdb-work-dl dt + dd { width: calc(100% - 5rem); }
  .wdb-job-card .wdb-btn-cont { width: 100%; justify-content: center; }
  /* Start「詳細を見る」、「応募画面へ」、「気になる」横幅調整 */
  .wdb-job-card .wdb-btn-cont1 { width: 55%; }
  /* End */
}

.wdb-job-card-head {display: flex; flex-flow: row; justify-content: space-between; align-items: center;}

.wdb-job-card-update-date {display: inline-block; margin-bottom: 0; text-align: right; color: #999999; font-size: 0.75rem;}

.wdb-job-card-annotation {display: block; font-size: 0.625rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}

@media (min-width: 768px) {
  .wdb-job-card-annotation { font-size: 0.75rem;}
}

.wdb-job-card-info {display: block; margin-top: 0.5rem; margin-bottom: 0; text-align: center; font-size: 0.75rem; font-weight: bold;}

@media (min-width: 768px) {
  .wdb-job-card-info {margin-top: 1rem; font-size: 0.9375rem;}

  .wdb-job-card-info:is(.owl-carousel *) {font-size: 0.8125rem;}
}

.wdb-job-card-info .wdb-job-card-info-emphasize {color: #F67E28;}

/* ---------------------------------------------------------
Date Contents
----------------------------------------------------------*/
.wdb-date-list .wdb-date { display: block; }

@media (min-width: 768px) { .wdb-date-list .wdb-date-list-item { display: flex; }
  .wdb-date-list .wdb-date { display: inline-block; width: 6.25rem; padding-right: 1rem; }
  .wdb-date-list .wdb-text { width: calc(100% - 6.25rem); } }

/* ---------------------------------------------------------
Date Contents
----------------------------------------------------------*/
.wdb-accordion-handle.wdb-handle-arrow { position: relative; padding-right: 2rem !important; }

.wdb-accordion-handle.wdb-handle-arrow:after { position: absolute; top: calc(50% + 2px); right: 1rem; width: 0.5rem; height: 0.5rem; transform: translate(0, -50%) rotate(-45deg); transform-origin: center center; border: 2px solid #187cc2; border-left: 0; border-bottom: 0; content: ""; }

.wdb-accordion-handle.wdb-handle-arrow.collapsed:after { top: calc(50% - 2px); transform: translate(0, -50%) rotate(135deg); }

.wdb-link ul { margin: -0.125rem 0; padding: 0; overflow: hidden; }

.wdb-link li { margin: 0.125rem 0.5rem 0.125rem 0; padding: 0; padding-right: 0.5rem; float: left; border-right: 1px solid #ccc; font-size: 0.875rem; list-style-type: none; line-height: 1.0; }

.wdb-link li:last-child { border-right: 0; }

.wdb-link.wdb-size-lg ul { margin: 0; }

.wdb-link.wdb-size-lg li { margin: 0.3125rem 0.5rem 0.3125rem 0; font-size: inherit; }

.wdb-arrow-link { position: relative; padding-right: 1.0rem !important; }

.wdb-arrow-link:after { position: absolute; top: calc(50% + 1px); right: 0.2rem; width: 0.5rem; height: 0.5rem; transform: translate(0, -50%) rotate(45deg); transform-origin: center center; border: 2px solid #295cba; border-left: 0; border-bottom: 0; content: ""; }

@media (min-width: 768px) { .wdb-link ul { margin: -0.25rem 0; }
  .wdb-link ul li { margin: 0.25rem 0.5rem 0.25rem 0; } }

.form-block .wdb-checkbox:hover, .form-block .wdb-radio:hover { cursor: pointer; }

.wdb-checkbox, .wdb-radio { display: flex; align-items: center; }

.wdb-checkbox .wdb-checkbox-icon { width: 1.25rem; height: 1rem; position: relative; top: 0; padding-right: 1.5rem; }

.wdb-checkbox .wdb-checkbox-icon:before, .wdb-checkbox .wdb-checkbox-icon:after { content: ""; transform: translate(0, -50%); box-sizing: border-box; }

.wdb-checkbox .wdb-checkbox-icon:before { position: absolute; top: 50%; left: 0; width: 1rem; height: 1rem; background: #fff; border: 1px solid #ccc; border-radius: 2px; }

.wdb-checkbox .wdb-checkbox-icon:after { display: none; position: absolute; top: 50%; left: 0; width: 1rem; height: 1rem; background: #fff url(../images/common/checkbox-icon.png) no-repeat -1px center/16px auto; border: 1px solid #ccc; border-radius: 2px; }

.wdb-checkbox input[type=checkbox] { display: none; }

.wdb-checkbox input[type=checkbox]:checked + .wdb-checkbox-icon:after { display: block; background-color: #295cba; border-color: #295cba; }

.wdb-checkbox input[type=checkbox]:disabled + .wdb-checkbox-icon:after { background-color: #f5f5f5; border-color: #999; opacity: 0.5; }

.wdb-radio .wdb-radio-icon { width: 1.25rem; height: 1rem; position: relative; top: 0; padding-right: 1.5rem; }

.wdb-radio .wdb-radio-icon:before, .wdb-radio .wdb-radio-icon:after { content: ""; transform: translate(0, -50%); }

.wdb-radio .wdb-radio-icon:before { position: absolute; top: 50%; left: 0; width: 1rem; height: 1rem; background: #fff; border: 1px solid #ccc; border-radius: 1rem; }

.wdb-radio .wdb-radio-icon:after { display: none; position: absolute; top: 50%; left: 0.25rem; width: 0.5rem; height: 0.5rem; background: #295cba; border-radius: 1rem; }

.wdb-radio input[type=radio] { display: none; }

.wdb-radio input[type=radio]:checked + .wdb-radio-icon:after { display: block; }

.wdb-radio input[type=radio]:disabled + .wdb-radio-icon:before { background: #f5f5f5; border-color: #999; }

.wdb-radio input[type=radio]:disabled + .wdb-radio-icon:after { opacity: 0.5; }

/* ---------------------------------------------------------
Selecter
----------------------------------------------------------*/
.wdb-selecter { padding-right: 40px; background-color: #fff; background-image: url("../images/common/select-icon.svg"); background-repeat: no-repeat; background-position: calc(100% - 16px) center; background-size: 12px auto; appearance: none; -webkit-appearance: none; }

.wdb-selecter::-ms-expand { display: none; }

/* ---------------------------------------------------------
Note Text
----------------------------------------------------------*/
.wdb-note-list { font-size: 0.625rem; }

/* ---------------------------------------------------------
Flow Contents
----------------------------------------------------------*/
.wdb-flow { margin-top: 0; margin-bottom: 0; padding: 0; counter-reset: num; }

.wdb-flow li { position: relative; margin-bottom: 1.5rem; padding: 0.625rem 1rem; background: #fff; list-style-type: none; text-align: center; }

.wdb-flow li:before { position: absolute; top: 50%; left: 2rem; transform: translate(0, -50%); font-size: 1.125rem; font-weight: bold; counter-increment: num; content: counter(num); }

.wdb-flow li:after { position: absolute; top: 100%; left: 50%; transform: translate(-50%, 0); line-height: 1.0; font-size: 1.5rem; color: #91c0e2; content: "↓"; }

.wdb-flow li:last-child { margin-bottom: 0; }

.wdb-flow li:last-child:after { display: none; }

@media (min-width: 768px) { .wdb-flow li { font-size: 1.125rem; } }

/* ---------------------------------------------------------
Arrow Column Contents
----------------------------------------------------------*/
.wdb-arrow-column-cont { display: flex; align-items: center; line-height: 1.4; overflow: hidden; }

.wdb-arrow-column-cont > * { height: 100%; }

.wdb-arrow-column-cont > *:first-child { position: relative; }

.wdb-arrow-column-cont > *:first-child:before, .wdb-arrow-column-cont > *:first-child:after { position: absolute; top: 50%; right: -0.5rem; width: 100%; border-top: 1px solid #ccc; content: ""; }

.wdb-arrow-column-cont > *:first-child:before { transform: rotate(60deg); transform-origin: right; }

.wdb-arrow-column-cont > *:first-child:after { right: calc(-50% - 0.5rem); transform: rotate(120deg) translate(50%, 0); }

/* ---------------------------------------------------------
Icons
----------------------------------------------------------*/
.wdb-icon-pdf:after { display: inline-block; width: 1rem; height: 1rem; background: url("../images/common/icon-pdf.png") no-repeat center center/1rem; content: ""; margin-left: .25rem; }

/* ---------------------------------------------------------
wdb-text-link
----------------------------------------------------------*/
.wdb-disabled-link { pointer-events: none; color: #999; }

/* ---------------------------------------------------------
button
----------------------------------------------------------*/
.wdb-disabled-btn { pointer-events: none; border-color: #f5f5f5; background-color: #f5f5f5; box-shadow: none !important; color: #999; }

.wdb-emphasis-btn { color: #fff; background-color: #F67E28; border-color: #F67E28; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.15), 0 1px 1px rgba(0, 0, 0, 0.075); }

.wdb-emphasis-btn:hover { color: #fff; background-color: rgba(246, 126, 40, 0.7); border-color: transparent; }

.wdb-emphasis-btn.disabled, .wdb-emphasis-btn:disabled { color: #fff; background-color: #F67E28; border-color: #F67E28; }

/* ---------------------------------------------------------
Anchor Content
----------------------------------------------------------*/
@media (max-width: 767.9px) { .wdb-anchor-content .wdb-anchor-item { min-height: 4.5rem; font-size: 0.75rem; } }

@media (min-width: 768px) { .wdb-anchor-content .wdb-anchor-item { min-height: 5.75rem; } }

/* ---------------------------------------------------------
Local Menu
----------------------------------------------------------*/
.wdb-begginer-menu-content .list-group, .wdb-reason-menu-content .list-group, .wdb-seminar-menu-content .list-group { background: transparent; }

.wdb-begginer-menu-content .list-group .list-group-item, .wdb-reason-menu-content .list-group .list-group-item, .wdb-seminar-menu-content .list-group .list-group-item { background: #fff; }

.wdb-begginer-menu-content .list-group .list-group-item:hover, .wdb-reason-menu-content .list-group .list-group-item:hover, .wdb-seminar-menu-content .list-group .list-group-item:hover { background-color: #f7f7f7; }

/* ---------------------------------------------------------
Modal
----------------------------------------------------------*/
.wdb-modal-footer .wdb-applicable-number { width: 20%; font-size: 0.75rem; line-height: 1.4; }

.wdb-modal-footer .wdb-applicable-number .wdb-number { font-size: 0.9375rem; }

.wdb-modal-footer .wdb-search-brn-block { width: 80%; }

@media (min-width: 768px) { .wdb-modal-footer .d-flex { position: relative; }
  .wdb-modal-footer .wdb-applicable-number { width: 30%; font-size: 0.9375rem; }
  .wdb-modal-footer .wdb-applicable-number br { display: none; }
  .wdb-modal-footer .wdb-applicable-number .wdb-number { padding: 0 0.5rem; font-size: 1.5rem; font-weight: normal; }
  .wdb-modal-footer .wdb-search-brn-block { width: 100%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); /* padding: 0 30%; */}
  .wdb-modal-footer .wdb-search-brn-block .btn { max-width: 240px; margin: 0 auto; } }

/* ---------------------------------------------------------
Modal Toggle List
----------------------------------------------------------*/
.wdb-modal-toggle-list.wdb-list-level-2, .wdb-modal-toggle-list.wdb-list-level-3 { display: none; }

.wdb-modal-toggle-list .wdb-toggle-item { display: flex; align-items: center; flex-flow: wrap; padding: 0.75rem 1rem; background: #fff; border: 1px solid #ccc; border-top: 0; cursor: pointer; }

.wdb-modal-toggle-list .wdb-toggle-item:first-child { border-top: 1px solid #ccc; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-is-active { background: #f5f5f5; font-weight: bold; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-is-active.wdb-check .wdb-text { background: #f5f5f5; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-is-disabled { pointer-events: none; background: #fff; color: #999; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-check { padding: 0; display: flex; align-items: center; flex-flow: nowrap; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-check label { display: block; position: relative; width: 3rem; height: 100%; text-align: center; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-check .wdb-text { flex-flow: wrap; width: 100%; padding: 0.75rem 1rem; border-left: 1px solid #ccc; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-check .wdb-checkbox-icon { padding-right: 1rem; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-icon-arrow { position: relative; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-icon-arrow:after { position: absolute; top: 50%; right: 1rem; width: 0.5rem; height: 0.5rem; transform: translate(0, -50%) rotate(135deg); border: 2px solid #295cba; border-left: 0; border-bottom: 0; content: ""; }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-icon-arrow.wdb-is-active:after { top: 55%; transform: translate(0, -50%) rotate(-45deg); }

.wdb-modal-toggle-list .wdb-toggle-item.wdb-icon-arrow .wdb-text { padding-right: 2rem; }

.wdb-modal-toggle-list .wdb-toggle-item > *:not(label) { pointer-events: none; }

.wdb-modal-toggle-list .wdb-toggle-item .wdb-checkbox { cursor: pointer; }

.wdb-modal-toggle-list .wdb-check-list { padding: 0.75rem 1rem; padding-left: 2rem; background: #fff; border: 1px solid #ccc; border-top: 0; }

.wdb-modal-toggle-list .wdb-check-list.form-check { padding: 0; }

.wdb-modal-toggle-list .wdb-check-list.form-check > label { padding: 0.75rem 1rem; padding-left: 2rem; cursor: pointer; }

@media (max-width: 767.9px) { .wdb-modal-toggle-list.wdb-list-level-1 { margin-left: -1rem; margin-right: -1rem; }
  .wdb-modal-toggle-list.wdb-list-level-1 > .wdb-toggle-item { position: relative; padding-right: 2rem; }
  .wdb-modal-toggle-list.wdb-list-level-1 > .wdb-toggle-item:after { position: absolute; top: 50%; right: 1rem; width: 0.5rem; height: 0.5rem; transform: translate(0, -50%) rotate(135deg); border: 2px solid #295cba; border-left: 0; border-bottom: 0; content: ""; }
  .wdb-modal-toggle-list.wdb-list-level-1 > .wdb-toggle-item.wdb-is-active:after { top: 55%; transform: translate(0, -50%) rotate(-45deg); }
  .wdb-modal-toggle-list.wdb-list-level-1 > .wdb-toggle-item.wdb-icon-arrow { padding-right: 0; }
  .wdb-modal-toggle-list.wdb-list-level-2 .wdb-toggle-item:first-child { border-top: 0; }
  .wdb-modal-toggle-list .wdb-toggle-item, .wdb-modal-toggle-list .wdb-check-list { border-right: 0 !important; border-left: 0 !important; } }

@media (min-width: 768px) { .wdb-modal-toggle-list.wdb-fielad-list .wdb-left-content { width: 305px; }
  .wdb-modal-toggle-list.wdb-fielad-list .wdb-right-content { width: calc(100% - 305px + 1px); }
  .wdb-modal-toggle-list .wdb-left-content { width: 280px; height: 100%; overflow: auto; }
  .wdb-modal-toggle-list .wdb-left-content .wdb-toggle-item { border-left: 0; }
  .wdb-modal-toggle-list .wdb-right-content { width: calc(100% - 280px + 1px); height: 100%; margin-left: -1px; overflow: auto; }
  .wdb-modal-toggle-list .wdb-right-content .wdb-toggle-item, .wdb-modal-toggle-list .wdb-right-content .wdb-check-list { border-right: 0; }
  .wdb-modal-toggle-list .wdb-toggle-item:first-child { border-top: 0; } }

@media (min-width: 768px) {
  .wdb-dialog-search-by-work-field .modal-body, .wdb-dialog-search-by-work-location .modal-body { height: 100vh; }
  .wdb-dialog-search-by-work-field .wdb-scroll-area, .wdb-dialog-search-by-work-location .wdb-scroll-area { border: 1px solid #ccc; position: relative; }
  .wdb-dialog-search-by-work-field .wdb-scroll-area:after, .wdb-dialog-search-by-work-location .wdb-scroll-area:after { width: 100%; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%, 0); border-bottom: 1px solid #ccc; content: ""; }
  .wdb-dialog-search-by-work-field .wdb-left-content, .wdb-dialog-search-by-work-field .wdb-right-content, .wdb-dialog-search-by-work-location .wdb-left-content, .wdb-dialog-search-by-work-location .wdb-right-content { height: 100%; margin-bottom: -1px; }
  .wdb-modal-select-by-work-location .modal-body, .wdb-modal-search-by-work-location .modal-body, .wdb-modal-select-by-work-location-pc .modal-body { height: 100vh; }
  .wdb-modal-select-by-work-location .wdb-scroll-area, .wdb-modal-search-by-work-location .wdb-scroll-area, .wdb-modal-select-by-work-location-pc .wdb-scroll-area { border: 1px solid #ccc; position: relative; }
  .wdb-modal-select-by-work-location .wdb-scroll-area:after, .wdb-modal-search-by-work-location .wdb-scroll-area:after, .wdb-modal-select-by-work-location-pc .wdb-scroll-area:after { width: 100%; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%, 0); border-bottom: 1px solid #ccc; content: ""; }
  .wdb-modal-select-by-work-location .wdb-left-content, .wdb-modal-select-by-work-location .wdb-right-content, .wdb-modal-search-by-work-location .wdb-left-content, .wdb-modal-search-by-work-location .wdb-right-content, .wdb-modal-select-by-work-location-pc .wdb-left-content, .wdb-modal-select-by-work-location-pc .wdb-right-content { height: 100%; margin-bottom: -1px; }
  .wdb-modal-search-by-work-field .modal-body, .wdb-modal-select-by-work-field .modal-body, .wdb-modal-select-by-work-field-pc .modal-body { height: 100vh; }
  .wdb-modal-search-by-work-field .wdb-scroll-area, .wdb-modal-select-by-work-field .wdb-scroll-area, .wdb-modal-select-by-work-field-pc .wdb-scroll-area { border: 1px solid #ccc; position: relative; }
  .wdb-modal-search-by-work-field .wdb-scroll-area:after, .wdb-modal-select-by-work-field .wdb-scroll-area:after, .wdb-modal-select-by-work-field-pc .wdb-scroll-area:after { width: 100%; position: absolute; bottom: -1px; left: 50%; transform: translate(-50%, 0); border-bottom: 1px solid #ccc; content: ""; }
  .wdb-modal-search-by-work-field .wdb-left-content, .wdb-modal-search-by-work-field .wdb-right-content, .wdb-modal-select-by-work-field .wdb-left-content, .wdb-modal-select-by-work-field .wdb-right-content, .wdb-modal-select-by-work-field-pc .wdb-left-content, .wdb-modal-select-by-work-field-pc .wdb-right-content { height: 100%; margin-bottom: -1px; }
}

.wdb-modal-station-search {
  height: 440px;
}

/* ---------------------------------------------------------
Range Bar
----------------------------------------------------------*/
/* colors */
.wdb-range-label { display: flex; align-items: center; justify-content: space-between; width: 100%; font-size: 0.625rem; }

.wdb-range-label > * { position: relative; }

.wdb-range-tick { display: flex; align-items: flex-start; justify-content: space-between; width: calc(100% - 1.875rem); height: 0.75rem; margin-top: -0.3125rem; font-size: 0.625rem; margin: 0 auto; line-height: 1.0; }

.wdb-range-tick span { display: block; position: relative; left: 0; height: 12px; overflow: hidden; z-index: 0; }

.wdb-range-tick span:before { font-size: 0.625rem; text-align: center; line-height: 1.0; content: "|"; }

.wdb-range { position: relative; width: 100%; margin: 0; -webkit-appearance: none; z-index: 1; }

.wdb-range:focus { outline: none; }

_:-ms-lang(x)::-ms-backdrop, .wdb-range { margin: -25px 0; }

/* WebKit・Blink向け */
.wdb-range::-webkit-slider-runnable-track { width: 100%; height: 8px; background: #295cba; border: 0; border-radius: 8px; cursor: pointer; }

.wdb-range::-webkit-slider-thumb { width: 2rem; height: 2.5rem; margin-top: -19px; background: url(../images/common/range-thumb-img.svg) no-repeat left top/auto 100%; border: 0; border-radius: 0; -webkit-appearance: none; outline: none; cursor: pointer; }

.wdb-range::-moz-range-track { width: 100%; height: 8px; background: #fff; border: 1px solid #ccc; border-radius: 8px; cursor: pointer; }

.wdb-range::-moz-range-progress { height: 8px; background: #295cba; border: 0; border-radius: 8px; cursor: pointer; }

.wdb-range::-moz-range-thumb { width: 2rem; height: 2.5rem; background: url(../images/common/range-thumb-img.svg) no-repeat left top/auto 100%; border: 0; border-radius: 0; cursor: pointer; }

.wdb-range { /* Edge・IE向け の色 */ /* Edge・IE向け つまみのスタイル */ }

.wdb-range::-ms-track { width: 100%; height: 8px; background: transparent; border-color: transparent; border-width: 16px 0; color: transparent; cursor: pointer; }

.wdb-range::-ms-fill-lower { background: #295cba; border-radius: 8px; }

.wdb-range::-ms-fill-upper { background: #fff; border: 1px solid #ccc; border-radius: 8px; }

.wdb-range::-ms-thumb { width: 2rem; height: 2.5rem; background: url(../images/common/range-thumb-img.svg) no-repeat left top/auto 100%; border: 0; cursor: pointer; }

.wdb-range .wdb-range:focus::-ms-fill-lower { background: #295cba; }

.wdb-range .wdb-range:focus::-ms-fill-upper { background: #fff; }

.wdb-range::-ms-tooltip { display: none; }

/* 何故か上の margin-top 指定が Edge に効いてしまうので、Edge向けに設定をリセット */
@supports (-ms-ime-align: auto) { .wdb-range::-webkit-slider-thumb { margin-top: 0 !important; } }

/*
#ex1Slider .slider-selection {
  background: #bababa;
}
.slider-handle.custom::before {
    width: $thumb-width;
    height: $thumb-height;
    display: block;
    background: url(../images/common/range-thumb-img.svg) no-repeat left top/auto 100%;
    content: "";
}*/
.wdb-range-slider { display: none; }

/* ---------------------------------------------------------
Range Bar
----------------------------------------------------------*/
.wdb-entry-btn { display: block; width: 20.6875rem !important; padding: 0.5625rem 0.75rem !important; font-size: 1rem !important; }

/* ---------------------------------------------------------
Career Up Section
----------------------------------------------------------*/
.wdb-careerup-contents { padding: 0.5rem; }

.wdb-careerup-lead-text { position: relative; padding-right: 0.625rem; padding-left: 0.625rem; font-weight: bold; }

.wdb-careerup-lead-text:before, .wdb-careerup-lead-text:after { position: absolute; top: 50%; width: 2px; height: 14px; border-left: 1px solid #333; content: ""; }

.wdb-careerup-lead-text:before { left: 0; transform: translate(0, -50%) rotate(-45deg); }

.wdb-careerup-lead-text:after { right: 0; transform: translate(0, -50%) rotate(45deg); }

.wdb-careerup-card { height: 100%; overflow: hidden; border-radius: 0.75rem; font-weight: bold; }

.wdb-careerup-card-title { display: flex; align-items: center; justify-content: center; margin-bottom: 0; background-color: #abbfe4; font-family: Meiryo, "メイリオ", "Lato", "Noto Sans JP", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 0.875rem; line-height: 1.0; color: #fff; }

@media (max-width: 767.9px) {
  .wdb-careerup-contents { background-repeat: no-repeat; background-position: calc(50% - 133px) 118%, calc(50% + 132px) 118%; background-size: 90px; }
  .wdb-careerup-contents .btn { width: 172px; }
  .wdb-careerup-lead-text { font-size: 0.75rem; }
  .wdb-careerup-text br { display: none; }
  .wdb-careerup-card { display: flex; border-radius: 0.25rem; }
  .wdb-careerup-card-title { width: 5.3125rem; padding: 0.75rem 0.25rem; }
  .wdb-careerup-card-body { padding: 0.75rem 0.5rem; font-size: 0.875rem; }
  .wdb-careerup-card-body br { display: none; }
  .wdb-careerup-card-image { display: none; }
  .wdb-careerup-card .wdb-icon-num img { width: 16px; height: 16px; vertical-align: -3px; }
}

@media (min-width: 768px) {
  .wdb-careerup-contents { max-width: 1200px; margin-right: auto; margin-left: auto; padding: 1.75rem;  background-repeat: no-repeat; background-position: 3rem 12.6rem, 22rem 13rem; background-size: 96px; }
  .wdb-careerup-left-contents { position: relative; }
  .wdb-careerup-left-contents .btn { position: absolute; bottom: 0; left: 50%; transform: translate(-50%, 0); width: 182px; padding: 0.625rem 1rem; font-weight: bold; }
  .wdb-careerup-lead-text:before, .wdb-careerup-lead-text:after { border-width: 2px; }
  .wdb-careerup-index { font-size: 2.25rem; }
  .wdb-careerup-card-title { height: 60px; padding: 0.5rem 0.875rem 0.25rem; font-size: 1.3125rem; }
  .wdb-careerup-card-title .wdb-font-large { font-size: 2.25rem; vertical-align: -5px; }
  .wdb-careerup-card-body { padding: 1rem 0.5rem; text-align: center; font-size: 1.125rem; }
  .wdb-careerup-card-image { display: flex; align-items: center; justify-content: center; height: 5.8125rem; }
}

.wdb-status { display: flex; align-items: baseline; }

.wdb-status .wdb-status-stars { width: 67px; height: 12px; }

.wdb-status .wdb-status-stars .wdb-status-stars-img { width: 100%; height: 100%; overflow: hidden; line-height: 1.0; }

.wdb-status .wdb-status-stars.wdb-status-level-zero-point-five .wdb-status-stars-img { background: url("../images/common/status-level-zero-point-five.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-one .wdb-status-stars-img { background: url("../images/common/status-level-one.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-one-point-five .wdb-status-stars-img { background: url("../images/common/status-level-one-point-five.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-two .wdb-status-stars-img { background: url("../images/common/status-level-two.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-two-point-five .wdb-status-stars-img { background: url("../images/common/status-level-two-point-five.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-three .wdb-status-stars-img { background: url("../images/common/status-level-three.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-three-point-five .wdb-status-stars-img { background: url("../images/common/status-level-three-point-five.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-four .wdb-status-stars-img { background: url("../images/common/status-level-four.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-four-point-five .wdb-status-stars-img { background: url("../images/common/status-level-four-point-five.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-stars.wdb-status-level-five .wdb-status-stars-img { background: url("../images/common/status-level-five.png") no-repeat left top/auto 100%; }

.wdb-status .wdb-status-val { padding-left: 0.25rem; line-height: 1.8; }

.wdb-anchor-list li { margin: 0 0.5rem 1rem 0; }

.wdb-set-block { position: relative; margin-bottom: 1.75rem; }

.wdb-set-block:after { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); border: 0.5625rem solid transparent; border-top: 0.75rem solid #e3e3e3; border-bottom: 0; content: ''; }


/* modal 最低限のcss追加 */
.wdb-modal-toggle-list.wdb-list-level-1.wdb-left-content{ max-height: 405.295px; }

/* ---------------------------------------------------------
Perfect Scrollbar
----------------------------------------------------------*/
.ps__rail-y { right: 0; }

@media (max-width: 767.9px) { .ps__rail-x, .ps__rail-y { display: none; } }

/* ---------------------------------------------------------
Suggest Label
----------------------------------------------------------*/
.wdb-suggest { background: white; display: inline-block; position: relative; border: 1px solid #ccc; border-color: #295cba; border-radius: 0.25rem; padding: 0.25rem 2rem 0.25rem 0.5rem; margin: 0.25rem; }

.wdb-suggest-remove-btn { display: inline-block; width: 1rem; height: 1rem; background: url("../images/common/icon-suggest-remove.svg") no-repeat center center/1rem; position: absolute; top: 0; bottom: 0; margin: auto 0; right: 0.5rem; }

/* ---------------------------------------------------------
Suggest Station
----------------------------------------------------------*/
.search-station-list div { position: relative;}

.search-station-list div:after { position: absolute; top: 50%; right: 1rem; width: 0.5rem; height: 0.5rem; transform: translate3d(0, -50%, 0) rotate(45deg); border-top: 2px solid #295cba; border-right: 2px solid #295cba; content: "";}

/* ---------------------------------------------------------
Video Player
----------------------------------------------------------*/
.wdb-video-container { position: relative ; overflow: hidden; border: 1px solid #ccc; box-sizing: border-box;}

.wdb-video-container .wdb-video-player { position: absolute; top: 0; left: 0; z-index: -1; width: 100%; max-width: 100% ; height: 100%; background-color: #fff; }

.wdb-video-container .wdb-video-player.is-play { z-index: auto; }

.wdb-video-container .wdb-video-player video { width: 100%; }

.wdb-video-thumbnail { position: relative; max-width: 100%; cursor: pointer;}

.wdb-video-thumbnail.is-play { opacity: 0; }

.wdb-video-thumbnail::before { content: ''; position: absolute;	width: 100%; height: 100%; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); }

.wdb-video-thumb-box-time{
	margin: 0;
	position: absolute;
	bottom: 4px;
	right: 4px;
	background: #222;
	border-radius: 20px;
	padding: 2px 10px;
	color: #fff;
	font-size: 12px;
  font-feature-settings: "palt";
}
@media (min-width: 768px) {
  .wdb-video-thumb-box-time{
    bottom: 8px;
    right: 8px;
    font-size: 15px;
  }

  .wdb-video-thumb-box-time:hover{
    cursor: pointer;
  }
}

/* Azure Media Player */
.wdb-video-container .vjs-big-play-button { display: none; }

.wdb-video-container .vjs-captions-button { display: none !important; visibility: hidden !important; }

/* 240613 Mediakind用追記 Start */
/* デフォルトのUI非表示 */
.bmpui-ui-controlbar,
.bmpui-ui-titlebar,
.bmpui-image {
  display: none;
}

.bmpui-ui-controlbar.is-display,
.bmpui-ui-titlebar.is-display,
.bmpui-image.is-display {
  display: block;
}

/* iPhoneの場合のみ再生ボタンの範囲を調整（デフォルトUIのスキップが使えるように） */
.bmpui-container-wrapper .bmpui-ui-playbacktoggle-overlay.is-iphone,
.bmpui-container-wrapper .bmpui-ui-playbacktoggle-overlay.is-iphone .bmpui-ui-hugeplaybacktogglebutton {
  position: absolute;
  top: calc( 100% / 2 - 5rem / 2);
  left: calc( 100% / 2 - 5rem / 2);
  height: 5rem;
  width: 5rem;
}

.bitmovinplayer-poster::before {
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  top: 50%;
  left: 50%;
  background: url("../images/movie/icon-movie-start.svg") no-repeat center center/15%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
}