@charset "UTF-8";
/* ▼ -----------可変設定---------- ▼ */
#MR251023AW2nd {
  --color-brown: #423a39;
  --color-white: #fff;
  --color-bg-yellow: #e6e5dd;
  --font-courier-std: courier-std, monospace;
  --font-courier-new: courier-new, sans-serif;

  /*デザインの値*/
  --pc-width: 1919.9528; /*PCデザイン幅*/
  --sp-width: 750; /*SPデザイン幅*/
  --pc-artboard-width: 549.6257; /*SP共通デザイン幅*/
  --sp-artboard-width: 750; /*PC共通デザイン幅*/
  /*可変率の計算式*/
  --formula: calc(var(--variable) * var(--ratio)); /*SP,PC共通箇所の可変割合の計算式*/
  --formula_pc: calc(var(--variable) * 1); /*PCデザインの可変割合の計算式*/

  font-family: var(--font-courier-std);
  font-style: normal;
  color: var(--color-brown);
  overflow-x: clip;
}

#MR251023AW2nd p,
#MR251023AW2nd a,
#MR251023AW2nd li,
#MR251023AW2nd span{
  font-weight: 700;
  font-feature-settings: "palt";
}

/* PC画面幅 2100px以上 固定 */
@media (min-width: 2101px) {
  #MR251023AW2nd {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比率 */
    --variable: 1px; /* 固定値（可変しない） */
  }
}
/* PC画面幅 768～2100px 可変 */
@media (min-width: 768px) and (max-width: 2100px) {
  #MR251023AW2nd {
    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width)); /* PCとSPのデザイン幅の比率 */
    --variable: calc(100vw / var(--pc-width)); /* 画面幅に基づく可変値 */
  }
}
/* SP画面幅 767px以下 可変 */
@media (max-width: 767px) {
  #MR251023AW2nd {
    --ratio: 1; /* 比率は1（変わらない） */
    --variable: calc(100vw / var(--sp-width)); /* 画面幅に基づく可変値 */
  }
}
/* ▲ -----------可変設定---------- ▲ */
/* PC：仮で設定しておりますので、調整の際は削除してください。 */
#issue_lptemplate {
  height: 50vh;
  font-family: var(--font-noto-serif);
}

/* SP：仮でフォントサイズ設定しておりますので、調整の際は削除してください。 */
@media only screen and (max-width: 767px) {
  #issue_lptemplate {
    font-size: 2.6666666667vw;
  }
}

.footer {
  padding-top: 0;
}

.m-25-winter img {
  width: 100%;
  height: auto;
}

@media screen and (max-width: 768px) {
  .hidden-mobile {
    display: none;
  }
}

