@charset "utf-8";

/* 字型 */
	@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+TC:wght@100;300;400;500;700;900&display=swap');
	/* font-family: 'Noto Sans TC', sans-serif; */

/* camellia-club_menu */
	.camellia-club_menu{
		display: flex;
		flex-wrap: wrap;
		width: 90%;
		margin: 0 auto;
		padding: 5% 0;
	}
	.camellia-club_menu li{
		flex: 1;
	}
	.camellia-club_menu li a{
		display: block;
		position: relative;
		opacity: 1;
	}
	.camellia-club_menu li a:hover{
		opacity: 1;
	}
	.camellia-club_menu li a:hover:before{
		content: '';
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
	}
	.camellia-club_menu li a.btn01:hover:before{
		background: url('../images/btn01_hover.png') no-repeat center;
		background-size: 100%;
	}
	.camellia-club_menu li a.btn02:hover:before{
		background: url('../images/btn02_hover.png') no-repeat center;
		background-size: 100%;
	}
	.camellia-club_menu li a.btn03:hover:before{
		background: url('../images/btn03_hover.png') no-repeat center;
		background-size: 100%;
	}
	.camellia-club_menu li a.btn04:hover:before{
		background: url('../images/btn04_hover.png') no-repeat center;
		background-size: 100%;
	}
	@media (max-width: 800px) {
		.camellia-club_menu li{
			flex: auto;
			width: 50%;
		}
	}

/* 架構 */
	.Shi_wrapper {
		/* font-family: "微軟正黑體", "Microsoft JhengHei", "Noto Serif", serif, sans-serif; */
	  	font-family: 'Noto Sans TC', sans-serif !important;
	  	width: 100%;
	  	max-width: 1460px;
	  	color: #000;
	  	margin: 0 auto;
	  	background: #d01f26;
	  	overflow: hidden;
	  	position: relative;
	}
	.Shi_wrapper h2,
	.Shi_wrapper h3,
	.Shi_wrapper h4,
	.Shi_wrapper p,
	.Shi_wrapper a,
	.Shi_wrapper ul,
	.Shi_wrapper ul li{
		font-family: 'Noto Sans TC', sans-serif !important;
	}
	.Shi_wrapper img {
	  	width: 100%;
	  	display: block;
	}
	.Shi_wrapper section {
		position: relative;
	}
	.Shi_wrapper .text{
		position: absolute;
		z-index: 3;
		left: 0;
		top: 0;
		width: 100%;
	}
	.Shi_wrapper .mb {
	  	display: none !important;
	}
	.Shi_wrapper .btn{
		color: #FFF;
		background: #000;
		padding: 5% 16%;
		display: table;
		text-decoration: none;
		text-align: center;
		transition: all .4s;
	}
	.Shi_wrapper .btn:hover{
		transition: all .4s;
	}
	.Shi_wrapper a:hover{
		opacity: 1;
	}
	.Shi_wrapper .mb {
    	display: none !important;
  	}
	@media (max-width: 1460px) {
		
	}
	@media (max-width: 800px) {
	  	.Shi_wrapper .pc {
	    	display: none !important;
	  	}
	  	.Shi_wrapper .mb {
	    	display: block !important;
	  	}
	}

