@charset "UTF-8";
/* CSS Document */

.header {
	width:100%;
	background:#fff;
	border-bottom:1px solid #004300;
}
.header_inner {
	width:1400px;
	margin:0 auto;
}
.header_inner ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
	-webkit-align-items: center;
	align-items: center;
}
.header_inner li {
	width:13%;
}
.header_inner li:first-child {
	width:23%;
}
.header_inner li a {
	cursor:pointer;
	display:inline-block;
	width:100%;
	padding:25px 0;
	color:#004300;
	text-align:center;
	font-size:18px;
	font-size:1.8rem;
	line-height:30px;
	line-height:3.0rem;
	font-weight:normal;
}
.header_inner li a:hover {
	text-decoration:underline;
}
.header_sp {
	display:none;
}

@media only screen and (min-width:769px) and (max-width:1025px) {
	.header_inner {
		width:98%;
		margin:0 auto;
	}
}

@media screen and ( max-width:768px ) {
	.header {
		display:none;
	}
	.header_sp {
		display:block;
		position:absolute;
		z-index:100;
	}
	.header_sp-cont {
		position:fixed;
		top:0;
		left:0;
		width:100%;
		background-color:rgba(255,255,255,0.75);
	}
	.header_sp-cont ul.sp_header {
		width:94%;
		padding:5px 3%;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.header_sp-cont .sp_header li:first-child {
		width:50%;
	}
	.header_sp-cont .sp_header li:last-child {
		width:45px;
		color:#fff;
		font-size:9px;
		font-size:0.9rem;
		line-height:9px;
		line-height:0.9rem;
		font-weight:normal;
		background-color:#007440;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	
	.sp-menu {
		display:none;
		width:100%;
	}
	.sp-menu li {
		width:100%;
		border-top:1px solid #fff;
	}
	.sp-menu li a {
		cursor:pointer;
		display:inline-block;
		width:100%;
		padding:12px 0;
		font-family: 'Kumbh Sans', sans-serif;
		color:#fff;
		text-align:center;
		font-size:14px;
		font-size:1.4rem;
		line-height:20px;
		line-height:2.0rem;
		font-weight:normal;
		background-color:#007440;
	}
}



#cont {
	width:100%;
}

@media screen and ( max-width:768px ) {
	.title {
		margin-top:55px;
	}
}



#footer {
	width:100%;
	border-top:1px solid #004300;
}

.footer-info {
	width:650px;
	margin:0 auto;
	padding:48px 0;
}
.footer-info ul {
	width:100%;
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.footer-info li:first-child {
	width:57%;
}
.footer-info li:last-child {
	width:40%;
	color:#004300;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:18px;
	line-height:1.8rem;/* =18px */
	font-weight:normal;
}
.footer-info li:last-child strong {
	font-size:18px;
	font-size:1.8rem;/* =18px */
	line-height:22px;
	line-height:2.2rem;/* =22px */
	font-weight:normal;
}
.copyright {
	color:#fff;
	text-align:center;
	font-size:14px;
	font-size:1.4rem;/* =14px */
	line-height:18px;
	line-height:1.8rem;/* =18px */
	font-weight:normal;
	padding:25px 0;
	background-color:#004300;
}

#page-top {
	width: 80px;
	position: fixed;
	bottom: 170px;
	right: 2px;
}
#page-top a {
	display:inline-block;
	width: 100%;
	text-align:center;
	color:#fff;
	font-size:40px;
	font-size:4.0rem;
	line-height:40px;
	line-height:4.0rem;
	padding:20px 0;
	border-radius:40px;
	background-color:rgba(174,58,118,1);
}
#page-top a:hover {
	background-color:rgba(174,58,118,0.6);
}

@media only screen and (min-width:769px) and (max-width:1025px) {
}

@media screen and ( max-width:768px ) {
	.footer-info {
		width:98%;
		margin:0 auto;
		padding:28px 0;
	}
	.footer-info ul {
		width:100%;
		margin:0 auto;
		display: -webkit-flex;
		display: flex;
		-webkit-justify-content: space-between;
		justify-content: space-between;
	}
	.footer-info li:first-child {
		width:52%;
	}
	.footer-info li:last-child {
		width:46%;
		color:#004300;
		font-size:10px;
		font-size:1.0rem;
		line-height:14px;
		line-height:1.4rem;
		font-weight:normal;
		letter-spacing:-0.04em;
	}
	.footer-info li:last-child strong {
		font-size:12px;
		font-size:1.2rem;
		line-height:16px;
		line-height:1.6rem;
		font-weight:normal;
	}
	.copyright {
		font-size:12px;
		font-size:1.2rem;
		line-height:18px;
		line-height:1.8rem;
		font-weight:normal;
		padding:15px 0;
	}
	
	#page-top {
		width: 40px;
		position: fixed;
		bottom: 30px;
		right: 2px;
	}
	#page-top a {
		font-size:20px;
		font-size:2.0rem;
		line-height:20px;
		line-height:2.0rem;
		padding:10px 0;
		border-radius:25px;
	}
}
