/*---------------------------------

swiper

---------------------------------*/

#catchWrap{

	position: relative;

	margin: 0 auto 200px;

}



[class*=swiper]:focus {

    outline: none;

  }



  .slide-media,

  .thumb-media {

    position: relative;

    overflow: hidden;

  }

  .slide-media img,

  .thumb-media img {

    position: absolute;

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    -o-object-fit: cover;

       object-fit: cover;

  }





  .mv01 {

  	max-width: 90%;

  	margin: 0 auto 20px;

  }

  .mv01 .l-inner {

    padding-bottom: 0;

  }

  .mv01 .swiper-fade .swiper-slide {

    -webkit-transition-property: opacity, -webkit-transform !important;

    transition-property: opacity, -webkit-transform !important;

    transition-property: opacity, transform !important;

    transition-property: opacity, transform, -webkit-transform !important;

    pointer-events: none;

  }

  .mv01 .swiper-fade .swiper-slide-active {

    pointer-events: auto;

  }





  .mv01 .slide-media {

    height: 700px;

  }

  .mv01 .slide-media img {

    -webkit-transition: 7s 1s ease-out;

    transition: 7s 1s ease-out;

  }



  .swiper {

  	overflow: inherit!important;

  }	





  .mv01 .slide-title {

  	position: absolute;

  	left: -40px;

  	bottom: 30px;

  	color: #b49531;

  	max-width: 500px;

  	z-index: 2;

  }



  .mv01 .slide-title .title{

  	font-weight: bold;

  	font-size: 6rem;

  	margin-bottom: 20px;

  }	

  

  .mv01 .slide-title .title span{

  	font-size: 2.4rem;

  	display: block;

  }



  .mv01 .slide-title .sub-title{

  	position: relative;

  	padding-left: 42px;

  	font-weight: bold;

  }



  .mv01 .slide-title .sub-title::before{

  	content: "";

  	position: absolute;

  	margin: auto;

  	top: 0;

  	bottom: 0;

  	left: 0;

  	width: 38px;

  	height: 1px;

  	background:#b49531;

  }	





 .mv01 .swiper-slide[class*=-active] .slide-media img {

    -webkit-transition-delay: 0s;

            transition-delay: 0s;

    -webkit-transform: scale(1.05);

            transform: scale(1.05);

  }

  .mv01 .swiper-slide[class*=-active] .slide-title {

    -webkit-animation: mv01-fadeIn 2s 0.5s var(--easing) both;

            animation: mv01-fadeIn 2s 0.5s var(--easing) both;

  }





@-webkit-keyframes mv01-fadeIn {

	0% {

	  -webkit-transform: scale(0.5);

	          transform: scale(0.5);

	  opacity: 0;

	  -webkit-filter: blur(300px);

	          filter: blur(300px);

	}

	100% {

	  -webkit-transform: scale(1);

	          transform: scale(1);

	  opacity: 1;

	  -webkit-filter: blur(0);

	          filter: blur(0);

	}

}



@keyframes mv01-fadeIn {

	0% {

	  -webkit-transform: scale(0.5);

	          transform: scale(0.5);

	  opacity: 0;

	  -webkit-filter: blur(300px);

	          filter: blur(300px);

	}

	100% {

	  -webkit-transform: scale(1);

	          transform: scale(1);

	  opacity: 1;

	  -webkit-filter: blur(0);

	          filter: blur(0);

	}

}





.catch_obj{

	position: absolute;

	z-index: 3;

}



.catch_obj.left{

	top: 50px;

	left: -150px;

	width: 500px;

}



.catch_obj.right{

	top: 100px;

	right: -50px;

	width: 190px;

}





.catch_obj.rightBottom{

	bottom: 110px;

	right: -150px;

	width: 420px;

}













.contInner{

	max-width: 1280px;

	margin: 0 auto 150px;

}



.contInner.flexCont{

	display: flex;

	justify-content: space-between;

	align-items: center;

}



.innerCont{

	width: 640px;

}





.innerTtl{

	color: #b49531;

	font-size: 5.4rem;

	font-weight: bold;

	margin-bottom: 50px;

}



.intro strong{

	font-size: 2.4rem;

	display: block;

	margin-bottom: 20px;

}



.intro{

	margin-bottom: 50px;

}



.introImg{

	display: block;

	margin: -28px 50px 0 auto;

}



.baseImg{

	max-width: 600px;

}



.productsItem{

	display: flex;

	align-items: center;

	margin-bottom: 100px;

	justify-content: right;

}



.productsItem.odd{

	justify-content: left;

}	





.itemInner{

	max-width: 496px;

	padding: 43px 30px;

	background: #f9f9f4;

	margin-right:-86px;

	z-index: 2;

	position: relative;

}



.itemTtl{

	color: #b49531;

	font-size: 5.4rem;

	font-weight: bold;

	margin-bottom: 30px;

}



.itemTtl span{

	display: block;

	font-size: 2rem;

	font-weight: normal;

	margin-bottom: 10px;

}



.itemImg{

	position: relative;

	z-index: 1;

}



.productsItem.odd .itemInner{

	margin-right:auto;

	margin-left:-86px;

}



.itemInner p{

	margin-bottom: 20px;

}







/* Media Queries ================================================== */

/*896*/

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



/*---------------------------------

swiper

---------------------------------*/

	#catchWrap{

		margin: 0 auto 100px;

	}







  .mv01 .slide-title {

  	left: 10px;

  	bottom: 10px;

  	color: #fff;

  	max-width: 100%;

  	text-shadow: 2px 2px 5px #626262;

  }



  .mv01 .slide-title .title{

  	font-size: 5rem;

  }	

  

  .mv01 .slide-title .title span{

  	font-size: 1.8rem;

  }







  .mv01 .slide-title .sub-title::before{

  	background:#fff;

  }	





	.catch_obj.left{

		top: 50px;

		left: -70px;

		width: 250px;

	}



	.catch_obj.right{

		top: 100px;

		right: -25px;

		width: 95px;

	}



	.catch_obj.rightBottom{

		bottom: auto;

		top: 270px;

		right: -75px;

		width: 210px;

	}





	.contInner {

		padding: 0 20px;

	}



	.contInner.flexCont {

		display: block;

	}



	.innerCont {

	  width: auto;

	}



	.innerTtl {

		font-size: 3.6rem;

		margin-bottom: 40px;

	}	



	.intro strong {

	  font-size: 1.8rem;

	  font-weight: bold;

	  margin-bottom: 10px;

	}



	.baseImg {

	  max-width: 100%;

	}







	.productsItem{

		display: block;

		margin-bottom: 50px;

	}



	.itemInner {

	  max-width: 100%;

	  padding: 30px 20px;

	  margin-right: 0;

		margin-left: -20px;

	  margin-top: -20px;

	}



	.productsItem.odd .itemInner {

	  margin-right: -20px;

	  margin-left: auto;

	}



	.itemTtl {

	  font-size: 4rem;

	  margin-bottom: 20px;

	}


}