@charset "UTF-8";

/* --- デフォルトCSS設定 --- */

#Contents .main-area {

  overflow-x: visible;

}

.main-area::after {

  content: none;

  height: 0;

}

#footer_emmi {

  margin-top: 0;

  padding-top: 0;

}

#em260617KEEN {

  min-width: 100%;

  font-feature-settings: "palt";

  position: relative;

  display: flex;

  background: var(--gray);

  --black: #000000;

  --white: #ffffff;

  --gray: #f0eeea;

  --pink: #e6aeb9;

  --dark-gray: #424242;

  --font-amandine: "amandine", sans-serif;

  --font-gochic: "toppan-bunkyugothicpr6n-r", sans-serif;

  --font-pragmatica: "pragmatica-web-book", sans-serif;

  --font-lato: "lato", sans-serif;

  --font-db: 600;

  --font-m: 500;

  --font-r: 400;

  --font-l: 300;

  --pc-width: 1400;

  --sp-width: 750;

  --pc-artboard-width: 460;

  --sp-artboard-width: 750;

  --formula: calc(var(--variable) * var(--ratio));

  --formula_pc: calc(var(--variable) * 1);

}



@media (min-width: 1401px) {

  #em260617KEEN {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: 1px;

  }

}

@media (min-width: 768px) and (max-width: 1400px) {

  #em260617KEEN {

    --ratio: calc(var(--pc-artboard-width) / var(--sp-artboard-width));

    --variable: calc(100vw / var(--pc-width));

  }

}

@media (max-width: 767px) {

  #em260617KEEN {

    --ratio: 1;

    --variable: calc(100vw / var(--sp-width));

  }

}



#em260617KEEN img {

  display: block;

  width: 100%;

  height: auto;

}



#em260617KEEN h2,

#em260617KEEN h3,

#em260617KEEN p,

#em260617KEEN li {

  margin-block: calc((1em - 1lh) / 2);

}



#em260617KEEN .invisible-heading {

  position: absolute;

  width: 1px;

  height: 1px;

  margin: -1px;

  padding: 0;

  overflow: hidden;

  clip: rect(0, 0, 0, 0);

  border: 0;

}



/* beforeで裏打ちしている要素を除外して、それ以外に背景白を適用 */

#em260617KEEN [class*="-img-"]:has(a):not(

  .sec01-img-02,

  .sec05-img-01,

  .sec07__inner--absolute, /* これは元々-img-を含まないかもしれませんが念のため */

  .sec09-img-02

) {

  background: var(--white);

}



/* --- 属性セレクタ設定 --- */

#em260617KEEN [class*="__inner--horizontal"] {

  display: flex;

}



#em260617KEEN [class*="__credit"] {

  display: flex;

  flex-direction: column;

  align-items: flex-end;

}



#em260617KEEN [class*="__credit"] li {

  display: flex;

  font-family: var(--font-pragmatica);

  color: var(--dark-gray);

  font-size: calc(22 * var(--formula));

  line-height: calc(42 / 22);

  letter-spacing: 0.05em;

  text-align: left;

  font-weight: var(--font-l);

  gap: calc(17 * var(--formula));

}



#em260617KEEN [class*="__inner--absolute"] {

  position: relative;

}



#em260617KEEN [class*="__inner--vertical"] {

  display: flex;

  flex-direction: column;

}



#em260617KEEN .js-teaser-item a:hover {

  opacity: 1 !important; /* サイト全体の 0.7 設定を上書き */

}

#em260617KEEN [class*="teaser__content"] {

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  display: flex;

  flex-direction: column;

  align-items: center;

  justify-content: center;

  background-color: rgba(255, 247, 214, 0.9);

  transition: opacity 0.3s ease;

  pointer-events: none;

  opacity: 0;

  transform: translateZ(0);

  -webkit-transform: translateZ(0);

  will-change: opacity;

}



/* PC：マウスホバー時に説明文を表示 */

@media (hover: hover) {

  #em260617KEEN [class*="teaser__desc"]:hover [class*="teaser__content"] {

    opacity: 1;

  }

}



/* SP：JavaScriptによって .is-active クラスがついた時に表示 */

#em260617KEEN [class*="teaser__desc"].is-active [class*="teaser__content"] {

  opacity: 1;

}

#em260617KEEN [class*="__inner--sticky"] {

  display: flex;

  flex-direction: column;

  align-items: center;

}

