@media screen and (min-width: 769px) {
	
	a:hover img{
		opacity: .8;
	}
    
	/*---------------------------------------
	 * Footer
	---------------------------------------*/ 
	
	/* Banner
	---------------------------------------*/ 
	
	footer .banner{
		width: 100%;
		background: #E8E8E8;
		padding: 40px 0 ;
	}
	footer .banner .inner{
		width: 1000px;
		margin: 0 auto;
	}
	footer .banner ul{
		display: flex;
		justify-content: center;
	}
	footer .banner ul li{
		width: 300px;
		padding: 0 40px;
	}
	
	
	/* Sitemap
	---------------------------------------*/ 
	
	footer .sitemap{
		width: 100%;
		background: #40618E;
		padding: 40px 0 ;
		color: #FFFFFF;
		line-height: 1.6;
		font-size: 1.4rem;
	}
	footer .sitemap .inner{
		width: 1000px;
		margin: 0 auto;
	}
	footer .sitemap .inner .box{
		display: flex;
		justify-content: center;
	}
	footer .sitemap .inner .box .col{
		width: 25%;
		padding: 0 2%;
		box-sizing: border-box;
	}
	footer .sitemap .inner .box .col1{
		width: 20%;
	}
	footer .sitemap .inner .box .col2{
		width: 27%;
	}
	footer .sitemap .inner .box .col3{
		width: 20%;
	}
	footer .sitemap .inner .box .col4{
		width: 21%;
	}
	footer .sitemap .inner .box .col a::after{
		content:"";
		width: 8px;
		height: 12px;
		background: url(/assets/img/footer-cursor.svg) 50% no-repeat;
		background-size: 100%;
		display: inline-block;
		margin-left: 10px;	
	}
	footer .sitemap .inner .box .col ul li{
		margin: 0 0 45px;
	}
	footer .sitemap .inner .box .col .block .midashi{
		border-bottom: 1px solid #FFFFFF;
		margin: 0 0 10px;
		padding: 0 0 10px;
	}
	footer .sitemap .inner .box .col .block .komidashi{
		margin: 0 0 10px;
	}
	footer .sitemap .inner .box .col .block ul li{
		margin: 0 0 10px;
	}
	footer .sitemap .inner .box .col .block .sub{
		margin-left: 1em;
	} 
	
	
	/* Logo
	---------------------------------------*/ 
	
	footer .footer-logo{
		width: 100%;
		padding: 20px 0;
	}
	footer .footer-logo .inner{
		width: 1000px;
		margin: 0 auto;
	}
	footer .footer-logo a{
		display: block;
		width: 178px;
		margin: 0 auto;
	}
	
}



@media screen and (max-width: 768px) {
	
	/*---------------------------------------
	 * Footer
	---------------------------------------*/ 
	
	/* Banner
	---------------------------------------*/ 
	
	footer .banner{
		width: 100%;
		background: #E8E8E8;
		padding: 20px 0 ;
	}
	footer .banner .inner{
		width: calc(100% - 40px);
		margin: 0 auto;
	}
	footer .banner ul{
		display: flex;
		justify-content: space-between;
	}
	footer .banner ul li{
		width: calc(50% - 10px);
		padding: 0%;
	}
	
	
	/* Sitemap
	---------------------------------------*/ 
	
	footer .sitemap{
		display: none;
	}
	
	
	/* Logo
	---------------------------------------*/ 
	
	footer .footer-logo{
		width: 100%;
		padding: 20px 0;
	}
	footer .footer-logo .inner{
		margin: 0 auto;
	}
	footer .footer-logo a{
		display: block;
		width: 89px;
		margin: 0 auto;
	}

		
}