@charset "UTF-8";
.h2-a__text{
width: 1040px;
margin: 0 auto;
text-align: center;
padding-top: 20px;
}
.first-content_img{
padding: 20px 0 40px;
width: 100%;
}
.case_block_area{
display: flex;
align-items: flex-start;
align-content: flex-start;
gap: 48px;
flex-wrap: wrap;
justify-content: center;
padding-bottom: 80px;
}
.case_block{
display: flex;
width: 475px;
flex-direction: column;
align-items: center;
border-radius: 8px;
background: var(--kaonavi-cloud, #FFF);
position: relative;
}
.case_block_first{
display: flex;
padding: 30px 0px 40px 0px;
flex-direction: column;
align-items: flex-start;
gap: 30px;
align-self: stretch;
border-top: 3px solid #FFDA1B;
}
.case_block_title{
display: flex;
align-items: center;
gap: 20px;
}
.case_block_title p{
padding: 5px 20px;
background: var(--kaonavi-water, #447FE0);
color: var(--kaonavi-cloud, #FFF);
font-size: 20px;
font-weight: 700;
font-family: Inter;
}
.case_block_title h3{
color: var(--kaonavi-water, #447FE0);
font-size: 24px;
font-style: normal;
font-weight: 700;
}
.case_block_first ul{
display: flex;
padding: 0px 20px 0 60px;
flex-direction: column;
align-items: flex-start;
gap: 15px;
align-self: stretch;
}
.case_block_first ul li{
font-size: 18px;
font-style: normal;
font-weight: 500;
line-height: 180%;
letter-spacing: 0.32px;
list-style-type: disc;
}
.circle_block{
width: 100%;
background: url(/lp/hrm_214202/img/Polygon\ 64.png);
display: flex;
justify-content: center;
background-repeat: no-repeat;
background-size: contain;
}
.case_block_second p.circle_text{
display: flex;
width: 118px;
height: 118px;
stroke-width: 3px;
text-align: center;
font-size: 16px;
font-weight: 700;
line-height: 30px; /* 187.5% */
letter-spacing: 1px;
background-color: var(--kaonavi-cloud, #FFF);
border: 3px solid #FFDA1B;
border-radius: 128px;
justify-content: center;
flex-direction: column;
margin-top: 20px;
}
.circle_text strong{
color: var(--kaonavi-water, #447FE0);
font-size: 25px;
font-weight: 700;
line-height: 30px;
letter-spacing: 1px;
}

.case_block_second{
display: flex;
flex-direction: column;
align-items: center;
gap: 20px;
align-self: stretch;
border-radius: 0px 0px 8px 8px;
background: var(--kaonavi-sun, #FFDA1B);
}
.case_block_second h3{
font-size: 32px;
font-weight: 700;
line-height: 140%; /* 33.6px */
letter-spacing: 0.96px;
margin-bottom: 20px;
}
.case_block_second h3 strong{
color: var(--kaonavi-water, #447FE0);
}
.case_block_second .circle_text2{
padding: 10px 20px;
border-radius: 50px;
background: var(--kaonavi-water, #447FE0);
color: var(--kaonavi-cloud, #FFF);
text-align: center;
font-size: 20px;
font-weight: 700;
width: 250px;
}
.case_block_second2{
padding: 20px;
display: flex;
gap: 20px;
flex-direction: column;
align-items: center;
}
.case_block_feature{
display: flex;
justify-content: center;
align-items: flex-start;
align-content: flex-start;
gap: 20px;
align-self: stretch;
flex-wrap: wrap;
}
.case_block_feature ul{
display: flex;
border-radius: 8px;
background: #FFF;
align-items: flex-start;
}
.card_block_middle{
flex-direction: row;
padding: 20px 0px 0px 25px;
height: 160px;
gap: 20px;
overflow: hidden;
width: 420px;
}
.case_block_second ul li:nth-child(1){
color: var(--kaonavi-water, #447FE0);
font-size: 18px;
font-weight: 700;
}
.case_block_second ul li:nth-child(2){
font-size: 14px;
font-weight: 400;
line-height: 160%; /* 16.8px */
letter-spacing: 0.48px;
text-align: left;
color: black;
}
.card_block_small{
	display: flex;
width: 230px;
flex-direction: column;
align-items: flex-start;
gap: 5px;
flex-shrink: 0;
}
.company{
	margin: 0;
}
span.bold{
	font-weight: 700;
}



@media screen and (max-width: 768px) {
	.h2-a__title{
		font-size: 24px;
	}
	.h2-a__text{
		width: 100%;
	}
	.first-content_img{
		padding: 20px 0;
	}
	.case_block_second h3{
		font-size: 24px;
	}
	.case_block_feature ul{
		width: 100%;
		padding: 10px;
		flex-direction: column;
		align-items: center;
	}
	.case_block_area{
		padding-bottom: 40px;
	}
	.card_block_middle{
		height: 250px;
		gap: 10px;
	}
	.case_block_first ul{
		padding: 0px 20px 0 30px;
	}
	.case_block_first ul li{
		font-size: 16px;
	}
	.sp_none{
		display: none;
	}



}