.flex-control-paging li a {
	background: #fff;
}
.flex-direction-nav .flex-next {
	right: 0;
	opacity: 0.7;
}
a.flex-next {
	position: absolute;
	top: 50%;
	/*margin-top:-28px;*/
/*z-index:60;*/
	height: 62px;
	width: 38px;
	background-image:url(../images/top/arrows.gif);
	display: block;
	right: 0px;
	background-position: 100% 0;
}
.flexslider:hover .flex-next {
	right: 0;
}
.flexslider:hover .flex-prev {
	left: 0px;
}
.flex-direction-nav .flex-prev {
	left: 0;
	opacity: 0.7;
}
a.flex-prev {
	position: absolute;
	top: 50%;
	/*margin-top:-28px;
z-index:60;*/
	height: 62px;
	width: 38px;
	background-image: url(../images/top/arrows.gif);
	display: block;
	left: 0px;
	background-position: 0 100%;
}
.flex-control-nav {
	bottom: 20px;
	opacity: 1;
	z-index: 1000;
}
.flex-direction-nav a {
	opacity: 1;
	color: transparent;
	text-shadow: none;
}
.flex-direction-nav a:active, .flex-direction-nav a:hover {
	color: transparent;
	right: 0!important;
}
.flexslider .slides img {
	height: auto;
}
.flex-control-paging li a.flex-active {
	background: #999;
}
/*------------------------------------------------------------*/
h2 {
	color: #FFFFFF;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 20px;
}
#main {
	display: flex;
	justify-content: space-between;
}
#main p {
	margin: 0 20px 20px;
}
#topNews {
	width: calc(97% / 2);
	background: #1c1c1c;
}
.mainBox {
	width: calc(97% / 4);
	background: #1c1c1c;
		margin-bottom: 0;
}
.indexBoxImg{width: 100%; height:140px; overflow: hidden; background-color: #fff; display: flex; justify-content: center;
 align-items: center;}
.indexBoxImg img{width: 100%; height: auto;}
.mainBox h2{padding: 0; margin: 1rem auto;}
#main .mainBox p{padding:0; margin: 0 auto 1rem;}
#topNews dl {
	margin: 0 20px 0;
}
#topNews dt, #topNews dd {
	margin-bottom: 20px;
	display: inline-block;
	vertical-align: top;
}
#topNews dt {
	 line-height: 1.7; margin-right: 1em;
}
#topNews dd {
	width: 70%;
	line-height: 1.7;
}

@media screen and (max-width:768px) {
.flex-control-nav {
	bottom: -30px;
}

h2 {
	font-size: 2rem;
}
#main {
	display: block;
	width: 100%;
}
#topNews h2 {
	text-align: center;
}
.mainBox {
	text-align: center;
}
.mainBox p {
	text-align: left;
}
.indexBoxImg{width:100%; height:30vw; background: none;}
	.indexBoxImg img{height: 100%; width: auto;}
#main p {
	margin: 0 3vw 3vw;
}
#topNews, .mainBox {
	width: 100%;
	margin-bottom: 20px;
	padding: 10px;
}
#topNews dl {
	margin: 0 10px 10px;
}
#topNews dt, #topNews dd {
	margin-bottom: 10px;
	display: block;
	width: 100%;
}
	#topNews dt{margin-bottom: 0;}
	#pagetop{bottom: 10px;}
}
@media screen and (min-width:769px) {
#headGnavi li:first-child a{    background: #b5985a;
    text-decoration: none;
	}
}