.bnr_list {
    display: flex;
    justify-content: space-between;
    margin: 0 30px;
}

.index__background {
  background-color: #f9efef;
}

.index__font {
  font-size: 34px;
}

/*================================
 navigation
================================*/
.index__nav_box {
  display: flex;
  justify-content: center;
  margin: 0 auto;
  padding: 0;
  gap: calc(150px * 1.3);
}

.index__nav_item {
  width: calc(270px * 1.3);
  position: relative;
}

.index__nav_label_text {
  color: #ffffff;
  background-color: #a61c1a;
  font-size: calc(28px * 1.3)!important;
  font-weight: bold;
  width: max-content;
  padding: 0 calc(30px * 1.3);
  border-radius: calc(25px * 1.3);
}

.index__nav_text {
  font-size: calc(30px * 1.3)!important;
  font-weight: bold;
}

.index_nav_prev,
.index_nav_next {
  display: flex;
  flex-direction: column;
  gap: calc(30px * 1.3);
  height: 100%;
  position: relative;
}

.index_nav_prev {
  padding-left: calc(60px * 1.3);
}

.index_nav_next {
  padding-right: calc(60px * 1.3);
}

.index_nav_prev::before,
.index_nav_next::after {
  background-image: url("data:image/svg+xml,%3Csvg  xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' width='40px' height='73px'%3E%3Cpath fill-rule='evenodd'  fill='rgb(34, 34, 34)' d='M39.376,70.513 L37.254,72.635 L2.994,38.374 L2.994,38.374 L0.872,36.253 L36.584,0.541 L38.706,2.662 L5.115,36.253 L39.376,70.513 Z'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center center;
  background-size: 100% auto;
  content: "";
  width: calc(38px * 1.3);
  height: calc(72px * 1.3);
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
}

.index_nav_prev::before {
  left: 0;
}

.index_nav_next::after {
  right: 0;
  transform: translateY(-50%) rotate(180deg);
}