@charset "UTF-8";

.page_service_main {
	background: #F5F5F5;
	padding-block: 1em 0;
}

/* .breadcrumb {
	margin-block: 0 95px;
} */

.page_service_main .title_box {
	text-align: center;
}

.page_service_main .title_box .title {
	font-size: 40px;
	letter-spacing: .08em;
	font-weight: 700;
	line-height: 1.5;
}

/* .page_service {
	background: #F5F5F5;
} */

.page_service .common_page_wrap {
	padding-block: 140px 140px;
}

.service_cont_sec .cont .item {
	display: flex;
	gap: 100px;
	/* background: #fff; */
	padding-bottom: 100px;
    /* align-items: flex-end; */
}

/* .service_cont_sec .cont .item+.item {
	margin-block: 6em 0;
} */

/* .service_cont_sec .cont .item:nth-child(3) {
    margin-top: 100px;
} */

.service_cont_sec .cont .item:nth-child(odd) {
	flex-direction: row-reverse;
}

.service_cont_sec .cont .item .img {
	/* flex-shrink: 0; */
	width: 50%;
}

.service_cont_sec .cont .item .img img {
	width: 100%;
	object-fit: cover;
}

.service_cont_sec .cont .item:first-child .img {
    max-height: 703px;
}

.service_cont_sec .cont .item:first-child img {
    aspect-ratio: 670/703;
    max-height: 703px;
}

.service_cont_sec .cont .item:nth-child(2) .img {
    max-height: 612px;
}

.service_cont_sec .cont .item:nth-child(2) img {
    aspect-ratio: 670/612;
    max-height: 612px;
}

.service_cont_sec .cont .item:nth-child(3) .img {
    max-height: 715px;
}

.service_cont_sec .cont .item:nth-child(3) img {
    aspect-ratio: 670/715;
    max-height: 715px;
}

.service_cont_sec .cont .item:nth-child(4) .img {
    max-height: 784px;
}

.service_cont_sec .cont .item:nth-child(4) img {
    aspect-ratio: 670/784;
    max-height: 784px;
}

.service_cont_sec .cont .item:nth-child(5) .img {
    max-height: 590px;
}

.service_cont_sec .cont .item:nth-child(5) img {
    aspect-ratio: 670/590;
    max-height: 590px;
}

.service_cont_sec .cont .item .text_box {
	width: 50%;
	display: flex;
	flex-direction: column;
	justify-content: center; 
}

.text_box_inner {
    max-width: 520px;
    width: 100%;
}

.service_cont_sec .cont .item:nth-child(odd) .text_box_inner {
    margin: 0 0 51px auto;
}

.service_cont_sec .cont .item:nth-child(even) .text_box_inner {
    margin: 0 auto 50px 0;
}

/* .service_cont_sec .cont .item .text_box .title {
	font-size: 32px;
	letter-spacing: .08em;
	font-weight: 700;
	line-height: 1.5;
	margin-block: 0 0.6em;
} */

.service_cont_sec .cont .item .text_box .text {
    margin-top: 0.8em;
    font-size: 16px;
    letter-spacing: .03em;
    font-weight: 500;
    line-height: 1.8;
}

@media (max-width: 750px) {
	/* .breadcrumb {
		margin-block: 0 12vw;
	} */

	/* .page_service_main .title_box .title {
		font-size: 5.6vw;
	} */

	.page_service .common_page_wrap {
		padding-block: 15vw 18vw;
	}

    .service_cont_sec {
        padding-bottom: 15vw;
    }

	.service_cont_sec .wrap {
		max-width: 95%;
	}

	.service_cont_sec .cont .item {
		display: block;
		padding: 0;
	}

	.service_cont_sec .cont .item+.item {
		margin-block: 4em 0;
	}

    .service_cont_sec .cont .item:nth-child(2) {
        padding-bottom: 3em;;
    }

	.service_cont_sec .cont .item .img {
		width: 94.5%;
		margin-block: 0 0.8em;
	}

    .service_cont_sec .cont .item:nth-child(odd) .img {
        margin-left: auto;
    }

	.service_cont_sec .cont .item .img img {
		aspect-ratio: 35/18;
	}

    .service_cont_sec .cont .item:nth-child(3) .img img {
        object-position: center -13vw;
    }

    .service_cont_sec .cont .item .text_box {
        margin: 5vw auto 0;
        width: 90%;
    }

    .text_box_inner {
        max-width: initial;
    }

    .service_cont_sec .cont .item:nth-child(odd) .text_box_inner {
        margin: 0;
    }

    .service_cont_sec .cont .item:nth-child(even) .text_box_inner {
        margin: 0;
    }

	/* .service_cont_sec .cont .item .text_box .title {
		font-size: 5.1vw;
		margin-block: 0 0.4em;
	} */

	.service_cont_sec .cont .item .text_box .text {
		font-size: 3.3vw;
		line-height: 1.7;
	}
}