@charset "utf-8";

/*******************************************

-------------------------------------------
wrap
********************************************/

.wrap, .wrapW {
	padding-left: 40px;
	padding-right: 40px;
}
.wrap1000 {width: 1000px; margin: 0 auto;}
.wrap800  {width: 800px; margin: 0 auto;}
.wrap700  {width: 700px; margin: 0 auto;}
.wrap680  {width: 680px; margin: 0 auto;}
.wrap600  {width: 600px; margin: 0 auto;}

@media all and (max-width: 767px) {
	.wrap {
		padding-left: 15px;
		padding-right: 15px;
	}
	.wrapW {
		padding-left: 0;
		padding-right: 0;
	}
	.wrap1000, .wrap800, .wrap700, .wrap680, .wrap600 {
		width: 100%;
	}
}

/*******************************************

-------------------------------------------
header
********************************************/

header {
	position: relative;
	z-index: 1;
	background-color: #fff;
	height: 80px;
	box-shadow: 0px 7px 7px -5px rgba(0,0,0,.15);
}
header a.h_logo {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: #1e96be;
	color: #fff;
	font-weight: bold;
	font-size: 18px;
	width: 280px;
	height: 80px;
	text-align: center;
}
@media all and (max-width: 767px) {
	header {
		height: 60px;
	}
	header a.h_logo {
		font-size: 16px;
		width: 210px;
		height: 60px;
	}
}

/*******************************************

-------------------------------------------
main
********************************************/

main {
	padding-bottom: 100px;
}
@media all and (max-width: 767px) {
	main {
		padding-bottom: 50px;
	}
}

/*******************************************

-------------------------------------------
footer
********************************************/

footer {
	background-color: #1e96be;
	color: #fff;
}
footer .f_wrap {
	padding-top: 50px;
	padding-bottom: 40px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	flex-direction: row-reverse;
}
footer .sitemap {
}
footer .sitemap ul.fNav {
	display: flex;
	justify-content: flex-end;
}
footer .sitemap ul.fNav li {
}
footer .sitemap ul.fNav li + li {
	margin-left: 40px;
}
footer .sitemap ul.fNav li a {
	display: inline-block;
	padding: 5px;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}
footer .f_copy {
}
footer .f_copy p {
	text-align: center;
	font-weight: bold;
	font-size: 18px;
}
footer .f_copy p a {
	font-weight: bold;
	color: #fff;
}
footer .f_copy p small {
	font-size: 10px;
}
@media all and (max-width: 767px) {
	footer .f_wrap {
		padding-top: 20px;
		padding-bottom: 15px;
		display: block;
	}
	footer .sitemap ul.fNav {
		flex-wrap: wrap;
	}
	footer .sitemap ul.fNav li {
		width: 50%;
	}
	footer .sitemap ul.fNav li + li {
		margin-left: 0;
	}
	footer .sitemap ul.fNav li a {
		display: block;
		border: 1px solid #fff;
		padding: 10px;
		position: relative;
	}
	footer .sitemap ul.fNav li:nth-of-type(n+3) a {
		border-top: none;
	}
	footer .sitemap ul.fNav li:nth-of-type(even) a {
		border-left: none;
	}
	footer .sitemap ul.fNav li a::after {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		right: 10px;
		transform: translateY(-50%) rotate(45deg);
		width: 6px;
		height: 6px;
		border-top: solid 2px #fff;
		border-right: solid 2px #fff;
	}
	footer .f_copy p {
		line-height: 1.4;
		margin-top: 20px;
	}
}



@media all and (min-width: 768px) {
}
@media all and (max-width: 767px) {
}