@charset "UTF-8";
/* CSS Document */

/* サービス一覧 */
@media screen and (min-width: 861px) {
#service_wrap { margin-top: 80px; max-width: 1200px; width: calc(100% - 10%); }

#service_wrap .hl_line { display: flex; align-items: center; gap: 16px; font-size: 28px; line-height: 157.143%; }
#service_wrap .hl_line::before { content: ""; flex: 0 0 auto; width: 48px; height: 4px; background: #E94F86; }

#service_wrap .sec_01 { display: grid; grid-template-columns: minmax(0, 449px) minmax(0, 1fr); align-items: start; gap: clamp(60px, 9.722vw, 140px); }
#service_wrap .sec_01 h2 { font-size: 48px; line-height: 150%; white-space: nowrap; }
#service_wrap .sec_01 p { line-height: 177.778%; }
#service_wrap .sec_01 span { color: #E94F86; font-weight: 700; }

#service_wrap .sec_02 { margin-top: 160px; }
#service_wrap .sec_02 ul { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 74px; row-gap: 40px; margin: 20px 0 0 0; }
#service_wrap .sec_02 li { display: flex; flex-direction: column; gap: 29px; min-width: 0; }
#service_wrap .sec_02 .service-card-image-link { display: block; color: inherit; text-decoration: none; }
#service_wrap .sec_02 .service-card-image-link img { display: block; width: 100%; aspect-ratio: 350 / 230; object-fit: cover; border-radius: 0; }
#service_wrap .sec_02 h3 { font-size: 28px; line-height: 157.143%; }
#service_wrap .sec_02 .service-card-title-link { color: inherit; text-decoration: none; }
#service_wrap .sec_02 li p { line-height: 177.778%; }
#service_wrap .sec_02 li .service-card-arrow-link { align-self: flex-end; width: 49px; height: 49px; }
#service_wrap .sec_02 li .service-card-arrow-link img { display: block; width: 100%; height: 100%; object-fit: contain; }
#service_wrap .sec_02 .box { display: flex; flex-direction: column; gap: 29px; margin-top: 40px; }
#service_wrap .sec_02 .box p { line-height: 177.778%; }

}

@media screen and (min-width: 861px) and (max-width: 1100px) {
#service_wrap .sec_01 { gap: 40px; }
#service_wrap .sec_01 h2 { font-size: 36px; }
#service_wrap .sec_02 ul { column-gap: 40px; }
}

@media screen and (max-width: 860px) {
#service_wrap { margin-top: 40px; width: 90%; }

#service_wrap .hl_line { display: flex; align-items: center; gap: 12px; font-size: 20px; line-height: 150%; }
#service_wrap .hl_line::before { content: ""; flex: 0 0 auto; width: 40px; height: 4px; background: #E94F86; }

#service_wrap .sec_01 h2 { font-size: 24px; line-height: 150%; }
#service_wrap .sec_01 p { margin: 16px 0 0 0; line-height: 175%; }
#service_wrap .sec_01 span { color: #E94F86; font-weight: 700; }

#service_wrap .sec_02 { margin-top: 80px; }
#service_wrap .sec_02 ul { display: flex; flex-direction: column; gap: 40px; margin: 32px 0 0 0; }
#service_wrap .sec_02 li { display: flex; flex-direction: column; padding: 0 0 24px 0; border-bottom: solid 1px #E5E7EB; }
#service_wrap .sec_02 .service-card-image-link img { width: 100%; aspect-ratio: 350 / 230; object-fit: cover; border-radius: 0; }
#service_wrap .sec_02 h3 { margin: 20px 0 0 0; font-size: 20px; line-height: 160%; }
#service_wrap .sec_02 li p { margin: 12px 0 16px 0; line-height: 175%; }
#service_wrap .sec_02 li .service-card-arrow-link { display: block; margin-left: auto; width: 47px; height: 47px; }
#service_wrap .sec_02 li .service-card-arrow-link img { display: block; width: 100%; height: 100%; object-fit: contain; }
#service_wrap .sec_02 .box { display: flex; flex-direction: column; gap: 16px; margin-top: 40px; }

}