@charset "UTF-8";

#headerFixed.lpHeadHide{
  transform: translate(0, -100%)!important;
}

.splide__pagination {
  justify-content: end;
  padding: 0;
  bottom: calc(16 * var(--variable) * var(--ratio));
  right: calc(14 * var(--variable) * var(--ratio));
}

@media (max-width: 768px) {
  .splide__pagination {
    bottom: calc(16 * (100vw / 750));
    right: calc(16 * (100vw / 750));
  }
}


.splide__pagination__page {
  background: transparent;
  border: 1px solid #fff;
  opacity: 1;
  width: calc(10* var(--variable)* var(--ratio));
  height: calc(10* var(--variable)* var(--ratio));
  margin: calc(6* var(--variable)* var(--ratio));
}

.splide__pagination__page.is-active {
  transform: scale(1);
}

#FR250428LOOK{
  background-color: #FAF8EF;
}

.landingPage {
  --color-black: #000000;
  --color-white: #ffffff;
  --font-roboto: "roboto", serif;
  --font-operetta: "operetta-12", serif;
  --font-akshar: akshar, sans-serif;
  --fw-light:300;
  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;
  overflow: clip;
  --pc-width: 1915.4219;
  /* --pc-width: 1400; */
  --sp-width: 750;
  --pc-artboard-width: 750;
  --sp-artboard-width: 337;
  --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));
  --variable: calc(100vw / var(--pc-width));

  position: relative;
  font-family: var(--font-akshar);
  font-weight: 400;
  font-style: normal;
  margin-right: auto;
  margin-left: auto;
}

/* 
@font-face {
  font-family: "akshar";
  src: url(../font/Akshar-VariableFont_wght.woff) format("woff");
} */


@media (min-width: 768px) {
  .landingPage {
    --sp-artboard-width: 750;
  }
}

.landingPage {
  --util: 100vw / 750;
  /* padding-bottom: calc(155* var(--variable)* var(--ratio)); */
}

/* .landingPage::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  display: block;
  height: 1px;
  margin-inline: auto;
  background-color: #FAF8EF;
} */

/* @media (min-width: 768px) {
  .landingPage::after {
    width: calc(1100 * var(--util));
    content: '';
  }
  .landingPage {
    --sp-artboard-width: 750;
  }
} */

.landingPage * {
  box-sizing: border-box !important;
}

.landingPage img,
.landingPage picture {
  display: block;
}

.landingPage a {
  display: inline-block;
}
.landingPage .collection__inner {
  max-width: calc(750* var(--variable)* var(--ratio));
  margin: 0 auto;
}

@media (hover: hover) {
  .landingPage .landingPage a {
    transition: 0.6 ease;
  }

  .landingPage .landingPage a:where(:any-link):hover {
    opacity: 0.6;
  }
}

.landingPage img,
.landingPage svg {
  width: 100%;
  height: auto;
  image-rendering: optimizequality;
}


@media (max-width: 767px) {
  .landingPage .pc_only {
    display: none;
  }
}
/*--------------------------------
  css for pc
--------------------------------*/

