@charset "UTF-8";
/* layout
===================================================== */
html {
  width: 100%;
  font-size: 4.0712468193vw;
  font-family: "noto-sans-cjk-jp", sans-serif;
  font-weight: 400;
  font-style: normal;
  letter-spacing: 0;
  background: #fff;
  color: #2e2e2e;
  line-height: 2;
  scroll-behavior: smooth;
}
@media screen and (min-width: 1024px) {
  html {
    font-size: 1.0416666667vw;
  }
}

body {
  overflow-x: hidden;
}

img {
  width: 100%;
  display: block;
  border: none;
}

a {
  display: block;
  text-decoration: none;
}

.pcNone {
  display: block;
}
@media screen and (min-width: 1024px) {
  .pcNone {
    display: none;
  }
}

.spNone {
  display: none;
}
@media screen and (min-width: 1024px) {
  .spNone {
    display: block;
  }
}

/* component
===================================================== */
.c-logo img {
  margin: 0 auto;
  width: 21.3740458015vw;
}
@media screen and (min-width: 1024px) {
  .c-logo img {
    width: 5.46875vw;
  }
}

/* layout
===================================================== */
.l-footer {
  overflow-x: hidden;
  width: 100%;
}
.l-footer__inner {
  padding-top: 20.3562340967vw;
}
@media screen and (min-width: 1024px) {
  .l-footer__inner {
    padding-top: 9.375vw;
  }
}
.l-footer__name {
  text-align: center;
  font-size: 3.0534351145vw;
  line-height: 1.75;
  margin-bottom: 15.2671755725vw;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
}
@media screen and (min-width: 1024px) {
  .l-footer__name {
    font-size: 0.78125vw;
    line-height: 2.1;
    margin-bottom: 3.6458333333vw;
  }
}
.l-footer__copy {
  text-align: center;
  font-size: 3.0534351145vw;
  font-family: "futura-pt", sans-serif;
  font-weight: 400;
  font-style: normal;
  margin: 10.1781170483vw 0 7.6335877863vw 0;
}
@media screen and (min-width: 1024px) {
  .l-footer__copy {
    font-size: 0.6510416667vw;
    margin: 5.2083333333vw 0 3.2552083333vw 0;
  }
}

/* layout
===================================================== */
#fv {
  width: 100%;
  margin-top: 7.6335877863vw;
}
@media screen and (min-width: 1024px) {
  #fv {
    margin-top: 0;
    width: 103%;
  }
}

/*--------------------------------------*
* ローディング
*--------------------------------------*/
/*--------------------------------------*
* v-if編 
*--------------------------------------*/
/*--------------------------------------*
*index
*--------------------------------------*/
.read {
  width: 87.786259542vw;
  margin: 20.3562340967vw auto 15.2671755725vw;
}
@media screen and (min-width: 1024px) {
  .read {
    width: 100%;
    margin: 7.2916666667vw auto 3.90625vw;
    text-align: center;
  }
}
.read h1 p {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  font-weight: 700;
  font-size: 6.106870229vw;
  margin-bottom: 6.106870229vw;
  line-height: 1.5;
  text-align: center;
}
@media screen and (min-width: 1024px) {
  .read h1 p {
    font-size: 1.5625vw;
    margin-bottom: 1.5625vw;
  }
}
.read h1 p.text {
  text-align: left;
  line-height: 2;
}