/* -----------------------------------
             PC：レイアウト
----------------------------------- */
@media screen and (min-width: 768px) {
  /* #Contents{
    padding-top: 0;
  } */

  .hidden-desktop {
    display: none;
  }

  .m-25-winter {
    display: flex;
    background-color: var(--color-bg-yellow);
  }

  /* PC：サイドテキスト____ */
  .pc__left,
  .pc__right {
    position: relative;
    z-index: 2;
    width: calc((100vw - calc(549.6257 * var(--formula_pc))) / 2);
  }

  .pc__left--content,
  .pc__right--content {
    overflow: hidden;
    position: sticky;
    top: calc(155 * var(--formula_pc));
  }

  .pc__left--content {
    position: sticky;
    width: calc(310 * var(--formula_pc));
    left: calc(60 * var(--formula_pc));
    margin-top: calc(90 * var(--formula_pc));
  }

  .pc__right--content {
    display: flex;
    justify-content: center;
    margin-right: calc(72 * var(--formula_pc));
    margin-left: auto;
    width: calc(144 * var(--formula_pc));
    height: calc(144 * var(--formula_pc));
    margin-top: calc(64 * var(--formula_pc));
  }

  .pc_txt__wrapper{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .pc__left .pc_txt__wrapper{
    align-items: flex-start;
  }

  .pc__right .pc_txt__wrapper{
    justify-content: center;
  }

  .pc_txt__wrapper a{
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
  }

  .pc_txt--left{
    font-size: calc(23.4 * var(--formula_pc));
    line-height: 1.1764957265;
    white-space: nowrap;
  }

  .pc_txt--left:first-of-type{
    letter-spacing: -0.02em;
  }

  .pc_txt--left:nth-of-type(3){
    font-size: calc(32 * var(--formula_pc));
    line-height: 1.368125;
    letter-spacing: -0.02em;
    word-spacing: calc(-2 * var(--formula));
  }

  .pc_cai_txt{
    font-size: calc(22.5 * var(--formula_pc));
    line-height: 0.9835555556;
    letter-spacing: 0.04em;
  }

  .cai_btn{
    position: relative;
    z-index: 1;
  }

  .pc__footer.js-fade.is-active .cai_btn__wrapper .cai_btn{
    width: calc(144 * var(--formula_pc));
    height: calc(144 * var(--formula_pc));
    margin: 0 0 calc(10 * var(--formula_pc)) 0;
  }

  .pc_txt__wrapper.cai_btn a{
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    width: calc(70.9863 * var(--formula_pc));
    height: calc(68.5586 * var(--formula_pc));
  }

  .pc_txt__wrapper.cai_btn p:first-of-type{
    width: calc(70 * var(--formula_pc));
    height: calc(22 * var(--formula_pc));
  }

  .pc_txt__wrapper.cai_btn p:nth-of-type(2){
    width: calc(40 * var(--formula_pc));
    height: calc(22 * var(--formula_pc));
  }

  .pc_txt__wrapper.cai_btn p:nth-of-type(3){
    width: calc(70 * var(--formula_pc));
    height: calc(22 * var(--formula_pc));
  }

  .cai_btn__wrapper .cai_btn a{
    padding-top: calc(4 * var(--formula_pc));
  }

  .cai_btn::before{
    content: "";
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: calc(144 * var(--formula_pc));
    height: calc(144 * var(--formula_pc));
    background-color: var(--color-white);
    border-radius: 50%;
    z-index: -1;
  }
  /* ____ PC：サイドテキスト end */

  .pc--center {
    width: calc(549.6257 * var(--formula_pc));
  }

  /* PC：footer____ */
  .pc__footer{
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--color-brown);
    padding: calc(89 * var(--formula_pc)) 0;
  }

  .pc__footer__inner{
    display: flex;
    justify-content: space-between;
    align-items: end;
    width: calc(1788.7474 * var(--formula_pc));
  }

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

  .pc__footer .js-fade .pc_txt__wrapper{
    opacity: 0;
  }

  .pc__footer .js-fade.is-active .pc_txt__wrapper{
    opacity: 1;
  }

  .pc__footer .staff_list{
    height: calc(222 * var(--formula_pc));
  }

  .pc__footer .staff_name{
    font-size: calc(20.25 * var(--formula_pc));
    line-height: 1.3037037037;
  }


  /* ____PC：footer end */
}

/* -----------------------------------
            共通箇所
----------------------------------- */
.pc--center{
  background-color: var(--color-white);
}

.content{
  background: var(--color-white);
}

.content:not(.content01){
  position: relative;
  z-index: 2;
}

.sticky_content{
  position: sticky;
  top: 0;
  background-color: var(--color-white);
}

.img__wrapper {
  position: relative;
  width: 100%;
  background-color: var(--color-white);
  cursor: pointer;
  z-index: 1;
}

.slide_txt{
  display: flex;
  justify-content: space-between;
  position: absolute;
  top: 48.5%;
  right: calc(-297 * var(--formula));
  transform: rotate(90deg) translateY(-50%);
  width: calc(704 * var(--formula));
  z-index: 10;
  pointer-events: none;
}

.side-txt{
  font-size: calc(25 * var(--formula));
  color: var(--color-brown);
  letter-spacing: -0.01em;
}

