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

.takara::after {
	left:auto;
	right: 2%;

}
/*.water #mainWrap {
	position: relative;
	
}
.water #mainWrap .mainImg {
	position: absolute;
	top: 0;
	left: 0;
	width: calc(35% + 50px);
	height: 100%;
	
}
.water #mainWrap .mainImg img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}
.water #sec01 {}
.water #sec01 .flex1 {
	width: 60%;
	margin-left: 40%;
	padding-top: 50px;
	gap: 20px 0;
}
.water #sec01 .flex1 .itemBox {
	width: 31%;
	max-width: 220px;
}

.takara::after {
	width: 30%;
	
}
.water #sec01 .flex1 .itemDbl {
	width: 66%;
	max-width: 470px;
}*/



@media screen and (max-width : 959px ){
/*	.water #mainWrap .mainImg {
		position: relative;
		width: 100%;
		max-width: 500px;
		margin: 0 auto;
	}
	.water #sec01 .flex1 {
		width: 100%;
		margin-left: 0;
	}
	.water #sec01 .flex1 .itemBox {
		width: 31%;
		max-width: 220px;
	}*/

}

@media screen and (max-width : 599px ){
	/*.water #sec01 .flex1 {
		width: 90%;
		max-width: 300px;
		margin: 0 auto;
	}
	.water #sec01 .flex1 .itemBox {
		width: 100%;
		max-width: 100%;
		
	}*/

	
}