@charset "utf-8";


.section_our_service {
  margin-top: 4.6rem;
  color: var(--black);
  font-family: var(--NotoSans);
  margin-bottom: 20rem;
}

/* .section_service_title {
  margin-left: 4.1rem;
  margin-bottom: 3.2rem;
  font-size: 4rem;
  font-weight: bold;
  line-height: calc(53 / 40);
}
.section_service_title::before {
  display: inline-block;
  content: "";
  width: 1rem;
  height: 3.5rem;
  margin-right: 1rem;
  background-color: #0068B7;
} */


.service_text_container {
  margin-left: 7.5rem;
}

.service_title_desc {
  font-size: 4rem;
  font-weight: 600;
  line-height: calc(55 / 40);
  letter-spacing: calc(0.4em / 40);
  margin-bottom: 3.5rem;
}

.service_text_content {
  margin-bottom: 2.2rem;
}

.service_desc_text {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: calc(22 / 16);
  letter-spacing: calc(0.13em / 16);
}

/* .our_service_border {
  width: 120rem;
  border-bottom: 0.1rem solid var(--black);
  margin: 15rem auto 3.8rem;
} */

.service_title_feature {
  margin-bottom: 6.5rem;
  margin-left: 7.5rem;
  letter-spacing: calc(0.5em / 20);
}

.service_feature_container {
  width: 117.5rem;
  margin: 0 0 5rem 6.5rem;
}

.service_feature_content {
  display: flex;
  gap: 5rem;
  margin-bottom: 2.3rem;
}

.service_feature_image {
  width: 47rem;
  height: 30rem;
}

.service_feature_banner {
  color: var(--white);
  width: 47rem;
  font-size: 2rem;
  font-weight: 600;
  padding-left: 1.5rem;
  line-height: calc(50 / 20);
  background-color: #0068B7;
}

.service_content_item_title {
  font-size: 3rem;
  font-weight: bold;
  line-height: calc(41 / 30);
  letter-spacing: calc(0.15em / 30);
}


.service_item_text_content {
  width: 65.5rem;
  margin: 2.2rem 0 6.4rem;
}

.service_content_item_text {
  font-size: 1.6rem;
  font-weight: 600;
  line-height: calc(22 / 16);
  letter-spacing: calc(0.1em / 16);
}

/* アコーディオンメニュー */
.service_accordion {
  border: 0.1rem solid #000;
}

.service_detail_title {
  font-size: 2rem;
  font-weight: 600;
  line-height: calc(40 / 20);
  letter-spacing: calc(0.15em / 20);
}

.service_detail_title.main_title {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  cursor: pointer;
  padding: 0 1.5rem;
}

.service_accordion[open] .main_title {
  background-color: #B9D1E3;
  border-bottom: 0.1rem solid #000;
}

.main_title {
  transition: all .5s;
  list-style: none;
}

.main_title::-webkit-details-marker {
  display: none;
}

.main_title::after {
  transform: rotate(45deg);
  width: 2rem;
  height: 2rem;
  margin-left: 1rem;
  border-bottom: 0.1rem solid #000;
  border-right: 0.1rem solid #000;
  content: '';
  position: absolute;
  right: 2.7rem;
  bottom: 1.5rem;
  transition: transform .3s;
}

.service_accordion[open] .main_title::after {
  transform: rotate(225deg);
  top: 1.7rem;
}

.service_detail_subtitle {
  width: 114.5rem;
  margin: 2rem auto 0.3rem;
  line-height: calc(27 / 20);
}

.service_subtitle_five {
  margin-bottom: 1.6rem;
}

.service_details_content {
  display: flex;
  flex-direction: column;
  gap: 2rem;
  transform: translateY(-1rem);
  opacity: 0;
  margin: 0;
  color: #333333;
  transition: transform .5s, opacity .5s;
}

.service_accordion[open] .service_details_content {
  transform: none;
  opacity: 1;
}

.service_detail_border {
  display: block;
  height: 0.1rem;
  width: 114.5rem;
  margin: 0 auto;
  border-bottom: 0.1rem solid #000;
}

.service_detail_text {
  width: 114.5rem;
  font-weight: 600;
  font-size: 1.6rem;
  margin: 0 auto 2rem;
  line-height: calc(22 / 16);
}

.service_fast_text {
  margin-top: 1.9rem;
}

.service_last_text {
  margin-bottom: 4.5rem;
}


.service_detail_image {
  width: 113.8rem;
  height: auto;
  margin: 2.5rem auto 1.3rem;
  object-fit: contain;
}

.service_detail_flex {
  margin-top: 4.5rem;
  flex-direction: row;
  justify-content: center;
}

.service_detail_flex:last-child {
  margin-bottom: 4.5rem;
}

