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

#contentWrap {
	background-image: url("../images/bg.jpg");
	background-size: cover;
	background-position: center center;
}

.mainBox,
.flex01 {
	max-width: 1000px;
	position: relative;
}
.mainBox h3 {
	position: absolute;
}
.flex01 {
	padding-top: 30px;
	gap:30px 6.66%;
	justify-content: flex-start;
}
.flex01 .itemBox {
	width: 20%;
}
	

@media screen and (max-width: 959px){
	.flex01 {
		width: 90%;
		max-width: 500px;
	}
	.flex01 .itemBox {
    width: 46.6%;
	}
}

@media screen and (max-width: 599px){
	.mainBox {
		width: 100%;
	}
	.flex01 {
		width: 90%;
		max-width: 300px;
	}
	.flex01 .itemBox {
    width: 100%;
	}
}