@charset "utf-8"; 

img{max-width: 100%;}

#header{position: absolute; left:0; top:0; width:100%;}

#visual{display: block; position: relative;  width: 100%;  height: 100vh;  font-size: 0; line-height: 0; box-sizing: border-box; }
#visual .visual_wrap {width: 100%;  height: 100%; position: relative; z-index:0; background:#000;}
#visual .visual_wrap .visual_item{width: 100%;  height: 100%; position: relative; background:#ff0000;}
#visual .visual_wrap .visual_slide{ position: relative; width: 100%;  height: 100vh; background-size: cover;}
#visual .visual_wrap .visual_slide.vi_01{background-image:url(/images/tour_new/main/visual_img01.jpg); }
#visual .visual_wrap .visual_slide.vi_02{background-image:url(/images/tour_new/main/visual_img02.jpg); }
#visual .visual_wrap .visual_slide.vi_03{background-image:url(/images/tour_new/main/visual_img03.jpg); }
#visual .visual_wrap .visual_slide.vi_04{background-image:url(/images/tour_new/main/visual_img04.jpg); }
#visual .visual_wrap .visual_slide.vi_05{background-image:url(/images/tour_new/main/visual_img05.jpg); }
#visual .visual_wrap .visual_slide.vi_06{background-image:url(/images/tour_new/main/visual_img06.jpg); }
#visual .visual_wrap .visual_slide.vi_07{background-image:url(/images/tour_new/main/visual_img07.jpg); }
#visual .visual_wrap .visual_slide.vi_08{background-image:url(/images/tour_new/main/visual_img08.jpg); }

#visual .visual_wrap .visual_slide .visual_text{display: inline-block;  position: relative; width:66.4rem z-index: 1;  top: 50%; color:#fff; transform: translateY(-50%);  left: calc(50% - 670px);  vertical-align: top; }

#visual .visual_wrap .visual_slide .visual_text .stxt{font-size:4.0rem;  font-family: 'Ria';  -webkit-text-stroke:1px #fff; color: rgba(255,255,255,0); display:block; line-height: 1em;}
#visual .visual_wrap .visual_slide .visual_text .btxt{font-size:8.2rem;  font-family: 'Ria';  display:block; line-height: 1.2em; padding:1rem 0 4.0rem 0;}
#visual .visual_wrap .visual_slide .visual_text .m_copy{font-size:2.2rem; line-height: 1em; font-weight: 400;}


