@charset "UTF-8";


  .contents-page-nav{
	width:auto;
	height:auto;
	margin:0px 0 0px -20px;
	padding:0;
	text-align:left;
	-webkit-box-pack:justify;
	-ms-flex-pack:justify;
	justify-content:space-between;
  }
  
  .contents-page-nav li{
	width:auto;
	height:auto;
	margin:0 20px;
	padding:5px 30px 5px 0;
	display:inline-block;
	border-bottom:1px solid #cccccc;
	position: relative;
	text-align:left;
  }
  
  @media screen and (max-width:800px) {

  
	.contents-page-nav{
		width:auto;
		height:auto;
		margin:0px 0 0px 0px;
		padding:0;
		text-align:left;
		-webkit-box-pack:justify;
		-ms-flex-pack:justify;
		justify-content:space-between;
	}
  
  
	.contents-page-nav li{
	  width:100%;
	  height:auto;
	  margin:0;
	  padding:8px 0px 8px 0;
	  display:inline-block;
	  border-bottom:1px solid #cacaca;
	  position: relative;
	  text-align:left;
	  font-size:12px;
	}
	
	.contents-page-nav li a{
	  display:block;
	}


  
  }



  ._arrow:after{
	position: absolute;
	top: 0;
	bottom: 0;
	right: 0;
	margin: auto;
	content: "";
	vertical-align: top
  }
  
  ._arrow:after{
	right: 0;
	width: 7px;
	height: 7px;
	top:-5px;
	width: 8px;
	height: 8px;
	border: 2px solid;
	border-color:  transparent transparent #a1c62e #a1c62e;
	transform: rotate(-45deg);
  }
  


/* WRAP
-------------------------------------------------------------------------------*/

.contents-nav-ttl{
position: relative;
  display: inline-block;
  text-align:left;
  font-size:18px;
  margin:0 0 45px 0;
  padding:0;
  font-weight:bold;
}

.contents-nav-ttl:before{
	content: '';
	position: absolute;
	bottom: -15px;
	display: inline-block;
	width: 40px;
	height: 3px;
	left:0;
	background-color: #a1c62e;
}




	table.contents-list {
		width:100%;
		height:auto;
		overflow:hidden;
		margin:30px 0 0 0;
		border-collapse: collapse;
		font-weight:normal;
	  }
	  table.contents-list td {
		padding: 15px 15px 15px 45px;
		margin:0;
		border-bottom:1px solid #cccccc;
	  }
	  table.contents-list th {
		width:200px;
		font-weight:bold;
		border-bottom:1px solid #1d2846;
		color:#1d2846;
		font-size:14px;
		text-align:left;
		padding:15px 15px 15px 0;
	  }
	


	  ol {
		padding: 0;
		margin:0 0 0 20px;
	  }
	   
	ol  li {
		list-style-type: decimal;
		margin-bottom:0px;
		padding-left: 0px;
		position: relative;
	  }

	 
	  ul.shikaku-list{
		margin:0;
		padding:0;
	}
	
	ul.shikaku-list li{
		margin:0;
		padding:0;
		display:inline-block;
	}
	
	.shikaku-list li::after {
		content: "・";
		color: #cccccc;
		font-size: 129%;
		margin:0 3px;
		}

		
dl.award-list{
	width:auto;
	height:auto;
	margin:20px 0;
	padding:0;
}


dl.award-list dt{
	width:auto;
	height:auto;
	margin:0 0 10px 0;
	padding:0;
	line-height:150%;
	font-weight:bold;
	font-size:14px;
}

dl.award-list dd{
	width:auto;
	height:auto;
	margin:5px 0 25px 0;
	padding:0;
	line-height:150%;
}

  
  span.award-list_caption{
	margin:0 0 -3px 0px;
	padding:0;
	display:block;
	font-size:11px;
	color:#4d4d4d;
	letter-spacing: 0.12em;
  }



ul.history-photo{
 width:auto;
 height:auto;
 margin:45px 0 0 0;
}

ul.history-photo li{
	width:46%;
	display: inline-block;
	margin:0 2%;
}




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

#motto p{
	padding-left:1.4em;
