/*----------------カラーボックスの設定----------------*/

/* 479px以下用（スマートフォン用）の記述 */
@media screen and ( max-width:479px) {
		.image-area .group01 {
	display: flex;
	flex-direction: row;
	height: auto;
	justify-content: center;
	align-content: center;
}

.image-area .group01 {
	display: block;
	margin: 20px;
}

.image-area .group01 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}
	
	
}

/* 480px以上用（タブレット用）の記述 */
@media screen and ( min-width:480px) {
	
	.image-area .group01 {
	display: flex;
	flex-direction: row;
	height: auto;
	justify-content: center;
	align-content: center;
}

.image-area .group01 {
	display: block;
	margin: 20px;
}

.image-area .group01 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

}

	
	


/* 1024px以上用（PC用）の記述 */
@media screen and ( min-width:1024px) {

.image-area .group01 {
	display: flex;
	flex-direction: row;
	height: auto;
	justify-content: center;
	align-content: center;
}

.image-area .group01 {
	display: block;
	margin: 20px;
}

.image-area .group01 img {
	width: 100%;
	max-width: 100%;
	height: auto;
}

}


/*----------------カラーボックスの設定----------------*/