@charset "UTF-8";.contact-baner{margin-top:5vh}body .top-img{background-size:cover;background-position:center center;height:100vh;top:0;right:0}body header .top{width:90%;margin:0;margin-left:20px}body header .top__wrap{display:flex;justify-content:space-between;align-items:center}body header .top__wrap__lighthouse{display:flex;justify-content:space-between;align-items:flex-start;position:fixed;top:60px;z-index:999}body header .top__wrap__lighthouse img{width:100px}body header .top__wrap__lighthouse ul{font-size:20px;margin-left:20px}body header .top__wrap__lighthouse ul li{font-weight:500;margin-top:6px;font-size:1rem}body header .top__wrap__lighthouse ul .concept{transform:matrix(.99,-.11,.11,.99,0,0)}body header .top__wrap__lighthouse ul .training{transform:matrix(1,.04,-.04,1,0,0);position:relative;left:3px}body header .top__wrap__lighthouse ul .menu{transform:matrix(.99,.13,-.13,.99,0,0)}body header .top__wrap__lighthouse ul .blog{transform:matrix(.96,.29,-.29,.96,0,0);position:relative;right:6px}body header .top__wrap__lighthouse ul .contact{transform:matrix(.94,.34,-.34,.94,0,0);position:relative;right:20px}body header .top__wrap__lighthouse ul .access{transform:matrix(.88,.47,-.47,.88,0,0);position:relative;right:32px}.top__wrap__lighthouse ul li a{color:#000;font-weight:700}.top__wrap__lighthouse ul li a:hover{opacity:.6}body header .top__wrap__nav{display:flex;justify-content:space-between;align-items:center}body header .top__wrap__nav li{font-size:1rem;font-weight:700;height:20px;border-left:1px solid #333;padding-right:38px;padding-left:38px;margin-top:6px}body header .top__wrap__nav li:nth-child(1){border:none}body header .top__wrap .burger-btn{display:none}body header .top__wrap .burger-list{display:none}body header{max-width:2000px}body header .title{margin-top:80px;margin-left:60%;width:32%;max-width:500px;max-height:600px;background:rgba(232,225,211,.8);border-radius:10%;padding:5% 0 5% 5%;box-sizing:border-box}body header .title__logo{margin-top:40px}body header .title__sns{max-width:220px;display:flex;justify-content:space-between;margin-top:40px}body header .title__sns .base{width:45px;height:auto}body header .title__address{margin-top:30px}body header .title__address p{margin-top:10px}body header .title__address .parking{height:55px;margin-top:15px;display:inline-block;border-bottom:none}body header .title__address .parking img{height:100%}body header .title__address a{border-bottom:1px solid #333}body main .concept{position:relative;margin-top:45vh}body main .concept__title{margin:0 auto;background:url(https://blue-ocean.life/wp-content/uploads/2021/08/bg.png);background-position:35% 12%;background-size:80%;background-repeat:no-repeat}body main .concept__title h2{max-width:80%;margin:0 auto}body main .concept__title .lighthouse ul .concept{font-weight:500}body main .concept__title h3{font-size:33px;font-weight:700;margin-top:9vw;margin-left:10%}body main .concept__title p{font-size:16px;font-weight:500;margin:40px auto 0;max-width:65%}body main .concept__title p:first-of-type{margin-top:6vh}body main .concept__title .concept__title__last{margin-bottom:15vh}body main .concept__training{display:flex;justify-content:space-between;align-items:center;position:relative;bottom:47vw;overflow:hidden}body main .concept__training h3{font-size:33px;margin-top:100px;margin-left:90px}body main .concept__training img{width:22%;height:auto;z-index:-1}body main .concept__training__img-1{position:relative;left:-5%}body main .concept__training__img-2{position:absolute;left:25%}body main .concept__training__img-3{position:absolute;left:55%}body main .concept__training__img-4{position:absolute;left:85%}body main .training__title{margin:0 auto}body main .training__title .lighthouse,body main .training__title h2,body main .training__title h3,body main .training__title>img{max-width:80%;margin:0 auto}body main .training__title .lighthouse ul .training{font-weight:500}body main .training__title h3{font-size:2.5vw;font-weight:700;max-width:65%;margin:54px auto 0}body main .training__top{width:100%;height:auto;margin-top:100px}body main .training__sub{max-width:2000px;display:flex}body main .training__sub img{width:12.5%;height:auto}body main .training{margin-top:20vh}body main .training .sliderArea{max-width:100%;margin:0 auto;padding:0 25px}body main .training .slider .sliderArea .w300{max-width:300px}body main .training .slider .slick-slide{margin:0 5px;transition:all ease-in-out .3s;opacity:.2}body main .training .slider .slick-slide img{width:100%;height:auto}body main .training .slider .slick-prev,body main .training .slider .slick-next{z-index:1}body main .training .slider .slick-prev:before,body main .training .slider .slick-next:before{color:#000}body main .training .slider .slick-active{opacity:1}body main .training .slider .slick-current{opacity:1}body main .training .slider .thumb{margin:20px 0 0}body main .training .slider .thumb .slick-slide{cursor:pointer}body main .training .slider .thumb .slick-slide:hover{opacity:.7}body main .training .slider .thumb .slick-arrow{visibility:hidden}body main .menu{max-width:80%;margin:20vh auto 0}body main .menu table .largely{transform:scale(1.4);padding:30px 30px 0 !important;position:relative;top:-20px;white-space:nowrap}body main .menu .lighthouse ul .menu{font-weight:500}body main .menu h2{margin-top:50px}body main .menu .day,body main .menu .regular,body main .menu .visitor,body main .menu .fee,body main .menu .benefit,body main .menu .need{display:flex}body main .menu .day table{margin-left:55px}body main .menu .regular table{margin-left:25px}body main .menu .visitor table{margin-left:110px}body main .menu .day,body main .menu .regular,body main .menu .visitor,body main .menu .fee,body main .menu .benefit{border-bottom:1px solid #333}body main .menu .fee,body main .menu .benefit,body main .menu .need{padding-top:30px;padding-bottom:30px}body main .menu .day,body main .menu .regular,body main .menu .visitor{padding-top:50px;padding-bottom:50px;position:relative}body main .menu .day table,body main .menu .regular table,body main .menu .visitor table{border-collapse:collapse}body main .menu .day table .times th,body main .menu .day table .times th,body main .menu .day table .price th,body main .menu .day table .price th,body main .menu .day table .once-price th,body main .menu .day table .once-price th,body main .menu .day table .hour th,body main .menu .day table .hour th,body main .menu .regular table .times th,body main .menu .regular table .times th,body main .menu .regular table .price th,body main .menu .regular table .price th,body main .menu .regular table .once-price th,body main .menu .regular table .once-price th,body main .menu .regular table .hour th,body main .menu .regular table .hour th,body main .menu .visitor table .times th,body main .menu .visitor table .times th,body main .menu .visitor table .price th,body main .menu .visitor table .price th,body main .menu .visitor table .once-price th,body main .menu .visitor table .once-price th,body main .menu .visitor table .hour th,body main .menu .visitor table .hour th{margin-right:15px;margin-left:15px;padding-top:20px;padding-right:20px}body main .menu table .price td{white-space:nowrap}body main .menu table .hour th{white-space:nowrap}body main .menu .day table td,body main .menu .regular table td,body main .menu .visitor table td{padding-top:20px;padding-right:15px;padding-left:15px;border-left:1px solid #333}body main .menu .day table .times th,body main .menu .regular table .times th{font-size:14px;text-align:left;position:relative;top:20px}body main .menu .visitor table .times th{font-size:14px;text-align:left}body main .menu .day table .times td,body main .menu .regular table .times td,body main .menu .visitor table .times td{font-size:26px;text-align:center}body main .menu .day table .times td span,body main .menu .regular table .times td span,body main .menu .visitor table .times td span{font-size:14px;padding:5px}body main .menu .day table .times td:nth-child(2),body main .menu .day table .times td:nth-child(3),body main .menu .day table .times td:nth-child(6),body main .menu .regular table .times td:nth-child(2),body main .menu .regular table .times td:nth-child(3),body main .menu .regular table .times td:nth-child(6){position:relative;bottom:16px}body main .menu .day table .times td:nth-child(4) .popular,body main .menu .regular table .times td:nth-child(4) .popular,body main .menu .visitor table .times td:nth-child(4) .popular{background-color:#3492af;color:#fff;padding:5px 10px}body main .menu .day table .price th,body main .menu .regular table .price th,body main .menu .visitor table .price th{font-size:20px;text-align:left;font-weight:500}body main .menu .day table .price td,body main .menu .regular table .price td,body main .menu .visitor table .price td{font-size:28px;text-align:center;font-weight:500}body main .menu .day table .price td span,body main .menu .regular table .price td span,body main .menu .visitor table .price td span{font-size:14px}body main .menu .day table .once-price th,body main .menu .regular table .once-price th,body main .menu .visitor table .once-price th{font-size:14px;text-align:left}body main .menu .day table .once-price td,body main .menu .regular table .once-price td,body main .menu .visitor table .once-price td{text-align:center}body main .menu .day table .once-price td span,body main .menu .regular table .once-price td span,body main .menu .visitor table .once-price td span{font-size:14px}body main .menu .day table .hour th,body main .menu .regular table .hour th,body main .menu .visitor table .hour th{font-size:14px;text-align:left}body main .menu .day table .hour td,body main .menu .regular table .hour td,body main .menu .visitor table .hour td{text-align:center}body main .menu .day table .hour td span,body main .menu .regular table .hour td span,body main .menu .visitor table .hour td span{font-size:16px}body main .menu .day__line{bottom:740px}body main .menu .day__discription h3{color:#f15a24;font-size:3vw;font-weight:700}body main .menu .day .times td:nth-child(5){color:#dc6437}body main .menu .day .times td:nth-child(5) .recommend{background-color:#dc6437;color:#fff}body main .menu .day .price td:nth-child(5){color:#dc6437}body main .menu .regular__line{bottom:410px}body main .menu .regular__discription h3{color:#39b54a;font-size:3vw;font-weight:700}body main .menu .visitor__discription h3{color:#3492af;font-size:3vw;font-weight:700}body main .menu .regular .times td:nth-child(5){color:#39b54a}body main .menu .regular .times td:nth-child(5) .recommend{background-color:#39b54a;color:#fff}body main .menu .regular .price td:nth-child(5){color:#39b54a}body main .menu .fee__title{margin-left:0;width:24%}body main .menu .fee__info{margin-right:auto;margin-left:10px;font-size:24px;text-indent:0}body main .menu .fee__info span{font-size:14px}body main .menu .benefit h3{margin-left:0;width:24%}body main .menu .benefit p{margin-right:auto;margin-left:1em;text-indent:-1em}body main .menu .need h3{margin-left:0;width:24%}body main .menu .need__info{margin-right:auto}body main .menu p{font-size:18px;padding-top:6px;margin-left:1em;text-indent:-1em}body main .menu .attention{font-size:.75em;padding-top:6px}body main .blog{max-width:80%;margin:20vh auto 0}body main .blog h3{padding:42px 0 32px;max-width:90%;margin:0 auto;font-size:20px;font-weight:600}body main .blog .lighthouse ul{display:block}body main .blog .lighthouse ul li{border-radius:0;box-shadow:none;margin-top:10px}body main .blog .lighthouse ul li a{font-size:20px;position:static;color:#333;border:none}body main .blog .lighthouse ul .blog{font-weight:500}body main .blog ul{display:flex;justify-content:space-between;flex-wrap:wrap}body main .blog ul li{width:31%}body main .blog ul li .roop-link{margin-top:20px;height:450px;display:block;background-color:#fff;box-shadow:0 0 3px 0 rgba(0,0,0,.12),0 2px 3px 0 rgba(0,0,0,.22);transition:.3s;position:relative;border-radius:5px}body main .blog ul li .roop-link img{width:100%;height:55%;object-fit:cover}body main .blog ul li .roop-link.trainers img{width:auto;height:auto;position:absolute;bottom:10px;z-index:1;max-width:80%}body main .blog .trainers__wrap li:nth-of-type(2) .roop-link.trainers img,body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers img{bottom:0}body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers{overflow:hidden}body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers img{max-width:100%}body main .blog ul li .roop-link .content{padding:5px 10px;padding:10px}body main .blog ul li .roop-link .content__head{display:flex;justify-content:flex-end;align-items:center}body main .blog ul li .roop-link .content__head__baner{height:20px;background-color:#3fa0ec;color:#fff;font-size:12px;text-align:center;line-height:20px;margin-right:20px;padding:0 4px}body main .blog ul li .roop-link .content__head__day{font-size:12px}body main .blog ul li .roop-link .content__outline__title{font-size:1rem;font-weight:700;margin-bottom:5px}body main .blog ul li .roop-link .content__outline__point{font-size:12px}body main .blog ul li .roop-link .content__outline__prev{position:absolute;bottom:5px;right:10px;color:#3fa0ec;border-bottom:1px solid #3fa0ec}body main .blog ul li .roop-link:hover{box-shadow:0 15px 30px -5px rgba(0,0,0,.15),0 0 5px rgba(0,0,0,.1);transform:translateY(-4px)}body main .blog ul li .roop-link.trainers .content{position:absolute;top:16px;right:12px;background:rgba(220,100,55,.5);border-radius:20px;padding:12px 16px;z-index:2}body main .blog .trainers__wrap li:nth-of-type(2) .roop-link.trainers .content{top:auto;bottom:10%;right:12px;background:rgba(57,181,74,.5)}body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers .content{top:auto!important;bottom:4px!important;right:12px;background:rgba(52,146,175,.5)}body main .blog ul li .roop-link.trainers .content p{font-size:22px;font-weight:600}body main .blog__discription{display:block;text-align:center}body main .blog__discription,body main .blog__discription button{display:block;font-size:20px;font-weight:700;width:400px;height:70px;color:#e8e1d3;background:#333;border-radius:40px;border:none;text-align:center;margin:100px auto 80px;letter-spacing:.25em;cursor:pointer}body main .corona{max-width:80%;margin:20vh auto 0}.addition{display:none}body main .blog .activity__wrap{display:flex;justify-content:space-between;flex-wrap:wrap}body main .blog .activity__wrap li{width:31%;background-color:#fff;border-radius:0 0 24px 24px;margin-top:100px;display:flex;flex-direction:column;height:auto;box-shadow:0 0 3px 0 rgba(0,0,0,.12),0 2px 3px 0 rgba(0,0,0,.22)}body main .blog .activity__wrap li.on{height:auto}body main .blog .activity__wrap li.on .addition{display:block}body main .blog .activity__wrap li img{width:100%;object-fit:cover;height:38%;min-height:38%;max-height:180px}body main .blog .activity__wrap li h3{color:#80c4ff;border:1px solid #80c4ff;text-align:center;width:80%;height:2rem;line-height:2rem;margin:0 auto;font-weight:500;margin-top:15px;padding:0}body main .blog .activity__wrap li p{font-size:12px;width:80%;margin:15px auto}body main .blog .activity__wrap li>a{margin-top:auto}body main .blog .activity__wrap li button{display:block;text-align:center;font-size:14px;font-weight:700;width:80%;height:40px;color:#e8e1d3;background:#333;letter-spacing:.25rem;border-radius:23px;border:none;opacity:1;text-align:center;margin:auto auto 3vh;cursor:pointer}body main .corona h2{color:#333}body main .corona ul{display:flex;justify-content:space-between;flex-wrap:wrap}body main .corona ul li{display:flex;justify-content:flex-start;align-items:center;margin-top:100px;color:#333;width:31%;height:80px;background-color:#fff;border-radius:5px;box-shadow:3px 3px 3px #00000029}body main .corona ul li img{width:15%;height:auto;margin-right:10%;margin-left:5%}body main .corona .contact-baner{width:50%;display:block;margin:100px auto}body main .access{margin:20vh auto 0}body main .access__title .lighthouse ul .access{font-weight:500}body main .access__title,body main .access__wrap{max-width:80%;margin:0 auto}body main .access__view{width:100%;margin-top:80px}body main .access__wrap{max-width:80%;margin:50px auto 0;padding-top:50px;display:flex;justify-content:space-between;border-top:1px solid #333}body main .access__wrap h3{font-size:20px;font-weight:600;padding:40px 0 30px}body main .access__wrap__contents p .bb{border-bottom:1px solid}body main .access__wrap__contents p{font-size:1.2rem;margin-top:10px}body main .access__wrap__contents>div>div>.title__sns{max-width:220px;display:flex;justify-content:space-between;margin-top:20px}body main .access__wrap__contents>div>div>.title__sns .base{width:45px;height:auto}body main .access__wrap__map{margin-top:50px;flex-basis:50%}body main .connect{max-width:80%;margin:20vh auto 0;border-bottom:1px solid #333}body main .connect__logo{display:flex;justify-content:space-between;flex-wrap:wrap;align-items:center;margin-bottom:100px}body main .connect__logo a{position:relative;z-index:1;margin-top:120px}body main .connect__logo a figure{width:200px;height:200px;background-color:#fff;margin:0 10px;display:flex;justify-content:center;align-items:center;box-shadow:3px 3px 6px}body main .connect__logo a figure img{width:80%;height:auto}body footer .footer{background:#ba9e89;max-width:none;padding:5% 10%;margin-top:0}.slick-initialized .slick-slide{width:200px}.slider img{width:100%}.slider .slick-slide{margin:0 50px}@media screen and (max-width:2000px){body header .title{margin-top:40px;padding:4% 0 4% 4%}body header .title h1{font-size:24px}body header .title__logo,body header .title__sns{margin-top:20px}body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers img{max-width:70%}}@media screen and (max-width:1700px){body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers img{max-width:90%}}@media screen and (max-width:1300px){body main .concept__title p{margin-top:20px}body main .menu .day,body main .menu .regular,body main .menu .visitor{flex-wrap:wrap}body main .menu .visitor table,body main .menu .day table{margin-left:25px}body main .menu .day table .price td,body main .menu .regular table .price td,body main .menu .visitor table .price td,body main .menu .day table .times td,body main .menu .regular table .times td,body main .menu .visitor table .times td{font-size:24px}body main .menu .day table .once-price th,body main .menu .regular table .once-price th,body main .menu .visitor table .once-price th,body main .menu .day table .times td span,body main .menu .regular table .times td span,body main .menu .visitor table .times td span{font-size:12px}body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers img{max-width:90%}}@media screen and (max-width:1200px){body{font-size:.75rem}body header .title{padding:3% 0 3% 3%}body header .title__logo,body header .title__sns{max-width:180px}body main .menu .day table td,body main .menu .regular table td,body main .menu .visitor table td{padding:15px 10px 0}body main .blog .trainers__wrap li:nth-of-type(2) .roop-link.trainers .content{bottom:auto;top:10%}body main .access__wrap__contents p{font-size:1rem}body main .concept{margin-top:54vh}}@media screen and (max-width:961px){body main .training__title .lighthouse,body main .training__title h2,body main .training__title>img,body main .menu,body main .blog,body main .corona,body main .access__title,body main .access__wrap,body main .connect{max-width:90%}body .top-img{height:60vh}body main .concept{margin-top:20vh}body header .title h1{font-size:20px}body main .concept__title{background-size:100%;background-position:35% 15%}body main .concept__title p,body main .menu p{font-size:14px}body main .menu .day table .price td,body main .menu .regular table .price td,body main .menu .visitor table .price td,body main .menu .day table .times td,body main .menu .regular table .times td,body main .menu .visitor table .times td{font-size:20px}body main .menu .day table .once-price th,body main .menu .regular table .once-price th,body main .menu .visitor table .once-price th,body main .menu .day table .times td span,body main .menu .regular table .times td span,body main .menu .visitor table .times td span{font-size:10px}.slick-initialized .slick-slide{width:150px}.slider .slick-slide{margin:0 30px}body footer .footer{padding:3% 6%}body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers img{max-width:100%}}@media screen and (max-width:824px){body main .menu .day table,body main .menu .regular table,body main .menu .visitor table{display:block;overflow-x:scroll;white-space:nowrap;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}body main .menu .day table::-webkit-scrollbar,body main .menu .regular table::-webkit-scrollbar,body main .menu .visitor table::-webkit-scrollbar{display:none}body footer .footer__link{font-size:10px}body footer .footer__link p{margin-top:2vh}}@media screen and (max-width:768px){body header .title h1{font-size:16px}body header .title__address p{margin-top:4px}body main .concept__title{background-size:120%}body main .menu .day__discription h3,body main .menu .regular__discription h3,body main .menu .visitor__discription h3{font-size:5vw}body main .training__title h3{font-size:4vw}.slick-initialized .slick-slide{width:100px}.slider .slick-slide{margin:0 20px}body main .concept__title .concept__title__last{margin-bottom:10vh}body main .blog ul{flex-wrap:wrap}body main .blog ul li{width:100%}body main .blog ul li .roop-link{display:flex;height:180px}body main .blog ul li .roop-link img{height:100%;width:30%}body main .blog .blogs__wrap li .roop-link{height:auto !important}body main .blog .trainers__wrap li,body main .blog .activity__wrap li{width:45%}body main .blog .trainers__wrap li .roop-link{height:450px}.access__wrap__contents>div{display:flex;justify-content:space-around;align-items:flex-end}.access__wrap{flex-wrap:wrap}.access__wrap__contents,body main .access__wrap__map{flex-basis:100%}.footer .lighthouse__mark{margin-left:0}}@media screen and (max-width:599px){body header .top__wrap__lighthouse img{width:80px}body{overflow-x:hidden}body header .top__wrap__lighthouse{top:30px;left:10px}body header .title__logo,body header .title__sns,body header .title__address{margin-top:10px}body .top-img{background-size:contain;width:100%;bottom:auto;height:auto;padding-top:50%}body header .title{width:90%;margin:0 auto;position:relative;top:30vh;padding:5%;background:#eee9df;border-radius:15px;display:flex;flex-wrap:wrap}body header .title h1{font-size:20px;width:100%}body header .title__logo,body header .title__sns{width:45%}body header .title__address p{font-size:14px}body main .concept{margin-top:35vh}body main .concept__title{background-size:300%}body main .menu .benefit h3,body main .menu .need h3{width:35%}body main .menu .need__info{margin-left:8px}body main .blog ul li .roop-link .content__head{justify-content:space-between}body main .blog .activity__wrap li{width:90%;margin-left:auto;margin-right:auto;margin-top:40px;height:100%}body main .access__wrap__contents>div>div>.title__sns .base,body header .title__sns .base{width:25px}.title__address{margin-right:4px}body main .access__wrap__contents>div>div>.title__sns,body header .title__logo,body header .title__sns{max-width:130px}body main .blog__discription,body main .blog__discription button{width:300px;height:52px;border-radius:30px;font-size:16px}body main .blog .trainers__wrap li .roop-link{height:230px}body main .blog ul li .roop-link.trainers .content p{font-size:16px}body main .blog ul li .roop-link.trainers .content,body main .blog .trainers__wrap li:nth-of-type(2) .roop-link.trainers .content,body main .blog .trainers__wrap li:nth-of-type(3) .roop-link.trainers .content{top:4px;right:4px;padding:8px 10px;border-radius:10px}body main .access__wrap__contents p{font-size:.75rem}.access__wrap__contents>div>div:last-of-type p{white-space:nowrap}body main .corona ul li img{margin-right:3%}body main .corona ul li{width:45%;margin-top:5vh}body main .connect__logo a{margin-top:6vh}body main .connect__logo a figure{width:130px;height:130px}body footer .footer{padding:8% 2%}.fa-3x{font-size:2.5em !important}.footer .lighthouse__mark{width:60px}body footer .footer__sns .base{width:25px}body footer .footer__sns .w100,body footer .footer__sns .w100 img{margin-top:0}body footer .footer__link ul li,body footer .footer__link p{font-size:10px;margin-top:0;transform:scale(.8)}}@media screen and (max-width:428px){body header .title{top:22.5vh}}@media screen and (min-width:600px){body main .blog ul.blogs__wrap.trainer{justify-content:center;gap:4%}}