﻿#main-visual{position:relative;overflow-x:hidden}#main-visual .slick-slide picture{transform:scale(1);transition:20s}#main-visual .slick-slide picture.zoom{transform:scale(1.1)}#main-visual .slick-list{width:1920px;left:50%;transform:translateX(-50%)}#main-visual .slick-dots{position:absolute;bottom:200px;z-index:1;display:none}#main-visual .slick-dots li button:before{background:#fff;border-radius:100%;opacity:1;width:14px;height:14px;top:50%;left:50%;transform:translate(-50%, -50%);font-size:0;z-index:0}#main-visual .slick-dots li button:after{content:"";background:#80cde8;border-radius:100%;display:block;width:10px;height:10px;top:50%;left:50%;transform:translate(-50%, -50%);position:absolute;z-index:1;opacity:.25;font-size:0;transition:.3s}#main-visual .slick-dots li button:hover:after{opacity:1}#main-visual .slick-dots li.slick-active button:after{opacity:1}#top-page header .inner h1{position:absolute;width:50%;z-index:1;top:50%;left:50%;font-size:0;transform:translate(-50%, -50%);text-align:center}#top-page header .inner h1 picture{padding:2rem 0}#top-page header .inner h1 picture img{filter:drop-shadow(0 0.2rem 0.35rem rgba(0, 0, 0, 0.6))}#top-page header .inner h1 span{font-size:16px;display:block;color:#fff;margin:0;text-shadow:0 1px 3px #000;letter-spacing:0}#top-page header .inner h1:before{content:url("../img/common/ico_kayak_logo.svg");width:15%;display:inline-block}#top-page section#renewal-announcement{background:#fff;z-index:99;padding:0 0 80px}#top-page section.top-banner-area{padding:0 0 80px;background:#e6fcf9}#top-page section.top-banner-area a{border-radius:1rem;overflow:hidden;display:block;font-size:0}#top-page section.top-banner-area a:hover img{transform:scale(1.05)}#top-page section.salutation{background:url("../img/top/img06.jpg") no-repeat center;background-size:1920px;padding:40px 0 120px}#top-page section.salutation:before{content:"";background:rgba(0,0,0,.5);position:absolute;top:0;left:0;z-index:1;width:100%;height:100%}#top-page section.salutation:after{content:"";background:url("../img/common/cover_dot.png");position:absolute;top:0;left:0;z-index:2;width:100%;height:100%;opacity:.3}#top-page section.salutation .inner{z-index:3;width:490px}#top-page section.salutation .inner h2{text-align:center;margin:0 0 45px;transform:scale(0);transition:.5s cubic-bezier(0.135, 0.85, 0.53, 1.49);transition-delay:0s}#top-page section.salutation .inner h2 span{font-size:2.4rem;color:#ff0;font-weight:bold}#top-page section.salutation .inner h2:before{content:url("../img/common/icons/ico_human01.svg");display:block;width:60px;margin:0 auto 30px;transition:.5s cubic-bezier(0.135, 0.85, 0.53, 1.49);transition-delay:.2s;transform:rotateY(0) scale(0)}#top-page section.salutation .inner h3{font-size:2.8rem;line-height:1.75;text-align:center;font-weight:bold;color:#fff;padding:0 0 35px;margin:0 0 10px;background:url("../img/common/wave_border.png") repeat-x bottom center;background-size:355px;transition:.75s cubic-bezier(0.135, 0.85, 0.53, 1.49);transition-delay:.3s;transform:scale(0)}#top-page section.salutation .inner .text{margin:0 auto;transition:.75s cubic-bezier(0.135, 0.85, 0.53, 1.49);transition-delay:.5s;filter:blur(10px);opacity:0}#top-page section.salutation .inner .text p{font-size:1.8rem;line-height:2.33;color:#fff}#top-page section.salutation .inner .boraga-position{width:245px;position:absolute;top:-10px;right:-265px;transition:.75s cubic-bezier(0.135, 0.85, 0.53, 1.49);transition-delay:.5s;transform:scale(0)}#top-page section.salutation .inner.inview h2:before{transform:rotateY(360deg) scale(1)}#top-page section.salutation .inner.inview h2,#top-page section.salutation .inner.inview h3,#top-page section.salutation .inner.inview .boraga-position{transform:scale(1)}#top-page section.salutation .inner.inview .text{filter:blur(0px);opacity:1}#top-page section.courses{background:url("../img/common/wave_line-top.svg") repeat-x #83ced6;z-index:1;padding:50px 0 60px}#top-page section.courses .inner{z-index:2}#top-page section.courses h2{font-weight:900;color:#37b2f7;display:flex;justify-content:center;align-items:center;margin:0 0 80px;font-size:3rem;text-shadow:0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff,0 0 3px #fff}#top-page section.courses h2:before{content:url("../img/common/icons/ico_marine.svg");display:inline-block;width:85px;margin:0 10px 0 0}#top-page section.courses ul{width:100%}#top-page section.courses ul li{margin:0 0 80px}#top-page section.courses ul li:last-child{margin-bottom:0}#top-page section.courses ul li .catch .speach-balloon{background:#fffb5c;display:inline-block;text-align:center;padding:20px 40px;border-radius:100px;left:10%;margin:0 0 20px;transition:.5s cubic-bezier(0.135, 0.85, 0.53, 1.49);transform:scale(0)}#top-page section.courses ul li .catch .speach-balloon p{letter-spacing:.1em;font-weight:700}#top-page section.courses ul li .catch .speach-balloon p:nth-child(1){color:#37b2f7;margin:0 0 10px}#top-page section.courses ul li .catch .speach-balloon:before{content:"";border-top:14px solid #fffb5c;border-right:14px solid rgba(0,0,0,0);border-left:14px solid rgba(0,0,0,0);position:absolute;bottom:-14px;left:50%;transform:translateX(-50%)}#top-page section.courses ul li .catch picture{width:700px;opacity:0;left:-100px;position:relative;transition:.8s cubic-bezier(0.135, 0.85, 0.53, 1.49);transition-delay:.3s;box-shadow:10px 10px 0 rgba(0,0,0,.05)}#top-page section.courses ul li .tour-discription{position:absolute;top:30px;right:0;transform:scale(0);transition:.8s cubic-bezier(0.135, 0.85, 0.53, 1.49);transition-delay:.5s}#top-page section.courses ul li .tour-discription:before{content:url("../img/common/speach_balloon.svg");width:550px;position:relative;z-index:0;top:0;right:0;display:block}#top-page section.courses ul li .tour-discription .inset{color:#fff;padding:0;width:312px;position:absolute;top:50%;left:55%;transform:translate(-50%, -50%)}#top-page section.courses ul li .tour-discription .inset h3{font-size:2.6rem;font-weight:700;border-bottom:1px solid #fff;padding:0 0 15px;margin:0 0 15px;text-align:center;line-height:1.5}#top-page section.courses ul li .tour-discription .inset>p{font-size:1.8rem;line-height:1.75}#top-page section.courses ul li .tour-discription .inset>div{position:absolute;bottom:-12rem;right:-5rem}#top-page section.courses ul li .tour-details{margin:20px auto 0;width:92%}#top-page section.courses ul li .tour-details li{display:flex;justify-content:flex-start;align-items:center;margin:0 0 10px}#top-page section.courses ul li .tour-details li h5{width:12%;background:#37b2f7;color:#fff;text-align:center;padding:10px 20px;font-size:1.6rem;font-weight:bold}#top-page section.courses ul li .tour-details li div{width:88%;padding:10px 15px;text-shadow:0 0 3px #e6fcf9,0 0 3px #e6fcf9;font-size:1.8rem;font-weight:bold}#top-page section.courses ul li .tour-details li div.price span{font-size:130%;font-weight:bold;color:#d40000;display:inline-block;margin:0 .5rem}#top-page section.courses ul li .anno{margin:10px auto 0;line-height:1.8;width:92%;text-shadow:0 0 3px #e6fcf9,0 0 3px #e6fcf9;font-weight:bold}#top-page section.courses ul li:nth-child(even) .catch{left:calc(100% - 700px)}#top-page section.courses ul li:nth-child(even) .catch .speach-balloon{left:20%}#top-page section.courses ul li:nth-child(even) .tour-discription{position:absolute;right:auto;left:0}#top-page section.courses ul li:nth-child(even) .tour-discription:before{right:auto;left:0;transform:scaleX(-1)}#top-page section.courses ul li:nth-child(even) .tour-discription .inset{left:50%}#top-page section.courses ul li:nth-child(even) .tour-discription .inset>div{left:-5rem;right:auto}#top-page section.courses ul li.inview .speach-balloon{transform:scale(1)}#top-page section.courses ul li.inview picture{opacity:1;left:0}#top-page section.courses ul li.inview .tour-discription{transform:scale(1)}#top-page section.courses .notes{background:#fff;color:#37b2f7;padding:20px;text-align:center;margin:50px 0 0;border:4px solid #37b2f7;border-radius:100px;font-weight:bold}#top-page section.courses .illust-set{position:absolute;top:0;left:0;width:100%;height:100%;z-index:1}#top-page section.courses .illust-set li{position:absolute;z-index:1;transform-origin:center}#top-page section.courses .illust-set li img{animation:fish-common 1s infinite alternate;position:absolute}#top-page section.courses .illust-set li.fish01{width:353px;top:500px;animation:fish01 30s infinite linear}#top-page section.courses .illust-set li.same{width:176px;top:600px;animation:fish01 60s infinite linear;animation-delay:-50s}#top-page section.courses .illust-set li.same img{animation-duration:4s}#top-page section.courses .illust-set li.fish02{width:116px;top:900px;animation:fish01 45s infinite linear;animation-delay:-50s}#top-page section.courses .illust-set li.fish02 img{animation-duration:2s;animation-delay:-1s}#top-page section.courses .illust-set li.fish04{width:362px;top:800px;animation:fish02 38s infinite linear}#top-page section.courses .illust-set li.fish04 img{animation-duration:1s;animation-delay:-0.5s}#top-page section.courses .illust-set li.fish05{width:111px;top:1000px;animation:fish02 22s infinite linear}#top-page section.courses .illust-set li.fish05 img{animation-duration:1s;animation-delay:-4.5s;transform:rotateY(180deg)}#top-page section.courses .illust-set li.fish06{width:74px;top:1100px;animation:fish03 24s infinite linear;animation-delay:-4s}#top-page section.courses .illust-set li.fish06 img{animation-duration:1s;animation-delay:-6.5s;transform:rotateY(180deg)}#top-page section.courses .illust-set li.fish07{width:160px;top:1250px;animation:fish01 16s infinite linear;animation-delay:-12s}#top-page section.courses .illust-set li.fish07 img{animation-duration:1s;animation-delay:-8.5s;transform:rotateY(180deg)}#top-page section.courses .illust-set li.fish08{width:135px;top:2250px;animation:fish01 40s infinite linear;animation-delay:-12s}#top-page section.courses .illust-set li.fish08 img{animation-duration:3s;animation-delay:-8.5s;transform:rotateY(180deg)}#top-page section.courses .illust-set li.fish09{width:353px;top:1550px;animation:fish02 30s infinite linear;animation-delay:-8s}#top-page section.courses .illust-set li.fish09 img{animation-duration:3s;animation-delay:-4.5s}#top-page section.courses .illust-set li.same02{width:176px;top:1750px;animation:fish03 40s infinite linear;animation-delay:-16s}#top-page section.courses .illust-set li.same02 img{animation-duration:5s;animation-delay:-4.5s}#top-page section.courses:after{content:"";display:block;position:absolute;width:100%;height:20%;background:#83ced6;z-index:0;bottom:0;left:0}@keyframes fish01{0%{right:0;transform:scale(1, 1)}46%{transform:scale(1, 1)}50%{right:40%;transform:scale(-1, 1)}96%{transform:scale(-1, 1)}100%{right:0;transform:scale(1, 1)}}@keyframes fish02{0%{left:0;transform:scale(-1, 1)}46%{transform:scale(-1, 1)}50%{left:40%;transform:scale(1, 1)}96%{transform:scale(1, 1)}100%{left:0;transform:scale(-1, 1)}}@keyframes fish03{0%{left:0;transform:scale(-1, 1)}46%{transform:scale(-1, 1)}50%{left:60%;transform:scale(1, 1)}96%{transform:scale(1, 1)}100%{left:0;transform:scale(-1, 1)}}@keyframes fish-common{0%{top:0}100%{top:10px}}#top-page section.news{z-index:3;background:#83ced6;padding-bottom:70px}#top-page section.news .inner{display:block}#top-page section.news .inner .left,#top-page section.news .inner .right{width:100%}#top-page section.news .inner .left h2,#top-page section.news .inner .right h2{font-size:2.8rem;text-align:center;margin:0 0 20px}#top-page section.news .inner .left h2 span,#top-page section.news .inner .right h2 span{color:#fff;font-size:1.8rem;display:block;margin:0 0 10px}#top-page section.news .inner .left .inset,#top-page section.news .inner .right .inset{background:#fff;text-align:center;border:8px solid;border-radius:38px;padding:50px 60px 30px}#top-page section.news .inner .left .inset ul,#top-page section.news .inner .right .inset ul{margin:0 0 40px}#top-page section.news .inner .left .inset ul li,#top-page section.news .inner .right .inset ul li{margin:0 0 18px;text-align:left}#top-page section.news .inner .left .inset ul li:before,#top-page section.news .inner .right .inset ul li:before{content:"";display:inline-block;margin-right:5px}#top-page section.news .inner .left .inset ul li span:nth-child(1),#top-page section.news .inner .right .inset ul li span:nth-child(1){margin:0 10px 0 0}#top-page section.news .inner .left .inset ul li span a,#top-page section.news .inner .right .inset ul li span a{text-decoration:underline}#top-page section.news .inner .left .inset ul li span a:hover,#top-page section.news .inner .right .inset ul li span a:hover{text-decoration:none}#top-page section.news .inner .left .inset{border-color:#ff0}#top-page section.news .inner .right .inset{border-color:#37b2f7}#top-page section.insta{background:#83ced6;padding:0 0 30px;z-index:4}#top-page section.insta h2{text-align:center;font-size:2.8rem;margin:0 0 25px}#top-page section.insta h2 span{display:block;font-size:1.8rem;color:#fff;margin:0 0 10px}#top-page section.insta ul{width:1920px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}#top-page section.insta ul li{background:#fff;width:250px;height:250px;margin:0 20px}#top-page section.insta iframe{width:100%;margin:0 auto;display:block}#top-page section.insta .insta-link{text-align:center;padding:25px 0}#top-page section.insta .insta-link a{display:inline-block;color:#3d3d3d}#top-page section.insta .insta-link a:before{content:url("../img/common/icons/ico_insta.svg");position:relative;width:17px;display:inline-block;margin:0 5px;top:2px}#top-page section.insta .insta-link a:hover{text-decoration:underline}#top-page section.pr-area{background:#83ced6;z-index:5}#top-page section.pr-area .inner{display:flex;justify-content:space-between;align-items:stretch;flex-wrap:wrap;padding-bottom:90px}#top-page section.pr-area .inner.inview .banner{transform:scale(1)}#top-page section.pr-area .banner{border:4px solid #fff;border-radius:2rem;overflow:hidden;transition:.75s cubic-bezier(0.135, 0.85, 0.53, 1.49);transform:scale(0)}#top-page section.pr-area .banner:after{content:"";width:100%;height:100%;position:absolute;background:rgba(0,0,0,.4);z-index:0;top:0;left:0}#top-page section.pr-area .banner .img-set{display:block;z-index:1}#top-page section.pr-area .banner .img-set img{position:absolute}#top-page section.pr-area .banner .button{position:absolute;bottom:15px;right:20px;z-index:1}#top-page section.pr-area .banner:nth-child(1){width:49%;max-width:510px;height:248px;transition-delay:0s;background:url("../img/top/img02.jpg") no-repeat}#top-page section.pr-area .banner:nth-child(1) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(1) .img-set .staff{width:138px;bottom:0;left:20px}#top-page section.pr-area .banner:nth-child(1) .img-set .speach-balloon{width:273px;top:15px;left:20px}#top-page section.pr-area .banner:nth-child(1) .img-set .icon{width:64px;top:20px;right:26%}#top-page section.pr-area .banner:nth-child(1) h3{font-size:0;width:336px;position:absolute;top:35%;right:20px;z-index:1}#top-page section.pr-area .banner:nth-child(2){width:49%;max-width:510px;height:248px;transition-delay:.3s;background:url("../img/top/img03.jpg") no-repeat}#top-page section.pr-area .banner:nth-child(2):before{content:url("../img/top/banner/ban02_illust.svg");width:126px;display:block;position:absolute;bottom:5px;right:44%;z-index:3}#top-page section.pr-area .banner:nth-child(2) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(2) .img-set .staff{width:153px;bottom:0;left:5px;z-index:1}#top-page section.pr-area .banner:nth-child(2) .img-set .speach-balloon{width:158px;top:10px;left:100px}#top-page section.pr-area .banner:nth-child(2) h3{font-size:0;width:226px;position:absolute;top:15%;right:25px;z-index:1}#top-page section.pr-area .banner:nth-child(3){width:100%;height:440px;margin-top:60px;transition-delay:.6s;background:url("../img/top/img04.jpg") no-repeat}#top-page section.pr-area .banner:nth-child(3) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(3) .img-set .staff{width:309px;bottom:0;left:35px;z-index:1}#top-page section.pr-area .banner:nth-child(3) .img-set .speach-balloon{width:404px;top:10px;left:40px}#top-page section.pr-area .banner:nth-child(3) .contents{z-index:2;position:absolute;top:0;right:2%}#top-page section.pr-area .banner:nth-child(3) .contents h3{font-size:0;width:226px;margin:40px auto}#top-page section.pr-area .banner:nth-child(3) .contents ul{display:flex;margin:0 0 20px}#top-page section.pr-area .banner:nth-child(3) .contents ul li{width:68px;margin:0 5px 0 0;text-align:center}#top-page section.pr-area .banner:nth-child(3) .contents ul li span{font-weight:bold;font-size:1.4rem;margin:5px 0 0;color:#fff;display:block}#top-page section.pr-area .banner:nth-child(3) .contents p{width:100%;border:4px solid #fff;border-radius:10px;padding:15px 0 10px;text-align:center;color:#fff;font-weight:bold;line-height:1.5}#top-page section.pr-area .torikumi{width:100%;margin-top:60px}#top-page section.pr-area .torikumi:after{display:none}#top-page section.pr-area .torikumi a:hover{opacity:.75}.pamphlet_banner{margin:5rem auto 0;overflow:hidden;border-radius:1.2rem}.pamphlet_banner a:hover{filter:brightness(1.2)}.bg-set{position:absolute;z-index:-1;bottom:0;left:50%;transform:translateX(-50%);width:1920px}.bg-set picture{position:absolute;bottom:0;display:block}.bg-set picture:nth-child(1){z-index:0}.bg-set picture:nth-child(2){z-index:1}.bg-set picture:nth-child(3){z-index:2}.bg-set picture:nth-child(4){z-index:3}@media screen and (max-width: 1080px){#top-page header{margin-bottom:-2rem}#top-page header .inner h1{top:38%}#top-page header .inner h1 span{font-size:1.6rem}#top-page header .inner .reserve-btn{width:40%;top:57rem;right:50%;transform:translateX(50%)}#top-page header .inner .reserve-btn .common-button svg{width:100%}#top-page header .inner .reserve-btn .common-button svg .st0{stroke-dasharray:6 6;stroke-width:20;animation:line_move_sp01 5s infinite linear}#top-page header .inner .reserve-btn .common-button span{font-size:3rem}#top-page header .inner .reserve-btn .common-button span:after{width:3rem}#top-page section.top-banner-area{padding:0 0 7rem}#top-page section.salutation{padding:8rem 0 10rem}#top-page section.salutation .inner{z-index:3;width:60%}#top-page section.salutation .inner h2{margin:0 0 4.5rem}#top-page section.salutation .inner h2 span{font-size:2.4rem}#top-page section.salutation .inner h2:before{width:6rem;margin:0 auto 3rem}#top-page section.salutation .inner h3{font-size:2.8rem;padding:0 0 3.5rem;margin:0 0 1rem;background-size:355px}#top-page section.salutation .inner .boraga-position{width:35%;top:-1rem;right:-20%}#top-page section.courses{padding:5rem 0 6rem}#top-page section.courses h2:before{width:8.5rem;margin:0 1rem 0 0}#top-page section.courses ul li{margin:0 0 8rem}#top-page section.courses ul li .catch{width:65%}#top-page section.courses ul li .catch .speach-balloon{padding:2rem 4rem;border-radius:10rem;left:10%;margin:0 0 2rem}#top-page section.courses ul li .catch .speach-balloon p:nth-child(1){margin:0 0 1rem}#top-page section.courses ul li .catch .speach-balloon:before{content:"";border-top:1.4rem solid #fffb5c;border-right:1.4rem solid rgba(0,0,0,0);border-left:1.4rem solid rgba(0,0,0,0);bottom:-1.1rem}#top-page section.courses ul li .catch picture{width:100%;opacity:0;left:-10rem;box-shadow:1rem 1rem 0 rgba(0,0,0,.05)}#top-page section.courses ul li .tour-discription{top:4rem;width:50%}#top-page section.courses ul li .tour-discription:before{content:url("../img/common/speach_balloon.svg");width:100%;position:relative;z-index:0;top:0;right:0;display:block}#top-page section.courses ul li .tour-discription .inset{width:70%}#top-page section.courses ul li .tour-discription .inset h3{font-size:2.4rem;padding:0 0 1rem;margin:0 0 1rem}#top-page section.courses ul li .tour-discription .inset>p{font-size:1.6rem;line-height:1.75}#top-page section.courses ul li .tour-discription .inset>div{position:absolute;bottom:-12rem;right:-2rem}#top-page section.courses ul li .tour-details{margin:4rem auto 0;width:100%}#top-page section.courses ul li .tour-details li{margin:0 0 1.5rem}#top-page section.courses ul li .tour-details li h5{width:16%;padding:1rem 2rem;font-size:1.6rem;font-weight:bold}#top-page section.courses ul li .tour-details li div{width:84%;padding:1rem 1.5rem;font-size:1.8rem}#top-page section.courses ul li .anno{margin:1rem auto 0;width:100%}#top-page section.courses ul li:nth-child(even) .catch{left:35%}#top-page section.courses ul li:nth-child(even) .catch .speach-balloon{left:50%;transform:translateX(-50%)}#top-page section.courses ul li:nth-child(even) .tour-discription .inset>div{left:-1rem}#top-page section.courses ul li.inview picture{opacity:1;left:0}#top-page section.courses .notes{padding:2rem;margin:5rem 0 0;border-radius:10rem}#top-page section.courses .illust-set li.fish01{width:35rem;top:5%}#top-page section.courses .illust-set li.same{width:17rem;top:27%}#top-page section.courses .illust-set li.fish02{width:11.5rem;top:33%}#top-page section.courses .illust-set li.fish04{width:36rem;top:35%}#top-page section.courses .illust-set li.fish05{width:11rem;top:30%}#top-page section.courses .illust-set li.fish06{width:8rem;top:58%}#top-page section.courses .illust-set li.fish07{width:16rem;top:55%}#top-page section.courses .illust-set li.fish08{width:13rem;top:64%}#top-page section.courses .illust-set li.fish09{width:35rem;top:90%}#top-page section.courses .illust-set li.same02{width:17.5rem;top:85%}@keyframes fish01{0%{right:0;transform:scale(1, 1)}46%{transform:scale(1, 1)}50%{right:70%;transform:scale(-1, 1)}96%{transform:scale(-1, 1)}100%{right:0;transform:scale(1, 1)}}@keyframes fish02{0%{left:0;transform:scale(-1, 1)}46%{transform:scale(-1, 1)}50%{left:70%;transform:scale(1, 1)}96%{transform:scale(1, 1)}100%{left:0;transform:scale(-1, 1)}}@keyframes fish03{0%{left:0;transform:scale(-1, 1)}46%{transform:scale(-1, 1)}50%{left:90%;transform:scale(1, 1)}96%{transform:scale(1, 1)}100%{left:0;transform:scale(-1, 1)}}@keyframes fish-common{0%{top:0}100%{top:.675rem}}#top-page section.news{padding-bottom:7rem}#top-page section.news .inner .left h2,#top-page section.news .inner .right h2{font-size:2.8rem;margin:0 0 2rem}#top-page section.news .inner .left h2 span,#top-page section.news .inner .right h2 span{margin:0 0 1rem}#top-page section.news .inner .left .inset,#top-page section.news .inner .right .inset{background:#fff;text-align:center;border:8px solid;border-radius:3rem;padding:4rem}#top-page section.news .inner .left .inset ul,#top-page section.news .inner .right .inset ul{margin:0 0 4rem}#top-page section.news .inner .left .inset ul li,#top-page section.news .inner .right .inset ul li{margin:0 0 3rem;text-align:left}#top-page section.news .inner .left .inset ul li span,#top-page section.news .inner .right .inset ul li span{display:block}#top-page section.news .inner .left .inset ul li span:nth-child(1),#top-page section.news .inner .right .inset ul li span:nth-child(1){margin:0 0 1rem 0}#top-page section.news .inner .left .inset ul li span:nth-child(2),#top-page section.news .inner .right .inset ul li span:nth-child(2){width:90%;margin:0 auto}#top-page section.news .inner .left .inset{border-color:#ff0}#top-page section.news .inner .right .inset{border-color:#37b2f7}#top-page section.insta{padding:0 0 3rem}#top-page section.insta h2{font-size:2.8rem;margin:0 0 2.5rem}#top-page section.insta h2 span{margin:0 0 1rem}#top-page section.insta ul{width:1920px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}#top-page section.insta ul li{background:#fff;width:250px;height:250px;margin:0 20px}#top-page section.insta iframe{width:calc(90% + 2vw);margin:0 auto}#top-page section.insta .insta-link{text-align:center;padding:2.5rem 0}#top-page section.insta .insta-link a{font-size:2rem}#top-page section.insta .insta-link a:before{width:2rem;margin:0 .5rem;top:.2rem}#top-page section.pr-area .inner{flex-wrap:wrap;padding-bottom:9rem}#top-page section.pr-area .banner .button{bottom:1.5rem;right:2rem}#top-page section.pr-area .banner:nth-child(1){width:49%;height:24rem}#top-page section.pr-area .banner:nth-child(1) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(1) .img-set .staff{width:13rem;bottom:0;left:2rem}#top-page section.pr-area .banner:nth-child(1) .img-set .speach-balloon{width:27.3rem;top:1.5rem;left:2rem}#top-page section.pr-area .banner:nth-child(1) .img-set .icon{width:6.4rem;top:2rem;right:6rem}#top-page section.pr-area .banner:nth-child(1) h3{width:30rem;top:9.5rem;right:2rem}#top-page section.pr-area .banner:nth-child(2){width:49%;height:24rem}#top-page section.pr-area .banner:nth-child(2):before{width:12.6rem;bottom:.5rem;right:22rem;z-index:3}#top-page section.pr-area .banner:nth-child(2) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(2) .img-set .staff{width:15.3rem;bottom:0;left:.5rem;z-index:1}#top-page section.pr-area .banner:nth-child(2) .img-set .speach-balloon{width:15.8rem;top:1rem;left:8rem}#top-page section.pr-area .banner:nth-child(2) h3{font-size:0;width:22rem;top:4rem;right:2.5rem;z-index:1}#top-page section.pr-area .banner:nth-child(3){width:100%;height:41rem;margin-top:2rem}#top-page section.pr-area .banner:nth-child(3) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(3) .img-set .staff{width:30rem;left:3.5rem}#top-page section.pr-area .banner:nth-child(3) .img-set .speach-balloon{width:37rem;top:2rem;left:3rem}#top-page section.pr-area .banner:nth-child(3) .contents{top:0;right:2rem}#top-page section.pr-area .banner:nth-child(3) .contents h3{width:24.6rem;margin:4rem auto 3rem}#top-page section.pr-area .banner:nth-child(3) .contents ul{display:flex;margin:0 0 2rem}#top-page section.pr-area .banner:nth-child(3) .contents ul li{width:5rem;margin:0 .5rem 0 0;text-align:center}#top-page section.pr-area .banner:nth-child(3) .contents ul li span{font-size:1.2rem;margin:.5rem 0 0}#top-page section.pr-area .banner:nth-child(3) .contents p{border-radius:1rem;padding:1.5rem 0 1rem}#top-page section.pr-area .torikumi{margin-top:2rem}.bg-set{position:absolute;z-index:-1;bottom:0;left:50%;transform:translateX(-50%);width:1920px}.bg-set picture{position:absolute;bottom:0;display:block}.bg-set picture:nth-child(1){z-index:0}.bg-set picture:nth-child(2){z-index:1}.bg-set picture:nth-child(3){z-index:2}.bg-set picture:nth-child(4){z-index:3}}@media screen and (max-width: 520px){#main-visual .slick-list{width:100%;left:0;transform:none}#top-page header{margin-bottom:-2rem}#top-page header .inner h1{width:90%}#top-page header .inner h1 span{font-size:1.4rem}#top-page header .inner .reserve-btn{width:70%;top:40rem}#top-page header .inner .reserve-btn .common-button svg{width:100%}#top-page header .inner .reserve-btn .common-button span{font-size:1.7rem}#top-page header .inner .reserve-btn .common-button span:after{width:2rem;top:.2rem}#top-page section.top-banner-area{padding:0 0 4rem;z-index:1}#top-page section.salutation{background:url("../img/top/img06-sp.jpg") no-repeat center;background-size:cover;padding:6rem 0;z-index:9}#top-page section.salutation .inner{width:90%;margin:0 auto}#top-page section.salutation .inner h2{margin:0 0 2rem}#top-page section.salutation .inner h2 span{font-size:1.8rem}#top-page section.salutation .inner h2:before{width:5rem;margin:0 auto 1rem}#top-page section.salutation .inner h3{font-size:1.9rem;padding:0 0 4rem;margin:0 0 1rem;background-size:355px}#top-page section.salutation .inner .text{margin:0 0 1rem}#top-page section.salutation .inner .text p{font-size:1.6rem}#top-page section.salutation .inner .boraga-position{position:relative;width:100%;top:0;right:auto;left:0;text-align:center}#top-page section.salutation .inner .boraga-position img{width:50%;margin:0 auto}#top-page section.courses{padding:6rem 0}#top-page section.courses:after{display:none}#top-page section.courses .inner{width:100%;z-index:3}#top-page section.courses h2:before{width:8.5rem;margin:0 1rem 0 0}#top-page section.courses ul li{margin:0 0 8rem}#top-page section.courses ul li .catch{width:100%}#top-page section.courses ul li .catch .speach-balloon{padding:2rem 2rem;border-radius:10rem;left:50%;margin:0 0 2rem;transform:translateX(-50%) scale(0);font-size:1.6rem}#top-page section.courses ul li .catch .speach-balloon p:nth-child(1){margin:0 0 1rem}#top-page section.courses ul li .catch .speach-balloon:before{content:"";border-top:1.4rem solid #fffb5c;border-right:1.4rem solid rgba(0,0,0,0);border-left:1.4rem solid rgba(0,0,0,0);bottom:-1rem}#top-page section.courses ul li .catch picture{width:100%;opacity:0;left:-10rem;box-shadow:none}#top-page section.courses ul li .tour-discription{top:30rem;width:100%;right:auto}#top-page section.courses ul li .tour-discription .inset{width:68%}#top-page section.courses ul li .tour-discription .inset h3{font-size:1.8rem;padding:0 0 1rem;margin:0 0 1rem}#top-page section.courses ul li .tour-discription .inset>p{font-size:1.5rem;line-height:1.75}#top-page section.courses ul li .tour-discription .inset>div{position:absolute;bottom:-8rem;right:-1rem;width:14rem}#top-page section.courses ul li .tour-details{margin:27rem auto 1.5rem;width:100%}#top-page section.courses ul li .tour-details li{margin:0;flex-direction:column;flex-wrap:wrap}#top-page section.courses ul li .tour-details li h5{width:100%;padding:1rem 0;font-size:1.8rem}#top-page section.courses ul li .tour-details li div{width:100%;padding:2rem 5% 2rem;font-size:1.5rem;line-height:1.8;background:rgba(255,255,255,.5)}#top-page section.courses ul li .anno{margin:0 auto;width:90%;margin:0 auto;font-size:1.4rem}#top-page section.courses ul li:nth-child(even) .catch{left:0}#top-page section.courses ul li:nth-child(even) .catch .speach-balloon{left:50%;transform:translateX(-50%)}#top-page section.courses ul li:nth-child(even) .tour-discription .inset>div{left:-1rem}#top-page section.courses ul li.inview .speach-balloon{transform:translateX(-50%) scale(1)}#top-page section.courses ul li.inview picture{opacity:1;left:0}#top-page section.courses ul li.inview .tour-discription{transform:scale(1)}#top-page section.courses ul li.inview picture{opacity:1;left:0}#top-page section.courses .notes{width:90%;padding:1rem 2rem;margin:5rem auto 0;border-radius:2rem;line-height:1.75;font-size:1.35rem;text-align:left}#top-page section.courses .illust-set{z-index:2}#top-page section.courses .illust-set li.fish01{width:15rem;top:4%}#top-page section.courses .illust-set li.same{width:15rem;top:27%}#top-page section.courses .illust-set li.fish02{width:7rem;top:33%}#top-page section.courses .illust-set li.fish04{width:20rem;top:35%}#top-page section.courses .illust-set li.fish05{width:6rem;top:20%}#top-page section.courses .illust-set li.fish06{width:8rem;top:61%}#top-page section.courses .illust-set li.fish07{width:12rem;top:55%}#top-page section.courses .illust-set li.fish08{width:9rem;top:64%}#top-page section.courses .illust-set li.fish09{width:20rem;top:90%}#top-page section.courses .illust-set li.same02{width:11rem;top:84%}#top-page section.news{padding-bottom:7rem}#top-page section.news .inner{flex-direction:column;flex-wrap:wrap}#top-page section.news .inner .left,#top-page section.news .inner .right{width:100%}#top-page section.news .inner .left h2,#top-page section.news .inner .right h2{font-size:2.8rem;margin:0 0 2rem}#top-page section.news .inner .left h2 span,#top-page section.news .inner .right h2 span{margin:0 0 1rem}#top-page section.news .inner .left .inset,#top-page section.news .inner .right .inset{background:#fff;text-align:center;border:6px solid;border-radius:3rem;padding:3rem 2rem}#top-page section.news .inner .left .inset ul,#top-page section.news .inner .right .inset ul{margin:0 0 0}#top-page section.news .inner .left .inset ul li,#top-page section.news .inner .right .inset ul li{margin:0 0 2rem;text-align:left;border-bottom:2px dotted #ccc;padding:0 0 2rem}#top-page section.news .inner .left .inset ul li:last-child,#top-page section.news .inner .right .inset ul li:last-child{border:none}#top-page section.news .inner .left .inset ul li span,#top-page section.news .inner .right .inset ul li span{display:block}#top-page section.news .inner .left .inset ul li span:nth-child(1),#top-page section.news .inner .right .inset ul li span:nth-child(1){margin:0 0 1rem 0}#top-page section.news .inner .left .inset ul li span:nth-child(2),#top-page section.news .inner .right .inset ul li span:nth-child(2){width:94%;margin:0 auto;line-height:1.5}#top-page section.news .inner .left .inset .def-button,#top-page section.news .inner .right .inset .def-button{width:60%;margin:0 auto}#top-page section.news .inner .left{margin:0 0 4rem}#top-page section.news .inner .left .inset{border-color:#ff0}#top-page section.news .inner .right .inset{border-color:#37b2f7}#top-page section.insta{padding:0 0 3rem}#top-page section.insta h2{font-size:2.8rem;margin:0 0 2.5rem}#top-page section.insta h2 span{margin:0 0 1rem}#top-page section.insta ul{width:1920px;left:50%;transform:translateX(-50%);display:flex;justify-content:space-around}#top-page section.insta ul li{background:#fff;width:250px;height:250px;margin:0 20px}#top-page section.insta .insta-link a{text-decoration:underline}#top-page section.pr-area .inner{flex-direction:column;flex-wrap:wrap;padding-bottom:9rem}#top-page section.pr-area .banner .button{bottom:1rem;right:1rem;width:14rem}#top-page section.pr-area .banner .button span{font-size:1.4rem}#top-page section.pr-area .banner:nth-child(1){width:100%;height:18rem}#top-page section.pr-area .banner:nth-child(1) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(1) .img-set .staff{width:8rem;bottom:0;left:1rem}#top-page section.pr-area .banner:nth-child(1) .img-set .speach-balloon{width:22rem;top:1rem;left:1rem}#top-page section.pr-area .banner:nth-child(1) .img-set .icon{width:4.5rem;top:1.5rem;right:5rem}#top-page section.pr-area .banner:nth-child(1) h3{width:23rem;top:7rem;right:1rem}#top-page section.pr-area .banner:nth-child(2){width:100%;height:18rem;margin-top:2rem}#top-page section.pr-area .banner:nth-child(2):before{width:8.6rem;bottom:0rem;right:17rem;z-index:3}#top-page section.pr-area .banner:nth-child(2) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(2) .img-set .staff{width:11rem;bottom:0;left:.5rem;z-index:1}#top-page section.pr-area .banner:nth-child(2) .img-set .speach-balloon{width:12rem;top:.5rem;left:5rem}#top-page section.pr-area .banner:nth-child(2) h3{font-size:0;width:18rem;top:2rem;right:2rem;z-index:1}#top-page section.pr-area .banner:nth-child(3){width:100%;height:48rem;margin-top:2rem;background-size:cover}#top-page section.pr-area .banner:nth-child(3) .img-set{height:100%}#top-page section.pr-area .banner:nth-child(3) .img-set .staff{width:16rem;left:2rem}#top-page section.pr-area .banner:nth-child(3) .img-set .speach-balloon{width:19rem;top:30rem;left:10rem}#top-page section.pr-area .banner:nth-child(3) .contents{top:0;right:0;width:100%}#top-page section.pr-area .banner:nth-child(3) .contents h3{width:22rem;margin:3rem auto}#top-page section.pr-area .banner:nth-child(3) .contents ul{display:flex;flex-wrap:wrap;margin:0 auto;width:80%;justify-content:center}#top-page section.pr-area .banner:nth-child(3) .contents ul li{width:25%;margin:0 0 1rem;padding:0 1rem;text-align:center}#top-page section.pr-area .banner:nth-child(3) .contents ul li span{font-size:1rem}#top-page section.pr-area .banner:nth-child(3) .contents p{width:80%;border:none;margin:0 auto;font-size:1.35rem;border-radius:0;padding:0}.pamphlet_banner{margin:4rem auto 0;width:90%}.bg-set{width:200%;bottom:-11rem;z-index:1}.bg-set picture{width:100%;position:absolute;bottom:0;display:block}.bg-set picture img{position:relative}.bg-set picture:nth-child(1){z-index:0;background:#b8f4e9;padding-bottom:288rem}.bg-set picture:nth-child(1) img{top:-20rem}.bg-set picture:nth-child(2){z-index:1;background:#46acb7;padding-bottom:199rem}.bg-set picture:nth-child(2) img{top:-20rem;left:8%}.bg-set picture:nth-child(3){z-index:2;background:#a4e4ea;padding-bottom:105rem}.bg-set picture:nth-child(3) img{top:-30rem}.bg-set picture:nth-child(4){z-index:3;background:#83ced6;padding-bottom:18rem}.bg-set picture:nth-child(4) img{top:-30rem;left:22%}}