.numbers{
  font-size: calc(28 * var(--formula));
  letter-spacing: -0.015em;
  word-spacing: calc(0.115 * var(--formula));
}

.staff_list .staff_name{
  color: var(--color-white);
  letter-spacing: 0.06em;
}


/* ------------- credit */
.credit_list{
  position: absolute;
  top: 50%;
  left: calc(29 * var(--formula));
  transform: translateY(-50%);
  z-index: 2;
}

.crdt{
  position: relative;
  font-size: calc(29 * var(--formula));
  letter-spacing: 0.04em;
  line-height: 1.1237931034;
  word-spacing: calc(-9 * var(--formula));
  color: var(--color-white);
  padding-left: calc(20 * var(--formula));
}

.crdt::before{
  content: ">";
  position: absolute;
  left: 0;
  top: 0;
}

.additional_info{
  font-size: calc(26 * var(--formula));
  letter-spacing: 0.04em;
  line-height: 1;
  word-spacing: calc(-10 * var(--formula));
  color: var(--color-white);
  margin: calc(30 * var(--formula)) 0 calc(15 * var(--formula));
}

.item_name{
  letter-spacing: 0.02em;
  word-spacing: calc(-10 * var(--formula));
}

.price{
  letter-spacing: -0.03em;
}

/* ------------- content_item */
.content_item__wrapper{
  width: calc(630 * var(--formula));
  margin: 0 auto;
}

.item_txt{
  display: inline-block;
  font-size: calc(32 * var(--formula));
  letter-spacing: 0.01em;
  line-height: 1;
  text-align: left;
  word-spacing: calc(-10 * var(--formula));
  height: calc(35 * var(--formula));
}

.square{
  display: inline-block;
  font-size: calc(20 * var(--formula));
  transform: translateY(-1px);
  padding-right: calc(2 * var(--formula));
}

.pick-up_txt{
  letter-spacing: -0.007em;
  word-spacing: calc(-9 * var(--formula));
  padding-right: calc(4 * var(--formula));
}

.colon-adjust{
  display: inline-block;
  transform: translateY(-1px);
  padding-right: calc(2 * var(--formula));
}

.item_img{
  position: relative;
  margin: calc(20 * var(--formula)) auto calc(21 * var(--formula));
}

.item_crdt{
  display: flex;
  flex-direction: column;
  /* direction: rtl;
  text-align: left; */
  font-size: calc(29 * var(--formula));
  letter-spacing: 0.04em;
  line-height: 1.1237931034;
  white-space: nowrap;
  height: calc(64.9082 * var(--formula));
  margin-left: auto;
  margin-right: 0;
}

.item_crdt span{
  display: inline-block;
  white-space: nowrap;
}

.item_dec{
  position: absolute;
  top: calc(19 * var(--formula));
  right: calc(19 * var(--formula));
  z-index: 1000000;
  width: calc(160 * var(--formula));
  height: calc(160 * var(--formula));
  pointer-events: none;
}

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

.mv .logo {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: calc(311.415 * var(--formula));
  bottom: calc(323 * var(--formula));
  z-index: 1;
}

/* ------------- content00 */
.content00{
  /* position: relative;
  z-index: 1; */
  background-color: var(--color-brown);
  color: var(--color-white);
}

.content00__inner{
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  height: calc(945.922 * var(--formula));
  padding: calc(55 * var(--formula)) 0 calc(24 * var(--formula));
}

.upper_txt{
  font-size: calc(26 * var(--formula));
  width: calc(480 * var(--formula));
  word-spacing: calc(-2 * var(--formula));
  white-space: nowrap;
  font-weight: 700;
}

.bottom_txt{
  width: calc(390 * var(--formula));
  font-weight: 700;
}

.bottom_txt h2{
  font-size: calc(48 * var(--formula));
  letter-spacing: 0.06em;
  margin-bottom: calc(45 * var(--formula));
  white-space: nowrap;
  font-weight: 700;
  word-spacing: calc(-16 * var(--formula));
}

