@charset "UTF-8";

/* index common */
.index #container{overflow:hidden; position:relative; width:100%; max-width:100%; margin:0 auto; padding:0; background:none;}
.index .content{max-width: 2000px;width: 100%;top: 0;left: 0;right: 0;padding-left:210px;box-sizing: border-box;}

.quick_menu{display:none;}
.quick_menu.on{display:block;}

.btn_more_area{padding-top:20px;}
.btn_more{overflow:hidden; display:inline-block; width:28px; height:28px; text-align:center; background-image:url(../images/index/btn_more_ico.png); 
background-position:50% 50%; background-repeat:no-repeat; border:1px solid #a57432; text-indent:-9999px; font-size:0;}
.btn_more.white{background-image:url(../images/index/btn_more_ico_w.png); border:1px solid #fff;}

.sec{width:100%; padding:0 0;}
.sec .sec_inner{position:relative; width:1120px; margin:0 auto; text-align:center;}
.sec .sec_inner h4{margin-bottom:20px; font-size:28px; font-weight:300; letter-spacing:-1px; color:#fff;}
.sec .sec_inner p{font-size:18px; font-weight:300; letter-spacing:-1px; line-height:1.3em; color:#fff;}
.sec.full_bg{display:table; width:100%; height:950px; padding:0; background-repeat:no-repeat; background-position:50% 0;}
.sec.full_bg .sec_inner{display:table-cell; vertical-align:middle;}
.sec.full_bg .txt_area{display:block;}

.main_slide{overflow:hidden; position:relative; height:100%; padding:0;}
.main_slide .slide_area, .main_slide .slide_view{height:100%;}
.main_slide .slide_view ul{overflow:hidden; position:relative; height:100%;}
.main_slide .slide_view li{overflow:hidden; display:none; position:absolute; left:0; top:0; z-index:0; width:100%; height:100%; background-position:center 0; 
background-repeat:no-repeat; background-size:cover; font-size:0; text-indent:-9999px;}
.main_slide .slide_view li.on{z-index:1;}
.main_slide .slide_view li:first-child{display:block;}
.main_slide .slide_view .li1{background-image:url(../images/index/index_sec1_slide01.jpg);}
.main_slide .slide_view .li2{background-image:url(../images/index/index_sec1_slide02.jpg);}
.main_slide .slide_view .li3{background-image:url(../images/index/index_sec1_slide03.jpg);}
.main_slide .slide_view .li4{background-image:url(../images/index/index_sec1_slide04.jpg);}
.main_slide .slide_view .li5{background-image:url(../images/index/index_sec1_slide05.jpg);}
.main_slide .slide_view .li6{background-image:url(../images/index/index_sec1_slide01_1.jpg);}
.main_slide .slide_view .li7{background-image:url(../images/index/index_sec1_slide01_2.jpg);}
.main_slide .slide_view .li8{background-image:url(../images/index/index_sec1_slide01_3.jpg);}
.main_slide .slide_view .li9{background-image:url(../images/index/index_sec1_slide01_4.jpg);}
.main_slide .txt_area{position:absolute; left:50%; top:50%; width:600px; margin-top:-198px; margin-left:-300px; text-align:center; z-index:10;}
.main_slide .txt_area .visual_txt{position:relative;}
.main_slide .txt_area .visual_txt li{display:none; position:absolute; left:0; top:0; width:100%; font-size:24px; font-weight:300; letter-spacing:-1px;  text-align:center; color:#333;}
.main_slide .txt_area .visual_txt li:first-child{display:block;}
.main_slide .scroll_btn{position:absolute; left:50%; bottom:30px; width:38px; height:23px; margin-left:-19px; z-index:100; 
background:url(../images/index/scroll_btn.png) 0 0 no-repeat;}
.main_slide .control_area{position:absolute; right:45px; bottom:30px; z-index:10;}
.main_slide .control_area .slide_pager{display:inline-block; font-size:0; vertical-align:middle;}
.main_slide .control_area .slide_pager a{display:inline-block; overflow:hidden; width:9px; height:9px; margin-left:12px; background:url(../images/index/slide_pager_w.png) 0 0 no-repeat; text-indent:-9999px;}
.main_slide .control_area .slide_pager a.on{background-position:100% 0;}

.visual_sec{position:relative; padding:200px 0 0;}
.visual_sec:after{content:""; display:block; position:absolute; top:390px; left:50%; width:1px; height:375px; background-color:#d2d2d2; z-index:10;}
.visual_sec .sec_inner{overflow:hidden;/* padding-bottom:200px;*/}
.visual_sec .sec_inner.full{width:1280px;}
.visual_sec .sec_inner.full_bg{width:1920px; height:545px; margin:0 auto 0; padding-top:400px; padding-bottom:0; 
background-image:url(../images/index/index_sec5_img01.html); background-position:50% 0; background-repeat:no-repeat; 
background-size:100% auto; text-align:center;}
.visual_sec .sec_inner.last{margin-bottom:0;}
.visual_sec .video_area{overflow:hidden; float:left; width:466px;}
.visual_sec .visual_txt{overflow:hidden; float:right; width:382px; padding-right:176px; transition:opacity .3s; -webkit-transition:opacity .3s;}
.visual_sec .visual_txt h2{opacity:0; float:right; transition:opacity .4s .1s linear; -webkit-transition:opacity .4s .1s linear;}
.visual_sec .visual_txt p{opacity:0; float:right; margin-right:40px; transition:opacity .5s linear; -webkit-transition:opacity .5s linear;}
.visual_sec .visual_txt p.txt1{margin-right:50px;}
.visual_sec.on .visual_txt h2,.visual_sec.on .visual_txt p{opacity:1;}
.visual_sec.on .visual_txt p.txt1{transition-delay:.4s; -webkit-transition-delay:.4s;}
.visual_sec.on .visual_txt p.txt2{transition-delay:.8s; -webkit-transition-delay:.8s;}
.visual_sec.on .visual_txt p.txt3{transition-delay:1.2s; -webkit-transition-delay:1.2s;}

.sec .link_wrap{position:absolute;}
.sec .link_wrap:after{content:""; display:block; clear:both;}
.sec .link_wrap a{opacity:0; overflow:hidden; display:block; float:left; position:relative; top:50px; width:363px; margin-left:15px; 
text-align:center; letter-spacing:-1px; transition:opacity .8s, top .8s; -webkit-transition:opacity .8s, top .8s;}
.sec .link_wrap .link_box1{margin-left:0;}
.sec .link_wrap .txt{padding:40px 0; background-color:#fff;}
.sec .link_box dt{margin-bottom:16px; font-size:25px; color:#a57432;}
.sec .link_box dd{margin-bottom:13px; font-size:15px; line-height:1.3em; color:#888;}
.sec .link_box .img_area{overflow:hidden; position:relative; width:363px; height:276px;}
.sec .link_box .img_area span{position:absolute; width:100%; height:100%; left:0; background-size:100% auto; background-position:0 0; 
background-repeat:no-repeat; transform:scale(1); -webkit-transform:scale(1); transition:transform 1s, background 1s, opacity 1s; 
-webkit-transition:-webkit-transform 1s, background 1s, opacity 1s;}
.sec .link_box .img_area:hover span{transform:scale(1.2); -webkit-transform:scale(1.2);}
.sec .link_box .img_area:hover .img1{opacity:0;}
.sec .link_box .img_area:hover .img2{opacity:1;}
.sec.on .link_wrap a{top:0; opacity:1;}
.sec.on .link_wrap .link_box1{transition-delay:.3s; -webkit-transition-delay:.3s;}
.sec.on .link_wrap .link_box2{transition-delay:.6s; -webkit-transition-delay:.6s;}
.sec.on .link_wrap .link_box3{transition-delay:.9s; -webkit-transition-delay:.9s;}
.sec.on .link_wrap .link_box4{transition-delay:1.2s; -webkit-transition-delay:1.2s;}


.sec3 {background:#f7f1eb; padding:110px 0}
.sec3 .sec_inner.full{width:1280px; }
.sec3 .sec_inner.full:after{content:""; display:none;}
.sec3 .sec_scale{/*padding-top:110px;*/}
.sec3 .sec_scale.on .link_area a:after{content:""; transform:scale(1); -webkit-transform:scale(1);}
.sec3 .link_area{overflow:hidden;}
.sec3 .link_area .box_wrap{float:left; overflow:hidden; width:635px; height:552px; background:#000}
.sec3 .link_area .box_wrap1{width:1280px; margin-bottom:10px;}
.sec3 .link_area .box_wrap3{margin-left:10px;}
.sec3 .link_area a{position:relative; display:table; width:100%; height:552px;}
.sec3 .link_area a:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:782px; background-image:url(../images/index/index_sec10_img01.jpg); 
background-position:0 0; background-size:100% auto; background-repeat:no-repeat; transform:scale(1.2 , 1.2); -webkit-transform:scale(1.2 , 1.2); 
transition:transform 1s ease-in-out; -webkit-transition:-webkit-transform 1s ease-in-out;}
.sec3 .link_area .box.box1{width:1280px;}
.sec3 .link_area .box.box2:after{content:""; background-image:url(../images/index/index_sec10_img02.jpg);}
.sec3 .link_area .box.box3:after{content:""; background-image:url(../images/index/index_sec10_img03.jpg);}
.sec3 .link_area .box dl{display:table-cell; position:relative; z-index:10; vertical-align:middle; font-weight:300; letter-spacing:-1px; color:#fff;}
.sec3 .link_area .box dt{font-size:28px; margin-bottom:20px;}
.sec3 .link_area .box dd{font-size:52px; line-height:70px; font-weight:bold}


/* index - content */
.sec4  {width:100%}
.sec4 .swiper-slide1{background-image:url(../images/index/index_sec3_slide01.jpg); background-size:cover}
.sec4 .swiper-slide2{background-image:url(../images/index/index_sec3_slide02.jpg);}
.sec4 .swiper-slide3{background-image:url(../images/index/index_sec3_slide03.jpg);}
.sec6{background-color:#f7f1eb; padding:110px 0}
.sec6 .sec_inner{height:513px;}
.sec6 .link_box .img_area .img1{opacity:1; background-image:url(../images/index/index_sec4_img01.jpg);}
.sec6 .link_box .img_area .img2{opacity:0; background-image:url(../images/index/index_sec4_img01_on.jpg);}
.sec6 .link_box2 .img_area .img1{background-image:url(../images/index/index_sec4_img02.jpg);}
.sec6 .link_box2 .img_area .img2{background-image:url(../images/index/index_sec4_img02_on.jpg);}
.sec6 .link_box3 .img_area .img1{background-image:url(../images/index/index_sec4_img03.jpg);}
.sec6 .link_box3 .img_area .img2{background-image:url(../images/index/index_sec4_img03_on.jpg);}
.sec7 .swiper-slide1{background-image:url(../images/index/index_sec6_slide01.jpg);}
.sec7 .swiper-slide2{background-image:url(../images/index/index_sec6_slide02.jpg);}
.sec8{background-image:url(../images/index/index_sec8_img01.jpg);}
.sec8 h3{margin-bottom:20px; font-size:40px; font-weight:500; line-height:1.2em; color:#fff;}
.sec8.sec .sec_inner p{font-size:23px; font-weight:300; line-height:1.4em; color:#fff;}
.sec9{background-color:#faf0e8;}
.sec9 .sec_inner{height:436px;}
.sec9 .link_wrap a{opacity:0; width:271px; margin-left:10px;}
.sec9 .link_box .img_area{width:271px; height:253px;}
.sec9 .link_box .img_area .img1{opacity:1; background-image:url(../images/index/index_sec9_img01.jpg);}
.sec9 .link_box .img_area .img2{opacity:1; background-image:url(../images/index/index_sec9_img01.jpg);}
.sec9 .link_box2 .img_area .img1{background-image:url(../images/index/index_sec9_img02.jpg);}
.sec9 .link_box2 .img_area .img2{background-image:url(../images/index/index_sec9_img02.jpg);}
.sec9 .link_box3 .img_area .img1{background-image:url(../images/index/index_sec9_img03.jpg);}
.sec9 .link_box3 .img_area .img2{background-image:url(../images/index/index_sec9_img03.jpg);}
.sec9 .link_box4 .img_area .img1{background-image:url(../images/index/index_sec9_img04.jpg);}
.sec9 .link_box4 .img_area .img2{background-image:url(../images/index/index_sec9_img04.jpg);}
.sec10 {background:#f7f1eb; padding:110px 0}
.sec10 .sec_inner.full{width:1280px; }
.sec10 .sec_inner.full:after{content:""; display:none;}
.sec10 .sec_scale{/*padding-top:110px;*/}
.sec10 .sec_scale.on .link_area a:after{content:""; transform:scale(1); -webkit-transform:scale(1);}
.sec10 .link_area{overflow:hidden;}
.sec10 .link_area .box_wrap{float:left; overflow:hidden; width:635px; height:782px; background:#000}
.sec10 .link_area .box_wrap1{width:1280px; margin-bottom:10px;}
.sec10 .link_area .box_wrap3{margin-left:10px;}
.sec10 .link_area a{position:relative; display:table; width:100%; height:782px;}
.sec10 .link_area a:after{content:""; display:block; position:absolute; top:0; left:0; width:100%; height:782px; background-image:url(../images/index/index_sec10_img01.jpg); 
background-position:0 0; background-size:100% auto; background-repeat:no-repeat; transform:scale(1.2 , 1.2); -webkit-transform:scale(1.2 , 1.2); 
transition:transform 1s ease-in-out; -webkit-transition:-webkit-transform 1s ease-in-out;}
.sec10 .link_area .box.box1{width:1280px;}
.sec10 .link_area .box.box2:after{content:""; background-image:url(../images/index/index_sec10_img02.jpg);}
.sec10 .link_area .box.box3:after{content:""; background-image:url(../images/index/index_sec10_img03.jpg);}
.sec10 .link_area .box dl{display:table-cell; position:relative; z-index:10; vertical-align:middle; font-weight:300; letter-spacing:-1px; color:#fff;}
.sec10 .link_area .box dt{font-size:28px; margin-bottom:20px;}
.sec10 .link_area .box dd{font-size:52px; line-height:70px; font-weight:bold}
.sec11{background-color:#f2f2f2;}
.sec11 .sec_inner{margin:0 auto 40px;}
.sec11 .sec_inner h2{margin-bottom:20px; font-size:28px; font-weight:300; letter-spacing:-1px; font-weight:bold; color:#a57432;}
.sec11 .sec_inner p{color:#333;}

.sec11 .list_event i{background-color:#4b9a4b;}
.sec11 .list_package i{background-color:#88acc6;}

.sec11 .swiper-container{width:1084px; height:100%; padding-bottom:50px;}
.sec11 .swiper-wrapper{width:1120px; height:430px; margin:0 auto;}
.sec11 .swiper-wrapper:after{content:""; display:block; clear:both;}
.sec11 .swiper-wrapper .swiper-slide{float:left; width:338px;}
.sec11 .swiper-wrapper .swiper-slide a{display:block; width:338px; height:415px; }
.sec11 .swiper-wrapper .img_area{overflow:hidden; width:338px; height:320px; margin-bottom:20px;}
.sec11 .swiper-wrapper .img_area img{width:338px; height:320px;}
.sec11 .swiper-wrapper .list_tit{overflow:hidden; position:relative; min-height:40px; max-height:63px; padding-left:50px; 
font-size:15px; letter-spacing:-1px; line-height:1.3em; color:#333;}
.sec11 .list_tit i{display:table; position:absolute; left:0; top:0; vertical-align:middle; width:42px; height:40px; text-align:center;}
.sec11 .list_tit i span{display:table-cell; vertical-align:middle; font-size:12px; font-weight:300; font-style:normal; line-height:100%; color:#fff;}
.sec11 .swiper-wrapper .list_date{position:absolute; left:0; bottom:0; font-family:"Lato"; color:#999;}



/* swiper */
/*.index .swiper-button-prev, 
.index .swiper-button-next{display:block; width:13px; height:26px; top:195px; background-size:100% auto; 
background-repeat:no-repeat; background-position:0 0;}
.index .swiper-button-prev{left:0; background-image:url(../images/common/btn_prev_g.png);}
.index .swiper-button-next{right:0; background-image:url(../images/common/btn_next_g.png);}
*/
.index .swiper-container-horizontal > .swiper-pagination-bullets{bottom:30px;}
.index .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet{margin:0 7px;}
.index .swiper-pagination-bullets .swiper-pagination-bullet{width:9px; height:9px; border:1px solid #fff; border-radius:100%; background:none; opacity:1;}
.index .swiper-pagination .swiper-pagination-bullet-active{width:10px; height:10px; border:0; border-radius:100%; background:#fff;}

.index .bg_slide .swiper-slide{display:table; max-width:1920px; height:950px; margin:0 auto; text-align:center; background-position:50% 0; 
background-repeat:no-repeat;}
.index .bg_slide .txt_area{display:table-cell; vertical-align:middle; color:#fff;}
.index .bg_slide .txt_area h3{margin-bottom:20px; font-size:40px; font-weight:500; line-height:1.2em;}
.index .bg_slide .txt_area p{font-size:23px; font-weight:300; line-height:1.4em;}

.index .swiper_area{position:relative; width:1200px; margin:0 auto; }
.index .swiper-container2 .swiper-pagination .swiper-pagination-bullet{border:1px solid #999;}
.index .swiper-container2 .swiper-pagination .swiper-pagination-bullet-active{background:#999;}
.index .swiper-container2 > .swiper-pagination-bullets{bottom:0;}