#service_send, #service_contract {
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #service_send, #service_contract {
    font-size: 4.103vw;
  }
}
#service_send ul, #service_contract ul {
  list-style: none;
}
#service_send .br-sp, #service_contract .br-sp {
  display: none;
}
@media only screen and (max-width: 767px) {
  #service_send .br-sp, #service_contract .br-sp {
    display: inline;
  }
}
#service_send .overview, #service_contract .overview {
  margin-bottom: min(6.333vw, 76px);
  text-align: center;
}
@media only screen and (max-width: 767px) {
  #service_send .overview, #service_contract .overview {
    margin-bottom: 15.385vw;
  }
}
#service_send .overview .title, #service_contract .overview .title {
  margin-bottom: min(2vw, 24px);
  font-size: min(2.5vw, 30px);
  font-weight: var(--weight-bold, 700);
  line-height: 170%; /* 51px */
  letter-spacing: 1.2px;
}
@media only screen and (max-width: 767px) {
  #service_send .overview .title, #service_contract .overview .title {
    margin-bottom: 5.128vw;
    font-size: 5.641vw;
    font-weight: var(--weight-bold, 700);
    line-height: 170%; /* 37.4px */
  }
}
#service_send .overview .text, #service_contract .overview .text {
  text-align: center;
  line-height: 170%; /* 27.2px */
}
#service_send .features, #service_contract .features {
  margin-bottom: min(8.333vw, 100px);
}
@media only screen and (max-width: 767px) {
  #service_send .features, #service_contract .features {
    margin-bottom: 15.385vw;
  }
}
#service_send .features .c-headlineMain, #service_contract .features .c-headlineMain {
  margin-bottom: min(7.917vw, 95px);
}
@media only screen and (max-width: 767px) {
  #service_send .features .c-headlineMain, #service_contract .features .c-headlineMain {
    margin-bottom: 12.821vw;
  }
}
#service_send .features .wrapper, #service_contract .features .wrapper {
  position: relative;
  margin-bottom: min(8.917vw, 107px);
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper, #service_contract .features .wrapper {
    margin: 0 -5.128vw 15.385vw;
    padding-top: 32.821vw;
  }
}
#service_send .features .wrapper:last-child, #service_contract .features .wrapper:last-child {
  margin-bottom: 0;
}
#service_send .features .wrapper:nth-child(odd) .content, #service_contract .features .wrapper:nth-child(odd) .content {
  margin-left: auto;
  padding-left: min(11.917vw, 143px);
  padding-right: min(5.583vw, 67px);
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper:nth-child(odd) .content, #service_contract .features .wrapper:nth-child(odd) .content {
    padding-left: 5.128vw;
    padding-right: 5.128vw;
  }
}
#service_send .features .wrapper:nth-child(odd) .content::before, #service_contract .features .wrapper:nth-child(odd) .content::before {
  left: 0;
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper:nth-child(odd) .content::before, #service_contract .features .wrapper:nth-child(odd) .content::before {
    left: 0;
    border-radius: 0 2.051vw 2.051vw 0;
  }
}
#service_send .features .wrapper:nth-child(even) .content, #service_contract .features .wrapper:nth-child(even) .content {
  padding-left: min(5.333vw, 64px);
  padding-right: min(12.167vw, 146px);
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper:nth-child(even) .content, #service_contract .features .wrapper:nth-child(even) .content {
    padding-left: 5.128vw;
    padding-right: 5.128vw;
  }
}
#service_send .features .wrapper:nth-child(even) .content::before, #service_contract .features .wrapper:nth-child(even) .content::before {
  right: 0;
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper:nth-child(even) .content::before, #service_contract .features .wrapper:nth-child(even) .content::before {
    border-radius: 2.051vw 0 0 2.051vw;
  }
}
#service_send .features .wrapper:nth-child(1) .content::before, #service_contract .features .wrapper:nth-child(1) .content::before {
  background-image: url("/assets/img/service/send/features_01.jpg");
}
#service_send .features .wrapper:nth-child(2) .content::before, #service_contract .features .wrapper:nth-child(2) .content::before {
  background-image: url("/assets/img/service/send/features_02.jpg");
}
#service_send .features .wrapper:nth-child(3) .content::before, #service_contract .features .wrapper:nth-child(3) .content::before {
  background-image: url("/assets/img/service/send/features_03.jpg");
}
#service_send .features .wrapper .content, #service_contract .features .wrapper .content {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: min(60vw, 720px);
  height: min(30vw, 360px);
  background: var(--light-light_green_1, #F2FAF9);
  background-blend-mode: multiply;
  border-radius: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper .content, #service_contract .features .wrapper .content {
    padding-top: 48.718vw;
    padding-bottom: 15.385vw;
    width: auto;
    height: auto;
    border-radius: 0;
  }
}
#service_send .features .wrapper .content::before, #service_contract .features .wrapper .content::before {
  content: "";
  position: absolute;
  top: max(-3.333vw, -40px);
  width: min(38.333vw, 460px);
  height: min(29.167vw, 350px);
  border-radius: min(0.583vw, 7px);
  background: left top/100% auto no-repeat;
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper .content::before, #service_contract .features .wrapper .content::before {
    top: 0vw;
    width: 94.872vw;
    height: 72.051vw;
  }
}
#service_send .features .wrapper .c-headlineDot, #service_contract .features .wrapper .c-headlineDot {
  margin-bottom: min(1.667vw, 20px);
  padding-left: min(3.333vw, 40px);
  text-indent: max(-3.333vw, -40px);
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper .c-headlineDot, #service_contract .features .wrapper .c-headlineDot {
    margin-bottom: 5.641vw;
    padding-left: 7.692vw;
    text-indent: -7.692vw;
    font-size: 5.128vw;
    line-height: 8.718vw;
  }
  #service_send .features .wrapper .c-headlineDot::before, #service_contract .features .wrapper .c-headlineDot::before {
    margin-right: 4.103vw;
    width: 3.333vw;
    height: 3.846vw;
    background-size: 3.333vw 3.846vw;
  }
}
#service_send .features .wrapper .text, #service_contract .features .wrapper .text {
  font-weight: var(--weight-medium, 500);
  line-height: 220%;
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper .text, #service_contract .features .wrapper .text {
    line-height: 170%;
  }
}
#service_send .features .wrapper .note, #service_contract .features .wrapper .note {
  font-size: min(1vw, 12px);
  font-weight: 500;
  line-height: 280%;
}
@media only screen and (max-width: 767px) {
  #service_send .features .wrapper .note, #service_contract .features .wrapper .note {
    margin-top: 2.564vw;
    padding-left: 1em;
    text-indent: -1em;
    font-size: 3.077vw;
    font-weight: var(--weight-medium, 500);
    line-height: 170%;
  }
}
#service_send .achievements, #service_contract .achievements {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: min(8.333vw, 100px);
}
@media only screen and (max-width: 767px) {
  #service_send .achievements, #service_contract .achievements {
    flex-direction: column;
    gap: 10.256vw 0;
    margin-bottom: 15.385vw;
  }
}
#service_send .achievements .text, #service_contract .achievements .text {
  font-size: min(2.5vw, 30px);
  font-weight: var(--weight-bold, 700);
  line-height: 170%;
  letter-spacing: 1.2px;
}
@media only screen and (max-width: 767px) {
  #service_send .achievements .text, #service_contract .achievements .text {
    color: var(--neutral-gray_text, #333);
    font-size: 5.641vw;
  }
}
#service_send .achievements .c-btnBasic, #service_contract .achievements .c-btnBasic {
  width: min(21.667vw, 260px);
}
@media only screen and (max-width: 767px) {
  #service_send .achievements .c-btnBasic, #service_contract .achievements .c-btnBasic {
    width: 61.538vw;
  }
}
#service_send .data, #service_contract .data {
  position: relative;
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  margin-bottom: min(8.333vw, 100px);
  width: min(91.667vw, 1100px);
  height: min(17.167vw, 206px);
  background: left top/100% auto no-repeat url("/assets/img/service/common/bg_link.png");
}
@media only screen and (max-width: 767px) {
  #service_send .data, #service_contract .data {
    justify-content: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    align-items: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    margin: 0 auto 20.513vw;
    width: 87.692vw;
    height: 133.333vw;
    background-image: url("/assets/img/service/common/bg_link-sp.png");
  }
}
#service_send .data .text, #service_contract .data .text {
  margin-left: min(6.667vw, 80px);
  color: var(--neutral-white, #FFF);
  font-size: min(2vw, 24px);
  font-weight: var(--weight-bold, 700);
  line-height: 160%;
}
@media only screen and (max-width: 767px) {
  #service_send .data .text, #service_contract .data .text {
    margin: 10.256vw 0 0 0;
    color: var(--neutral-white, #FFF);
    font-size: 6.154vw;
    letter-spacing: 1.92px;
  }
}
#service_send .data .c-btnBasic, #service_contract .data .c-btnBasic {
  position: absolute;
  right: min(3vw, 36px);
  bottom: min(3.083vw, 37px);
  width: min(21.667vw, 260px);
  border: 1px solid var(--dark-dark_green_primary, #2A818B);
}
@media print, screen and (min-width: 768px) {
  #service_send .data .c-btnBasic:hover, #service_contract .data .c-btnBasic:hover {
    background: #7FB3B9;
  }
}
@media only screen and (max-width: 767px) {
  #service_send .data .c-btnBasic, #service_contract .data .c-btnBasic {
    right: 0;
    bottom: 10.256vw;
    left: 0;
    margin: 0 auto;
    width: 75.385vw;
    height: 15.385vw;
  }
}
@media only screen and (max-width: 767px) {
  #service_send .flow, #service_contract .flow {
    margin-bottom: 25.641vw;
  }
}
#service_send .flow .c-headlineMain, #service_contract .flow .c-headlineMain {
  margin-bottom: min(4.583vw, 55px);
}
@media only screen and (max-width: 767px) {
  #service_send .flow .c-headlineMain, #service_contract .flow .c-headlineMain {
    margin-bottom: 10.256vw;
  }
}
#service_send .flow .text, #service_contract .flow .text {
  margin-bottom: min(3.333vw, 40px);
  color: var(--neutral-gray_text, #333);
  font-weight: var(--weight-regular, 400);
  line-height: 170%;
}
@media only screen and (max-width: 767px) {
  #service_send .flow .text, #service_contract .flow .text {
    margin-bottom: 12.821vw;
  }
}
#service_send .flow .list_flow .item, #service_contract .flow .list_flow .item {
  position: relative;
  margin-bottom: min(3.75vw, 45px);
  padding-left: min(12.5vw, 150px);
  height: min(10.417vw, 125px);
  border-radius: min(1.333vw, 16px);
  background: var(--light-light_green_1, #F2FAF9);
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item, #service_contract .flow .list_flow .item {
    margin-bottom: 9.487vw;
    height: auto;
    border-radius: 2.051vw;
  }
}
#service_send .flow .list_flow .item::before, #service_contract .flow .list_flow .item::before {
  position: absolute;
  left: 0;
  content: "";
  display: flex;
  justify-content: center;
  align-items: center;
  margin-right: min(3.333vw, 40px);
  width: min(9.167vw, 110px);
  height: min(10.417vw, 125px);
  border-radius: min(1.333vw, 16px) 0 0 min(1.333vw, 16px);
  background: var(--dark-dark_green_primary, #2A818B) center center no-repeat;
  background-size: min(3.417vw, 41px) auto;
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item::before, #service_contract .flow .list_flow .item::before {
    margin-right: 0;
    width: 12.051vw;
    height: 100%;
    border-radius: 2.051vw 0 0 2.051vw;
    background-size: 7.949vw auto;
  }
}
#service_send .flow .list_flow .item:nth-child(1)::before, #service_contract .flow .list_flow .item:nth-child(1)::before {
  background-image: url("/assets/img/service/common/icon_01.svg");
}
#service_send .flow .list_flow .item:nth-child(2)::before, #service_contract .flow .list_flow .item:nth-child(2)::before {
  background-image: url("/assets/img/service/common/icon_02.svg");
}
#service_send .flow .list_flow .item:nth-child(3)::before, #service_contract .flow .list_flow .item:nth-child(3)::before {
  background-image: url("/assets/img/service/common/icon_03.svg");
}
#service_send .flow .list_flow .item:nth-child(4)::before, #service_contract .flow .list_flow .item:nth-child(4)::before {
  background-image: url("/assets/img/service/common/icon_04.svg");
}
#service_send .flow .list_flow .item:nth-child(5)::before, #service_contract .flow .list_flow .item:nth-child(5)::before {
  background-image: url("/assets/img/service/common/icon_05.svg");
}
#service_send .flow .list_flow .item:nth-child(6)::before, #service_contract .flow .list_flow .item:nth-child(6)::before {
  background-image: url("/assets/img/service/common/icon_06.svg");
}
#service_send .flow .list_flow .item:nth-child(7)::before, #service_contract .flow .list_flow .item:nth-child(7)::before {
  background-image: url("/assets/img/service/common/icon_07.svg");
}
#service_send .flow .list_flow .item:not(:last-child):after, #service_contract .flow .list_flow .item:not(:last-child):after {
  content: "";
  display: block;
  position: absolute;
  bottom: max(-2.417vw, -29px);
  left: min(3.75vw, 45px);
  width: min(1.667vw, 20px);
  height: min(1.083vw, 13px);
  background: left top/100% auto no-repeat url("/assets/img/service/common/icon_arrow.svg");
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item:not(:last-child):after, #service_contract .flow .list_flow .item:not(:last-child):after {
    right: 0;
    bottom: -6.41vw;
    left: 0;
    margin: 0 auto;
    width: 4.872vw;
    height: 3.333vw;
  }
}
#service_send .flow .list_flow .item dl, #service_contract .flow .list_flow .item dl {
  display: flex;
  justify-content: center;
  align-items: flex-start;
  height: inherit;
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item dl, #service_contract .flow .list_flow .item dl {
    padding: 4.103vw 4.103vw 6.154vw 4.103vw;
    gap: 1.026vw 0;
    flex-direction: column;
    justify-content: center;
  }
}
#service_send .flow .list_flow .item dt, #service_contract .flow .list_flow .item dt {
  display: flex;
  align-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  width: min(18.75vw, 225px);
  height: inherit;
  color: var(--dark-dark_green_primary, #2A818B);
  font-size: min(1.667vw, 20px);
  font-weight: var(--weight-bold, 700);
  line-height: 170%; /* 34px */
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item dt, #service_contract .flow .list_flow .item dt {
    height: auto;
    width: auto;
    font-size: 5.128vw;
  }
}
#service_send .flow .list_flow .item dt.flex-column, #service_contract .flow .list_flow .item dt.flex-column {
  flex-direction: column;
  align-items: flex-start;
  justify-content: center;
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item dt.flex-column, #service_contract .flow .list_flow .item dt.flex-column {
    flex-direction: row;
  }
}
#service_send .flow .list_flow .item dt .note, #service_contract .flow .list_flow .item dt .note {
  font-size: min(1.333vw, 16px);
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item dt .note, #service_contract .flow .list_flow .item dt .note {
    font-size: 4.103vw;
  }
}
#service_send .flow .list_flow .item dd, #service_contract .flow .list_flow .item dd {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  height: inherit;
  flex: 1;
  font-weight: var(--weight-medium, 500);
  line-height: 170%; /* 27.2px */
}
@media only screen and (max-width: 767px) {
  #service_send .flow .list_flow .item dd, #service_contract .flow .list_flow .item dd {
    font-size: 4.103vw;
    flex: 0;
  }
}

#service_send .features .wrapper:nth-child(1) .content::before {
  background-image: url("/assets/img/service/send/features_01.jpg");
}
#service_send .features .wrapper:nth-child(2) .content::before {
  background-image: url("/assets/img/service/send/features_02.jpg");
}
#service_send .features .wrapper:nth-child(3) .content::before {
  background-image: url("/assets/img/service/send/features_03.jpg");
}

#service_contract .features .wrapper:nth-child(1) .content::before {
  background-image: url("/assets/img/service/contract/features_01.jpg");
}
#service_contract .features .wrapper:nth-child(2) .content::before {
  background-image: url("/assets/img/service/contract/features_02.jpg");
}
#service_contract .features .wrapper:nth-child(3) .content::before {
  background-image: url("/assets/img/service/contract/features_03.jpg");
}
#service_contract .features .wrapper:nth-child(4) .content::before {
  background-image: url("/assets/img/service/contract/features_04.jpg");
}/*# sourceMappingURL=service_send_contract.css.map */