.bottom_txt p{
  width: calc(88 * var(--formula));
  height: calc(50 * var(--formula));
  font-weight: 700;
  margin: 0 auto;
}

.bottom_txt span{
  position: relative;
  font-size: calc(25 * var(--formula));
}

.bottom_txt span::before{
  content: ">";
  position: absolute;
  font-size: calc(25 * var(--formula));
  bottom: calc(-30 * var(--formula));
  left: 43%;
  transform: rotate(90deg) translateX(-50%);
}

/* ------------- content01 */
.content01_item .content_item__wrapper{
  padding: calc(102 * var(--formula)) 0 calc(164 * var(--formula));
}

.content01_item .item_crdt{
  width: calc(384 * var(--formula));
}

.content01_item .item_crdt .price{
  width: calc(150 * var(--formula));
  margin-left: calc(231 * var(--formula));
}

/* ------------- content02 */
.content02 .additional_info{
  margin: calc(30 * var(--formula)) 0 calc(7 * var(--formula));
}

.content02_item .content_item__wrapper{
  padding: calc(102 * var(--formula)) 0 calc(164.4 * var(--formula));
}

.content02_item .item_crdt{
  width: calc(292 * var(--formula));
}

.content02_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content02_item .item_crdt .price{
  width: calc(170 * var(--formula));
  margin-left: calc(140 * var(--formula));
}

/* ------------- content03 */
.content03 .img__wrapper01{
  margin-bottom: calc(10 * var(--formula));
}

.content03 .img__wrapper01 .credit_list{
  top: 48%;
}

.content03 .img__wrapper02 .credit_list{
  top: 51%;
}

.content03_item .content_item__wrapper{
  padding: calc(104 * var(--formula)) 0 calc(161 * var(--formula));
}

.content03_item .item_crdt{
  width: calc(387 * var(--formula));
}

.content03_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content03_item .item_crdt .price{
  width: calc(170 * var(--formula));
  margin-left: calc(240 * var(--formula));
}


/* ------------- content04 */
.content04 .credit_list{
  top: 46.8%;
}

.content04 .additional_info{
  margin: calc(34 * var(--formula)) 0 calc(15 * var(--formula));
}

.content04_item .content_item__wrapper{
  padding: calc(90 * var(--formula)) 0 calc(164.4 * var(--formula));
}

.content04_item .item_crdt{
  width: calc(285 * var(--formula));
  height: calc(97 * var(--formula));
}

.content04_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content04_item .item_crdt .item_name:first-of-type{
  width: calc(257 * var(--formula));
  margin-left: calc(30 * var(--formula));
}

.content04_item .item_crdt .price{
  width: calc(145 * var(--formula));
  margin-left: calc(137 * var(--formula));
}



/* ------------- content05 */
.content05_item .content_item__wrapper{
  padding: calc(105 * var(--formula)) 0 calc(120 * var(--formula));
}

.content05_item .item_crdt{
  width: calc(256 * var(--formula));
  height: calc(97 * var(--formula));
}

.content05_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content05_item .item_crdt .item_name:nth-of-type(2){
  width: calc(227 * var(--formula));
  margin-left: calc(27 * var(--formula));
}

.content05_item .item_crdt .price{
  width: calc(140 * var(--formula));
  margin-left: calc(107 * var(--formula));
}

/* ------------- content06 */
.content06_item .content_item__wrapper{
  padding: calc(99 * var(--formula)) 0 calc(164.4 * var(--formula));
}

.content06_item .item_crdt{
  width: calc(486 * var(--formula));
}

.content06_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content06_item .item_crdt .price{
  width: calc(147 * var(--formula));
  margin-left: calc(337 * var(--formula));
}

/* ------------- content07 */
.content07_item .content_item__wrapper{
  padding: calc(99 * var(--formula)) 0 calc(170 * var(--formula));
}

.content07_item .item_crdt{
  width: calc(365 * var(--formula));
}

.content07_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content07_item .item_crdt .price{
  width: calc(150 * var(--formula));
  margin-left: calc(215 * var(--formula));
}

