/* 4 案に共通の部品（tm_core.js と組み）。本線に入れるときは、どの案でもこのファイルを 1 回だけ読む */

/* 写しの字を出す段は、写しの位置の基準にする（position を足すだけで、見た目と組みは変わらない） */
.aname__text,.philo__body{position:relative}

/* 写しの層と、1 字ずつの写し。層は段の左上を 0 にした大きさ 0 の箱で、字はそこからの位置で置く */
.tm-layer{position:absolute;left:0;top:0;width:0;height:0;pointer-events:none;z-index:4;writing-mode:horizontal-tb}
.tm-g{position:absolute;display:block;margin:0;padding:0;white-space:pre;text-align:start;text-indent:0;word-break:normal;will-change:transform,opacity;transform-origin:50% 50%;backface-visibility:hidden}

/* 動いている間だけ、本物の字を透明にする（字の場所と、読み上げと、選んで写す動作はそのまま） */
.tm-hold,.tm-hold *{color:transparent!important;-webkit-text-fill-color:transparent!important;text-shadow:none!important}

/* 本線だけで効く（html.tx は本線の js/text.js が付ける）: 名前と Philosophy の行から .rv の現れ方（26px 動いて現れる）を外す。
   写しは本物の字の場所を測って重ねるので、本物の字が .rv で動いていると、写しの位置がずれる。由来の段落は本線ですでに外してある */
html.tx :is(.about__brand,.philo__body p).rv{opacity:1;transform:none;transition:none}