@charset "utf-8";

/* 業者選び
------------------------------------------------------------*/
.vendor_con{
	max-width: 1000px;
	width: 90%;
	margin: 0 auto;
}
.vendor_con h2,.vendor_con > div{border-bottom: 1px #1a1a1a solid;}
.vendor_con h2{
	padding-bottom: 40px;
	margin-bottom: 50px;
}
.vendor_con > div{padding-bottom: 80px;}
.vendor_con > div > div:not(:last-child){margin-bottom: 75px;}
.vendor_con > div > div > div:not(:last-child){margin-bottom: 50px;}
.vendor_con h3,.vendor_con h4{
	font-family: 'NotoSansJP-Bold'!important;
	font-weight: 500;
	letter-spacing: 0.1rem;
	color: #ef5a26;
}
.vendor_con h4{font-size: clamp(16px, 1.7vw, 22px);}
.vendor_con h3{
	width: fit-content;
	font-size: clamp(18px, 2vw, 25px);
	border-bottom: 2px #EF5A26 solid;
	padding-bottom: 15px;
}
.circle_title{
	display: flex;
	align-items: flex-start;
}
.circle_title::before{
	content: '';
	width: 18px;
	height: 18px;
	border: 2px #EF5A26 solid;
	border-radius: 50%;
	flex-shrink: 0;
	margin: 9px 10px 0 0;
}

.vendor_con ul,.vendor_con ol{
	background-color: #F9F5EA;
	border-radius: 10px;
	padding: 35px;
}
.vendor_con ul > li,.vendor_con ol > li{position: relative;}
.vendor_con ul > li{padding-left: 15px;}
.vendor_con ol > li{padding-left: 30px;}
.vendor_con ul > li::before,.vendor_con ol > li::before{
	position: absolute;
	left: 0;
}
.vendor_con ul > li:not(:last-child),.vendor_con ol > li:not(:last-child){margin-bottom: 13px;}
.vendor_con ul > li::before{
	content: '';
	width: 7px;
	height: 7px;
	background: #EF5A26;
	border-radius: 50%;
	top: 11px;
}
.vendor_con ol{
	list-style: none;
	counter-reset: number 0;
}
.vendor_con ol > li::before{
	font-size: 19px;
	content: "0" counter(number) ".";  
	counter-increment: number 1;
	color: #EF5A26;
	font-weight: 300;
	top: 0;
}



/* 1025px以下から
------------------------------------------------------------*/
@media only screen and (max-width:1025px){
	
	/* 業者選び
	--------------------------------------*/
	.vendor_con h2{
		padding-bottom: 25px;
		margin-bottom: 40px;
	}
	.vendor_con > div{padding-bottom: 50px;}
	.vendor_con > div > div:not(:last-child){margin-bottom: 45px;}
	.vendor_con > div > div > div:not(:last-child){margin-bottom: 30px;}
	.circle_title::before{
		width: 14px;
		height: 14px;
		margin: 6px 8px 0 0;
	}
	.vendor_con ul,.vendor_con ol{padding: 25px 20px;}
	.vendor_con ul > li{padding-left: 10px;}
	.vendor_con ol > li{padding-left: 25px;}
	.vendor_con ul > li:not(:last-child),.vendor_con ol > li:not(:last-child){margin-bottom: 10px;}
	.vendor_con ul > li::before{
		width: 4px;
		height: 4px;
	}
	.vendor_con ol > li::before{
		font-size: 15px;
		top: 0;
	}
}