.service_detail3_image {
  width: 36.5rem;
  height: auto;
  aspect-ratio: 1;
  width: 20rem;
  margin: 0 auto;
}

.service_detail_flexset .service_detail_subtitle {
  width: 75.3rem;
  margin: 0 0 2rem;
  line-height: calc(27 / 20);
}

.service_detail_flexset .service_detail_border {
  width: 75.3rem;
}

.service_detail_flexset .service_detail_text {
  width: 75.3rem;
  margin-top: 2rem;
  letter-spacing: calc(0.15em / 16);
}

.service_detail_wrap {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  margin-top: 0.5rem;
  column-gap: 2.5rem;
}

.service_wrap_last {
  margin-bottom: 1.6rem;
}

.service_detail_column {
  gap: 1rem;
  width: 36.5rem;
  margin-bottom: 3rem;
}

.service_detail_wrap .service_detail_subtitle {
  width: 36.5rem;
  margin-bottom: 1rem;
}

.service_detail_wrap .service_detail_border {
  width: 36.5rem;
}

.service_detail_wrap .service_detail_text {
  width: 36.5rem;
  margin-top: 1rem;
}

.service_subtitle_set {
  margin-top: 0;
  margin-bottom: 1.6rem;
}

.img_mini {
  width: 20rem;
  margin: 0 auto;
}

.text_center {
  text-align: center;
}

@media screen and (max-width: 699.98px) {
  .section_our_service {
    margin-top: 2.2rem;
    margin-bottom: 15rem;
  }

  /* .section_service_title {
    font-size: 2.5rem;
    margin-left: 1.5rem;
    margin-bottom: 2rem;
  }
  .section_service_title::before {
    width: 0.8rem;
    height: 2rem;
    margin-right: 0.5rem;
  } */

  .service_text_container {
    width: 34.5rem;
    margin: 0 auto;
  }

  .service_title_desc {
    font-size: 2.5rem;
    margin-bottom: 2rem;
    line-height: calc(30 / 25);
  }

  /* .our_service_border {
    width: 34.5rem;
    margin: 4rem auto 2rem;
  } */

  .service_feature_container {
    width: 34.5rem;
    margin: 0 auto;
  }

  .service_title_feature {
    margin-left: 1.5rem;
    margin-bottom: 3.4rem;
    letter-spacing: 0.01em;
  }

  .service_feature_content {
    flex-direction: column;
    margin-bottom: 0;
    gap: 1.4rem;
  }

  .service_feature_image {
    width: 34.5rem;
    height: 22rem;
  }

  .service_feature_banner {
    width: 34.5rem;
    padding-left: 1rem;
    line-height: calc(37 / 20);
  }

  .service_content_item_title {
    font-size: 2rem;
    line-height: calc(40 / 20);
  }

  .service_item_title_bottom {
    margin-left: 3rem;
    line-height: 1.1em;
  }

  .service_item_text_content {
    width: 34.5rem;
    margin: 2rem 0 3.5rem;
  }

  .service_content_item_text {
    font-weight: bold;
    letter-spacing: 0;
  }

  .service_content_item_pdf {
    width: 34.5rem;
    margin-bottom: 2rem;
  }

  .service_accordion {
    margin-bottom: 5rem;
  }

  .service_detail_title.main_title {
    padding: 0.9rem 1.5rem;
    /* padding: 0.9rem 1.5rem 0.7rem; */
    line-height: calc(28 / 20);
  }

  .main_title::after {
    right: 1.8rem;
    bottom: 1.3rem;
  }

  .service_sp_arrow::after {
    bottom: 1.8rem;
  }

  .service_accordion[open] .main_title::after {
    top: 8rem;
  }

  .service_accordion[open] .service_sp_arrow::after {
    top: 1.7rem;
  }

  .service_accordion[open] .service_sp_after::after {
    top: 5.5rem;
  }

  .service_details_content {
    gap: 1.8rem;
  }

  .service_detail_subtitle,
  .service_detail_border,
  .service_detail_text {
    width: 31.5rem;
  }

  .service_detail_image {
    width: 33.7rem;
    margin: 1.1rem auto;
  }

  .service_detail_column {
    margin-bottom: 1.5rem;
  }

  .service_detail_flex {
    margin-top: 2rem;
    flex-direction: column;
  }

  .service_detail3_image {
    width: 31.5rem;
    margin: 0 auto;
    width: 25rem;
  }

  .service_image_top {
    margin-top: 1.5rem;
  }

  .service_detail_flexset .service_detail_subtitle,
  .service_detail_flexset .service_detail_border,
  .service_detail_flexset .service_detail_text {
    width: 31.5rem;
    margin: 0 auto 2rem;
  }

  .service_detail_flex:last-child {
    margin-bottom: 4rem;
  }

  .img_mini {
    width: 25rem;
  }
}