text-indent:-1.4em;
line-height:150%;
margin-bottom:20px;
}
	
	table.contents-list {
		width:100%;
		height:auto;
		overflow:hidden;
		border-top:1px solid #cccccc;
margin:25px 0 25px 0;
padding:0;
		border-collapse: collapse;
	}


	table.contents-list,  table.contents-list th {
        color:#000000;
		width: 100%;
		border-bottom:none;
	}
	table.contents-list {
		border-collapse: collapse;
	}
	table.contents-list th {
			width:100%;
		display: block;
		padding:15px 0 15px 0;
		margin:0;
	}

	table.contents-list td {
		display: block;
		margin:0;
		padding:0 0 15px 0;
		border-bottom:1px solid #cccccc;
}



table.contents-list td.end {
	padding:0 0 15px 0;
	margin:0;
	border-bottom:none;
  }
  table.contents-list th.end {
	font-weight:bold;
	border-bottom:none;
	color:#000000;
	font-size:14px;
	text-align:left;
	padding:15px 0 15px 0;
  }


  ul.shikaku-list{
	margin:0;
	padding:0;
}

ul.shikaku-list li{
	margin:0;
	padding:0;
	display:block;
}

.shikaku-list li::after {
	content: "";
	color: #a1c62e;
	font-size: 129%;
	margin:0 3px;
	}


	ol {
		padding: 0;
		margin:0 0 0 30px;
	  }
	   
	ol  li {
		list-style-type: decimal;
		margin-bottom:0px;
		padding-left: 0px;
		position: relative;
	  }



}




  
	table.contents-list-h {
		width:100%;
		height:auto;
		overflow:hidden;
		border-top:1px solid #cccccc;
		margin:0;
		border-collapse: collapse;
		font-weight:normal;
	  }
	  table.contents-list-h td, 	table.contents-list-h th {
		padding: 15px;
		border-bottom:1px solid #cccccc;
	  }
	  table.contents-list-h th {
		width:140px;
		font-weight:bold;
	  }
	

	
		@media screen and (max-width: 800px) {
	
			table.contents-list-h {
				width:auto;
				height:auto;
				overflow:hidden;
				border-top:none;
        margin:0;
        padding:0;
				border-collapse: collapse;
				text-align: left;
				line-height:150%;
			}
		
		
			table.contents-list-h,  table.contents-list-h th {
				display: block;
				width: 100%;
				border-bottom:none;
			}
			table.contents-list-h {
				border-collapse: collapse;
			}
			table.contents-list-h th {
					width:100%;
				display: block;
				padding:15px 0 10px 0;
				margin:0;
				font-size:12px;
			}
		
			table.contents-list-h td {
				display: block;
				margin:0;
				padding:0 0 15px 0;
				border-bottom:1px solid #cccccc;
	  }
	  

	  ul.history-photo{
		width:auto;
		height:auto;
		margin:45px 0 0 0;
	   }
	   
	   ul.history-photo li{
		   width:auto;
		   display: block;
		   margin:15px 0;
	   }
	   


	}


	ul.award-list-inline{
		margin:0 0 0 17px;
		padding:0;
	}

	ul.award-list-inline li{
		list-style-type: disc!important;
		margin:5px 0 0 0;
	}

	ul.award-list-inline li::marker{
		color:#a1c62e;
	}

	ul.award-list-inline li a{
		color:#a1c62e;
		text-decoration: underline;
	}

	ul.award-list-inline li a:hover{
		color:#000000;
		text-decoration: none;
	}



	ul.award-list-inline-photo{
		width:auto;
		height:auto;
		margin:45px 0 45px -5px;
	   }
	   
	   ul.award-list-inline-photo li{
		   width:23%;
		   display: inline-block;
		   vertical-align: top;
		   margin:0 1%;
	   }

	   ul.award-list-inline-photo li p{
		padding:10px 5px;
		font-size:10px;
		background-color:#f5f5f5;
		line-height:130%;
		letter-spacing: 0.05em;
		color:#4d4d4d;
	   }
	   

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

		ul.award-list-inline-photo{
			width:auto;
			height:auto;
			margin:25px 0 25px -5px;
			
		   }
		   
		   ul.award-list-inline-photo li{
			   width:46%;
			   display:inline-block;
			   margin:2%;
		   }

	   }