/* ------------- content08 */
.content08_item .content_item__wrapper{
  padding: calc(103 * var(--formula)) 0 calc(164.4 * var(--formula));
}

.content08_item .item_img{
  margin: calc(20 * var(--formula)) auto calc(18 * var(--formula));
}

.content08_item .item_crdt{
  width: calc(330 * var(--formula));
}

.content08_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content08_item .item_crdt .price{
  width: calc(150 * var(--formula));
  margin-left: calc(180 * var(--formula));
}

/* ------------- content09 */
.content09_item .content_item__wrapper{
  padding: calc(102 * var(--formula)) 0 calc(164.4 * var(--formula));
}

.content09_item .item_crdt{
  width: calc(314 * var(--formula));
}

.content09_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content09_item .item_crdt .item_name:nth-of-type(2){
  width: calc(225 * var(--formula));
  margin-left: calc(89 * var(--formula));
}

.content09_item .item_crdt .price{
  width: calc(164 * var(--formula));
  margin-left: calc(167 * var(--formula));
}

/* ------------- content10 */
.content10_item .content_item__wrapper{
  padding: calc(99 * var(--formula)) 0 calc(190 * var(--formula));
}

.content10_item .item_crdt{
  width: calc(390 * var(--formula));
}

.content10_item .item_crdt .item_name{
  word-spacing: calc(-6 * var(--formula));
}

.content10_item .item_crdt .item_name:nth-of-type(2){
  width: calc(322 * var(--formula));
  margin-left: calc(74 * var(--formula));
}

.content10_item .item_crdt .price{
  width: calc(144 * var(--formula));
  margin-left: calc(242 * var(--formula));
}


/* -----------------------------------
             SP：レイアウト
----------------------------------- */
@media screen and (max-width: 768px) {
  .footer{
    position: relative;
    background-color: var(--color-brown);
    padding: calc(60 * var(--formula)) 0 calc(48 * var(--formula));
  }

  .footer_txt__wrapper{
    width: calc(436 * var(--formula));
    margin: 0 auto;
    padding-bottom: calc(260 * var(--formula));
  }

  .footer .cai_btn{
    display: inline-block;
    text-align: left;
    width: calc(436 * var(--formula));
    font-size: calc(48 * var(--formula));
    letter-spacing: 0.06em;
    word-spacing: calc(-18 * var(--formula));
    color: var(--color-white);
    white-space: nowrap;
  }

  .footer_txt__wrapper p{
    width: calc(147.1724 * var(--formula));
    color: var(--color-white);
    margin: calc(42 * var(--formula)) auto 0;
    white-space: nowrap;
  }

  .footer_txt__wrapper p span{
    position: relative;
    font-size: calc(25 * var(--formula));
  }

  .footer_txt__wrapper p span::before{
    content: ">";
    position: absolute;
    font-size: calc(25 * var(--formula));
    top: calc(-30 * var(--formula));
    left: 47%;
    transform: rotate(-90deg) translateX(-50%);
  }

  .staff_list__wrapper{
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    row-gap: calc(8 * var(--formula));
    width: calc(680 * var(--formula));
    height: calc(262 * var(--formula));
    margin-left: calc(45 * var(--formula));
  }

  .staff_name{
    font-size: calc(25 * var(--formula));
    line-height: 1;
    letter-spacing: 0.06em;
  }

}

/* -----------------------------------
             pagination
----------------------------------- */
.img_slider{
  position: relative;
  z-index: 1;
}

#MR251023AW2nd .slick-dots {
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: left;
  bottom: calc(30 * var(--formula));
  right: calc(30 * var(--formula));
  margin: 0;
  column-gap: calc(10 * var(--formula));
}

#MR251023AW2nd .item_img .slick-dots {
  bottom: calc(25 * var(--formula));
  right: calc(25 * var(--formula));
}

#MR251023AW2nd .slick-dots li {
  margin: 0;
}