#em260617KEEN [class*="-txt-"] {

  pointer-events: none;

}

#em260617KEEN [class*=""] {

}

#em260617KEEN [class*=""] {

}

#em260617KEEN [class*=""] {

}

/* --- 固有クラス設定 --- */

#em260617KEEN a.link-disable:hover {

  opacity: 1;

}

#em260617KEEN .z1-relative {

  z-index: 1;

  position: relative;

}



#em260617KEEN .z5-absolute {

  z-index: 5;

  position: absolute;

}



#em260617KEEN .sec-set {

  display: flex;

  flex-direction: column;

  align-items: center;

  width: calc(460 * var(--formula_pc));

  overflow-x: clip;

}

#em260617KEEN .product_content {

  position: relative;

  z-index: 1;

}



#em260617KEEN .product__image {

  cursor: pointer;

}



#em260617KEEN .self-end {

  align-self: end;

  z-index: 5;

}



#em260617KEEN .self-start {

  align-self: start;

}



/* --- 抽出されたCSS（上から順） --- */



#em260617KEEN .lp-mv-area {

  position: sticky;

  top: 0;

  height: 100vh;

  flex: 1;

}



#em260617KEEN .lp-mv-img-01,

#em260617KEEN .lp-mv-img-01 img {

  width: 100%;

  height: 100%;

}

#em260617KEEN .lp-mv-img-01 img {

  object-fit: cover;

  object-position: top center;

}



#em260617KEEN .lp-mv-txt-01 {

  width: calc(467 * (100vw / 1400));

  top: calc(51 * var(--formula_pc));

  left: 50.2%;

  transform: translateX(-50%);

}



#em260617KEEN .lp-main-area {

  flex: 1;

  display: flex;

  flex-direction: column;

  align-items: center;

  overflow-x: clip;

}



#em260617KEEN .teaser-sec {

  margin: calc(60 * var(--formula)) auto 0;

}



#em260617KEEN .terser__title {

  font-family: var(--font-amandine);

  font-weight: var(--font-m);

  font-size: calc(80 * var(--formula));

  color: var(--pink);

  letter-spacing: 0.005em;

  line-height: 1;

  text-align: center;

}

#em260617KEEN .terser__title .txt_small {

  font-size: calc(72 * var(--formula));

}

#em260617KEEN .terser__sub_title {

  font-family: var(--font-lato);

  font-weight: var(--font-r);

  font-size: calc(35 * var(--formula));

  color: var(--pink);

  letter-spacing: 0.035em;

  line-height: 1;

  text-align: center;

  margin-top: calc(12 * var(--formula));

}

#em260617KEEN .terser__txt {

  font-family: var(--font-gochic);

  font-weight: var(--font-db);

  font-size: calc(24 * var(--formula));

  color: var(--dark-gray);

  letter-spacing: 0.05em;

  line-height: 2;

  text-align: center;

  margin-top: calc(66 * var(--formula));

}

#em260617KEEN .terser__txt .txt_en {

  font-family: var(--font-pragmatica);

  font-weight: 600;

  font-size: calc(25 * var(--formula));

  line-height: 1.92;

}



#em260617KEEN .js-teaser-item {

  position: relative;

  width: calc(690 * var(--formula));

  margin: calc(140 * var(--formula)) auto 0;

  z-index: 1;

}



#em260617KEEN .teaser-item-logo {

  width: calc(625 * var(--formula));

  position: absolute;

  left: 50.4%;

  transform: translateX(-50%);

  top: calc(54 * var(--formula));

  z-index: 2;

  pointer-events: none;

}



#em260617KEEN .teaser-img-01 {

  width: 100%;

}



#em260617KEEN .terser-txt02 {

  margin-top: calc(65 * var(--formula));

}



#em260617KEEN .sec01 {

  margin: calc(160 * var(--formula)) auto 0;

}



#em260617KEEN .sec__txt_box {

  width: 100%;

  margin: calc(64 * var(--formula)) auto 0;

  padding-left: calc(32 * var(--formula));

}

#em260617KEEN .sec__title {

  font-family: var(--font-amandine);

  font-weight: var(--font-m);

  font-size: calc(76 * var(--formula));

  color: var(--pink);

  letter-spacing: 0.03em;

  line-height: 1.25;

  text-align: left;

}

