@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: 18%;
		display: inline-block;
		margin-right: 2%;
		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: #ffe4e1;
	border: 3px solid #d2691e;
	border-radius: 3px;
	color: #3c3837;
	text-decoration: none;
	text-align: center;
	font-size: 1.5em;
	font-weight: 500;
}

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


/*-------------------------------------------------------------------
	administ
-------------------------------------------------------------------*/

#administ {
}

#administ .map {
	text-align: center;
	margin: 0 0 40px;
}

#administ .mplist {
	overflow: hidden;
	zoom:1;
	margin-bottom: 50px;
}

#administ .mplist li {
	width: 140px;
	float: left;
	margin-right: 16px;
}

#administ .mplist li:last-child {
	margin-right: 0;
}

#administ .mplist li a {
	display: block;
	position: relative;
	padding: 15px 0 30px;
	font-size: 1.15em;
	line-height: 1.2;
	color: #fff;
	text-align: center;
	border-radius: 5px;
	text-decoration: none;
}

#administ .mplist li a:after {
	width: 7px;
  height: 7px;
  border: 2px solid;
  border-color:  transparent transparent #fff #fff;
  transform: rotate(-45deg) translateX(-50%);
	content: '';
	position: absolute;
	bottom: 15px;
	left: 50%;
}

#administ .mplist li:nth-child(1) a,
#administ .list02#no001 dt {
	background: #EC95B1;
}
#administ .mplist li:nth-child(2) a,
#administ .list02#no002 dt{
	background: #FFC27F;
}
#administ .mplist li:nth-child(3) a,
#administ .list02#no003 dt{
	background: #EDED75;
}
#administ .mplist li:nth-child(4) a,
#administ .list02#no004 dt{
	background: #64C694;
}
#administ .mplist li:nth-child(5) a,
#administ .list02#no005 dt{
	background: #5DB4E5;
}
#administ .mplist li:nth-child(6) a,
#administ .list02#no006 dt{
	background: #EC95B1;
}
#administ .mplist li:nth-child(7) a,
#administ .list02#no007 dt{
	background: #FFC27F;
}



#administ .mplist li a:hover {
	opacity: 0.7;
}

#administ .list02 {
	margin: 0 0 50px;
}

#administ .list02 dt {
	color: #fff;
	padding: 20px 30px;
	font-size: 1.12em;
	line-height: 1.0;
}

#administ .list02 dd {
	padding: 30px 30px 20px;
	line-height: 1.0;
	display: block;
}

#administ .list02 dd ul li {
	display: inline-block;
	margin: 0 10px 20px 0;
}

#administ .list02 dd ul li a {
	display: inline-block;
	padding-left: 15px;
}

#administ .list02#no001 dd ul li a {
	background: url("../image/administration/arrow01.png") left center no-repeat;
}
#administ .list02#no002 dd ul li a {
	background: url("../image/administration/arrow02.png") left center no-repeat;
}
#administ .list02#no003 dd ul li a {
	background: url("../image/administration/arrow03.png") left center no-repeat;
}
#administ .list02#no004 dd ul li a {
	background: url("../image/administration/arrow04.png") left center no-repeat;
}
#administ .list02#no005 dd ul li a {
	background: url("../image/administration/arrow05.png") left center no-repeat;
}
#administ .list02#no006 dd ul li a {
	background: url("../image/administration/arrow06.png") left center no-repeat;
}





#administ .list02#no001 dd {
	border:1px solid #EC95B1;
}
#administ .list02#no002 dd {
	border:1px solid #FFC27F;
}
#administ .list02#no003 dd {
	border:1px solid #EDED75;
}
#administ .list02#no004 dd {
	border:1px solid #64C694;
}
#administ .list02#no005 dd {
	border:1px solid #5DB4E5;
}
#administ .list02#no006 dd {
	border:1px solid #EC95B1;
}
#administ .list02#no007 dd {
	border:1px solid #FFC27F;

#administ .entry {
	margin: 0 0 50px;
}
#administ .entry2 {
	margin: 0 0 5px;
}
#administ .entry3 {
	margin: 0 0 5px;
        margin-left:20px;
}
#administ .entry4 {
	margin: 0 0 60px;
        margin-left:45px;
}

#administ .entry li {
	margin: 0 0 1px;
}


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

#administ .sichoson {
        width:80%;
        margin-bottom:80px;
}

#administ .roman {
	list-style-type:upper-roman;
        margin-left:20px;
}
#administ .number {
	list-style-type:decimal;
        margin-left:30px;
}

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

}

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

}


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

	/* #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){
	
	

}

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

}

/*===============================================
  画面の横幅が640px以下に適用
===============================================*/
@media screen and (max-width: 640px){
	
	#container .inner {
		width: auto !important;
	}
	
	#container #administ h2 {
		max-width: 90%;
		margin: 0 auto 30px;;
	}
	
	
	#administ .map {
		text-align: center;
		max-width: 90%;
		margin: 0 auto 30px;
	}

	#administ .mplist {
		display: none;
	}


	#administ .list02 {
		margin: 0;
	}

	#administ .list02 dt {
		color: #fff;
		padding: 20px 5% 20px;
		font-size: 1.12em;
		line-height: 1.0;
		position: relative;
		cursor: pointer;
		text-align: center;
	}
	
	#administ .list02 dt:after {
		width: 7px;
		height: 7px;
		border: 2px solid;
		border-color:  transparent transparent #fff #fff;
		transform: rotate(-45deg) translateY(-50%);
		content: '';
		position: absolute;
		top: 50%;
		right: 10%;
	}

	
	
	
	#administ .list02#no001 dd {
		display: block;
	}
	
	#administ .list02 dd {
		display: none;
		padding: 30px 5% 20px
		border: none !important;
	}
	/* #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: #fe4b33;
		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{
}