@charset "utf-8";.home #h-nav{display:none}#top-mainimg{overflow:hidden;position:relative}#top-mainimg-wrap{height:50pc}#top-logo{margin-bottom:20px}#top-logo img{height:auto;width:40pc}.catch{color:#fff;font-size:24px;font-weight:900;letter-spacing:.16em;line-height:1.2}.catch,.subcatch{text-shadow:0 0 8px #00264c}.subcatch{font-size:1pc;font-weight:700;letter-spacing:.12em}.top-btnbox{display:none;padding-bottom:75pt;position:absolute;bottom:0;right:-20px}.top-btnbox p{margin-bottom:.5em}#top-nav{background-color:#342c1a}.top-nav-list{display:table;margin:0 auto;table-layout:fixed;width:1090px}.top-nav-list li{display:table-cell;text-align:center}.top-nav-list a{display:block;font-size:14px;letter-spacing:.08em;padding:30px 10px;position:relative}.top-nav-list a:after,.top-nav-list a:before{border-bottom:solid 2px #fff;content:"";display:block;position:absolute;bottom:10px;transition:all .3s ease;-webkit-transition:all .3s ease;width:0}.top-nav-list a:before{left:40%}.top-nav-list a:after{right:40%}.top-nav-list a:hover:after,.top-nav-list a:hover:before{width:40%}#top-howto{background:url(../img/top/bg_howto.webp)no-repeat center bottom;background-size:cover;height:50pc;overflow:hidden;position:relative}#top-howto h2{color:#fff;font-size:60px;font-weight:900;transform:rotate(-5deg);-moz-transform:rotate(-5deg);-webkit-transform:rotate(-5deg)}.howto-left{position:absolute;bottom:0;left:0;z-index:1;-webkit-transition:all .5s;-webkit-transform:translate(0,0);opacity:1}.moveleft{-webkit-transform:translate(-200px,0);opacity:0}.howto-right{position:absolute;bottom:0;right:0;z-index:1;-webkit-transition:all .5s;-webkit-transform:translate(0,0);opacity:1}.moveright{-webkit-transform:translate(200px,0);opacity:0}.howto-after,.howto-before{margin:0 auto;position:absolute;bottom:75pt;left:0;right:0;z-index:2}.howto-before{-webkit-transition:all 1.5s;-webkit-transform:translate(0,0);opacity:1}.moveup{-webkit-transform:translate(0,100px);opacity:0}.howto-after{display:none}#top-problem{background:url(../img/bg_bluewave.webp)repeat-y;background-size:100% auto;height:50pc}#top-problem .section{height:100%;margin:0 auto;padding:0;position:relative;width:765pt}#top-problem h2{margin:0 auto;position:absolute;top:334px;left:0;right:0}.baloon{position:absolute;-webkit-transition:all 2;-webkit-transform:translate(0,0);opacity:1}.baloon-oyako{top:5pc;left:0}.baloon-team{margin:0 auto;top:40px;left:0;right:0}.baloon-event{top:5pc;right:0}.baloon-inbound{bottom:70px;left:20px}.baloon-sengoku{margin:0 auto;bottom:55px;left:0;right:0}.baloon-place{bottom:90px;right:55px}.moveup2{-webkit-transform:translate(0,50px);opacity:0}#top-mizugassen{background:url(../img/top/bg_mizugassen.webp)no-repeat center 50%,url(../img/bg_bk.webp)repeat-x center bottom;background-size:cover,5px;margin-top:-5px;min-height:530px}#top-mizugassen h2{color:#fff;font-size:4pc}#top-mizugassen .subtitle{color:#fff;font-size:2pc;font-weight:900}#top-mizugassen .text{color:#fff;font-size:20px}@media screen and (max-width:767px){.home #h-nav{display:block}#top-mainimg{height:auto}#top-mainimg-wrap{height:550px}#top-logo{margin-bottom:10px}#top-logo img{height:auto;max-width:20pc;width:100%}.catch{font-size:18px;letter-spacing:.02em;line-height:1.3}.subcatch{font-size:9pt;letter-spacing:.05em}.top-btnbox{background-color:#1b1b1b;display:block;padding:30px;position:static;text-align:center}.top-btnbox p{margin-bottom:5px}#top-howto{height:500px}#top-howto .section{padding:50px 15px}#top-howto h2{font-size:30px;letter-spacing:.01em}.howto-left{left:-18%}.howto-left img{height:auto;width:283px}.howto-right{right:-23%}.howto-right img{height:auto;width:348px}.howto-after,.howto-before{bottom:125px}.howto-before img{height:auto;width:185px}.howto-after img{height:auto;width:215px}#top-problem{height:35pc}#top-problem .section{padding:0 20px;width:100%}#top-problem h2{top:245px}.baloon-oyako{top:75pt;left:5px}.baloon-oyako img{height:auto;width:158px}.baloon-team{top:15px}.baloon-team img{height:auto;width:156px}.baloon-event{top:75pt;right:5px}.baloon-event img{height:auto;width:162px}.baloon-inbound{left:5px}.baloon-inbound img{height:auto;width:162px}.baloon-sengoku{bottom:25px;left:25px}.baloon-sengoku img{height:auto;width:115px}.baloon-place{right:15px}.baloon-place img{height:auto;width:99pt}#top-mizugassen{min-height:550px}#top-mizugassen .section{padding:75pt 15px 30px}#top-mizugassen h2{font-size:2pc;letter-spacing:.03em}#top-mizugassen .subtitle{display:block;font-size:1pc;margin-bottom:30px}#top-mizugassen .text{font-size:9pt}}