@charset "UTF-8";

body {
	background: #f8f8f0;
}

.pagehd_item {
	position: absolute;
	right: 50%;
	bottom: -20px;
	z-index: 1;
	transform: translateX(63%);
}

.bgwrap {
	background: url(../img/cmn/cmnbg@2x.jpg) left 780px / 1440px 100%;
	background-repeat: repeat-x;
}

.feature {
	position: relative;
	padding-top: 210px;
}

.feature::before {
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 780px;
	background: url(../img/about/home/bg-item@2x.png) center / 100% 100%;
}

.feature_wrap {
	position: relative;
	z-index: 3;
}

.feature_sec {
	display: flex;
	align-items: center;
	gap: 100px;
	padding: 75px 0;
}

.feature_sec:nth-of-type(odd) {
	flex-flow: row-reverse;
	justify-content: start;
}

.feature_sec:nth-of-type(even) {
	flex-flow: row;
	justify-content: end;
}

.feature_sec_txt {
	width: 400px;
}

.feature_sec_txt_num {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 7px;
	width: 100px;
	height: 40px;
	margin-bottom: 18px;
	border-radius: 9999px;
	background: #faed00;
}

.feature_sec_txt_num span {
	font-size: 23px;
}

.feature_sec_txt_ttl {
	margin-bottom: 15px;
	font-size: 30px;
}

.feature_sec_txt_cnt {
}

.feature_sec_img {
	flex-shrink: 0;
	width: 560px;
	overflow: hidden;
	border-radius: 40px;
}

.feature_other {
}

.feature_other_cnt {
}

.feature_other_hd {
}

.feature_other_txt {
}

.feature_other_note {
}

@media screen and (max-width:1240px) {
}

@media screen and (max-width:768px) {
	body {
	}

	.pagehd_item {
	}

	.bgwrap {
		background: url(../img/cmn/cmnbg@2x.jpg) left 642px / 1440px 100%;
		background-repeat: repeat-x;
	}

	.feature {
		padding-top: 90px;
	}

	.feature::before {
		width: 100%;
		height: 642px;
		background: url(../img/about/home/bg-item_sp@2x.png) center / 100% 100%;
	}

	.feature_wrap {
	}

	.feature_sec {
		gap: 23px;
		margin-bottom: 40px;
		padding: 0;
	}

	.feature_sec:nth-of-type(odd) {
		flex-flow: column-reverse;
	}

	.feature_sec:nth-of-type(even) {
		flex-flow: column-reverse;
	}

	.feature_sec_txt {
		width: 100%;
	}

	.feature_sec_txt_num {
	}

	.feature_sec_txt_num span {
	}

	.feature_sec_txt_ttl {
		font-size: 25px;
	}

	.feature_sec_txt_cnt {
	}

	.feature_sec_img {
		width: 100%;
		border-radius: 20px;
	}

	.feature_other {
	}

	.feature_other_cnt {
	}

	.feature_other_hd {
	}

	.feature_other_txt {
	}

	.feature_other_note {
	}
}