@media (min-width: 768px) {
  .landingPage{
    position: relative;
    max-width: calc(1915.4219 * var(--variable)* var(--ratio));
    width: 100%;
  }

  .landingPage .sp_only {
    display: none;
  }

  .landingPage .pc_only {
    display: block;
  }

  .fixed-txt__inner {
    position: absolute;
  }
  

  .landingPage .fixed-txt__wrapper {
    position: sticky;
    top: 0;
    z-index: 10;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: left;
    padding-top: calc(75 * var(--variable) * var(--ratio));
    left: calc(88 * var(--variable) * var(--ratio));
    width: calc(385.244 * var(--variable) * var(--ratio));
  }

  .logo {
    width: calc(385.244 * var(--variable) * var(--ratio));
    margin-left: calc(5 * var(--variable) * var(--ratio));
    margin-top: calc(38 * var(--variable) * var(--ratio));
  }

  .fixed-txt__wrapper .ttl{
    font-size: calc(31 * var(--variable) * var(--ratio));
    line-height: 1;
    margin-top: calc(31 * var(--variable) * var(--ratio));
    word-spacing: calc(-1.8 * var(--variable) * var(--ratio));
    letter-spacing: 0.01em;
  }

  .fixed-txt__wrapper .cai-btn__wrapper {
    position: relative;
    font-size: calc(27.49 * var(--variable) * var(--ratio));
    line-height: 1;
    letter-spacing: 0.01em;
    /* word-spacing: calc(5 * var(--variable) * var(--ratio)); */
    margin-top: calc(42 * var(--variable) * var(--ratio));
    padding-left: calc(23 * var(--variable) * var(--ratio));
  }

  .fixed-txt__wrapper .cai-btn__wrapper::after{
    content: "";
    position: absolute;
    left: calc(5 * var(--variable) * var(--ratio));
    top: 11%;
    width: 0;
    height: 0;
    border-top: calc(10 * var(--variable) * var(--ratio)) solid transparent;
    border-bottom: calc(10 * var(--variable) * var(--ratio)) solid transparent;
    border-left: calc(11 * var(--variable) * var(--ratio)) solid black;
  }

  .contents__wrapper{
    max-width: calc(748 * (100vw / 1915.4219));
    overflow-x: clip;
    margin: 0 auto;
  }

}


/*--------------------------------
  contents__wrapper
--------------------------------*/

.contents__wrapper{
  background-color: #fff;
  margin-right: auto;
  margin-left: auto;
}


/* ======= 共通css ======= */
.mb-20{
  padding-bottom: calc(20 * var(--variable)* var(--ratio));
}

.w610{
  width: calc(610 * var(--variable)* var(--ratio));
  margin-right: auto;
  margin-left: auto;
}



@media (max-width: 767px) {

  .w610{
    width: calc(610 *(100vw / 750));
  }
}

/* -------- credit -------- */
.landingPage .js-showLink {
  position: relative;
  cursor: pointer;
}

.landingPage .js-showLink.click .js-fade-credit,
.landingPage .js-showLink.click .link__wrapper {
  visibility: visible;
  opacity: 1;
}

.landingPage .link__wrapper {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  height: 100%;
  visibility: hidden;
  /* background-color: rgba(255, 255, 255, 0.68); */
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
  z-index: 10000;
}

.landingPage .link__bg {
  position: absolute;
  top: 0;
  left: 0;
  display: block;
  width: 100%;
  height: 100%;
}


.landingPage .js-showLink .credit__cont{
  margin: 0;
}

.crdt_list{
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  row-gap: calc(20 * var(--variable) * var(--ratio));
  width: calc(500 * var(--variable) * var(--ratio));
  margin-bottom: calc(8 * var(--variable) * var(--ratio));
}

@media (min-width: 768px) {
  .crdt_list {
    row-gap: calc(11 * var(--variable) * var(--ratio));
    width: calc(420 * var(--variable) * var(--ratio));
    margin-bottom: 0;
  }
}

@media (max-width: 767px) {
  .crdt_list {
    row-gap: calc(15 * (100vw / 750));
    margin-bottom: calc(3 * (100vw / 750));
  }
}


.product__prices{
  display: flex;
  flex-wrap: nowrap;
  flex-wrap: wrap;
}

.product__price{
  position: relative;
  font-size: calc(28 * var(--variable) * var(--ratio));
  line-height: 1;
  letter-spacing: 0.05em;
  color: #fff;
}
/* 
.img24__cont .product__price{
  font-size: calc(25 * var(--variable) * var(--ratio));
} */

.product__price a{
  word-spacing: calc(2 * var(--variable) * var(--ratio));
  color: #fff;
}

/* .product__price:nth-child(2)::after,
.product__price:nth-child(4)::after {
  content: "";
  flex-basis: 100%;
  height: 0;
} */

