#intro-box {
	position:relative;
	width:100%
}
@media screen and (min-width:750px) {
	#intro-box {
	height:70.8333rem
}
}#intro-box #intro-swiper {
	width:100%;
	height:100%
}
#intro-box #intro-swiper .swiper-slide {
	position:relative;
	width:100%;
	height:100%;
	overflow:hidden
}
#intro-box #intro-swiper .swiper-slide.swiper-slide-active .bg {
	-webkit-transition-delay:1s;
	transition-delay:1s;
	-webkit-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1)
}
#intro-box #intro-swiper .swiper-slide.swiper-slide-active .info-box {
	-webkit-transition-delay:.8s;
	transition-delay:.8s;
	-webkit-transform:translate(0,0);
	-ms-transform:translate(0,0);
	transform:translate(0,0);
	opacity:1
}
#intro-box #intro-swiper .swiper-slide.swiper-slide-active .item-img {
	-webkit-transition-delay:1s;
	transition-delay:1s;
	-webkit-transform:translate(0,calc(-4.5rem - 16%));
	-ms-transform:translate(0,calc(-4.5rem - 16%));
	transform:translate(0,calc(-4.5rem - 16%));
	opacity:1
}
#intro-box #intro-swiper .swiper-slide .bg {
	display:block;
	width:100%;
	-o-object-fit:cover;
	object-fit:cover;
	-webkit-transition-duration:8s;
	transition-duration:8s;
	-webkit-transform:scale(1.25);
	-ms-transform:scale(1.25);
	transform:scale(1.25)
}
@media screen and (min-width:750px) {
	#intro-box #intro-swiper .swiper-slide .bg {
	position:absolute;
	left:0;
	top:0;
	height:100%
}
}@media screen and (max-width:750px) {
	#intro-box #intro-swiper .swiper-slide .bg {
	height:51.5vw;
	-webkit-transform-origin:50% 100%;
	-ms-transform-origin:50% 100%;
	transform-origin:50% 100%
}
}#intro-box #intro-swiper .swiper-slide .info-box {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	background-color:rgba(201,156,80,.9);
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,-webkit-transform 1s;
	transition:transform 1s,opacity 1s;
	transition:transform 1s,opacity 1s,-webkit-transform 1s;
	opacity:0
}
@media screen and (min-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box {
        right: 25%;
        top: calc(50% - 18.9583rem);
        z-index: 5;
        width: 92.6666rem;
        height: 37.9166rem;
        padding: 4.5rem 4.5rem 3.3333rem 5.8333rem;
        transform: 0;
        margin: 20rem auto;
}
}@media screen and (max-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box {
	padding:6vw 8vw;
	-webkit-transform:translateY(2rem);
	-ms-transform:translateY(2rem);
	transform:translateY(2rem)
}
}#intro-box #intro-swiper .swiper-slide .info-box .info {
	color:#fff
}
@media screen and (min-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box .info {
	width:calc(100% - 22.6666rem - 5.5rem)
}
}#intro-box #intro-swiper .swiper-slide .info-box .info .title {
	font-size:2.5rem;
	line-height:1
}
@media screen and (max-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box .info .title {
	font-size:1.5rem
}
}#intro-box #intro-swiper .swiper-slide .info-box .info .text {
	text-indent:2em;
	font-weight:200
}
@media screen and (min-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box .info .text {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:8;
	height:20rem;
	line-height:2.5rem;
	margin:2.5rem 0 2rem;
	font-size:1.25rem
}
}@media screen and (max-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box .info .text {
	overflow:hidden;
	text-overflow:ellipsis;
	display:-webkit-box;
	-webkit-box-orient:vertical;
	-webkit-line-clamp:3;
	height:18vw;
	line-height:6vw;
	font-size:1rem;
	margin:4vw 0 6vw
}
}@media screen and (min-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box .info .item-btn {
	width:13.3333rem;
	height:3.8333rem;
	font-size:1.3333rem
}
}@media screen and (max-width:750px) {
	#intro-box #intro-swiper .swiper-slide .info-box .info .item-btn {
	width:26vw;
	height:8vw;
	font-size:1rem
}
}#intro-box #intro-swiper .swiper-slide .item-img {
	width:22.6666rem;
	margin-left:5.5rem;
	-webkit-transition:opacity 1s,-webkit-transform 1s;
	transition:opacity 1s,-webkit-transform 1s;
	transition:transform 1s,opacity 1s;
	transition:transform 1s,opacity 1s,-webkit-transform 1s;
	-webkit-transform:translate(2rem,calc(-4.5rem - 16%));
	-ms-transform:translate(2rem,calc(-4.5rem - 16%));
	transform:translate(2rem,calc(-4.5rem - 16%));
	opacity:0
}
@media screen and (max-width:750px) {
	#intro-box #intro-swiper .swiper-slide .item-img {
	display:none
}
}#intro-box .swiper-info-box {

	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:center;
	-ms-flex-align:center;
	align-items:center;
	-webkit-box-pack:center;
	-ms-flex-pack:center;
	justify-content:center;
	position:absolute;
	left:0;
	z-index:5;
	display: none;
}
@media screen and (min-width:750px) {
	#intro-box .swiper-info-box {
	bottom:0;
	width:20rem;
	height:6.6666rem;
	background-color:#fff
}
}@media screen and (max-width:750px) {
	#intro-box .swiper-info-box {
	top:40.3vw;
	width:29.5vw;
	height:11.2vw;
	background-color:rgba(255,255,255,.9)
}
}#intro-box .swiper-info-box .swiper-btn {
	cursor:pointer;
	-webkit-transition-duration:.3s;
	transition-duration:.3s
}
@media screen and (max-width:750px) {
	#intro-box .swiper-info-box .swiper-btn img {
	width:7px
}
}#intro-box .swiper-info-box .swiper-btn.swiper-button-disabled {
	opacity:.6;
	cursor:not-allowed
}
#intro-box .swiper-info-box .swiper-num {
	display:-webkit-box;
	display:-ms-flexbox;
	display:flex;
	-webkit-box-align:end;
	-ms-flex-align:end;
	align-items:flex-end;
	-webkit-box-pack:start;
	-ms-flex-pack:start;
	justify-content:flex-start;
	width:-webkit-fit-content;
	width:-moz-fit-content;
	width:fit-content;
	line-height:1;
	margin:0 3rem;
	color:#666;
	font-size:1.5rem;
	font-weight:600
}
@media screen and (max-width:750px) {
	#intro-box .swiper-info-box .swiper-num {
	margin:0 4vw .5vw;
	font-size:1.0833rem
}
}#intro-box .swiper-info-box .swiper-num .swiper-pagination-current {
	color:var(--color-main)
}
#intro-box .swiper-info-box .swiper-num .swiper-pagination-total {
	font-size:1.25rem;
	font-weight:400
}
@media screen and (max-width:750px) {
	#intro-box .swiper-info-box .swiper-num .swiper-pagination-total {
	font-size:.9166rem
}
}