#em260617KEEN .sec__sub_title {

  font-family: var(--font-gochic);

  font-weight: var(--font-r);

  font-size: calc(30 * var(--formula));

  color: var(--pink);

  letter-spacing: 0.075em;

  line-height: 2;

  text-align: left;

}

#em260617KEEN .sec__sub_title.sub_title01 {

  margin-top: calc(58 * var(--formula));

}

#em260617KEEN .sec__sub_title.sub_title02 {

  margin-top: calc(12 * var(--formula));

}

#em260617KEEN .sec__sub_title .txt_en {

  font-family: var(--font-pragmatica);

  font-weight: 300;

  font-size: calc(32 * var(--formula));

}



#em260617KEEN .sec02 {

  margin: calc(76 * var(--formula)) auto 0;

}



#em260617KEEN .sec02 .sec__title {

  letter-spacing: 0.01em;

}

#em260617KEEN .sec02 .sec__sub_title.sub_title01 {

  margin-top: calc(64 * var(--formula));

}

#em260617KEEN .sec02 .sec__sub_title.sub_title02 {

  margin-top: calc(14 * var(--formula));

}

#em260617KEEN .sec02 .sec__sub_title.sub_title03 {

  margin-top: calc(16 * var(--formula));

}

#em260617KEEN .sec02 .sec__sub_title {

  letter-spacing: 0.12em;

}



#em260617KEEN .sec03 {

  margin: calc(76 * var(--formula)) auto 0;

}



#em260617KEEN .sec03 .sec__sub_title.sub_title01 {

  margin-top: calc(66 * var(--formula));

}

#em260617KEEN .sec03 .sec__sub_title.sub_title02 {

  margin-top: calc(14 * var(--formula));

}

#em260617KEEN .sec03 .sec__sub_title {

  letter-spacing: 0.1em;

}



#em260617KEEN .sec04 {

  margin: calc(80 * var(--formula)) auto 0;

}



#em260617KEEN .sec04 .sec__sub_title.sub_title01 {

  margin-top: calc(67 * var(--formula));

}

#em260617KEEN .sec04 .sec__sub_title.sub_title02 {

  margin-top: calc(14 * var(--formula));

}

#em260617KEEN .sec04 .sec__sub_title {

  letter-spacing: 0.11em;

}



#em260617KEEN .sec05 {

  margin: calc(78 * var(--formula)) auto 0;

}



#em260617KEEN .sec05 .sec__sub_title.sub_title01 {

  margin-top: calc(67 * var(--formula));

}

#em260617KEEN .sec05 .sec__sub_title.sub_title02 {

  margin-top: calc(14 * var(--formula));

}

#em260617KEEN .sec05 .sec__sub_title {

  letter-spacing: 0.11em;

}

#em260617KEEN .sec05 .sec__title {

  letter-spacing: 0.018em;

}



#em260617KEEN .sec06 {

}



#em260617KEEN .sec06__inner--sticky {

}



#em260617KEEN .sec06-img-01 {

  width: calc(750 * var(--formula));

  position: sticky;

  top: calc(50vh - (500 * var(--formula)));

}



#em260617KEEN .sec06__inner--absolute {

  margin: calc(80 * var(--formula)) 0;

}



#em260617KEEN .sec06-img-02 {

  width: calc(630 * var(--formula));

}



#em260617KEEN .sec06__credit {

  bottom: calc(30 * var(--formula));

  right: calc(29 * var(--formula));

  align-items: end;

}

#em260617KEEN .sec06__credit li {

  text-align: right;

}

#em260617KEEN .sec06-txt-01 {

  width: calc(666 * var(--formula));

  z-index: 5;

  margin: calc(-63 * var(--formula)) 0 calc(158 * var(--formula)) 0;

}



#em260617KEEN .sec07 {

  padding: 0 0 calc(160 * var(--formula)) 0;

}



#em260617KEEN .sec07__inner--absolute {

  z-index: 1;

}

#em260617KEEN .sec07__inner--absolute::after {

  content: "";

  width: calc(750 * var(--formula));

  height: calc(1000 * var(--formula));

  position: absolute;

  background-image: url(../img/sec07-img-03.jpg);

  top: calc(80 * var(--formula));

  left: 50%;

  z-index: -1;

  background-size: cover;

  transform: translateX(-50%);

}

#em260617KEEN #sec07-slide,

#em260617KEEN #sec07-slide .splide__slide {

  width: calc(675 * var(--formula));

}