@media (min-width: 768px) {

  .product__price{
    letter-spacing: -0.015em;
    word-spacing: calc(4 * var(--variable) * var(--ratio));
  }

  .landingPage .link__wrapper{
    row-gap: calc(12 * var(--variable)* var(--ratio));
  }
}

/*------------- mv__wrapper */
.mv__wrapper{
  position: sticky;
  top: 0;
}

.txt__cont{
  position: relative;
  height: calc(1005 * var(--variable) * var(--ratio));
  /* padding: 0 0 calc(54 * var(--variable)* var(--ratio)) calc(45 * var(--variable)* var(--ratio)); */

}


.txt__inner{
  position: absolute;
  /* transform: rotate(-90deg); */
  -webkit-font-smoothing: auto;
}

.c-text_style_title {
  position: relative;
  font-family: var(--font-akshar);
  line-height: 1.208;
  letter-spacing: 0.002em;
  text-align: left;
  white-space: nowrap;
  color: #000;
  font-weight: 300;
  z-index: 10;
}

.main__wrapper .c-text_style_title .hightlighter{
  position: absolute;
  bottom: 0;
  background-color: #F0EDE1;
  z-index: -1;
}

@media (min-width: 768px) {
  .main__wrapper .txt__inner{
    bottom: calc(56 * var(--variable) * var(--ratio));
    left: calc(58 * var(--variable) * var(--ratio));
    width: calc(438.2034 * var(--variable) * var(--ratio));
    /* word-spacing: calc(13 * var(--variable) * var(--ratio));
    bottom: calc(198 * var(--variable) * var(--ratio));
    left: calc(-107 * var(--variable) * var(--ratio)); */
  }

  .main__wrapper .c-text_style_title{
    height: calc(762.7108 * var(--variable)* var(--ratio));
    width: calc(438.2034 * var(--variable) * var(--ratio));
    /* letter-spacing: -0.02em; */
    /* word-spacing: calc(11 * var(--variable) * var(--ratio));
    font-size: calc(78.19 * var(--variable) * var(--ratio)); */
    /* letter-spacing: -0.02em;
    word-spacing: calc(11 * var(--variable) * var(--ratio));
    font-size: calc(78.19 * var(--variable) * var(--ratio)); */
  }

  .main__wrapper .c-text_style_title .hightlighter{
    width: calc(53.8125 * var(--variable)* var(--ratio));
  }

  .main__wrapper  .c-text_style_title .hightlighter.--01{
    left: calc(2 * var(--variable) * var(--ratio));
    height: calc(433.9942 * var(--variable)* var(--ratio));
  }

  .main__wrapper  .c-text_style_title .hightlighter.--02{
    left: calc(97 * var(--variable)* var(--ratio));
    height: calc(695 * var(--variable)* var(--ratio));
  }

  .main__wrapper  .c-text_style_title .hightlighter.--03{
    left: calc(193 * var(--variable)* var(--ratio));
    height: calc(622.3464 * var(--variable)* var(--ratio));
  }

  .main__wrapper  .c-text_style_title .hightlighter.--04{
    left: calc(288 * var(--variable)* var(--ratio));
    height: calc(775.9876 * var(--variable)* var(--ratio));
  }

  .main__wrapper  .c-text_style_title .hightlighter.--05{
    right: 0;
    height: calc(310.7165 * var(--variable)* var(--ratio));
  }
}

