/*!
 * fullPage 3.0.4
 * https://github.com/alvarotrigo/fullPage.js
 *
 * @license GPLv3 for open source use only
 * or Fullpage Commercial License for commercial use
 * http://alvarotrigo.com/fullPage/pricing/
 *
 * Copyright (C) 2018 http://alvarotrigo.com/fullPage - A project by Alvaro Trigo
 */
 html.fp-enabled,
 .fp-enabled body{overflow:hidden; margin:0; padding:0; -webkit-tap-highlight-color:rgba(0,0,0,0);}
 .fp-section{position:relative; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
 .fp-slide{float:left;}
 .fp-slide,
 .fp-slidesContainer{display:block; height:100%;}
 .fp-slides{position:relative; overflow:hidden; z-index:1; height:100%; transition:all 0.3s ease-out; -webkit-transition:all 0.3s ease-out;}
 .fp-section.fp-table,
 .fp-slide.fp-table{display:table; width:100%; table-layout:fixed;}
 .fp-tableCell{display:table-cell; width:100%; height:100%; vertical-align:middle;}
 .fp-slidesContainer{position:relative; float:left;}
 .fp-controlArrow{position:absolute; top:50%; z-index:4; width:0; height:0; margin-top:-38px; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0); -webkit-user-select:none; -moz-user-select:none; -khtml-user-select:none; -ms-user-select:none; cursor:pointer; border-style:solid;}
 .fp-controlArrow.fp-prev{left:15px; width:0; border-width:38.5px 34px 38.5px 0; border-color:transparent #fff transparent transparent;}
 .fp-controlArrow.fp-next{right:15px; border-width:38.5px 0 38.5px 34px; border-color:transparent transparent transparent #fff;}
 .fp-scrollable{position:relative; overflow:hidden;}
 .fp-scroller{overflow:hidden;}
 .iScrollIndicator{border:0 !important;}
 .fp-notransition{transition:none !important; -webkit-transition:none !important;}
 
 #fp-nav{position:fixed;opacity:1;top:50%;z-index:55;margin: 0;-webkit-transform:translate3d(0,0,0);opacity: 1;transition: all 0s ease-out 0s;}
 .fp-slidesNav{position:absolute; opacity:1; right:0; left:0 !important; z-index:4; margin:0 auto !important; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
 .fp-slidesNav.fp-bottom{bottom:17px;}
 .fp-slidesNav.fp-top{top:17px;}
 #fp-nav ul li,
 .fp-slidesNav ul li{display: flex;position:relative;align-items: center;}
 .fp-slidesNav ul li{display:inline-block;}
 #fp-nav ul li a,
 .fp-slidesNav ul li a{display:block;position:relative;z-index:1;cursor:pointer;text-decoration:none;transition: all 0.4s ease-out 0s;}
 #fp-nav ul li a span,
 .fp-slidesNav ul li a span{position: relative;z-index:1;border:0;transition: all 0.4s ease-in-out; background: #fff;border-radius: 20px;}
 #fp-nav ul li .fp-tooltip{display: none;}
 #fp-nav ul li:hover .fp-tooltip,
 #fp-nav.fp-show-active a.active + .fp-tooltip{width:auto;transition:opacity 0.2s ease-in;-webkit-transition:opacity 0.2s ease-in;}
 #fp-nav ul li .fp-tooltip.fp-left{left:20px;}
 
 .fp-auto-height.fp-section,
 .fp-auto-height .fp-slide,
 .fp-auto-height .fp-tableCell{height:auto !important;}
 .fp-responsive .fp-auto-height-responsive.fp-section,
 .fp-responsive .fp-auto-height-responsive .fp-slide,
 .fp-responsive .fp-auto-height-responsive .fp-tableCell{height:auto !important;}
 .fp-sr-only{position:absolute;overflow:hidden;padding:0;border:0;white-space:nowrap;clip:rect(0, 0, 0, 0);font-size: 0;display: block;}
 
 /* fullpage custum */
#fp-nav.fp-right{left:100px;}
.fp-sr-only{width:10px; height:10px;}

 #fp-nav ul{height:auto;}

.name_navi{display: block;font-weight:500;font-size:14px;color:#FFF;transition:all 0.4s ease-out 0s;white-space: nowrap;margin-left: 12px;background: #005453;line-height: 1;padding: 8px 10px;font-size: 13px;border-radius: 5px;position: relative;opacity: 0;}
.name_navi::before{content:""; position:absolute; top:10px; left:-6px; width:0; height:0; border-right:5px solid transparent; border-bottom:7px solid #005453; border-left:5px solid transparent; transform:rotate(270deg); -webkit-transform:rotate(270deg);}
 
#fp-nav ul li a.active + div{opacity:1;}
#fp-nav ul li a:hover + div + span{opacity:1;}
#fp-nav ul li:last-child{display:none;}
 
#fp-nav ul li a span{opacity:0.5; transition:all 0.4s ease; -webkit-transition:all 0.4s ease;}
#fp-nav ul li a.active span{opacity:1;}

 #fp-nav ul li,
 .fp-slidesNav ul li{margin:20px 0;}

 @media screen and (max-width: 1280px){
	
 }

