@charset "UTF-8";

#foot{
	width: 100%;
	background-color: #4673B8;
	padding-top: 40px;
	padding-bottom: 60px;
	}
#foot h4{
	text-align:center;
	color:#fff;
	font-size:2rem;
	}
#foot_flex{
	display:flex;
	max-width:90%;
	margin:0 auto;
	padding-top:55px;
	padding-bottom:55px;
	justify-content:space-between;	
	}
#foot_flex ul li{
	font-size:0.9rem;
	list-style:none;
	color:#fff;
	padding-bottom:5px;
	}
#foot_flex li a{
	font-size:0.9rem;
	list-style:none;
	color:#fff;
	text-decoration:none;
	font-weight:400;
	}
#foot_flex li a:hover{
	text-decoration:underline;
	}
#foot p a{
	color:#fff;
	}
	@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
	#foot_flex{
	display:flex;
	max-width:90%;
	margin:0 auto;
	justify-content:space-between;
	flex-wrap: wrap;
	padding-top:20px;
}
.foot01,.foot02,.foot03,.foot04{
	margin-top:30px;}
	}
#foot_rogo{
	background-color: #263C71;
	padding-top: 60px;
	padding-bottom: 70px;	
	}
#foot_rogo p{
	color:#fff;
	font-size:0.9rem;
	text-align:center;
	width:90%;
	margin:0 auto;
	line-height:1.6em;
	}

	@media screen and (max-width: 479px) { /*ウィンドウ幅が最大479pxまでの場合に適用スマホの縦に反映される*/
#foot_rogo img{
	width:95%;
	margin:0 auto;
	margin-bottom:10px;
	}}
.copy{
	text-align:center;
	padding-top:60px;
	color:#fff;
	font-size:0.8rem;
	letter-spacing:0.1em;
	
	}
#top a{
	display:block;
	font-family: 'Comfortaa', cursive;
	position: fixed;
	right: 20px;
	bottom: 0px;
	color: #fff;
	padding: 15px 8px 10px 10px;
	background-color: rgba(0,0,0,0.6);
	letter-spacing: 0.1em;
	font-size: 0.8rem;
	line-height: 1.2em;
	text-align: left;
	text-decoration: none;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	font-weight: bold;
}