@media (max-width: 767px) {

  .main__wrapper .txt__inner {
    bottom: calc(59 * (100vw / 750));
    left: calc(56 * (100vw / 750));
    width: calc(438.2034 * (100vw / 750));
    /* bottom: calc(196*(100vw / 750));
    left: calc(-90*(100vw / 750)); */
  }

  .c-text_style_title{
    line-height: 0.9;
  }

  .main__wrapper .c-text_style_title {
    height: calc(762.7108 * (100vw / 750));
    width: calc(438.2034 * (100vw / 750));
    /* letter-spacing: -0.02em; */
    /* word-spacing: calc(11 * (100vw / 750));
    font-size: calc(78.19 * (100vw / 750)); */
    /* letter-spacing: -0.007em; */
  }

  .main__wrapper .c-text_style_title .hightlighter{
    width: calc(53.8125 * (100vw / 750));
  }

  .main__wrapper .c-text_style_title .hightlighter.--01{
    left: calc(2 * var(--variable) * var(--ratio));
    height: calc(433.9942 * (100vw / 750));
  }

  .main__wrapper .c-text_style_title .hightlighter.--02{
    left: calc(97 * (100vw / 750));
    height: calc(695 * (100vw / 750));
  }

  .main__wrapper .c-text_style_title .hightlighter.--03{
    left: calc(193 * (100vw / 750));
    height: calc(622.3464 * (100vw / 750));
  }

  .main__wrapper .c-text_style_title .hightlighter.--04{
    left: calc(288 * (100vw / 750));
    height: calc(775.9876 * (100vw / 750));
  }

  .main__wrapper .c-text_style_title .hightlighter.--05{
    right: 0;
    height: calc(310.7165 * (100vw / 750));
  }

}

/* ............. mv__wrapper */

.crdt_list.column{
  flex-direction: column;
}

.img12__cont .crdt_list,
.img21__cont .crdt_list{
  width: calc(600 * var(--variable)* var(--ratio));
}

@media (max-width: 767px) {
  .img12__cont .crdt_list,
  .img21__cont .crdt_list{
    width: calc(600 * (100vw / 750));
  }
}


.img18-02__cont .crdt_list {
  flex-direction: row;
}

.img21__cont .crdt_list{
  margin-bottom: calc(80 * var(--variable) * var(--ratio));
}

.landingPage .img21__cont .link__wrapper {
  align-items: flex-end;
}

.sticky__wrapper{
  position: sticky;
  top: 0;
  background-color: #fff;
}


/* ............. last-cont__wrapper */
.last-cont__wrapper{
  position: relative;
  z-index: 10;
  background: #fff;
  padding-bottom: calc(70 * var(--variable)* var(--ratio));
}

.last-txt__inner .c-text_style_title{
  font-family: var(--font-akshar);
  font-size: calc(24 * var(--variable)* var(--ratio));
  letter-spacing: 0.08rem;
  line-height: 1.725;
  text-align: right;
}

.last-txt__wrapper{
  padding-right: calc(44 * var(--variable) * var(--ratio));
  padding-top: calc(14 * var(--variable) * var(--ratio));
}

.last-txt__wrapper .cai-btn__wrapper{
  text-align: right;
  margin-top: calc(122 * var(--variable) * var(--ratio));
  padding-right: calc(7 * var(--variable) * var(--ratio));
}

.last-txt__wrapper .cai-btn__wrapper span{
  font-family: var(--font-akshar);
  font-size: calc(38.88 * var(--variable)* var(--ratio));
  letter-spacing: 0.08rem;
  line-height: 1;
}

.last-txt__wrapper .cai-btn__wrapper .arrow span{
  font-size: calc(24.36 * var(--variable)* var(--ratio));
}

li.blank {
  width: 100%;
  height: 0;
}

.video01__cont .video,
.video02__cont .video{
  width: 100%;
}

