/*! Writen  by SCSS */
body {
  background: #FFF;
  color: #000; }

.sec01 {
  padding: clamp(50px, 6.667vw, 80px) 0 clamp(60px, 10vw, 120px);
  position: relative; }
  .sec01::before {
    content: '';
    width: 100%;
    aspect-ratio: 2080/1755;
    background-image: url("../images/modelroom/bg.webp");
    background-position: top left;
    background-repeat: no-repeat;
    position: absolute;
    left: 0;
    top: 0; }
    @media screen and (max-width: 480px) {
      .sec01::before {
        background-size: contain; } }
  .sec01 .item_ttl {
    margin-bottom: clamp(50px, 6.667vw, 80px); }
    .sec01 .item_ttl .sec_ttl {
      margin-bottom: 1em; }
      @media screen and (max-width: 480px) {
        .sec01 .item_ttl .sec_ttl {
          letter-spacing: 0; } }
  .sec01 .slider_wrap .swiper-pagination-bullet {
    width: 12px;
    height: 12px;
    background: #FFF; }
  .sec01 .slider_wrap .slide_main .swiper-slide .cap {
    font-size: clamp(16px, 2vw, 24px) !important;
    padding: 5px 10px; }
    .sec01 .slider_wrap .slide_main .swiper-slide .cap.left {
      right: 50%; }
    .sec01 .slider_wrap .slide_main .swiper-slide .cap.center {
      right: 25%; }
  .sec01 .slider_wrap .slide_thumb {
    margin-top: 30px;
    overflow: hidden; }
    @media screen and (max-width: 480px) {
      .sec01 .slider_wrap .slide_thumb {
        margin-top: 20px; } }
    .sec01 .slider_wrap .slide_thumb .swiper-wrapper {
      justify-content: space-between;
      flex-wrap: wrap;
      gap: 26px 0; }
      @media screen and (max-width: 480px) {
        .sec01 .slider_wrap .slide_thumb .swiper-wrapper {
          row-gap: 10px; } }
      .sec01 .slider_wrap .slide_thumb .swiper-wrapper .swiper-slide {
        width: 11.67% !important;
        cursor: pointer;
        transition: 0.3s opacity ease-in-out 0s;
        opacity: 0.4; }
        @media screen and (max-width: 480px) {
          .sec01 .slider_wrap .slide_thumb .swiper-wrapper .swiper-slide {
            width: 23.5% !important; } }
        .sec01 .slider_wrap .slide_thumb .swiper-wrapper .swiper-slide.swiper-slide-thumb-active {
          opacity: 1; }
      .sec01 .slider_wrap .slide_thumb .swiper-wrapper.full {
        gap: 0;
        flex-wrap: nowrap; }
  .sec01 .slider_wrap .swiper-button-next, .sec01 .slider_wrap .swiper-button-prev {
    width: 60px; }
    @media screen and (max-width: 480px) {
      .sec01 .slider_wrap .swiper-button-next, .sec01 .slider_wrap .swiper-button-prev {
        width: 30px; } }
  .sec01 .slider_wrap .swiper-button-prev:after,
  .sec01 .slider_wrap .swiper-container-rtl .swiper-button-next:after,
  .sec01 .slider_wrap .swiper-button-next:after,
  .sec01 .slider_wrap .swiper-container-rtl .swiper-button-prev:after {
    content: none !important; }

/*# sourceMappingURL=modelroom.css.map */