@charset "utf-8";
.inner {padding: 0 10px;}
.content {padding: 30px 10px; font-weight: 300;}
input[type=text], input[type=search], select {border: 1px solid #b5b5b5; height: 35px;}
.title1 {font-size: 20px; margin: 0 0 30px 0;}
.title2 {border-bottom: 1px solid #ff1346; padding: 10px; text-align: center; font-size: 20px; margin-bottom: 20px; font-weight: 200;}
.symbol1 {font-size: 17px; margin: 0 0 12px 0; padding: 0 0 0 12px; position: relative;}
.symbol1:before {content: ''; display: block; position: absolute; left: 0; top: 10px; width: 8px; height: 8px; background: #fff; border-radius: 50%; border: 3px solid #f90238;}
.symbol2 {position: relative; padding-left: 10px;}
.symbol2:before {content: ''; display: block; position: absolute; left: 0; top: 7px; background: url(../imgs/ico_arrow1.png) no-repeat left top; width: 7px; height: 10px;}
.symbol3 {position: relative; padding-left: 15px;}
.symbol3:before {content: '※'; display: block; position: absolute; left: 0; top: 0;}
.symbol4 {position: relative; padding-left: 15px;}
.symbol4:before {content: ''; display: block; position: absolute; left: 0; top: 12px; width: 10px; height: 1px; background: #000;}
.symbol5 {position: relative; padding-left: 10px;}
.symbol5:before {content: '·'; display: block; position: absolute; left: 0; top: 0;}
.responsive {overflow-x: auto; position: relative;}
.responsive:before {content: ''; display: block; position: absolute; left: 50%; top: 50px; -webkit-transform: translateX(-50%); transform: translateX(-50%); background: url(../imgs/ico_swipe.png) no-repeat top center; width: 120px; height: 120px; z-index: 100;}
.responsive.moved:before {display: none;}
.responsive > table, .responsive .process1 {width: 768px !important; word-break: keep-all;}
.responsive .process1.heal_slick{width: 100% !important;}

.responsive + * {margin-top: 15px;}
.responsive.v2{overflow: hidden;}
.responsive.v2:before{display: none;}
.table1 {border-top: 2px solid #000; font-size: 17px;}
.table1 th {background: #eee; padding: 15px 0; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;}
.table1 .topline{background: #eee; padding: 15px 0; border-left: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8;border-top: 1px solid #d8d8d8;}
.table1 td {background: #fff; padding: 10px 20px; border: 1px solid #d8d8d8; border-top: 0; font-weight: 300;}
.aclign {text-align:center;}
.depth {margin: 0 0 20px 10px; font-weight: 300;}
.depth:not(:nth-of-type(1)), .slick1:not(:nth-of-type(1)), .slick1 + section {margin-top: 20px;}
.depth .depth {margin-top: 10px;}
.depth .symbol1 {font-weight: 600;}
.depth .symbol1 .weirdo {font-weight: 200;}
.symbol1.weirdo {padding: 0 0 0 60px;}
.symbol1.weirdo b {position: absolute; left: 15px; top: 0;}
.depth .symbol2 {margin: 5px 0;}
.depth .symbol4 ul {margin: 5px 0; line-height: 26px;}
.depth .symbol1:not(:first-child) {margin-top: 15px;}
.depth .symbol1 ~ *:not(.symbol1):not(.responsive):not(.depth) {margin-left: 12px;}
.depth .symbol2 ~ *:not(.symbol1):not(.symbol2):not(.responsive):not(.depth) {margin-left: 20px !important;}
.depth .symbol4 ~ *:not(.symbol1):not(.symbol2):not(.symbol4):not(.responsive):not(.depth) {margin-left: 15px !important;}
.depth .symbol5 ~ *:not(.symbol1):not(.symbol2):not(.symbol4):not(.symbol5):not(.responsive):not(.depth) {margin-left: 25px !important;}
.slick1 .info {font-weight: 300; margin: 10px 0 0 0;}
.slick1 .info {font-weight: 300; margin: 10px 0 0 0;}
.slick1 .info .txt {margin: 15px 0;}
.slick1 > .clf, .slick1 .slick-wrap {position: relative;}
.slick1 .prev {position: absolute; left: 15px; top: 50%; transform: translateY(-50%); z-index: 5;}
.slick1 .next {position: absolute; right: 15px; top: 50%; transform: translateY(-50%); z-index: 5;}
.slick1 button img {width: 20px; height: auto;}
.red {color: #f90238;}
.blue {color: #0078ff;}
.green {color: #008000;}
.btns1 .clf {display: inline-block;}
.btns1 .btn {border: 1px solid #a6a6a6; padding: 5px 10px; text-align: center; font-weight: 500;}
.fn15 {font-size: 15px;}
.form-header1 select {border: 0; border-bottom: 1px solid #b5b5b5; width: 100%;}
.form-header1 fieldset > div {position: relative;}
.form-header1 input[type=search] {border: 0; border-bottom: 1px solid #b5b5b5; padding: 10px; width: 100%; margin-top: 10px;}
.form-header1 input[type=search] + button {position: absolute; right: 10px; top: 16px;}
.form-header1 .wrap {padding: 10px; border: 1px solid #b5b5b5; margin: 15px 0 0 0; position: relative;}
.form-header1 .wrap h3 {font-weight: 500;}
.form-header1 .from-to {padding: 0 0 0 50px; position: relative;}
.form-header1 .from-to h3 {position: absolute; left: 0; top: 0; line-height: 32px;}
.form-header1 .from-to li {border-radius: 5px; border: 1px solid #b5b5b5; float: left; width: calc((100% - 15px) / 4); text-align: center; padding: 3px 0;}
.form-header1 .from-to li.active {background: #6b6b6b; border: 1px solid #313131;}
.form-header1 .from-to li.active a {color: #fff;}
.form-header1 .from-to li:not(:last-child) {margin: 0 5px 0 0;}
.form-header1 .date-wrap {margin: 0 5px 0 0;}
.form-header1 .date-wrap > div {position: relative; padding: 0 0 0 50px; margin-top: 10px;}
.form-header1 .date-wrap label {position: absolute; left: 0; top: 0; line-height: 35px;}
.form-header1 .date-wrap input[type=text] {border: 1px solid #b6b6b6; height: 35px; width: calc(100% - 35px);}
.form-header1 .date-wrap .ui-datepicker-trigger {position: relative; top: -3px;}
.form-header1 .popular-wrap {padding: 0 0 0 93px;  position: relative;}
.form-header1 .popular-wrap h3 {background: url(../imgs/bg_popular.png) no-repeat left top; width: 83px; height: 37px; color: #fff; text-align: center; font-size: 16px; padding: 3px 0 0 0; position: absolute; left: 0; top: 0;}
.form-header1 .popular-wrap li {position: relative; padding: 0 0 0 40px; line-height: 30px;}
.form-header1 .popular-wrap li:not(:last-child) {margin-bottom: 10px;}
.form-header1 .popular-wrap li span {background: #009e96; color: #fff; text-align: center; display: inline-block; width: 30px; height: 30px; line-height: 30px; border-radius: 3px; position: absolute; left: 0; top: 0;}
.form-header1 .popular-wrap li a {display: block;}
.ui-datepicker-trigger {background-size: contain;}
.search {margin: 20px 0 0 0;}
.marker {background: #fff93b;}
.search .title {margin: 0 0 20px 0;  font-weight: 300;}
.search .title + ul li {float: left; width: calc((100% - 15px) / 4); margin: 5px 5px 0 0; border: 1px solid #b5b5b5; padding: 5px 0; text-align: center; background: #eee;}
.search .title + ul li.active {background: #ec6100;}
.search .title + ul li.active a {color: #fff;}
.search .title + ul li:nth-child(-n+4) {margin-top: 0;}
.search .title + ul li:nth-child(4n) {margin-right: 0;}
.search .title + ul li span {display: block;}
.search > section {margin-top: 25px;}
.search .search-title {display: block; padding: 12px 0; border-top: 1px solid #b5b5b5; border-bottom: 1px solid #b5b5b5; font-weight: 300; margin-bottom: 15px;}
.search .gallery figure {margin: 10px 0 0 0; border: 1px solid #dbdbdb; padding: 10px;}
.search .gallery figure > a {display: block;}
.search .gallery figure:first-child {margin-top: 0;}
.search .gallery figcaption h5 {margin: 15px 0 5px;}
.search a.more {background: #313131; color: #fff; text-align: center; width: 110px; display: inline-block; padding: 8px 0; margin-top: 15px;}
.search .board h5 em {color: #0778e0;}
.search .board h5 + p {margin: 15px 0 10px;}
.search .board .clf > a {position: relative; float: left; font-size: 16px; color: #707070;}
.search .board .clf > a:not(:nth-last-of-type(1)){padding-right: 10px;}
.search .board .clf > a:not(:nth-last-of-type(1)):after {content: '>'; display: block; position: absolute; right: 0; top: 0;}
.search .board .clf > time {float: left; font-size: 16px; position: relative; padding-left: 10px; color: #707070;}
.search .board .clf > time:before {content: '|'; display: block; position: absolute; left: 4px; top: 0;}
.search .board .align-right, .search .menu .align-right {border-top: 1px solid #b5b5b5; margin-top: 20px;}
.search .menu ul.clf:not(:last-child) {margin-bottom: 5px;}
.search .menu .clf li {position: relative; float: left; color: #707070;}
.search .menu .clf li:not(:nth-last-of-type(1)){padding-right: 10px;}
.search .menu .clf li:not(:nth-last-of-type(1)):after {content: '>'; display: block; position: absolute; right: 0; top: 0;}
.search .menu .clf li:first-child {color: #0778e0;}
.search .menu .clf li:first-child:after {display: none;}
.search .menu .clf li a {color: #707070;}
.custom {background: url(../imgs/bg_custom.jpg) no-repeat top center; background-size: cover; position: relative;}
.custom .inner {position: relative;}
.custom h1 {width: 60px; position: absolute; left: 10px; top: 20px;}
.custom h1 img {width: 100%; height: auto;}
.custom h2 {text-align: center; color: #263238; position: relative; font-size: 35px; padding-top: 40px; font-weight: 700;}
.custom h2 em {color: #ff1744; display: block;margin-left:60px;}
.custom h2 b {position: relative; font-size: 42px; padding: 0 12px;}
.custom h2 b:before {content: ''; display: block; position: absolute; left: 0; top: -5px; background: url(../imgs/ico_symbol1.png) no-repeat left top; width: 9px; height: 15px; background-size: contain;}
.custom h2 b:after {content: ''; display: block; position: absolute; right: 0; top: -5px; background: url(../imgs/ico_symbol2.png) no-repeat left top; width: 9px; height: 15px; background-size: contain;}
.custom h2 span {position: relative;}
.custom h2 span:after {content: ''; display: block; position: absolute; right: -16px; bottom: 5px; background: url(../imgs/ico_symbol3.png) no-repeat left top; width: 18px; height: 34px; background-size: contain;}
.custom .btn-close {width: 50px; position: absolute; right: 10px; top: 20px;}
.custom .btn-close img {width: 100%; height: auto;}
.custom ul {width: 280px; margin: 40px auto 0;}
.custom li {float: left; width: 130px; height: 130px; text-align: center; border-radius: 50%; background-size: contain !important; position: relative; margin: 20px 20px 0 0; transition: all .6s; box-shadow: 0px 0px 27px 0px rgba(0, 0, 0, 0.2);}
.custom li:nth-child(1) {background: url(../imgs/bg_when1.jpg) no-repeat left top;}
.custom li:nth-child(2) {background: url(../imgs/bg_when2.jpg) no-repeat left top;}
.custom li:nth-child(3) {background: url(../imgs/bg_when3.jpg) no-repeat left top;}
.custom li:nth-child(4) {background: url(../imgs/bg_when4.jpg) no-repeat left top;}
.custom li:nth-child(-n+2) {margin-top: 0;}
.custom li:nth-child(2n) {margin-right: 0;}
.custom li a {position: absolute; display: block; background: #fff; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 60px; height: 60px; line-height: 60px;}
.custom li.weirdo a {line-height: inherit; padding-top: 7px;}
.custom li a:after {content: ''; display: block; position: absolute; width: calc(100% + 15px); height: calc(100% + 15px); background: #fff; opacity: .2; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%; z-index: -1;}
.custom li.active {transform: scale(1.1);}
.custom li.active:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: transparent; border: 15px solid #df003f; opacity: .6; z-index: -1; border-radius: 50%;}
.custom li.active a {color: #fff; background: transparent; text-shadow: 1px 2px rgba(0, 0, 0, 0.1);}
.custom li.active a:before {content: ''; display: block; position: absolute; background: #df003f; opacity: .8; width: 100%; height: 100%; left: 0; top: 0; border-radius: 50%; z-index: -1;}
.custom li.active a:after {width: 110px; height: 110px; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.custom li:nth-child(2).active:after {border: 15px solid #006708;}
.custom li:nth-child(2).active a:before {background: #006708;}
.custom li:nth-child(3).active:after {border: 15px solid #b32600;}
.custom li:nth-child(3).active a:before {background: #b32600;}
.custom li:nth-child(4).active:after {border: 15px solid #242f6e;}
.custom li:nth-child(4).active a:before {background: #242f6e;}
.custom.what li.active:after, .custom.who li.active:after {border: 15px solid #df003f;}
.custom.what li.active a:before, .custom.who li.active a:before {background: #df003f;}
.custom .btns {margin: 20px 0;}
.custom .btns a {float: left; width: 100%; display: block; padding: 3px 0; border-radius: 35px; border: 1px solid #283593;}
.custom a.prev {background: #fff url(../imgs/ico_arrow4.png) no-repeat left 30px center; background-size: auto 10px;}
.custom a.next {background: #283593 url(../imgs/ico_arrow3.png) no-repeat right 30px center; color: #fff; background-size: auto 10px;}
.custom .btns a:not(:last-child) {margin: 0 0 10px 0;}
.custom figure {text-align: center;}
.custom figure img {width: 310px; height: auto;}
.custom.what h2 {font-size: 22px;}
.custom.what li:nth-child(1) {background: url(../imgs/bg_what1.jpg) no-repeat left top;}
.custom.what li:nth-child(2) {background: url(../imgs/bg_what2.jpg) no-repeat left top;}
.custom.what li:nth-child(3) {background: url(../imgs/bg_what3.jpg) no-repeat left top;}
.custom.what li:nth-child(4) {background: url(../imgs/bg_what4.jpg) no-repeat left top;}
.custom.what li:nth-child(5) {background: url(../imgs/bg_what5.jpg) no-repeat left top;}
.custom.who h2 {font-size: 22px; padding-top: 60px;}
.custom.who li:nth-child(1) {background: url(../imgs/bg_who1.jpg) no-repeat left top;}
.custom.who li:nth-child(2) {background: url(../imgs/bg_who2.jpg) no-repeat left top;}
.custom.who li:nth-child(3) {background: url(../imgs/bg_who3.jpg) no-repeat left top;}
.custom.who li:nth-child(4) {background: url(../imgs/bg_who4.jpg) no-repeat left top;}
.custom.who li:nth-child(5) {background: url(../imgs/bg_who5.jpg) no-repeat left top;}
.custom.who figure {width: 50%; padding-top: 50px;}
.custom.who figure:nth-of-type(2) {position: absolute; right: 0; bottom: 0;}
.figure1 {position: relative;}
.figure1 h3 {font-size: 18px; margin: 15px 0;}
.info1 {margin-top: 20px;}
.info1 p {border-left: 3px solid #b0bec5; padding: 10px;}
.info1 p:not(:last-child) {margin-bottom: 10px;}
.info1 p b {display: block; margin-bottom: 5px;}
.map1 {height: 300px; background: #ccc; margin-top: 20px; box-shadow: 7.071px 7.071px 30px 0px rgba(0, 0, 0, 0.1);}
.slick2 h4 {font-size: 18px; margin-bottom: 15px;}
.slick2 .slick-wrap {position: relative; background: #dfe5ec; padding: 10px;}
.slick2 .prev {position: absolute; left: -5px; bottom: -10px; z-index: 5; box-shadow: 7.071px 7.071px 30px 0px rgba(0, 0, 0, 0.1);}
.slick2 .next {position: absolute; right: -5px; bottom: -10px; z-index: 5; box-shadow: 7.071px 7.071px 30px 0px rgba(0, 0, 0, 0.1);}
.attache1 {margin-top: 25px;}
.attache1 a {display: inline-block; padding: 10px 20px; background: #1565c0; color: #fff; width: 100%; text-align: center; position: relative;}
.attache1 a:before {content: ''; display: block; position: absolute; background: url(../imgs/ico_attache1.png) no-repeat left center; width: 27px; height: 27px; left: 25px; top: 9px;}
.form-header2 {border: 1px solid #b5b5b5; padding: 10px; position: relative;}
.form-header2 .title em {font-size: 17px;}
.form-header2 select {width: 100%; margin: 10px 0;}
.form-header2 input[type="search"] {width: 100%;}
.form-header2 input[type="search"] + button {background: #313131; color: #fff; text-align: center; height: 35px; width: 100%; margin-top: 10px;}
.order {text-align: right; margin-top: 20px;}
.order a {border: 1px solid #b5b5b5; width: 105px; display: inline-block; padding: 5px 0; text-align: center;}
.gallery1 {margin-top: 20px;}
.gallery1 figure {padding: 10px; border: 1px solid #b5b5b5;overflow:hidden;position:relative;}
.gallery1 figure .ing{position:absolute;top:0px;left:0px;width:50px;height:60px;background: url(../imgs/ico_ing.png) no-repeat 0 0;background-size:cover;overflow:hidden;text-indent:-9999px;z-index:100;}
.gallery1 figure img{transition: all 0.5s;object-fit: cover;}
.gallery1 figure img:hover{transform:scale(1.15)}
.gallery1 figure:not(:last-child) {margin-bottom: 20px;}
.gallery1 figure h3 {margin: 15px 0 5px; font-size: 17px;}
.gallery1 p.time {margin-bottom: 5px; font-size: 16px;}
.gallery1 p:last-child {color: #707070;}
.course1 figure {position: relative !important;}
.course1 figure:not(:last-child) {margin-bottom: 30px;}
.course1 figcaption {position: relative; background: #fff;}
.course1 figcaption:before {content: ''; display: none; position: absolute; background: url(../imgs/ico_cousre1.png) no-repeat left top; width: 35px; height: 42px; right: 10px; top: -10px; z-index: 5;}
.course1 figcaption:after {content: ''; display: none; position: absolute; width: 100%; height: 100%; background: #fff; box-shadow: 0px 0px 15px 0px rgba(0, 0, 0, 0.1); opacity: .6; left: -10px; top: -10px; z-index: 1;}
.course1 figure h3 {font-size: 18px; margin: 15px 0; position: relative; z-index: 5;}
.course1 figure p {font-size: 16px; position: relative; z-index: 5;}
.course1 figcaption > a {background: #313131; color: #fff; text-align: center; width: 106px; line-height: 35px; width: 100%; display: inline-block; margin-top: 10px; position: relative; z-index: 5; font-size: 16px;}
.days-wrap {text-align: center;}
.days {margin-bottom: 20px; font-size: 16px; display: inline-block; width: 90%;}
.days li {float: left; text-align: center; padding: 3px 0; border-radius: 5px; border: 1px solid #b5b5b5; background: #fff;}
.days li:not(:last-child) {margin-right: 10px;}
.days.column1 li {width: 100%;}
.days.column2 li {width: calc((100% - 10px) / 2);}
.days.column3 li {width: calc((100% - 20px) / 3);}
.days li.active {background: #ff1346; border: 1px solid #000;}
.days li.active a {color: #fff;}
.process1 {counter-reset: order; margin: 20px auto 0; position: relative;}
.process1:before {content: ''; display: block; position: absolute; left: 0; top: 60px; width: 100%; height: 1px; border: 1px dashed #9b9b9b; z-index: 0; opacity: 1;}
.process1 li {position: relative; float: left; padding: 0 0 70px 0; z-index: 5; text-align: center;} 
.process1.column1 li {width: 100%;}
.process1.column2 li {width: 50%;}
.process1.column3 li {width: 33.33%;}
.process1.column4 li {width: 25%;}
.process1.column5 li {width: 20%;}
.process1.column6 li {width: 16.66%;}
.process1.column7 li {width: 14.28%;}
.process1.column8 li {width: 12.5%;}
/* .process1 li:not(:last-child) {margin-bottom: 30px;}  */
.process1 li:after {content: counter(order); counter-increment: order; display: block; position: absolute; background: url(../imgs/ico_process1.png) no-repeat left top; width: 41px; height: 60px; left: 50%; bottom: 0; transform: translateX(-50%); color: #fff; font-weight: 700; font-size: 20px; padding: 6px 5px 0 0;} 
.process1 li:first-child:before {content: ''; display: block; position: absolute; background: #fff url(../imgs/ico_arrow6.png) no-repeat left top; width: 40px; height: 40px; left: 0; top: 51px;} 
.process1 li:last-child:before {content: ''; display: block; position: absolute; background: #fff url(../imgs/ico_arrow7.png) no-repeat left top; width: 40px; height: 40px; right: 0; top: 51px;} 
.process1.heal_slick li:first-child:before {display: none;} 
.process1.heal_slick li:last-child:before {display: none;} 

.control_box .prev{content: ''; display: block; position: absolute; background: #fff url(../imgs/ico_arrow6.png) no-repeat left bottom; width: 40px; height: 51px; left: 0px; top: 51px; overflow: hidden; text-indent: -9999px; z-index: 100}
.control_box .next{content: ''; display: block; position: absolute; background: #fff url(../imgs/ico_arrow7.png) no-repeat left bottom; width: 40px; height: 51px; right: 0px; top: 51px; overflow: hidden; text-indent: -9999px; z-index: 100}
.process1 li span {position: absolute; right: -12px; top: 50%; transform: translateY(-50%); display: block; font-size: 13px;} 
.course-view1 {margin-top: 25px;}
.course-view1 figure {position: relative;}
.course-view1 figure:not(:first-child) {margin-top: 30px;}
.course-view1 figure img:not(:last-child) {margin-bottom: 10px;}
.course-view1 figcaption {margin-bottom: 15px;}
.course-view1 h3 {font-size: 16px; position: relative; padding: 0 0 5px 35px; margin-bottom: 15px;}
.course-view1 h3:before {content: ''; display: block; position: absolute; background: url(../imgs/ico_map1.png) no-repeat left top; left: 0; bottom: 0; width: 25px; height: 31px;}
.course-view1 h3:after {content: ''; display: block; position: absolute; width: calc(100% - 12px); height: 1px; background: #000; left: 12px; bottom: 0;}
.course-view1 h3 a {content: ''; display: block; position: absolute; background: url(../imgs/ico_plus1.png) no-repeat left top; right: 0;bottom: 0; width: 51px; height: 28px;}
.course-view1 h3 em {font-size: 17px; color: #3949ab; margin-right: 10px; display: block;}
.course-view1 .style1 h3 em {color: #dc4300;}
.course-view1 .style2 h3 em {color: #017396;}
.gallery2 figure {position: relative; text-align: center;}
.gallery2 figure:not(:last-child) {margin-bottom: 20px;}
.gallery2 figcaption > a {font-size: 16px; color: #fff; padding-top: 15px; margin-top: 15px; position: relative; display: inline-block; display: none;}
.gallery2 figcaption > a[target=_blank]:after {content: ''; display: block; position: absolute; background: url(../imgs/ico_window.png) no-repeat left top; width: 11px; height: 11px; right: 30px; bottom: 5px; background-position: 0 -11px;}
.gallery2 figcaption > a:before {content: ''; display: block; position: absolute; width: 30px; height: 1px; background: #fff; left: 50%; top: 0; transform: translateX(-50%);}
.gallery2 figure:hover figcaption > a, .gallery2 figure:focus figcaption > a {display: block;}
.banner1 {margin-bottom: 25px;}
.banner1 img {width: 100%; height: auto;}
.schedules h3 + p {position: relative; margin-bottom: 20px;}
.schedules h3 + p span {display: block; text-align: right;}
.schedules .clf > div:not(:last-child) {margin-bottom: 10px;}
.schedules .wrap {border-radius: 10px; background: #f9f9f9; border: 1px solid #d7d5d2; padding: 15px 0px; text-align: center; position: relative; border-bottom: 0;}
.schedules .wrap:after {content: ''; display: block; position: absolute; left: 10px; bottom: 0; width: calc(100% - 20px); height: 1px; border-bottom: 1px dashed #d7d5d2;}
.schedules h4 {margin-bottom: 15px;}
.schedules h4 em {border-radius: 50%; height: 37px; width: 37px; display: inline-block; background: #0068b7; color: #fff; text-align: center; line-height: 37px; font-size: 24px; font-weight: 500;}
.schedules h4 em:not(:last-child) {margin-right: 5px;}
.schedules h4 em.weirdo {width: 60px; border-radius: 25px;}
.schedules .wrap + a {display: block; padding: 11px; text-align: center; font-size: 17px; border-radius: 10px; color: #fff; background: #555a54; border: 1px solid #555a54; font-weight: 600; border-top: 0 !important;}
.schedules .wrap + a:hover, .schedules .wrap + a:focus {background: #f9f9f9; border: 1px solid #d7d5d2; color: #005aaa;}
.taxi {margin-top: 15px;}
.chart {background-size: contain !important; position: relative;}
.chart:not(:nth-last-child(1)) {margin-bottom: 15px;}
.chart:after {content: ''; display: none; position: absolute; left: 50%; bottom: 0; width: 40px; height: 2px; background: #000;} 
.chart h3 img {width: 100%; height: auto;}
.chart .wrap {position: relative;}
.chart ul {height: 300px; margin: 20px 0;}
.chart li {height: 100%; position: relative; font-size: 16px; padding: 0 0 60px 0; width: calc((100% - 60px) / 7); float: left; line-height: 14px; text-align: center; overflow: hidden;}
.chart li:not(:last-child) {margin: 0 10px 0 0;}
.chart li b {font-weight: 200; font-size:14px; position: absolute; left: 0; top: calc(100% - 50px); width: 100%; display: block;}
.chart li em {font-weight: 200; position: absolute; left: 0; bottom: 60px; display: block; width: 100%; height: calc(100% - 60px);}
.chart li em:after {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: calc(100% - 25px);}
.chart1 li:nth-child(2) em {height: 70%;}
.chart1 li:nth-child(3) em {height: 30%;}
.chart1 li:nth-child(4) em {height: 20%;}
.chart1 li:nth-child(5) em {height: 20%;}
.chart1 li:nth-child(6) em {height: 40px;}
.chart1 li:nth-child(7) em {height: 40px;}
.chart1 li:nth-child(1) em:after {background: url(../imgs/bg_pattern1_1.jpg) repeat left top;}
.chart1 li:nth-child(2) em:after {background: url(../imgs/bg_pattern1_2.jpg) repeat left top;}
.chart1 li:nth-child(3) em:after {background: url(../imgs/bg_pattern1_3.jpg) repeat left top;}
.chart1 li:nth-child(4) em:after {background: url(../imgs/bg_pattern1_4.jpg) repeat left top;}
.chart1 li:nth-child(5) em:after {background: url(../imgs/bg_pattern1_5.jpg) repeat left top;}
.chart1 li:nth-child(6) em:after {background: url(../imgs/bg_pattern1_6.jpg) repeat left top;}
.chart1 li:nth-child(7) em:after {background: url(../imgs/bg_pattern1_7.jpg) repeat left top;}
.chart2 li:nth-child(2) em {height: 55%;}
.chart2 li:nth-child(3) em {height: 45%;}
.chart2 li:nth-child(4) em {height: 35%;}
.chart2 li:nth-child(5) em {height: 25%;}
.chart2 li:nth-child(6) em {height: 40px;}
.chart2 li:nth-child(7) em {height: 35px;}
.chart2 li:nth-child(1) em:after {background: url(../imgs/bg_pattern2_1.jpg) repeat left top;}
.chart2 li:nth-child(2) em:after {background: url(../imgs/bg_pattern2_2.jpg) repeat left top;}
.chart2 li:nth-child(3) em:after {background: url(../imgs/bg_pattern2_3.jpg) repeat left top;}
.chart2 li:nth-child(4) em:after {background: url(../imgs/bg_pattern2_4.jpg) repeat left top;}
.chart2 li:nth-child(5) em:after {background: url(../imgs/bg_pattern2_5.jpg) repeat left top;}
.chart2 li:nth-child(6) em:after {background: url(../imgs/bg_pattern2_6.jpg) repeat left top;}
.chart2 li:nth-child(7) em:after {background: url(../imgs/bg_pattern2_7.jpg) repeat left top;}
.chart3 li:nth-child(2) em {height: 70%;}
.chart3 li:nth-child(3) em {height: 35%;}
.chart3 li:nth-child(4) em {height: 23%;}
.chart3 li:nth-child(5) em {height: 20%;}
.chart3 li:nth-child(6) em {height: 40px;}
.chart3 li:nth-child(7) em {height: 40px;}
.chart3 li:nth-child(1) em:after {background: url(../imgs/bg_pattern3_1.jpg) repeat left top;}
.chart3 li:nth-child(2) em:after {background: url(../imgs/bg_pattern3_2.jpg) repeat left top;}
.chart3 li:nth-child(3) em:after {background: url(../imgs/bg_pattern3_3.jpg) repeat left top;}
.chart3 li:nth-child(4) em:after {background: url(../imgs/bg_pattern3_4.jpg) repeat left top;}
.chart3 li:nth-child(5) em:after {background: url(../imgs/bg_pattern3_5.jpg) repeat left top;}
.chart3 li:nth-child(6) em:after {background: url(../imgs/bg_pattern3_6.jpg) repeat left top;}
.chart3 li:nth-child(7) em:after {background: url(../imgs/bg_pattern3_7.jpg) repeat left top;}
.chart4 li:nth-child(2) em {height: 40%;}
.chart4 li:nth-child(3) em {height: 30%;}
.chart4 li:nth-child(4) em {height: 20%;}
.chart4 li:nth-child(5) em {height: 20%;}
.chart4 li:nth-child(6) em {height: 40px;}
.chart4 li:nth-child(7) em {height: 40px;}
.chart4 li:nth-child(1) em:after {background: url(../imgs/bg_pattern4_1.jpg) repeat left top;}
.chart4 li:nth-child(2) em:after {background: url(../imgs/bg_pattern4_2.jpg) repeat left top;}
.chart4 li:nth-child(3) em:after {background: url(../imgs/bg_pattern4_3.jpg) repeat left top;}
.chart4 li:nth-child(4) em:after {background: url(../imgs/bg_pattern4_4.jpg) repeat left top;}
.chart4 li:nth-child(5) em:after {background: url(../imgs/bg_pattern4_5.jpg) repeat left top;}
.chart4 li:nth-child(6) em:after {background: url(../imgs/bg_pattern4_6.jpg) repeat left top;}
.chart4 li:nth-child(7) em:after {background: url(../imgs/bg_pattern4_7.jpg) repeat left top;}
.chart div.clf {text-align: center;}
.chart div.clf > div {background: url(../imgs/bg_chart1_1.png) no-repeat left top; width: 250px; height: 250px; display: inline-block; position: relative;}
.chart div.clf > div:last-child {background: url(../imgs/bg_chart1_2.png) no-repeat left top; margin-top: 20px;}
.chart p {font-size: 18px; color: #000; position: absolute; left: 66px; bottom: 70px; line-height: 30px;}
.chart p b {color: #cd273d; font-size: 29px; display: block;}
.chart p:last-child {font-size: 16px; left: auto; bottom: auto; right: 65px; top: 74px; line-height: 20px;}
.chart p:last-child b {color: #d3615a; font-size: 19px;}
.chart div.clf > div:last-child p b {color: #7e3a2f;}
.chart div.clf > div:last-child p:last-child b {color: #a87740;}
.chart2 div.clf > div {background: url(../imgs/bg_chart2_1.png) no-repeat left top;}
.chart2 div.clf > div:last-child {background: url(../imgs/bg_chart2_2.png) no-repeat left top;}
.chart3 div.clf > div {background: url(../imgs/bg_chart3_1.png) no-repeat left top;}
.chart3 div.clf > div:last-child {background: url(../imgs/bg_chart3_2.png) no-repeat left top;}
.chart4 div.clf > div {background: url(../imgs/bg_chart4_1.png) no-repeat left top;}
.chart4 div.clf > div:last-child {background: url(../imgs/bg_chart4_2.png) no-repeat left top;}
.chart2 p b {color: #0f636d;}
.chart2 p:last-child b {color: #32905d;}
.chart2 div.clf > div:last-child p b {color: #144f57;}
.chart2 div.clf > div:last-child p:last-child b {color: #6c8351;}
.chart3 p b {color: #972900;}
.chart3 p:last-child b {color: #c33200;}
.chart3 div.clf > div:last-child p b {color: #871600;}
.chart3 div.clf > div:last-child p:last-child b {color: #c26201;}
.chart4 p b {color: #0f636d;}
.chart4 p:last-child b {color: #007eb0;}
.chart4 div.clf > div:last-child p b {color: #131d58;}
.chart4 div.clf > div:last-child p:last-child b {color: #4d835a;}
#intro {background: url(../imgs/bg_intro_m.jpg) no-repeat top center; background-size: cover !important; width: 100%; height: 100%; position: relative; text-align: center;}
#intro h1 {padding-top: 50px; margin-bottom: 30px;}
#intro h1 img {width: 150px; height: auto;}
#intro .wrap {border-top: 2px solid #fff; border-bottom: 2px solid #fff; width: 180px; display: inline-block; padding: 20px 0 0;}
#intro li {position: relative; margin-bottom: 20px; cursor: pointer;}
#intro li a {display: block;}
#intro li a {display: block;}
#intro li a:hover, #intro li a:focus {background: url(../imgs/ico_arrow8.png) no-repeat right center;}
.map-course fieldset {width: 90%; margin: 0 auto;} 
.map-course fieldset:not(:last-child) {margin-bottom: 10px;} 
.map-course label {margin: 0 15px 0 0; font-size: 18px; width: 76px;} 
.map-course select {border: 0; border-bottom: 1px solid #b5b5b5; width: calc(100% - 94px);}
.map2 {position: relative;}
.map2 .map-content {position: relative; height: 375px; background: #ccc; margin-top: 20px;}
.map2 .map-content article {border: 1px solid #000; background: #fff; padding: 20px 10px; width: 205px; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
.map2 .map-content article h3 {font-size: 17px; margin-bottom: 15px;}
.map2 .map-content p {margin: 10px 0 20px; font-size: 16px;}
.map2 .map-content .btns a {width: calc((100% - 10px) / 2); text-align: center; float: left; border-radius: 3px; padding: 3px 0;}
.map2 .map-content .btns a:first-child {border: 1px solid  #1f93e4; background: #1f93e4; color: #fff;}
.map2 .map-content .btns a:last-child {border: 1px solid  #1f93e4; color: #1f93e4; background: #fff; margin-left: 10px;}
.map2 .map-content .btn-close {position: absolute; right: -34px; top: -1px;}
.map2 .wrap {position: relative; padding: 15px 10px 80px 10px; min-height: 300px;}
.map2 .wrap:after {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: #3c3e41; z-index: 1;}
.map2 input[type=text] {border-radius: 3px; background: #fff; border: 0; z-index: 5; position: relative; width: 100%; text-align: center;}
.tab-nav {position: relative; z-index: 5; margin: 10px 0 20px;}
.tab-nav li {float: left; width: calc(-6.66px + 33.33%); text-align: center; background: #fff; border-radius: 3px; padding: 3px 0;}
.tab-nav li:not(:last-child) {margin-right: 10px;}
.tab-nav li.active {background: #ff1346;}
.tab-nav li.active a {color: #fff;}
.tabs {counter-reset: order;}
.tabs > div:not(:first-child) {display: none;}
.map2 .tabs .center.align-center {position: relative; z-index: 5; color: #959595;}
.map2 .tabs article {border-bottom: 1px solid #fff; padding: 15px 75px 15px 0; color: #fff; position: relative; z-index: 5;}
.map2 .tabs h4 {font-size: 17px; position: relative; padding-left: 30px; font-weight: 300;}
.map2 .tabs h4:before {content: counter(order); counter-increment: order; display: block; position: absolute; background: url(../imgs/ico_map3.png) no-repeat left top; width: 30px; height: 43px; left: 0; top: -6px; padding: 2px 0 0 7px;}
.map2 .tabs .btns {position: absolute; z-index: 5; right: 10px; top: 10px;}
.map2 .tabs .btns button {float: left;}
.map2 .tabs .btns button:not(:last-child) {margin-right: 10px;}
.map2 .wrap > button {text-align: center; color: #fff; font-size: 17px; border-radius: 3px; background: #292929; position: absolute; z-index: 5; width: calc(100% - 20px); display: block; padding: 10px 0; left: 10px; bottom: 15px;}
.map2 .wrap > button span {display: inline-block; position: relative; padding-left: 43px;}
.map2 .wrap > button span:before {content: ''; display: block; position: absolute; background: url(../imgs/ico_calendar1.png) no-repeat left top; width: 23px; height: 26px; left: 0; top: 0;}
.course2 .tab-nav {width: 240px; margin: 20px auto;}
.course2 .tab-nav li {border: 1px solid #000;}
.course2 .process1 {margin: 50px 0 0 0;}
.course2 .process1 li:not(:last-child) {margin-bottom: 50px;}
.course2 .process1 li:last-child:after {content: counter(order); counter-increment: order; display: block; position: absolute; background: url(../imgs/ico_process1.png) no-repeat left top; width: 41px; height: 60px; left: 50%; bottom: 0; transform: translateX(-50%); color: #fff; font-weight: 700; font-size: 20px; padding: 6px 5px 0 0;} 
.course2 .process1 li:first-child:before {display: none;}
.course2 .process1 li span {line-height: 14px; bottom: -38px;}
.course2 .list {margin-top: 20px; counter-reset: order;}
.course2 article {margin-top: 20px; border: 1px solid #dbdbdb; padding: 15px; background: #fff; position: relative;}
.course2 article:not(:last-child) {margin-bottom: 20px;}
.course2 article figure:before {content: counter(order); counter-increment: order; display: block; background: url(../imgs/ico_process1.png) no-repeat left top;  position: absolute; width: 41px; height: 60px; left: 25px; top: 25px; color: #fff; font-size: 18px; font-weight: 700; padding: 7px 0 0 12px; background-size: cover;}
.course2 article h4 {margin-top: 15px; font-size: 18px;}
.course2 article p {margin: 15px 0; padding-bottom: 15px; border-bottom: 1px solid #dbdbdb;}
.course2 .keywords {padding-left: 75px; position: relative;}
.course2 .keywords h5 {position: absolute; left: 0; top: 0; font-weight: 200;}
.course2 .keywords a {padding: 2px 5px; background: #e9e7e3; margin: 0 5px 5px 0; display: inline-block;}
.course2 .wrap > a {background: #313131; text-align: center; color: #fff; padding: 5px 0; display: block; width: 100%; margin-top: 10px;}
.btn-binder {margin-top: 30px;}
.btn1 {border: 1px solid #acacac; padding: 10px 0; text-align: center; display: inline-block; width: 100%;}
.sns-content {position: relative; overflow: hidden; padding: 75px 0 0 0;}
.sns-content:after {content: ''; display: block; position: absolute; width: 100%; height: 326px; background: #eceff1; bottom: 0; right: 0; z-index: -1;}
.sns-content h3 {font-size: 20px;}
.sns-content h3 .em1 {color: #0d47a1; font-size: 30px;}
.sns-content h3 .em2 {position: relative;}
.sns-content h3 .em2:before {content: ''; display: block; position: absolute; width: 100%; height: 65%; background: #ffff8d; left: 0; bottom: 0; z-index: -1;}
.sns-content h3 .em2:after {content: ''; display: block; position: absolute; background: url(../imgs/img_sns1.png) no-repeat left top; width: 87px; height: 120px; right: -92px; bottom: -13px; background-size: cover;}
.sns-content h3 .em3 {color: #d50000; font-size: 30px;}
.sns-content h3 .em4 {font-size: 26px;}
.sns-content h3 + p em {font-size: 18px; position: relative;}
.sns-content h3 + p em:after {content: ''; display: block; position: absolute; width: 100%; height: 80%; background: #ffff8d; left: 0; bottom: 0; z-index: -1;}
.sns-content div.clf {margin-top: 40px; padding: 10px;}
.sns-content a {float: left; width: calc((100% - 40px) / 2); margin: 40px 40px 0 0; text-align: center; display: block; background: url(../imgs/ico_facebook3.png) no-repeat top center; padding: 120px 0 0 0; background-size: 120px !important;}
.sns-content a:nth-child(-n+2) {margin-top: 0;}
.sns-content a:nth-child(2n) {margin-right: 0;}
.sns-content a:nth-child(2) {background: url(../imgs/ico_blog3.png) no-repeat top center;}
.sns-content a:nth-child(3) {background: url(../imgs/ico_youtube1.png) no-repeat top center;}
.sns-content a:nth-child(4) {background: url(../imgs/ico_instagram3.png) no-repeat top center;}
.sns-content a span {padding: 10px 0; border: 1px solid #bcbcbc; background: #fff; color: #313131; display: block;}
.sns-content a:hover span, .sns-content a:focus span {border: 1px solid #313131; background: #313131; color: #fff; text-decoration: none;}
.movie {text-align: center;}
.movie h3 {font-size: 18px; margin-bottom: 35px;}
.movie h3 > span {display: inline-block; position: relative; font-size: 20px; width: 170px;}
.movie h3 > span:after {content: ''; display: block; position: absolute; right: -60px; bottom: -5px; background: url(../imgs/img_movie1.png) no-repeat left top; width: 65px; height: 103px;}
.movie h3 span span {display: inline; font-size: 18px;}
.movie h3 em {font-size: 28px;}
.movie h3 .em1 {position: relative;}
.movie h3 .em1:after {content: ''; display: block; position: absolute; width: 100%; height: 65%; background: #ffff8d; left: 0; bottom: 0; z-index: -1;}
.movie h3 .em2 {color: #d50000;}
.movie h3 .em3 {color: #0d47a1;}
.movie iframe {width: 100%; height: 315px;}
.slick3 .slick-wrap {position: relative;}
.slick3 h2 {position: absolute; left: 10px; top: 10px; z-index: 20;}
.slick3 .control {position: absolute; left: 0; top: 120px; z-index: 20; width: 100%;}
.slick3 .control li {float: left; text-align: center; text-indent: -9999px; position: relative;  font-size: 20px;}
.slick3 .control li:after {content: ''; display: block; position: absolute; width: 100%; height: 1px; left: 0; top: 50%; background: #fff; transform: translateY(-50%);} 
.slick3 .control li:first-child:after {width: 50%; left: auto; right: -1px; background: #fff; z-index: 1;}
.slick3 .control li:last-child:after {width: 50%; left: 0; z-index: 1;}
.slick3 .column6 li {float: left; width: 16.66%;}
.slick3 .column5 li {float: left; width: 20%;}
.slick3 .column4 li {float: left; width: 25%;}
.slick3 .column3 li {float: left; width: 33.33%;}
.slick3 .control li a {color: #fff; display: block; width: 100%; position: relative; height: 100%; z-index: 5; white-space: nowrap;}
.slick3 .control li a:after {content: ''; display: block; position: absolute; width: 8px; height: 8px; background: #fff; left: 50%; top: 50%; transform: translate(-50%, -50%); border-radius: 50%;}
.slick3 .control li a:before {content: ''; display: none; position: absolute; width: 26px; height: 26px; background: transparent; left: 50%; top: 50%; border: 1px solid #ffe34a; transform: translate(-50%, -50%); border-radius: 50%;}
.slick3 .control li.active a:before {display: block;}
.slick3 .control li.active a:after {background: #ffe34a;}
.slick3 article {position: relative; z-index: 22;}
.slick3 .slick-wrap > p {position: absolute; right: 36px; top: 160px; z-index: 20;}
.slick3 article > img {width: 100%; height: 100vh; object-fit: cover;}
.slick3 article .txt {position: absolute; width: 100%; z-index: 15;}
.slick3 .style1 {text-align: center; color: #fff;}
.slick3 .slick-wrap:before {content: ''; display: block; position: absolute; border-top: 280px solid #0d4f00; border-right: 350px solid transparent; position: absolute; left: 0; top: 0; z-index: 10;border-right-width: 400px;}
.slick3 .slick-wrap > a {display: block; position: absolute; right: 0; bottom: 0; text-align: center;  color: #fff; border-bottom: 220px solid #0d4f00; border-left: 290px solid transparent; z-index: 11;}
.slick3 .slick-wrap > a span {background: url(../imgs/ico_home3.png) no-repeat top center; padding-top: 50px; position: absolute; right: 50px; bottom: -190px; width: 55px;}
/* .slick3 .slick-wrap > a:after {content: ''; display: block; position: absolute; border-bottom: 250px solid #0d4f00; border-left: 342px solid transparent; position: absolute; right: 0; bottom: 0; z-index: 1;} */
.slick3  .slick-current:after {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: #000; left: 0; top: 0; opacity: 0.1; z-index: 1;}
.slick3 .style1 .txt {left: 0; top: 250px; padding: 10px;}
.slick3 .style1 h3 {font-size: 30px; text-align: left; font-weight: 700; line-height: 30px;}
.slick3 .style1 h4 {font-size: 24px; margin: 15px 0; font-weight: 700;}
.slick3 .style1 h4 em {display: block; font-size: 18px; font-weight: 500;}
.slick3 .txt p {font-weight: 300;letter-spacing:normal;}
.slick3 article .txt{word-break:keep-all;}
.slick3 article:not(.style1) .txt {padding: 10px; left: 0; top: 182px; padding: 10px 10px 10px 40px;}
.slick3 article.style3 .txt {top: 246px;}
.slick3 article.style4 .txt {top: auto !important; bottom: 0;}
.slick3 article.style5 .txt {top: 351px;}
.slick3 article:not(.style1) .txt:before {content: ''; display: block; position: absolute; left: 10px; top: 10px; height: calc(100% - 20px); width: 1px; background: #000;}
.slick3 article:not(.style1) h3 {font-size: 30px; position: relative;color:#232323;}
.slick3 article:not(.style1) h3 span {border-bottom: 1px solid #000;font-weight:700;}
.slick3 article:not(.style1) h3 em {font-size: 18px; position: absolute; left: -20px; top: 3px;}
.tourCustom{margin:0 auto 10px; width: 360px;text-align:center;}
.tourCustom .title{font-size:24px;color:#616161;}
.tourCustom .cont{font-size:30px;color:#212121;}
.tourCustom .cont em{background:#fff176}
.tourCode{margin:10px 0;}
.tourCode li{float:left;width:14.28%;}
.tourCode li a{display:block; padding: 7px 10px 0;border:1px solid #b0bec5;height:48px}
.tourCode li:nth-child(n+2) a{border-left:none;}
.tourCode li:nth-child(n+8) a{border-top:none;}
.tourCode li:nth-child(7n+1) a{border-left:1px solid #b0bec5;}
.tourCode li a:hover,.tourCode li a.on{background:#3f51b5;color:#fff;}
.tourCode li span{float:left;}
.tourCode li .tourCode-img{height:35px;width:35px;}
.tourCode li .tourCode-txt{line-height:30px;padding-left:10px;}
/* Extra Small */
@media (max-width: 320px) {
    .title1 {font-size: 18px;}
    .title2 {font-size: 17px;}
    .custom h2 {font-size: 25px;}
    .custom h2:after {right: 16px;}
    .custom.what h2, .custom.who h2 {font-size: 18px;}
    .chart li {font-size: 11px; width: calc((100% - 30px) / 7);}
    .chart li:not(:last-child) {margin: 0 5px 0 0;}
    .chart li em {font-size: 11px;}
    .sns-content h3 + p em {display: block; width: 83px;}
    .sns-content div.clf {padding: 10px 5px;}
    .slick3 article.style1 .txt {top: 200px;}
    .slick3 article.style3 .txt {top: 222px;}
    .slick3 article.style5 .txt {top: 254px;}
}
@media (min-width: 376px) and (max-width: 425px) {
    .slick3 article.style5 .txt {top: 441px;}
}
/* Landscape phones and portrait tablets */
@media (max-width: 767px) {
	.tourCode{display:none;}
}
/* Portrait tablets and small desktops */
@media (min-width: 768px) and (max-width: 991px) {
    .content {padding: 40px 15px;}
    .responsive > table, .responsive > .process1 {width: 100% !important;}
    .responsive:before {display: none;}
    .depth {margin: 0 0 25px 10px;}
    .title2 {font-size: 29px; width: 70%; margin: 0 auto 40px;}
    .slick1 .slick-wrap {float: left; width: 48%;}
    .slick1 .info {margin: 0; float: right; width: 50%;}
    .lane h3 span {display: inline; font-size: 15px;}
    .form-header1 select {width: 130px; margin-right: 15px;}
    .form-header1 fieldset > div {width: calc(100% - 148px); display: inline-block;}
    .form-header1 .wrap {padding: 15px;}
    .form-header1 .from-to {width: 270px; position: absolute; left: 15px; top: 15px;}
    .form-header1 .date-wrap {width: calc(100% - 295px); position: absolute; left: 295px; top: 15px; margin: 0;}
    .form-header1 .date-wrap div {width: calc(100% - 228px); margin: 0;}
    .form-header1 .popular-wrap li {float: left; width: calc((100% - 40px) / 5);}
    .form-header1 .popular-wrap li:not(:last-child) {margin: 0 10px 0 0;}
    .search .title + ul li {padding: 15px 0;}
    .search .search-title {margin-bottom: 25px;}
    .search .gallery figure {float: left; width: calc((100% - 45px) / 4); margin: 15px 15px 0 0 !important; height:420px;}
    .search .gallery figure:nth-child(-n+4) {margin-top: 0 !important; height:420px;}
    .search .gallery figure:nth-child(4n) {margin-right: 0 !important; height:420px;}
    .search a.more {margin-top: 25px;}
    .custom .inner {padding: 20px;}
    .custom h2 {font-size: 35px; width: 380px; margin: 0 auto; padding-top: 60px;}
    .custom ul {width: 660px;}
    .custom li {width: 150px; height: 150px; margin: 0 20px 0 0 !important;}
    .custom li:last-child {margin-right: 0 !important;}
    .custom li.active a:after {width: 125px; height: 125px;}
    .custom .btns .clf {width: 50%; margin: 30px 0; display: inline-block;}
    .custom .btns a {width: calc((100% - 20px) / 2);}
    .custom .btns a:not(:last-child) {margin: 0 20px 0 0;}
    .custom figure {text-align: right;}
    .custom figure img {width: 329px; height: auto;}
    .custom.what ul, .custom.who ul {width: 730px;}
    .custom.what li, .custom.who li {width: 130px; height: 130px;}
    .custom li.active a:after {width: 110px; height: 110px;}
    .custom.what h2 {font-size: 35px; width: 452px;}
    .custom.who h2 {font-size: 35px; width: 452px;}
    .custom.what .btns .clf {width: 65%;}
    .custom.what .btns a {width: calc((100% - 40px) / 3);}
    .custom.what .btns a:not(:last-child) {margin: 0 20px 0 0;}
    .custom.what figure {text-align-last: left;}
    .custom.who figure {width: 30%; padding-top: 30px;}
    .info1 p {float: left; width: 50%; margin: 20px 0 0 0 !important; height: 100px;}
    .info1 p:nth-child(-n+2) {margin-top: 0 !important;}
    .map1 {height: 348px;}
    .slick2 .slick-wrap {padding: 10px 10px 80px;}
    .slick2 .slick-list {margin: 0 -10px 0 0;}
    .slick2 .slick img {margin: 0 10px 0 0;} 
    .slick2 .prev, .slick2 .next {bottom: 10px;}
    .attache1 a {width: 350px;}
    .form-header2 .title {line-height: 35px;}
    .form-header2 .wrap {position: absolute; right: 10px; top: 10px;}
    .form-header2 select {width: 95px; margin: 0 10px 0 0;}
    .form-header2 input[type=search] {width: 290px;}
    .form-header2 input[type=search] + button {width: 80px; margin: 0 0 0 20px;}
    .gallery1 figure {float: left; width: calc((100% - 40px) / 3); margin: 20px 20px 0 0 !important; height: 346px;}
    .gallery1 figure:nth-child(-n+3) {margin-top: 0 !important;}
    .gallery1 figure:nth-child(3n) {margin-right: 0 !important;}
    .course1 figure {margin-bottom: 50px !important;}
    .course1 figcaption {position: absolute; right: 20px; bottom: -30px; padding: 20px; width: 50%; border: 1px solid #eee;}
    .course1 figure:nth-child(even) figcaption {right: auto; left: 30px;}
    .course1 figcaption:before {display: block;}
    .course1 figcaption:after {display: block;}
    .days {width: 230px; margin: 0 auto 20px;} 
    .process1 {margin: 20px 0 0 0;}
    .process1:before {left: 0; top: 60px; width: 100%; height: 1px; transform: none; opacity: 1;}
    .process1 li {float: left; padding: 0 0 65px 0; margin: 0 !important;}
    .process1 li:first-child:before, .process1 li:last-child:before {display: block;}
    .process1 li span {left: auto; bottom: auto; right: -12px; top: 50%; transform: translateY(-50%);}
    .gallery2 figure {float: left; width: calc((100% - 20px) / 2); margin: 20px 20px 0 0 !important;}
    .gallery2 figure:nth-child(-n+2) {margin-top: 0  !important;}
    .gallery2 figure:nth-child(2n) {margin-right: 0  !important;}
    .schedules h3 + p span {position: absolute; right: 0; top: 0;}
    .schedules .clf > div {float: left; width: calc((100% - 40px) / 3); margin: 20px 20px 0 0 !important;}
    .schedules .clf > div:nth-child(-n+3) {margin-top: 0 !important;}
    .schedules .clf > div:nth-child(3n) {margin-right: 0 !important;}
    .schedules .clf .wrap {height: 131px;}
    .chart {padding-bottom: 40px;}
    .chart h3 {text-align: center;}
    .chart h3 img {width: auto;}
    .chart ul {width: 410px; margin: 20px auto;}
    .chart1 {background: url(../imgs/bg_chart1.png) no-repeat top center;}
    .chart div.clf > div:last-child {margin: 0 0 0 20px;}
    #intro {background: url(../imgs/bg_intro_t.jpg) no-repeat top center;}
    #intro h1 {padding-top: 190px; margin-bottom: 40px;}
    #intro h1 img {width: 200px;}
    .map-course fieldset {float: left; width: calc((100% - 30px) / 2);}
    .map-course fieldset:last-child {margin-left: 30px;}
    .map-course form > .clf {padding: 0 60px;}
    .map2 .map-content {height: 500px;}
    .course2 .process1 li {padding: 0 0 125px 0;}
    .course2 .process1 li:first-child:before {display: block;}
    .course2 .process1 li:after {top: 30px; bottom: auto;}
    .course2 .process1 li span {bottom: 70px; right: -42px;}
    .course2 figure {width: 200px; float: left;}
    .course2 .wrap {float: right; width: calc(100% - 210px); padding: 0 0 45px 0; position: relative; font-size: 16px;}
    .course2 article h4 {margin-top: 0;}
    .course2 article .wrap > a {margin-top: 0; width: 105px; position: absolute; right: 0; bottom: 0;}
    .btn1 {width: 105px; display: inline-block;}
    .content.abnormal {padding: 30px 15px 0 15px;}
    .sns-content {padding: 200px 0  0 320px;}
    .sns-content:after {height: 510px; width: 80%;}
    .sns-content .wrap {position: absolute; top: 50px; right: 30px;}
    .sns-content h3 {font-size: 30px; line-height: 50px;}
    .sns-content h3 .em1 {font-size: 60px;}
    .sns-content h3 .em2:after {width: 102px; height: 140px;}
    .sns-content h3 .em3 {font-size: 60px;}
    .sns-content h3 .em4 {font-size: 40px;}
    .sns-content > img {position: absolute; width: 330px; height: auto; left: 0; bottom: 0;}
    .sns-content div.clf {padding: 30px 10px 30px;}
    .sns-content a {background-size: auto !important; padding: 212px 0 0 0;}
    .movie h3 {font-size: 35px; letter-spacing: -3px; line-height: 64px;}
    .movie h3 > span {font-size: 47px; width: 400px;}
    .movie h3 span span {font-size: 35px;}
    .movie h3 em {font-size: 71px;}
    .slick3 h2 {top: 30px;}
    .slick3 .control {top: 50px; left: 250px; width: calc(100% - 250px);}
    .slick3 .control li {text-indent: 0; padding-bottom: 70px; font-size: 17px;}
    .slick3 .control li a:before {top: auto; transform: translateX(-50%); bottom: -35px;}
    .slick3 .control li a:after {top: auto; transform: translateX(-50%); bottom: -27px;}
    .slick3 .style1 .txt {top: 470px;}
    .slick3 .style1 h3 {font-size: 65px; line-height: 65px;}
    .slick3 .style1 h4 {font-size: 40px;}
    .slick3 .style1 h4 em {font-size: 22px;}
    .slick3 article:not(.style1) .txt {width: 70%; top: 399px; padding: 20px 20px 20px 50px;}
    .slick3 article:not(.style1) .txt:before {left: 20px; height: calc(100% - 40px); top: 20px;}
    .slick3 article:not(.style1) h3 {font-size: 40px; margin-bottom: 15px;}
    .slick3 article.style3 .txt {top: 532px;}
    .slick3 article.style5 .txt {top: 857px;}
	.tourCode{margin:10px 5px;}
	.tourCode li{width:25%}
	.tourCode li:nth-child(n+2) a{border-left:none;}
	.tourCode li:nth-child(n+5) a{border-top:none;}
	.tourCode li:nth-child(4n+1) a{border-left:1px solid #b0bec5;}
}
/* Landscape tablets and medium desktops */
@media (min-width: 992px) and (max-width: 1199px) {
    .inner {padding: 0 15px;}
    .content {padding: 40px 15px;}
    .title1 {font-size: 24px;}
    .title2 {font-size: 29px; width: 55%; margin: 0 auto 40px;}
    .symbol1 {font-size: 18px;}
    .responsive > table, .responsive > .process1 {width: 100% !important;}
    .responsive:before {display: none;}
    .depth {margin: 0 0 35px 10px;}
    .depth .symbol4 ul {line-height: 30px;}
    .slick1:not(:nth-of-type(1)), .slick1 + section {margin-top: 35px;}
    .slick1 .slick-wrap {float: left; width: 600px;}
    .slick1 .info {margin: 0; float: right; width: calc(100% - 610px);}
    .slick1 button img {width: auto;}
    .lane h3 span {display: inline; font-size: 15px;}
    .form-header1 > fieldset:nth-of-type(1) {width: 765px; margin: 0 auto;}
    .form-header1 > fieldset:nth-of-type(1) {width: 765px; margin: 0 auto;}
    .form-header1 select {width: 130px; margin-right: 15px;}
    .form-header1 fieldset > div {width: calc(100% - 148px); display: inline-block;}
    .form-header1 .wrap {padding: 25px 25px 20px 25px;}
    .form-header1 .from-to {width: 270px; position: absolute; left: 25px; top: 20px;}
    .form-header1 .date-wrap {width: calc(100% - 495px); position: absolute; left: 476px; top: 20px; margin: 0;}
    .form-header1 .date-wrap div {width: calc(100% - 250px); margin: 0;}
    .form-header1 .popular-wrap {width: 80%; margin: 0 auto; position: relative; border: 0;}
    .form-header1 .popular-wrap li {float: left; width: calc((100% - 40px) / 5);}
    .form-header1 .popular-wrap li:not(:last-child) {margin: 0 10px 0 0;}
    .search .title + ul li {padding: 15px 0;}
    .search .search-title {margin-bottom: 25px;}
    .search .gallery figure {float: left; width: calc((100% - 45px) / 4); margin: 15px 15px 0 0 !important; height:420px;}
    .search .gallery figure:nth-child(-n+4) {margin-top: 0 !important; height:420px;}
    .search .gallery figure:nth-child(4n) {margin-right: 0 !important; height:420px;}
    .search a.more {margin-top: 25px;}
    .custom {background-size: cover; overflow: hidden; padding: 0 0 180px 0;}
    .custom h1 {left: 0;}
    .custom .btn-lcose {right: 0;}
    .custom h2 {font-size: 50px; width: 540px; margin: 0 auto; padding-top: 150px;}
    .custom h2 b {font-size: 80px;}
    .custom h2 b:before {width: 13px; height: 21px; top: 3px;}
    .custom h2 b:after {width: 13px; height: 21px; top: 3px;}
    .custom h2 span:after {width: 30px; height: 57px;}
    .custom ul {width: 890px;}
    .custom li {width: 200px; height: 200px; margin: 0 30px 0 0 !important; font-size: 30px;}
    .custom li.active:before {width: 45px; height: 45px;}
    .custom li:last-child {margin-right: 0 !important;}
    .custom li.active a:after {width: 200px; height: 200px;}
    .custom li a {width: 100px; height: 100px; line-height: 100px;}
    .custom .btns .clf {width: 50%; margin: 30px 0; display: inline-block;}
    .custom .btns a {padding: 15px 0; font-size: 22px; width: calc((100% - 30px) / 2);}
    .custom .btns a:not(:last-child) {margin: 0 30px 0 0;}
    .custom a.prev {background-size: 35px auto; background-position: left 40px center;}
    .custom a.next {background-size: 35px auto; background-position: right 30px center;}
    .custom figure {text-align: right; position: absolute; right: 0; bottom: 49px}
    .custom figure img {width: 220px; height: auto;}
    .custom.what h2, .custom.who h2 {font-size: 50px; width: 700px;}
    .custom.what h2 span:after {right: -28px; bottom: 10px;}
    .custom.who h2 span:after {right: -24px; bottom: 10px;}
    .custom.what ul, .custom.who ul {width: 970px;}
    .custom.what li, .custom.who li {width: 170px; height: 170px; font-size: 22px;}
    .custom li.weirdo a {padding-top: 12px;}
    .custom.what .btns .clf {width: 80%;}
    .custom.what .btns a {width: calc((100% - 60px) / 3);}
    .custom.what figure {left: -40px; right: auto;}
    .custom.who figure:nth-of-type(1) {width: 250px; left: 0; bottom: 0;}
    .custom.who figure:nth-of-type(2) {width: 300px; left: auto; right: 0; bottom: -80px;}
    .figure1 {padding: 0;}
    .figure1 > img {width: 580px; float: left;}
    .figure1 figcaption {box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); padding: 50px 40px; float: left; width: calc(100% - 580px); height: 410px;}
    .figure1 h3 {font-size: 24px; margin: 0 0 15px;}
    .info1 {margin-top: 40px;}
    .info1 p {float: left; width: 50%; margin: 30px 0 0 0 !important; height: 90px;}
    .info1 p:nth-child(-n+2) {margin-top: 0 !important;}
    .map1 {height: 348px; margin-top: 40px;}
    .slick2 h4 {font-size: 22px; margin-bottom: 30px;}
    .slick2 .slick-wrap {padding: 30px 30px 100px;}
    .slick2 .slick-list {margin: 0 -15px 0 0;}
    .slick2 .slick img {margin: 0 15px 0 0;} 
    .slick2 .prev {bottom: 20px; left: -30px;}  
    .slick2 .next {bottom: 20px; right: -30px;}
    .attache1 {margin-top: 40px;}
    .attache1 a {width: 350px;}
    .form-header2 .title {line-height: 35px;}
    .form-header2 .wrap {position: absolute; right: 10px; top: 10px;}
    .form-header2 select {width: 95px; margin: 0 10px 0 0;}
    .form-header2 input[type=search] {width: 345px;}
    .form-header2 input[type=search] + button {width: 80px; margin: 0 0 0 20px;}
    .gallery1 figure {float: left; width: calc((100% - 60px) / 4); margin: 20px 20px 0 0 !important; height: 347px;}
    .gallery1 figure:nth-child(-n+4) {margin-top: 0 !important;}
    .gallery1 figure:nth-child(4n) {margin-right: 0 !important;}
    .course1 figure {margin-bottom: 50px !important;}
    .course1 figcaption {position: absolute; right: 20px; bottom: -30px; padding: 30px 30px 60px 30px; width: 546px; border: 1px solid #eee;}
    .course1 figure:nth-child(even) figcaption {right: auto; left: 30px;}
    .course1 figcaption:before {display: block;}
    .course1 figcaption:after {display: block;}
    .course1 figcaption h3 {font-size: 24px;}
    .course1 figcaption > a {width: 106px; position: absolute; right: 30px; bottom: 10px; margin: 0;}
    .days {width: 230px; margin: 0 auto 40px;} 
    .process1 {margin: 20px 0 0 0; padding: 0 100px;}
	.control_box .prev{left: 99px;}
	.control_box .next{right: 99px;}	
    .process1:before {left: 100px; top: 60px; width: calc(100% - 200px); height: 1px; transform: none; opacity: 1;}
    .process1 li {float: left; padding: 0 0 65px 0; margin: 0 !important;}
    .process1.column3 li {width: 33.33%;}
    .process1.column4 li {width: 25%;}
    .process1.column5 li {width: 20%;} 
    .process1.column6 li {width: 16.66%;}
	.process1.column7 li {width: 14.28%;}
	.process1.column8 li {width: 12.5%;}
    .process1 li:first-child:before, .process1 li:last-child:before {display: block;}
    .process1 li span {left: auto; bottom: auto; right: -12px; top: 50%; transform: translateY(-50%);}
    .course-view1 {margin-top: 40px;}
    .course-view1 figcaption {position: absolute; margin: 0; right: 0; top: 0; width: 540px; font-size: 16px;}
    .course-view1 h3 {margin-bottom: 5px;}
    .course-view1 h3 em {display: inline-block;}
    .course-view1 p {font-size: 13px;}
    .course-view1 .style1 figcaption {right: auto; left: 0; width: 512px;}
    .course-view1 .style2 {padding-bottom: 20px;}
    .course-view1 .style2 figcaption {left: 0; top: auto; bottom: 0; width: 543px;}
    .gallery2 figure {float: left; width: calc((100% - 30px) / 2); margin: 30px 30px 0 0 !important;}
    .gallery2 figure:nth-child(-n+2) {margin-top: 0  !important;}
    .gallery2 figure:nth-child(2n) {margin-right: 0  !important;}
    .gallery2 figcaption > a[target=_blank]:after {right: 60px;} 
    .gallery2 figure:nth-child(2) figcaption > a[target=_blank]:after {right: 40px;}
    .schedules h3 + p span {position: absolute; right: 0; top: 0;}
    .banner1 {margin-bottom: 50px;}
    .schedules .clf > div {float: left; width: calc((100% - 80px) / 5); margin: 20px 20px 0 0 !important;}
    .schedules .clf > div:nth-child(-n+5) {margin-top: 0 !important;}
    .schedules .clf > div:nth-child(5n) {margin-right: 0 !important;}
    .schedules .clf .wrap {height: 131px;}
    .taxi {margin-top: 35px;}
    .chart {padding: 75px 0 55px 0; margin: 0 !important;}
    .chart:after {display: block;}
    .chart4:after {display: none;}
    .chart1 {background: url(../imgs/bg_chart1.jpg) no-repeat top center; background-size: 100% 100% !important;}
    .chart2 {background: url(../imgs/bg_chart2.jpg) no-repeat top center; background-size: 100% 100% !important;}
    .chart3 {background: url(../imgs/bg_chart3.jpg) no-repeat top center; background-size: 100% 100% !important;}
    .chart4 {background: url(../imgs/bg_chart4.jpg) no-repeat top center; background-size: 100% 100% !important; padding: 75px 0 130px 0;}
    .chart .wrap {margin: 55px auto 0; padding: 0 0 0 471px;}
    .chart h3 img {width: auto;}
    .chart ul {width: 410px; margin: 0; position: absolute; left: 0; top: 0;}
    .chart div.clf > div:last-child {margin: 0 0 0 20px;}
    .chart1 h3 {margin: 0 0 0 255px;}
    .chart2 h3, .chart4 h3 {margin: 0 0 0 495px;}
    .chart3 h3 {margin: 0 0 0 80px;}
    #intro {background: url(../imgs/bg_intro.jpg) no-repeat top center;}
    #intro h1 {padding: 0; margin: 0; position: absolute; top: 50%; left: 50%; transform: translate(calc(-50% - 303px), -50%);}
    #intro h1 img {width: auto;}
    #intro .wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    #intro li > img {width: auto;}
    .map-course form > .clf {width: 690px; margin: 0 auto 50px;}
    .map-course fieldset {float: left; width: calc((100% - 100px) / 2);}
    .map-course fieldset:last-child {margin-left: 100px;}
    .map2 .map-content {height: 700px;}
    .map2 .map-content article {left: calc(50% - 205px);}
    .map2 .wrap {position: absolute; width: 265px; height: 100%; right: 0; top: 0;}
    .map2 .wrap:after {opacity: .9;}
    .course2 .process1 li {padding: 0 0 125px 0;}
    .course2 .process1 li:first-child:before {display: block;}
    .course2 .process1 li:after {top: 30px; bottom: auto;}
    .course2 .process1 li span {bottom: 70px; right: -42px;}
    .course2 figure {width: 256px; float: left;}
    .course2 .wrap {float: right; width: calc(100% - 276px); position: relative; font-size: 16px;}
    .course2 article h4 {margin-top: 0;}
    .course2 article .wrap > a {margin-top: 0; width: 105px; position: absolute; right: 0; bottom: 0;}
    .btn1 {width: 105px; display: inline-block;}
    .sns-content {padding: 200px 0  0 520px;}
    .sns-content:after {height: 570px; width: 80%;}
    .sns-content .wrap {position: absolute; top: 50px; right: 40px;}
    .sns-content h3 {font-size: 39px; line-height: 50px;}
    .sns-content h3 .em1 {font-size: 79px;}
    .sns-content h3 .em2:after {width: 102px; height: 140px;}
    .sns-content h3 .em3 {font-size: 79px;}
    .sns-content h3 .em4 {font-size: 53px;}
    .sns-content > img {position: absolute; width: 500px; height: auto; left: 0; bottom: 0;}
    .sns-content div.clf {padding: 30px 50px 70px 30px;}
    .sns-content a {background-size: auto !important; padding: 212px 0 0 0;}
    .movie h3 {font-size: 35px; letter-spacing: -3px; line-height: 64px;}
    .movie h3 > span {font-size: 47px; width: 400px;}
    .movie h3 span span {font-size: 35px;}
    .movie h3 em {font-size: 71px;}
    .movie iframe {height: 675px;}
    .slick3 .control {top: 32px; left: 250px; width: calc(100% - 250px);}
    .slick3 .control li {text-indent: 0; padding-bottom: 70px;}
    .slick3 .control li a:before {top: auto; transform: translateX(-50%); bottom: -34px;}
    .slick3 .control li a:after {top: auto; transform: translateX(-50%); bottom: -25px;}
    .slick3 .slick-wrap > p {right: 63px; top: 50%; transform: translateY(-50%);}
    .slick3 article {width: auto;}
    .slick3 .style1 .txt {left: 10px; top: 150px; width: 100%;}
    .slick3 .style1 h3 {font-size: 80px; line-height: 100px;}
    .slick3 .style1 h4 {font-size: 40px;}
    .slick3 .style1 h4 em {font-size: 29px;}
    .slick3 .style1 p {width: 900px; margin: 0 auto;}
    .slick3 article:not(.style1) .txt {width: 700px; padding: 45px 45px 45px 100px; top: 155px;}
    .slick3 .style3 .txt {left: auto; right: 0; top: 167px;}
    .slick3 article.style5 .txt {width: 614px; left: auto; right: 0; top: 125px;}
    .slick3 article:not(.style1) .txt:before {content: ''; display: block; position: absolute; left: 45px; height: calc(100% - 90px); top: 45px;}
    .slick3 article:not(.style1) h3 {margin-bottom: 20px; font-size: 50px;}
    .slick3 article:not(.style1) h3 em {font-size: 20px; left: -45px;}
	.tourCode{margin:10px 5px;}
	.tourCode li{width:16.66%}
	.tourCode li:nth-child(n+2) a{border-left:none;}
	.tourCode li:nth-child(n+7) a{border-top:none;}
	.tourCode li:nth-child(6n+1) a{border-left:1px solid #b0bec5;}
}
/* Large desktops and laptops */
@media (min-width: 1200px) {
	.custom h1 {width: auto;}
    .content {padding: 40px 0;}
    .inner {width: 1200px; margin: 0 auto;}
    .title1 {font-size: 24px;}
    .title2 {font-size: 29px; width: 55%; margin: 0 auto 40px;}
    .responsive > table, .responsive > .process1{width: 100% !important;}
    .responsive:before {display: none;}
	.control_box .prev{left: 99px;}
	.control_box .next{right: 99px;}	
    .depth {margin: 0 0 35px 10px;}
    .depth .symbol4 ul {line-height: 30px;}
    .slick1:not(:nth-of-type(1)), .slick1 + section {margin-top: 35px;}
    .slick1 .slick-wrap {float: left; width: 600px;}
	.slick1.tour .slick-wrap{width:740px;}
    .slick1 .info {margin: 0; float: right; width: calc(100% - 620px);}
	.slick1.tour .info {width: calc(100% - 760px);}
    .slick1 button img {width: auto;}
    .lane h3 span {display: inline; font-size: 15px;}
    .form-header1 > fieldset:nth-of-type(1) {width: 765px; margin: 0 auto;}
    .form-header1 select {width: 130px; margin-right: 15px;}
    .form-header1 fieldset > div {width: calc(100% - 148px); display: inline-block;}
    .form-header1 .wrap {padding: 25px 25px 20px 25px; overflow: hidden;}
    .form-header1 .from-to {width: 270px; position: absolute; left: 25px; top: 20px;}
    .form-header1 .date-wrap {width: calc(100% - 495px); position: absolute; left: 475px; top: 20px; margin: 0;}
    .form-header1 .date-wrap div {width: calc(100% - 343px); margin: 0;}
    .form-header1 .popular-wrap {width: 80%; margin: auto 0; position: relative; border: 0;}
    .form-header1 .popular-wrap li {float: left; width: calc((100% - 40px) / 5);}
    .form-header1 .popular-wrap li:not(:last-child) {margin: 0 10px 0 0;}
    .search .title + ul li {padding: 15px 0; width: calc((100% - 70px) / 8); margin: 0 10px 0 0 !important;}
    .search .title + ul li:last-child {margin-right: 0 !important;}
    .search .search-title {margin-bottom: 25px;}
    .search .gallery figure {float: left; width: calc((100% - 45px) / 4); margin: 15px 15px 0 0 !important; height:430px;}
    .search .gallery figure > a {height: 189.22px; overflow: hidden;}
    .search .gallery figure:nth-child(-n+4) {margin-top: 0 !important; height:430px;}
    .search .gallery figure:nth-child(4n) {margin-right: 0 !important; height:430px;}
    .search a.more {margin-top: 25px;}
    .custom {background-size: cover; overflow: hidden; padding: 0 0 180px 0; height: 100%;}
    .custom .inner {width: 1400px; padding: 0; margin: 0 auto;}
    .custom h1 {left: 0;} 
    .custom .btn-lcose {right: 0;}
    .custom h2 {font-size: 50px; width: 540px; margin: 0 auto; padding-top: 150px;}
    .custom h2 b {font-size: 80px;}
    .custom h2 b:before {width: 13px; height: 21px; top: 3px;}
    .custom h2 b:after {width: 13px; height: 21px; top: 3px;}
    .custom h2 span:after {width: 30px; height: 57px; right: -40px;}
    .custom ul {width: 1280px;}
    .custom li {width: 230px; height: 230px; margin: 0 90px 0 0 !important; font-size: 30px;}
    .custom li.active:before {width: 45px; height: 45px;}
    .custom li:last-child {margin-right: 0 !important;}
    .custom li.active a:after {width: 200px; height: 200px;}
    .custom li a {width: 100px; height: 100px; line-height: 100px;}
    .custom li.weirdo a {line-height: 30px; padding-top: 17px;}
    .custom li.weirdo.active a {padding-top: 24px;}
    .custom .btns {margin: 50px 0;}
    .custom .btns .clf {width: 40%; margin: 30px 0; display: inline-block;}
    .custom .btns a {padding: 15px 0; font-size: 22px; width: calc((100% - 30px) / 2);}
    .custom .btns a:not(:last-child) {margin: 0 30px 0 0;}
    .custom a.prev {background-size: 35px auto; background-position: left 69px center; padding: 15px 0 15px 60px;}
    .custom a.next {background-size: 35px auto; background-position: right 58px center; text-align: left; padding: 15px 0 15px 75px;}
    .custom figure {text-align: right; position: absolute; right: 0; bottom: 0;}
    .custom figure img {width: 18vw; height: auto; margin-right:50px;}
    .custom.what h2, .custom.who h2 {font-size: 50px; width: 700px;}
    .custom.who h2 {padding-top: 151px;}
    .custom.what h2 span:after {right: -40px; bottom: 10px;}
    .custom.who h2 span:after {right: -40px; bottom: 10px;}
    .custom.what li, .custom.who li {margin: 0 25px 0 0 !important; font-size: 25px;}
    .custom.what .btns .clf {width: 60%;}
    .custom.what .btns a {width: calc((100% - 60px) / 3);}
    .custom.what figure {left: 0; right: auto;}
    .custom.who figure:nth-of-type(1) {width:317px; left: 0; bottom: 0;}
    .custom.who figure:nth-of-type(2) {width:368px; left: auto; right: 0; bottom: -50px;}
    .figure1 {padding: 0;}
    .figure1 img {float: left; width: 737px;}
    .figure1 figcaption {float: left; width: calc(100% - 737px); box-shadow: 0px 0px 50px 0px rgba(0, 0, 0, 0.1); padding: 50px 40px; height: 520px;}
    .figure1 h3 {font-size: 24px; margin: 0 0 15px;}
    .info1 {margin-top: 40px;}
    .info1 p {float: left; width: 50%; margin: 30px 0 0 0 !important; height: 90px;}
    .info1 p:nth-child(-n+2) {margin-top: 0 !important;}
    .map1 {height: 348px; margin-top: 40px;}
    .slick2 h4 {font-size: 22px; margin-bottom: 30px;}
    .slick2 .slick-wrap {padding: 30px 30px 100px;}
    .slick2 .slick-list {margin: 0 -15px 0 0;}
    .slick2 .slick img {margin: 0 15px 0 0;} 
    .slick2 .prev {bottom: 20px; left: -30px;}
    .slick2 .next {bottom: 20px; right: -30px;}
    .attache1 {margin-top: 40px;}
    .attache1 a {width: 350px;}
    .form-header2 .title {line-height: 35px;}
    .form-header2 .wrap {position: absolute; right: 10px; top: 10px;}
    .form-header2 select {width: 95px; margin: 0 10px 0 0;}
    .form-header2 input[type=search] {width: 345px;}
    .form-header2 input[type=search] + button {width: 80px; margin: 0 0 0 20px;}
    .gallery1 figure {float: left; width: calc((100% - 60px) / 4); margin: 20px 20px 0 0 !important; height: 362px;}
    .gallery1 figure:nth-child(-n+4) {margin-top: 0 !important;}
    .gallery1 figure:nth-child(4n) {margin-right: 0 !important;}
    .course1 figure {margin-bottom: 50px !important;}
    .course1 figcaption {position: absolute; right: 20px; bottom: -30px; padding: 30px 30px 60px 30px; width: 546px; border: 1px solid #eee;}
    .course1 figure:nth-child(even) figcaption {right: auto; left: 30px;}
    .course1 figcaption:before {display: block;}
    .course1 figcaption:after {display: block;}
    .course1 figcaption h3 {font-size: 24px;}
    .course1 figcaption > a {width: 106px; position: absolute; right: 30px; bottom: 10px; margin: 0;}
    .days {width: 230px; margin: 0 auto 40px;} 
    .process1 {margin: 20px 0 0 0; padding: 0 100px;}
    .process1:before {left: 100px; top: 60px; width: calc(100% - 200px); height: 1px; transform: none; opacity: 1;}
    .process1 li {float: left; padding: 0 0 65px 0; margin: 0 !important;}
    .process1.column3 li {width: 33.33%;}
    .process1.column4 li {width: 25%;}
    .process1.column5 li {width: 20%;}
    .process1.column6 li {width: 16.66%;}
    .process1.column7 li {width: 14.28%;}
    .process1.column8 li {width: 12.5%;}
    .process1 li:first-child:before, .process1 li:last-child:before {display: block;}
    .process1 li span {left: auto; bottom: auto; right: -12px; top: 50%; transform: translateY(-50%);}
    .course-view1 {margin-top: 40px;}
    .course-view1 figcaption {position: absolute; margin: 0; right: 0; top: 0; width: 650px; font-size: 16px;}
    .course-view1 h3 em {display: inline-block;}
    .course-view1 .style1 figcaption {right: auto; left: 0; width: 600px;}
    .course-view1 .style2 {padding-bottom: 20px;}
    .course-view1 .style2 figcaption {left: 0; top: auto; bottom: 0; width: 645px;}
    .gallery2 figure {float: left; width: calc((100% - 30px) / 2); margin: 30px 30px 0 0 !important;}
    .gallery2 figure:nth-child(-n+2) {margin-top: 0  !important;}
    .gallery2 figure:nth-child(2n) {margin-right: 0  !important;}
    .gallery2 figcaption > a[target=_blank]:after {right: 90px;}
    .gallery2 figure:nth-child(2) figcaption > a[target=_blank]:after {right: 40px;}
    .banner1 {margin-bottom: 50px;}
    .schedules h3 + p span {position: absolute; right: 0; top: 0;}
    .schedules .clf > div {float: left; width: calc((100% - 100px) / 6); margin: 20px 20px 0 0 !important;}
    .schedules .clf > div:nth-child(-n+6) {margin-top: 0 !important;}
    .schedules .clf > div:nth-child(6n) {margin-right: 0 !important;}
    .schedules .clf .wrap {height: 131px;}
    .taxi {margin-top: 35px;}
    .chart {padding: 75px 0 55px 0; margin: 0 !important;}
    .chart:after {display: block;}
    .chart4:after {display: none;}
    .chart1 {background: url(../imgs/bg_chart1.jpg) no-repeat top center; background-size: 100% !important;}
    .chart2 {background: url(../imgs/bg_chart2.jpg) no-repeat top center; background-size: 100% !important;}
    .chart3 {background: url(../imgs/bg_chart3.jpg) no-repeat top center; background-size: 100% !important;}
    .chart4 {background: url(../imgs/bg_chart4.jpg) no-repeat top center; background-size: 100% !important; padding: 75px 0 130px 0;}
    .chart .wrap {width: 1030px; margin: 55px auto 0; padding: 0 0 0 507px;}
    .chart h3 img {width: auto;}
    .chart ul {width: 410px; margin: 0; position: absolute; left: 0; top: 0;}
    .chart div.clf > div:last-child {margin: 0 0 0 20px;}
    .chart1 h3 {margin: 0 0 0 255px;}
    .chart2 h3, .chart4 h3 {margin: 0 0 0 615px;}
    .chart3 h3 {margin: 0 0 0 80px;}
    #intro {background: url(../imgs/bg_intro.jpg) no-repeat top center;}
    #intro h1 {padding: 0;/* margin: 0 180px 0 0; */position: absolute;top: calc( 50% - 82px);left: calc( 50% - 450px);/* transform: translate(calc(-50% - 303px), -50%); */}

    #intro h1 img {width: auto;}
    #intro .wrap {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%);}
    #intro li > img {width: auto;}
    .map-course form > .clf {width: 690px; margin: 0 auto 50px;}
    .map-course fieldset {float: left; width: calc((100% - 100px) / 2);}
    .map-course fieldset:last-child {margin-left: 100px;}
    .map2 .map-content {height: 700px;}
    .map2 .map-content article {left: calc(50% - 205px);}
    .map2 .wrap {position: absolute; width: 265px; height: 100%; right: 0; top: 0;}
    .map2 .wrap:after {opacity: .9;}
    .course2 .process1 li {padding: 0 0 125px 0;}
    .course2 .process1 li:first-child:before {display: block;}
    .course2 .process1 li:after {top: 30px; bottom: auto;}
    .course2 .process1 li span {bottom: 70px; right: -42px;}
    .course2 figure {width: 256px; float: left;}
    .course2 .wrap {float: right; width: calc(100% - 276px); position: relative; font-size: 16px;}
    .course2 article h4 {margin-top: 0;}
    .course2 article .wrap > a {margin-top: 0; width: 105px; position: absolute; right: 0; bottom: 0;}
    .btn1 {width: 105px; display: inline-block;}
    .content.abnormal {padding: 30px 15px 0 15px;}
    .sns-content {padding: 200px 0  0 520px;margin-bottom:-40px;}
    .sns-content:after {height: 570px; width: 80%;}
    .sns-content .wrap {position: absolute; top: 50px; right: 80px;}
    .sns-content h3 {font-size: 39px; line-height: 50px;}
    .sns-content h3 .em1 {font-size: 79px;}
    .sns-content h3 .em2:after {width: 102px; height: 140px;}
    .sns-content h3 .em3 {font-size: 79px;}
    .sns-content h3 .em4 {font-size: 53px;}
    .sns-content > img {position: absolute; left: 0; bottom: 0;}
    .sns-content div.clf {padding: 30px 150px 70px 80px;}
    .sns-content a {background-size: auto !important; padding: 212px 0 0 0;}
    .movie h3 {font-size: 35px; letter-spacing: -3px; line-height: 64px;}
    .movie h3 > span {font-size: 47px; width: 400px;}
    .movie h3 span span {font-size: 35px;}
    .movie h3 em {font-size: 71px;}
    .movie iframe {height: 675px;}
    .slick3 .control {top: 32px; left: 250px; width: calc(100% - 250px);}
    .slick3 .control li {text-indent: 0; padding-bottom: 70px;}
    .slick3 .control li a:before {top: auto; transform: translateX(-50%); bottom: -34px;}
    .slick3 .control li a:after {top: auto; transform: translateX(-50%); bottom: -25px;}
    .slick3 .slick-wrap > p {right: 120px; top: 50%; transform: translateY(-50%);}
    .slick3 article {width: auto;}
    .slick3 .style1 .txt {left: 95px; top: 172px; width: 100%;}
    .slick3 .style1 h3 {font-size: 100px; line-height: 100px;}
    .slick3 .style1 h4 {font-size: 60px; margin: 60px 0 20px;}
    .slick3 .style1 h4 em {font-size: 29px;}
    .slick3 .style1 p {width: 900px; margin: 0 auto;}
    .slick3 article:not(.style1) .txt {width: 905px; padding: 45px 45px 45px 100px; top: 386px;}
    .slick3 article.style3 .txt {width: 803px; left: auto; right: 0; top: 391px;}
    .slick3 article.style5 .txt {width: 800px; left: auto; right: 0; top: 187px;}
    .slick3 article:not(.style1) .txt:before {content: ''; display: block; position: absolute; left: 45px; height: calc(100% - 90px); top: 45px;}
    .slick3 article:not(.style1) h3 {margin-bottom: 20px; font-size: 50px;}
    .slick3 article:not(.style1) h3 em {font-size: 20px; left: -45px;}
	
}

/* print */
@media print {
}

/* ie only */
@media screen and (min-width:0\0) and (min-resolution: +72dpi) {
}