@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@100..900&family=Noto+Serif+JP:wght@200..900&display=swap");
.contents {
  padding-top: 100px; }

#block01 {
  padding-bottom: 0; }

#modelSlideArea {
  max-width: 1100px;
  margin: auto; }
  #modelSlideArea img {
    width: 100%;
    height: auto; }
  #modelSlideArea .slick-list .img .cap {
    color: #fff;
    text-shadow: 0px 0px 3px #000000,0px 0px 3px #000000;
    font-size: 2rem; }
    #modelSlideArea .slick-list .img .cap.cap1 {
      right: 51%; }
  #modelSlideArea .slick-dots {
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    bottom: -85px; }
    #modelSlideArea .slick-dots li {
      width: calc(100% / 8 - 12px);
      height: auto;
      margin: auto;
      background: #000; }
      #modelSlideArea .slick-dots li img {
        opacity: 0.3;
        transition: .3s; }
      #modelSlideArea .slick-dots li:hover img, #modelSlideArea .slick-dots li.slick-active img {
        opacity: 1; }

@media screen and (max-width: 1100px) {
  #modelSlideArea .slick-dots {
    bottom: inherit;
    top: 103%; } }
@media screen and (max-width: 1150px) {
  .contents {
    padding-top: 0px; }

  #modelSlideArea {
    padding-top: 2rem; } }
@media screen and (max-width: 640px) {
  #modelSlideArea {
    padding-bottom: 30%; }
    #modelSlideArea .slick-dots li {
      width: calc(100% / 4 - 12px);
      margin-bottom: 2%; }

  #main .page-note-area {
    padding-top: 3rem; } }