@charset "UTF-8";

/* PC固定ページ 事業内容 */
#service_contents {
  padding: 100px 0;
}

#service_contents .item {
  -ms-flex-wrap: nowrap;
  flex-wrap: nowrap;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 56px;
}

#service_contents .item:not(:first-of-type) {
  margin-top: 100px;
}

#service_contents .item:nth-of-type(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

#service_contents .item_image {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 320px;
  flex: 0 0 320px;
}

#service_contents .item_image img {
  width: 100%;
  height: auto;
  -o-object-fit: cover;
  object-fit: cover;
  border-radius: 16px;
  aspect-ratio: 1/1;
}

#service_contents .item_texts {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

#service_contents .item_title {
  position: relative;
  font-family: "fot-tsukuardgothic-std", "筑紫A丸ゴシック", sans-serif;
  font-size: 28px;
  font-weight: 700;
  line-height: 1.29;
  letter-spacing: 0.04em;
  color: #1A1A1A;
  padding-bottom: 16px;
}

#service_contents .item_title::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  left: 0;
  background-image: -webkit-radial-gradient(circle, #333333 2px, transparent 2px);
  background-image: radial-gradient(circle, #333333 2px, transparent 2px);
  background-size: 6px 2px;
  background-repeat: repeat-x;
}

#service_contents .item_text {
  font-size: 16px;
  font-weight: 400;
  line-height: 2;
  letter-spacing: 0.04em;
  margin-top: 16px;
}

#service_contents .item_text .accent {
  display: inline;
  color: #063D78;
  font-weight: 700;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #D5EAFF), color-stop(92%, #D5EAFF), color-stop(92%, transparent));
  background: -webkit-linear-gradient(transparent 70%, #D5EAFF 70%, #D5EAFF 92%, transparent 92%);
  background: linear-gradient(transparent 70%, #D5EAFF 70%, #D5EAFF 92%, transparent 92%);
}

@media (max-width: 750px) {
  /* SP固定ページ 事業内容 */
  #service_contents {
    padding: 10.26vw 0 20.51vw;
  }

  #service_contents .wrap {
    width: 89.74%;
  }

  #service_contents .item {
    display: block;
  }

  #service_contents .item:not(:first-of-type) {
    margin-top: 10.26vw;
  }

  #service_contents .item:nth-of-type(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }

  #service_contents .item_image {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
    margin-top: 3.59vw;
  }

  #service_contents .item_image img {
    border-radius: 3.08vw;
    aspect-ratio: 390/250;
  }

  #service_contents .item_texts {
    -webkit-box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    width: 100%;
  }

  #service_contents .item_title {
    font-size: 5.13vw;
    line-height: 1.2;
    padding-bottom: 3.08vw;
  }

  #service_contents .item_text {
    font-size: 3.59vw;
    line-height: 1.8;
    margin-top: 3.08vw;
  }

  #service_contents .item_text .accent {
    display: inline;
    color: #063D78;
    font-weight: 700;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(70%, transparent), color-stop(70%, #D5EAFF), color-stop(92%, #D5EAFF), color-stop(92%, transparent));
    background: -webkit-linear-gradient(transparent 70%, #D5EAFF 70%, #D5EAFF 92%, transparent 92%);
    background: linear-gradient(transparent 70%, #D5EAFF 70%, #D5EAFF 92%, transparent 92%);
  }
}