@media (min-width: 768px) {
  .img02__cont{
    margin-bottom: calc(240 * var(--variable)* var(--ratio));
  }

  .img04__cont{
    margin-bottom: calc(291.8 * var(--variable)* var(--ratio));
  }

  .img04__cont .crdt_list {
    margin: 0 0 calc(40 * var(--variable)* var(--ratio)) 0;
  }

  .img05__cont{
    margin-bottom: calc(111 * var(--variable)* var(--ratio));
  }

  .img05__cont .crdt_list {
    margin-bottom: calc(45 * var(--variable) * var(--ratio));
  }

  .img06__cont{
    margin-bottom: calc(50 * var(--variable)* var(--ratio));
  }

  .img06__cont .crdt_list {
    margin-bottom: calc(50 * var(--variable) * var(--ratio));
  }

  .img07__cont{
    margin-bottom: calc(178.3 * var(--variable)* var(--ratio));
  }

  .img07__cont .crdt_list {
    margin-bottom: calc(38 * var(--variable) * var(--ratio));
  }

  .img08__cont .crdt_list {
    margin-bottom: calc(43 * var(--variable) * var(--ratio));
  }

  .img09__cont .crdt_list {
    width: calc(400 * var(--variable) * var(--ratio));
    margin-bottom: calc(49 * var(--variable) * var(--ratio));
  }

  .video01__cont{
    margin-bottom: calc(187.1 * var(--variable)* var(--ratio));
  }

  .img11__cont{
    margin-bottom: calc(199.2 * var(--variable)* var(--ratio));
  }

  .img11__cont .crdt_list {
    margin-bottom: calc(43 * var(--variable) * var(--ratio));
  }

  .img12__cont{
    margin-bottom: calc(219.3 * var(--variable)* var(--ratio));
  }

  .img12__cont .crdt_list {
    margin-bottom: calc(9 * var(--variable) * var(--ratio));
  }

  .img14__cont{
    margin-bottom: calc(201.5 * var(--variable)* var(--ratio));
  }

  .img15__cont{
    margin-bottom: calc(167.4 * var(--variable)* var(--ratio));
  }

  .img16__cont .crdt_list {
    margin-bottom: calc(5 * var(--variable) * var(--ratio));
    width: calc(400 * var(--variable) * var(--ratio));
  }

  .img17__cont{
    margin-bottom: calc(147.8 * var(--variable)* var(--ratio));
  }

  .img18__cont{
    margin-bottom: calc(184.5 * var(--variable)* var(--ratio));
  }

  .img18__cont .crdt_list {
    margin-bottom: calc(53 * var(--variable) * var(--ratio));
  }

  .img18-02__cont .crdt_list {
    row-gap: calc(6 * var(--variable) * var(--ratio));
    flex-direction: row;
  }

  .img19__cont{
    margin-bottom: calc(82 * var(--variable)* var(--ratio));
  }

  .img20__cont{
    padding-bottom: calc(177.8 * var(--variable)* var(--ratio));
  }

  .img21__cont .crdt_list{
    row-gap: calc(6 * var(--variable) * var(--ratio));
    margin-bottom: calc(80 * var(--variable) * var(--ratio));
  }

  .img22__cont .crdt_list {
    width: calc(400 * var(--variable) * var(--ratio));
    margin-bottom: calc(40 * var(--variable) * var(--ratio));
  }

  .img24__cont .crdt_list {
    margin-bottom: calc(30 * var(--variable) * var(--ratio));
  }

  /*------------- sticky__wrapper */
  .sticky__wrapper{
    position: sticky;
    top: calc(-4600 * (100vw / 1920));
    height: calc(6200 * (100vw / 1920));
    background-color: #fff;
  }


  /*------------- last-cont__wrapper */
  .img25__cont{
    padding-top: calc(50 * var(--variable)* var(--ratio));
  }

  .last-txt__inner .c-text_style_title{
    word-spacing: calc(2 * var(--variable) * var(--ratio));
    letter-spacing: -0.034em;
  }

  .last-txt__wrapper .cai-btn__wrapper span{
    letter-spacing: 0;
  }

  .last-txt__wrapper .cai-btn__wrapper .arrow span{
    transform: translate(-2px, -4px);
  }


  .last-txt__inner .c-text_style_title {
    line-height: 1.709;
  }
}

