.top {
  width: 100%;
  position: relative;
  height: 38vw;
}
.slider {
  width: 38vw;
  float: left;
  margin-bottom: 3em;
}
#slider div {
  width: 100%!important;
}
.bx-wrapper .bx-viewport {
    -moz-box-shadow: none!important;
    -webkit-box-shadow: none!important;
    box-shadow: none!important;
    border: none!important;
    left: 0;
    background: none!important;
}
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #D2D493!important;
    width: 5px!important;
    height: 5px!important;
    margin: 0 3px!important;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover, .bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #576E5A!important;
}

.info {
  width: 23vw;
  float: right;
  position: absolute;
  bottom: 0;
  right: 0;
  clear: both;
  height: 60%;
  overflow: scroll;
  border-bottom: 1px solid #D2D493;
  font-size: 90%;
}
.info li {
  margin-bottom: 3em;
}
.info li p {
  width: 100%;
    color: #576E5A;
    border-bottom: 1px dotted #D2D493;
    margin-bottom: 1em;
    font-style: italic;
}
.info a {
    border-bottom: 1px solid #D2D493;
}
h2.title span {
  font-size: 40%;
  font-family: 'Noto Sans JP', 'Open Sans', 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, メイリオ, Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-style: normal;
    font-weight: 300;
  margin-left: 1.5em;
}

.top-list {
  clear: both;
  padding-top: 4em;
  background: url(https://img07.shop-pro.jp/PA01390/600/etc/kakko.png?cmsp_timestamp=20230322145414) center top no-repeat;
  background-size: 100% 1.2em;
}
.new h2 span {
  display: inline-block;
}

@media(max-width: 1024px) {
  .top {
    height: auto;
  }
  .slider {
    width: 116%;
    float: none;
    margin-left: -8%;
  }
  .bx-viewport {
      height: 100vw;
  }
  .info {
    margin-bottom: 6em;
    width: 100%;
    float: none;
    position: inherit;
    height: 40vh;
  }
}