@charset "utf-8";




#sec01 .img_area{
	width: 40%;
}
#sec01 .txt_area{
	width: 56%;
}

#sec01 .box02 .img_area,
#sec01 .box04 .img_area{
	order: 1;
}
#sec01 .box02 .txt_area,
#sec01 .box04 .txt_area{
	order: 2;
}

#sec01 .txt_area ul li{
	border-bottom: 2px dashed #ccc;
	padding-bottom: .75em;
	margin-bottom: .75em;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items: center;
}

#sec01 .txt_area ul li p{
	font-size: 2rem;
	font-weight: bold;
	margin-bottom: 0;
}
#sec01 .box01 .txt_area ul li p{color: #f55e5c;}
#sec01 .box02 .txt_area ul li p{color: #67acc6;}
#sec01 .box03 .txt_area ul li p{color: #d87131;}
#sec01 .box04 .txt_area ul li p{color: #72b282;}


#sec01 .txt_area .event_area{
	width: 80%;
}
#sec01 .txt_area .event_area dl.class01:nth-of-type(1){
	margin-bottom: .75em;
}

#sec01 dl{
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	font-weight: bold;
	align-items: center;
	font-size: .875rem;	
}

#sec01 dl dt{
	width: 6em;
	color: #fff;
	padding: .25em .5em;
	text-align: center;
	border-radius: 15px;
}
#sec01 dl.class01 dt{background: #549ed5;}
#sec01 dl.class02 dt{background: #e09348;}

#sec01 dl dd{
	width: calc(100% - 7em);
}

#sec01 dl.class01 dd{color: #0d6fb8;}
#sec01 dl.class02 dd{color: #d97718;}




@media (max-width: 799px){
.lead { text-align: left;}
#sec01 .img_area,#sec01 .box02 .img_area,
#sec01 .box04 .img_area{
	width: 90%;
	margin: auto;
	order: 2;
}
#sec01 .txt_area,#sec01 .box02 .txt_area,
#sec01 .box04 .txt_area{
	width: 100%;
	margin-bottom: 30px;
	order: 1;
}

}

@media (max-width: 399px){
	#sec01 .txt_area ul li p { width: 100%; text-align: center;}
	#sec01 .txt_area .event_area { width: 100%;}
	#sec01 dl { align-items: flex-start;}
}