@charset "UTF-8";#loading{display:block;position:fixed;top:0;left:0;z-index:99999;width:100%;height:100vh;overflow:hidden}#loading:before{content:"";width:100%;height:auto;position:absolute;left:0;top:0;bottom:0;right:0;margin:auto;aspect-ratio:1/1;background-color:#275f19;border-radius:50%;transform:scale(1.2)}@media screen and (max-width:1024px){#loading:before{transform:scale(1.8)}}@media screen and (max-width:767px){#loading:before{transform:scale(2.2)}}#loading.current:before{transform:scale(0);transition:.5s ease transform}#loading.current .inner{opacity:0;transition:.5s ease all}#loading.active .inner ul li:nth-child(1){animation:bound .4s ease forwards}#loading.active .inner ul li:nth-child(2){animation:bound .4s .1s ease forwards}#loading.active .inner ul li:nth-child(3){animation:bound .4s .2s ease forwards}#loading.active .inner ul li:nth-child(4){animation:bound .4s .3s ease forwards}#loading.active .inner ul li:nth-child(5){animation:bound .4s .4s ease forwards}#loading.active .inner ul li:nth-child(6){animation:bound .4s .5s ease forwards}#loading .inner{background-color:#275f19;width:100%;height:100%;position:relative;display:flex;justify-content:center;align-items:center}#loading .inner .logo{width:30%;height:75px;display:block;transform:scale(1);display:block}@media screen and (max-width:1536px){#loading .inner .logo{transform:scale(.8);margin-top:-20px}}@media screen and (max-width:1024px){#loading .inner .logo{width:50%;transform:scale(1)}}@media screen and (max-width:767px){#loading .inner .logo{margin-top:-20px;width:60%}}#loading .inner .logo ul{width:100%;height:auto;font-size:0}#loading .inner .logo ul li{display:inline-block;width:16.5%;opacity:0;position:absolute}#loading .inner .logo ul li figure img{width:100%;height:auto}#loading .inner .logo ul li:nth-child(1) figure{margin-top:2px}#loading .inner .logo ul li:nth-child(2){left:16.5%}#loading .inner .logo ul li:nth-child(2) figure{width:39%;margin-left:24px;margin-top:19px}@media screen and (max-width:1440px){#loading .inner .logo ul li:nth-child(2) figure{margin-left:20px}}@media screen and (max-width:767px){#loading .inner .logo ul li:nth-child(2) figure{margin-left:11px;margin-top:15px}}#loading .inner .logo ul li:nth-child(3){left:33%}#loading .inner .logo ul li:nth-child(3) figure{position:relative;left:-10px;margin-top:4px}@media screen and (max-width:1440px){#loading .inner .logo ul li:nth-child(3) figure{left:-6px}}@media screen and (max-width:767px){#loading .inner .logo ul li:nth-child(3) figure{left:-3px}}#loading .inner .logo ul li:nth-child(4){left:49.5%}#loading .inner .logo ul li:nth-child(4) figure{width:54%;margin-left:17px;margin-top:19px}@media screen and (max-width:767px){#loading .inner .logo ul li:nth-child(4) figure{margin-left:8px;margin-top:15px}}#loading .inner .logo ul li:nth-child(5){left:66%}#loading .inner .logo ul li:nth-child(5) figure{width:90%;position:relative;left:-2px}@media screen and (max-width:767px){#loading .inner .logo ul li:nth-child(5) figure{left:0;margin-top:1px}}#loading .inner .logo ul li:nth-child(6){left:82.5%}#loading .inner .logo ul li:nth-child(6) figure{width:85%;margin-left:17px;margin-top:3px}@media screen and (max-width:767px){#loading .inner .logo ul li:nth-child(6) figure{margin-left:8px;margin-top:1px}}#header{width:360px;height:100vh;display:block;position:absolute;left:50%;top:0;margin-left:-180px;background-color:#fff;z-index:9}@media screen and (max-width:1920px){#header{width:300px;margin-left:-150px}}@media screen and (max-width:1024px){#header{width:100%;height:80px;display:block;position:fixed;top:0;left:0;background-color:#fff;margin-left:0;z-index:9999;box-shadow:0px 0px 5px 0px rgba(0,0,0,.4)}}@media screen and (max-width:767px){#header{height:60px;box-shadow:0px 0px 3px 0px rgba(0,0,0,.4)}}#header .inner{height:100%;width:100%;display:block;position:absolute;top:0;left:0;padding-top:6vh}@media screen and (max-width:1920px){#header .inner{padding-top:6vh}}@media screen and (max-width:1024px){#header .inner{width:100%;height:80px;display:block;position:relative;top:inherit;left:inherit;padding:22px 0 0}}@media screen and (max-width:767px){#header .inner{padding:15px 0 0}}#header .inner .logo{margin:0 auto;left:50%;height:27vh;aspect-ratio:1/5.78;transition:.5s ease all}@media screen and (max-height:740px){#header .inner .logo{height:26vh}}@media screen and (max-height:640px){#header .inner .logo{height:25vh}}@media screen and (max-width:1024px){#header .inner .logo{left:inherit;height:auto;aspect-ratio:inherit;width:200px;display:block}}@media screen and (max-width:767px){#header .inner .logo{width:160px}}#header .inner h2{writing-mode:vertical-rl;margin:8vh auto 0;line-height:42px;width:210px}@media screen and (max-height:1080px){#header .inner h2{line-height:40px;width:200px;margin:7vh auto 0}}@media screen and (max-width:1680px){#header .inner h2{line-height:36px;width:180px}}@media screen and (max-width:1024px){#header .inner h2{display:none}}#header .inner h2>p{display:block;letter-spacing:2px;font-weight:500;font-size:.8vw;transition:.5s ease all}@media screen and (max-width:1920px){#header .inner h2>p{font-size:.9vw}}@media screen and (max-width:1680px){#header .inner h2>p{font-size:1vw}}@media screen and (max-width:1366px){#header .inner h2>p{letter-spacing:0px}}#header .inner h2>p:last-child{margin-top:-9px}#header .inner .mori{height:16.5vh;aspect-ratio:1/1.2;margin:2vh auto 0;transition:.5s ease all}@media screen and (max-height:1080px){#header .inner .mori{margin:1.3vh auto 0;height:15vh}}@media screen and (max-height:920px){#header .inner .mori{margin:0 auto 0;height:16vh}}@media screen and (max-height:800px){#header .inner .mori{margin:1vh auto 0;height:14vh;margin:0 auto}}@media screen and (max-height:740px){#header .inner .mori{margin:1vh auto 0;height:13vh;margin:0 auto}}@media screen and (max-height:640px){#header .inner .mori{margin:1vh auto 0;height:14vh;margin:0 auto}}@media screen and (max-height:600px){#header .inner .mori{margin:1.5vh auto 0;height:17vh;margin:0 auto}}@media screen and (max-width:1024px){#header .inner .mori{display:none}}#mainVisual{width:100%;height:100vh;display:block;position:relative;min-height:590px}@media screen and (max-width:1024px){#mainVisual{min-height:inherit;margin-top:80px;height:calc(100vh - 80px)}}@media screen and (max-width:767px){#mainVisual{margin-top:60px;height:auto;background-color:red}}#mainVisual #camp{left:0}#mainVisual #camp .wrap .bgimg{background-image:url(//workshopresort.com/wp-content/themes/wsr_theme/images/common/camp_bg_img.jpg)}#mainVisual #training{right:0}#mainVisual #training .wrap .bgimg{background-image:url(//workshopresort.com/wp-content/themes/wsr_theme/images/common/training_bg_img.jpg)}#mainVisual.active #camp:before{left:-100%}#mainVisual.active #training:before{left:100%}#mainVisual .block{width:calc(50% - 180px);position:absolute;top:0;height:100%;display:block;overflow:hidden}@media screen and (max-width:1920px){#mainVisual .block{width:calc(50% - 150px)}}@media screen and (max-width:1024px){#mainVisual .block{width:100%;height:50%;position:relative;top:inherit}}@media screen and (max-width:767px){#mainVisual .block{width:100%;height:auto;aspect-ratio:3/4;position:relative;top:inherit}}#mainVisual .block:before{content:"";position:absolute;display:block;top:0;left:0;width:100%;height:100%;background-color:#fff;z-index:999;transition:.75s ease all}#mainVisual .block .wrap{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center;text-align:center}#mainVisual .block .wrap .inner{width:100%;height:auto;position:relative;z-index:99;padding-top:50px}@media screen and (max-width:1024px){#mainVisual .block .wrap .inner{width:70%;padding-top:25px}}@media screen and (max-width:767px){#mainVisual .block .wrap .inner{width:100%;height:100%;padding-top:45px}}#mainVisual .block .wrap .inner ul{display:flex;flex-wrap:wrap;width:60%;margin:50px auto 0;height:70px;justify-content:center}@media screen and (max-width:1920px){#mainVisual .block .wrap .inner ul{width:70%;height:60px}}@media screen and (max-width:1680px){#mainVisual .block .wrap .inner ul{width:80%}}@media screen and (max-width:1440px){#mainVisual .block .wrap .inner ul{width:90%}}@media screen and (max-width:767px){#mainVisual .block .wrap .inner ul{width:100%;display:inherit;flex-wrap:inherit;position:absolute;left:0;bottom:0;display:block;height:auto;margin:0;padding:0 20px 20px}}#mainVisual .block .wrap .inner ul li{width:50%;padding:0 10px;line-height:70px;height:70px;opacity:0}@media screen and (max-width:1920px){#mainVisual .block .wrap .inner ul li{line-height:60px;height:60px}}@media screen and (max-width:1366px){#mainVisual .block .wrap .inner ul li{padding:0 5px}}@media screen and (max-width:1024px){#mainVisual .block .wrap .inner ul li{opacity:1;padding:0 10px}}@media screen and (max-width:767px){#mainVisual .block .wrap .inner ul li{line-height:50px;height:50px;padding:0;display:block;margin:10px auto;width:100%;max-width:360px}}#mainVisual .block .wrap .inner ul li a{display:block;height:70px;background-color:#fff;position:relative;border-radius:5px;font-size:2rem;font-weight:500;padding-right:14px}@media screen and (max-width:1920px){#mainVisual .block .wrap .inner ul li a{font-size:1.6rem;height:60px}}@media screen and (max-width:1680px){#mainVisual .block .wrap .inner ul li a{padding-right:18px}}@media screen and (max-width:767px){#mainVisual .block .wrap .inner ul li a{height:50px}}#mainVisual .block .wrap .inner ul li a img{width:28px;height:auto;position:absolute;right:15px;top:50%;margin-top:-13px}@media screen and (max-width:1680px){#mainVisual .block .wrap .inner ul li a img{right:10px;width:24px;margin-top:-12px}}#mainVisual .block .wrap .inner ul li a:hover{background-color:#ffe200}#mainVisual .block .wrap .inner h3{font-size:1.5vw;text-align:center;font-weight:500;color:#fff;margin-top:35px;line-height:1;letter-spacing:1px;text-shadow:0px 0px 5px #000}@media screen and (max-width:1024px){#mainVisual .block .wrap .inner h3{font-size:3.3vw}}@media screen and (max-width:767px){#mainVisual .block .wrap .inner h3{font-size:5.4vw;margin-top:20px}}#mainVisual .block .wrap .inner .note{opacity:0;font-size:1.4rem;color:#fff;margin-top:20px;line-height:1.6;height:60px}@media screen and (max-width:1024px){#mainVisual .block .wrap .inner .note{font-size:1.3rem;line-height:1.4;opacity:1}}@media screen and (max-width:767px){#mainVisual .block .wrap .inner .note{margin-top:25px}}@media screen and (max-width:1024px){#mainVisual .block .wrap .inner h2{width:60%;margin:0 auto}}#mainVisual .block .wrap .bgimg{background-size:cover;background-repeat:no-repeat;background-position:center;transition:.5s ease all;position:absolute;top:0;left:0;width:100%;height:100%}#mainVisual .block .wrap .bgimg:before{content:"";width:100%;height:100%;display:block;position:absolute;top:0;left:0;background-color:rgba(0,0,0,.35);transition:.5s ease all}@media screen and (max-width:1024px){#mainVisual .block .wrap .bgimg:before{background-color:rgba(0,0,0,.4)}}@media screen and (max-width:767px){#mainVisual .block .wrap .bgimg:before{background-color:transparent}}#mainVisual .block .wrap:hover .inner ul li:nth-child(1){animation:fadein .5s ease forwards}@media screen and (max-width:1024px){#mainVisual .block .wrap:hover .inner ul li:nth-child(1){animation:inherit}}#mainVisual .block .wrap:hover .inner ul li:nth-child(2){animation:fadein .5s .1s ease forwards}@media screen and (max-width:1024px){#mainVisual .block .wrap:hover .inner ul li:nth-child(2){animation:inherit}}#mainVisual .block .wrap:hover .inner .note{animation:fadein .5s .2s ease forwards}@media screen and (max-width:1024px){#mainVisual .block .wrap:hover .inner .note{animation:inherit}}#mainVisual .block .wrap:hover .bgimg{transform:scale(1.1)}@media screen and (max-width:1024px){#mainVisual .block .wrap:hover .bgimg{transform:inherit}}#mainVisual .block .wrap:hover .bgimg:before{background-color:rgba(0,0,0,.7)}@media screen and (max-width:1024px){#mainVisual .block .wrap:hover .bgimg:before{background-color:rgba(0,0,0,.4)}}@media screen and (max-width:767px){#mainVisual .block .wrap:hover .bgimg:before{background-color:transparent}}#content{display:none}@media screen and (max-width:1024px){#content{display:block}}#content .inner{width:360px;margin:0 auto}@media screen and (max-width:767px){#content .inner{width:300px}}#content h2{writing-mode:vertical-rl;margin:100px auto 0;line-height:55px;width:275px}@media screen and (max-width:767px){#content h2{line-height:45px;width:225px}}#content h2 p{display:block;letter-spacing:2px;font-weight:500;font-size:3.2vw;transition:.5s ease all}@media screen and (max-width:767px){#content h2 p{font-size:5vw}}#content .mori{width:180px;height:auto;margin:25px auto 0}#content .btn_grp{margin-top:75px}@media screen and (max-width:767px){#content .btn_grp{margin-top:50px}}#content .btn_grp ul li{display:block;height:70px;line-height:70px;font-size:1.8rem;margin-bottom:10px;overflow:hidden;border-radius:5px}#content .btn_grp ul li:last-child{margin-bottom:0}@media screen and (max-width:767px){#content .btn_grp ul li{font-size:1.5rem}}#content .btn_grp ul li a{display:block;background-color:#eee;position:relative;font-weight:500;letter-spacing:0;padding:0 25px}#content .btn_grp ul li a .arrow{width:14px;height:auto;position:absolute;right:18px;top:50%;margin-top:-8px;fill:#222}@media screen and (max-width:767px){#content .btn_grp ul li a .arrow{right:15px;width:13px}}#content .btn_grp ul li a:hover{background-color:#222;color:#fff}#content .btn_grp ul li a:hover .arrow{fill:#fff}#footer{width:300px;height:auto;left:0;position:absolute;left:50%;margin-left:-150px;bottom:40px;z-index:9}@media screen and (max-height:900px){#footer{bottom:40px}}@media screen and (max-height:800px){#footer{bottom:35px}}@media screen and (max-width:1024px){#footer{left:inherit;position:relative;left:inherit;margin:75px auto;bottom:inherit;z-index:9;width:100%}}#footer .sns p{display:block;text-align:center;line-height:1;margin-bottom:10px;font-size:1.4rem}@media screen and (max-height:700px){#footer .sns p{display:none}}@media screen and (max-width:1024px){#footer .sns p{display:block}}#footer .sns ul{font-size:0;text-align:center;height:50px}@media screen and (max-height:800px){#footer .sns ul{height:40px}}@media screen and (max-height:1024px){#footer .sns ul{height:40px}}@media screen and (max-width:767px){#footer .sns ul{margin-bottom:50px}}#footer .sns ul li{width:50px;height:50px;display:inline-block}@media screen and (max-height:800px){#footer .sns ul li{width:50px;height:40px}}@media screen and (max-width:1024px){#footer .sns ul li{width:50px;height:50px}}#footer .sns ul li a{width:100%;height:100%;display:flex;text-align:center;justify-content:center;align-items:center}#footer .sns ul li a img{width:40%;height:auto}@media screen and (max-width:1440px){#footer .sns ul li a img{width:40%}}#footer .copyright{text-align:center;font-size:1rem;line-height:1;display:block;margin-top:20px}