/*! Writen  by SCSS */
.contarea {
  overflow: hidden; }
  .contarea .msn-section__container {
    max-width: none;
    padding: 0; }

.sec {
  overflow: hidden; }
  .sec .ttl {
    text-align: center;
    margin-inline: auto; }
    @media screen and (max-width: 480px) {
      .sec .ttl {
        width: 12%; } }

.box00 .item {
  display: flex;
  flex-direction: row-reverse;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 60px; }
  @media screen and (max-width: 480px) {
    .box00 .item {
      flex-direction: column;
      gap: 15px;
      margin-bottom: 55px; } }
  .box00 .item .txt {
    width: calc(520% / 12.5); }
    @media screen and (max-width: 480px) {
      .box00 .item .txt {
        width: 100%;
        text-align: center; } }
  .box00 .item .img {
    width: calc((655% / 12.5) + 100px);
    margin-right: -100px; }
    @media screen and (max-width: 1500px) {
      .box00 .item .img {
        width: calc((655% / 12.5) + (50vw - 50%) - 5px);
        margin-right: calc(50% - 50vw + 5px); } }
    @media screen and (max-width: 480px) {
      .box00 .item .img {
        width: 100%;
        margin-inline: 0; } }
    .box00 .item .img .img3 {
      display: flex;
      justify-content: space-between;
      flex-wrap: wrap;
      row-gap: 5px; }
      .box00 .item .img .img3 li:nth-child(1) {
        width: 100%; }
      .box00 .item .img .img3 li:nth-child(2) {
        width: calc((272% / 8.3) - 2px); }
      .box00 .item .img .img3 li:nth-child(3) {
        width: calc((558% / 8.3) - 3px); }
  .box00 .item.rv {
    flex-direction: row; }
    @media screen and (max-width: 480px) {
      .box00 .item.rv {
        flex-direction: column;
        gap: 25px; } }
    .box00 .item.rv .img {
      margin-right: 0;
      margin-left: -100px; }
      @media screen and (max-width: 1500px) {
        .box00 .item.rv .img {
          margin-left: calc(50% - 50vw + 5px); } }
      @media screen and (max-width: 480px) {
        .box00 .item.rv .img {
          width: 100%;
          margin-inline: 0; } }
    @media screen and (max-width: 480px) {
      .box00 .item.rv .txt .w80_sp {
        width: 80%;
        width: 86%;
        margin-inline: auto;
        margin-left: 8%; } }
  .box00 .item .t1 {
    font-size: clamp(14px, calc(24vw / 12.5), 24px);
    font-weight: 600;
    letter-spacing: 0.15em;
    line-height: 2;
    color: #846a24;
    font-feature-settings: "palt";
    margin-bottom: 1.2em;
    padding-bottom: 1em;
    position: relative;
    margin-right: -8.4%; }
    @media screen and (max-width: 480px) {
      .box00 .item .t1 {
        font-size: calc(16vw / 3.9);
        margin-right: 0; } }
    .box00 .item .t1::after {
      content: "";
      position: absolute;
      bottom: 0;
      left: 0;
      height: 2px;
      width: 2.6em;
      background: #846a24; }
      @media screen and (max-width: 480px) {
        .box00 .item .t1::after {
          left: calc(50% - 1.3em); } }
  .box00 .item .t2 {
    font-size: clamp(14px, calc(17vw / 12.5), 17px);
    font-weight: 400;
    letter-spacing: 0.15em;
    line-height: 2;
    font-feature-settings: "palt"; }
    @media screen and (max-width: 480px) {
      .box00 .item .t2 {
        font-size: calc(14vw / 3.9); } }
  .box00 .item .t3 {
    font-size: clamp(14px, calc(25vw / 12.5), 25px);
    font-weight: 600;
    letter-spacing: 0.1em;
    line-height: 1;
    color: #846a24;
    font-feature-settings: "palt";
    margin-top: 1.2em; }
    @media screen and (max-width: 480px) {
      .box00 .item .t3 {
        font-size: calc(16vw / 3.9); } }
    .box00 .item .t3 .s {
      font-size: 75%; }
    .box00 .item .t3 .l {
      font-size: 200%;
      line-height: 0.5;
      display: inline-block;
      transform: translateY(0.02em); }

.sec1 {
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec1 {
      margin-bottom: 70px;
      margin-bottom: 40px;
      margin-bottom: 0; } }
  @media screen and (max-width: 480px) {
    .sec1 .img124 {
      width: 85%;
      margin-inline: auto; } }

.sec2 {
  margin-bottom: 100px; }
  @media screen and (max-width: 480px) {
    .sec2 {
      margin-bottom: 70px;
      margin-bottom: 40px; } }
  @media screen and (max-width: 480px) {
    .sec2 .swipe1 figure {
      width: 800px;
      width: 700px; } }

.sec3 {
  margin-bottom: 100px;
  margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .sec3 {
      margin-bottom: 70px;
      margin-bottom: 20px; } }
  .sec3 .txt01_1 {
    font-size: clamp(14px, calc(21vw / 12), 21px); }
    @media screen and (max-width: 480px) {
      .sec3 .txt01_1 {
        font-size: calc(15vw / 3.9); } }

.box30 {
  margin-inline: -30px;
  padding-inline: 30px;
  margin-bottom: 40px; }
  @media screen and (max-width: 480px) {
    .box30 {
      margin-inline: -20px;
      padding-inline: 0;
      margin-bottom: 70px; } }
  .box30 > ul {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    row-gap: 50px; }
    @media screen and (max-width: 480px) {
      .box30 > ul {
        flex-wrap: nowrap;
        justify-content: flex-start; } }
    .box30 > ul > li {
      width: calc(330% / 11.6);
      padding-top: 35px;
      padding-bottom: 25px;
      position: relative;
      z-index: 5; }
      @media screen and (max-width: 480px) {
        .box30 > ul > li {
          max-width: 330px;
          width: 80%; } }
      .box30 > ul > li::after {
        content: "";
        position: absolute;
        top: 0;
        left: -30px;
        width: 30%;
        height: 100%;
        background: #fbf9f5;
        z-index: -1; }
        @media screen and (max-width: 480px) {
          .box30 > ul > li::after {
            left: -15px;
            width: 35%; } }
      .box30 > ul > li .img {
        display: flex;
        flex-wrap: wrap;
        gap: 10px;
        flex-direction: column; }
        @media screen and (max-width: 480px) {
          .box30 > ul > li .img {
            flex-direction: row; } }
        @media screen and (max-width: 480px) {
          .box30 > ul > li .img > li {
            width: calc(50% - 5px); } }
        .box30 > ul > li .img > li.w {
          width: 100%; }
        .box30 > ul > li .img .cap2 {
          bottom: -2em; }
      .box30 > ul > li .no {
        position: absolute;
        top: 0;
        right: 20px;
        color: #8e7100;
        font-size: clamp(30px, calc(80vw / 12.5), 80px);
        font-weight: 400;
        line-height: 1; }
        @media screen and (max-width: 480px) {
          .box30 > ul > li .no {
            font-size: calc(60vw / 3.9);
            right: 15px; } }
      .box30 > ul > li .txt .t1 {
        width: fit-content;
        font-size: clamp(12px, calc(18vw / 12.5), 18px);
        color: #595757;
        font-weight: 400;
        letter-spacing: 0.15em;
        line-height: 1.4;
        font-feature-settings: "palt";
        padding-bottom: 0.3em;
        margin-bottom: 1.2em;
        margin-top: 2em;
        border-bottom: solid 1px #595757; }
        @media screen and (max-width: 480px) {
          .box30 > ul > li .txt .t1 {
            font-size: calc(14vw / 3.9); } }
      .box30 > ul > li .txt .t2 {
        font-size: clamp(12px, calc(22vw / 12.5), 22px);
        color: #8e7100;
        font-weight: 600;
        letter-spacing: 0.15em;
        line-height: 1.4;
        font-feature-settings: "palt";
        min-height: 3.3em;
        min-height: 2.6em; }
        .box30 > ul > li .txt .t2.ls0 {
          letter-spacing: 0; }
        @media screen and (max-width: 480px) {
          .box30 > ul > li .txt .t2 {
            font-size: calc(16vw / 3.9); } }
        .box30 > ul > li .txt .t2 .s {
          display: block;
          font-size: 60%;
          font-weight: 400; }
      .box30 > ul > li .txt .t3 {
        font-size: clamp(11px, calc(16vw / 12.5), 16px);
        color: #595757;
        font-weight: 400;
        letter-spacing: -0.05em;
        line-height: 1.4;
        line-height: 1.6;
        font-feature-settings: "palt";
        margin-bottom: 1.4em; }
        @media screen and (max-width: 480px) {
          .box30 > ul > li .txt .t3 {
            font-size: calc(12vw / 3.9);
            font-size: calc(13vw / 3.9); } }
      .box30 > ul > li .txt .t4 {
        font-size: clamp(9px, calc(12vw / 12.5), 12px);
        color: #595757;
        font-weight: 600;
        letter-spacing: -0.06em;
        line-height: 1.4;
        font-feature-settings: "palt"; }
        @media screen and (max-width: 480px) {
          .box30 > ul > li .txt .t4 {
            font-size: calc(10vw / 3.9); } }
        .box30 > ul > li .txt .t4 .l {
          font-size: 120%;
          font-size: 130%;
          display: inline-block;
          margin-top: 0.5em;
          font-weight: bold; }
      .box30 > ul > li .txt .box {
        display: flex;
        gap: 10px; }
        .box30 > ul > li .txt .box .t4 {
          flex: 1; }
          .box30 > ul > li .txt .box .t4 .ti3 {
            display: inline-block;
            text-indent: -3.3em;
            padding-left: 3.3em; }
          .box30 > ul > li .txt .box .t4 .ti5 {
            display: inline-block;
            text-indent: -5em;
            padding-left: 5em; }
        .box30 > ul > li .txt .box .img2 {
          width: calc(143% / 3.3); }
          @media screen and (min-width: 960px) {
            .box30 > ul > li .txt .box .img2 figure {
              aspect-ratio: 143/120; } }
          .box30 > ul > li .txt .box .img2 figure img {
            width: 100%;
            height: 100%;
            object-fit: cover; }
  .box30 .swiper-pagination {
    display: none !important; }
    @media screen and (max-width: 480px) {
      .box30 .swiper-pagination {
        display: flex !important; } }
  .box30 .swiper_btn {
    display: none !important; }
    .box30 .swiper_btn li::after {
      display: none; }
    @media screen and (max-width: 480px) {
      .box30 .swiper_btn {
        display: flex !important;
        max-width: calc(100vw - 20px) !important; } }
  .box30 .pausebtn {
    opacity: 0;
    pointer-events: none; }
    @media screen and (max-width: 480px) {
      .box30 .pausebtn {
        opacity: 1;
        pointer-events: all; } }

.box40 {
  display: flex;
  flex-wrap: wrap; }
  @media screen and (max-width: 480px) {
    .box40 {
      flex-direction: column; } }
  .box40 > li {
    width: 50%;
    padding-bottom: 30px; }
    .box40 > li:nth-child(2), .box40 > li:nth-child(3) {
      background: #000;
      color: #fff; }
    @media screen and (max-width: 480px) {
      .box40 > li {
        width: 100%;
        margin-inline: auto;
        padding-inline: 20px; }
        .box40 > li:nth-child(3) {
          background: #fff;
          color: #333; }
        .box40 > li:nth-child(2n) {
          background: #000;
          color: #fff; } }
    .box40 > li .main_i {
      position: relative;
      margin-bottom: 50px; }
      @media screen and (max-width: 480px) {
        .box40 > li .main_i {
          margin-inline: -20px; } }
      .box40 > li .main_i::after {
        content: "";
        position: absolute;
        bottom: -20px;
        left: calc(50% - 1px);
        width: 2px;
        height: 40px;
        background: #8e7100; }
      .box40 > li .main_i .copy {
        position: absolute;
        inset: 0;
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        align-items: center;
        padding: 0 20px 40px; }
        @media screen and (max-width: 480px) {
          .box40 > li .main_i .copy .ttl {
            width: 19%; } }
        .box40 > li .main_i .copy .t0 {
          color: #fff;
          text-shadow: 0px 0px 0px rgba(0, 0, 0, 0.6), 0px 0px 1px rgba(0, 0, 0, 0.6), 0px 0px 2px rgba(0, 0, 0, 0.6), 0px 0px 3px rgba(0, 0, 0, 0.6), 0px 0px 4px rgba(0, 0, 0, 0.6), 0px 0px 5px rgba(0, 0, 0, 0.6), 0px 0px 6px rgba(0, 0, 0, 0.6), 0px 0px 7px rgba(0, 0, 0, 0.6), 0px 0px 8px rgba(0, 0, 0, 0.6), 0px 0px 9px rgba(0, 0, 0, 0.6); }
    .box40 > li .t0 {
      font-size: clamp(12px, calc(20vw / 16), 20px);
      font-weight: 600;
      letter-spacing: 0.15em;
      line-height: 1.8;
      font-feature-settings: "palt";
      margin-top: 1em; }
      @media screen and (max-width: 480px) {
        .box40 > li .t0 {
          font-size: calc(15vw / 3.9); } }
    .box40 > li .t1 {
      font-size: clamp(11px, calc(16vw / 16), 16px);
      font-weight: 600;
      letter-spacing: 0.15em;
      line-height: 1.8;
      font-feature-settings: "palt";
      margin-bottom: 1.5em;
      min-height: 7.2em;
      display: flex;
      align-items: center;
      justify-content: center; }
      @media screen and (max-width: 480px) {
        .box40 > li .t1 {
          font-size: calc(14vw / 3.9); } }
    .box40 > li .t2 {
      margin-top: 0.5em;
      font-size: clamp(10px, calc(15vw / 16), 15px);
      font-weight: 600;
      letter-spacing: 0.02em;
      line-height: 1.6;
      font-feature-settings: "palt"; }
      @media screen and (max-width: 480px) {
        .box40 > li .t2 {
          font-size: calc(13vw / 3.9); } }
      .box40 > li .t2 .s {
        display: block;
        font-size: 80%;
        margin-top: 0.3em; }
    .box40 > li .box {
      display: flex;
      justify-content: center;
      gap: 10px; }
      @media screen and (max-width: 480px) {
        .box40 > li .box {
          flex-direction: column;
          gap: 25px; } }
      .box40 > li .box.col3 > li {
        width: calc(200% / 8);
        max-width: 200px; }
        @media screen and (max-width: 480px) {
          .box40 > li .box.col3 > li {
            width: 100%;
            max-width: 100%; } }
      .box40 > li .box.col3 .img {
        margin-inline: auto;
        max-width: 160px;
        display: flex;
        flex-direction: column;
        gap: 5px; }
        @media screen and (max-width: 480px) {
          .box40 > li .box.col3 .img {
            max-width: 100%;
            flex-direction: row;
            justify-content: space-between; } }
      .box40 > li .box.col2 > li {
        width: calc(300% / 8);
        max-width: 300px; }
        .box40 > li .box.col2 > li .img {
          max-width: 258px;
          margin-inline: auto; }
        @media screen and (max-width: 480px) {
          .box40 > li .box.col2 > li {
            width: 100%;
            max-width: 100%; } }

.location_inner {
  max-width: 1200px !important; }

.bg1 {
  background: #f2f2f2;
  padding: 60px 0; }
  @media screen and (max-width: 480px) {
    .bg1 {
      padding: 40px 0; }
      .bg1 .txt01 {
        letter-spacing: 0.1em; } }
  .bg1 .box41 {
    display: flex;
    justify-content: center;
    gap: 15px; }
    .bg1 .box41 .cap_l {
      letter-spacing: -0.05em;
      font-size: 14px;
      max-width: 333px;
      line-height: 1.4; }
    @media screen and (max-width: 480px) {
      .bg1 .box41 {
        justify-content: space-between;
        gap: 15px 0;
        flex-wrap: wrap;
        justify-content: center; }
        .bg1 .box41 .b1 {
          width: 100%; }
        .bg1 .box41 .b2 {
          width: calc(297% / 5.7); }
        .bg1 .box41 .b3 {
          width: calc(257% / 5.7); } }
  @media screen and (max-width: 480px) and (max-width: 480px) {
    .bg1 .box41 .b2, .bg1 .box41 .b3 {
      width: 100% !important; } }

.b3 {
  display: flex; }
  @media screen and (max-width: 480px) {
    .b3 {
      display: block; } }

.box50 {
  display: flex;
  justify-content: space-between;
  align-items: flex-start; }
  @media screen and (max-width: 480px) {
    .box50 {
      flex-direction: column;
      gap: 30px; } }
  .box50 .map {
    width: calc(980% / 16); }
    @media screen and (max-width: 480px) {
      .box50 .map {
        width: 100%; } }
  .box50 .r {
    width: calc(550% / 16);
    aspect-ratio: 550 / 1220;
    display: flex;
    flex-direction: column; }
    @media screen and (max-width: 480px) {
      .box50 .r {
        width: 100%;
        aspect-ratio: auto; } }
    .box50 .r .tab {
      display: flex;
      flex-wrap: wrap; }
      .box50 .r .tab li {
        color: #8c7841;
        text-align: center;
        cursor: pointer;
        margin-bottom: 20px;
        width: calc(100% / 3);
        border: solid 1px #ccc9c2;
        padding: 1.6em 2px;
        font-size: clamp(10px, calc(16vw / 16), 16px);
        font-weight: 600;
        letter-spacing: 0.05em;
        line-height: 1;
        font-feature-settings: "palt";
        background: #f4f3f0;
        position: relative;
        transition: all .6s ease; }
        @media screen and (max-width: 480px) {
          .box50 .r .tab li {
            letter-spacing: 0;
            font-size: calc(12vw / 3.9); } }
        .box50 .r .tab li:nth-child(3n), .box50 .r .tab li:nth-child(3n - 1) {
          border-left: none; }
        .box50 .r .tab li::after {
          content: "";
          background: #000;
          position: absolute;
          left: 0;
          bottom: -8px;
          width: 100%;
          height: 1px;
          transform: scale(0, 1);
          transform-origin: right;
          transition: transform .6s ease; }
        .box50 .r .tab li.active, .box50 .r .tab li:hover {
          background: #000; }
          .box50 .r .tab li.active::after, .box50 .r .tab li:hover::after {
            transform: scale(1, 1);
            transform-origin: left; }
    .box50 .r .cont {
      display: block;
      position: relative;
      flex: 1; }
      @media screen and (max-width: 480px) {
        .box50 .r .cont {
          flex: auto; } }
      .box50 .r .cont > li {
        pointer-events: none;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        opacity: 0;
        transition: all .6s ease;
        aspect-ratio: 550 / 1042;
        display: flex;
        flex-direction: column;
        gap: 10px; }
        @media screen and (max-width: 480px) {
          .box50 .r .cont > li {
            aspect-ratio: auto; } }
        .box50 .r .cont > li.active {
          pointer-events: all;
          position: relative;
          opacity: 1; }
        .box50 .r .cont > li .li {
          flex: 1;
          overflow-y: auto; }
          .box50 .r .cont > li .li.auto {
            flex: auto;
            flex: none; }
          @media screen and (max-width: 480px) {
            .box50 .r .cont > li .li {
              flex: auto; } }
          .box50 .r .cont > li .li .inn {
            font-size: clamp(10px, calc(14vw / 16), 14px);
            font-weight: 600;
            line-height: 1;
            font-feature-settings: "palt";
            height: fit-content; }
            @media screen and (max-width: 480px) {
              .box50 .r .cont > li .li .inn {
                font-size: calc(11vw / 3.9); } }
            .box50 .r .cont > li .li .inn dl {
              padding: 0.8em 0;
              display: flex; }
              @media screen and (max-width: 480px) {
                .box50 .r .cont > li .li .inn dl {
                  padding: 0.4em 0; } }
              .box50 .r .cont > li .li .inn dl dt {
                flex: 1; }
              .box50 .r .cont > li .li .inn dl dd:nth-child(2) {
                width: 2.2em;
                text-align: right; }
              .box50 .r .cont > li .li .inn dl dd:nth-child(3) {
                width: 2.2em;
                text-align: right; }
              .box50 .r .cont > li .li .inn dl dd:nth-child(4) {
                width: 0.7em;
                text-align: right; }
              .box50 .r .cont > li .li .inn dl dd:nth-child(5) {
                width: 5.1em;
                text-align: right; }
        .box50 .r .cont > li .img {
          display: flex;
          flex-wrap: wrap;
          gap: 15px calc(34% / 5.5); }
          .box50 .r .cont > li .img li {
            width: calc(258% / 5.5); }
            .box50 .r .cont > li .img li p {
              margin-top: 0.4em;
              font-size: clamp(10px, calc(16vw / 16), 16px);
              font-weight: 600;
              line-height: 1.3;
              font-feature-settings: "palt"; }
              @media screen and (max-width: 480px) {
                .box50 .r .cont > li .img li p {
                  font-size: calc(12vw / 3.9); } }
              .box50 .r .cont > li .img li p .s {
                display: block;
                font-size: 75%; }
                @media screen and (max-width: 480px) {
                  .box50 .r .cont > li .img li p .s {
                    font-size: 85%; } }

@media screen and (max-width: 480px) {
  .sec5 {
    padding-top: 40px !important;
    padding-top: 30px !important; } }

.txt01_2 {
  font-size: clamp(14px, calc(24vw / 12), 24px); }
  @media screen and (max-width: 480px) {
    .txt01_2 {
      font-size: calc(17vw / 3.9); } }

.swiper_box {
  padding-bottom: 40px; }
  .swiper_box .swiper-slide figure {
    width: 100%; }
    .swiper_box .swiper-slide figure img {
      width: 100%; }
  .swiper_box .swiper-pagination {
    display: flex;
    justify-content: center;
    align-items: center; }
  .swiper_box .swiper-pagination-bullet {
    width: 8px;
    height: 8px;
    background: #ccc7c2;
    opacity: 1; }
  .swiper_box .swiper-pagination-bullet-active {
    background: #9f9270;
    width: 12px;
    height: 12px; }
  .swiper_box .swiper_btn {
    z-index: 10;
    position: absolute;
    left: 0;
    right: 0;
    margin-inline: auto;
    top: calc(50% - 40px);
    max-width: calc(1240% / 16);
    display: flex;
    justify-content: space-between; }
    @media screen and (max-width: 480px) {
      .swiper_box .swiper_btn {
        display: none !important; } }
    .swiper_box .swiper_btn li {
      border-radius: 4px;
      width: 40px;
      align-items: center;
      aspect-ratio: 1 / 1;
      background-color: #222222;
      border: 1px solid #ccc9c2;
      color: #877543;
      cursor: pointer;
      display: flex;
      justify-content: center;
      padding: 0; }
      .swiper_box .swiper_btn li .svgIcon {
        width: 17px; }
  .swiper_box .pausebtn {
    z-index: 15;
    position: absolute;
    bottom: 0;
    left: 40px; }
    @media screen and (max-width: 480px) {
      .swiper_box .pausebtn {
        left: 15px; } }
    .swiper_box .pausebtn .inn {
      align-items: center;
      aspect-ratio: 1 / 1;
      background: none;
      background-color: #f4f3ef;
      border: 1px solid #807e79;
      border-radius: 50%;
      color: #b0aca2;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 32px;
      justify-content: center;
      width: auto; }
      @media screen and (max-width: 480px) {
        .swiper_box .pausebtn .inn {
          height: 28px; } }
      .swiper_box .pausebtn .inn:after {
        color: #262521;
        content: 'PAUSE';
        font-size: 12px;
        position: absolute;
        right: -45px;
        top: 50%;
        transform: translateY(-50%); }
      .swiper_box .pausebtn .inn .pauseIcon {
        display: block; }
      .swiper_box .pausebtn .inn svg {
        fill: currentColor; }
      .swiper_box .pausebtn .inn .svgIcon {
        aspect-ratio: 6 / 8;
        height: 12px;
        width: auto; }
  .swiper_box .playbtn {
    display: none;
    z-index: 15;
    position: absolute;
    bottom: 0;
    left: 40px; }
    @media screen and (max-width: 480px) {
      .swiper_box .playbtn {
        left: 15px; } }
    .swiper_box .playbtn .inn {
      align-items: center;
      aspect-ratio: 1 / 1;
      background: none;
      background-color: #f4f3ef;
      border: 1px solid #807e79;
      border-radius: 50%;
      color: #b0aca2;
      cursor: pointer;
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      height: 32px;
      justify-content: center;
      width: auto; }
      @media screen and (max-width: 480px) {
        .swiper_box .playbtn .inn {
          height: 28px; } }
      .swiper_box .playbtn .inn:after {
        color: #262521;
        content: 'PLAY';
        font-size: 12px;
        position: absolute;
        right: -40px;
        top: 50%;
        transform: translateY(-50%); }
      .swiper_box .playbtn .inn .playIcon {
        display: block; }
      .swiper_box .playbtn .inn svg {
        fill: currentColor; }
      .swiper_box .playbtn .inn .svgIcon {
        aspect-ratio: 6 / 8;
        height: 12px;
        width: auto; }

@media screen and (min-width: 960px) {
  .ls06 {
    letter-spacing: -0.06em !important; } }

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