@charset "utf-8";
@import url(reset.css);
@import url(base.css);
@import url(common.css);

/*-------------------------------------------------------------------
	topmenu0
-------------------------------------------------------------------*/
#topmenu0 .inner {
	width: 1200px;
	margin: 0 auto;
} 

#topmenu0 .inner .linklist li {
		width: 14%;
		display: inline-block;
		margin: 8px 10px 8px;
		line-height: 1.0;
}

#topmenu0 .inner .linklist li:last-child {
	margin-right: 0;
}
	
#topmenu0 .inner .linklist li a {
	display: block;
	padding: 10px 0 10px;
	background: #DCF7F0;
	border: 3px solid #64C694;
	border-radius: 3px;
	color: #3c3837;
	text-decoration: none;
	text-align: center;
	font-size: 1.3em;
	font-weight: 500;
}

#topmenu0 .inner .linklist li a:hover {
	display: block;
	padding: 10px 0 10px;
	background: #64C694;
	border-radius: 3px;
	color: #fff;
	text-decoration: none;
	font-size: 1.5em;
	font-weight: 500;
	box-shadow: 5px 5px rgba(49,131,90,1);
}





/*-------------------------------------------------------------------
	npo
-------------------------------------------------------------------*/

#npo {
}


#npo .topmenu {
	text-align: center;
	line-height: 1.0;
	margin: 0 0 40px;
}
#npo .topmenu li {
	display: inline-block;
	margin-right: 30px;
}

#npo .topmenu li:last-child {
	margin-right: 0;
}


}#npo .toplist {
	text-align: center;
	line-height: 1.0;
	margin: 0 0 40px;
}

#npo .toplist li {
	display: inline-block;
	margin-right: 10px;
}

#npo .toplist li:last-child {
	margin-right: 0;
}

#npo .toplist li a {
	display: inline-block;
	font-size: 1.12em;
	text-align: center;
	padding: 10px;
	border: 3px solid #64C694;
	background: #DCF7F0;
	font-weight: 500;
	text-decoration: none;
	color: #3c3837;
}

#npo .toplist li a:hover {
	background: #DCF7F0;
}

#npo .linked {
	text-align: right;
	margin: 0 0 30px;
	line-height: 1.4;
}

#npo .entry {
	margin: 0 0 50px;
}

#npo .entry li {
	margin: 0 0 10px;
}

#npo .circle {
	list-style-type:circle;
        margin-left:30px;
}

#npo .roman {
	list-style-type:lower-roman;
        margin-left:20px;
}

#npo .youken {
	margin: 0 25px 30px;

}

#npo .youken li {
	padding: 0 0 5px;

}

#npo .entry li:last-child {
	margin: 0;
}



#npo a {text-decoration: underline;color: blue;}
#npo a:hover {text-decoration: none;color: #DCF7F0;}
#npo .noline {text-decoration: none;color: #DCF7F0;}
#npo .noline2 {text-decoration: none;color: #0067C0;}

/*===============================================
  画面の横幅が1400px以下に適用
===============================================*/
@media screen and (max-width: 1400px){
	
	/* #topmenu0 */

	#topmenu0 .inner {
		width: 90%;
	}	 
	
	
	#topmenu0 .inner .linklist li {
		width: 18%;
		display: inline-block;
		margin-right: 2%;
		line-height: 1.0;
	}

	#topmenu0 .inner .linklist li:last-child {
		margin-right: 0;
	}

	#topmenu0 .inner .linked {
		width: 90%;
		text-align: right;
		margin: 0 auto 140px;
	}
	
	
}

/*===============================================
  画面の横幅が1024px以下に適用
===============================================*/
@media screen and (max-width: 1024px){
	
	#npo .toplist li {
		margin-bottom: 10px;
	}
}

/*===============================================
  画面の横幅が768px以下に適用
===============================================*/
@media screen and (max-width: 768px){

}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	.sptitle {
		display: block;
		text-align: center;
		max-width: 90%;
		margin: 0 auto 30px;
	}
	
	.sptitle.ext {
		margin: 0 auto 70px;
	}

	
	#npo .toplist {
		margin: 0 0 20px;
	}
	
	#npo .toplist li {
		display: inline-block;
		width: 15%;
		margin-right: 3%;
	}

	#npo .toplist li:nth-child(5n) {
		margin-right: 0;
	}

	#npo .toplist li a {
		display: block;
		font-size: 1.4em;
		text-align: center;
		padding: 15px 0;
		border: 2px solid #fe4b33;
		background: #fbe7d0;
		font-weight: 500;
		text-decoration: none;
		color: #3c3837;
	}
	
	#npo .linked {
		text-align: center;
		margin: 0 0 20px;
		line-height: 1.4;
	}

	/* #topmenu0 */

	#topmenu0 .inner h1.fst {
		text-align: center;
		margin: 0 0 40px;
		position: relative;
		top: -100px;
	}

	#topmenu0 .inner .lead {
		text-align: center;
		margin: -100px 0 50px;
		line-height: 1.4;
	}

	#topmenu0 .inner .linklist {
		text-align: center;
		margin: 0 0 20px;
	}

	#topmenu0 .inner .linklist li {
		width: 45%;
		display: inline-block;
		margin-right: 2%;
		margin-bottom: 20px;
		line-height: 1.0;
	}

	#topmenu0 .inner .linklist li:nth-child(even),
	#topmenu0 .inner .linklist li:last-child {
		margin-right: 0;
	}
	

	#topmenu0 .inner .linked {
		margin: 0 auto 50px;
	}

	#topmenu0 .inner .same {
		padding: 0;
		margin: 0 0 50px;
		overflow: hidden;
		zoom:1;
	}

	#topmenu0 .inner .same.last {
		padding: 50px 0 0;
		margin: 0;
		background: url("../image/index/sec03_border.png") top left no-repeat;
		background-size: 100% auto;
		}

	#topmenu0 .inner .same .photo {
		float: none;
		width: auto;
		text-align: center;
	}

	#topmenu0 .inner .same .text {
		margin: 30px 0 0;
	}

	#topmenu0 .inner .same .text h2 {
		margin: 0 0 20px;
		font-weight: 500;
		line-height: 1.4;
		position: relative;
		font-size: 1.2em;
		padding-left: 15px;
	}

	#topmenu0 .inner .same .text h2:before {
		width: 5px;
		height: 24px;
		background: #64C694;
		border-radius: 30px;
		content: '';
		position: absolute;
		top: 0;
		left: 0;
	}

	#topmenu0 .inner .same .text h3 {
		margin: 0 0 30px;
	}


	#topmenu0 .inner .same .text p {
		font-size: 1.12em;
		line-height: 1.6;
	}

	#topmenu0 .inner .same .text .btn {
		margin: 20px 0 0;
		text-align: center;
	}



}

/*===============================================
  画面の横幅が340px以下に適用
===============================================*/
@media screen and (max-width: 340px){
	

	
}
	

@media print{
}