@charset "utf-8";


/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
#Footer{
	background: #0068B7;
	color: #FFF;
}
.pagetop{
	position: fixed;
	right: 30px;
	bottom: 30px;
	z-index: 1000;	
}

/* FtFixedNav
-----------------------------------------------------------------*/
#FtFixedNav{
	display: none;	
}


/* serach-area
-----------------------------------------------------------------*/
#Footer .serach-area{
	padding: 25px 0;
	background: #005293;
}
#Footer .serach-area .inner{
	display: flex;
	align-items: center;
}
#Footer .serach-area .form-box{
	position: relative;
	flex-shrink: 0;
	width: 320px;
	margin-right: 25px;
}
#Footer .serach-area input[type="search"]{
	width: 100%;
	height: 46px;
	padding: 0.2em 30px 0 12px; 
	border: none;
	border-radius: 7px;
	background: #FFF;
	font-size: 1.5rem;
	
}
#Footer .serach-area input[type="submit"]{
	position: absolute;
	right: 7px;
	top: 50%;
	transform: translateY(-50%);
	width: 19px;
	height: 22px;
  padding: 0;
	background: url(../image/ico_search.svg) no-repeat #FFF;
	background-size: 100% auto;
	border: none;
	border-radius: 0;
	text-indent: -9999px;
	cursor: pointer;	
}
#Footer .serach-area input::placeholder{
	color: #BFD9ED;
	font-weight: bold;
}
#Footer .serach-area input:-ms-input-placeholder{
	color: #BFD9ED;
}
#Footer .serach-area input::-ms-input-placeholder{
  color: #BFD9ED;
}

#Footer .hashtag-box .txt{
	margin-bottom: 10px;
	font-size: 1.6rem;	
}
#Footer .hashtag-box .hashtag-list li{
	display: inline-block;
	margin: 0 10px 10px 0;	
}
#Footer .hashtag-box .hashtag-list li a{
	display: inline-block;
	padding: 6px 18px;
	border: 1px solid #FFF;
	border-radius: 40px;
	color: #FFF;
	line-height: 1.4;
	letter-spacing: 0;	
}

/* ft-area
-----------------------------------------------------------------*/
#Footer .ft-area{
	padding: 35px 0 25px;
}
#Footer .nav-area{
	display: flex;
	justify-content: center;
}
#Footer .nav-area a{
	color: #FFF;	
}

#Footer .nav-area .nav07{
	margin-bottom: 10px
}


#Footer .nav-area .nav07_s{
	font-size: 1.4rem;
	font-weight:100;
	line-height: 1.4;
	display:inline-block;
}

#Footer .nav-area p.nav07 span.cap{
	font-size: 1.3rem;
	font-weight:100;
	line-height: 1.2;
	display:inline-block;
}

#Footer .nav-area a.nav07_s{}


#FtNav{
	max-width: 840px;
	width: 75%;
	margin-bottom: 25px;
}
#FtNav .ft-gnav{
	display: flex;
}
#FtNav .ft-gnav > li{
	width: 25%;
	padding-right: 15px;
}
#FtNav .ft-gnav > .nav00{
	width: 19%;
}



#FtNav .ft-gnav > li:last-child{
	width: 33%;	
}
#FtNav .ft-gnav > li > p{
	font-size: 1.9rem;
	font-weight: bold;	
}
#FtNav .ft-gnav > li > p.has-middle span{
   display:none;  
}
#FtNav .ft-gnav > li > p+p{
	margin-top: 20px;	
}
#FtNav .ft-gnav > li a[target="_blank"] span{
	padding-right: 18px;
	background:url(../image/ico_blank_w.png) no-repeat right top 0.4em;
	background-size: 10px auto;
}
#FtNav .ft-gnav > li > p a[target="_blank"] span{
	background-position: right top 0.45em;
}
#FtNav .ft-gnav > li p+.middle-nav,
#FtNav .ft-gnav > li p+dl{
	margin-top: 10px;	
}
#FtNav .ft-gnav dl dt{
	font-size: 1.5rem;
	font-weight: normal;
}
#FtNav .ft-gnav dl dd{
	display: none;	
}
#FtNav .middle-nav{
	font-size: 1.5rem;	
}
#FtNav .middle-nav li:nth-child(n+2){
	margin-top: 3px;	
}

#Footer .nav-area .txt-link-list{
	position:relative;
	width: 25%;
	padding-left: 4%;
	font-size: 1.5rem;	
}
#Footer .nav-area .txt-link-list li:nth-child(n+2){
	margin-top: 3px;	
}
#Footer .nav-area .txt-link-list::after{
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	content: "";
	width: 1px;
	height: 290px;
	background: #FFF;
	opacity: .3;	
}

#Footer .ft-logo{
	margin-bottom: 50px;
	text-align: center;	
}
#Footer .copyright{
	text-align: center;
	font-size: 1.5rem;
	letter-spacing:1px;
}













