@charset "utf-8";

@media (max-width: 768px) {
  .pc-block {display: none;}
  .tb-block {display: none;}
  .mo-block {display: block;}

  /* main */
  .mo-block {display: block;}
  .br20 {border-radius: 4.4444vw;}

  .main-wrap #container {
    padding-top: 16.667vw;
    padding-left: 5.5555vw;
    padding-right: 5.5555vw;
		padding-bottom: 11.1111vw;
  }
  .main-wrap .main-visual .title {
    font-size: 7.2222vw;
  }

  .main-visual {
    gap: 3.8888vw;
  }
  .mv-top {
    gap: 3.8888vw;
  }
  .mv-banner [class^="bnr-sl"] {
    height: 63.0555vw;
  }
  .mv-banner .title {
    padding-top: 5.5555vw;
    padding-left: 5.5555vw;
  }
  .mv-banner .txts {
    left: 5.5555vw;
    bottom: 13.8888vw;
    font-size: 3.3333vw;
    line-height: 1.3333;
  }
  .mv-banner [class^="bnr-img"] {
    width: 40vw;
    right: 0;
  }
  /* .mv-banner .bnr-img02 {
    left: 50%;
    transform: translateY(-3%) scale(1.2);
  }
  .mv-banner .bnr-img03 {
    transform: translateY(-15%) scale(1.1);
  } */

  .mv-bnr-paging {
    gap: 2.5vw;
    width: 27.2222vw;
    height: 9.7222vw;
    background-color: #fff;
    border-top-right-radius: 4.4444vw;
  }
  .mv-bnr-paging::before {
    top: -5.5556vw;
    left: -0.5554vw;
    width: 6.1111vw;
    height: 6.1111vw;
    background-image: url('../../images/multi/main/bnr-deco-m.svg');
  }
  .mv-bnr-paging::after {
    right: -5.54vw;
    bottom: -0.5556vw;
    width: 6.1111vw;
    height: 6.1111vw;
    background-image: url('../../images/multi/main/bnr-deco-m.svg');
  }
  .mv-bnr-paging .bar.swiper-pagination-progressbar{
    width: 17.7777vw;
    height: 2px;
    border-radius: 1px;
  }
  .mv-bnr-paging .swiper-pagination-progressbar-fill {
    border-radius: 1px;
  }
  .mv-bnr-btn {
    width: 4.1666vw;
    height: 4.1666vw;
    background: url('../../images/multi/main/bnr-btn-m.svg') no-repeat 0 0 / 100%
  }

  .mv-top .quick-btns {
    gap: 3.8888vw;
    width: 100%;
    height: auto;
  }
  .mv-top .quick-btn {
    color: #000;
  }
  .mv-top .quick-btn > a {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 20vw;
    border-radius: 3.3333vw;
  }
  .mv-top .quick-btn .icon {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    background-size: 37.5%;
  }
  .mv-top .quick-btn .txt {
    width: 100%;
    text-align: center !important;
    font-size: 4.4444vw;
    line-height: 8.3333vw;
  }

  .mv-btm {
    gap: 3.8888vw;
  }
  .mv-imgs {
    height: 50.5555vw;
  }
  [class^="mv-img-"] {
    width: 51.9444vw;
    border-radius: 4.4444vw;
    line-height: 1;
  }
  [class^="mv-img-"] .twrap {
    padding: 2.2222vw 3.3333vw;
  }
  [class^="mv-img-"] .twrap * {
    width: 90%;
  }
  [class^="mv-img-"] .twrap .tit {
    font-size: 3.3333vw;
  }
  [class^="mv-img-"] .twrap .date {
    font-size: 3.3333vw;
  }

  .mv-about {
    display: block;
    height: 50vw;
    padding-top: 5.5555vw;
    padding-left: 5.5555vw;
  }
  .main-visual .mv-about .title {
    margin-bottom: 3.8888vw;
    font-size: 6.6666vw;
    line-height: 1.3333;
  }
  .mv-about .desc {
    font-size: 3.3333vw;
    line-height: 1.58;
  }
  .mv-about .about-icon {
    right: -5.3125%;
    top: auto;
    bottom: -22.2222%;
    width: 46.875%;
    line-height: 1;
  }
}