@charset "UTF-8";



/* FONT size
---------------------------------------------------------------------
[ px ]	[ % ]
10px 	72  %		19px 	136 %
11px 	79  %		20px 	143 %
12px 	86 %		21px 	150 %
13px 	93 %		22px 	158 %
14px 	100 %		23px 	165 %
15px 	108 %		24px 	172 %
16px 	115 %		25px 	179 %
17px 	122 %		26px 	186 %
18px 	129 %
---------------------------------------------------------------------*/





/* ++++++++++++++++++++++++++++++++++++++++++++++    PC    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* 801px ~ */
@media screen and (min-width: 801px), print {
	
	
/* ヘッダー pc */
#header {
	width:100%;
	min-width:1040px;
	overflow:hidden;
	position: fixed;
	top: 0px;
	z-index: 9999;
	}
	#header h1 {
		float:left;
		font-size:0;
		line-height:0;
		width:76.5px;
		height:79px;
		display:table;
		background-color:#009943;
		border-radius:30px;
		border-top-left-radius: 0px;
		border-top-right-radius: 0px;
		margin-left:10px;
		}
		#header h1 div {
			display:table-cell;
			vertical-align:middle;
			text-align:center;
			}
			#header h1 div img {
				width:61px;
				}
	#header .inner {
		float:right;
		background-color:#009943;
		border-radius:30px;
		border-top-left-radius: 0px;
		position:relative;
		font-size:17px;
		display: flex;
		width: calc(100% - 119px);
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		-webkit-justify-content: space-around;
		-ms-flex-pack: distribute;
		justify-content: space-around;
		padding-left:30px;
		box-sizing:border-box;
		}
	#header .inner::before {
		position:absolute;
		content:"";
		left:30px;
		width:1000%;
		height:100%;
		background-color:#009943;
		z-index:-1;
		}
		#header ul li {
			}
			#header ul li a {
				color:#fff;
				display:block;
				line-height:79px;
				}
			#header ul li a:hover {
				opacity:0.6;
				}

/* ヘッダー pc end */
	
#mainimage {
	height: 550px;
	background: url(../img/mainimage.jpg) no-repeat center;
	background-size: cover;
}
	#mainimage h2{
		width: 400px;
		margin: 0 auto;
		padding-top: 150px;
	}
	#mainimage h2 img {
		width: 100%;
		height: auto;
	}








#main {
	background: #FFF;
	border-top-left-radius: 30px;
	margin-top: -30px;
	padding-top: 120px;
}
#set {
	width: 1000px;
	margin: 0 auto;
}
	

}




/* ++++++++++++++++++++++++++++++++++++++++++++++    sp    ++++++++++++++++++++++++++++++++++++++++++++++  */
/* ~ 800px */
@media only screen and (max-width: 800px) {
	
	/* ヘッダー sp */
	#header {
		width:100%;
		overflow:hidden;
		position: fixed;
		top: 0;
		z-index: 9999;
		}
		#header h1 {
			float:left;
			font-size:0;
			line-height:0;
			width:70px;
			height:60px;
			display:table;
			background-color:#009943;
			border-radius:30px;
			border-top-left-radius: 0px;
			border-top-right-radius: 0px;
			}
			#header h1 div {
				display:table-cell;
				vertical-align:middle;
				text-align:center;
				}
				#header h1 div img {
					width:50px;
					}
			#header .accordion {
				float:right;
				background-color:#009943;
				border-radius:30px;
				border-top-left-radius: 0px;
				position:relative;
				font-size:17px;
				text-align:center;
				box-sizing:border-box;
				width:calc(100% - 85px);
				color:#fff;
				line-height:70px;
				}
			#header .accordion::before {
				position:absolute;
				content:"";
				left:30px;
				width:1000%;
				height:100%;
				background-color:#009943;
				z-index:-1;
				}
				#header .accordion .menuArea {
					cursor: pointer;
					font-size:0;
					position:relative;
					}
				#header .accordion .menuArea.active::before {
					position:absolute;
					left:0;
					bottom:0;
					content:"";
					width:1000%;
					border-bottom:1px solid #fff;
					}
				#header .accordion .menuArea::after {
					position: absolute;
					top: 0;
					bottom:0;
					margin:auto;
					right: 10px;
					content: '';
					width: 6px;
					height: 6px;
					box-sizing: border-box;
					border: 6px solid transparent;
					border-left: 7.5px solid #fff;
					-webkit-transform: rotate(90deg);
					transform: rotate(90deg);
					}
				#header .accordion .menuArea.active::after {
					position: absolute;
					top: -10px;
					bottom:0;
					margin:auto;
					-webkit-transform: rotate(-90deg);
					transform: rotate(-90deg);
					}
				#header .accordion .menuArea .menu_img {
					margin:auto;
					width:50px;
					line-height:60px;
					}
					#header .accordion .menuArea .menu_img img {
						vertical-align:middle;
						}
				#header .accordion .inner {
					display: none;
					}
					#header .inner a {
						color:#fff;
						display:block;
						}




	/* ヘッダー sp end */




#mainimage {
	height: 250px;
	background: url(../img/mainimage.jpg) no-repeat center;
	background-size: cover;
}
	#mainimage h2{
		width: 260px;
		margin: 0 auto;
		padding-top: 70px;
	}
	#mainimage h2 img {
		width: 100%;
		height: auto;
	}








#main {
	padding:4%;
}
	
}