/*--------------------------------------------------------------------------
   mobile
---------------------------------------------------------------------------*/
@media screen and (max-width: 768px) {
  
/*--------------------------------------------------------------------------
   Footer
---------------------------------------------------------------------------*/
  #Footer{
    margin-bottom: 65px; 
  }
  .pagetop{
    position: static;
  }
  .pagetop a{
    display: block;
    padding: 10px;
    text-align: center;
    background: #FFF; 
  }
  #Footer .pagetop img{
    width: 47px;
    height: auto;
  }

/* FtFixedNav
-----------------------------------------------------------------*/
  #FtFixedNav{
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 10000;
    display: block;
    width: 100vw;
    background: #0068B7;	
  }
  #FtFixedNav .ft-fixed-nav{
   display: flex; 
  }
  #FtFixedNav .ft-fixed-nav li{
   width: 25%; 
  }
  #FtFixedNav .ft-fixed-nav li a,
  #FtFixedNav .ft-fixed-nav li span{
   display: block;
   height: 65px;
   padding-top: 12px;
   text-align: center;
	 cursor: pointer; 
  }
  #FtFixedNav .ft-fixed-nav li img{
    width: auto;
    height: 44px;
  }

/* serach-area
-----------------------------------------------------------------*/
  #Footer .serach-area{
    display: none;
  }


/* ft-area
-----------------------------------------------------------------*/
  #Footer .ft-area{
    padding: 0 0 20px;
  }
  #Footer .ft-area .inner{
    padding: 0 5px; 
  }
  #Footer .nav-area{
    display: block;
  }
  #FtNav{
    max-width: none;
    width: 100%;
    margin-bottom: 30px;
  }
  #FtNav .ft-gnav{
    display: block;
  }
  #FtNav .ft-gnav > li{
    width: 100%;
    padding-right: 0;
    border-bottom: 1px solid rgba(211,211,211,.5);
  }
  #FtNav .ft-gnav > .nav00{
    width: 100%;
  }
  #FtNav .ft-gnav > li:last-child{
    width: 100%;	
  }
  #FtNav .ft-gnav > li > p{
    font-size: 1.5rem;	
  }
  #FtNav .ft-gnav > li > p+p{
    margin-top: 0;
    border-top: 1px solid rgba(211,211,211,.5);	
  }
  #FtNav .ft-gnav > li > p > a,
  #FtNav .ft-gnav > li > .nav07{
    display: block;
    padding: 8px 15px; 
  }
    #FtNav .ft-gnav > li > p.has-middle > span{
    display: block;
    padding: 8px 15px; 
  }
  #FtNav .ft-gnav > li > p > a{
    background:url(../image/arw_nav.svg) no-repeat right 10px center;
    background-size: auto 14px;
  }
  #FtNav .ft-gnav > li > p.has-middle > span{
    background:url(../image/arw_nav_down.svg) no-repeat right 10px center;
    background-size: 14px auto;
    cursor: pointer;
  }
  #FtNav .ft-gnav > li > p.has-middle.open > span{
    background-image:url(../image/arw_nav_up.svg);
  }
  #FtNav .ft-gnav > li > p.has-middle > a{
    display: none;
  }
  #FtNav .ft-gnav > li > p a[target="_blank"] span{
    padding-right: 18px;
    background:url(../image/ico_blank_w.png) no-repeat right bottom 0.4em;
    background-size: 10px auto;
  }
  #FtNav .ft-gnav > li p+.middle-nav,
  #FtNav .ft-gnav > li p+dl{
    display: none;
    margin-top: 0;
    padding: 0 15px 15px;	
  }
  #FtNav .ft-gnav > li p+.middle-nav a,
  #FtNav .ft-gnav > li p+dl dt a{
    display: inline-block;
    padding: 3px 0; 
  }
  #FtNav .ft-gnav dl dt{
    font-size: 1.3rem;
  }
  #FtNav .middle-nav{
    font-size: 1.3rem;	
  }
  #FtNav .middle-nav li:nth-child(n+2){
    margin-top: 0;	
  }
  
  #Footer .nav-area .txt-link-list{
    position:relative;
    display: flex;
    flex-wrap: wrap;
    width: 100%;
    padding: 0 10px;
    margin-bottom: 25px;
    font-size: 1.2rem;
    letter-spacing: 0;	
  }
  #Footer .nav-area .txt-link-list li:nth-child(odd){
    width: 58%;
  }
  #Footer .nav-area .txt-link-list li:nth-child(even){
    width: 42%;
  }
  #Footer .nav-area .txt-link-list li:nth-child(n+3){
    margin-top: 5px;	
  }
  #Footer .nav-area .txt-link-list::after{
    display: none;
  }
  
  #Footer .ft-logo{
    margin-bottom: 25px;
    text-align: center;	
  }
  #Footer .ft-logo img{
    width: 198px; 
  }
  #Footer .copyright{
    font-size: 1rem;
  }
  
#Footer .nav-area .nav07{
	margin-bottom: 0;
}

	
  #Footer .nav-area a span.nav07_s{
	font-size: 1.2rem;
	padding-left: 20px;
	 padding-bottom: 10px;

}
  

#Footer .nav-area p.nav07 span.cap{
	display:none;
    }
  
  
}