/* 光點 */
	.Shi_wrapper div[class*=deco-light-]{
		content: "";
		position: absolute;
		background-size: 100%;
		background-position: center;
		background-image: url('../images/icon-light.png');
		animation: star_shine_1 linear 1s infinite reverse;
		z-index: 3;
	}
	@keyframes star_shine_1 {
	  	0% {
	    	transform: scale(0);
	  	}
	  	25% {
	    	transform: scale(1);
	  	}
	  	50%, 100% {
	    	transform: scale(0);
	  	}
	}
	.Shi_wrapper div.deco-light-1 {
	  	animation-delay: -0.2s;
	  	width: 40px;
	    height: 40px;
	    top: 39%;
	    left: 56.5%;
	}
	.Shi_wrapper div.deco-light-2 {
	  	animation-delay: -0.4s;
	  	width: 40px;
	    height: 40px;
        top: 5.2%;
    	left: 59.7%;
	    z-index: 6;
	}
	.Shi_wrapper div.deco-light-3 {
	  	animation-delay: -0.6s;
  	    width: 20px;
	    height: 20px;
	    top: 7.2%;
	    left: 25.6%;
	    z-index: 6;
	}
	.Shi_wrapper div.deco-light-4 {
	  	animation-delay: -0.8s;
	  	width: 40px;
	    height: 40px;
	    top: 7.2%;
	    left: 16.7%;
	    z-index: 6;
	}
	.Shi_wrapper div.deco-light-5 {
	  	animation-delay: -1.0s;
	  	width: 20px;
	    height: 20px;
        top: 7.5%;
    	left: 65.8%;
	    z-index: 6;
	}
	.Shi_wrapper div.deco-light-6 {
	  	animation-delay: -0.4s;
	  	width: 40px;
	    height: 40px;
	    bottom: 31.5%;
    	right: 33.7%;
	    z-index: 7;
	}
	.Shi_wrapper div.deco-light-7 {
	  	animation-delay: -1.6s;
	  	width: 20px;
	    height: 20px;
        bottom: 34.2%;
    	right: 28.7%;
	    z-index: 7;
	}
	.Shi_wrapper div.deco-light-8 {
	  	animation-delay: -0.2s;
	  	width: 40px;
	    height: 40px;
        top: 4.3%;
    	left: 39.4%;
	}
	.Shi_wrapper div.deco-light-9 {
	  	animation-delay: -0.4s;
	  	width: 40px;
	    height: 40px;
        top: 5.2%;
    	left: 49.7%;
	    z-index: 6;
	}
	@media (max-width: 1460px) {
		.Shi_wrapper div.deco-light-1,
		.Shi_wrapper div.deco-light-2,
		.Shi_wrapper div.deco-light-4,
		.Shi_wrapper div.deco-light-6,
		.Shi_wrapper div.deco-light-8,
		.Shi_wrapper div.deco-light-9 {
		  	width: 2.5vw;
		    height: 2.5vw;
		}
		.Shi_wrapper div.deco-light-3,
		.Shi_wrapper div.deco-light-5,
		.Shi_wrapper div.deco-light-7 {
		  	width: 1.5vw;
		    height: 1.5vw;
		}
	}
	@media (max-width: 800px) {
		.Shi_wrapper div.deco-light-1,
		.Shi_wrapper div.deco-light-2,
		.Shi_wrapper div.deco-light-4,
		.Shi_wrapper div.deco-light-6,
		.Shi_wrapper div.deco-light-8,
		.Shi_wrapper div.deco-light-9 {
		  	width: 4.5vw;
		    height: 4.5vw;
		}
		.Shi_wrapper div.deco-light-3,
		.Shi_wrapper div.deco-light-5,
		.Shi_wrapper div.deco-light-7 {
		  	width: 2.5vw;
		    height: 2.5vw;
		}
		.Shi_wrapper div.deco-light-1 {
		    top: 59%;
		    left: 40%;
		}
		.Shi_wrapper div.deco-light-2{
	        top: 3.8%;
    		left: 27.8%;
		}
		.Shi_wrapper div.deco-light-3{
	        top: 3%;
    		left: 44%;
		}
		.Shi_wrapper div.deco-light-4{
		    top: 32.6%;
		    left: 30%;
		}
		.Shi_wrapper div.deco-light-5{
		    top: 31.7%;
    		left: 45%;
		}
		.Shi_wrapper div.deco-light-6{
		    top: 84%;
    		left: 29.5%;
		}
		.Shi_wrapper div.deco-light-7{
		    top: 84%;
    		left: 48.5%;
		}
		.Shi_wrapper div.deco-light-8{
		    top: 31%;
		}
		.Shi_wrapper div.deco-light-9{
			top: 46%;
    		left: 28%;
		}
	}

/* 視差滾動元素 */
	.Shi_wrapper .scrollContent{
		height: auto;
		position: absolute;
		z-index: 20;
		right: 1%;
		width: 10%;
	}
	.Shi_wrapper .scrollContent.scrollContent01{
	    top: 4740px;
	}
	.Shi_wrapper .scrollContent.scrollContent02{
		top: 6450px;
	}
	@media (max-width: 1460px) {
		.Shi_wrapper .scrollContent.scrollContent01{
			top: 324vw;
		}
		.Shi_wrapper .scrollContent.scrollContent02{
			top: 434vw;
		}
	}
	@media (max-width: 800px) {
		.Shi_wrapper .scrollContent {
		    right: -3%;
		    width: 19%;
		}
		.Shi_wrapper .scrollContent.scrollContent01 {
		    top: 1164vw;
		}
		.Shi_wrapper .scrollContent.scrollContent02 {
		    top: 1654vw;
		}
	}

