@charset "UTF-8";
.page-service {
  /* ============================================================
  service/rework.html リワーク支援
  ============================================================ */
}
.page-service.page-rework .contents-body * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
@media only screen and (min-width: 767.1px) {
  .page-service.page-rework br.sp-br {
    display: none;
  }
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework br.pc-br {
    display: none;
  }
}
.page-service.page-rework .service-content .kodawari_point {
  border-bottom: 4px solid #8895BD;
}
.page-service.page-rework .service-content .kodawari_point .number {
  background-color: #8895BD;
}
.page-service.page-rework .midashi-service-border::before {
  background: #8895BD;
}
.page-service.page-rework .midashi-service_underline span {
  border-bottom: 5px solid #8895BD;
}
.page-service.page-rework .bg-checkered {
  background: url("/images/service/rework/bg-checkered.png") center/35px repeat;
}
.page-service.page-rework .border-content::before {
  background-color: #8895BD;
}
.page-service.page-rework .border-content::after {
  border-color: #8895BD;
}
.page-service.page-rework .cta-rework {
  position: relative;
  max-width: 600px;
  margin-left: auto;
  margin-right: auto;
}
.page-service.page-rework .cta-rework::before {
  position: absolute;
  display: block;
  content: "";
  width: 118px;
  height: 75px;
  left: 17px;
  top: -13px;
  background: url("/images/service/rework/rework-cta-deco.svg") center/contain no-repeat;
  z-index: 1;
}
.page-service.page-rework .cta-rework .cta-rework-inr {
  border: solid 3px #8895bd;
  border-radius: 14px;
  padding: 50px;
  padding: 48px 64px;
  background: #fff;
  overflow: hidden;
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.page-service.page-rework .cta-rework .cta-rework-inr::before {
  position: absolute;
  display: block;
  content: "";
  width: 114px;
  height: 114px;
  background: #8895bd;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
  right: 0;
  bottom: -24px;
  -webkit-transform-origin: bottom right;
          transform-origin: bottom right;
  translate: 0 50%;
}
.page-service.page-rework .cta-rework .rework-cta-ttl {
  margin: 0 auto;
  width: 312px;
  max-width: 100%;
}
.page-service.page-rework .cta-rework .rework-cta-txt {
  text-align: left;
  line-height: 1.6;
  font-size: 1.6rem;
  letter-spacing: 0.01em;
  margin: 0.35em -1em 0;
}
.page-service.page-rework .cta-rework .rework-cta-btn {
  margin: 1em auto 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 328px;
  height: 48px;
  border-radius: 8px;
  background: #8895BD;
  color: #fff;
  font-weight: 600;
  letter-spacing: 0.05em;
  position: relative;
}
.page-service.page-rework .cta-rework .rework-cta-btn::before {
  width: 8px;
  height: 16px;
  display: block;
  content: "";
  position: absolute;
  right: 16px;
  top: 50%;
  translate: 0 -50%;
  background: url("/images/service/rework/rework-cta-btn_arrow.svg") center/contain no-repeat;
}
@media (hover: hover) {
  .page-service.page-rework .cta-rework .rework-cta-btn {
    -webkit-transition: opacity 0.5s;
    transition: opacity 0.5s;
  }
  .page-service.page-rework .cta-rework .rework-cta-btn:hover {
    opacity: 0.8;
  }
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework .cta-rework {
    margin-left: auto;
    margin-right: auto;
    max-width: 360px;
  }
  .page-service.page-rework .cta-rework::before {
    width: 90px;
    height: 57px;
    left: 15px;
    top: -8px;
  }
  .page-service.page-rework .cta-rework .cta-rework-inr {
    padding: 56px 20px 50px;
  }
  .page-service.page-rework .cta-rework .cta-rework-inr::before {
    width: 57px;
    height: 57px;
    right: 0;
    bottom: -12px;
  }
  .page-service.page-rework .cta-rework .cta-rework-inr .rework-cta-txt {
    max-width: 314px;
    margin: 0.35em auto 0;
  }
  .page-service.page-rework .cta-rework .cta-rework-inr .rework-cta-btn {
    max-width: 314px;
  }
  .page-service.page-rework .cta-rework .rework-cta-btn {
    font-size: 1.6rem;
  }
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework .sec.mb4em {
    margin-bottom: 2em !important;
  }
  .page-service.page-rework .box-wht-round {
    border-radius: 5px;
    padding: 20px;
  }
  .page-service.page-rework .midashi-service-border + p {
    margin-top: 0.5em;
  }
  .page-service.page-rework .rework_program_image {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-service.page-rework .rework_program_image img {
    margin: auto;
  }
}
.page-service.page-rework .rework_about p {
  font-size: 1.6rem;
  margin-bottom: 0;
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework .rework_about p {
    margin-top: 0.5em;
    line-height: 1.7;
    margin-bottom: 1em;
  }
}
.page-service.page-rework .rework_about_ill {
  width: 222px;
}
@media only screen and (min-width: 767.1px) {
  .page-service.page-rework .rework_about {
    padding-right: 242px;
    position: relative;
  }
  .page-service.page-rework .rework_about p {
    font-size: 1.6rem;
    margin-bottom: 0;
  }
  .page-service.page-rework .rework_about_ill {
    position: absolute;
    bottom: 0;
    right: 0;
    width: 222px;
  }
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework .rework_about_ill {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-service.page-rework .rework_about_ill img {
    width: 59.2vw;
    max-width: 222px;
  }
}
.page-service.page-rework .rework-flow li::before {
  background: url("/images/service/rework/rework-flow-arr_right.svg") center/contain no-repeat;
  bottom: 0;
  border-top: none;
  border-bottom: none;
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework .rework-flow {
    margin-bottom: 0;
  }
  .page-service.page-rework .rework-flow li {
    padding: 0 0 7px 0;
  }
  .page-service.page-rework .rework-flow li::after {
    border-top: dashed 1px #8895BD;
  }
  .page-service.page-rework .rework-flow li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
  }
}
.page-service.page-rework .table_about-rework td {
  vertical-align: top;
}
.page-service.page-rework .midashi-office-dottedline h2 {
  text-align: center;
  width: 100%;
  font-size: 32px;
  line-height: 1.6;
  position: relative;
  margin: 0 0 1.25em;
  padding: 0;
}
.page-service.page-rework .midashi-office-dottedline h2::before {
  position: absolute;
  display: block;
  content: "";
  left: 0;
  bottom: 0;
  height: 6px;
  width: 100%;
  background: url("/images/offices/midashi-office-training-line.png") left bottom/contain repeat-x;
}
.page-service.page-rework .midashi-office-dottedline h2 > small {
  font-size: 18px;
  width: 100%;
  display: block;
}
.page-service.page-rework .midashi-office-dottedline h2 .sub {
  font-size: 2rem;
  font-weight: 600;
  padding: 8px 24px;
  color: #fff;
  background-color: #E6A719;
  border-radius: 24px;
  display: inline-block;
  margin-bottom: 0.5em;
  position: relative;
}
.page-service.page-rework .midashi-office-dottedline h2 .sub::before {
  position: absolute;
  content: "";
  width: 24px;
  height: 16px;
  bottom: -15px;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
  background: url("/images/top/interview-fukidashi.svg") no-repeat center center/contain;
}
.page-service.page-rework .midashi-office-dottedline h2 .main {
  display: inline-block;
  padding: 0 1.55em;
  margin-bottom: 0.5em;
  position: relative;
}
.page-service.page-rework .midashi-office-dottedline h2 .main::before, .page-service.page-rework .midashi-office-dottedline h2 .main::after {
  position: absolute;
  top: 50%;
  display: block;
  content: "";
  width: 34px;
  height: 100%;
  background: url("/images/offices/midashi-office-training-arr.svg") center/contain no-repeat;
  translate: 0 -50%;
}
.page-service.page-rework .midashi-office-dottedline h2 .main::before {
  left: 0;
}
.page-service.page-rework .midashi-office-dottedline h2 .main::after {
  right: 0;
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
@media only screen and (min-width: 767.1px) {
  .page-service.page-rework .midashi-office-dottedline h2 .main.sp_btn a {
    pointer-events: none;
    color: #282828;
  }
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework .midashi-office-dottedline {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .page-service.page-rework .midashi-office-dottedline.sp-disable h2::before {
    display: none;
  }
  .page-service.page-rework .midashi-office-dottedline h2 {
    font-size: 20px;
    margin-left: auto;
    margin-right: auto;
    width: auto;
  }
  .page-service.page-rework .midashi-office-dottedline h2 > small {
    font-size: 16px;
  }
  .page-service.page-rework .midashi-office-dottedline h2 .sub {
    font-size: 1.8rem;
    padding: 8px 24px;
    border-radius: 24px;
    line-height: 1.3;
    margin-bottom: 0.75em;
  }
  .page-service.page-rework .midashi-office-dottedline h2 .main {
    display: inline-block;
    padding: 0 1.75em;
    margin-bottom: 0.9em;
  }
  .page-service.page-rework .midashi-office-dottedline h2 .main::before, .page-service.page-rework .midashi-office-dottedline h2 .main::after {
    width: 24px;
    height: 100%;
  }
  .page-service.page-rework .midashi-office-dottedline h2 .main.sp_btn {
    width: 100%;
    padding: 0;
    margin-top: 5px;
  }
  .page-service.page-rework .midashi-office-dottedline h2 .main.sp_btn::before, .page-service.page-rework .midashi-office-dottedline h2 .main.sp_btn::after {
    display: none;
  }
  .page-service.page-rework .midashi-office-dottedline h2 .main.sp_btn a {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    border: solid;
    width: 100%;
    height: 48px;
    position: relative;
    display: flex;
    -webkit-box-pack: start;
        -ms-flex-pack: start;
            justify-content: flex-start;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    text-align: left;
    padding: 5px 2em 5px 1em;
    border: 2px solid #E26945;
    border-radius: 8px;
    background: #fff;
    color: #E26945;
    font-size: 1.6rem;
    font-weight: 600;
  }
  .page-service.page-rework .midashi-office-dottedline h2 .main.sp_btn a:after {
    position: absolute;
    right: 16px;
    top: 50%;
    translate: 0 -50%;
    content: "";
    display: inline-block;
    width: 8px;
    height: 16px;
    background: url("/images/offices/arr-border-link.svg") center/contain no-repeat;
  }
}
.page-service.page-rework #office-list {
  padding: 0;
}
.page-service.page-rework #office-list .rework-office-wrap {
  margin-bottom: 100px;
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework #office-list {
    padding: 40px 0 0;
  }
  .page-service.page-rework #office-list .rework-office-wrap {
    margin-bottom: 34px;
  }
}
.page-service.page-rework #office-list .office-list-ul.rework-office-ul .office-list-card .office-link::after {
  background: #8895BD;
}
@media only screen and (max-width: 767px) {
  .page-service.page-rework #office-list .office-list-ul {
    margin-top: 5px;
  }
  .page-service.page-rework #office-list .office-list-ul.sp-disable {
    display: none;
  }
}/*# sourceMappingURL=style_service-rework.css.map */