@import"https://fonts.googleapis.com/css2?family=Alfa+Slab+One&family=Autour+One&family=Luckiest+Guy&display=swap";@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&display=swap";html,body{height:100%;width:100%;margin:0;padding:0;font-family:"Autour One","Noto Sans JP",sans-serif;font-weight:400;font-style:normal;font-size:16px;line-height:1.5;background:#fff;color:#111}body{overflow-x:hidden}.container{width:90%;max-width:1160px;margin:auto}.animate.fadeIn{opacity:0;transition:all 300ms ease-out}.animate.fadeIn.active{opacity:1}.animate.fadeInDown{opacity:0;transform:translateY(-30px);transition:all 300ms ease-out}.animate.fadeInDown.active{transform:translateY(0);opacity:1}.animate.slideIn{opacity:0;transform:translateX(-100px);transition:all 400ms ease-out}.animate.slideIn.active{opacity:1;transform:translateX(0px)}.animate.wipeInRight{opacity:0;transform-origin:right center;transform:scaleX(0);transition:all 400ms ease-out}.animate.wipeInRight.active{opacity:1;transform:scaleX(1)}.animateUnit.floatDown{opacity:0;transform:translateY(-200px);transition:all 600ms ease-out}.animateUnit.floatDown.active{opacity:1;transform:translateY(0)}header{position:fixed;top:0;left:0;width:100%;z-index:99;padding:1em 1.5em;display:flex;justify-content:space-between;align-items:center}header .logo{margin-right:auto}header .logo img{width:160px}header .nav nav ul{display:flex;justify-content:center;align-items:center}header .nav nav ul li{margin:0 10px}header .nav nav ul li a{line-height:1.5;font-weight:300;text-decoration:none;color:#111}header .nav nav ul li a:hover{color:red}@media screen and (max-width: 768px){header .nav nav ul li{font-size:.9rem}}@media screen and (max-width: 600px){header .nav{display:none}}footer{position:relative;z-index:99999;padding:0 0 2em;text-align:center}footer .footerNav{background:#373737;padding:4em 0;color:#fff}footer .footerNav .footerNav__inner{display:flex;justify-content:space-between}footer .footerNav .footerNav__inner .logo img{width:160px}footer .footerNav .footerNav__inner nav ul{display:flex;flex-direction:column;align-items:flex-start}footer .footerNav .footerNav__inner nav ul li{font-size:.9rem;line-height:1.5;margin-bottom:.5em}footer p{margin:3em auto 0;font-size:.7rem;font-family:"Gill Sans","Gill Sans MT",Calibri,"Trebuchet MS",sans-serif}footer a{opacity:1;transition:opacity 200ms ease-out}footer a:hover{opacity:.8}.tour #tour__header{margin-top:60px;background:url(../img/tour_1__header.jpg) no-repeat center center;height:800px;position:relative;overflow:hidden}.tour #tour__header h1{position:absolute;bottom:0;right:1em;color:#fff;font-size:5rem;line-height:1.5}.tour #tour__between{padding:8em 0;background:#fff}.tour #tour__between h2{font-size:2rem;font-weight:bolder;margin-bottom:.2em}.tour #tour__between p{font-size:1.1rem;line-height:1.6}.tour .tour__container{display:flex;width:100%;justify-content:center;align-items:flex-start}.tour .content{width:50%;padding:6em 6em 0}@media screen and (max-width: 1600px){.tour .content{padding:3em 3em 0}}.tour .content>dl dt .item{position:relative}.tour .content>dl dt .item .title{display:flex;align-items:center;justify-content:flex-start;margin-bottom:1em}.tour .content>dl dt .item .title .num{top:-30px;left:-30px;background:#ffdc30;color:#000;font-size:1.5rem;width:48px;height:48px;border-radius:24px;display:flex;align-items:center;justify-content:center}.tour .content>dl dt .item .title h2{font-size:1.5rem;line-height:1.4;color:#fff;margin-left:16px}.tour .content>dl dt .item .desc{font-weight:normal;color:#fff;margin:1em auto}.tour .content>dl dt .item .box{border-radius:8px;background:#fff;padding:2em 2em 1em;margin-bottom:1.8em}.tour .content>dl dt .item .box .level{font-size:.9rem;line-height:1.2;display:inline-block;padding:.1em 2em}.tour .content>dl dt .item .box .word{margin:.6em auto;display:flex;justify-content:flex-start;align-items:center;padding:0 1em}.tour .content>dl dt .item .box .word h3{font-size:2rem}.tour .content>dl dt .item .box .word .kana{font-size:1rem;line-height:1.5;margin:0 1em}.tour .content>dl dt .item .box .word .kana:before{content:"【"}.tour .content>dl dt .item .box .word .kana:after{content:"】"}.tour .content>dl dt .item .box .word .viet{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif;font-size:1.2rem}@media screen and (max-width: 1600px){.tour .content>dl dt .item .box .word h3{font-size:1.6rem}.tour .content>dl dt .item .box .word .kana{font-size:.9rem}.tour .content>dl dt .item .box .word .viet{font-size:1rem}}.tour .content>dl dt .item .box .ex{padding:1em 1.5em .5em;background:#f1f1f1;margin-bottom:1em;border-radius:3px}.tour .content>dl dt .item .box .ex .sentence{font-size:1.1rem;line-height:1.4;font-weight:400}.tour .content>dl dt .item .box .ex .sentence span{font-weight:700}.tour .content>dl dt .item .box .ex .lang{display:flex;justify-content:flex-start;margin:1em auto}.tour .content>dl dt .item .box .ex .lang dl{display:flex;justify-content:flex-start;margin-right:1em}.tour .content>dl dt .item .box .ex .lang dl dt{font-weight:500;line-height:1.3;color:#fff;font-size:.9rem;padding:5px 1em 0}.tour .content>dl dt .item .box .ex .lang dl dd{background:#fff;padding:4px 2em 2px;font-family:"Noto Sans JP",sans-serif}.tour .content>dl dt .item .box .ex .lang dl dd.right{color:#c00}.tour .content>dl dt .item .box .ex .lang dl dd.wrong{color:#06f}@media screen and (max-width: 1600px){.tour .content>dl dt .item .box .ex .sentence{font-size:1rem}}.tour .content>dl dd{padding:1em 0;position:relative;text-align:center}.tour .content>dl dd .dot{position:relative;width:8px;height:8px;display:block;margin:1.6em auto}.tour .content>dl dd .dot:after{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);content:"";width:8px;height:8px;border-radius:4px}.tour .content>dl dd .dot.dot_w:after{background:#fff}.tour .content>dl dd .dot.dot_y:after{background:#ffdc30}.tour .scene{width:50%;background-size:cover;position:relative;background-repeat:no-repeat;background-position:top center}.tour .scene.scene_1{background-image:url(../img/tour_1__bg.jpg);height:450vw;max-height:4200px}.tour .scene #tuktuk{opacity:0;width:180px}.tour .path{width:100%;text-align:center}.tour .path #car{visibility:hidden;position:absolute}.tour .path #path_1{fill:none}.tour footer{padding-bottom:6em}.tour__1 .tour__container{background:#206520}.tour__1 .content>dl dt .item .box .level{border:1px solid #206520;color:#206520}.tour__1 .content>dl dt .item .box .word .viet{color:#206520}.tour__1 .content>dl dt .item .box .ex dl dt{background:#206520}
/*# sourceMappingURL=tour.min.css.map */