.section__block--top-page {
  max-width: 1100px;
}

.slider {
  margin-top: 0;
}
.slider .bx-wrapper {
  margin-bottom: 0;
}
.slider .bx-wrapper .bx-caption {
  text-align: center;
  top: 0;
  bottom: auto;
}

#slider img {
  display: block;
  margin: 0 auto;
}

.banner__section {
  margin-top: 2px;
}

.news__lists {
  list-style-type: none;
  margin: 0 auto 2em;
  max-width:700px;
}

.news__list {
  margin-bottom:0.3em;
  padding-bottom:0.3em;
  border-bottom:1px solid #CCC;
}

.news__date {
  margin-right: 1em;
  color:#888;
}

.review_campaign {
  
}
.review_campaign h3 {
  text-align:center;
}
.review_campaign p {
  text-align:center;
}

.bannerArea {
}
.bannerArea ul {
  text-align:center;
  margin:0px;
}
.bannerArea ul li {
  margin:10px;
  display:inline-block;
  list-style: none;
}
.bannerArea ul li img{
  margin:0px 0px 5px 0px;
}
.bannerArea ul li  p{
  font-size:12px;
}


.columnArea {
}
.columnArea h3 {
  text-align:center;
}
.columnArea ul {
  text-align:center;
  margin:0px;
}
.columnArea ul li {
  margin:10px;
  display:inline-block;
  list-style: none;
  border:1px solid #DEDEDE;
  text-align:left;
}
.columnArea ul li a:hover{
  text-decoration:none;
}
.columnArea ul li img{
  margin:0px;
}
.columnArea ul li .status{
  width:240px;
  padding : 30px 0px 10px 0px;
  position:relative;
}
.columnArea ul li .status .cate{
  position:absolute;
  left : 0px;
  top : 0px;
  background: #000;
  color: #FFF;
  font-size: 12px;
  padding: 2px 4px;
  text-decoration:none;
}
.columnArea ul li .status .title{
  margin:0px 10px;
  font-size:18px;
  font-weight:bold;
  color: #000;
  text-decoration:none;
}

.columnArea ul li .status .text{
  margin:0px 10px;
  font-size:12px;
  color: #000;
  text-decoration:none;
}

.bannerList.width{
 margin: 0 auto 30px;
	padding: 0px;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.bannerList.width .bannerBox{
 margin: 0px 0px 15px 0px;
	width : -webkit-calc(33.3% - 10px) ;
   width : calc(33.3% - 10px) ;
}
.bannerList .bannerBox img{
 width: 100%;
}
.bannerList.width .bannerBox.width{
 margin: 0px 0px 15px 0px;
	width : -webkit-calc(66.6% - 5px) ;
   width : calc(66.6% - 5px) ;
}
.bannerList.width .bannerBox{
 margin: 0px 0px 15px 0px;
	width : -webkit-calc(25% - 10px) ;
   width : calc(25% - 10px) ;
}

@media (max-width: 768px) {
.bannerList.width .bannerBox{
 margin: 0px 0px 10px 0px;
	width : -webkit-calc(50% - 5px) ;
 width : calc(50% - 5px) ;
}
.bannerList.width .bannerBox{
 margin: 0px 0px 10px 0px;
	width : -webkit-calc(50% - 5px) ;
 width : calc(50% - 5px) ;
}
.bannerList.width .bannerBox.width{
 width: 100%;
}
}