@charset "utf-8";
.infomation{
	background-color: #fcfafa;
	padding: 50px 0 80px;
	position: relative;
}
.infomation h1{
	background-image: url(../images/infomation_title.png);
	width:314px;
	height: 26px;
	margin: 0 auto 70px;
	text-indent: -9999px;
	background-repeat: no-repeat;
}
.infomation .cut_list dd:last-of-type{
	border-bottom: solid 1px #909090;
}
.infomation .cut_list dt{
	float: left;
	margin: 20px 0 0 0;
}
.infomation .news{
	background-color: #225d45;
	width:80px;
	height: 25px;
	color: #ffffff;
	text-align: center;
	padding: 5px 0 0 0;
	font-family: 'Noto Sans Japanese';
	font-size: 14px;
}
.infomation .report{
	background-color: #22515d;
	width:80px;
	height: 25px;
	color: #ffffff;
	text-align: center;
	padding: 5px 0 0 0;
	font-family: 'Noto Sans Japanese';
	font-size: 14px;
}
.infomation .cut_list dd{
	border-top: solid 1px #909090;
}
.infomation .cut_list dd span{
	margin: 0 20px 0 0;
}
.infomation .cut_list dd a{
	display: block;
	background-image: url(../images/green_mark3.png);
	background-repeat: no-repeat;
	background-position: right center;
	line-height: 1.4;
}

.infomation .cut_list ul{
	margin: 40px 0 0 0;
	text-align: center;
}
.infomation .cut_list li{
display: inline-block;
}
.infomation .cut_list li a{
display: block;
border: solid 1px #22515d;
}
.infomation .cut_list .prev{
float: left;
margin: 0;
}
.infomation .cut_list .next{
float: right;
margin: 0;
}
.infomation .cut_list .prev a,.infomation .cut_list .next a{
border-radius: 10px;
background-color: #225d45;
color: #ffffff;
letter-spacing: 2px;
}

.infomation aside dl{
	border: solid 2px #225d45;
}
.infomation aside dt{
	text-indent: -9999px;
	background-image: url(../images/Archives.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin: 0 auto 10px;
	padding: 20px 30px;
	border-bottom: solid 2px #225d45;
}
.infomation aside dd{
	border-bottom: dotted 1px #225d45;
	text-align: center;
	margin: 5px auto;
}
.infomation aside dd a{
	display: block;
	padding: 13px 0;
}

.cut{
	width:800px;
}
.info_title{
	border-bottom: solid 3px #225d45;
}
.info_title h2{
	text-indent: 0;
	margin-bottom: 5px;
}
.info_title h2 span{
	display: inline-block;
}
.info_title .time{
	padding: 8px 0 0 0;
	color: #225d45;
}
.info_txt p{
	margin: 20px 0;
	line-height: 1.4;
	letter-spacing: 1px;
}

.infomation .btn1{
	clear: both;
}
.infomation .btn1 a{
	background-image: url(../images/green_mark2.png);
	background-position:10px center;
}
.infomation .btn1 a:hover{
	background-image: url(../images/white_mark2.png);
	background-position:10px center;
}

@media (min-width:641px){
	.infomation .cut_list{
	width:800px;
	float: left;
	}
	.infomation .cut_list dd a{
	padding: 20px 20px 20px 120px;
	}
	
	.infomation .cut_list li{
	margin: 0 10px 0 10px
	}
	.infomation .cut_list li a{
	padding: 20px 25px;
	}
	
	.infomation aside dl{
	float: right;
	width:210px;
	}
	.infomation aside dt{
	width:190px;
	}
	.infomation aside dd{
	width:190px;
	}
	
	.cut{
	width:800px;
	float: left;
	}
	.info_title h2{
	float: left;
	}
	.info_title h2 span{
	margin-right: 24px;
	}
	.info_title .time{
	float: right;
	}

}

@media (max-width:640px){
	.infomation .cut_list{
	width:600px;
	margin: 0 auto 35px;
	font-size: 20px;
	}
	.infomation .cut_list dd a{
	padding: 20px 20px 20px 100px;
	}
	
	.infomation .cut_list li{
	margin: 0 5px 0 5px;
	font-size: 16px;
	}
	.infomation .cut_list li a{
	padding: 10px 15px;
	}
	
	.infomation aside dl{
	width:600px;
	margin: 0 auto;
	font-size: 20px;
	}
	.infomation aside dt{
	width:580px;
	}
	.infomation aside dd{
	width:580px;
	}
	
	.cut{
	width:600px;
	margin: 0 auto 70px;
	}
	.info_title h2{
	font-size: 28px;
	font-weight: bold;
	}
	.info_title h2 span{
	margin-right: 10px;
	vertical-align: bottom;
	}
	.info_title .time{
	margin: 0 0 auto auto;
	width:150px;
	}
	
	.infomation .btn1{
	margin: 70px auto 0;
	}
}