@charset "UTF-8";
/*
Theme Name: service-3
Author: Catwork Co., Ltd.
*/
/* service-3
------------------------------------------------------------------------*/
/*FV*/

.common.service-3 .page-header .point-list .num .en {
  font-size: 38px;
}
.common.service-3 .page-header .point-ttl span.en {
  font-family: "Zen Kaku Gothic New", sans-serif;
  font-size: 24px;
}
.common.service-3 .page-header .point-ttl {
  align-items: baseline !important;
}
.common.service-3 .page-header .point-list .point01 .flex, .common.service-3 .key .point-list .point02 .flex {
  margin-top: -8px;
}
.common.service-3 .page-header .point-list .point::before {
  top: 36%;
}
.common.service-3 .page-header .num {
  align-items: baseline !important;
}
.common.service-3 .page-header .point-list .point03 .num {
  font-size: 26px;
}
.common.service-3 .page-header span.rowreverse {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  font-size: 15px;
  margin-right: 4px;
}
.common.service-3 .page-header .point-list .point03 .num .en {
  font-size: 42px;
}

@media screen and (min-width: 751px) {
  .common.service-3 .page-header span.over {
    font-size: 17px;
  }
}

@media screen and (max-width: 750px) {
  .common.service-3 .page-header .ttl-box .ja {
        line-height: 1.4;
    }
  .common.service-3 .page-header .point-list .num .en {
    font-size: 7vw;
  }
  .common.service-3 .page-header .point-list .point03 .num {
    font-size: 5vw;
  }
  .common.service-3 .page-header .point-list .point03 .num .en {
    font-size: 9vw;
  }
  .common.service-3 .page-header span.rowreverse {
    font-size: 3.4vw;
  }
}
/*worry*/
.service-3 .worry-box {
  margin-top: 8.5rem;
}
.common.service-3 .leftrightflex-with-yellow-box .inner .img {
  max-width: 480px;
  margin-top: 10px;
  margin-right: -10px;
}
@media screen and (min-width: 751px) and (max-width: 1500px) {
  .common.service-3 .leftrightflex-with-yellow-box .inner .img {
    max-width: 440px;
    margin-top: 40px;
    margin-right: -10px;
  }
}
.service-3 .leftrightflex-with-yellow-box .inner {
  gap: 0;
}
@media screen and (max-width: 980px) {
  .common.service-3 .leftrightflex-with-yellow-box .copy p .line {
    font-size: 2.8rem;
    white-space: nowrap;
  }
  .common.service-3 .leftrightflex-with-yellow-box p.bigen_white {
    font-size: 10rem;
  }
  .common.service-3 .leftrightflex-with-yellow-box .ttl-02 h2 {
    font-size: 3.8rem;
  }
}
@media screen and (max-width: 750px) {
  .service-3 .worry-box {
    margin-top: 49px;
  }
  .common.service-3 .leftrightflex-with-yellow-box .copy {
    white-space: nowrap;
  }
  .common.service-3 .leftrightflex-with-yellow-box p.bigen_white {
    font-size: 22.6vw;
  }
  .service-3 .worry-wrapper {
    padding: 4rem 3rem 3rem 5.6rem;
  }
}
/*service*/
.service-3 .service_detail_inner {
  margin-top: 11.2rem;
}
.service-3 .service_detail .service_detail_inner ul::before {
  display: none;
}
.service-3 .service_detail_inner ul::after {
  display: none;
}
/*voice*/
.service-3 .voice-box {
  margin-top: 11rem;
}
@media screen and (max-width: 750px) {
  .service-3 .voice-box {
    margin-top: 44px;
  }
  .common.service-3 .leftrightflex-with-yellow-box .inner .img {
    max-width: 400px;
    margin-right: -10px;
    margin: 0 auto !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 92%;
    margin-top: 15px !important;
    margin-bottom: 25px !important;
  }
  .common.service-3 .leftrightflex-with-yellow-box .copy {
    margin-top: 2.4rem;
    margin-bottom: 2rem;
  }
  .common.service-3 .leftrightflex-with-yellow-box {
    padding: 3.6rem 0 0px 0;
  }
}
/*flow*/
.service-3 .flow-box {
  padding: 9.5rem 0 0;
}
.service-3 .flow-box .flow-wrap .flow-slider::before {
  content: "";
  background: url(../img/service-3/flow_bg01.png) center center / cover no-repeat;
  width: 41.6rem;
  height: 39.1rem;
  position: absolute;
  top: -10.8rem;
  left: -20rem;
  z-index: -2;
}
.service-3 .flow-box .flow-wrap .flow-slider::after {
  content: "";
  background: url(../img/service-3/flow_bg02.png) center center / contain no-repeat;
  width: 23.5rem;
  height: 21.5rem;
  position: absolute;
  bottom: -7.2rem;
  right: -10.8rem;
  z-index: -1;
}
@media screen and (max-width: 750px) {
  .service-3 .service_detail_inner {
    margin-top: 30px;
  }
  .service-3 .flow-box .flow-wrap .flow-slider::before {
    width: 21.6rem;
    height: 20.1rem;
    top: -2.8rem;
    left: -10rem;
  }
}

