@charset "UTF-8";
/*-----------------------------------
	mainvisual
-----------------------------------*/
#mainvisual {
	background-image: url(../img/business/mainvisual.jpg);
}
/*-----------------------------------
	business_block
-----------------------------------*/
/*--1040px以下768pxまでvw--*/
#business_block {
	color: var(--mClr3);
}
#business_block h2::before {
	content: "Business";
}
#business_block .business_inner:not(:last-child) {
	margin-bottom: min(100px,9.61vw);
}
#business_block .intro .copy {
	font: 500 min(4.5rem,4.32vw)/1 var(--fJA) !important;
	margin-bottom: min(20px,1.92vw) !important;
	text-align: left !important;
}
#business_block .intro .read {
	line-height: 2 !important;
	text-align: left !important;
}
#business_block .business_inner h3 {
	width: max-content;
	font: 700 min(3rem,2.88vw)/1 var(--fJA);
	padding-bottom: min(15px,1.44vw);
	border-bottom: min(4px,0.38vw) solid var(--mClr3);
	margin: 0 auto min(20px,1.92vw);
}
#business_block .business_inner .copy {
	font: 500 min(2.3rem,2.21vw)/1.3 var(--fJA);
	margin-bottom: min(15px,1.44vw);
	text-align: center;
	white-space: pre-line;
}
#business_block .business_inner .read {
	line-height: 1.86;
	text-align: center;
	white-space: pre-line;
}
#business_block .business_inner .box {
	margin-top: min(30px,2.88vw);
	background: #EAEEF2;
	display: flex;
	justify-content: space-between;
	padding: min(30px,2.88vw) min(15px,1.44vw) min(15px,1.44vw);
}
#business_block .business_inner .box .text {
	width: 44.7%;
	display: flex;
	align-items:flex-start;
}
#business_block .business_inner .box .text.t2 {
	display: block;
	column-count: 2;
}
#business_block .business_inner .box .text h4 {
	width: min(185px,16.82vw);
	font: 700 min(2rem,1.92vw)/1 var(--fJA);
	padding-left: min(10px,0.96vw);
	border-left: min(5px,0.48vw) solid var(--mClr3);
	margin: 0 0 min(15px,1.44vw) max(-15px,-1.44vw);
}
#business_block .business_inner .box .text ul {
	border-left: 1px solid var(--mClr3);
	padding-left: min(5px,0.48vw);
}
#business_block .business_inner .box .text ul li {
	font: 500 min(1.4rem,1.34vw)/1.3 var(--fJA);
	margin-bottom: 0.5em;
	padding-left: 0.9em;
	text-indent: -0.9em;
}
#business_block .business_inner .box .text.t2 ul li {
	letter-spacing: -0.1em;
}
#business_block .business_inner .box .text ul li::before {
	content: "・";
}
#business_block .business_inner .box .image {
	width: 55.3%;
	display: flex;
	gap: 10px;
	text-align: center;
}
#business_block .business_inner .box .image figure {
	width: calc(50% - 5px);
}
#business_block .business_inner .box .image figure figcaption {
	font: 400 min(1.4rem,1.34vw)/1 var(--fJA);
	margin-top: min(10px,0.96vw);
}
@media screen and (max-width: 767px) {
	#business_block .inner_wrap {
		width: 90vw;
	}
	#business_block .business_inner:not(:last-child) {
		margin-bottom: 13.04vw;
	}
	#business_block .intro .copy {
		font-size: 7.17vw !important;
		margin-bottom: 3.91vw !important;
	}
	#business_block .intro .read {
		font-size: inherit !important;
		line-height: 1.77 !important;
	}
	#business_block .business_inner h3 {
		font-size: max(4.17vw,1.8rem);
		padding-bottom: 1.95vw;
		border-bottom: 0.52vw solid var(--mClr3);
		margin: 0 auto 2.6vw;
	}
	#business_block .business_inner .copy {
		font-size: max(3.52vw,1.5rem);
		margin-bottom: 1.95vw;
	}
	#business_block .business_inner .read {
		font-size: max(3.26vw,1.4rem);
		line-height: 1.52;
		text-align: left;
	}
	#business_block .business_inner .box {
		margin-top: 4.56vw;
		flex-direction: column;
		gap: 5.21vw;
		padding: 3.91vw 1.95vw 1.95vw;
	}
	#business_block .business_inner .box .text {
		width: 100%;
	}
	#business_block .business_inner .box .text.t2 {
		display: flex;
		column-count:auto;
	}
	#business_block .business_inner .box .text h4 {
		width: max(26.07vw,120px);
		font-size: max(3.26vw,1.4rem);
		line-height: 1.6;
		padding-left: 1.3vw;
		border-left: 0.65vw solid var(--mClr3);
		margin: 0 0 15px -1.95vw;
	}
	#business_block .business_inner .box .text ul {
		padding-left: 0.65vw;
	}
	#business_block .business_inner .box .text ul li {
		font-size: max(2.6vw,1.2rem);
	}
	#business_block .business_inner .box .text ul.c2 {
		column-count: 2;
		column-gap: 0;
	}
	#business_block .business_inner .box .image {
		width: 100%;
		justify-content: center;
		gap: 1.3vw;
	}
	#business_block .business_inner .box .image figure figcaption {
		font-size: max(2.34vw,1.3rem);
		margin-top: 1.3vw;
	}
}