@charset "utf-8";

/* ---------------------------------------------------------------------------------------------------- */

.section_1 {
	background-image: url(../img/commitment_sec1_bg_1.png), url(../img/commitment_sec1_bg_2.png), url(../img/commitment_sec1_bg_3.png);
	background-position: 50% 0%, 0 42.5%, 100% 75%;
	background-repeat: no-repeat, no-repeat, no-repeat;
	background-size: 100%, 80%, 80%;
}

.section_1 .inner {}

.section_1 .wrap {
	gap: 24px;
}

.section_1 .heading_wrap {}

.section_1 .heading_wrap .heading {
	position: relative;
	width: 100%;
	padding-bottom: 12px;
}

.section_1 .content .heading_wrap .heading::before {
	content: "";
	position: absolute;
	z-index: 1;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #ab903c;
}

.section_1 .heading_wrap .heading .main {}

.section_1 .heading_wrap .heading .sub {}

.section_1 .content_wrap {
	gap: 48px;
}

.section_1 .content_wrap .content {
	width: 90%;
	max-width: 1280px;
}

.section_1 .content_wrap .content .item_wrap {
	gap: 24px;
}

.section_1 .content_wrap .content .item_wrap .item {
	gap: 24px;
}

.section_1 .content_wrap .content .item_wrap .item .text_wrap {
	align-items: flex-start;
	gap: 12px;
}

.section_1 .content_wrap .content .item_wrap .item .text_wrap .text {}

.section_1 .content_wrap .content .item_wrap .item .text_wrap .text_big {
	font-size: 1.5rem;
}

@media screen and (min-width: 768px) {
	.section_1 {
		background-position: 50% 0%, 2.5% 47.5%, 97.5% 82.5%;
		background-size: 100%, 35%, 40%;
	}

	.section_1 .inner {}

	.section_1 .wrap {}

	.section_1 .heading_wrap {
		/* position: absolute;
		top: 0;
		right: 0;
		transform: translate(100%, 0);
		width: max-content; */
	}

	.section_1 .heading_wrap .heading {
		/* flex-direction: column;
		align-items: flex-start;
		writing-mode: vertical-lr; */
	}

	.section_1 .content_1 .heading_wrap .heading::before {}

	.section_1 .content_2 .heading_wrap .heading,
	.section_1 .content_3 .heading_wrap .heading {}

	.section_1 .heading_wrap .heading .main {
		margin: 0;
	}

	.section_1 .heading_wrap .heading .sub {
		margin: 0;
	}

	.section_1 .content_wrap {}

	.section_1 .content_wrap .content {}

	.section_1 .content_wrap .content .item_wrap {
		flex-direction: row;
		align-items: flex-start;
		gap: 24px;
	}

	.section_1 .content_wrap .content:nth-child(even) .item_wrap {
		flex-direction: row-reverse;
	}

	.section_1 .content_wrap .content .item_wrap .item {
		width: calc((100% - (24px * 1)) / 2);
	}

	.section_1 .content_wrap .content .item_wrap .item .text_wrap {}

	.section_1 .content_wrap .content .item_wrap .item .text_wrap .text {}

	.section_1 .content_wrap .content .item_wrap .item .text_wrap .text_big {}

	.section_1 .content_wrap .content {}

	.section_1 .btn {}

	.section_1 .btn::before {}
}

@media screen and (min-width: 1280px) {
    .section_1 {
        background-position: 50% 0%, 2.5% 45%, 97.5% 85%;
    }

	.section_1 .content_wrap {
		gap: 120px;
	}

	.section_1 .content_wrap .content .item_wrap .item {
		justify-content: center;
	}
}

@media screen and (min-width: 1440px) {
    .section_1 {
        background-position: 50% 0%, 2.5% 45%, 97.5% 85%;
    }

	.section_1 .heading_wrap .heading .main {
		font-size: 2.5rem;
	}

	.section_1 .content_wrap .content .item_wrap {
		gap: 60px;
	}

	.section_1 .content_wrap .content .item_wrap .item {
		gap: 60px;
		width: calc((100% - (60px * 1)) / 2);
	}

	.section_1 .content_wrap .content .item_wrap .item .text_wrap .text {
		font-size: 1.125rem;
		line-height: 2;
	}

	.section_1 .content_wrap .content .item_wrap .item .text_wrap .text_big {
		font-size: 1.875rem;
	}
}

@media screen and (min-width: 1920px) {
    .section_1 {
        background-position: 50% 0%, 2.5% 42.5%, 97.5% 85%;
    }

	.section_1 .content_wrap {
		gap: 240px;
	}
}

/* ---------------------------------------------------------------------------------------------------- */