.index,
.allitem {
  width: 87.786259542vw;
  margin: 0 auto;
}
.index ul,
.allitem ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 8.1424936387vw;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .index ul,
  .allitem ul {
    width: 72.265625vw;
    gap: 2.6041666667vw 5.2083333333vw;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
  }
}
.index ul li,
.allitem ul li {
  width: 100%;
  text-align: center;
}
.index ul .po1,
.index ul .po2,
.index ul .po3,
.index ul .po4,
.index ul .po5,
.index ul .po6,
.index ul .po7,
.index ul .po8,
.allitem ul .po1,
.allitem ul .po2,
.allitem ul .po3,
.allitem ul .po4,
.allitem ul .po5,
.allitem ul .po6,
.allitem ul .po7,
.allitem ul .po8 {
  position: relative;
}
.index ul .po1 ::after,
.index ul .po2 ::after,
.index ul .po3 ::after,
.index ul .po4 ::after,
.index ul .po5 ::after,
.index ul .po6 ::after,
.index ul .po7 ::after,
.index ul .po8 ::after,
.allitem ul .po1 ::after,
.allitem ul .po2 ::after,
.allitem ul .po3 ::after,
.allitem ul .po4 ::after,
.allitem ul .po5 ::after,
.allitem ul .po6 ::after,
.allitem ul .po7 ::after,
.allitem ul .po8 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index1-1.webp);
  width: 29.7709923664vw;
  height: 30%;
  background-repeat: no-repeat;
  background-size: contain;
  top: 86%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .index ul .po1 ::after,
  .index ul .po2 ::after,
  .index ul .po3 ::after,
  .index ul .po4 ::after,
  .index ul .po5 ::after,
  .index ul .po6 ::after,
  .index ul .po7 ::after,
  .index ul .po8 ::after,
  .allitem ul .po1 ::after,
  .allitem ul .po2 ::after,
  .allitem ul .po3 ::after,
  .allitem ul .po4 ::after,
  .allitem ul .po5 ::after,
  .allitem ul .po6 ::after,
  .allitem ul .po7 ::after,
  .allitem ul .po8 ::after {
    width: 9.1145833333vw;
  }
}
.index ul .po2 ::after,
.allitem ul .po2 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index2-1.webp);
  width: 25.9541984733vw;
  top: 19%;
}
@media screen and (min-width: 1024px) {
  .index ul .po2 ::after,
  .allitem ul .po2 ::after {
    width: 8.0078125vw;
  }
}
.index ul .po3 ::after,
.allitem ul .po3 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index3-1.webp);
  width: 28.4987277354vw;
  top: 88%;
}
@media screen and (min-width: 1024px) {
  .index ul .po3 ::after,
  .allitem ul .po3 ::after {
    width: 8.3984375vw;
    top: 77%;
    left: 22%;
  }
}
.index ul .po4 ::after,
.allitem ul .po4 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index4-1.webp);
  width: 25.9541984733vw;
  top: 17%;
  left: 17%;
  transform: rotate(-12deg);
}
@media screen and (min-width: 1024px) {
  .index ul .po4 ::after,
  .allitem ul .po4 ::after {
    width: 7.8776041667vw;
    transform: rotate(7deg);
    top: 19%;
    left: 26%;
  }
}
.index ul .po5 ::after,
.allitem ul .po5 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index5-1.webp);
  top: 83%;
}
@media screen and (min-width: 1024px) {
  .index ul .po5 ::after,
  .allitem ul .po5 ::after {
    top: 85%;
    left: 40%;
  }
}
.index ul .po6 ::after,
.allitem ul .po6 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index6-1.webp);
  top: 18%;
}
@media screen and (min-width: 1024px) {
  .index ul .po6 ::after,
  .allitem ul .po6 ::after {
    top: 20%;
  }
}
.index ul .po7 ::after,
.allitem ul .po7 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index7-1.webp);
  top: 88%;
  left: 14%;
  transform: rotate(-12.66deg);
}
@media screen and (min-width: 1024px) {
  .index ul .po7 ::after,
  .allitem ul .po7 ::after {
    top: 88%;
    left: 49%;
    transform: rotate(1.66deg);
  }
}
.index ul .po8 ::after,
.allitem ul .po8 ::after {
  content: "";
  position: absolute;
  background-image: url(../images/index8-1.webp);
  width: 25.9541984733vw;
  top: 17%;
}
@media screen and (min-width: 1024px) {
  .index ul .po8 ::after,
  .allitem ul .po8 ::after {
    width: 8.203125vw;
    top: 22%;
    left: 62%;
  }
}

