/* visual*/
.main_visual_wrap { z-index: 20; position: fixed; left:0 ; top:0; width: 100%; height: 1000px; min-width: 1200px;}
.main_visual_wrap .visual {position: relative; width: 100%; height: 1000px; background: #f8ebd7; }
.main_visual_wrap .visual .guide { position:relative; height: 1000px; }
.main_visual_wrap .visual .guide h2 { position:absolute; left: 50px; top:365px;}
.main_visual_wrap .visual .guide .dragon {float:left;}
.main_visual_wrap .visual .guide .dragon img:nth-child(1){ display: block; position: absolute; right:60px; top:240px;}
.main_visual_wrap .visual .guide .dragon img:nth-child(2) {position: absolute; right:250px; bottom: 200px; animation: Moving 3.0s ease-out infinite; }
.main_visual_wrap .visual_bg {position: absolute; bottom: 0; width: 100%; height: 455px; background: url(../img/main_visual_img1.jpg) no-repeat bottom;}

/* cont_wrap */
.main_cont_wrap { z-index: 30; position:relative; width: 100%; padding-bottom: 280px; background-size:cover;}
.main_cont_wrap .section {background-color: #fcf5ec;}
.main_cont_wrap .bg_top {width: 100%; height: 237px; margin-top: 775px; background: url(../img/main_top_bg.png) no-repeat center top transparent ;}
.main_cont_wrap .bg_bottom {position:relative; z-index: 40; width: 100%; height: 240px; background: url(../img/main_bottom_bg.png) no-repeat center top; background-size: contain;}

/* link_bt */
.link_bt { display: inline-block; margin-top:-50px;  background:url(../img/click_bt.png)no-repeat; width: 161px; height: 86px; animation: Moving 3.0s ease-out infinite;}
.link_bt:hover {background:none;}
.link_bt span { display: block; text-align: center;  padding-top: 10px; font-size:0;  }
.link_bt:hover span { font-size: 1.4em; color:#000;  }

/* bnr_wrap*/
.main_cont_wrap .bnr_wrap {padding: 215px 0;}
.main_cont_wrap .bnr_wrap ul li > div {width: 100%; height: 100%;}
.main_cont_wrap .bnr_wrap ul li {position: relative; width: 1100px; height: 500px; margin-bottom: 185px; box-sizing: border-box; background-repeat: no-repeat; border-radius: 40px; box-shadow: 5px 5px 10px rgba(194,175,145,0.15);}
.main_cont_wrap .bnr_wrap ul li:last-child {margin-bottom: 0;}
.main_cont_wrap .bnr_wrap ul li .bnr_img {position: absolute;}
.main_cont_wrap .bnr_wrap ul li .txt_wrap { position: absolute; width: 360px; left: 95px; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }
.main_cont_wrap .bnr_wrap ul li .ft_re {font-size: 40px; line-height: 140%;}
.main_cont_wrap .bnr_wrap ul li .txt {padding-top: 30px; font-size: 20px; line-height: 140%; color: #4c4c4c; font-weight: 500;}
.main_cont_wrap .bnr_wrap ul li .more {display: block; width: 100px; height: 50px; margin-top: 60px; padding-right: 60px; color: #d4b189; border: 1px solid #d4b189; font-size: 20px; font-weight: 300; background: url(../img/more_arrow.png) no-repeat bottom 20px right 25px; text-align: center; line-height: 48px; transition: all 0.3s;}
.main_cont_wrap .bnr_wrap ul li .more:hover, .main_cont_wrap .bnr_wrap ul li .more:focus {color: #fff; background: #d4b189 url(../img/more_arrow_hover.png) no-repeat bottom 20px right 25px; animation: moreHover 1s ease-out infinite;}

.main_cont_wrap .bnr_wrap ul li:nth-child(odd) { float: left; }
.main_cont_wrap .bnr_wrap ul li:nth-child(even) { float: right; }
.main_cont_wrap .bnr_wrap ul li:nth-child(even) .txt_wrap { left: auto; right: 95px; }

.main_cont_wrap .bnr_wrap ul li.section_about { background-image: url(../img/main_about_img1.png); }
.main_cont_wrap .bnr_wrap ul li.section_conts { background-image: url(../img/main_cont_img1.png); }
.main_cont_wrap .bnr_wrap ul li.section_mis { background-image: url(../img/main_mission_img1.png); }
.main_cont_wrap .bnr_wrap ul li.section_master { background-image: url(../img/main_master_img1.png); }

.main_cont_wrap .bnr_wrap ul li.section_about .bnr_img {right: 255px; bottom: -38px;}
.main_cont_wrap .bnr_wrap ul li.section_conts .bnr_img {left: 58px; bottom: -66px; padding-top: 50px;}
.main_cont_wrap .bnr_wrap ul li.section_mis .bnr_img {right: 113px; bottom: 38px;}
.main_cont_wrap .bnr_wrap ul li.section_master .bnr_img {left: -50px; top: -40px;}

/* character */
.main_cont_wrap .section_char {z-index:40; position:relative; width:100%; height:1054px; background-image: url(../img/main_char_bg.jpg); background-repeat: repeat-x; background-position: bottom;}
.main_cont_wrap .section_char .txt_wrap {position: relative; z-index: 99; padding: 40px 0 0 40px;}
.main_cont_wrap .section_char a.link_bt {position: absolute; left: 330px; bottom: -190px; z-index: 100;}
.main_cont_wrap .section_char .img_wrap {position: relative; width: 100%; height: 350px;}
.main_cont_wrap .section_char .img_wrap .img {position: absolute;;}
.main_cont_wrap .section_char .img_wrap.aos-init .img { opacity: 0;}
.main_cont_wrap .section_char .img_wrap .img1 {z-index: 3; right: 0; bottom: 0;}
.main_cont_wrap .section_char .img_wrap .img2 {z-index: 2; right: 350px; bottom: 65px; padding-top: 73px;}
.main_cont_wrap .section_char .img_wrap .img3 {right: 280px; bottom: 165px; padding-top: 37px;}

.main_cont_wrap .section_char h3.ft_re { width:100%; height: 500px; background:url(../img/main_charactor_txt.png)no-repeat; text-indent:-2000px; font-size:0;}


/* footer */
#footer { display: none; position:fixed; bottom:0; padding: 200px 0 73px 0; background-color: #fff;}


@-webkit-keyframes moreHover {
	0% {  background: #d4b189 url(../img/more_arrow_hover.png) no-repeat bottom 20px right 25px; }
  100% {  background: #d4b189 url(../img/more_arrow_hover.png) no-repeat bottom 20px right 17px; }
}
@keyframes moreHover {
	0% {  background: #d4b189 url(../img/more_arrow_hover.png) no-repeat bottom 20px right 25px; }
  100% {  background: #d4b189 url(../img/more_arrow_hover.png) no-repeat bottom 20px right 17px; }
}

@-webkit-keyframes Moving {
  0% { -webkit-transform: translateY(0); }
  50% { -webkit-transform: translateY(20px); }
  100% { -webkit-transform:  translateY(0); }
}
@keyframes Moving {
  0% { transform: translateY(0); }
  50% { transform: translateY(20px); }
  100% { transform: translateY(0); }
}