@import "option/slick.css";
@import "option/slick-theme.css";

/*----------------------------------------------------
	6.2 - Slider Setting (slick)
----------------------------------------------------*/
.slider {
	margin: 0 auto;
	width: 100%;
	max-width: 1920px;
	overflow: hidden;

}
.w100 {
	margin: 0 auto;
	width: 100%;
	max-width: 100%;
}

.slide-item * {
	box-sizing: border-box;
}
.slide-item {
	display: flex !important;
	position: relative;
	width: 100%;
	justify-content: center;
	align-items: flex-start;
}
.slide-image,.slide-text {
	flex-basis: 100%;
	width: 100%;
	max-width: 100%;
}
.slide-image img {
	width: 100%;
	height: auto;
}
.slide-text {
	padding: 120px 20px 20px;
	width: 100%;
	margin-left: -100%;
}
.slick-active .move-text {
	line-height: 1.4;
	opacity: 0;
}
.slide-text .text-small {
	margin-top: 0.5em;
	font-size: 1.6rem;
}
.slick-active .move-text span {
	opacity: 0;
	transition: 0.3s;
}
.slide-text .txR {
	text-align: center;
}
/* - option tablet - */
@media screen and (min-width: 481px) {}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
.slide-text {
	padding: 80px 40px 20px;
}
.slide-text .txR {
	text-align: right;
}

}
/* - option pc - */
@media screen and (min-width: 960px) {
.slide-text {
	padding: 100px;
}
}

/*----------------------------------------------------
	6.2 - move text Setting (inview)
----------------------------------------------------*/
.move-text {
	font-size: 2.4rem;
	text-align: center;
}
.move-text span {
	opacity: 0;
	transition: 0.3s;
}

/* - option tablet - */
@media screen and (min-width: 481px) {}
/* - option tablet wide - */
@media screen and (min-width: 601px) {
.move-text {
	font-size: 2.6rem;
	text-align: left;
}
}
/* - option pc - */
@media screen and (min-width: 960px) {
.move-text {
	font-size: 3.2rem;
	text-align: left;
}
}