@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:2500px; background:url(images_sg/sec01_bg.jpg) center top no-repeat; background-size:cover}
.sec02{position:relative; height:2079px; background:url(images_sg/sec02_bg.jpg) center top no-repeat; background-size:cover}
.sec03{position:relative; height:3788px; background:url(images_sg/sec03_bg.jpg) center top no-repeat; background-size:cover}

.sec01 .tit{margin:0 auto; padding:100px 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:950px 0 0 0;}
.sec01 .tail .t-tit{position:relative; top:-20px}
.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:-20px}
.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: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: 1.1em;color:#002d43;font-weight:bold;text-align:center;background:url(images_sg/price.png) center center no-repeat;margin:0 10px;padding-right: 20px;}
.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:-20px}
.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:#4bb8ef; padding:10px 0 0 0}
.sec03 .product ul li .con .tail{padding:20px 0 0 0; color:#fff; font-size:1.2em; min-height:83px; line-height:1.4em}
.sec03 .product ul li .con .price span{color:#fff;}
.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}
.sec03 .product ul li .con .btn a:hover{background:url(images_sg/btnover.png) no-repeat; background-size:cover; color:#001c40}
.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;}
.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: 275px;margin-left: 308px;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:1400px}
	.sec01 .tit{padding:0}
	.sec01 .tit img{max-width:460px}
	.sec01 .tail{padding: 550px 0 0 0;}
	.sec01 .tail .t-tit{max-width:360px; 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: 1400px;}
	.sec02 .tit{padding:0;}
	.sec02 .tail{padding:30px 0 0 0}
	.sec02 .tail .t-tit{max-width:540px; 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:360px; margin:0 auto; padding:10px 20px 0 20px}
	.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:30px}
	.deco02{width:32px}
	.deco03{width:32px}
	.deco04{width:70px}
	.deco05{width:76px}
	.deco06{width:76px}
	.deco07{width:67px}
	.deco08{width:45px}
	.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}
}

@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:250px; 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 25% 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 .product ul li .con .tail{min-height:auto}
	
	.sec03 .tail .t-tit{max-width:270px}
	
	.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: 107px;margin-left: 126px;}
	
	.deco01{width:20px}
	.deco02{width:20px}
	.deco03{width:20px}
	.deco04{width:40px}
	.deco05{width:40px}
	.deco06{width:40px}
	.deco07{width:40px}
	.deco08{width:30px}
	.deco09{width:15px}
}

@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}
}

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