/* KV */
	.Shi_wrapper .KV:before{
		content: '';
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url('../images/KV_light_pc.jpg');
		background-size: 100%;
		-webkit-animation: KV_light .5s ease infinite alternate;
	    animation: KV_light .5s ease infinite alternate;
	}
	@keyframes KV_light {
	    0% {
	        opacity: 0;
	    }
	    100% {
	        opacity: 1;
	    }
	}
	@media (max-width: 800px) {
		.Shi_wrapper .KV:before{
			background: url('../images/KV_light_mb.jpg');
			background-size: 100%;
		}
		.Shi_wrapper .KV:after{
			content: '';
			position: absolute;
			z-index: 2;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('../images/KV_shine_mb.jpg') no-repeat top center;
			background-size: 100%;
			-webkit-animation: bg_light .2s ease infinite alternate;
		    animation: bg_light .2s ease infinite alternate;
		}
	}

/* section01 */
	.Shi_wrapper .section01 > div{
		position: relative;
		z-index: 2;
	}
	.Shi_wrapper .section01:before{
		content: '';
		position: absolute;
		z-index: 1;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background: url('../images/bg_light_pc.jpg') no-repeat top center;
		background-size: 100%;
		-webkit-animation: bg_light .2s ease infinite alternate;
	    animation: bg_light .2s ease infinite alternate;
	}
	@keyframes bg_light {
	    0% {
	        opacity: 0.8;
	    }
	    100% {
	        opacity: 1;
	    }
	}
	.Shi_wrapper .section01 .section01_btn{
		width: 17%;
		max-width: 248px;
		position: absolute;
		z-index: 1;
		left: 50%;
		top: 35%;
		transform: translate(-50%, -50%);
		overflow: hidden;
	}
	.Shi_wrapper .section01 .section01_btn:before{
		content: '';
	    background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	    background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	    background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	    position: absolute;
	    top: -50%;
	    left: 0;
	    width: 100%;
	    height: 300%;
	    -webkit-transition: 1s;
	    -o-transition: 1s;
	    transition: 1s;
	    -webkit-animation: shinye 5s ease infinite;
	    animation: shinye 5s ease infinite;
	}
	@media (max-width: 800px) {
		.Shi_wrapper .section01:before{
			background: url('../images/bg_light_mb.jpg') no-repeat top center;
			background-size: 100%;
		}
		.Shi_wrapper .section01 .section01_btn{
			width: 41%;
		    max-width: 319px;
		    top: 22.5%;
		}
	}
	