/*fee*/
.service-3 .reason-box.plan-box {
  padding: 8.8rem 0;
  margin-bottom: 8rem;
}
.service-3 .reason-box.plan-box .ttl-01::before {
  display: none;
}
.service-3 .swipe-wrap.pconly {
  margin-top: 10rem;
}
.service-3 .plan-box .plan-table tbody th, .service-3 .plan-table tbody td {
  height: 80px;
}
.service-3 .plan-box .plan-table tbody tr:nth-of-type(even) th, .service-3 .plan-table tbody tr:nth-of-type(even) td {
  height: 80px;
}
.service-3 .plan-box .plan-table tbody th .plan-list-name {
  line-height: 1.5;
}
.service-3 .plan-box .table-wrap::before {
  display: none;
}
.service-3 .plan-box .table-wrap::after {
  display: none;
}
.service-3 .plan-box .plan-table::before {
  height: calc(100% + 19rem);
  top: -8rem;
}
@media screen and (max-width: 750px) {
  .service-3 .plan-box.reason-box .table-wrap table th, .service-3 .reason-box .table-wrap table td {
    min-width: 188px;
  }
  .service-3 .plan-box.reason-box th.totalsupport {
    min-width: 218px !important;
  }
  .service-3 .plan-box .plan-table thead tr:first-of-type th:nth-of-type(2) {
    padding-top: inherit;
  }
  .service-3 th.planname {
    height: 60px;
  }
  .service-3 .reason-box.plan-box .plan-table thead th.no-01 strong {
    font-size: 18px;
    transform: none;
  }
  .service-3 .plan-box .attention_right {
    font-size: 13px;
    margin-top: 6px;
  }
  .service-3 .plan-box.reason-box .swipe-wrap {
    margin-top: -3rem;
  }
  .service-3 .plan-table thead th.planname::before {
    top: -48px;
    height: 48px;
  }
  .plan-table .batumaru img.maru {
    width: 20px !important;
  }
  .plan-table .batumaru img.batu {
    width: 17px !important;
  }
  .service-3 .plan-box .plan-table tbody th, .service-3 .plan-table tbody td {
    height: 70px;
  }
  .plan-box.reason-box .plan-table tbody tr:nth-of-type(4) th, .plan-box.reason-box .plan-table tbody tr:nth-of-type(4) td {
    padding: 17px 15px !important;
  }
  .service-3 .plan-box .plan-table tbody tr:nth-of-type(even) th, .service-3 .plan-table tbody tr:nth-of-type(even) td {
    height: auto;
  }
  .plan-box .plan-table tbody tr:nth-of-type(even) th, .plan-box .plan-table tbody tr:nth-of-type(even) td {
    height: auto;
    padding: 17px 15px !important;
  }
}
/*faq*/
.service-3 .faq-box {
  padding: 9.5rem 0 12.4rem;
}
/*fv周りの3つのポイント整理*/
.common.service-3 .page-header .point-list .flex div {
  display: block;
}
.common.service-3 .page-header .point-list .flex .point-ttl {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.common.service-3 .page-header .point-list .num {
  position: absolute;
  left: 50%;
  transform: translate(-50%, 0);
  white-space: nowrap;
}
.common.service-3 .page-header .point-list .point01 .flex .point-ttl {
  top: 7%;
}
.common.service-3 .page-header .point-list .point01 .num {
  top: 43%;
  line-height: 1.1;
}
.common.service-3 .page-header .point-list .point02 .flex .point-ttl {
  top: 7%;
}
.common.service-3 .page-header .point-list .point02 .num {
  top: 41%;
  line-height: 1.1;
}
.common.service-3 .page-header .point02 .point-ttl span.en {
  margin-right: 2px;
}
.common.service-3 .page-header .point-list .point::before {
  top: 38%;
}
.common.service-3 .page-header .point-list .point03 .flex .point-ttl {
  top: 11%;
}
.common.service-3 .page-header .point-list .point03 .num {
  top: 41.4%;
  line-height: 1.08;
}
.common.service-3 .page-header .point-list .point02 .num .en {
  font-size: 42px;
  margin-right: 2px;
}
.common.service-3 .page-header .point-list .point02 .num {
  font-size: 2.1rem;
}
@media screen and (max-width: 750px) {
  .common.service-3 .page-header .point-ttl span.en {
    font-size: 5vw;
  }
  .common.service-3 .page-header .point-list .point::before {
    top: 39%;
  }
  .common.service-3 .page-header .point-list .point01 .num {
    top: 38%;
    line-height: 1.1;
  }
  .common.service-3 .page-header .point-list .point02 .num {
    font-size: 5vw;
  }
  .common.service-3 .page-header .point-list .point02 .num .en {
    font-size: 7.6vw;
    margin-right: 2px;
  }
  .common.service-3 .page-header .point-list .point02 .flex .point-ttl {
    top: 4%;
  }
  .common.service-3 .page-header .point-list .point01 .flex .point-ttl {
    top: 4%;
  }
  .common.service-3 .page-header .point-list .point02 .num {
    top: 33%;
    line-height: 1.05;
  }
  .common.service-3 .page-header .point-list .point03 .flex .point-ttl {
    top: 10%;
  }
  .common.service-3 .page-header .point-list .point03 .num {
    top: 37.4%;
    line-height: 0.85;
  }
}