ul.mod-section-info li{
margin-top:12px;
  font-size:1.4rem
}
.topBanner__wrap a{
  height: auto;
  display: grid;
  place-items: center;
  aspect-ratio: 16/9;
}
.topBanner__wrap a div{
  width: fit-content;
}
.mod-section__cat-list {
  flex-direction: column;
}
.mod-section__cat-item {
  width: 100%; 
}
.topBanner__wrap div {
  padding: 0;
}
@media (min-width: 1024px){
  .topBanner__wrap div {
    display: flex;
  }
  .topBanner__wrap a{
  height: 30vh;
  aspect-ratio: auto;
  min-height: 240px;
  max-height: 320px;
  }
  .topBanner__wrap h2{
  font-size: 3.0rem;
  }
  .topBanner__wrap p{
  font-size: 2.0rem;
  }
ul.mod-section-info li{
margin-top:20px;
  font-size:1.6rem
}
.mod-section__cat-list {
  flex-direction: row;
}
.mod-section__cat-item {
  width: 25%; 
}
}
@media (min-width: 1280px){
  .topBanner__wrap a{
  min-height: 400px;
  height: 45vh;
  }
}
@media (min-width: 1440px){
  .topBanner__wrap a{
  max-height: 480px;
  }
  .topBanner__wrap h2{
  font-size: 4.5rem;
  }
  .topBanner__wrap p{
  font-size: 2.6rem;
  }
  .mod-section__header{
    font-size:5.0rem}
}
.topBanner__wrap{
position: static;
}
.topBanner__wrap .splide__list{
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.13);
}
.topBanner__wrap h2{
	width: 100%
}
.topBanner__wrap p{
	width: 100%
}
@media (min-width: 1024px) {
  .topBanner__wrap .splide__list{
    display: flex!important;
    flex-wrap: wrap;
  }
}