@charset "utf-8";
/* CSS Document */ 

.event-wrap{position:relative; font-size:15px; max-width:2560px; margin:0 auto; text-align:center}
.event-wrap .container{max-width:1000px; position:relative; margin:0 auto}
.event-wrap > div{box-sizing:border-box}
.sec01{position:relative; height:2270px; background:url(images_au/sec01_bg.jpg) center top no-repeat; background-size:cover}
.sec02{position:relative; height:1611px; background:url(images_au/sec02_bg.jpg) center top no-repeat; background-size:cover}
.sec03{position:relative; height:4635px; background:url(images_au/sec03_bg.jpg) center top no-repeat; background-size:cover}

.sec01 .tit{margin:0 auto;padding: 130px 0 0 0;}
.sec01 .player{width:965px; height:527px; position:relative; margin:0 auto; padding:18px; background:url(images_th/video_bg.jpg) center center no-repeat; margin-top:60px}
.sec01 .player iframe{width:calc(100% - 36px); height:calc(100% - 36px); position:absolute; left:18px; top:18px}

.sec01 .tail{margin:0 auto;padding: 965px 0 0 0;}
.sec01 .tail .t-tit{position:relative; top:-10px}
.sec01 .tail .t-tail{position:relative; padding:20px 0 0 0; color:#666; font-size:1.4em; font-weight:normal; line-height:1.4em}
.sec01 .tail .t-tail p:nth-child(1){margin-bottom:15px}
.sec01 .tail .t-tail .blue{font-weight:bold; color:#134894}

.sec02 .tit{margin: 0 auto; padding:100px 0 0 0; font-weight:bold; font-size:1.5em; color:#fff; line-height:1.6em}
.sec02 .tit .yellow{font-size:1.2em; color:#fac335;}
.sec02 .tail{padding:70px 0 0 0;}
.sec02 .tail .t-tit{padding:0 0 15px 0; position:relative; top:-10px}
.sec02 .tail .t-tail{font-size:1.4em; color:#4bb8ef; font-weight:bold}
.sec02 .tail .t-tailw{font-size:1.4em; color:#fff; padding:25px 0 0 0; line-height:1.4em}
.sec02 .tail .t-tailw p{margin-bottom:10px;}
.sec02 .tail .t-tailw p .blue{color:#4bb8ef}
.sec02 .tail .t-tailw p:nth-child(3){margin-bottom:0}
.sec02 .tail .t-img{font-size:0}
.sec02 .visual{padding:50px 0 0 0}

.sec02 .v-tail{position:relative; padding:50px 0 0 0;}
.sec02 .v-tail .v-tit{color:#fff; font-size:1.3em; padding:20px 0 0 0; line-height:1.5em}
.sec02 .v-tail .v-tit p:nth-child(1){padding-bottom:15px}
.sec02 .v-tail .v-tit .blue{color:#4bb8ef}
.sec02 .v-tail .v-price{padding:0 0 0 0; font-size:2.2em; color:#dbb954; font-weight:bold}
.sec02 .v-tail .v-price i{font-weight:normal; font-size:0.8em; font-style:normal}
.sec02 .v-tail .v-price span{display:inline-block; width:289px; height:73px; line-height:73px; font-size:0.9em; color:#002d43; font-weight:bold; text-align:center; background:url(images_au/price.png) center center no-repeat; margin:0 10px}
.sec02 .box{position:relative; max-width:1000px; margin:0 auto; padding:30px 0px; text-align:center; background:#d4d4d4; margin-top:80px}
.sec02 .box p{display:inline-block; vertical-align:middle; font-size:1.1em; color:#023650; box-sizing:border-box; position:relative; text-align:left; line-height:1.4em; max-width:600px}
.sec02 .box span{display:inline-block; height:95px; width:1px; background:#95a4ac; margin:0 30px; vertical-align:middle}


.sec03 .tail{padding:80px 0 0 0}
.sec03 .tail .t-tit{padding:0px 0 30px 0; position:relative; top:-10px}
.sec03 .tail .t-tail{font-size:1.4em; color:#06397c; line-height:1.6em}
.sec03 .tail .t-img{font-size:0}

.sec03 .product{position:relative; padding:70px 0 0 0; margin:0 auto; max-width:1000px; overflow:hidden}
.sec03 .product ul{position:relative}
.sec03 .product ul li{float:left; width:480px; border:5px solid #113768; background:#10325f; margin-bottom:40px}
.sec03 .product ul li .con{position:relative; padding:35px 0;}
.sec03 .product ul li:nth-child(2n){margin-left:20px}
.sec03 .product ul li .con .point{font-size:1.5em; color:#228fea; font-weight:bold; padding:0 0 5px 0}
.sec03 .product ul li .con .tit{font-size:1.8em; color:#ffd35f; font-weight:bold}
.sec03 .product ul li .con .price{font-size:1.4em; color:#fff; padding:10px 0 0 0}
.sec03 .product ul li .con .tail{padding:20px 0 0 0; color:#fff; font-size:1.2em;  line-height:1.4em; min-height:80px}
.sec03 .product ul li .con .price span{color:#4bb8ef;}
.sec03 .product ul li .con .btn{position:relative; padding:25px 0 0 0}
.sec03 .product ul li .con .btn a{display:inline-block; font-size:1.5em; font-weight:bold; padding:15px 25px; border-radius:3px; color:#fff; background:#000; background:url(images_au/btnover.png) no-repeat; background-size:cover; color:#001c40}
.sec03 .product ul li .con .btn a:hover{}
.sec03 .product ul li.last{width:100%; margin-bottom:0; box-sizing:border-box}
.sec03 .product ul li.last .img{background:#fff}
.sec03 .product ul li.last .con .tail{min-height:auto}
.sec03 .p-tail{color:#666; font-size:1.1em; text-align:center; padding:10px 0 0 0}

.deco01{transition:1s ease; animation:deco1 1s linear infinite;}
.deco02{transition:1s ease; animation:deco2 1s linear infinite;}
.deco03{transition:1s ease; animation:deco1 1s linear infinite;}
.deco04{transition:1s ease; animation:deco2 1s linear infinite;}
.deco05{transition:1s ease; animation:deco1 1s linear infinite;}
.deco06{transition:1s ease; animation:deco2 1s linear infinite;}
.deco07{transition:1s ease; animation:deco1 1s linear infinite;}
.deco08{transition:1s ease; animation:deco2 1s linear infinite;}
.deco09{transition:1s ease; animation:deco1 1s linear infinite;}

@keyframes deco1{
	0%{transform:translateY(2px)}
	50%{transform:translateY(-2px)}
	100%{transform:translateY(2px)}
}

@keyframes deco2{
	0%{transform:translateY(-2px)}
	50%{transform:translateY(2px)}
	100%{transform:translateY(-2px)}
}

.kv_left01{position:absolute; left:50%; top:37px; margin-left:-308px; transition:1s ease; animation:deco1 0.9s linear infinite;}
.kv_left02{position:absolute; left:50%; top:209px; margin-left:-569px; transition:1s ease; animation:deco2 0.9s linear infinite;}
.kv_left03{position:absolute;left:50%;top:300px;margin-left:-346px;transition:1s ease;animation:deco1 0.9s linear infinite;display: none;}
.kv_right01{position:absolute; left:50%; top:26px; margin-left:279px; transition:1s ease; animation:deco2 0.9s linear infinite;}
.kv_right02{position:absolute; left:50%; top:82px; margin-left:540px; transition:1s ease; animation:deco1 0.9s linear infinite;}
.kv_right03{position:absolute;left:50%;top: 270px;margin-left: 328px;transition:1s ease;animation:deco2 0.9s linear infinite;}
 
@media screen and (max-width: 1140px){
	.event-wrap{font-size:12px}
	
	.sec01{padding:60px 0 0 0;height: 1280px;}
	.sec01 .tit{padding:0}
	.sec01 .tit img{max-width:460px}
	.sec01 .tail{padding: 600px 0 0 0;}
	.sec01 .tail .t-tit{max-width: 460px;margin:0 auto;}
	.sec01 .player{width:411px; height:224px; margin-top:50px; background-size:100% 100%; padding:10px}
	.sec01 .player iframe{width:calc(100% - 20px); height:calc(100% - 20px); left:10px; top:10px}
	
	.sec02{padding:20px 0 0 0;height: 930px;}
	.sec02 .tit{padding:0;}
	.sec02 .tail{padding:30px 0 0 0}
	.sec02 .tail .t-tit{max-width:340px; margin:0 auto; padding:10px 20px 0 20px}
	.sec02 .tail .t-tail{margin-top:20px}
	.sec02 .tail .t-tailw{max-width:90%; margin:0 auto}
	.sec02 .visual{max-width:420px; margin:0 auto; margin-top:0px}
	.sec02 .v-tail .v-price span{width:220px; height:55px; line-height:55px; background-size:100% 100%}
	.sec02 .box{max-width:360px;margin-top:30px;padding:20px 20px;text-align:center;}
	.sec02 .box img{}
	.sec02 .box p{width:100%; margin-left:0; padding-left:0; padding-top:15px; text-align:left}
	.sec02 .box span{display:none}
	.sec02 .box p br{display:none}
	
	.sec03{height:auto; padding:5% 0 10% 0}
	.sec03 .tail{padding:0 0 0 0}
	.sec03 .tail .t-tail{padding:0 10px; margin-top:15px}
	.sec03 .tail .t-tail img{width:300px}
	.sec03 .tail .t-tit{max-width:240px; margin:0 auto; padding:10px 20px 0 20px}
	.sec03 .tail .t-tit img{max-width:100%}
	.sec03 .product{padding:50px 0 0 0; margin:0 20px}
	.sec03 .product ul li{width:49%; box-sizing:border-box}
	.sec03 .product ul li:nth-child(2n){margin-left:2%}
	.sec03 .tail .t-img img:nth-child(5){margin:0}
	.sec03 .product ul li .con .tail{min-height:60px}
	
	.kv_left01{width:40px; top:12px; margin-left:-180px}
	.kv_left02{width:43px; top:87px; margin-left:-282px}
	.kv_left03{width:35px; top:145px; margin-left:-190px}
	.kv_right01{width:35px; top:15px; margin-left:175px}
	.kv_right02{width:45px; top:57px; margin-left:295px}
	.kv_right03{width:40px; top:145px; margin-left:191px}
	
	.deco01{width: 23px;}
	.deco02{width: 23px;}
	.deco03{width: 23px;}
	.deco04{width: 35px;}
	.deco05{width: 40px;}
	.deco06{width: 43px;}
	.deco07{width: 25px;}
	.deco08{width: 27px;}
	.deco09{width:26px}
}

@media screen and (max-width: 880px){
	.sec02 .tail .t-tailw p br{display:none}
	.sec03 .product ul li .con .tail br{display:none}
	.sec03 .product ul li .con .tail{min-height:80px}
}

@media screen and (max-width: 820px){
	.sec03 .product ul li .con .tit{font-size:1.4em}
}

@media screen and (max-width: 640px){
	.event-wrap{font-size:10px}
	
	.sec01{height:auto; padding:50px 0 80px 0}
	.sec01 .tit{padding:0; max-width:90%}
	.sec01 .tail .t-tit{max-width: 300px;top:-10px;}
	.sec01 .tit img{max-width:300px}
	.sec01 .tail{padding:400px 0 0 0}
	.sec01 .player{width:282px; height:154px; margin-top:30px}
	.sec01 .player iframe{width:calc(100% - 10px); height:calc(100% - 10px); left:5px; top:5px}
	.sec01 .tail .t-tail{max-width:95%; margin:0 auto}
	.sec01 .tail .t-tail br{display:none}
	
	.sec02{padding: 0 0 20% 0;height: auto;}
	.sec02 .v-tail{padding:30px 10px 0 10px; line-height:20px}
	.sec02 .tail .t-tit{max-width:300px;}
	.sec02 .visual{max-width:300px}
	.sec02 .box{max-width:260px}
	.sec03 .tail .t-tail img{width:240px}
	.sec02 .tail .t-tailw{max-width:90%; margin:0 auto}
	.sec02 .tail .t-tailw br{display:none}
	.sec02 .v-tail .v-price{line-height:2.2em}
	.sec03 .tail .t-tail br{display:none}
	.sec02 .v-tail .v-tit br{display:none}
	.sec03 .tail .t-tit{max-width:230px; padding-top:0}
	
	.kv_left01{width: 35px;top: 10px;margin-left: -136px;}
	.kv_left02{width: 35px;top: 62px;margin-left: -207px;}
	.kv_left03{width: 25px;top: 114px;margin-left: -134px;}
	.kv_right01{width: 40px;top: 10px;margin-left: 85px;}
	.kv_right02{width: 35px;top: 42px;margin-left: 193px;}
	.kv_right03{width: 30px;top: 116px;margin-left:136px;}
	
}

@media screen and (max-width: 530px){
	.sec03 .product{margin:0}
	.sec03 .product ul{width:300px; position:relative; margin:0 auto}
	.sec03 .product ul li{margin-bottom:20px; width:100%}
	.sec03 .product ul li:nth-child(2n){margin-left:0}
	.sec03 .product ul li .con{padding:25px 0}
	.sec03 .product ul li .con .btn{padding:20px 0 0 0}
	.sec03 .product ul li .con .tail{min-height:auto}
}

@media screen and (max-width: 480px){
	.event-wrap{font-size:9px}
}