@media (max-width: 767px) {
  .img02__cont{
    margin-bottom: calc(240.7 * (100vw / 750));
  }

  .img04__cont{
    margin-bottom: calc(291.8* (100vw / 750));
  }

  .img04__cont .crdt_list {
    margin-bottom: calc(40 * (100vw / 750));
  }

  .img05__cont{
    margin-bottom: calc(112.9* (100vw / 750));
  }

  .img05__cont .crdt_list {
    margin-bottom: calc(50 * (100vw / 750));
  }

  .img06__cont{
    margin-bottom: calc(50* (100vw / 750));
  }

  .img06__cont .crdt_list {
    margin-bottom: calc(48 * (100vw / 750));
  }

  .img07__cont{
    margin-bottom: calc(178.3 * (100vw / 750));
  }

  .img07__cont .crdt_list {
    margin-bottom: calc(33 * (100vw / 750));
  }

  .img08__cont .crdt_list {
    margin-bottom: calc(45 * (100vw / 750));
  }

  .img09__cont .crdt_list {
    margin-bottom: calc(42 * (100vw / 750));
  }

  .video01__cont{
    margin-bottom: calc(187.1 * (100vw / 750));
  }

  .video01__cont .crdt_list {
    margin-bottom: calc(-5 * (100vw / 750));
  }

  .img10__cont .crdt_list {
    margin-bottom: 0;
  }

  .img11__cont{
    margin-bottom: calc(199.2 * (100vw / 750));
  }

  .img11__cont .crdt_list {
    margin-bottom: calc(45 * (100vw / 750));
  }

  .img12__cont{
    margin-bottom: calc(219.3 * (100vw / 750));
  }

  .img12__cont .crdt_list{
    margin-bottom: calc(2 * (100vw / 750));
  }

  .img13__cont .crdt_list {
    margin-bottom: calc(2 * (100vw / 750));
  }

  .img14__cont{
    margin-bottom: calc(201.5* (100vw / 750));
  }

  .img14__cont .crdt_list {
    margin-bottom: 0;
  }

  .img15__cont{
    margin-bottom: calc(167.4 * (100vw / 750));
  }

  .img15__cont .crdt_list {
    margin-bottom: calc(-2 * (100vw / 750));
  }

  .img16__cont .crdt_list {
    margin-bottom: calc(2 * (100vw / 750));
  }

  .img17__cont{
    margin-bottom: calc(147.8 * (100vw / 750));
  }

  .img17__cont .crdt_list {
    margin-bottom: calc(-2 * (100vw / 750));
  }

  .img18__cont{
    margin-bottom: calc(184.5 * (100vw / 750));
  }

  .img18__cont .crdt_list {
    margin-bottom: calc(50 * (100vw / 750));
  }

  .img18-02__cont .crdt_list {
    row-gap: calc(8 * (100vw / 750));
  }

  .img19__cont{
    margin-bottom: calc(53.1 * (100vw / 750));
  }

  .img19__cont .crdt_list {
    margin-bottom: calc(6 * (100vw / 750));
  }

  .img20__cont{
    padding-bottom: calc(207.8 * (100vw / 750));
  }

  .img20__cont .crdt_list {
    margin-bottom: 0;
  }

  .img21__cont .crdt_list{
    width: calc(530 * (100vw / 750));
    row-gap: calc(8 * (100vw / 750));
    margin-bottom: calc(84 * (100vw / 750));
  }

  .img22__cont .crdt_list {
    margin-bottom: calc(38 * (100vw / 750));
  }

  .img23__cont .crdt_list {
    margin-bottom: calc(10 * (100vw / 750));
  }

  .img24__cont .crdt_list {
    width: calc(400 * (100vw / 750));
    margin-bottom: calc(25 * (100vw / 750));
  }

  /*------------- sticky__wrapper */
  .sticky__wrapper {
    position: sticky;
    top: 0;
    top: calc(-4600 * (100vw / 750));
    height: calc(6200 * (100vw / 750));
    background-color: #fff;
  }

  /*------------- last-cont__wrapper */
  .last-cont__wrapper{
    padding-bottom: calc(74 * (100vw / 750));
  }

  .img25__cont{
    padding-top: calc(50 * (100vw / 750));
  }

}

@media (max-width: 767px) {
  .txt__cont{
    height: calc(1010.6493* (100vw / 750));
  }

  .c-text_style_title{
    font-size: calc(78.19 * (100vw / 750));
  }

  .main__wrapper .line-text{
    display: inline-block;
    margin-bottom: calc(24 * (100vw / 750));
  }
}

