@charset "UTF-8";

/* ================================
			b-contets01
================================ */
.b-contets01 {
	background: url(/business/img/business-bg.png) no-repeat center / cover;
}
.b-contets01 .text-style {
	color: var(--white);
}

.b-contets01 .appeal {
	display: flex;
	gap: 1.33%;
	margin-top: 4em;
}
.b-contets01 .appeal > li {
	width: calc(100% / 4);
	background-color: var(--white);
	clip-path: var(--shape01-pentagon02);
	padding: 1.5em 0.83% 2em;
}
.b-contets01 .appeal > li h3,
.b-contets01 .appeal > li h3 + p {
	text-align: center;
	font-weight: var(--blod);
}
.b-contets01 .appeal > li h3 {
	font-size: var(--f-size20);
	color: var(--main);
	margin-top: 1.2em;
	margin-bottom: 0.72em;
}
.b-contets01 .appeal-img img {
	width: 100%;
}

/* ================================
			b-contets02
================================ */
.b-contets02 {
	position: relative;
}
.b-contets02::before {
	content: "";
	position: absolute;
	background-color: var(--pink02);
	width: 47.92vw;
	height: 100%;
	clip-path: polygon(0% 0%, calc(100% - clamp(calc(0.13 / var(--min)), 0.13vw, calc(0.13 / var(--max)))) 0%, calc(100% - clamp(calc(23.09 / var(--min)), 23.09vw, calc(23.09 / var(--max)))) 100%, 0% 100%);
	z-index: -1;
}
.b-contets02 .flex-contents .flex-img {
	width: 46.92%;
}
.b-contets02 .flex-contents .text-style {
	width: calc(100% - 46.92%);
}

/* ================================
			mainBusiness
================================ */
.mainBusiness {
	background-color: var(--bg-gray02);
}
.mainBusiness .b-list {
	padding: 0 var(--both02);
}
.mainBusiness .b-list > li {
	border-bottom: var(--border-gray) 0.06em solid;
	padding: 1em 0;
}
.b-list > li > dl {
	display: flex;
	align-items: center;
	gap: 1.5em;
}
.b-list > li > dl > dd {
	padding: 1.5em 0.5em 1.5em 0;
}
.b-list > li > dl > dt > h3 {
	background-color: var(--pink);
	color: var(--white);
	font-weight: var(--blod);
	width: 17.5em;
	padding: 1.1em 1.5em;
}
.b-list > li > dl > dt > h3 .en {
	display: block;
	margin-bottom: 0.2em;
}

/* ================================
			Animation
================================ */
.b-contets01 .appeal > li.js__zoom:nth-child(2) {
	animation-delay: 0.3s;
}
.b-contets01 .appeal > li.js__zoom:nth-child(3) {
	animation-delay: 0.6s;
}
.b-contets01 .appeal > li.js__zoom:nth-child(4) {
	animation-delay: 0.9s;
}