@charset "utf-8";#splash{position:fixed;width:100%;height:100%;z-index:9999999;text-align:center;color:#fff;background-color:#8d6d2b;background-color:linear-gradient(45deg,#8d6d2b 0%,#8d6d2b 50%,#b82e2b 100%);background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/bg/brline01.svg) no-repeat center top 120%,url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/bg/brline02.svg) no-repeat center top 95%;background-color:#8d6d2b}#splash-cont{position:absolute;top:43%;left:50%;transform:translate(-50%,-50%)}#splash-cont{text-align:center}#splash-cont img{width:421px;height:238px}@media only screen and (max-width:992px){#splash{background:linear-gradient(45deg,#8d6d2b 0%,#8d6d2b 50%,#b82e2b 100%),url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/bg/brline03.svg),url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/bg/brline04.svg);background-position:center top 43%,center top 50%;background-repeat:no-repeat,no-repeat}#splash-cont{position:absolute;top:45%;transform:translate(-50%,-50%)}#splash-cont img{width:80%;height:80%}}.splashbg{display:none}body.appear .splashbg{display:block;content:"";position:fixed;z-index:999;width:100%;height:100vh;top:0;left:0;transform:scaleX(1);background-color:#8d6d2b;background:linear-gradient(45deg,#8d6d2b 0%,#8d6d2b 50%,#b82e2b 100%);animation-name:PageAnime;animation-duration:1.2s;animation-timing-function:ease-in-out;animation-fill-mode:forwards}@keyframes PageAnime{0%{transform-origin:left;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}100%{transform-origin:right;transform:scaleX(0)}}body.appear #wrapper{animation-name:PageAnimeAppear;animation-duration:1s;animation-delay:.8s;animation-fill-mode:forwards;opacity:0}@keyframes PageAnimeAppear{0%{opacity:0}100%{opacity:1}}#page-top a{display:flex;justify-content:center;align-items:center;width:100%;height:auto;text-align:center;text-transform:uppercase;text-decoration:none;transition:all .3s}#page-top{position:fixed;right:0;bottom:10px;z-index:9;opacity:0;transform:translateX(100px)}@media screen and (min-width:769px){#page-top{width:150px}}@media screen and (max-width:768px){#page-top{position:fixed;right:0;bottom:20px;z-index:9;width:100px}}#page-top.LeftMove{animation:LeftAnime .5s forwards}@keyframes LeftAnime{from{opacity:0;transform:translateX(100px)}to{opacity:1;transform:translateX(0)}}#page-top.RightMove{animation:RightAnime .5s forwards}@keyframes RightAnime{from{opacity:1;transform:translateX(0)}to{opacity:1;transform:translateX(200px)}}.accordion-area{list-style:none;width:96%;max-width:900px;margin:0 auto}.accordion-area li{margin:10px 0}.accordion-area section{border:1px solid #ccc}.title{position:relative;cursor:pointer;font-size:1rem;font-weight:400;padding:3% 3% 3% 50px;transition:all .5s ease}@media screen and (max-width:768px){.title{font-size:.9rem}}.title:before,.title:after{position:absolute;content:'';width:15px;height:2px;background-color:#333}.title:before{top:48%;left:15px;transform:rotate(0deg)}.title:after{top:48%;left:15px;transform:rotate(90deg)}.title.close:before{transform:rotate(45deg)}.title.close:after{transform:rotate(-45deg)}.box{display:none;background:#f3f3f3;margin:0 3% 3%;padding:3%}.blur{animation-name:blurAnime;animation-duration:1s;animation-fill-mode:forwards}@keyframes blurAnime{from{filter:blur(10px);transform:scale(1.02);opacity:0}to{filter:blur(0);transform:scale(1);opacity:1}}.blurTrigger{opacity:0}.lineTrigger{position:relative;opacity:0}.lineTrigger.lineanime{animation-name:lineAnimeBase;animation-duration:.5s;animation-fill-mode:forwards}@keyframes lineAnimeBase{from{opacity:0}to{opacity:1}}.lineTrigger:before,.lineTrigger:after{position:absolute;content:'';width:0;height:1px;background:#a4966a}.line2:before,.line2:after{position:absolute;content:'';width:1px;height:0;background:#a4966a}.lineTrigger:before{top:0;left:0}.lineTrigger.lineanime:before{animation:lineAnime .5s linear 0s forwards}.line2:before{top:0;right:0}.lineTrigger.lineanime .line2:before{animation:lineAnime2 .5s linear .5s forwards}.lineTrigger:after{bottom:0;right:0}.lineTrigger.lineanime:after{animation:lineAnime .5s linear 1s forwards}.line2:after{bottom:0;left:0}.lineTrigger.lineanime .line2:after{animation:lineAnime2 .5s linear 1.5s forwards}@keyframes lineAnime{0%{width:0}100%{width:100%}}@keyframes lineAnime2{0%{height:0}100%{height:100%}}.lineTrigger.lineanime .lineinappear{animation:lineInnerAnime .5s linear 1.5s forwards;opacity:0}@keyframes lineInnerAnime{0%{opacity:0}100%{opacity:1}}.flipLeft{animation-name:flipLeftAnime;animation-duration:.5s;animation-fill-mode:forwards;perspective-origin:left center;opacity:0}@keyframes flipLeftAnime{from{transform:perspective(600px) translate3d(0,0,0) rotateY(30deg);opacity:0}to{transform:perspective(600px) translate3d(0,0,0) rotateY(0deg);opacity:1}}.bgextend{animation-name:bgextendAnimeBase;animation-duration:1s;animation-fill-mode:forwards;position:relative;overflow:hidden;opacity:0}@keyframes bgextendAnimeBase{from{opacity:0}to{opacity:1}}.bgappear{animation-name:bgextendAnimeSecond;animation-duration:1s;animation-delay:.6s;animation-fill-mode:forwards;opacity:0}@keyframes bgextendAnimeSecond{0%{opacity:0}100%{opacity:1}}.bgLRextend:before{animation-name:bgLRextendAnime;animation-duration:1s;animation-fill-mode:forwards;content:"";position:absolute;width:100%;height:100%;background-color:#eb6100;background-color:#2843b6;background-color:#bdc3c7}@keyframes bgLRextendAnime{0%{transform-origin:left;transform:scaleX(0)}50%{transform-origin:left;transform:scaleX(1)}50.001%{transform-origin:right}100%{transform-origin:right;transform:scaleX(0)}}.fadeUp{animation-name:fadeUpAnime;animation-duration:.5s;animation-fill-mode:forwards;opacity:0}@keyframes fadeUpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}.flipLeft{animation-name:flipLeftAnime;animation-duration:.5s;animation-fill-mode:forwards;perspective-origin:left center;opacity:0}@keyframes flipLeftAnime{from{transform:perspective(600px) translate3d(0,0,0) rotateY(30deg);opacity:0}to{transform:perspective(600px) translate3d(0,0,0) rotateY(0deg);opacity:1}}#vision,.service-area{transform:translate3d(0,0,0)}.bgLRextendTrigger,.bgappearTrigger,.fadeUpTrigger,.flipLeftTrigger{opacity:0}#top-main{width:100%;height:100vh;position:relative}#top-main:before{content:'';position:fixed;top:10vh;left:5%;z-index:-1;width:90%;height:80vh;background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/fview/main.jpg) no-repeat center;background-size:cover}@media screen and (max-width:768px){#top-main:before{background-position:top center;background-size:auto 90%}}#container{position:relative;z-index:1;background:#fff}.eachTextAnime{color:transparent}.eachTextAnime span{opacity:0;font-weight:700;font-family:"minion-pro","Noto Serif JP",serif;font-display:swap;color:#333}.eachTextAnime02{color:transparent}.eachTextAnime02 span{opacity:0;font-weight:700;font-family:"minion-pro","Noto Serif JP",serif;font-display:swap;color:#fff}.eachTextAnime.appeartext span{animation:text_anime_on .05s ease-out forwards;color:#555}.eachTextAnime02.appeartext02 span{animation:text_anime_on .05s ease-out forwards;color:#fff}@keyframes text_anime_on{0%{opacity:0}100%{opacity:1}}#waveCanvas{display:block;margin:-30px auto -30px auto;width:100%;z-index:-1;background-color:transparent;background-image:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/bg/bg_washi.png);background-size:48px 48px}@media screen and (max-width:767px){#waveCanvas{display:block;margin:-50px auto 0 auto}}.gallery{columns:4;padding:0 15px;padding:15px}.gallery li{margin-bottom:20px}.gallery img{width:100%;height:auto;vertical-align:bottom}@media only screen and (max-width:600px){.gallery{columns:2}}.slider{position:relative;z-index:1;height:90vh}.slider-item01{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/fview/fv_01.jpg) no-repeat}.slider-item02{background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/fview/fv_02.jpg);background:linear-gradient(rgba(31,65,117,.1),rgba(31,65,117,.1)),url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/fview/fv_02.jpg) no-repeat}.slider-item03{background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/fview/fv_03.jpg)}.slider-item04{background:linear-gradient(rgba(0,0,0,.3),rgba(0,0,0,.3)),url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/fview/fv_04.jpg) no-repeat}.slider-item05{background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/fview/fv_05.jpg)}.slider-item{width:100%;height:90vh;background-repeat:no-repeat;background-position:center;background-size:cover}.slick-prev,.slick-next{position:absolute;z-index:3;top:42%;cursor:pointer;outline:none;border-top:2px solid #fff;border-right:2px solid #fff;height:25px;width:25px}.slick-prev{left:2.5%;transform:rotate(-135deg)}.slick-next{right:2.5%;transform:rotate(45deg)}.slick-dots{position:relative;z-index:3;text-align:center;margin:-50px 0 0}.slick-dots li{display:inline-block;margin:0 5px}.slick-dots button{color:transparent;outline:none;width:8px;height:8px;display:block;border-radius:50%;background:#fff}.slick-dots .slick-active button{background:#333}@media screen and (max-width:990px){#g-nav.panelactive{width:100%;height:100vh}.circle-bg{position:fixed;top:50px;z-index:3;width:100px;height:100px;border-radius:50%;background:#1f4175;transform:scale(0);bottom:-50px;left:calc(50% - 50px);transition:all .6s}.circle-bg.circleactive{transform:scale(50)}#g-nav-list{display:none;position:fixed;z-index:999;width:100%;height:100vh;overflow:auto;-webkit-overflow-scrolling:touch}#g-nav.panelactive #g-nav-list{display:block}#g-nav ul{opacity:0;position:absolute;z-index:999;top:40%;left:50%;transform:translate(-50%,-40%)}#g-nav ul li a{font-family:"Lora","Noto Serif JP",serif;font-display:swap}#g-nav.panelactive ul{opacity:1}#g-nav.panelactive ul li{animation-name:gnaviAnime;animation-duration:1s;animation-delay:.2s;animation-fill-mode:forwards;opacity:0}}@keyframes gnaviAnime{0%{opacity:0;transform:translateY(100px)}100%{opacity:1;transform:translateY(0)}}.scrolldown1{position:absolute;left:50%;top:36vh;height:100px}.scrolldown1:after{content:"";position:absolute;top:0;width:1px;height:100px;background:#000;animation:pathmove 2.4s ease-in-out infinite;opacity:0}@keyframes pathmove{0%{height:0;top:0;opacity:0}30%{height:100px;opacity:1}100%{height:0;top:150px;opacity:0}}.btnarrow5{position:relative;border:1px solid #555;padding:8px 30px;display:inline-block;text-align:center;text-decoration:none;color:#333;outline:none;transition:all .2s linear;font-size:.9rem}.btnarrow5:hover{background:#333;color:#fff}.btnarrow5:before{content:"";position:absolute;top:50%;right:-26px;width:40px;height:1px;background:#333;transition:all .2s linear}.btnarrow5:after{content:"";position:absolute;top:20%;right:-21px;width:1px;height:12px;background:#333;transform:skewX(45deg);transition:all .2s linear}.btnarrow5:hover:before{right:-30px}.btnarrow5:hover:after{right:-25px}#page-top a{display:flex;justify-content:center;align-items:center;color:#8d6d2b;transition:all .3s}@media screen and (min-width:769px){#page-top{right:100px}}@media screen and (max-width:768px){#page-top{right:20px}}#page-top{position:fixed;z-index:2;cursor:pointer;opacity:0;transform:translateY(100px)}#page-top.UpMove{animation:UpAnime .5s forwards;animation-delay:0s}@keyframes UpAnime{from{opacity:0;transform:translateY(100px)}to{opacity:1;transform:translateY(0)}}#page-top.DownMove{animation:DownAnime .5s forwards}@keyframes DownAnime{from{opacity:1;transform:translateY(0)}to{opacity:1;transform:translateY(100px)}}.blur{animation-name:blurAnime;animation-duration:1s;animation-fill-mode:forwards}@keyframes blurAnime{from{filter:blur(10px);transform:scale(1.02);opacity:0}to{filter:blur(0);transform:scale(1);opacity:1}}.blurTrigger{opacity:0}.lineTrigger{position:relative;opacity:0}.lineTrigger.lineanime{animation-name:lineAnimeBase;animation-duration:.5s;animation-fill-mode:forwards}@keyframes lineAnimeBase{from{opacity:0}to{opacity:1}}.lineTrigger:before,.lineTrigger:after{position:absolute;content:'';width:0;height:1px;background:#a4966a}.line2:before,.line2:after{position:absolute;content:'';width:1px;height:0;background:#a4966a}.lineTrigger:before{top:0;left:0}.lineTrigger.lineanime:before{animation:lineAnime .5s linear 0s forwards}.line2:before{top:0;right:0}.lineTrigger.lineanime .line2:before{animation:lineAnime2 .5s linear .5s forwards}.lineTrigger:after{bottom:0;right:0}.lineTrigger.lineanime:after{animation:lineAnime .5s linear 1s forwards}.line2:after{bottom:0;left:0}.lineTrigger.lineanime .line2:after{animation:lineAnime2 .5s linear 1.5s forwards}@keyframes lineAnime{0%{width:0}100%{width:100%}}@keyframes lineAnime2{0%{height:0}100%{height:100%}}.lineTrigger.lineanime .lineinappear{animation:lineInnerAnime .5s linear 1.5s forwards;opacity:0}@keyframes lineInnerAnime{0%{opacity:0}100%{opacity:1}}.flipLeft{animation-name:flipLeftAnime;animation-duration:.5s;animation-fill-mode:forwards;perspective-origin:left center;opacity:0}@keyframes flipLeftAnime{from{transform:perspective(600px) translate3d(0,0,0) rotateY(30deg);opacity:0}to{transform:perspective(600px) translate3d(0,0,0) rotateY(0deg);opacity:1}}.svganimeblock svg{width:100%}.svganimeblock svg path{fill-opacity:0;transition:fill-opacity .5s;fill:none;stroke:#7282a7}.svganimeblock svg.done path{fill:#efefef;fill-opacity:1;stroke:#bdc6d5}.btnlinestretches3{position:relative;font-size:13px;color:#8d6d2b;padding:5px 30px;display:inline-block;text-decoration:none;outline:none}.btnlinestretches3 span{position:relative;z-index:2;font-weight:700;font-family:"Lora","Noto Serif JP",serif;font-display:swap}.btnlinestretches3:hover span{font-family:"Lora","Noto Serif JP",serif;font-display:swap;color:#fff}.btnlinestretches3:after{content:'';position:absolute;z-index:1;bottom:0;left:0;background:#8d6d2b;width:100%;height:3px;transition:all .3s ease-in-out}.btnlinestretches3:hover:after{height:100%}.listbk{display:block;width:200px;height:45px;border:2px solid #8d6d2b;float:left;text-align:center;cursor:pointer;position:relative;box-sizing:border-box;overflow:hidden;margin:0 0 40px;background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/icon/btn-sym01.png) no-repeat;background-size:8px 8px;background-position:10px 15px;background-color:#8d6d2b}.listbk a{display:block;font-size:15px;color:#fff;font-family:"Lora","Noto Serif JP",serif;font-display:swap;text-decoration:none;line-height:39px;transition:all .5s ease;z-index:2;position:relative}.eff-listbk{width:200px;height:45px;left:-200px;top:0;background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/icon/btn-sym02.png) no-repeat;background-size:8px 8px;background-position:170px 15px;background-color:#fff;position:absolute;transition:all .5s ease;z-index:1}.listbk:hover .eff-listbk{left:0;top:0}.listbk:hover a{color:#8d6d2b}@media only screen and (max-width:768px){.listbk{width:180px;height:30px;background-position:left 0 top 10px;background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/icon/btn-sym01.png) no-repeat;background-size:8px 8px;background-position:5px 8px;background-color:#8d6d2b}.listbk a{font-size:12px;line-height:26px}.eff-listbk{width:180px;height:30px;left:-180px;top:0}}@media only screen and (min-width:768px) and (max-width:992px){.listbk{width:180px;height:40px;background-position:left 15px top 13px}.listbk a{font-size:14px;line-height:36px;font-family:"Lora","Noto Serif JP",serif;font-display:swap}.eff-listbk{width:180px;height:40px;left:-180px;top:0;background:url(//wellnessretreatjapan.com/wp/wp-content/themes/tranquwell_v5_3/css/../images/icon/btn-sym02.png) no-repeat;background-size:8px 8px;background-position:15px 13px}}