@charset "utf-8";
/* -------------------------------
TITLE
------------------------------- */
h1.title {
	background: url(../images/bg_title01.jpg) center center / cover;
}
/* -------------------------------
PRODUCT
------------------------------- */
#product01 .pic,
#product03 .pic,
#product05 .pic {
	text-align: right;
	transform: translateX(10px);
	opacity: 0;
	transition: all 1s ease;
}
#product01.in .pic,
#product03.in .pic,
#product05.in .pic {
	transform: translateX(0);
	opacity: 1;
}
#product01 .pic img,
#product03 .pic img,
#product05 .pic img {
	width: 70rem;
}
#product01 .txt,
#product03 .txt,
#product05 .txt {
	left: 0;
	top: 0;
	width: 50rem;
	height: 30rem;
	transform: translateX(-10px);
	opacity: 0;
	transition: all 1s ease;
}
#product01 .txt{
	height: 44rem;
}
#product01.in .txt,
#product03.in .txt,
#product05.in .txt {
	transform: translateX(0);
	opacity: 1;
}
#product02 .pic,
#product04 .pic {
	text-align: left;
	transform: translateX(-10px);
	opacity: 0;
	transition: all 1s ease;
}
#product02.in .pic,
#product04.in .pic {
	transform: translateX(0);
	opacity: 1;
}
#product02 .pic img,
#product04 .pic img {
	width: 70rem;
}
#product02 .txt,
#product04 .txt {
	right: 0;
	top: 0;
	width: 50rem;
	height: 30rem;
	transform: translateX(10px);
	opacity: 0;
	transition: all 1s ease;
}
#product02.in .txt,
#product04.in .txt {
	transform: translateX(0);
	opacity: 1;
}
.contArea .txt dl {
	margin-top: 30px;
}
.contArea .txt dl dt {
	border-bottom:  1px solid #eee;
	margin-bottom: 10px;
}
.contArea .txt dl dd a.bnr {
	display: block;
	width: 230px;
	border: 1px solid #eee;
}