.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;
  object-fit: cover; 
 
}

.banner__section {
  margin-top: 2px;
}

.news__lists {
  list-style-type: none;
  margin: 0 0 2em;
}

.news__list {
  margin-bottom: .5em;
}

.news__date {
  margin-right: 1em;
}


.banner-list__unit {
	
	float: left;
	list-style: none;
	position: relative;
	margin: 10px;
	max-width: 300px;

	display: list-item;
	text-align: -webkit-match-parent;
	background: #f5f5f5;
}

.banner-list__unit a:hover {
  text-decoration: none;
  color: #663333;
}
.banner-list__text {
	padding: 5px;
	text-align: center;
	vertical-align: center;
	font-weight:bold;
	font-size:1.1em;
	color: #666;
	font-family:'Times New Roman',serif;
}


.cat-guide__col {
  max-width:180px;
  
  position: relative;
	margin-bottom: 10px;
}


.cat-guide__unit {
  padding: 1px;
  font-size: 1.1em;
  line-height: 1.5;
  letter-spacing: .1em;
	color: #808080;
	text-align: center;
}
.cat-guide__unit a {
  color: #808080;
	display:block;
}
.cat-guide__unit a:hover {
  text-decoration: none;
	color: #663333;
}

.top-container {
	padding: 0 5px;
	display:block;
}
.top-box {
	display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
}
.top-inbox {
	padding: 50px 50px 0  50px ;
}

.inbox img {
  margin: 0 auto;
	max-height:600PX;
}
		
@media (max-width: 768px) {
  /* ~768px */
	.banner-list__unit {
	
	float: left;
	list-style: none;
	position: relative;
	margin: 5px;
	max-width: 160px;

	display: list-item;
	text-align: -webkit-match-parent;
	background: #f5f5f5;
}
}
@media (max-width: 980px) {
  /* ~980px */
	.cat-guide__col {
	max-width:160px;
  
  position: relative;
	margin-bottom: 10px;
}
 .cat-guide__col p{
    position: absolute;
    top:48%;
    left:50%;
    transform: translate(-50%,-50%);
    padding:0;
    margin:0;
    text-align: center;
    font-weight: bold;
    color: #F8F8FF;
		/*white-space:nowrap;*/
		
}
}