@charset "utf-8";
/* ===================================================================
CSS Document

 file name  :index.css
 style info :第2階層以下 他
=================================================================== */
.body_bg{
	background: url(../image/bg00.gif);
}

#keyWrap{
	position: relative;
	overflow: hidden;
	min-width: 100%;
	border-bottom: 15px solid #accf2e;
}

@media screen and (max-width: 780px){
#keyWrap{
margin-top:70px;
}
}

#green_area{
padding:5px 0 10px;
background-color:#accf2e;
}

#white_area{
padding:30px;
background-color:#fff;
}

.bg8{
		background: #fff;
		height: auto;
		margin: 0 auto;
		position: relative;
}

.bg8:before,
.bg8:after{
		width: calc(100% - 20px);
		height: 0;
		display: block;
		position: absolute;
		left: 0;
		content: "";
}

.bg8:before{
		border-bottom: solid 20px #fff;
		border-right: solid 20px transparent;
		bottom: 100%;
	}
.bg8:after{
		border-top: solid 20px #fff;
		border-left: solid 20px transparent;
		top: 100%;
	}


@media screen and (max-width: 780px){
div ul.flex.box02 li{
width:100%;
margin-left:0;
margin-right:0;
}

div ul.flex.box02 li.bg8:first-child{
margin-bottom:50px;
}
}


article.news{
margin-bottom:20px;
border-bottom:1px dotted #cfcfcf;
}

article.news p{
margin:10px 0;
}

article.news span{
width:180px;
display:inline-block;
margin-left:15px;
padding:1px 0;
text-align:center;
background-color:#cde282;
border-radius: 20px;
font-size:14px;
}


/* ------ */
nav.pagination{
	bottom:20px;
	right:20px;
	top:auto;
}
nav.nav-links{
   display:flex;
}
nav.pagination .page-numbers{
   display:inline-block;
   margin-right:15px;
}