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

#pageWrap {
	padding-bottom: 0;
}
.items {}
.items .item {
	width: 32%;
	max-width: 380px;
	position: relative;
	overflow: hidden;
	
}
.items .item01 {
	transition-delay: 0.5s;
}
.items .item02 {
	transition-delay: 1s;
}
.items .item03 {
	transition-delay: 1.5s;
}
.items .item:hover {
	opacity: 1;
}
.items .item img {
	transition: 0.6s;
}
.items .item:hover img {
	transform: scale(1.1);
}
.items .item.soon {
	pointer-events: none;
}
.items .item.soon::before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	background-color: #2d3b43;
	opacity: 0.8;
	
}
.items .item.soon::after {
	content: "";
	position: absolute;
	width: 42%;
	height: 100%;
	left: 50%;
	top: 0;
	transform: translateX(-50%);
	background-image: url("../img/soon.svg");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 100%;
	z-index: 2;
}
.items .item .txtBox {
	position: absolute;
	left: 0;
	top: 50%;
	width: 100%;
	transform: translateY(-50%);
	display: flex;
justify-content: center;
align-items: center;
	flex-wrap: wrap;
	container-type: inline-size;
}
.items .item .txtBox h4 {
	color: #fff;
	text-shadow: 0px 0px 3px #000,0px 0px 7px #000,0px 0px 10px #000,0px 0px 10px #000,0px 0px 10px #000;
	font-size:4.2cqw;
	text-align: center;
}
.items .item .txtBox h4 .engTxt {
	display: block;
	font-size: 150%;
}
.items .item .txtBox p.view {
	width: 60%;
	font-size:4.0cqw;
	margin-top: 5px;
	padding-left: 0.5em;
	transition: 0.5s;
}


.items .item.soon .txtBox {
	height: 100%;
}
.items .item.soon .txtBox h4 {
	color: #fff;
	text-shadow: none;
	font-size:3.4cqw;
	text-align: left;
	position: absolute;
	left: 2em;
	bottom: 2em;
}
.items .item .cap {
	font-size: 10px;
	position: absolute;
	right: 1em;
	bottom: 0.5em;
	color: #fff;
}
.engSpl {
	padding-top: 2%;
}

@media screen and (max-width: 959px) {
	.items {
		max-width: 380px;
		margin: 0 auto;
		padding-top: 30px;
	}
	.items .item {
		width: 100%;
		margin-bottom: 20px;

	}
}

@media screen and (max-width: 599px) {}