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



/* ====================================================================
	Ipad 768px > 
==================================================================== */


/* ---------------------------------------------------
	Top
--------------------------------------------------- */

@media only screen and (max-width: 768px) {

	#container {
		width: 100%;
		margin-top: 90px;
	}

	.image100 {
		width: 100%;
	}

	.menu3 {
		width: 100%;
		letter-spacing: .2em;
	}

	.menu4 img {
		display: block;
		margin: 0 auto;
	}

	.menu5 img {
		display: block;
		margin: 0 auto;
	}

	.menu10 {
		width: 100%;
	}

	#header h1 {
		font-size:1rem;
		padding-top: 10px;
	}

	#header h1 span a {
		font-size: 2rem;
	}

	#header p {
		display: none;
	}

	.for-pc {
		display: none;
	}

	.for-sp {
		display: block;
	}

	#content {
		width: 100%;
		float: initial;
	}

	#sidebar01 {
		width: 100%;
		float: initial;
	}

	#main {
		width: 100%;
		padding: 4%;
		box-sizing: border-box;
	}

	.post {
		width: 100%;
	}

	.menu {
		width: 100%;
	}

	.menu4 {
		width: 100%;
	}

	.menu5 {
		width: 100%;
		text-align: center;
	}

	#head {
		background: #fff;
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		z-index: 100;
	}

	#header {
		position: relative;
	}

	#header_inner {
		padding: 15px 15px 14px;
	}

	#sp-menu {
		display: block;
		position: absolute;
		right: 0;
		top: 0;
		width: 90px;
		height: 90px;
		background: #0b823b;
		color: #fff;
	}

	#sp-menu i {
		text-align: center;
	    margin: 0 auto;
	    display: block;
	    line-height: 90px;
	}

	#sp-menu-bg {
		position: fixed;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		display: block;
		height: 100%;
		width: 100%;
		background: rgba(174, 208, 146, 0.9);
		z-index: 90;
		display: flex; /* 子要素をflexboxで揃える */
	    flex-direction: column; /* 子要素をflexboxにより縦方向に揃える */
	    justify-content: center; /* 子要素をflexboxにより中央に配置する */
	    align-items: center;  /* 子要素をflexboxにより中央に配置する */
	}

	.sp-menu-box {
		background: #fff;
		width: 90%;
		margin: 0 auto;
		padding: 4%;
		box-sizing: border-box;
	}

	.sp-menu-box li {
		list-style: none;
		text-align: center;
	}

	.sp-menu-box li a {
		font-size: 1.6rem;
		line-height: 2;
		text-decoration: none;
		color: #0b823b;
		display: block;
		padding: 2% 0;
		border-bottom: 1px dashed #0b823b;
	}

	.sp-menu-box li:last-child a {
		border-bottom: none;
	}

	#header_inner {
		border-bottom: 2px solid #010101;
    	height: 90px;
    	box-sizing: border-box;
	}

	#footer p {
		text-align: center;
	}

	.menu h3 {
		padding: 0;
	}

	#table_1 table {
		width: 100%;
	}

	#main8 {
		width: 100%;
	}

	#table_3 table {
		width: 100%;
	}

	#table_3 th {
		width: 100%;
	}

	#content5 {
		width: 100%;
	}

	#sidebar05 {
		text-align: center;
	}


}


/* ====================================================================
	Smartphone 600px > 
==================================================================== */


/* ---------------------------------------------------
	Top
--------------------------------------------------- */

@media only screen and (max-width: 600px) {

	#header_inner {
		height: 60px;
	}

	#container {
		margin-top: 60px;
	}

	#sp-menu {
		width: 60px;
		height: 60px;
	}

	#header h1 {
		padding-top: 6px;
		font-size: .5rem;
	}

	#header h1 span a {
		font-size: 1.2rem;
	}

	#sp-menu i {
	    line-height: 60px;
	}

	.menu7 li {
		border-right: none;
		display: block;
    	padding: 2% 0;
	}

	.menu7 li.first {
		border-left: none;
	}

	.sp-menu-box li a {
		font-size: 1rem;
	}

	#table_10 table {
		width: 100%;
	}

	#table_9 table {
		width: 100%;
	}

#sidebar06 {
width: 100%;
margin-top: 4%;
box-sizing: border-box;}

	

}