@charset "utf-8";


section h3,section h4{
	text-align: left;
	margin-bottom: .5em;
}

section h4{
	color: var(--c_blue);
}

.sec_01 .list{
	width: 96%;
	margin: 0 auto 2em;
}
.sec_01 .list li{
	background: #fff;
	padding: 1.5em;
}

.sec_01 .list li:nth-of-type(1){
	width: 100%;
	margin-bottom: 2.5em;
}
.sec_01 .list li:nth-of-type(n+2){width: calc(100% / 3 - 1.75em);}

.sec_01 .list li:nth-of-type(n+2) .img_area{margin-bottom: 1em}

.sec_01 .list li:nth-of-type(1) .img_area{width: 30%;}
.sec_01 .list li:nth-of-type(1) .txt_area{width: 66%;}


.sec_01 .img_list li{width: calc(100% / 6 - .5em);}


@media (max-width: 999px){
	.sec_01 .list li, .sec_01 .list li:nth-of-type(1), .sec_01 .list li:nth-of-type(n+2){ width: calc(100% / 2 - 1em);margin-bottom: 1.5em;}
	.sec_01 .list li:nth-of-type(1) { align-content: flex-start;}
	.sec_01 .list li:nth-of-type(1) .img_area{ width: 100%; margin-bottom: 1em;}
	.sec_01 .list li:nth-of-type(1) .txt_area{width: 100%;}
}



@media (max-width: 799px){
	.sec_01 .list li:nth-of-type(1), .sec_01 .list li:nth-of-type(n+2){ display: flex; flex-wrap: wrap; width: 100%;}
	.sec_01 .list li:last-child { margin-bottom: 0;}
	.sec_01 .list li:nth-of-type(1) .img_area, .sec_01 .list li:nth-of-type(n+2) .img_area { width: 35%; margin: 0;}
	.sec_01 .list li:nth-of-type(1) .txt_area, .sec_01 .list li:nth-of-type(n+2) .txt_area { width: calc( 65% - 1em ); margin: 0 0 0 auto;}
	.sec_01 .list li .txt_area p { line-height: 1.6;}
	.sec_01 .img_list{gap: 1em .5em}
	.sec_01 .img_list li{width: calc(100% / 3 - .5em);}
}


@media (max-width: 599px){
	.sec_01 .list li:nth-of-type(1) .img_area, .sec_01 .list li:nth-of-type(n+2) .img_area { width: 80%; margin: 0 auto 1em;}
	.sec_01 .list li:nth-of-type(1) .txt_area, .sec_01 .list li:nth-of-type(n+2) .txt_area { width: 100%; margin: 0;}


.sec_01 .img_list{gap: .5em .25em}
.sec_01 .img_list li{width: calc(100% / 2 - .25em);}



}