@charset "UTF-8";
/* -------------------------/ 

common

------------------------- */
.page-modelroom {
  background: url("../common/images/bg.jpg") no-repeat center;
  background-size: cover;
  color: #FFF; }
  @media screen and (max-width: 750px) {
    .page-modelroom .block-caption {
      padding-top: 5rem; } }

/* ページタイトル */
.page-title {
  background: url("../modelroom/images/mv-page.png") no-repeat center; }
  @media screen and (max-width: 750px) {
    .page-title {
      background: url("../modelroom/images/mv-page-sp.png") no-repeat center; } }

/*-------- slide ------------*/
.slideshow {
  margin-top: 3rem; }
  .slideshow img {
    width: 100%; }
  .slideshow .slide-arrow {
    cursor: pointer;
    position: absolute;
    z-index: 1;
    top: 50%;
    transform: translate(0, -50%);
    max-width: 65px;
    display: none; }
    @media screen and (max-width: 1280px) {
      .slideshow .slide-arrow {
        width: 5%; } }
    .slideshow .slide-arrow.prev-arrow {
      left: 0%;
      display: none; }
    .slideshow .slide-arrow.next-arrow {
      left: 100%;
      transform: translate(-100%, -50%);
      display: none; }
    .slideshow .slide-arrow.prev-arrow:before, .slideshow .slide-arrow.next-arrow:before {
      display: none; }
  .slideshow .slick-next:before,
  .slideshow .slick-prev:before {
    display: none; }
  .slideshow #slider {
    height: 550px;
    margin-bottom: 10rem; }
    @media screen and (max-width: 1170px) {
      .slideshow #slider {
        height: auto;
        margin-bottom: 7rem; } }
    .slideshow #slider .slick-dots {
      top: 100%;
      left: 0;
      text-align: inherit; }
      @media screen and (max-width: 1170px) {
        .slideshow #slider .slick-dots {
          text-align: center; } }
      .slideshow #slider .slick-dots ul {
        padding: 0; }
      .slideshow #slider .slick-dots li {
        top: 24px;
        list-style: none;
        width: 105px;
        height: 64px;
        margin: 0;
        margin-right: 9.8px; }
        .slideshow #slider .slick-dots li:last-child {
          margin-right: 0; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li {
            display: inline-block !important;
            width: 20px;
            height: 20px;
            border-radius: 50%;
            margin-left: 3px;
            margin-right: 3px;
            text-indent: -9000px; }
            .slideshow #slider .slick-dots li:first-child {
              margin-left: 0; } }
        @media screen and (max-width: 400px) {
          .slideshow #slider .slick-dots li {
            margin-bottom: 5rem; } }
        .slideshow #slider .slick-dots li button {
          display: none; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li button {
              display: block; } }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li button:before {
              color: #FFF;
              font-size: 1.8rem; } }
        .slideshow #slider .slick-dots li:last-child {
          margin-right: 0px; }
        .slideshow #slider .slick-dots li:nth-child(1) {
          background: url("../modelroom/images/img_thumb_01_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(1) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(2) {
          background: url("../modelroom/images/img_thumb_02_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(2) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(3) {
          background: url("../modelroom/images/img_thumb_03_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(3) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(4) {
          background: url("../modelroom/images/img_thumb_04_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(4) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(5) {
          background: url("../modelroom/images/img_thumb_05_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(5) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(6) {
          background: url("../modelroom/images/img_thumb_06_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(6) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(7) {
          background: url("../modelroom/images/img_thumb_07_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(7) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(8) {
          background: url("../modelroom/images/img_thumb_08_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(8) {
              background: none; } }
        .slideshow #slider .slick-dots li:nth-child(9) {
          background: url("../modelroom/images/img_thumb_09_r.png") no-repeat;
          background-size: contain; }
          @media screen and (max-width: 1170px) {
            .slideshow #slider .slick-dots li:nth-child(9) {
              background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(1),
      .slideshow #slider .slick-dots li.hover:nth-child(1) {
        background: url("../modelroom/images/img_thumb_01.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(1),
          .slideshow #slider .slick-dots li.hover:nth-child(1) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(2),
      .slideshow #slider .slick-dots li.hover:nth-child(2) {
        background: url("../modelroom/images/img_thumb_02.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(2),
          .slideshow #slider .slick-dots li.hover:nth-child(2) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(3),
      .slideshow #slider .slick-dots li.hover:nth-child(3) {
        background: url("../modelroom/images/img_thumb_03.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(3),
          .slideshow #slider .slick-dots li.hover:nth-child(3) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(4),
      .slideshow #slider .slick-dots li.hover:nth-child(4) {
        background: url("../modelroom/images/img_thumb_04.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(4),
          .slideshow #slider .slick-dots li.hover:nth-child(4) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(5),
      .slideshow #slider .slick-dots li.hover:nth-child(5) {
        background: url("../modelroom/images/img_thumb_05.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(5),
          .slideshow #slider .slick-dots li.hover:nth-child(5) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(6),
      .slideshow #slider .slick-dots li.hover:nth-child(6) {
        background: url("../modelroom/images/img_thumb_06.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(6),
          .slideshow #slider .slick-dots li.hover:nth-child(6) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(7),
      .slideshow #slider .slick-dots li.hover:nth-child(7) {
        background: url("../modelroom/images/img_thumb_07.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(7),
          .slideshow #slider .slick-dots li.hover:nth-child(7) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(8),
      .slideshow #slider .slick-dots li.hover:nth-child(8) {
        background: url("../modelroom/images/img_thumb_08.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(8),
          .slideshow #slider .slick-dots li.hover:nth-child(8) {
            background: none; } }
      .slideshow #slider .slick-dots li.slick-active:nth-child(9),
      .slideshow #slider .slick-dots li.hover:nth-child(9) {
        background: url("../modelroom/images/img_thumb_09.png") no-repeat;
        background-size: contain; }
        @media screen and (max-width: 1170px) {
          .slideshow #slider .slick-dots li.slick-active:nth-child(9),
          .slideshow #slider .slick-dots li.hover:nth-child(9) {
            background: none; } }