@charset "UTF-8";
/* CSS Document */

#sec01 {
	padding-top: 3%;
	max-width: 1100px
}
h3.h3-01 {
	font-size: 24px;
	margin: 1em 0;
	padding-left: 0.6em;
	border-left: #9e9e9f solid 8px;
}
#sec01 .boxWrap {}
#sec01 .boxWrap .box01 {}
#sec01 .boxWrap .flex02 {}
#sec01 .boxWrap .flex02 .leftBox {
	width: 64.9%;
}
#sec01 .boxWrap .flex02 .leftBox .box02 {}
#sec01 .boxWrap .flex02 .leftBox .box03 {
	width: 96.6%;
}
#sec01 .boxWrap .flex02 .box04 {
	width: 35.1%;
}


@media screen and (max-width : 599px ){
	h3.h3-01 {
		font-size: clamp(16px, 2.7vw, 22px);
	}
	#sec01 .boxWrap .flex02 {
		display: block;
	}
	#sec01 .boxWrap .flex02 .leftBox,
	#sec01 .boxWrap .flex02 .leftBox .box03,
	#sec01 .boxWrap .flex02 .box04
	{
		width: 100%;
	}
}