#em260617KEEN .sec07__credit {

  bottom: calc(31 * var(--formula));

  left: calc(30 * var(--formula));

}



#em260617KEEN .sec07-txt-01 {

  width: calc(605 * var(--formula));

  z-index: 5;

  margin: calc(21 * var(--formula)) 0 0 calc(8 * var(--formula));

}



#em260617KEEN .sec08 {

  padding: 0 0 calc(162 * var(--formula)) 0;

}



#em260617KEEN .sec08-img-01 {

  width: calc(750 * var(--formula));

}



#em260617KEEN .sec08-txt-01 {

  width: calc(702 * var(--formula));

  margin: calc(-78 * var(--formula)) calc(-5 * var(--formula))

    calc(60 * var(--formula)) 0;

}



#em260617KEEN .sec08-img-02 {

  width: calc(585 * var(--formula));

}



#em260617KEEN .sec08__inner--vertical {

  margin: calc(15 * var(--formula)) 0 0 0;

  gap: calc(40 * var(--formula));

}



#em260617KEEN .sec08-img-03 {

  width: calc(630 * var(--formula));

}



#em260617KEEN .sec08__credit {

}



#em260617KEEN .sec09 {

  padding: calc(79 * var(--formula)) 0 0 0;

}



#em260617KEEN .sec09-img-02 {

  width: calc(570 * var(--formula));

  position: relative;

  z-index: 1;

}

#em260617KEEN .sec09-img-02::after {

  content: "";

  width: calc(570 * var(--formula));

  height: calc(760 * var(--formula));

  position: absolute;

  background-image: url(../img/sec09-img-01.jpg);

  top: calc(-80 * var(--formula));

  right: calc(-90 * var(--formula));

  z-index: -1;

  background-size: cover;

}

#em260617KEEN .sec09-txt-01 {

  width: calc(496 * var(--formula));

  margin: calc(-83 * var(--formula)) 0 calc(19 * var(--formula))

    calc(-5 * var(--formula));

  z-index: 5;

}



#em260617KEEN .sec10 {

  padding: calc(80 * var(--formula)) 0 calc(159 * var(--formula)) 0;

}



#em260617KEEN .sec10__inner--absolute {

}



#em260617KEEN .sec10-img-01 {

  width: calc(705 * var(--formula));

}



#em260617KEEN .z1-absolute {

}



#em260617KEEN .sec10__credit {

  bottom: calc(32 * var(--formula));

  align-items: end;

  right: calc(29 * var(--formula));

}

#em260617KEEN .sec10__credit li {

  text-align: right;

}

#em260617KEEN .sec10-txt-01 {

  width: calc(522 * var(--formula));

  margin: calc(22 * var(--formula)) 0 0 0;

}



#em260617KEEN .sec11 {

  padding: 0 0 calc(158 * var(--formula)) 0;

}



#em260617KEEN .sec11-img-01 {

  width: calc(660 * var(--formula));

}



#em260617KEEN .sec11-txt-01 {

  width: calc(554 * var(--formula));

  margin: calc(-69 * var(--formula)) calc(-5 * var(--formula)) 0 0;

}



#em260617KEEN .sec12 {

}



#em260617KEEN .sec12-txt-01 {

  width: calc(740 * var(--formula));

}



#em260617KEEN .sec12-img-01 {

  width: calc(760 * var(--formula));

  margin: calc(12 * var(--formula)) 0 calc(40 * var(--formula)) 0;

}



#em260617KEEN .sec12__credit {

  align-items: center;

}



#em260617KEEN .lp-footer {

  padding: calc(146 * var(--formula)) 0 calc(160 * var(--formula)) 0;

  gap: calc(136 * var(--formula));

}



#em260617KEEN .lp-footer-img-01 {

  width: calc(640 * var(--formula));

}



#em260617KEEN .lp-footer__staff-credit {

  font-family: var(--font-pragmatica);

  color: var(--black);

  font-size: calc(24 * var(--formula));

  line-height: 2;

  letter-spacing: 0.075em;

  text-align: center;

  font-weight: var(--font-l);

  display: flex;

  flex-direction: column;

  gap: calc(24 * var(--formula));

}