.visual_scroll_box{position: absolute; left:0; bottom:0; width:34rem; z-index:1; background:#fff; height:9rem;}
.visual_scroll_box .text{width: 26.2rem;  color: #333;  font-size: 1.8rem;  font-weight: 300;  letter-spacing: 8px;  display: flex;  align-items: center;  justify-content: space-between;  line-height: 9rem;     margin: 0 auto;}
.visual_scroll_box:after{content: ''; display: block; background: url(/images/tour_new/main/scroll_down_before.png) no-repeat 0 0; position: absolute;  right: -12.3rem;  top: 0;  width: 12.3rem;  height: 9rem;}
.visual_scroll_box .text em{position: relative; width:11.0rem;}
.visual_scroll_box .text em:before{content:''; display:block; width:100%; height:1px; background:#ddd; }


.visual_quick{position: absolute; left:0; bottom:0;}


#visual .visual_wrap  .visual_control{display: flex; align-items: center; justify-content: center;      position: absolute;  z-index: 2;  top: 50%; color:#fff; transform: translateY(-50%);  right: calc(50% - 700px);  vertical-align: top; }
#visual .visual_wrap  .visual_control .pro_box{width:25.6rem; height:3px; background:rgba(255,255,255,0.5); position:relative;}
#visual .visual_wrap  .visual_control .pro_box span {position:absolute;top:0; left:0; height:3px; background:#000;}

#visual .visual_wrap  .visual_control .count {margin:0 10px; display: flex;  align-items: center;  justify-content: center;}
#visual .visual_wrap  .visual_control .count .current {font-weight:700; color:#fff; font-size:5rem;}
#visual .visual_wrap  .visual_control .count .total{color:rgba(255,255,255,0.8); font-size:3rem;}
#visual .visual_wrap  .visual_control .count .total:before {content:'/'; margin:0 15px 0 3px; }
#visual .visual_wrap  .visual_control button i{font-size:3rem; color: rgba(255,255,255,1); }
#visual .visual_wrap  .visual_control .button_wrap button{margin-left:10px; position: relative; width: 9rem;  height: 9rem;  border: 1px solid #fff;  border-radius: 50%; }
#visual .visual_wrap  .visual_control .button_wrap button span {text-indent:-9999px; display:inline-block;}
#visual .visual_wrap  .visual_control .button_wrap button i {font-size:5.5rem; color: rgba(255,255,255,0.8)}
#visual .visual_wrap  .visual_control .button_wrap button + button{margin-left:-10px;}
#visual .visual_wrap  .visual_control .button_wrap button:hover{background:rgba(255,255,255,0.2);}


.visual_quick_wrap{display: block;
    position: absolute;
    z-index: 4;
    bottom: 0;
    right: 0;
    padding: 54px 0 0;
    overflow: hidden; }
 .visual_quick_list{display:inline-block;position:relative;vertical-align:top;}
 .visual_quick_list .visual_quick_item{display:inline-block;position:relative;margin-left:-43px;margin-right:-110px;vertical-align:top;transition-property:margin-right;transition-duration:1600ms;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
 .visual_quick_list .visual_quick_item{margin-right:0px;}
 /*.visual_quick_list .visual_quick_item{margin-right:-110px;}*/
 .visual_quick_list .visual_quick_item:first-child{margin-left:0;}
 .visual_quick_list .visual_quick_item .visual_quick_link{display:inline-block;position:relative;vertical-align:top;}
 .visual_quick_list .visual_quick_item .visual_quick_link:hover{text-decoration:none;}
 .visual_quick_list .visual_quick_item .visual_quick_link:before,
 .visual_quick_list .visual_quick_item .visual_quick_link:after{display:block;position:absolute;z-index:0;background-repeat:no-repeat;background-position:left top;content:'';visibility:hidden;opacity:0;transform-origin:100% 100%;transition-property:transform, visibility, opacity;transition-duration:600ms;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
 .visual_quick_list .visual_quick_item .visual_quick_link:hover:before,
 .visual_quick_list .visual_quick_item .visual_quick_link:hover:after{visibility:visible;opacity:1;}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link:before{top:-26px;right:127px;width:47px;height:50px;background-image:url(/images/tour_new/main//visual_quick_link_before01.png);transform:rotateX(360deg) translateX(26px);}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link:hover:before{transform:rotateX(0deg) translateX(0px);}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link:after{bottom:0;right:38px;width:93px;height:109px;background-image:url(/images/tour_new/main//visual_quick_link_after01.png);transform:rotate(-45deg);}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link:hover:after{transform:rotate(0deg);}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link:before{top:-47px;right:105px;width:75px;height:72px;background-image:url(/images/tour_new/main//visual_quick_link_before02.png);transform:rotateY(360deg);}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link:hover:before{transform:rotateY(0deg);}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link:after{bottom:0;right:20px;width:113px;height:109px;background-image:url(/images/tour_new/main//visual_quick_link_after02.png);transform:translateY(100%);}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link:hover:after{transform:translateY(0%);}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link:before{top:-33px;right:164px;width:52px;height:54px;background-image:url(/images/tour_new/main//visual_quick_link_before03.png);transform:perspective(500px) skewX(-30deg) scaleY(0) rotateX(360deg) translateX(100%);}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link:hover:before{transform:perspective(500px) skewX(0deg) scaleY(1) rotateX(0deg) translateX(0%);}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link:after{bottom:0;right:-9px;width:149px;height:117px;background-image:url(/images/tour_new/main//visual_quick_link_after03.png);transform:rotate(-45deg);}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link:hover:after{transform:rotate(0deg);}
 
 .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner{display:inline-block;position:relative;min-width:220px;padding-top:29px;padding-bottom:29px;vertical-align:top;transition-property:padding-right, padding-left;transition-duration:600ms;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner{padding-right:0px;padding-left:44px;}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link:hover .quick_inner{padding-right:150px;padding-left:24px;}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link .quick_inner{padding-right:0px;padding-left:64px;}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link:hover .quick_inner{padding-right:148px;padding-left:44px;}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link .quick_inner{padding-right:0px;padding-left:64px;}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link:hover .quick_inner{padding-right:146px;padding-left:48px;}

 .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner:before,
 .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner:after{display:block;position:absolute;top:0;height:100%;background-repeat:no-repeat;background-position:left top;content:'';}
 .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner:before{left:0;width:calc(100% - 60px);border-radius:20px 0 0 0;}
 .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner:after{right:0;width:60px;}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner:before,
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner:after{z-index:-1;}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner:before{background-color:#ffdf4f;}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner:after{background-image:url(/images/tour_new/main//visual_quick_inner_after01.png);}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link .quick_inner:before,
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link .quick_inner:after{z-index:-2;}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link .quick_inner:before{background-color:#343dc3;}
 .visual_quick_list .visual_quick_item.type02 .visual_quick_link .quick_inner:after{background-image:url(/images/tour_new/main//visual_quick_inner_after02.png);}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link .quick_inner:before,
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link .quick_inner:after{z-index:-3;}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link .quick_inner:before{background-color:#249d68;}
 .visual_quick_list .visual_quick_item.type03 .visual_quick_link .quick_inner:after{background-image:url(/images/tour_new/main//visual_quick_inner_after03.png);} 
 .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner .quick_text{display:inline-block;position:relative;z-index:1;font-size:22px;color:#fff;line-height:32px;letter-spacing:-0.03em;font-weight:400;font-family:'Jalnan';vertical-align:top;text-shadow:0px 0px 0px transparent;transition-property:color, text-shadow;transition-duration:600ms;transition-timing-function:cubic-bezier(.4, 0, .2, 1);}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner .quick_text{color:#534b29;}
 .visual_quick_list .visual_quick_item.type01 .visual_quick_link:hover .quick_inner .quick_text{color:#fff;}
 .visual_quick_list .visual_quick_item .visual_quick_link:hover .quick_inner .quick_text{text-shadow:2px 2px 3px #222;}



@media all and (max-width:1650px){
	
#visual .visual_wrap .visual_slide .visual_text{left:2%;}
#visual .visual_wrap .visual_control {right:2%;}	
#visual .visual_wrap .visual_control .pro_box{width: 15.6rem;}


}

@media all and (max-width:1500px){
	
#visual .visual_wrap .visual_slide .visual_text .btxt{font-size:6.2rem;}
#visual .visual_wrap .visual_slide .visual_text .stxt{font-size:3rem;}


}


@media all and (max-width:1200px){
	
	#visual .visual_wrap .visual_slide .visual_text{left: 50%;    width: 100%;    text-align: center;    transform: translate(-50%, -80%);}
	.visual_scroll_box,
	#visual .visual_wrap .visual_control .pro_box{DISPLAY:NONE;}

	#visual .visual_wrap .visual_control{left: 50%;    width: 100%;    text-align: center;    transform: translate(-50%, 0); top:auto; bottom:30%;}

	#visual .visual_wrap .visual_control .button_wrap button{width:6rem; height:6rem;}
}

@media all and (max-width:768px){
	
	.visual_quick_wrap,
	.visual_quick_list{width:100%;}
	.visual_quick_list .visual_quick_item{width:33.3%; margin-left:0;}
	.visual_quick_list .visual_quick_item .visual_quick_link:before, .visual_quick_list .visual_quick_item .visual_quick_link:after,
	.visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner:before, .visual_quick_list .visual_quick_item.type01 .visual_quick_link .quick_inner:after,
	.visual_quick_list .visual_quick_item.type02 .visual_quick_link .quick_inner:before, .visual_quick_list .visual_quick_item.type02 .visual_quick_link .quick_inner:after,
	.visual_quick_list .visual_quick_item.type03 .visual_quick_link .quick_inner:before, .visual_quick_list .visual_quick_item.type03 .visual_quick_link .quick_inner:after{display:none;}

	.visual_quick_list .visual_quick_item.type01{background-color:#ffdf4f;}
	.visual_quick_list .visual_quick_item.type02{background-color:#343dc3;}
	.visual_quick_list .visual_quick_item.type03{background-color:#249d68;}

	 .visual_quick_list .visual_quick_item .visual_quick_link:hover:before,
 .visual_quick_list .visual_quick_item .visual_quick_link:hover:after{visibility:visible;opacity:0;}

 .visual .visual_wrap .visual_quick_wrap .visual_quick_list{width:100%;}
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item{width:50%;margin:0;padding:4px;}
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item .visual_quick_link{width:100%;}
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner{width:100%;text-align:center;}
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner,
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item .visual_quick_link:hover .quick_inner{padding:5px !important;}
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner:before{width:100%;border-radius:10px;}
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner:after{display:none;}
    .visual .visual_wrap .visual_quick_wrap .visual_quick_list .visual_quick_item .visual_quick_link .quick_inner .quick_text{font-size:14px;line-height:20px;}
}


#event{position: relative; padding:12rem 0; background: linear-gradient(175deg,rgba(255, 255, 255, 1) 0%, rgba(245, 250, 251, 1) 100%); padding-left:calc((100% - 1600px) /2); border-radius:0 0 15rem 0;}
#event:after{content:'';display:block; width:105.8rem; height:19.8rem; background-image:url(/images/tour_new/main/festival_text.png); position: absolute;  left: -1rem;   bottom: -2px; z-index:0 ; background-size: contain;}
#event:before{content:'';display:block; width:60.0rem; height:53.2rem; background-image:url(/images/tour_new/main/festival_img.png); position: absolute;  left: 0;   top: 0; z-index:0; background-size: contain;}
#event .event_wrap{z-index: 2; position: relative; display: flex; justify-content: space-between; align-items: center;}

#event .event_tit{width:46.6rem; position: relative;}
.event_tit .stxt{padding:4.5rem 0; font-size:2.2rem;}
.event_tit .controll {display:flex; align-items:center;     position: relative;}
.event_tit .controll button span {display:inline-block; text-indent:-9999px; }
.event_tit .controll button i {font-size:2.6rem;}
.event_tit .controll button:after {content:''; display:inline-block; width:1px; height:1rem; background:#dedede; margin:0 0.5rem; transform: translateY(-0.4rem);}
.event_tit .controll button.next-slide:after {display:none;}
.event_tit .controll button.stop-slide,
.event_tit .controll button.start-slide{width:4.0rem; height:4.0rem; background:#575757; border-radius:50%; color:#fff; text-align: center; margin-left: 1rem;}
.event_tit .controll button.stop-slide:after,
.event_tit .controll button.start-slide:after{display:none; }


.event_tit .controll .count {margin-right:1.5rem; font-size:1.8rem; display:inline-block;}
.event_tit .controll .count .current{width:4.3rem; height:4.3rem; color:#fff; background:#000; border-radius:50%; display:inline-flex; align-items: center;  justify-content: center;}
.event_tit .controll .count .current:after {content:'';  position: absolute;  left:5rem;   top: 50%; display:inline-block; width:5px; height:5px; background:#727272; margin:0 0.5rem; border-radius:50%;}
.event_tit .controll .count .total{display:inline-flex; align-items: center;  justify-content: center; margin-left:3.0rem;}

.event_tit .controll .pro_box2{width:13.2rem; height:2px; background:#dedede; margin-right:2rem; position:relative;}
.event_tit .controll .pro_box2 span {position:absolute;top:0; left:0; height:2px; background:#000; transition:all .3s;}

#event .event_img{position: relative; width: calc(100% - 54rem);}
#event .event_img ul{ display: flex; align-items: center;  justify-content: flex-start; margin-left:-3rem;}
#event .event_img li{padding:3rem 3rem 4rem 0; transition:all .2s; }
#event .event_img li a{display:block; position: relative; }
#event .event_img li a:bofore{content:''; display:block; width:0rem; height:0rem;  background-image:url(/images/tour_new/main/cover.png);  position: absolute;  right:0;   bottom: 0;}
#event .event_img li a:after{opacity:0; content:''; display:block; width:0rem; height:0rem;  background-image:url(/images/tour_new/main/festival_over.png);  position: absolute;  right:-3rem;   bottom: -4rem;}
#event .event_img li .txt{ position: absolute;  left:5rem; bottom:4.5rem; color:#fff;}
#event .event_img li .txt span{border-radius:3rem; border:1px solid #fff; display:inline-block; font-size:2.0rem; pad line-height:9rem; padding:0 2rem; margin-right:1.3rem;}
#event .event_img li .txt strong{display:inline-block; font-size:2.8rem;}
#event .event_img li a img{border-radius:3rem;}
#event .event_img:after{content:'';display:block; width:54.0rem; height:32.4rem; background-image:url(/images/tour_new/main/character_01.png); position: absolute;  right: 5rem;   bottom: -20rem; z-index:0}
#event .event_img li:not(.slick-active) {transform: scale(0.6) translateX(-11rem);}
#event .event_img li:not(.slick-active) + li:not(.slick-active) {transform: scale(0.6) translateX(-40rem);}
#event .event_img li:has(+ .slick-active) {transform: scale(0.6) translateX(14rem)!important;}

#event .event_img li.slick-active > a{border-radius:3rem 3rem 18rem 3rem; box-shadow: 0 0 20px rgb(0 0 0 / 20%);}
#event .event_img li.slick-active > a img{border-radius:3rem 3rem 18rem 3rem; }
#event .event_img li.slick-active > a:after{opacity:1; width:20.9rem; height:20.9rem;}

@media all and (max-width:1600px){
	
	#event{padding-left: 2rem;}
	#event .event_img:after{width: 30rem;background-size: contain;    background-repeat: no-repeat;     height: 17.4rem; bottom: -130px;}

}

@media all and (max-width:1200px){
	
	#event .event_tit,
	#event .event_img{width:100%;}
	#event .event_wrap{flex-wrap: wrap;}
	.event_tit .stxt{    padding: 2.5rem 0;}

	.event_tit .controll{position: absolute;   right: 2rem;    top: 50%;}

}

@media all and (max-width:768px){
	
	

	#event{    padding: 6rem 0;}
	.event_tit {text-align: center;}
	.event_tit .controll{ position: relative; justify-content: center;}
	#event .event_img:after{display:none;}


	#event .event_img li:not(.slick-active) {transform: scale(1) translateX(0rem);}
	#event .event_img li:not(.slick-active) + li:not(.slick-active) {transform: scale(0.6) translateX(00rem);}
	#event .event_img li:has(+ .slick-active) {transform: scale(1) translateX(0rem)!important;}

	#event .event_img{padding-left:5rem;}
	#event .event_img li.slick-active > a:after{    background-size: contain;}
	#event .event_img li.slick-active > a img{width:100%;}

}

#Area{position: relative; padding:11.5rem 0 0rem 0; overflow:hidden; border-radius:0 0 0 30rem;   }
#Area:before{content:''; display:block; width:100%;   background-image:url(/images/tour_new/main/tour_bg1.png); position: absolute; left:0; bottom:0; height:33rem; z-index:1; background-repeat: repeat-x;}
#Area:after{content:''; display:block; width:100%;   background-image:url(/images/tour_new/main/Area_text.png); position: absolute; left:0; bottom:2rem; height:20.9rem; z-index:2; background-repeat: no-repeat;}

.tour-wrap {z-index:1; position:relative; z-index:0;}
.tour-slide .items {width:1400px;  margin:0 10px; transition:all 1s;}
.tour-slide .items * {transition:all 1s;}
.tour-slide .items .tcon { display:flex; }
.tour-slide .items .tcon .thum {position:relative; z-index:1;     margin: 3rem 12rem 3rem 3rem;}
.tour-slide .items .tcon .thum > * {position:relative; z-index:1;}
.tour-slide .items .tcon .thum:before{content:''; width:21.1rem; height:12.6rem; background-image:url(/images/tour_new/main/character_03.png); position:absolute; top:0; left:0; z-index:3;}
.tour-slide .items .tcon .thum:after{content:''; width:23.5rem; height:22.4rem;  background-image:url(/images/tour_new/main/character_02.png); position:absolute; bottom:300px; left:-16rem; z-index:0;}
.tour-slide .items .tcon .thum img {border-radius:50%; overflow:hidden; width:82.3rem; height:82.3rem; z-index:1;}
.tour-slide .items .tcon .thum a {position: absolute; display: block; top:45%;  left: 50%; transform: translate(-50%, 0%);  display: flex;  justify-content: center;  flex-direction: column;  align-items: center;   z-index: 10; }
.tour-slide .items .tcon .thum a span{display: block; font-size:3.6rem; font-weight: 700; color:#fff;}
.tour-slide .items .tcon .thum a span.link_btn{background-image:url(/images/tour_new/main/Area_over.png); width:12.4rem; height:11.2rem; text-indent: -999999px; margin-top:3rem; z-index:100;}
.tour-slide .items .tcon .ttext {padding-top:9rem; transition:all 1s;}
.tour-slide .items .tcon .ttext .ttit { margin-bottom:20px;}
.tour-slide .items .tcon .ttext .ttit span {visibility: hidden; opacity:0; transition:all .2s;}
.tour-slide .items .tcon .ttext .tcopy {line-height:1.42em; color:#666; font-size:2.2rem;}
.tour-slide .items .tcon .ttext .Hashtag {line-height:1.42em; color:#666;}
.tour-slide .items .tcon .ttext .Hashtag span{border-radius: 3rem;  border: 1px solid #ddd;  display: inline-block; margin-top:3rem; font-weight: 400;  font-size: 1.8rem;   padding: 1rem 2rem;   }
.tour-slide .items .tcon .ttext .Hashtag span + span{margin-left:1rem;}

.tour-slide .items:not(.slick-current) .tcon{transform:scale(0.5) translateY(-180px);}
.tour-slide .items:not(.slick-current) .tcon .ttext {padding-top:0; margin-top:3rem;}
.tour-slide .items:not(.slick-current) .tcon .ttit img,
.tour-slide .items:not(.slick-current) .tcon .Hashtag {display:none;}
.tour-slide .items:not(.slick-current) .tcon .ttit span {width:30rem; height:30rem; background:#ff6600; visibility:visible; opacity:1; display:flex; align-items:center; justify-content: center; position:absolute; top:0; left:0; font-size:3rem; color:#fff; border-radius:50%; transform: rotate(-45deg); padding-bottom:8rem;}
.tour-slide .items:not(.slick-current) .tcon .tcopy {background:#fff; display:flex; width:82.3rem; height:82.3rem; border-radius:50%; align-items:center; justify-content: center; margin-left:-200px; text-align:center; font-size:4rem; text-align:center;}
.tour-slide .items:has(+ .items.slick-current) .tcon{margin-right:-700px;}
.tour-slide .items.slick-current + .items .tcon{margin-left:-300px;}
.tour-slide .items:not(.slick-current) .tcon .thum:before,
.tour-slide .items:not(.slick-current) .tcon .thum:after {display:none;}


.tour-wrap .controll {position:absolute; bottom:350px; left:calc(50% + 270px); display:flex; align-items:center; }
.tour-wrap .controll .progress-bar {background:#ededed; width:100px; height:2px; position:relative; margin:0 20px;}
.tour-wrap .controll .progress-bar span.progress {background:#000; height:100%; position:absolute; top:0; left:0; }
.tour-wrap .controll .count {display:flex;}
.tour-wrap .controll .count span {width:40px; height:40px; font-size:14px; display:flex; align-items:center; justify-content: center; position:relative; border-radius:50%; font-weight:700;}
.tour-wrap .controll .count span.current {background:#000; color:#fff;}
.tour-wrap .controll .count span.total:before {content:''; display:block; width:6px; height:6px; background:#dedede; border-radius:50%; margin-right:5px;}
.tour-wrap .controll button:after {content:''; display:inline-block; width:1px; height:15px; background:#dedede; transform: translateY(-6px);}
.tour-wrap .controll button.start-slide:after,
.tour-wrap .controll button.stop-slide:after {display:none;}
.tour-wrap .controll button span {text-indent:-9999px; display:inline-block;}
.tour-wrap .controll button i {font-weight:400; font-size:40px;}



@media all and (max-width:1256px){

	#Area:before{    height: 15rem;}
	.tour-slide .items .tcon .thum img{width: 50rem; height:50rem; }
	#Area:after{display:none;}
	.tour-slide .items .tcon .ttext{    padding-top: 0;}
	.tour-slide .items .tcon{justify-content: center;}
	.tour-slide .items .tcon .ttext .Hashtag{display:none;}
	.tour-slide .items .tcon .thum{margin: 3rem 8rem 3rem 3rem;}
	.tour-wrap .controll{left: calc(50% + 68px); bottom:180px;}

}



@media all and (max-width:900px){

	.tour-slide .items .tcon{flex-wrap: wrap;    flex-direction: column-reverse;    align-items: center;}
	.tour-slide .items .tcon .thum:before,
	.tour-slide .items .tcon .thum:after{display:none;}
	.tour-slide .items .tcon .ttext .tcopy{display:none;}
	#Area{border-radius: 0 0 0 0rem;}

	.tour-wrap .controll{top: 213px;}
	.tour-slide .items .tcon .ttext .ttit img{width:100%;}
	.tour-wrap .controll{
	top: 213px;
    left: 50%;
    transform: translate(-50%, 0px);
    bottom: auto;}

}


#tour{background:#fff url(/images/tour_new/main/tour_bg.png) no-repeat right 0; padding:12rem 0;}
#tour .t-txt{text-align: center;}

#tour .tour_list{display:flex; max-width:1600px; margin:0 auto; height: 60rem;}
#tour .tour_list li{padding:5rem 0; position: relative;}
#tour .tour_list .tumb{position: relative; border-radius: 2rem; height: 28.6rem;}
#tour .tour_list .tumb img{width:285px;; height:100%;  border-radius: 2rem;}
#tour .tour_list .text{position: relative; font-size: 2.6rem;  color: #333;  font-weight: 700;  text-align: center; padding-top: 3rem;  }
#tour .tour_list .tumb:before{content:''; display:block; z-index:0; width:7.7rem; height:7.7rem; border-radius:50%;  background-repeat: no-repeat; background-position: center 45%;position: absolute;  left: 50%; bottom:-3.75rem; margin-left:-4.75rem; z-index:0; background-image: url(/images/tour_new/view_more.png); background-color:#fff;}
#tour .tour_list .text em{position: relative; z-index:2;}
#tour .tour_list a{display:block; padding:0 2.5rem;}

#tour .tour_list a:hover .tumb{height: 37.5rem; border-radius:0rem}
#tour .tour_list a:hover .tumb:after{content:''; display:block; z-index:0; width:100%; height:100%; border-radius:40rem; position: absolute;  left: 0; bottom:0; background-image: url(/images/tour_new/main/cover.png);}
#tour .tour_list a:hover .text{    position: absolute;  bottom: 50%;  color: #fff;   z-index: 10;   width: 100%;   left: 50%;   transform: translate(-50%, 0px);}
#tour .tour_list a:hover .tumb:before{  background-image: url(/images/tour_new/main/aaa.png); background-color:none;}

#tour .tour_list a:hover .tumb img{border-radius: 40rem;}

#tour .tour_list li:nth-child(2n){margin-top:5rem;} 


/**/
#help_desk{position: relative;display: flex;  justify-content: space-between; flex-wrap: wrap; margin:0 auto; max-width:1600px;  }
#help_desk:after{content: '';  display: block;  width: 85.1rem;  height: 44.2rem;  background-image: url(/images/tour_new/main/help_bg.png);  position: absolute;  right: -232px;  top: -27rem; }
#help_desk:before{content: '';  display: block;  width: 12.4rem;  height: 94.4rem;  background-image: url(/images/tour_new/main/help_bg01.png);  position: absolute;  left: -190px;  bottom:0rem; z-index:5; }

#help_desk .desk_left{position: relative;  width:50%;padding:12rem 0 6.5rem 0;  }
#help_desk .desk_right{background:#fff;  position: relative; width:50%;padding:12rem 0 6.5rem 0; }


#help_desk .sub_tit_wrap{position: relative;  z-index:1; padding-bottom: 5rem; border-bottom: 1px solid #ddd;  margin-bottom: 5rem;  display: flex;  flex-wrap: wrap;  flex-direction: column;}
#help_desk .sub_tit_wrap .stxt{font-size:2.0rem; color:#888888; font-weight: 600; padding-bottom:2rem;}
#help_desk .sub_tit_wrap .btxt{font-size:5.0rem; color:#111111; font-weight: 800;}

#help_desk .desk_right{position: relative; padding-left:14rem; border-radius:30rem 0 0 0; }
#help_desk .desk_right:before{content:''; display:block;  width:calc(100% + 1000px); height:100%; z-index:0; position: absolute;  top: 0;  left:0; background: #fff;  border-radius:30rem 0 0 0; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%);}
#help_desk .desk_right:after{content:'';  display:block; position: absolute;  top: 0;  left:0; background-image: url(/images/tour_new/main/cover.png);}
#help_desk .desk_left{position: relative; padding-right:14rem;}
#help_desk .desk_left:before{content:''; display:block; background: linear-gradient(90deg,rgba(52, 110, 167, 1) 0%, rgba(49, 163, 169, 1) 100%); width:calc(100% + 1000px); height:100%; z-index:0; position: absolute;  top: 0;  right:-15rem; border-radius:0 30rem 0 0;}

#help_desk .desk_left .sub_tit_wrap .stxt,
#help_desk .desk_left .sub_tit_wrap .btxt{color:#fff;}

#help_desk ul{display: flex; align-items: center; justify-content: space-between; position: relative;  z-index:1;} 
#help_desk ul li{text-align: center; font-size:1.8rem;}
#help_desk ul li a{display:block;}
#help_desk ul li a span{display:block; width:14rem; height:14rem; margin-bottom:1rem; background-color:rgba(255,255,255,0.2); border-radius: 4rem; background-repeat: no-repeat; background-position: center center;}
#help_desk ul li a i{color:#fff;}
#help_desk ul li a em{position: relative; }
#help_desk ul li a em:after{content:'';  display:block; position: absolute;  bottom: -px;  left:0; width:0; height:1px; background:#ddd;}

#help_desk ul li a:hover  em:after{width:100%; }

#help_desk .desk_right ul li a span{background-color:#f5f6fc;  }
#help_desk .desk_right ul li a i{color:#333;}

#help_desk .desk_right ul li:nth-child(1) span{ background-image: url(/images/tour_new/main/travel_icon05.png); }
#help_desk .desk_right ul li:nth-child(2) span{ background-image: url(/images/tour_new/main/travel_icon06.png);}
#help_desk .desk_right ul li:nth-child(3) span{ background-image: url(/images/tour_new/main/travel_icon07.png);}
#help_desk .desk_right ul li:nth-child(4) span{ background-image: url(/images/tour_new/main/travel_icon08.png);}

#help_desk .desk_left ul li:nth-child(1) span{ background-image: url(/images/tour_new/main/travel_icon01_hv.png); }
#help_desk .desk_left ul li:nth-child(2) span{ background-image: url(/images/tour_new/main/travel_icon02_hv.png);}
#help_desk .desk_left ul li:nth-child(3) span{ background-image: url(/images/tour_new/main/travel_icon03_hv.png);}
#help_desk .desk_left ul li:nth-child(4) span{ background-image: url(/images/tour_new/main/travel_icon04_hv.png);}

#help_desk .desk_left ul li:nth-child(1) a:hove span{background-image: url(/images/tour_new/main/travel_icon01.png); }
#help_desk .desk_left ul li:nth-child(2) a:hove span{background-image: url(/images/tour_new/main/travel_icon02.png);}
#help_desk .desk_left ul li:nth-child(3) a:hove span{background-image: url(/images/tour_new/main/travel_icon03.png);}
#help_desk .desk_left ul li:nth-child(4) a:hove span{background-image: url(/images/tour_new/main/travel_icon04.png);}


@media all and (max-width:1610px){

	#help_desk{position: relative; padding: 0 2rem;}
	#help_desk:before{display:none;}

	#help_desk .desk_left{padding-right: 5rem;}
	#help_desk .desk_right{padding-left: 8rem;}

}


@media all and (max-width:1360px){


	#help_desk:after{top: -26.8rem;}
	#help_desk .desk_left,
	#help_desk .desk_right{width:100%;}

	#help_desk .desk_left{padding-right: 0;     padding: 5rem 0;}
	#help_desk .desk_left:before{border-radius: 0;}

	#help_desk ul{justify-content: center; }
	#help_desk ul li{margin:0 1.5rem;}
	#help_desk .sub_tit_wrap{    align-items: center;}

	#help_desk:after{content: ''; display: block;  width: 55.1rem;  height: 34.2rem;  background-image: url(/images/tour_new/main/help_bg.png);  position: absolute;  right: -54px;  top: -17.3rem;  background-size: contain;  background-repeat: no-repeat;}

	#help_desk .desk_right{padding: 5rem 0; padding-left:0}
	#help_desk .desk_right:before{border-radius: 0; left:-5rem;}

}

@media all and (max-width:768px){

	#help_desk:after{width: 45.1rem; height: 34.2rem;     top: -14.2rem}
	#help_desk ul{flex-wrap: wrap;}
	#help_desk ul li{width:50%; margin:0; margin-bottom:1rem;}

	#help_desk ul li a span{    margin: 0 auto 1rem auto;}

	#help_desk:after{display:none;}

}


footer{margin-top:0;}