@charset "utf8";
/***/
.index-banner {
  position: relative;
  width:100%;
  height: 5.4rem;
}
.index-banner .swiper-container {
  position: relative;
  width:100%;
  overflow: hidden;
  border-radius: .4rem;
}
.swiper-slide {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  height: 5.4rem;
}
.index-banner .arrow {
  position: absolute;
  top:50%;
  margin-top:-0.7rem;
  z-index: 998;
  width: .72rem;
  height:1.4rem;
  background-repeat: no-repeat;
  background-position: center;
  background-size:contain;
  cursor: pointer;
}
.index-banner .arrow:hover {
  opacity: .5;
}
.index-banner .arrow-prev {
  left:.266rem;
  background-image:url("images/icon-arrow-left.png");
}
.index-banner .arrow-next {
  right:.266rem;
  background-image:url("images/icon-arrow-right.png");
}


/**/
.index-pro .bar {
  padding:.66rem 0 .266rem;
  text-align: center;
}
.index-pro .bar .title {
  display: inline-block;
  line-height: 1;
  text-align: center;
  background: #a7a6a6;
  color:#fff;
  font-size: .4rem;
  font-weight: 100;
  letter-spacing: 1em;
  text-indent: 1em;
  overflow: hidden;
}

.index-pro .item {
  display: flex;
  align-items: center;
  padding:.6rem 0;
  text-align: center;
  border-bottom:1px solid #878686;
}
.index-pro .item:last-child {border:none;}
.index-pro .item .thumb-box {
  flex-grow:0;
  flex-shrink: 0;
  width:3.4rem;
  overflow: hidden;
  text-align: center;
}
.index-pro .item .thumb-box img {max-width:100%;}
.index-pro .info {
  flex: 1 0 auto;
  line-height:1;
  color:#3a3939;
}
.index-pro .info .jp {
  font-size: .48rem;
  transform:scale(.6);
  transform-origin:center;
}
.index-pro .info .en {
  font-family: 'Futura LT';
  font-size:.32rem;
  transform:scale(.6);
  transform-origin:center;
}
.index-pro .info .btn {
  display: inline-block;
  padding:0 .3rem;
  font-size:.32rem;
  transform:scale(.6);
  transform-origin:center;
  line-height: 1.4;
  border:1px solid #878686;
}