/*--------------------------------------*
*共通
*--------------------------------------*/
section {
  margin: 24.427480916vw auto 0;
  text-align: center;
  line-height: 2.1;
  letter-spacing: 0;
}
@media screen and (min-width: 1024px) {
  section {
    margin: 10.9375vw auto 0;
  }
}

.item {
  padding: 0 6.106870229vw;
  margin-bottom: 13.7404580153vw;
  z-index: 100;
}
@media screen and (min-width: 1024px) {
  .item {
    padding: 0;
    position: absolute;
    top: 0;
  }
}
.item .i_img {
  width: 53.4351145038vw;
  margin-bottom: 4.5801526718vw;
}
@media screen and (min-width: 1024px) {
  .item .i_img {
    width: 21.3541666667vw;
    margin-bottom: 2.6041666667vw;
  }
}
.item .i_text {
  text-align: left;
  margin-bottom: 4.5801526718vw;
}
@media screen and (min-width: 1024px) {
  .item .i_text {
    width: 20.8333333333vw;
    margin-bottom: 1.0416666667vw;
  }
}
.item .i_item {
  text-align: left;
  font-weight: 600;
}
.item .i_price {
  text-align: left;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  margin-bottom: 6.106870229vw;
}
@media screen and (min-width: 1024px) {
  .item .i_price {
    margin-bottom: 1.0416666667vw;
  }
}
.item .more {
  font-family: "helvetica-neue-lt-pro", sans-serif;
  color: #fff;
  background-color: #b5d900;
  width: 34.3511450382vw;
  padding: 0.5089058524vw 0;
}
@media screen and (min-width: 1024px) {
  .item .more {
    width: 8.4635416667vw;
    padding: 0.2544529262vw 0;
  }
}
.item .more2 {
  background-color: #ffd51d;
}
@media screen and (min-width: 1024px) {
  .item .a_right_m {
    margin-right: 0;
    margin-left: auto;
  }
}
@media screen and (min-width: 1024px) {
  .item .a_right {
    text-align: right;
  }
}

.item_image {
  width: 100%;
  position: relative;
}

.fd {
  position: absolute;
  height: 100%;
}

.all_link {
  width: 63.6132315522vw;
  border: solid 1px #2e2e2e;
  border-radius: 6px;
  font-size: 3.5623409669vw;
  font-family: "helvetica-neue-lt-pro", sans-serif;
  margin: 0 auto;
  margin: 3.8167938931vw auto;
  padding-bottom: 0.7633587786vw;
}
@media screen and (min-width: 1024px) {
  .all_link {
    width: 29.296875vw;
    font-size: 1.1067708333vw;
    padding-bottom: 0.390625vw;
  }
}

.teep {
  position: absolute;
  width: 47.8371501272vw;
  top: 12%;
  left: 8%;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .teep {
    width: 24.1536458333vw;
    top: 5.5%;
    left: 44%;
  }
}

.sec08 .teep {
  position: absolute;
  width: 55.7251908397vw;
  top: 12%;
  left: 36%;
  z-index: 5;
}
@media screen and (min-width: 1024px) {
  .sec08 .teep {
    width: 4.3619791667vw;
    top: 8%;
    left: 33%;
  }
}

/*--------------------------------------*
*コンテンツ
*--------------------------------------*/
@media screen and (min-width: 1024px) {
  .sec01 {
    padding: 0 7.9427083333vw 0 13.7369791667vw;
    position: relative;
    padding-top: 79.2317708333%;
  }
}
.sec01 .fd-1 {
  width: 43.2569974555vw;
  top: 30%;
  left: 6.106870229vw;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec01 .fd-1 {
    width: 14.453125vw;
    top: 12%;
    left: 31%;
  }
}
.sec01 .fd-2 {
  width: 34.096692112vw;
  top: 52%;
  right: 18.8295165394vw;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec01 .fd-2 {
    width: 15.3645833333vw;
    top: 73%;
    right: 25%;
  }
}
@media screen and (min-width: 1024px) {
  .sec01 .item_image {
    position: absolute;
    width: 78.3203125vw;
    top: 0;
  }
}