/*------------- mv__wrapper */
.main__wrapper{
  position: relative;
  background: #fff;
}


/*==================================
animation
==================================*/

/*--------------- js-fadeUp */

.js-fade{
  opacity: 0;
  transition: opacity 1.1s ease-in-out, visibility 1.1s ease-in-out;
}

.js-fade.inview{
  opacity: 1;
}

/*--------------- js-fadeUp */

.js-fadeUp{
  opacity: 0;
  transition: 1.5s;
  transform: translateY(5rem);
}

.js-fadeUp.inview{
  opacity: 1;
  transform: translateY(0rem);
}

/*--------------- js-typing_split */
/* .line-text {
  display: inline-block;
} */

.js-trigger .js-typing path{
  opacity: 1;
}

.js-trigger.is-active .js-typing path{
  position: relative;
  opacity: 1;
}


.js-trigger.is-active .js-typing path::before {
  content: "";
  position: absolute;
  background: #EFECE1;
  display: inline-block;
  width: calc(30 * var(--variable) * var(--ratio));
  background: #EFECE1;
  z-index: 1;
  top: 17%;
  left: 0;
  transform: scaleX(0);
  /* transform-origin: left; */
  transition: transform 0.3s ease;
  height: 100%;

}




.typing-char {
  display: inline-block;
  opacity: 0;
  letter-spacing: 1;
  position: relative;
  transition: opacity 0.3s ease;
  font-weight: 300;
  font-family: var(--font-akshar);
  /* transform: scale(0.8, 1); */
}

/* .typing-char::before {
  content: "";
  position: absolute;
  top: 17%;
  left: 0;
  width: calc(100% + 10px);

  background: #EFECE1;
  z-index: -1;
  transform: scaleX(0);
  transform-origin: left;
  transition: transform 0.3s ease;
  height: calc(60 * var(--variable) * var(--ratio));

} */

@media (max-width: 767px) {
  .typing-char::before {
    width: calc(100% + 10px);
  }
}

@media (max-width: 767px) {
  .typing-char::before {
    top: 3%;
    height: calc(60 * (100vw / 750))
  }
}

.typing-char.visible {
  opacity: 1;
}

.typing-char.visible::before {
  transform: scaleX(1);
}

.cursor {
  display: inline;
  opacity: 0;
  position: absolute;
  bottom: calc(-3 * var(--variable) * var(--ratio));
  left: calc(284 * var(--variable) * var(--ratio));
  font-weight: bold;
  margin-left: 2px;
  color: #000;
  animation: blink 1s step-end infinite;
}


.cursor.visible {
  opacity: 1; /* 最後に表示して点滅開始 */
}

@keyframes blink {
  50% {
    opacity: 0;
  }
}

.last-txt__wrapper .typing-char{
  line-height: 1;
  font-weight: 500;
}

.last-txt__wrapper .typing-char::before{
  background-color: transparent;
}

@media (max-width: 767px) {
  .cursor {
    bottom: calc(22 * (100vw / 750));
    left: calc(284 * (100vw / 750));
  }

  .last-txt__wrapper{
    padding-right: calc(40 * (100vw / 750));
    padding-top: calc(20 * (100vw / 750));
  }

  .last-txt__wrapper .typing-char{
    line-height: 1.99;
    font-weight: 500;
    letter-spacing: 0.04em;
  }

  .last-txt__wrapper .cai-btn__wrapper{
    text-align: right;
    margin-top: calc(120 * (100vw / 750));
    padding-right: calc(9 * (100vw / 750));
    letter-spacing: 0.02em;
  }

  .last-txt__wrapper .cai-btn__wrapper span{
    font-size: calc(38.88 * (100vw / 750));
    letter-spacing: 0;
  }

  .last-txt__wrapper .cai-btn__wrapper .arrow span{
    font-size: calc(24.36 * (100vw / 750));
    transform: translate(-1px, -3px);
  }
}