#MR251023AW2nd .slick-dots li button {
  font-size: 0;
  line-height: 0;
  display: block;
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  cursor: pointer;
  border-radius: 50%;
  border: 1px solid var(--color-white);
  transition: all 0.3s ease;
  background: transparent;
}

#MR251023AW2nd .slick-dots li button {
  border: 1px solid var(--color-white);
}

#MR251023AW2nd .slick-dots li.slick-active button {
  background-color: var(--color-white);
}

/* .img_slider .splide__pagination {
  position: absolute;
  justify-content: left;
  bottom: calc(30 * var(--formula));
  right: calc(20 * var(--formula));
}

.img_slider .splide__pagination li {
  margin-right: calc(10 * var(--formula));
}

.img_slider .splide__pagination li button {
  width: calc(10 * var(--formula));
  height: calc(10 * var(--formula));
  border: 1px solid var(--color-white);
  border-radius: 50%;
  background: transparent;
  padding: 0;
}

.img_slider .splide__pagination li button.is-active {
  background-color: var(--color-white);
} */

/* -----------------------------------
             animation
----------------------------------- */
/* fadein */
.js-fade.fade{
  opacity: 0;
}

.js-fade.fade.is-active{
  -webkit-animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation: fade-in 1.2s cubic-bezier(0.25, 0.46, 0.45, 0.94) forwards;
  animation-delay: .2s;
}

@media screen and (min-width: 767px) {
  .pc__right {
    opacity: 0;
    transition: opacity 0.5s;
  }

  .pc__right.onView {
    opacity: 1;
  }

  #MR251023AW2nd .pc__footer.js-fade .cai_btn__wrapper,
  #MR251023AW2nd:has(.pc__right.onView) .cai_btn__wrapper{
    opacity: 0;
    transition: transform 0.5s ease;
  }

  #MR251023AW2nd .pc__footer.js-fade.is-active .cai_btn__wrapper{
    opacity: 1;
  }

}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
      opacity: 1;
  }
}

.logo.js-fade.is-active {
  animation-delay: .4s;
}

/* blur */
.js-tap .credit_list,
.js-fade.blur{
  opacity: 0;
  filter: blur(10px);
  /* transform: scale(1.02); */
  transition: filter 1s, opacity 1s, transform 1s;
}

.js-tap.is-active .credit_list,
.js-fade.blur.is-active{
  opacity: 1;
  filter: blur(0);
  /* transform: scale(1); */
}

.js-tap .crdt a{
  pointer-events: none;
}

.js-tap.is-active .crdt a{
  pointer-events: all;
}

.js-tap .img_crdt{
  display: none;
}

.js-tap.is-active .img_crdt{
display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 2;
}

/* typing cursor */
/* .js-typing:after {
  content: "|";
  color: var(--color-brown);
  animation: blink 1s infinite;
}

.staff_list__wrapper .js-typing:after {
  color: var(--color-white);
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
} */

/* circle */
.circle{
  position: relative;
}

.circle::after{
  content: "";
  position: absolute;
  top: -1px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(33 * var(--formula));
  height: calc(33 * var(--formula));
  border-radius: 50%;
  border: 1px solid var(--color-brown);
  background-color: transparent;
  animation: blink 1s infinite;
}

@keyframes blink {
  0%, 100% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
}

.content:not(.content01) .slide_txt .js-show .circle::after{
  left: calc(-25 * var(--formula));
}

.content:not(.content01) .slide_txt .js-show.is-active .circle::after{
  left: 50%;
  transition: transform 0.5s ease;
  /* transition-delay: 3s; */
}


/* Safari でのパフォーマンス向上 */
.js-typing, .js-typing-top, .item_crdt, .item_crdt > * {
  /* 💡 アニメーションが完了するまでこのプロパティを使用 */
  will-change: transform, opacity; 
  /* 💡 3Dレンダリングのレイヤーを強制的に作成し、高速化（小さな要素には効果的） */
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-perspective: 1000;
  perspective: 1000;
}