@charset "UTF-8";#mainimage{position:relative;height:100vh;background:#312b07;z-index:-110}#mainimage .over{position:absolute;width:100vw;bottom:0;right:0;z-index:10}#mainimage .over img{width:100%;height:auto}#mainimage #imgArea{position:relative;width:100%;height:100%;overflow:hidden}#mainimage #imgArea ul li{position:absolute;width:76vw;bottom:0;right:0;z-index:-100;-webkit-animation:anime 36s 0s infinite;animation:anime 36s 0s infinite}#mainimage #imgArea ul li img{width:100%;height:auto}#mainimage .main_imgBox{overflow:hidden;position:absolute;width:100vw;height:100vh;top:0;right:0;z-index:1}#mainimage .main_img{z-index:-1;opacity:0;width:100%;height:auto;background-position:center center;background-repeat:no-repeat;background-size:cover;position:absolute;left:0;top:0;-webkit-animation:anime 36s 0s infinite;animation:anime 36s 0s infinite}#mainimage #imgArea ul li:nth-of-type(2){-webkit-animation-delay:6s;animation-delay:6s}#mainimage #imgArea ul li:nth-of-type(3){-webkit-animation-delay:12s;animation-delay:12s}#mainimage #imgArea ul li:nth-of-type(4){-webkit-animation-delay:18s;animation-delay:18s}#mainimage #imgArea ul li:nth-of-type(5){-webkit-animation-delay:24s;animation-delay:24s}#mainimage #imgArea ul li:nth-of-type(6){-webkit-animation-delay:30s;animation-delay:30s}@keyframes anime{0%{opacity:0}8%{opacity:1}17%{opacity:1}25%{opacity:0;z-index:-2}100%{opacity:0}}#mainimage dl{position:absolute;top:20%;left:100px;color:#fff;z-index:20}#mainimage dl dt{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:5.5rem;line-height:1.2;margin-bottom:30px}#mainimage dl dd{line-height:3}#mainimage .btn{margin-top:40px !important;margin-left:40px !important}#NEWS{margin-top:150px;margin-bottom:150px}#NEWS li{margin-bottom:20px}#NEWS li a{margin-left:30px}#ABOUT{margin-bottom:150px}#ABOUT .read{text-align:center}#ABOUT .read h3{font-size:2.4rem;margin-bottom:20px}#ABOUT .navArea{background:url(//hello-compass.co.jp/css/../img/bg_about.jpg) no-repeat center 50px;background-size:cover;margin-top:80px;padding-bottom:80px}#ABOUT .navArea a{width:90%;margin:0 auto;display:block}#ABOUT .navArea a dl{position:relative}#ABOUT .navArea a dl dt{position:absolute;color:#fff}#ABOUT .navArea a dl dt .en{font-size:2.4rem;font-weight:600;letter-spacing:.2em}#ABOUT .navArea a dl dt p:last-child{position:relative;left:0;margin-top:30px;transition:all .3s}#ABOUT .navArea a:hover dl dt p:last-child{left:20%}#ABOUT .navArea a dl dt img{width:50%;height:auto}#ABOUT .navArea a dl dd{width:70%}#ABOUT .navArea a dl dd img{width:100%;height:auto;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3))}#ABOUT .navArea a dl.about01 dt{top:30%;left:65%}#ABOUT .navArea a dl.about02{margin-top:-30px}#ABOUT .navArea a dl.about02 dt{top:45%;left:20%}#ABOUT .navArea a dl.about02 dd{float:right}#SERVICE{margin-bottom:150px}#SERVICE a{pointer-events:none;position:relative;float:left;width:28%;margin-right:8%;margin-top:80px}#SERVICE a:nth-child(3n){float:left;width:28%;margin-right:0}#SERVICE a p{position:absolute;top:32px;right:-55px;font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:1rem;transform:rotate(90deg)}#SERVICE a p strong{color:#bf9600}#SERVICE a dl dt{position:absolute;background:#000;color:#fff;padding:5px 20px;bottom:-15px;right:-15px;font-size:1.4rem;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3));z-index:10}#SERVICE dl dd{filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3))}#SERVICE dl dd img{width:100%;height:auto}#WORKS{position:relative;margin-bottom:150px;background-size:100%;padding-top:60px}#WORKS .title h2{display:inline-block;background:#fff}#WORKS{margin-bottom:150px;background-size:cover;padding-top:60px}#WORKS .btn{position:absolute;top:60px;right:60px}#WORKS .slider{width:100%}#WORKS .slider img{width:550px;height:388px;object-fit:cover;object-position:100% 0}#WORKS .slider iframe{width:550px;height:388px}#WORKS .slider li{width:550px;height:500px;margin:0 25px}#WORKS .slider li p{width:550px}#WORKS .slider li span{display:block;width:550px;text-align:center;margin-top:5px;font-size:1.2rem}.slick-next,.slick-prev{width:22px!important;height:40px!important}.slick-next{right:30px !important}.slick-prev{left:30px !important}.slick-arrow{z-index:2!important}.slick-arrow:before{content:""!important;width:22px!important;height:40px!important;position:absolute;top:-60px;left:0}.slick-next:before{background:url(//hello-compass.co.jp/css/../img/arrow_right.png) no-repeat !important;background-size:contain!important}.slick-prev:before{background:url(//hello-compass.co.jp/css/../img/arrow_left.png) no-repeat !important;background-size:contain!important}#OtherLink{margin-bottom:150px}#OtherLink ul{max-width:1200px;margin:0 auto}#OtherLink li{width:32%;float:left;margin-right:2%}#OtherLink li:nth-child(3){margin-right:0}#OtherLink li:nth-child(4){width:100%;margin-top:2%;margin-right:0}#OtherLink li img{width:100%;height:auto}@media screen and (max-width:1200px){#mainimages .scroll{display:none}}@media screen and (max-width:1023px){#mainimage{height:90vh}#mainimage .over{position:absolute;width:180vw;bottom:0;right:-50px;z-index:10}#mainimage .over img{width:100%;height:auto}#mainimage #imgArea{position:relative;width:100%;height:100%;overflow:hidden}#mainimage #imgArea ul li{position:absolute;width:140vw;bottom:0;right:0;z-index:-100;-webkit-animation:anime 36s 0s infinite;animation:anime 36s 0s infinite}#mainimage #imgArea ul li img{width:100%;height:auto}#mainimage dl{position:absolute;top:30%;left:5%;color:#fff;z-index:20}#mainimage dl dt{font-family:'IBM Plex Sans',sans-serif;font-weight:600;font-size:1.5rem;line-height:1.2;margin-bottom:30px}#mainimage dl dd{font-size:1.2rem;line-height:2;padding-right:5%}#mainimage .btn{margin-top:40px !important;margin-left:40px !important}#NEWS{margin-top:20%;margin-bottom:20%}#ABOUT{margin-bottom:20%}#ABOUT .read{text-align:left}#ABOUT .read h3{font-size:2.4rem;margin-bottom:20px}#ABOUT .navArea{background:url(//hello-compass.co.jp/css/../img/bg_about.jpg) no-repeat center top;background-size:cover;margin-top:40px;padding-top:80px;padding-bottom:80px}#ABOUT .navArea a{width:90%;margin:0 auto;display:block}#ABOUT .navArea a dl{position:relative}#ABOUT .navArea a dl dt{position:relative;color:#fff}#ABOUT .navArea a dl dt .en{font-size:2.4rem;font-weight:600;letter-spacing:.2em}#ABOUT .navArea a dl dt p:last-child{display:none;margin-top:30px}#ABOUT .navArea a dl dd{margin-top:-20px;width:100%}#ABOUT .navArea a dl dd img{width:100%;height:auto;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3))}#ABOUT .navArea a dl.about01 dt{top:0;left:0}#ABOUT .navArea a dl.about02{margin-top:60px}#ABOUT .navArea a dl.about02 dt{top:0;left:0}#ABOUT .navArea a dl.about02 dd{float:none}#SERVICE{margin-bottom:20%}#SERVICE a{position:relative;float:none;width:100%;margin-right:0;margin-top:80px}#SERVICE a:nth-child(3n){float:none;width:100%;margin-right:0}#SERVICE a p{display:none}#SERVICE a dl dt{position:relative;width:100%;background:#000;color:#fff;padding:5px 20px;bottom:-15px;right:0;text-align:center;font-size:1.4rem;filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3));z-index:10}#SERVICE dl dd{filter:drop-shadow(10px 10px 10px rgba(0,0,0,.3))}#SERVICE dl dd img{width:100%;height:auto}#WORKS{position:relative;margin-bottom:20%;background-image:none !important;background-size:100%;padding-top:60px}#WORKS .title h2{display:inline-block;background:#fff}#WORKS{margin-bottom:150px;background-size:cover;padding-top:60px}#WORKS .btn{display:none;position:relative;top:0;right:0}#WORKS .slider{width:100%}#WORKS .slider img{width:100vw;height:550px;object-fit:contain}#WORKS .slider iframe{width:100vw;height:388px;margin-top:0}#WORKS .slider li{width:100vw;height:auto}#WORKS .slider li p{display:block;width:100vw;height:auto;background:#fff}#WORKS .slider li span{width:100vw;display:block;text-align:center;margin-top:5px}#OtherLink{margin-bottom:0}#OtherLink li{width:50%;float:left;margin-right:0}#OtherLink li:nth-child(4){width:50%;margin-top:0;margin-right:0}#OtherLink li img{width:100%;height:auto}}