@media (max-width: 767px) {

  #em260617KEEN {

    flex-direction: column;

  }

  #em260617KEEN .sec-set {

    width: 100%;

  }

  #em260617KEEN .lp-mv-area {

    position: relative;

    height: unset;

  }

  #em260617KEEN .lp-mv-img-01 {

    height: auto;

  }

  #em260617KEEN .lp-mv-txt-01 {

    width: calc(564 * var(--formula));

    top: calc(24 * var(--formula));

  }

}

/* 

////////////////////////////////////////////

animation

////////////////////////////////////////////

*/



/* ============================================================

   1. 特殊グループ（背景固定：中身 a と before だけ動かす）

   ============================================================ */



/* ホバー時に不透明度を変更 */

#em260617KEEN

  :is(.sec01-img-02, .sec05-img-01, .sec07__inner--absolute, .sec09-img-02)

  a:hover

  img {

  opacity: 0.7;

}

/* --- 【追加】特殊グループの fade-in (.sec09-img-02, .sec07__inner--absolute) --- */

#em260617KEEN :is(.sec07__inner--absolute, .sec09-img-02).fade-in a,

#em260617KEEN :is(.sec07__inner--absolute, .sec09-img-02).fade-in::before {

  opacity: 0;

  transition: opacity 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#em260617KEEN

  :is(.sec07__inner--absolute, .sec09-img-02).is-visible.fade-in

  a,

#em260617KEEN

  :is(.sec07__inner--absolute, .sec09-img-02).is-visible.fade-in::before {

  opacity: 1;

}



/* --- 特殊グループの slide-right (中身だけ) --- */

#em260617KEEN :is(.sec01-img-02, .sec05-img-01).slide-right a,

#em260617KEEN :is(.sec01-img-02, .sec05-img-01).slide-right::before {

  display: block; /* 必須：transformを有効にするため */

  opacity: 0;

  transform: translateX(calc(30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260617KEEN :is(.sec01-img-02, .sec05-img-01).is-visible.slide-right a,

#em260617KEEN

  :is(.sec01-img-02, .sec05-img-01).is-visible.slide-right::before {

  opacity: 1;

  transform: translateX(0);

}



/* --- 特殊グループの slide-left (中身だけ) --- */

/* ※translateX(-30px)を維持 */

#em260617KEEN :is(.sec01-img-02, .sec05-img-01).slide-left a,

#em260617KEEN :is(.sec01-img-02, .sec05-img-01).slide-left::before {

  display: block;

  opacity: 0;

  transform: translateX(calc(-30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260617KEEN :is(.sec01-img-02, .sec05-img-01).is-visible.slide-left a,

#em260617KEEN

  :is(.sec01-img-02, .sec05-img-01).is-visible.slide-left::before {

  opacity: 1;

  transform: translateX(0);

}



/* ============================================================

   2. 通常グループ（親ごと動かす：.sec01-img-01 など）

   ============================================================ */



/* 特殊グループ（背景固定組）以外に適用 */

#em260617KEEN .fade-in:not(:is(.sec07__inner--absolute, .sec09-img-02)) {

  opacity: 0;

  transition: opacity 1.5s cubic-bezier(0.39, 0.575, 0.565, 1);

}

#em260617KEEN

  .is-visible.fade-in:not(:is(.sec07__inner--absolute, .sec09-img-02)) {

  opacity: 1;

}



#em260617KEEN .slide-right:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 0;

  transform: translateX(calc(30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260617KEEN .is-visible.slide-right:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 1;

  transform: translateX(0);

}



#em260617KEEN .slide-left:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 0;

  transform: translateX(calc(-30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260617KEEN .is-visible.slide-left:not(:is(.sec01-img-02, .sec05-img-01)) {

  opacity: 1;

  transform: translateX(0);

}



#em260617KEEN

  .slide-up:not(

    :is(.sec01-img-02, .sec05-img-01, .sec07__inner--absolute, .sec09-img-02)

  ) {

  opacity: 0;

  transform: translateY(calc(30 * var(--formula)));

  transition:

    opacity 1s,

    transform 1s;

}

#em260617KEEN

  .is-visible.slide-up:not(

    :is(.sec01-img-02, .sec05-img-01, .sec07__inner--absolute, .sec09-img-02)

  ) {

  opacity: 1;

  transform: translateY(0);

}





#em260617KEEN .alternative {

  position: fixed !important;

  inset: 0 !important;

  display: block !important;

  inline-size: 4px !important;

  block-size: 4px !important;

  contain: strict !important;

  pointer-events: none !important;

  opacity: 0 !important;

}

/* アニメーション前 */

#em260617KEEN [data-text-animation="fadeIn"] span {

  opacity: 0;

  transition: opacity 1s;

}



/* アニメーション後 */

#em260617KEEN [data-text-animation="fadeIn"] span.is-active {

  opacity: 1;

}



/* ===================

	　　 credits

=================== */

#em260617KEEN .landing-page__credits {

  position: absolute;

  top: 0;

  left: 0;

  z-index: 1;

  width: 100%;

  height: 100%;

  pointer-events: none;

}



#em260617KEEN .landing-page__credits-button {

  position: absolute;

  right: calc(24 * var(--formula));

  top: calc(24 * var(--formula));

  z-index: 10;

  width: calc(64 * var(--formula));

  height: calc(64 * var(--formula));

  pointer-events: auto;

  cursor: pointer;

}



#em260617KEEN .landing-page__credits-button::before,

#em260617KEEN .landing-page__credits-button::after {

  position: absolute;

  content: '';

  background-color: var(--white);

}



