#topSlider {
    margin:0;
    padding: 0;
}

#topSlider .bx-wrapper {
	height: auto !important;
}

.contents_in.top_grid {
  max-width: 1300px;
  margin-left: auto;
  margin-right: auto;
  display: grid;
  grid-template-columns: 1fr 1fr;
  grid-column-gap: 50px;
}
.contents_in.top_grid .con_l {
  width: 100%;
  float: none;
}
.contents_in.top_grid .yt iframe {
  width: 100%;
  display: block;
  max-width: 640px;
  aspect-ratio: 16/9;
  margin:0 auto;
}
.contents_in.top_grid .yt p {
  text-align: center;
  max-width: 640px;
  font-weight: 600;
  font-size: min(3.2vw,16px);
  margin:1em auto 0;
}

@media (max-width: 1024px) {

  .contents_in.top_grid {
    grid-template-columns: 1fr;
    grid-row-gap: 100px;
  }
}
@media (min-width: 769px) {
  #topSlider{
    position: relative;

    overflow: hidden; 
    width: 100%;
    height: auto;
  }
  #topSlider .top-slider-container .slide {
    width: 100%;
    height: auto;
  }
  #topSlider .top-slider-container .slide img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }

}

@media (max-width: 768px) {
  #topSlider {
    margin-top: 20px;
    /* 装飾 */
  }
  #topSlider {
    position: relative;

    overflow: hidden; 
    width: 100%;
    height: auto;
  }
  #topSlider .top-slider-container .slide {
    width: 100%;
    height: auto;
  }
  #topSlider .top-slider-container  .slide img {
    width: 100%;
    height: auto;
    vertical-align: bottom;
  }
}