.bi-slider-section {margin-top: 20px}
.bi-slider{width: 100%}
.bi-slider img{border: 1px solid #e8e8e8;border-radius: 10px;width: 100%;height: auto}
.bi-slider-button {color: #fff !important;font-size: 15px;padding: 8px 12px;position: absolute;bottom: calc(8% - 7px);right: 10px;width: 100%;text-align: right;}
.bi-slider-button a{background-color: #333;color: #fff !important;padding: 5px 15px; border-radius: 4px;}
.bi-slider-button a:hover{background-color: #f07f1b;color: #fff !important;}

.bi-slider-container .swiper-button-next{top: 43%}
.bi-slider-container .swiper-button-prev{top: 43%}

.bi-info-section{width: 100%;background: #fff;border-radius: 15px;padding: 1rem;display: flex;align-items: center;justify-content: space-between;border: 1px solid #e8e8e8;margin: 20px 0}
.bi-infos{display: flex;align-items: center;justify-content: center;padding: 0px 20px 0px 20px;border-right: 1px solid #999;width: 100%}
.bi-infos:last-child {border: 0}
.bi-infos-image{margin-right: 15px}
.bi-infos-image img{width: 50px}
.bi-infos-content .bi-infos-content-title{font-size: 14px;font-weight: 500}
.bi-infos-content .bi-infos-content-text{font-size: 12px;color: #666}

/* banner */

/*.bi-banner-section {margin: 30px 0}*/

.bi-banner-content {
	position: relative;
	background-repeat: no-repeat;
	background-size: cover;
	background-position: center;
	font-size: 1rem;
	margin-bottom: 15px;
}

.bi-banner-content figure {margin: 0}

.bi-banner-content figure img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 6px;
}

.bi-banner-content img {
	object-fit: cover;
}

.bi-banner-content .banner-content {
	position: absolute;
	z-index: 1;
	top: 81px;
	transform: translateY(-50%);
	right: 15px;
	text-align: right;
}

.bi-banner-content .banner-content .banner-title {
  font-size: 20px;
  font-weight: 600;
  line-height: 1.2;
  letter-spacing: -0.02em;
}

.bi-banner-content .banner-content .banner-subtitle {
  font-size: 13px;
  font-weight: 400;
  margin-bottom: 20px;
  line-height: 1.2;
  letter-spacing: 0.01em;
}

@media (max-width: 600px){
	.bi-slider-section {margin-top: 10px}
	.bi-slider-button {font-size: 11px;padding: 8px 12px;bottom: calc(12% - 12px);right: 5px;}
	.bi-slider-button a {padding: 2px 8px}

	.bi-info-section {display: none}
}

@media (min-width: 600px) and (max-width: 900px){
	.bi-slider-button {font-size: 13px;bottom: calc(8% - 9px);right: 8px;}
	.bi-slider-button a {padding: 2px 8px}
	.bi-infos {padding: 10px 10px 0px 10px}
	.bi-infos:nth-child(2) {display: none}
}