@import url(font.css);

/* Reset CSS */
html{width:100%;height:100%;min-width:1200px;overflow-y:hidden;box-sizing:border-box;/*overflow-y:hidden; padding-right:17px;*/}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,form,fieldset,p,button{margin:0;padding:0}
body,h1,h2,h3,h4,input,button{font-family:'Noto Sans',Sans-serif;font-size:12px;color:#333;}
body{position:relative;height:100%;background-color:#fff;word-break:break-all;-ms-word-break:break-all;font-weight:300;}
img,fieldset,iframe{border:0 none}
li{list-style:none}
input,select,button{vertical-align:middle}
img{vertical-align:top}
i,em,address{font-style:normal}
label,button{cursor:pointer}
button{margin:0;padding:0}
button *{position:relative}
button img{left:-3px;*left:auto}
option{padding-right:6px}
hr, legend, .hide{position:absolute;left:-2000%;width:1px;height:1px;overflow:hidden;font-size:0;line-height:0;z-index:-1;}

/* Common */
.show{display:block}
iframe{vertical-align:top}
.png24 {tmp:expression(setPng24(this));}

a {text-decoration:none; color:#333; }
a:hover {text-decoration:none;}
a:active, a:focus{text-decoration:none;}

textarea {padding:5px; font-family:'Noto Sans',Sans-serif;font-size:12px;color:#555;border:1px solid #ccc;background:#fff; overflow:auto; resize:none;}
label {cursor:pointer;}
table {border-collapse:collapse; border:0; padding:0;}
caption {display:none;}
select{width:100%;border:1px solid #ccc;padding-left:5px;font-size:14px;height:30px;line-height:30px;color:#444;
font-family:'Noto Sans',Sans-serif;if;vertical-align:middle;border-radius:0px;-webkit-appearance:none;
background:#fff url(../images/common/select_bg.png) no-repeat 97% center;outline:none;font-weight:400;}
option{font-family:'Noto Sans',Sans-serif;font-weight:400;}
input{font-family:'Noto Sans',Sans-serif;font-weight:400;}

input[type="radio"] {width:20px;height:20px;margin:0; padding:0;background:url(../images/common/radio_box_off.png) no-repeat 0 0;-webkit-appearance: none;outline:none;}
input[type="radio"]:checked {width:20px;height:20px;background:url(../images/common/radio_box_on.png) no-repeat 0 0;}

input[type="checkbox"]{position:relative;width:20px;height:20px;margin:0 10px 0 0; padding:0;background:url(../images/common/checkbox_off.png) no-repeat 0 0;-webkit-appearance: none;outline:none;}
input[type="checkbox"]:checked{width:20px;height:20px;background:url(../images/common/checkbox_on.png) no-repeat 0 0;}

/* input_box */
.input_box input{border:none;width:100%;padding:0px;margin:0px;outline:none;box-sizing:border-box;padding:0 15px;font-size:18px;color:#666;font-weight:300;}

.select_box select{height:50px; line-height:50px; border:1px solid #ddd; padding-left:10px;}


/* etc */
.dsi {display:inline !important;}
.fr {float:right !important;}
.fl {float:left !important;}
.ov {overflow:hidden !important;}
.txtl {text-align:left !important;}
.txtr {text-align:right !important;}
.txtc {text-align:center !important;}
.txtb {font-weight:bold !important;}
.brbn{border-bottom:none !important;}
.brtn{border-top:none !important;}
.brrn{border-right:none !important;}
.fw300{font-weight:300 !important;}
.fwn{font-weight:normal !important;}
.brl_ddd{border-left:1px solid #ddd !important;}
.posr_6{position:relative;top:-6px;}

/* color */
.c_ca3030{color:#ca3030 !important;}
.c_999{color:#999 !important;}
.c_27a345{color:#27a345 !important;}

/* font-size */
.fs11{font-size:11px !important;}
.fs14{font-size:14px !important;}
.fs20{font-size:20px !important;}
.fs25{font-size:25px !important;}

/* font-weight */
.fw400{font-weight:400 !important;}
.fw500{font-weight:500 !important;}

/* margin / padding */
.pt0 {padding-top:0 !important;}
.pt5 {padding-top:5px !important;}
.pt10 {padding-top:10px !important;}
.pt15 {padding-top:15px !important;}
.pt20 {padding-top:20px !important;}
.pt25 {padding-top:25px !important;}
.pt30 {padding-top:30px !important;}
.pt35 {padding-top:35px !important;}
.pt40 {padding-top:40px !important;}
.pt45 {padding-top:45px !important;}
.pt50 {padding-top:50px !important;}
.pt60 {padding-top:60px !important;}
.pt70 {padding-top:70px !important;}
.pt80 {padding-top:80px !important;}
.pt100 {padding-top:100px !important;}
.pt140 {padding-top:140px !important;}

.pb0 {padding-bottom:0 !important;}
.pb5 {padding-bottom:5px !important;}
.pb10 {padding-bottom:10px !important;}
.pb15 {padding-bottom:15px !important;}
.pb20 {padding-bottom:20px !important;}
.pb25 {padding-bottom:25px !important;}
.pb30 {padding-bottom:30px !important;}
.pb35 {padding-bottom:35px !important;}
.pb40 {padding-bottom:40px !important;}
.pb45 {padding-bottom:45px !important;}
.pb50 {padding-bottom:50px !important;}
.pb60 {padding-bottom:60px !important;}
.pb70 {padding-bottom:70px !important;}
.pb75 {padding-bottom:75px !important;}
.pb100 {padding-bottom:100px !important;}

.pl0 {padding-left:0 !important;}
.pl5 {padding-left:5px !important;}
.pl10 {padding-left:10px !important;}
.pl15 {padding-left:15px !important;}
.pl20 {padding-left:20px !important;}
.pl25 {padding-left:25px !important;}
.pl30 {padding-left:30px !important;}
.pl35 {padding-left:35px !important;}
.pl40 {padding-left:40px !important;}
.pl45 {padding-left:45px !important;}
.pl50 {padding-left:50px !important;}

.pr0 {padding-right:0 !important;}
.pr5 {padding-right:5px !important;}
.pr10 {padding-right:10px !important;}
.pr15 {padding-right:15px !important;}
.pr20 {padding-right:20px !important;}
.pr25 {padding-right:25px !important;}
.pr30 {padding-right:30px !important;}
.pr35 {padding-right:35px !important;}
.pr40 {padding-right:40px !important;}
.pr45 {padding-right:45px !important;}
.pr50 {padding-right:50px !important;}

.mt0 {margin-top:0 !important;}
.mt5 {margin-top:5px !important;}
.mt10 {margin-top:10px !important;}
.mt15 {margin-top:15px !important;}
.mt20 {margin-top:20px !important;}
.mt25 {margin-top:25px !important;}
.mt30 {margin-top:30px !important;}
.mt35 {margin-top:35px !important;}
.mt40 {margin-top:40px !important;}
.mt45 {margin-top:45px !important;}
.mt50 {margin-top:50px !important;}
.mt55 {margin-top:55px !important;}
.mt60 {margin-top:60px !important;}
.mt70 {margin-top:70px !important;}
.mt80 {margin-top:80px !important;}
.mt90 {margin-top:90px !important;}

.mb0 {margin-bottom:0px !important;}
.mb5 {margin-bottom:5px !important;}
.mb10 {margin-bottom:10px !important;}
.mb13 {margin-bottom:13px !important;}
.mb15 {margin-bottom:15px !important;}
.mb20 {margin-bottom:20px !important;}
.mb25 {margin-bottom:25px !important;}
.mb30 {margin-bottom:30px !important;}
.mb35 {margin-bottom:35px !important;}
.mb40 {margin-bottom:40px !important;}
.mb45 {margin-bottom:45px !important;}
.mb50 {margin-bottom:50px !important;}
.mb60 {margin-bottom:60px !important;}
.mb70 {margin-bottom:70px !important;}
.mb80 {margin-bottom:80px !important;}
.mb90 {margin-bottom:90px !important;}
.mb100 {margin-bottom:100px !important;}

.ml0 {margin-left:0 !important;}
.ml1 {margin-left:1px !important;}
.ml5 {margin-left:5px !important;}
.ml8 {margin-left:8px !important;}
.ml10 {margin-left:10px !important;}
.ml15 {margin-left:15px !important;}
.ml20 {margin-left:20px !important;}
.ml25 {margin-left:25px !important;}
.ml30 {margin-left:30px !important;}
.ml35 {margin-left:35px !important;}
.ml40 {margin-left:40px !important;}
.ml45 {margin-left:45px !important;}
.ml50 {margin-left:50px !important;}

.mr0 {margin-right:0 !important;}
.mr1 {margin-right:1px !important;}
.mr5 {margin-right:5px !important;}
.mr6 {margin-right:6px !important;}
.mr10 {margin-right:10px !important;}
.mr12 {margin-right:12px !important;}
.mr15 {margin-right:15px !important;}
.mr20 {margin-right:20px !important;}
.mr25 {margin-right:25px !important;}
.mr30 {margin-right:30px !important;}
.mr35 {margin-right:35px !important;}
.mr40 {margin-right:40px !important;}
.mr45 {margin-right:45px !important;}
.mr50 {margin-right:50px !important;}
.mr100 {margin-right:100px !important;}


/* skiptoContent */
#skiptoContent{position:fixed;top:0;left:0;width:100%;z-index:500}
#skiptoContent a {display:block;position:absolute;top:0px;left:-99999px;width:170px;height:24px;background:#24b0f0;color:#fff;font-size:12px;line-height:24px;text-align:center}
#skiptoContent a:focus, #skiptoContent a:active {left:0;text-decoration:none}
#skiptoContent a:hover{text-decoration:underline}


/* placeholder */
::-webkit-input-placeholder { /* Chrome/Opera/Safari */
  color: #999;
}
::-moz-placeholder { /* Firefox 19+ */
  color: #999;
}
:-ms-input-placeholder { /* IE 10+ */
  color: #999;
}
:-moz-placeholder { /* Firefox 18- */
  color: #999;
}

/******************* mobile max 375px *******************/
@media screen and (max-width:1230px){

}
body{overflow-x:hidden;}

.logo{position:absolute;left:80px;top:50px;z-index:1000;opacity:0;}
.link_list{position:absolute;right:80px;top:60px;width:45px;height:24px;z-index:1000;opacity:0;}
.link_list a{position:absolute;left:0px;top:0;display:block;width:100%;height:100%;}
.link_list a:before{content:'';position:absolute;left:0px;top:0px;width:45px;height:8px;background:#0096e0;transition-duration:0.5s;}
.link_list a:after{content:'';position:absolute;left:0px;bottom:0px;width:45px;height:8px;background:#0096e0;transition-duration:0.5s;}
.link_list.white a:before,
.link_list.white a:after{background:#fff;}

.link_list#act{z-index:5000 !important;}
.link_list#act a:before{transform:rotateZ(45deg) translate(7px, 6px);background:#0096e0;}
.link_list#act a:after{transform:rotateZ(-45deg) translate(5px, -4px);background:#0096e0;}

.link_wrap{position:absolute;right:0px;top:0px;width:688px;height:475px;z-index:300;background:url(../images/right_menu_bg00.png) no-repeat right top / auto 475px;border-radius:100%;opacity:0;}
.link_wrap .in_box{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.link_wrap.bg01 .in_box{background:url(../images/right_menu_bg01.png) no-repeat right top / auto 475px !important;}
.link_wrap#act01 .in_box{background:url(../images/right_menu_bg01.png) no-repeat right top / auto 475px;}
.link_wrap.bg02 .in_box{background:url(../images/right_menu_bg02.png) no-repeat right top / auto 475px !important;}
.link_wrap#act02 .in_box{background:url(../images/right_menu_bg02.png) no-repeat right top / auto 475px;}
.link_wrap.bg03 .in_box{background:url(../images/right_menu_bg03.png) no-repeat right top / auto 475px !important;}
.link_wrap#act03 .in_box{background:url(../images/right_menu_bg03.png) no-repeat right top / auto 475px;}
.link_wrap.bg04 .in_box{background:url(../images/right_menu_bg04.png) no-repeat right top / auto 475px !important;}
.link_wrap#act04 .in_box{background:url(../images/right_menu_bg04.png) no-repeat right top / auto 475px;}
.link_wrap.bg05 .in_box{background:url(../images/right_menu_bg05.png) no-repeat right top / auto 475px !important;}
.link_wrap#act05 .in_box{background:url(../images/right_menu_bg05.png) no-repeat right top / auto 475px;}
.link_wrap.bg06 .in_box{background:url(../images/right_menu_bg06.png) no-repeat right top / auto 475px !important;}
.link_wrap#act06 .in_box{background:url(../images/right_menu_bg06.png) no-repeat right top / auto 475px;}

.link_wrap .link_cont{position:absolute;width:50%;left:0px;opacity:0;background:#fff;}
.link_wrap .link_cont.pos01{width:48%;height:20.5%;left:3%;top:3%;border-top-left-radius:95%;}
.link_wrap .link_cont.pos02{width:51%;height:15%;left:0%;top:23.5%;}
.link_wrap .link_cont.pos03{width:51%;height:13.5%;left:0%;top:38.5%;}
.link_wrap .link_cont.pos04{width:51%;height:13.5%;left:0%;top:52%;}
.link_wrap .link_cont.pos05{width:48%;height:12.2%;left:3%;top:65.5%;border-bottom-left-radius:85px;}
.link_wrap .link_cont.pos06{width:36%;height:21.5%;left:15%;top:77.6%;border-bottom-left-radius:140%;}

.link_wrap .link_close{position:absolute;width:50px;height:50px;right:12.5%;top:12%;opacity:0;background:#fff;}

.link_wrap .link_face{position:absolute;width:50px;height:50px;right:37.3%;top:69.3%;opacity:0;background:#fff;}
.link_wrap .link_instar{display:none;position:absolute;width:50px;height:50px;right:27.7%;top:69.3%;opacity:0;background:#fff;}

.slink_list{position:fixed;right:80px;top:50px;width:45px;height:24px;z-index:1000;}
.slink_list a{position:absolute;left:0px;top:0;display:block;width:100%;height:100%;}
.slink_list a:before{content:'';position:absolute;left:0px;top:0px;width:45px;height:8px;background:#0096e0;transition-duration:0.5s;}
.slink_list a:after{content:'';position:absolute;left:0px;bottom:0px;width:45px;height:8px;background:#0096e0;transition-duration:0.5s;}
.slink_list.white a:before,
.slink_list.white a:after{background:#fff;}

.slink_list#act{z-index:5000;}
.slink_list#act a:before{transform:rotateZ(45deg) translate(7px, 6px);background:#0096e0;}
.slink_list#act a:after{transform:rotateZ(-45deg) translate(5px, -4px);background:#0096e0;}

.slink_wrap{position:fixed;right:0px;top:0px;width:688px;height:475px;z-index:-1;background:url(../images/right_menu_bg00.png) no-repeat right top / auto 475px;border-radius:100%;opacity:0;}
.slink_wrap .in_box{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.slink_wrap.bg01 .in_box{background:url(../images/right_menu_bg01.png) no-repeat right top / auto 475px !important;}
.slink_wrap#act01 .in_box{background:url(../images/right_menu_bg01.png) no-repeat right top / auto 475px;}
.slink_wrap.bg02 .in_box{background:url(../images/right_menu_bg02.png) no-repeat right top / auto 475px !important;}
.slink_wrap#act02 .in_box{background:url(../images/right_menu_bg02.png) no-repeat right top / auto 475px;}
.slink_wrap.bg03 .in_box{background:url(../images/right_menu_bg03.png) no-repeat right top / auto 475px !important;}
.slink_wrap#act03 .in_box{background:url(../images/right_menu_bg03.png) no-repeat right top / auto 475px;}
.slink_wrap.bg04 .in_box{background:url(../images/right_menu_bg04.png) no-repeat right top / auto 475px !important;}
.slink_wrap#act04 .in_box{background:url(../images/right_menu_bg04.png) no-repeat right top / auto 475px;}
.slink_wrap.bg05 .in_box{background:url(../images/right_menu_bg05.png) no-repeat right top / auto 475px !important;}
.slink_wrap#act05 .in_box{background:url(../images/right_menu_bg05.png) no-repeat right top / auto 475px;}
.slink_wrap.bg06 .in_box{background:url(../images/right_menu_bg06.png) no-repeat right top / auto 475px !important;}
.slink_wrap#act06 .in_box{background:url(../images/right_menu_bg06.png) no-repeat right top / auto 475px;}
.slink_wrap .link_cont{position:absolute;width:50%;left:0px;opacity:0;background:#fff;}
.slink_wrap .link_cont.pos01{width:48%;height:18.5%;left:3%;top:3%;border-top-left-radius:95%;}
.slink_wrap .link_cont.pos02{width:51%;height:11%;left:0%;top:21.5%;}
.slink_wrap .link_cont.pos03{width:51%;height:13.5%;left:0%;top:32.5%;}
.slink_wrap .link_cont.pos04{width:51%;height:14.5%;left:0%;top:46%;}
.slink_wrap .link_cont.pos05{width:48%;height:14.2%;left:3%;top:60.5%;border-bottom-left-radius:85px;}
.slink_wrap .link_cont.pos06{width:36%;height:23.5%;left:13%;top:74.6%;border-bottom-left-radius:140%;}

.slink_wrap .link_face{position:absolute;width:50px;height:50px;right:37.3%;top:69.3%;opacity:0;background:#fff;}
.slink_wrap .link_instar{display:none;position:absolute;width:50px;height:50px;right:27.7%;top:69.3%;opacity:0;background:#fff;}

.intro_wrap{display:none;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:3001;background:url(../images/intro_step04_pg.jpg) no-repeat center center / 100% 100%;}
.intro_wrap .intro_bar_txt{position:fixed;left:50%;top:50%;
	transform: translate(-50%, -50%);}
.intro_wrap .intro_txt{position:absolute;left:0;top:50%;width:100%;text-align:center;margin-top:-100px;opacity:0;z-index:9999;}
.intro_wrap .intro_txt .event_link{position:absolute;left:51.75%;top:-2.5px;width:20px;height:20px;z-index:9999;}
.intro_wrap .intro_logo{display:none;position:absolute;left:0;bottom:60px;width:100%;text-align:center;opacity:0;z-index:2001;}

.content{position:relative;overflow:hidden;}
.content.sub{-webkit-transform:scale(1.5);transform:scale(1.5);opacity:0;overflow:hidden;}
.content .video{position:absolute;width:100%;height:100%;left:0px;top:0px;}
.content .video video{width: 100%;height:100%;display:block;}

.content.sub .video{position:relative;width:100%;height:100%;left:0px;top:0px;}
.content.sub .video video{width: 100%;height:100%;display:block;}

.first_wrap{position:relative;z-index:2000;overflow:hidden;z-index:501;}
.first_wrap .first_img{-webkit-transform:scale(1.1);transform:scale(1.1);}
.first_wrap .first_img .bg img{width:100%;}
.first_wrap .first_img .txt_box{position:absolute;left:50%;top:45%;width:0;text-align:center;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.first_wrap .first_img .txt_box img{width:100%;}
.first_wrap .play_btn{display:block;position:absolute;right:2%;top:50%;margin-top:-26px;width:90px;height:52px;z-index:2;}
.first_wrap .play_btn span{display:block;float:left;width:30px;height:52px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.first_wrap .play_btn span.bg01{background:url(../images/right_arrow01.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.first_wrap .play_btn span.bg02{background:url(../images/right_arrow02.png) no-repeat 0 0 / 100%;}
.first_wrap .play_btn span.bg03{background:url(../images/right_arrow03.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #f4f4f4);}

.first_wrap .play_btn.on span.bg01{background:url(../images/right_arrow02.png) no-repeat 0 0 / 100%;filter:none;}
.first_wrap .play_btn.on span.bg02{background:url(../images/right_arrow01.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.first_wrap .play_btn.on span.bg03{filter:none;}

.last_wrap {display:none;position:absolute;left:0px;top:0px;width:100%;height:100%;z-index:500;overflow:hidden;}
.last_wrap .last_img{}
.last_wrap .last_img .bg img{width:100%;}
.last_wrap .last_img .txt_box{position:absolute;left:50%;top:45%;width:0;text-align:center;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);}
.last_wrap .last_img .txt_box img{width:100%;}
.last_wrap .play_btn{display:block;position:absolute;left:2%;top:50%;margin-top:-26px;width:90px;height:52px;z-index:2;}
.last_wrap .play_btn span{display:block;float:left;width:30px;height:52px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.last_wrap .play_btn span.bg01{background:url(../images/left_arrow03.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.last_wrap .play_btn span.bg02{background:url(../images/left_arrow02.png) no-repeat 0 0 / 100%;}
.last_wrap .play_btn span.bg03{background:url(../images/left_arrow01.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #f4f4f4);}

.last_wrap .play_btn.on span.bg01{background:url(../images/left_arrow02.png) no-repeat 0 0 / 100%;filter:none;}
.last_wrap .play_btn.on span.bg02{background:url(../images/left_arrow03.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.last_wrap .play_btn.on span.bg03{filter:none;}

#smoke{position:fixed;left:0;top:50%;width:100%;height:100%;-webkit-transform:translateY(-50%);transform:translateY(-50%);z-index:2000;-webkit-transition:all 0.1s;transition:all 0.1s;}
#smoke canvas{width:100% !important;height:100% !important;}
.content .play_btn2{position:absolute;left:10px;top:10px;display:block;width:100px;height:30px;line-height:30px;background:#000;color:#fff;z-index:5;text-align:center;}
.blob{position:absolute;height:40px;width:60px;margin-top:20px;z-index:10;}
.blob a{display:block;}
.first_wrap .blob.pos01{left:30%;top:12%;}
.first_wrap .blob.pos03{left:20%;top:71.5%;}
.first_wrap .blob.pos04{left:33.2%;top:70%;}
.first_wrap .blob.pos05{left:53.4%;top:65%;}

.last_wrap .blob.pos01{left:21%;top:62.5%;}
.last_wrap .blob.pos02{left:67.5%;top:56%;}

/*@media only screen and (min-height: 760px) and (max-width: 1700px){
	.content{height:auto;}
	.first_wrap{position:absolute !important;left:0px;top:0px;}
	.first_wrap .first_img{
		position: relative;
		left: 50%;
		top: 0;
		right: auto;
		bottom: auto;
		min-width: 100%;
		min-height: auto;
		transform: translate(-50%, 0);}
	.first_wrap .blob.pos01{left:30%;top:12%;}
	.first_wrap .blob.pos03{left:19.5%;top:69%;}
	.first_wrap .blob.pos04{left:32.8%;top:68%;}
	.first_wrap .blob.pos05{left:53.2%;top:64%;}

	.last_wrap{position:absolute !important;left:0px;top:0px;}
	.last_wrap .last_img{
		position: relative;
		left: 50%;
		top: 0;
		right: auto;
		bottom: auto;
		min-width: 100%;
		min-height: auto;
		transform: translate(-50%, 0);}

	.last_wrap .blob.pos01{left:22%;top:60.5%;}
	.last_wrap .blob.pos02{left:64.5%;top:56%;}

	.content .video{position:relative;left:0px;top:0px;overflow:hidden;width:100%;height:100%}
	.content .video video{display:block;
		position: relative;
		left: 0;
		top: 0;
		right: auto;
		bottom: auto;
		min-width: auto;
		min-height: auto;
		width:100%;
		transform: translate(0, 0);}
   }
}
@media only screen and (max-height:740px){
	.content{height:auto;}
	.first_wrap{position:absolute !important;left:0px;top:0px;}
	.first_wrap .first_img{
		position: relative;
		left: 50%;
		top: 0;
		right: auto;
		bottom: auto;
		min-width: 100%;
		min-height: auto;
		transform: translate(-50%, 0);}
	.first_wrap .blob.pos01{left:32%;top:14%;}
	.first_wrap .blob.pos03{left:20.2%;top:71%;}
	.first_wrap .blob.pos04{left:33.5%;top:70%;}
	.first_wrap .blob.pos05{left:53.7%;top:66%;}

	.last_wrap{position:absolute !important;left:0px;top:0px;}
	.last_wrap .last_img{
		position: relative;
		left: 50%;
		top: 0;
		right: auto;
		bottom: auto;
		min-width: 100%;
		min-height: auto;
		transform: translate(-50%, 0);}

	.last_wrap .blob.pos01{left:24%;top:62.5%;}
	.last_wrap .blob.pos02{left:66.5%;top:58%;}

	.content .video{position:relative;left:0px;top:0px;overflow:hidden;width:100%;height:100%}
	.content .video video{display:block;
		position: relative;
		left: 0;
		top: 0;
		right: auto;
		bottom: auto;
		min-width: auto;
		min-height: auto;
		width:100%;
		transform: translate(0, 0);}
}*/

@keyframes pulse {
	0% {
		transform: scale(0.95);
	}

	70% {
		transform: scale(1);
	}

	100% {
		transform: scale(0.95);
	}
}


#loading{background:#fff;text-align:center;position:fixed;left:0px;top:0px;width:100%;height:100%;z-index:101;}
@keyframes ldio-ia3d7nxe2 {
  0% { opacity: 1 }
  100% { opacity: 0 }
}
.ldio-ia3d7nxe2 div {
  left: 47.47px;
  top: 24.240000000000002px;
  position: absolute;
  animation: ldio-ia3d7nxe2 linear 0.9900990099009901s infinite;
  background: #14bfd5;
  width: 6.0600000000000005px;
  height: 12.120000000000001px;
  border-radius: 3.0300000000000002px / 3.2724px;
  transform-origin: 3.0300000000000002px 26.26px;
}.ldio-ia3d7nxe2 div:nth-child(1) {
  transform: rotate(0deg);
  animation-delay: -0.9075907590759075s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(2) {
  transform: rotate(30deg);
  animation-delay: -0.825082508250825s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(3) {
  transform: rotate(60deg);
  animation-delay: -0.7425742574257426s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(4) {
  transform: rotate(90deg);
  animation-delay: -0.6600660066006601s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(5) {
  transform: rotate(120deg);
  animation-delay: -0.5775577557755776s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(6) {
  transform: rotate(150deg);
  animation-delay: -0.495049504950495s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(7) {
  transform: rotate(180deg);
  animation-delay: -0.4125412541254125s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(8) {
  transform: rotate(210deg);
  animation-delay: -0.33003300330033003s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(9) {
  transform: rotate(240deg);
  animation-delay: -0.2475247524752475s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(10) {
  transform: rotate(270deg);
  animation-delay: -0.16501650165016502s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(11) {
  transform: rotate(300deg);
  animation-delay: -0.08250825082508251s;
  background: #14bfd5;
}.ldio-ia3d7nxe2 div:nth-child(12) {
  transform: rotate(330deg);
  animation-delay: 0s;
  background: #14bfd5;
}
.loadingio-spinner-spinner-9gu7cjwel9 {
  width: 101px;
  height: 101px;
  position:absolute;top:50%;left:50%;margin:-50.5px 0 0 -50.5px;
  display: inline-block;
  overflow: hidden;
  background: #ffffff;
}
.ldio-ia3d7nxe2 {
  width: 100%;
  height: 100%;
  position: relative;
  transform: translateZ(0) scale(1);
  backface-visibility: hidden;
  transform-origin: 0 0; /* see note above */
}
.ldio-ia3d7nxe2 div { box-sizing: content-box; }

@keyframes ldio-oxjjnde2899 { 0% { transform: rotate(0) } 100% { transform: rotate(360deg); } }
.reset_btn:hover .ldio-oxjjnde2899 > div {
  animation: ldio-oxjjnde2899 1s infinite linear;
  transform-origin: 50px 50px;
}
.ldio-oxjjnde2899 > div div { position: absolute; }
.ldio-oxjjnde2899 > div div:nth-child(1), .ldio-oxjjnde2899 > div div:nth-child(2) {
  width: 82px;
  height: 82px;
  border: 12px solid;
  border-radius: 50%;
  border-color: transparent #969696 #969696 #969696;
  box-sizing: border-box;
  position: absolute;
  transform: rotate(45deg);
  transform-origin: 50px 50px;
}
.ldio-oxjjnde2899 > div div:nth-child(1) {
  transform: rotate(45deg) translate(9px, 9px);
}
.ldio-oxjjnde2899 > div div:nth-child(2) {
  transform: rotate(0deg) translate(9px, 9px);;
}
.ldio-oxjjnde2899 > div div:nth-child(3) {
  width: 0;
  height: 0;
  border: 12px solid;
  border-color: transparent transparent transparent #969696;
  transform: translate(50px, 3px);
}

/* sub content */
.slogo{position:fixed;left:80px;top:50px;width:221px;height:31px;z-index:2000;opacity:0;}
.slogo.white{background:url(../images/sub_logo_white_v1.png) no-repeat 0 0;}
.slogo.blue{background:url(../images/sub_logo_blue_v1.png) no-repeat 0 0;}
.sub_wrap{height:100%;}
.show_box_wrap{position:relative;height:100%;}
.sub_wrap .txt_box{position:fixed;left:50%;top:50%;z-index:2000;opacity:0;margin-right:-50px;
	transform: translate(-50%, -50%);
}
/*.sub_wrap .next_arrow{display:block;position:fixed;right:2%;top:50%;transition:0.25s;margin-top:-60px;margin-right:-300px;width:80px;height:120px;background:url(../images/next_arrow_white.png) no-repeat center center;z-index:2002;opacity:0;}
.sub_wrap .next_arrow.black{background-image:url(../images/next_arrow_black.png);}*/

.sub_wrap .next_arrow{display:block;position:absolute;right:2%;top:50%;margin-top:-26px;width:90px;height:52px;z-index:2;}
.sub_wrap .next_arrow span{display:block;float:left;width:30px;height:52px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sub_wrap .next_arrow span.bg01{background:url(../images/right_arrow01.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.sub_wrap .next_arrow span.bg02{background:url(../images/right_arrow02.png) no-repeat 0 0 / 100%;}
.sub_wrap .next_arrow span.bg03{background:url(../images/right_arrow03.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #f4f4f4);}

.sub_wrap .next_arrow.on span.bg01{background:url(../images/right_arrow02.png) no-repeat 0 0 / 100%;filter:none;}
.sub_wrap .next_arrow.on span.bg02{background:url(../images/right_arrow01.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.sub_wrap .next_arrow.on span.bg03{filter:none;}

/*.sub_wrap .prev_arrow{display:block;position:fixed;left:2%;top:50%;transition:0.25s;margin-top:-60px;margin-right:-300px;width:80px;height:120px;background:url(../images/prev_arrow_white.png) no-repeat center center;z-index:2002;opacity:0;}
.sub_wrap .prev_arrow.black{background-image:url(../images/prev_arrow_black.png);}*/

.sub_wrap .prev_arrow{display:block;position:absolute;left:2%;top:50%;margin-top:-26px;width:90px;height:52px;z-index:2;opacity:1;}
.sub_wrap .prev_arrow span{display:block;float:left;width:30px;height:52px;-webkit-transition:all 0.5s;transition:all 0.5s;}
.sub_wrap .prev_arrow span.bg01{background:url(../images/left_arrow03.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.sub_wrap .prev_arrow span.bg02{background:url(../images/left_arrow02.png) no-repeat 0 0 / 100%;}
.sub_wrap .prev_arrow span.bg03{background:url(../images/left_arrow01.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #f4f4f4);}

.sub_wrap .prev_arrow.on span.bg01{background:url(../images/left_arrow02.png) no-repeat 0 0 / 100%;filter:none;}
.sub_wrap .prev_arrow.on span.bg02{background:url(../images/left_arrow03.png) no-repeat 0 0 / 100%;filter:drop-shadow(1px 0px 3px #fff);}
.sub_wrap .prev_arrow.on span.bg03{filter:none;}

.sub_wrap .show_box{display:none;}
.sub_wrap .show_box .bg{text-align:center;}
.sub_wrap .show_box{position:absolute;left:0px;top:0px;width:100%;height:100%;}
.sub_wrap .show_box:first-child{position:relative;display:block;}
.sub_wrap .show_box img{width:100%;}
.sub_wrap .show_box .txt_box{position:fixed;z-index:2000;opacity:0;}
.sub_wrap .show0101 .txt_box{top:45%;}
.sub_wrap .show0102 .txt_box{top:25%;}
.sub_wrap .show0201 .txt_box{left:7%;top:44%;margin-left:100px;
		transform: translate(0, 0) !important;
		-webkit-transform: translate(0, 0) !important;
}
.sub_wrap .show0501 .txt_box{left:7%;top:44%;margin-left:100px;
	
		transform: translate(0, 0) !important;
		-webkit-transform: translate(0, 0) !important;
}
.sub_wrap .show0601 .txt_box{left:7%;top:44%;margin-left:100px;
	
		transform: translate(0, 0) !important;
		-webkit-transform: translate(0, 0) !important;
}
.sub_wrap .show0202 .txt_box{right:15%;top:33%;margin-right:100px;}
.sub_wrap .show0203 .txt_box{right:15%;top:400px;margin-right:100px;}
.sub_wrap .show0302 .txt_box{left:20%;margin-left:-100px;}
.sub_wrap .show0402 .txt_box{right:18%;top:50%;margin-right:100px;}
.sub_wrap .show0502 .txt_box{right:50%;top:30%;margin-right:100px;}
.sub_wrap .show0602 .txt_box{left:61%;top:51%;margin-right:100px;
		transform: translate(0, 0) !important;
		-webkit-transform: translate(0, 0) !important;}

/*@media only screen and (max-height:740px){
	.show_box_wrap .video{width:100%;min-width:auto !important;}
	.show_box_wrap .bg{position:relative !important;width:100%;min-width:auto !important;
	top:auto !important;
	left:auto !important;
	transform: translate(0, 0) !important;}
	.show_box_wrap .bg img{width:100%;}
	.sub_wrap .show_box{position:relative;
		width:100% !important;height:100% !important;
		top:auto;
		left:auto;
		transform: translate(0, 0) !important;
		-webkit-transform: translate(0, 0) !important;
	}
	
}*/

.reset_btn{display:block;position:absolute;right:2%;bottom:2%;width:67px;height:65px;
	background:url(../images/reset_btn_blue.png) no-repeat 0 0;
}
.reset_btn.white{background:url(../images/reset_btn_white.png) no-repeat 0 0;}

.company_wrap{height:100%;}
.company_bg{position:absolute;left:50%;top:50%;width:100%;height:100%;background:url(/images/company_bg.jpg) no-repeat center center;
	-webkit-transform:translate3D(-50%,-50%,0);
	transform:translate3D(-50%,-50%,0);}
.company_bg.ty2{background:url(../images/company_bg_ty2.png) no-repeat center center;}
.company_cont{position:absolute;left:50%;top:50%;width:180px;height:120px;background:url(../images/company_ani_logo.png) no-repeat center center / 100% 100%;z-index:-1;
	-webkit-transform:translate3D(-50%,-50%,0);
	transform:translate3D(-50%,-50%,0);
}

.site_map{position:absolute;left:50%;top:50%;z-index:12;opacity:0;
	-webkit-transform:translate3D(-50%,-50%,0);
	transform:translate3D(-50%,-50%,0);
}

.site_map ul{position:absolute;width:930px;overflow:hidden;}
.site_map ul li{float:left;width:25%;height:150px;background:#fff;opacity:0;}
.site_map ul li a{display:block;width:100%;height:100%;}
.site_map ul.pos01{position:absolute;left:38%;top:17%;}
.site_map ul.pos02{position:absolute;left:38%;top:75%;}

.footer{position:fixed;left:0px;bottom:0px;width:100%;height:40px;text-align:left;font-size:0px;padding-left:20px;box-sizing:border-box;opacity:0.5;}
.footer div{display:inline-block;vertical-align:top;}
.footer .foot_logo{width:120px;height:40px;background:url(../images/sub_logo_white.png) no-repeat center center / 120px;}
.footer .copy{color:#fff;margin-left:20px;font-size:14px;line-height:40px;}

#footer{background:#262626;color:#fff;position:relative;z-index:1;}
#footer .fbtm{position:relative;width:1200px;margin:0 auto;}
#footer .fbtm:after{content:""; display:block; float:none; clear:both;}
#footer .fbtm dl{position:relative;}
#footer .fbtm dl dt{position:relative;padding:30px 0 10px;}
#footer .fbtm dl dt .loc{position:absolute;top:30px;right:0;font-size:16px;line-height:26px;}
#footer .fbtm dl dt .loc a{color:#ccc;font-weight:300;}
#footer .fbtm dl dt .loc a strong{color:#eee;font-weight:400;}
#footer .fbtm dl dt .loc em{color:#818181;padding:0 8px;font-weight:300;}
#footer .fbtm dl dt img{width:200px;}
#footer .fbtm dl dd{padding:0 0 30px 0;font-size:13px;color:#818181;font-weight: 300;}
#footer .fbtm dl dd .nm{margin-bottom:20px;font-size:15px;color:#eee;}
#footer .fbtm dl dd .txt strong{color:#eee; display:block;font-size:14px;margin-bottom:5px;font-weight:400;}
#footer .fbtm dl dd em{color:#818181;padding:0 8px;}
#footer .fbtm dl dd .copy{color:#818181;padding-top:5px;}


.loader{margin-left:30px;}
.loader,
.loader:before,
.loader:after {  background: #fff;  -webkit-animation: load1 1s infinite ease-in-out;  animation: load1 1s infinite ease-in-out;  width: 2px;  height: 2em;  opacity:1;}
.loader {  color: #fff;  text-indent: -9999em;  position: relative;  font-size: 11px;  -webkit-transform: translateZ(0);  -ms-transform: translateZ(0);  transform: translateZ(0);  -webkit-animation-delay: -0.16s;  animation-delay: -0.16s;}
.loader:before,
.loader:after {  position: absolute;  top: 0;  content: '';}
.loader:before {  left: -0.5em;  -webkit-animation-delay: -0.32s;  animation-delay: -0.32s;}
.loader:after {  left: 0.5em;}

@-webkit-keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 3em;
  }
}
@keyframes load1 {
  0%,
  80%,
  100% {
    box-shadow: 0 0;
    height: 2em;
  }
  40% {
    box-shadow: 0 -2em;
    height: 3em;
  }
}
body.chrome{cursor:none !important;}
body.chrome label{cursor:none !important;}
body.chrome input{cursor:none !important;}
body.chrome a{cursor:none !important;}

.mousep{display:none;position: fixed;text-align: center;width:160px;height:160px;z-index: 1000;-webkit-transform-origin:center center;transform-origin: center center;pointer-events: none;z-index:9999;}
.mousep .cursor_bg{background:#0096e0;border-radius:50px;position:absolute;left:50%;top:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;-webkit-transition:all 0.1s;transition:all 0.1s;opacity:0.8;}
.mousep.check .cursor_bg{position:relative;width:40px;height:40px;margin:-20px 0 0 -20px;background:url(../images/mouse_over_v1.png) no-repeat center center / 40px;}


.btn1 {
  display: block;
  position:absolute;
  width: 70px;
  height: 70px;
  top:0;left:0;
}
.btn1:hover{opacity:0 !important;}

.btn1 .rd1, .btn1 .rd2 {
  position: absolute;
  top:22px;
  left:22px;
  width: 24px;
  height: 24px;
  border-radius: 100%;
}

.btn1 .rd1 {
  animation: pulse 1.2s ease infinite;
  background: #fff;
}

.btn1 .rd2 {
  display: block;
  position: absolute;
  z-index: 5;
  border: none;
  background: #fff;
  outline: none;
  opacity:0.5;
}

.btn1 .pt {
  position: absolute;
  background: #fff;
  width:12px;height:12px;
  top:28px;
  left:28px;
  display:block;
  border-radius:8px;
  z-index:10;
}


@keyframes pulse {
  0% {
    transform: scale(1, 1);
  }
  50% {
    opacity: 0.3;
  }
  100% {
    transform: scale(1.8);
    opacity: 0;
  }
}


.intro_wrap{}
.intro_wrap .progress_bar{position:fixed;left:50%;top:50%;width:400px;height:3px;margin-left:-200px;margin-top:170px;border-radius:5px;background:#f3f9fa;overflow:hidden;}
.intro_wrap .progress_bar .bg{position:absolute;left:0px;top:0px;width:0px;height:100%;background:#57c4ef;}