/*----------------------------------------------------
	共通CSS
----------------------------------------------------*/
body {
	background:#eee;
}
*{
	margin:0;
	padding:0;
	text-decoration:none;
	box-sizing:border-box;
	font-size:14px;
}
ul,ol {
	list-style:none;
}
/* img  */
img{
	max-width: 100%;
	height:auto;
	width:auto;
	border:none;
}
img,iframe{
	vertical-align: bottom;
}



a:hover {
	transition:0.3s;
	opacity:0.6;
}



/* =======================
	汎用CSS
======================= */
.mywidth {
	max-width:1220px;
	margin:auto;
	padding:0 10px;
}
.title01 {
	font-size:30px;
	text-align:center;
	margin-bottom:40px;
}


/* =======================
	header
======================= */
header {
	margin-bottom:40px;
	background:#3cb371;
}
header h1 a {
	font-size:26px;
	color:#fff;
}
.nav_wrap {
	display:flex;
	justify-content:space-between;
	align-items:center;
	padding-top:30px;
	padding-bottom:30px;
}
#head_nav ul {
	display:flex;
	justify-content:space-between;
}
#head_nav ul li {
	margin-left:30px;
}
#head_nav ul li a {
	font-size:16px;
	color:#fff;
}

#sp_hum_btn {
	display:none;
}
@media (max-width: 767px) {
	body {
		margin-top:80px;
	}
	header {
		position:fixed;
		top:0;
		left:0;
		right:0;
		margin:0;
		z-index:100;
	}
	.nav_wrap {
		height:60px;
		position:relative;
	}

	#head_nav {
		display:none;
		position:absolute;
		top:60px;
		left:0;
		right:0;
		background:#3cb371;
	}
	#head_nav ul {
		display:block;
	}
	#head_nav ul li {
		margin:0;
	}
	#head_nav ul li a {
		display:block;
		padding:15px;
		font-size:14px;
		font-weight:bold;
		border-top:1px solid #fff;
	}
	/* ハンバーガーナビボタン */
	#sp_hum_btn {
		display:flex;
		align-items:center;
		width:40px;
		height:30px;
		position:relative;
		cursor:pointer;
	}
	#sp_hum_btn span,#sp_hum_btn span:before,#sp_hum_btn span:after {
		background:#fff;
		width:100%;
		height:1px;
		transition:0.3s;
	}
	#sp_hum_btn span:before {
		content:"";
		position:absolute;
		left:0;
		top:0;
	}
	#sp_hum_btn span:after {
		content:"";
		position:absolute;
		left:0;
		bottom:0;
	}
	/* open時 */
	#sp_hum_btn.open span {
		background:#3cb371;
	}
	#sp_hum_btn.open span:before {
		transform:rotate(45deg);
		top:15px;
	}
	#sp_hum_btn.open span:after {
		transform:rotate(-45deg);
		bottom:15px;
	}
	
}



/* =======================
	footer
======================= */
footer {
	margin-top:100px;
	background:#3cb371;
}
#foot_nav ul {
	display:flex;
	justify-content:center;
	align-items:center;
	flex-wrap:wrap;
	padding:30px 0;
}
#foot_nav ul li {
	margin:0 30px;
	margin-bottom:15px;
}
#foot_nav ul li a {
	font-size:14px;
	color:#fff;
	text-decoration: underline;
}
#copyright {
	text-align:center;
	color:#fff;
	padding:10px 0 10px;
}

/* =======================
	main
======================= */
main .img_wrap {
	display:flex;
	flex-wrap:wrap;
	justify-content:center;
}
main .img_wrap li {
	width:350px;
	margin:0 25px 30px;
}
main .img_wrap li span {
	text-align:center;
	display:block;
	padding:10px 0 10px;
	font-weight:bold;
	font-style:italic;
}