@media screen and (min-width: 1024px) {
  .sec02 .pc_flex {
    display: flex;
    align-items: flex-start;
    justify-content: space-between;
    flex-direction: row-reverse;
    padding: 0 13.8671875vw;
  }
  .sec02 .pc_flex .item {
    position: static;
  }
}
.sec02 .i_img {
  width: 35.6234096692vw;
  margin-bottom: 4.5801526718vw;
}
@media screen and (min-width: 1024px) {
  .sec02 .i_img {
    width: 14.1927083333vw !important;
  }
}
@media screen and (min-width: 1024px) {
  .sec02 .item_image {
    width: 54.0364583333vw;
  }
}

@media screen and (min-width: 1024px) {
  .sec03 {
    padding: 0 7.9427083333vw 8.4635416667vw 13.7369791667vw;
  }
}
@media screen and (min-width: 1024px) {
  .sec03 .item {
    padding: 0;
    position: static;
    top: 0;
  }
}
.sec03 .i_img {
  width: 87.786259542vw;
  margin-bottom: 4.5801526718vw;
}
.sec03 .item_img {
  position: relative;
}
.sec03 .back {
  width: 93.893129771vw;
  margin: 0 auto;
}
@media screen and (min-width: 1024px) {
  .sec03 .back {
    width: 33.0729166667vw;
  }
}
.sec03 .fd-1 {
  width: 27.2264631043vw;
  height: auto;
  top: -16%;
  left: 24.427480916vw;
  z-index: 1;
  transform: rotate(-4.3deg);
}
@media screen and (min-width: 1024px) {
  .sec03 .fd-1 {
    width: 10.7421875vw;
    transform: rotate(0deg);
    top: -32%;
    left: 32%;
  }
}
.sec03 .fd-2 {
  width: 34.3511450382vw;
  height: auto;
  top: -11%;
  right: 10.1781170483vw;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec03 .fd-2 {
    width: 14.3880208333vw;
    top: -11%;
    right: 7%;
  }
}
.sec03 .fd-3 {
  width: 33.3333333333vw;
  height: auto;
  top: 42%;
  left: 17.048346056vw;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec03 .fd-3 {
    width: 14.1927083333vw;
    top: 40%;
    left: 24%;
  }
}
@media screen and (min-width: 1024px) {
  .sec03 .rlv {
    position: relative;
    padding-bottom: 14.1927083333vw;
  }
}
.sec03 .rlv .item_image2 {
  width: 70.737913486vw;
  margin-top: 10.1781170483vw;
}
@media screen and (min-width: 1024px) {
  .sec03 .rlv .item_image2 {
    width: 27.7994791667vw;
    margin-top: 0;
  }
}
.sec03 .rlv .item_image3 {
  width: 94.6564885496vw;
  margin: 6.106870229vw 0 0 auto;
}
@media screen and (min-width: 1024px) {
  .sec03 .rlv .item_image3 {
    position: absolute;
    width: 54.8177083333vw;
    top: 8%;
    left: 64.5%;
    transform: translateX(-50%);
    z-index: 5;
    margin: 0;
  }
}
@media screen and (min-width: 1024px) {
  .sec03 .pc_flex {
    display: flex;
    align-items: center;
  }
  .sec03 .pc_flex .item {
    padding: 0;
    margin-bottom: 5.2083333333vw;
  }
  .sec03 .pc_flex .item .i_img {
    width: 33.7890625vw;
  }
  .sec03 .pc_flex .item .i_text {
    width: 33.7239583333vw;
  }
  .sec03 .pc_flex .item_image {
    margin-top: 1.953125vw;
  }
}