#em260617KEEN .landing-page__credits-button::before {

  top: 0;

  bottom: 0;

  left: 0;

  width: 100%;

  height: 1px;

  margin-block: auto;

}



#em260617KEEN .landing-page__credits-button::after {

  top: 0;

  right: 0;

  left: 0;

  width: 1px;

  height: 100%;

  margin-inline: auto;

}



#em260617KEEN .landing-page__credits-list {

  --letter-spacing: 0;

  position: absolute;

  right: calc(24 * var(--formula));

  bottom: calc(24 * var(--formula));

  z-index: 5;

  display: flex;

  flex-direction: column;

  align-items: flex-end; /* ★ 中の a タグをすべて右側に整列させます */

  pointer-events: none;

}



#em260617KEEN .landing-page__credit {

  font-family: var(--font-pragmatica);

  font-weight: var(--font-l);

  font-size: calc(22 * var(--formula));

  letter-spacing: 0.05em;

  color: var(--white);

  line-height: 1.9090909091;

  text-align: right;

  display: block;

  width: fit-content;

  pointer-events: auto;

}



#em260617KEEN .animation-switch::after {

  transition: transform 0.6s ease;

}



#em260617KEEN .animation-switch.is-clicked::after {

  transform: rotate(90deg);

}



#em260617KEEN .animation-overlay {

  transition: background-color 0.6s ease;

}



#em260617KEEN .animation-overlay > *:not(.animation-switch) {

  visibility: hidden;

  opacity: 0;

  transition: opacity 0.6s ease, visibility 0.6s ease;

}



#em260617KEEN .animation-overlay.is-clicked {

  background-color: rgba(0, 0, 0, 0.25);

  pointer-events: auto;

  cursor: pointer;

  z-index: 5;

}

#em260617KEEN .animation-overlay.is-clicked > * {

  cursor: default;

}



#em260617KEEN .animation-overlay.is-clicked > *:not(.animation-switch) {

  visibility: visible;

  opacity: 1;

}



#em260617KEEN .js-typewriter {

  /* カーソルのスタイル */

  border-right: 2px solid var(--white); 

  

  white-space: nowrap; /* テキストを一行に保つ */

  /* overflow: hidden; */

  display: inline-block; /* 幅をテキストに合わせる */



  /* カーソルの点滅アニメーション */

  animation: blink-caret .75s step-end infinite;

}



/* タイピングが完了した後にJSが追加するクラス */

#em260617KEEN .js-typewriter.typing-done {

  border-right: none; /* カーソルを消す */

  animation: none;      /* 点滅を停止 */

}



/* カーソルの点滅を定義 */

@keyframes blink-caret {

  from, to { border-color: transparent }

  50% { border-color: var(--white) }

}



@media (min-width: 768px) {

  #em260617KEEN .terser__txt{

    margin-top: calc(69 * var(--formula));

    font-weight: var(--font-m);

  }



#em260617KEEN .terser__txt .txt_en {

  font-weight: var(--font-m);

}



  #em260617KEEN .terser-txt02 {

    margin-top: calc(69 * var(--formula));

  }

}

@media (max-width: 767px) {

  #em260617KEEN .landing-page__credits-list{

    right: calc(24 * var(--formula));

    bottom: calc(30 * var(--formula));

  }

}



  #em260617KEEN .no_link:hover {

    opacity: 1;

  }