/* TERASU 共通: セクション見出しの支給仕様(DIMENSION型 .tsh)。正本はトップ index.html の #title-dimension-css。
   下層ページ(Service/Works/Guide/Company 等)はこのファイルを読み込む。ver20.180 */
.tsh.tsh{--sr:.78125vw;position:relative;display:inline-block;
  padding:calc(2.5 * var(--sr)) calc(2.5 * var(--sr)) calc(2.3 * var(--sr)) calc(1.4 * var(--sr))!important;
  font-family:Helvetica,Arial,"Hiragino Kaku Gothic ProN","Hiragino Sans",Meiryo,sans-serif!important;
  font-weight:400!important;font-size:calc(6.9 * var(--sr))!important;line-height:1!important;
  letter-spacing:-.04em!important;color:#1a1a1a!important;overflow:hidden;margin:0 0 clamp(.7rem,1.4vw,1.1rem)!important;
  background:none!important;-webkit-text-fill-color:currentColor!important}
@media only screen and (min-width:1600px){.tsh.tsh{--sr:12.5px}
}
@media only screen and (max-width:767px){
  .tsh.tsh{--sr:2.6666666667vw;
    padding:calc(1.8 * var(--sr)) calc(.9 * var(--sr)) calc(1.6 * var(--sr))!important;
    font-size:calc(4 * var(--sr))!important}
}
/* 黒背景のセクション（WORKS）は白抜き */
.tsh.tsh.tsh--light{color:#fff!important}
@media only screen and (max-width:767px){
}
.tsh.tsh:before,.tsh.tsh:after{position:absolute;left:0;display:block;width:100%;height:1px;
  background-color:currentColor;content:"";transform:translateX(0);opacity:0;
  transition:opacity .75s .25s,transform .9s cubic-bezier(0.22,1,0.36,1) .25s}
.tsh.tsh:before{top:0}
.tsh.tsh:after{bottom:0}
.tsh.tsh.is-visible:before,.tsh.tsh.is-visible:after{opacity:1}
.tsh.tsh.is-visible:before{transform:translateX(calc(4.7 * var(--sr)))}
.tsh.tsh.is-visible:after{transform:translateX(calc(-100% + calc(4.75 * var(--sr))))}
@media only screen and (max-width:767px){
  .tsh.tsh.is-visible:before{transform:translateX(calc(2.9 * var(--sr)))}
.tsh.tsh.is-visible:after{transform:translateX(calc(-100% + calc(2.9 * var(--sr))))}
}
.tsh__text{display:block;transform:translateY(100%);
  clip-path:polygon(0% -100%, 100% -100%, 100% -30%, 0% 0%);
  transition:.6s cubic-bezier(0.26,0.52,0.28,0.96);transition-property:transform,clip-path}
.tsh.is-visible .tsh__text{transform:translateY(0);clip-path:polygon(0% -100%, 100% -100%, 100% 100%, 0% 130%)}
/* 日本語は小さな補助に */
.tsh-jp.tsh-jp{display:block;font-family:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN",sans-serif!important;
  font-weight:700!important;font-size:clamp(.84rem,1.1vw,1rem)!important;line-height:1.8!important;
  letter-spacing:.16em!important;color:#8d8d8d!important;margin:0!important}
@media (prefers-reduced-motion:reduce){
  .tsh__text{transform:none;clip-path:none}
.tsh.tsh:before,.tsh.tsh:after{opacity:1;transition:none}
}