@media screen and (min-width: 1024px) {
  .sec04 {
    padding: 0 13.7369791667vw 0 13.7369791667vw;
  }
}
@media screen and (min-width: 1024px) {
  .sec04 .item {
    position: static;
    margin-bottom: 26%;
  }
}
.sec04 .item_image {
  position: relative;
  padding-bottom: 58%;
}
@media screen and (min-width: 1024px) {
  .sec04 .item_image {
    width: 71.6796875vw;
    left: -11%;
    transform: translateY(-60%);
    padding-bottom: 9.765625vw;
  }
}
.sec04 .item_image .fd-1 {
  width: 46.0559796438vw;
  height: auto;
  top: 72.2%;
  right: 2%;
}
@media screen and (min-width: 1024px) {
  .sec04 .item_image .fd-1 {
    width: 20.3125vw;
    top: 54%;
    left: 87%;
  }
}
.sec04 .item_image .fd-2 {
  width: 30.7888040712vw;
  height: auto;
  top: 82%;
  left: 33%;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .sec04 .item_image .fd-2 {
    width: 16.796875vw;
    top: 68%;
    left: 75%;
  }
}
.sec04 .item_image .fd-3 {
  width: 28.4987277354vw;
  height: auto;
  top: 82.1%;
  left: 16%;
  z-index: 3;
}
@media screen and (min-width: 1024px) {
  .sec04 .item_image .fd-3 {
    width: 14.84375vw;
    top: 70%;
    left: 62%;
  }
}
.sec04 .item_image .fd-4 {
  width: 11.4503816794vw;
  height: auto;
  top: 93%;
  left: 6%;
}
@media screen and (min-width: 1024px) {
  .sec04 .item_image .fd-4 {
    width: 4.6875vw;
    top: 91.5%;
    left: 58%;
  }
}

@media screen and (min-width: 1024px) {
  .sec05 {
    position: relative;
    margin-top: -34.5052083333vw;
  }
}
@media screen and (min-width: 1024px) {
  .sec05 .item {
    margin-left: 13.671875vw;
  }
}
.sec05 .item_image {
  position: relative;
}
.sec05 .fd-1 {
  width: 42.7480916031vw;
  height: auto;
  top: 75%;
  left: 11.9592875318vw;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec05 .fd-1 {
    width: 14.3229166667vw;
    top: 62%;
    left: 59%;
  }
}
.sec05 .fd-2 {
  width: 35.368956743vw;
  height: auto;
  top: 82%;
  left: 50%;
  transform: rotate(-3.4deg);
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .sec05 .fd-2 {
    width: 12.109375vw;
    top: 77%;
    left: 71%;
  }
}

@media screen and (min-width: 1024px) {
  .sec06 {
    position: relative;
  }
}
@media screen and (min-width: 1024px) {
  .sec06 .item {
    margin-left: 42.8385416667vw;
  }
}
.sec06 .i_img {
  width: 61.5776081425vw;
}
@media screen and (min-width: 1024px) {
  .sec06 .i_img {
    width: 43.2942708333vw;
  }
}
.sec06 .item_image {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .sec06 .back {
    width: 72.3958333333vw;
    margin: 0 auto;
  }
}
.sec06 .fd-1 {
  width: 50.1272264631vw;
  height: auto;
  top: 39%;
  left: 45%;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .sec06 .fd-1 {
    width: 15.9505208333vw;
    top: 11%;
    left: 34%;
  }
}
.sec06 .fd-2 {
  width: 43.7659033079vw;
  height: auto;
  top: 43.5%;
  left: 4%;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec06 .fd-2 {
    width: 13.0859375vw;
    top: 7%;
    left: 47%;
  }
}
.sec06 .fd-3 {
  width: 32.5699745547vw;
  height: auto;
  top: 89%;
  left: 54%;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec06 .fd-3 {
    width: 14.3880208333vw;
    top: 81%;
    left: 62%;
  }
}