/* section02 */
	/* 鉑金會員,紅妍會員 */
		.Shi_wrapper .section02 .section02_text_top{
			position: absolute;
			z-index: 2;
			left: 0;
			top: 0;
			width: 100%;
			overflow: hidden;
		}
		.Shi_wrapper .section02 .section02_top{
			/* 遮色片 */
	        background: url('../images/section02_bg_border01_pc.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section02_bg_border01_pc.png') no-repeat top center;
	        mask: url('../images/section02_bg_border01_pc.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
		}
		.Shi_wrapper .section02 .section02_top:before {
	      	content: '';
	      	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	position: absolute;
	      	top: -50%;
	      	left: 0;
	      	width: 100%;
	      	height: 300%;
	      	-webkit-transition: 1s;
	      	-o-transition: 1s;
	      	transition: 1s;
	      	-webkit-animation: shinye 5s ease infinite;
	      	animation: shinye 5s ease infinite;
	    }
	    .Shi_wrapper .section02 .section02_top_bg{
			z-index: 3;
	    }
	    /* .Shi_wrapper .section02 .section02_top_bg:before{
			content: '';
			position: absolute;
			z-index: 1;
			left: 0;
			top: 0;
			width: 100%;
			height: 100%;
			background: url('../images/section02_bg_border01_bg_lighter_pc.png') no-repeat top center;
			background-size: 100%;
			-webkit-animation: bg_light02 .8s ease infinite alternate;
		    animation: bg_light02 .8s ease infinite alternate;
	    }
	    @keyframes bg_light02 {
		    0% {
		        opacity: 0;
		    }
		    100% {
		        opacity: 0.5;
		    }
		} */
	    .Shi_wrapper .section02 .section02_top_text{
			z-index: 4;
	    }
	    .Shi_wrapper .section02 .section02_top_title{
			z-index: 5;
	    }
	    .Shi_wrapper .section02 .section02_top_product{
	    	z-index: 7;

	    	/* 遮色片 */
	        background: url('../images/section02_top_product_pc.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section02_top_product_pc.png') no-repeat top center;
	        mask: url('../images/section02_top_product_pc.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
	    }
	    .Shi_wrapper .section02 .section02_top_product:before,
	    .Shi_wrapper .section02 .section02_top_product01_mb span:before,
	    .Shi_wrapper .section02 .section02_top_product02_mb span:before {
	      	content: '';
	      	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	position: absolute;
	      	top: -50%;
	      	left: 0;
	      	width: 100%;
	      	height: 300%;
	      	-webkit-transition: 1s;
	      	-o-transition: 1s;
	      	transition: 1s;
	      	-webkit-animation: shinye 5s ease infinite;
	      	animation: shinye 5s ease infinite;
	      	filter: blur(20px);
	    }

		@media (max-width: 1460px) {
			
		}
		@media (max-width: 800px) {
			.Shi_wrapper .section02 .section02_top{
				/* 遮色片 */
		        background: url('../images/section02_bg_border01_mb.png') no-repeat top center;
		        background-size: 100%;
		        -webkit-mask: url('../images/section02_bg_border01_mb.png') no-repeat top center;
		        mask: url('../images/section02_bg_border01_mb.png') no-repeat top center;
		        -webkit-mask-size: 100%;
		        mask-size: 100%;
			}
			.Shi_wrapper .section02 .section02_top_title{
			    height: 100%;
			}
			.Shi_wrapper .section02 .section02_top_title01_mb,
			.Shi_wrapper .section02 .section02_top_title02_mb,
			.Shi_wrapper .section02 .section02_top_product01_mb,
			.Shi_wrapper .section02 .section02_top_product02_mb{
				position: absolute;
				z-index: 4;
				left: 0;
				top: 0;
				width: 100%;
			}
			.Shi_wrapper .section02 .section02_top_title02_mb{
				top: 169vw;
			}
			.Shi_wrapper .section02 .section02_top_product01_mb span,
			.Shi_wrapper .section02 .section02_top_product02_mb span{
				position: relative;
				display: block;
				overflow: hidden;
			}
			.Shi_wrapper .section02 .section02_top_product01_mb{
				top: 28vw;

				/* 遮色片 */
				background: url('../images/section02_top_product01_mb.png') no-repeat top center;
		        background-size: 100%;
		        -webkit-mask: url('../images/section02_top_product01_mb.png') no-repeat top center;
		        mask: url('../images/section02_top_product01_mb.png') no-repeat top center;
		        -webkit-mask-size: 100%;
		        mask-size: 100%;
			}
			.Shi_wrapper .section02 .section02_top_product02_mb{
				top: 198vw;

				/* 遮色片 */
				background: url('../images/section02_top_product02_mb.png') no-repeat top center;
		        background-size: 100%;
		        -webkit-mask: url('../images/section02_top_product02_mb.png') no-repeat top center;
		        mask: url('../images/section02_top_product02_mb.png') no-repeat top center;
		        -webkit-mask-size: 100%;
		        mask-size: 100%;
			}
		}

	/* 黑鑽會員 */
		.Shi_wrapper .section02 .section02_text_bottom{
			position: absolute;
			z-index: 2;
			left: 0;
			bottom: 0;
			width: 100%;
			overflow: hidden;
		}
		.Shi_wrapper .section02 .section02_bottom{
			/* 遮色片 */
	        background: url('../images/section02_bg_border02_pc.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section02_bg_border02_pc.png') no-repeat top center;
	        mask: url('../images/section02_bg_border02_pc.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
		}
		.Shi_wrapper .section02 .section02_bottom:before {
	      	content: '';
	      	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	position: absolute;
	      	top: -50%;
	      	left: 0;
	      	width: 100%;
	      	height: 300%;
	      	-webkit-transition: 1s;
	      	-o-transition: 1s;
	      	transition: 1s;
	      	-webkit-animation: shinye 5s ease infinite;
	      	animation: shinye 5s ease infinite;
	    }
	    .Shi_wrapper .section02 .section02_bottom_bg{
			z-index: 3;
			/* 遮色片 */
	        background: url('../images/section02_bg_border02_bg_pc.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section02_bg_border02_bg_pc.png') no-repeat top center;
	        mask: url('../images/section02_bg_border02_bg_pc.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
	    }
	    .Shi_wrapper .section02 .section02_bottom_bg:before {
	      	content: '';
	      	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	position: absolute;
	      	top: -50%;
	      	left: 0;
	      	width: 100%;
	      	height: 300%;
	      	-webkit-transition: 1s;
	      	-o-transition: 1s;
	      	transition: 1s;
	      	-webkit-animation: shinye 5s ease infinite;
	      	animation: shinye 5s ease infinite;
	    }
	    .Shi_wrapper .section02 .section02_bottom_box{
			z-index: 4;
	    }
	    .Shi_wrapper .section02 .section02_bottom_text{
			z-index: 5;
	    }
	    .Shi_wrapper .section02 .section02_bottom_title{
			z-index: 6;
	    }
	    .Shi_wrapper .section02 .section02_bottom_point{
			z-index: 7;
	    }
	    .Shi_wrapper .section02 .section02_bottom_product{
	    	z-index: 8;

	    	/* 遮色片 */
	        background: url('../images/section02_bottom_product_pc.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section02_bottom_product_pc.png') no-repeat top center;
	        mask: url('../images/section02_bottom_product_pc.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
	    }
	    .Shi_wrapper .section02 .section02_bottom_product:before {
	      	content: '';
	      	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
	      	position: absolute;
	      	top: -50%;
	      	left: 0;
	      	width: 100%;
	      	height: 300%;
	      	-webkit-transition: 1s;
	      	-o-transition: 1s;
	      	transition: 1s;
	      	-webkit-animation: shinye 5s ease infinite;
	      	animation: shinye 5s ease infinite;
	      	filter: blur(20px);
	    }
	    @media (max-width: 800px) {
	    	.Shi_wrapper .section02 .section02_bottom{
				/* 遮色片 */
		        background: url('../images/section02_bg_border02_mb.png') no-repeat top center;
		        background-size: 100%;
		        -webkit-mask: url('../images/section02_bg_border02_mb.png') no-repeat top center;
		        mask: url('../images/section02_bg_border02_mb.png') no-repeat top center;
		        -webkit-mask-size: 100%;
		        mask-size: 100%;
			}
		    .Shi_wrapper .section02 .section02_bottom_bg{
				/* 遮色片 */
		        background: url('../images/section02_bg_border02_bg_mb.png') no-repeat top center;
		        background-size: 100%;
		        -webkit-mask: url('../images/section02_bg_border02_bg_mb.png') no-repeat top center;
		        mask: url('../images/section02_bg_border02_bg_mb.png') no-repeat top center;
		        -webkit-mask-size: 100%;
		        mask-size: 100%;
		    }
		    .Shi_wrapper .section02 .section02_bottom_product{
		    	bottom: inherit;
    			top: 358vw;
		    	/* 遮色片 */
		        background: url('../images/section02_bottom_product_mb.png') no-repeat top center;
		        background-size: 100%;
		        -webkit-mask: url('../images/section02_bottom_product_mb.png') no-repeat top center;
		        mask: url('../images/section02_bottom_product_mb.png') no-repeat top center;
		        -webkit-mask-size: 100%;
		        mask-size: 100%;
		    }
		    .Shi_wrapper .section02 .section02_bottom_point{
		    	bottom: inherit;
    			top: 358vw;
		    }
		    .Shi_wrapper .section02 .section02_bottom_title {
			    bottom: inherit;
			    top: 467vw;
			}
	    }

/* section03 */
	.Shi_wrapper .section03 .section03_bg{
		position: relative;
	}
	.Shi_wrapper .section03 .section03_bg:after{
		background: url('../images/section03_bg_02_pc.jpg') no-repeat left top;
		background-size: 100%;
		content: '';
		position: absolute;
		z-index: 1;
		width: 100%;
		height: 100%;
		left: 0;
		top: 0;
		-webkit-animation: KV_light 3s ease infinite alternate;
	    animation: KV_light 3s ease infinite alternate;
	}
	.Shi_wrapper .section03 .section03_text,
	.Shi_wrapper .section03 .section03_title,
	.Shi_wrapper .section03 .section03_slogn,
	.Shi_wrapper .section03 .section03_product{
		position: absolute;
		z-index: 2;
		left: 0;
		top: 0;
		width: 100%;
	}
	.Shi_wrapper .section03 .section03_slogn{
    	z-index: 3;

    	/* 遮色片 */
        background: url('../images/section03_slogn_pc.png') no-repeat top center;
        background-size: 100%;
        -webkit-mask: url('../images/section03_slogn_pc.png') no-repeat top center;
        mask: url('../images/section03_slogn_pc.png') no-repeat top center;
        -webkit-mask-size: 100%;
        mask-size: 100%;
    }
    .Shi_wrapper .section03 .section03_slogn{
    	z-index: 3;

    	/* 遮色片 */
        background: url('../images/section03_slogn_pc.png') no-repeat top center;
        background-size: 100%;
        -webkit-mask: url('../images/section03_slogn_pc.png') no-repeat top center;
        mask: url('../images/section03_slogn_pc.png') no-repeat top center;
        -webkit-mask-size: 100%;
        mask-size: 100%;
    }
    .Shi_wrapper .section03 .section03_product{
    	z-index: 4;

    	/* 遮色片 */
        background: url('../images/section03_product_pc.png') no-repeat top center;
        background-size: 100%;
        -webkit-mask: url('../images/section03_product_pc.png') no-repeat top center;
        mask: url('../images/section03_product_pc.png') no-repeat top center;
        -webkit-mask-size: 100%;
        mask-size: 100%;
    }
	/* .Shi_wrapper .section03 .section03_slogn:before, */
    .Shi_wrapper .section03 .section03_product:before{
      	content: '';
      	background: -webkit-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
      	background: -o-linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
      	background: linear-gradient(-45deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0) 25%, white 50%, rgba(255, 255, 255, 0) 80%, rgba(255, 255, 255, 0) 100%);
      	position: absolute;
      	top: -50%;
      	left: 0;
      	width: 100%;
      	height: 300%;
      	-webkit-transition: 1s;
      	-o-transition: 1s;
      	transition: 1s;
      	-webkit-animation: shinye 5s ease infinite;
      	animation: shinye 5s ease infinite;
      	filter: blur(20px);
    }
    @media (max-width: 800px) {
    	.Shi_wrapper .section03 .section03_bg:after{
			background: url('../images/section03_bg_02_mb.jpg') no-repeat left top;
			background-size: 100%;
		}
		.Shi_wrapper .section03 .section03_slogn.section03_text01_mb{
	    	top: 263vw;

	    	/* 遮色片 */
	        background: url('../images/section03_text01_mb.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section03_text01_mb.png') no-repeat top center;
	        mask: url('../images/section03_text01_mb.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
	    }
	    .Shi_wrapper .section03 .section03_slogn.section03_text02_mb{
	    	top: 343vw;

	    	/* 遮色片 */
	        background: url('../images/section03_text02_mb.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section03_text02_mb.png') no-repeat top center;
	        mask: url('../images/section03_text02_mb.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
	    }
	    .Shi_wrapper .section03 .section03_product.section03_product01_mb{
	    	top: 89vw;

	    	/* 遮色片 */
	        background: url('../images/section03_product01_mb.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section03_product01_mb.png') no-repeat top center;
	        mask: url('../images/section03_product01_mb.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
	    }
	    .Shi_wrapper .section03 .section03_product.section03_product02_mb{
	    	top: 190vw;

	    	/* 遮色片 */
	        background: url('../images/section03_product02_mb.png') no-repeat top center;
	        background-size: 100%;
	        -webkit-mask: url('../images/section03_product02_mb.png') no-repeat top center;
	        mask: url('../images/section03_product02_mb.png') no-repeat top center;
	        -webkit-mask-size: 100%;
	        mask-size: 100%;
	    }
    }