@charset "utf-8";
.business_intro{
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 30px;
	padding: 30px 0 20px;
}
.business_intro_box h2{
	font-size: 3.2rem;
	line-height: 4.8rem;
	letter-spacing: 2.56px;
	color: #961E23;
	padding: 0;
	margin: 0 0 20px;
}
.business_intro_box h2::before{display: none;}
.business_intro_box p{
	line-height: 3.2rem;
	letter-spacing: 0.64px;
	margin-bottom: 0;
}
.business_slide{margin: 25px 0;}
.business_slide_item{
	width: 500px;
	height: 320px;
}
.business_slide .slick-list{overflow: visible;}
.business_slide img{
	width: 100%;
	height: 100%;
	-o-object-fit: cover;
	object-fit: cover;
}
.product_col{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	align-items: flex-start;
	gap: 30px;
	margin: 22px 0 95px;
}
.product_item{
	display: flex;
	flex-direction: column-reverse;
}
.product_item h3{
	font-size: 2rem;
	line-height: 2.4rem;
	letter-spacing: 1.6px;
	padding: 0;
	margin: 20px 0 15px;
}
.product_item h3::before{display: none;}
.product_txt{margin-bottom: 0;}
.feature_box{
	position: relative;
	padding: 1px 0 100px;
}
.feature_box::before{
	content: '';
	position: absolute;
	top: 0;
	left: calc(50% - var(--vw-50));
	width: var(--vw-100);
	height: 100%;
	background: #F6F3F3;
	z-index: -1;
	pointer-events: none;
}
.feature_col{
	counter-reset: feature;
	display: flex;
	flex-direction: column;
	gap: 70px;
	margin-top: 20px;
}
.feature_col_item{
	counter-increment: feature;
	display: grid;
	grid-template-columns: 1fr 1.2fr;
	gap: 40px;
}
.feature_col_item.reverse{grid-template-columns: 1.2fr 1fr;}
.feature_col_item.reverse .feature_col_img{order: -1;}
.feature_col_item h3{
	padding: 0;
	margin: 0 0 17px;
}
.feature_col_item h3::before{
	all: unset;
	content: 'FEATURES ' counter(feature, decimal-leading-zero);
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6rem;
	letter-spacing: 0;
	color: #961E23;
	margin-bottom: 7px;
}
.feature_col_item p:last-child{margin-bottom: 0;}
.dept_list{
	counter-reset: dept;
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	padding: 0;
	margin: 25px 0 42px;
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}
.dept_item{
	counter-increment: dept;
	padding: 38px 30px 35px;
	margin: 0;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	list-style: none;
}
.dept_item h4{
	font-size: 2rem;
	line-height: 3.6rem;
	letter-spacing: 1.6px;
	margin: 0 0 18px;
}
.dept_item h4::before{
	all: unset;
	content: counter(dept, decimal-leading-zero);
	display: block;
	font-weight: 700;
	font-size: 1.6rem;
	line-height: 1.6rem;
	letter-spacing: 0;
	color: #961E23;
	margin-bottom: 3px;
}
.dept_item p{line-height: 2.4rem;}
.dept_item p:last-child{margin-bottom: 0;}
.lineup_list{
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 30px;
	padding: 0;
	margin: 20px 0 0;
}
.lineup_item{
	margin: 0;
	list-style: none;
}
.lineup_item p{
	line-height: 2.4rem;
	margin: 15px 0 0;
	text-align: center;
}
.contact_box{
	padding: 35px 30px 40px;
	margin: 35px 0;
	background: #F6F3F3;
}
.contact_box h4{
	padding: 0;
	margin: 0 0 12px;
	text-align: center;
}
.contact_box h2::before{display: none;}
.contact_box p{
	margin-bottom: 22px;
	text-align: center;
}
.contact_box .link_btn{margin: 0 auto;}

@media screen and (max-width: 1024px){
.business_intro{
	gap: 20px;
	padding: 0;
}
.business_intro_box h2{
	font-size: 2.6rem;
	line-height: 3.9rem;
	letter-spacing: 2.08px;
}
.business_intro_box p{
	line-height: 2.6rem;
	letter-spacing: 1.12px;
}
.business_slide{margin: 20px 0;}
.business_slide_item{
	width: 250px;
	height: 160px;
}
.product_col{
	gap: 20px;
	margin: 22px 0 60px;
}
.product_item h3{
	font-size: 1.8rem;
	line-height: 2.7rem;
	letter-spacing: 1.44px;
	margin: 16px 0 8px;
}
.feature_box{padding: 1px 0 60px;}
.feature_col{gap: 50px;}
.feature_col_item{gap: 24px;}
.feature_col_item h3{
	font-size: 2.2rem;
	line-height: 3.3rem;
	letter-spacing: 1.76px;
	margin: 0 0 13px;
}
.feature_col_item h3::before{
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 5px;
}
.dept_item{padding: 16px 20px;}
.dept_item h4{
	font-size: 1.7rem;
	line-height: 2.5rem;
	letter-spacing: 1.36px;
	margin: 0 0 9px;
}
.dept_item h4::before{
	font-size: 1.4rem;
	line-height: 1.4rem;
	margin-bottom: 5px;
}
.lineup_list{gap: 20px;}
}

@media screen and (max-width: 767px){
.business_intro{grid-template-columns: 1fr;}
.product_col{
	grid-template-columns: repeat(1, 1fr);
	gap: 30px;
}
.feature_col_item{grid-template-columns: 1fr;}
.feature_col_item.reverse{grid-template-columns: 1fr;}
.feature_col_img{order: -1;}
.dept_list{
	grid-template-columns: repeat(1, 1fr);
	margin: 20px 0 35px;
}
.lineup_list{
	grid-template-columns: repeat(2, 1fr);
	gap: 25px 11px;
}
.lineup_item p{margin: 5px 0 0;}
.contact_box{padding: 45px 20px 50px;}
.contact_box h4{
	font-size: 1.8rem;
	line-height: 2.7rem;
	letter-spacing: 1.44px;
}
.contact_box p{margin-bottom: 24px;}
}