@media screen and (min-width: 1024px) {
  .sec07 {
    position: relative;
    padding: 0 7.9427083333vw 0 13.9322916667vw;
  }
}
.sec07 .i_img {
  width: 68.1933842239vw;
}
@media screen and (min-width: 1024px) {
  .sec07 .i_img {
    width: 27.6041666667vw;
  }
}
.sec07 .item_image {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .sec07 .item_image {
    width: 78.1901041667vw;
    margin-left: -6.5104166667vw;
  }
}
.sec07 .fd-1 {
  width: 38.4223918575vw;
  height: auto;
  top: 33%;
  left: 10%;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .sec07 .fd-1 {
    width: 15.625vw;
    top: 54%;
    left: 55.5%;
  }
}
.sec07 .fd-2 {
  width: 27.2264631043vw;
  height: auto;
  top: 46%;
  left: 47%;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec07 .fd-2 {
    width: 15.625vw;
    top: 74%;
    left: 71%;
  }
}

.sec08 {
  position: relative;
  margin: 15.1041666667vw auto 0;
}
@media screen and (min-width: 1024px) {
  .sec08 .p_area {
    padding: 0 13.8671875vw 0 23.3723958333vw;
  }
}
@media screen and (min-width: 1024px) {
  .sec08 .item {
    margin-left: 39.0625vw;
  }
}
.sec08 .i_img {
  width: 59.796437659vw;
}
@media screen and (min-width: 1024px) {
  .sec08 .i_img {
    width: 23.828125vw;
  }
}
.sec08 .back {
  width: 95.9287531807vw;
  margin-right: 0;
  margin-left: auto;
}
@media screen and (min-width: 1024px) {
  .sec08 .back {
    width: 48.2421875vw;
    margin: 0;
  }
}
.sec08 .item_image {
  position: relative;
}
@media screen and (min-width: 1024px) {
  .sec08 .item_image {
    margin-left: 0;
    margin-right: auto;
  }
}
.sec08 .fd-1 {
  width: 42.2391857506vw;
  height: auto;
  top: -13%;
  left: 2%;
  z-index: 2;
}
@media screen and (min-width: 1024px) {
  .sec08 .fd-1 {
    width: 20.2473958333vw;
    top: -18%;
    left: -13%;
  }
}
.sec08 .fd-2 {
  width: 26.9720101781vw;
  height: auto;
  top: 66%;
  left: 18%;
  z-index: 1;
}
@media screen and (min-width: 1024px) {
  .sec08 .fd-2 {
    width: 15.1041666667vw;
    top: 58%;
    left: -2%;
  }
}
.sec08 .scrollArea {
  margin-top: 15.2671755725vw;
}
@media screen and (min-width: 1024px) {
  .sec08 .scrollArea {
    margin-top: 5.859375vw;
  }
}

.allitem {
  margin-top: 38.6768447837vw;
}
@media screen and (min-width: 1024px) {
  .allitem {
    margin-top: 0;
  }
}
.allitem .all {
  width: 47.3282442748vw;
  text-align: center;
  margin: 10.1781170483vw auto;
}
@media screen and (min-width: 1024px) {
  .allitem .all {
    width: 12.2395833333vw;
    margin: 10.4166666667vw auto 3.125vw;
  }
}

.swiperArea {
  position: relative;
  margin-top: 8.1424936387vw;
}
@media screen and (min-width: 1024px) {
  .swiperArea {
    margin-top: 0;
  }
}

.swiperArea2 {
  position: relative;
  margin-top: 15.2671755725vw;
}
@media screen and (min-width: 1024px) {
  .swiperArea2 {
    margin-top: 5.2083333333vw;
  }
}

.swipwer-rr {
  position: relative;
  overflow: hidden;
}

.swiper,
.swiper2 {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 69.465648855vw;
  opacity: 1;
  border: 5px #fff solid;
  transition: opacity 0.5s ease-in-out;
}
@media screen and (min-width: 1024px) {
  .swiper,
  .swiper2 {
    width: 30.078125vw;
  }
}/*# sourceMappingURL=style.css.map */