@charset "utf-8";

/* .cont */
.cont{
	padding-top:27%;
}
.cont .sec{
	max-width:1184px;
	padding:min(9%,96px);
	background-color:#fff;
	position:relative;
}
.cont .sec .num{
	display:block;
	width:min(20%,184px);
	position:absolute;
	top:0;
	right:3%;
	transform:translateY(-35%);
}
.cont .sec .menu{
	text-align:left;
}
.cont .sec .menu dt{
	margin-top:5%;
	padding:0.5em 1em;
	font-size:min(2vw,25px);
}
.cont .sec .menu dt:before{
	content:'';
	display:inline-block;
	vertical-align:0.05em;
	width:0.7em;
	height:0.7em;
	margin-right:0.5em;
	background-color:#005431;
}
.cont .sec .menu dd{
	padding:2.5% 2.5% 0;
}
.cont .sec p{
	margin-top:5%;
	text-align:left;
}

@media screen and (max-width:768px){
	.cont{
		padding-top:46%;
	}
	.cont .sec{
		max-width:90%;
		padding:15% 7%;
	}
	.cont .sec .menu dt{
		margin-top:12%;
		font-size:4.2vw;
	}
	.cont .sec .menu dd{
		padding:5% 0 0;
	}
	.cont .sec p{
		margin-top:12%;
	}
}


/* #cont1 */
#cont1{
	background:#f8f8f8 url(../img/business/cont1_bg.webp)no-repeat center top;
	background-size:100% auto;
}
#cont1 .flow{
	margin-top:min(4%,40px);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#cont1 .flow li{
	width:16.5%;
	aspect-ratio:1 / 1;
	line-height:1.6;
	text-align:center;
	font-size:min(1.2vw,16px);
	color:#fff;
	letter-spacing:0.16em;
	padding-left:0.16em;
	background:linear-gradient(-45deg,#005431,#009245);
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	position:relative;
}
#cont1 .flow li:nth-child(n+2):before{
	content:'';
	display:block;
	width:0.6em;
	height:0.8em;
	position:absolute;
	top:50%;
	right:100%;
	transform:translate(-150%,-50%);
	background-color:#005431;
	clip-path:polygon(0 0, 100% 50%,  0 100%);
}

@media screen and (max-width:768px){
	#cont1{
		background:#f8f8f8 url(../img/business/cont1_bg_s.webp)no-repeat center top;
		background-size:100% auto;
	}
	
	#cont1 .flow{
		margin-top:12%;
		display: block;
	}
	#cont1 .flow li{
		width:auto;
		aspect-ratio:auto;
		line-height:2.8;
		margin-top:9%;
		font-size:3.4vw;
		letter-spacing:0.03em;
		padding-left:0.03em;
		background:linear-gradient(-90deg,#005431,#009245);
		display: block;
	}
	#cont1 .flow li br{
		display:none;
	}
	#cont1 .flow li:nth-child(n+2):before{
		content:'';
		display:block;
		width:0.8em;
		height:0.6em;
		position:absolute;
		top:auto;
		bottom:100%;
		right:50%;
		transform:translate(50%,-100%);
		clip-path:polygon(0 0, 100% 0, 50% 100%);
	}
}


/* #cont2 */
#cont2{
	background:#f8f8f8 url(../img/business/cont2_bg.webp)no-repeat center top;
	background-size:100% auto;
}

@media screen and (max-width:768px){
	#cont2{
		background:#f8f8f8 url(../img/business/cont2_bg_s.webp)no-repeat center top;
		background-size:100% auto;
	}
}


/* #cont3 */
#cont3{
	background:#f8f8f8 url(../img/business/cont3_bg.webp)no-repeat center top;
	background-size:100% auto;
}

@media screen and (max-width:768px){
	#cont3{
		background:#f8f8f8 url(../img/business/cont3_bg_s.webp)no-repeat center top;
		background-size:100% auto;
	}
}