.ts-sub-page .ts-xd-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:40px}
.ts-sub-page .ts-xd-gallery .ts-sub-photo{height:auto;aspect-ratio:1.5;object-fit:cover}
.ts-sub-page .ts-sub-cards .ts-sub-photo{height:auto;aspect-ratio:1.6;object-fit:cover;margin-bottom:24px}
.ts-sub-page.page-id-34 .ts-sub-content.has-photo>.ts-sub-photo{height:auto;max-height:580px;object-position:center top}
.teikoku-concept-learn .ts-xd-recruit-lead{margin:0 0 48px;color:#fff}
.teikoku-concept-learn .ts-xd-recruit .ts-recruit-card+.ts-recruit-card{margin-top:40px}
.teikoku-concept-learn .ts-xd-recruit .ts-recruit-copy{padding:48px;background:#fff;height:100%;color:var(--bs-primary)}
.teikoku-concept-learn .ts-xd-recruit .ts-recruit-copy p{color:#49615a}
.teikoku-concept-learn .ts-xd-recruit .ts-recruit-copy h3{font-size:clamp(24px,2.4vw,34px);line-height:1.65;color:#205f50!important}
.teikoku-concept-learn .ts-hero .ts-hero-copy h1{font-size:clamp(28px,2.5vw,40px);line-height:1.65}
.teikoku-concept-learn .ts-company-gallery figcaption:has(b:empty):has(span:empty){display:none}
.teikoku-concept-learn .ts-xd-recruit .ts-recruit-card figure{height:100%;margin:0}
.teikoku-concept-learn .ts-xd-recruit .ts-recruit-card figure img{height:100%;min-height:320px;object-fit:cover}
@media(max-width:767px){.ts-sub-page .ts-xd-gallery{grid-template-columns:1fr}.teikoku-concept-learn .ts-xd-recruit .ts-recruit-copy{padding:28px}.teikoku-concept-learn .ts-xd-recruit .ts-recruit-card figure img{height:auto;min-height:0}}
.teikoku-concept-learn .ts-hero .ts-hero-actions{display:flex;flex-direction:column;align-items:stretch;gap:14px}
.teikoku-concept-learn .ts-hero .ts-hero-button{flex:none;width:100%;font-size:16px;line-height:1.6;white-space:normal;min-width:0}
.teikoku-concept-learn .ts-intro h2{font-size:clamp(22px,3.2vw,48px);line-height:1.45}
.teikoku-concept-learn .ts-intro h2 br{display:block}
.teikoku-concept-learn .ts-company-lead h3{font-size:clamp(26px,2.3vw,34px);line-height:1.6;letter-spacing:-.045em;text-wrap:balance}
.teikoku-concept-learn .ts-xd-recruit .ts-recruit-card:last-child figure img{object-position:right center}
@media(min-width:768px){.teikoku-concept-learn .ts-news-card>div,.teikoku-concept-learn .ts-news-card>a>div{grid-template-columns:82px 100px minmax(0,1fr)}}
@media(min-width:768px) and (max-width:1100px){.teikoku-concept-learn .ts-intro h2{font-size:2.55vw}}
@media(max-width:767px){.teikoku-concept-learn .ts-intro h2{font-size:clamp(18px,5.8vw,40px)}.teikoku-concept-learn .ts-company-lead h3{font-size:clamp(20px,5.8vw,30px)}.teikoku-concept-learn .ts-news-card div>span{margin-left:4px}}
.teikoku-concept-learn .ts-intro::after{top:calc(149px + 2.9 * clamp(22px,3.2vw,48px));right:auto;bottom:auto;left:0;opacity:0;clip-path:inset(-.5em 100% -.5em 0);transform:translateX(-60px);transition:opacity .9s ease .4s,transform 1.2s cubic-bezier(.22,1,.36,1) .4s,clip-path 1.2s cubic-bezier(.22,1,.36,1) .4s}
.teikoku-concept-learn .ts-intro.is-type-visible::after{opacity:1;clip-path:inset(-.5em 0 -.5em 0);transform:translateX(0)}
@media(min-width:768px) and (max-width:1100px){.teikoku-concept-learn .ts-intro::after{top:calc(149px + 2.9 * 2.55vw)}}
@media(max-width:767.98px){.teikoku-concept-learn .ts-intro::after{top:calc(107px + 2.9 * clamp(18px,5.8vw,40px));left:22px}}
@media(prefers-reduced-motion:reduce){.teikoku-concept-learn .ts-intro::after{opacity:1;clip-path:none;transform:none;transition:none}}
.teikoku-concept-learn :is(.ts-service,.ts-company,.ts-recruit,.ts-news)::before{
  opacity:0;
  clip-path:inset(-.5em 0 -.5em 100%);
  transform:translate(60px,-50%);
  transition:opacity .9s ease .4s,transform 1.2s cubic-bezier(.22,1,.36,1) .4s,clip-path 1.2s cubic-bezier(.22,1,.36,1) .4s;
}
.teikoku-concept-learn :is(.ts-service,.ts-company,.ts-recruit,.ts-news).is-type-visible::before{
  opacity:1;
  clip-path:inset(-.5em 0 -.5em 0);
  transform:translate(0,-50%);
}
@media(prefers-reduced-motion:reduce){
  .teikoku-concept-learn :is(.ts-service,.ts-company,.ts-recruit,.ts-news)::before{
    opacity:1;clip-path:none;transform:translate(0,-50%);transition:none;
  }
}
.ts-arrow-diagonal{transform:rotate(-45deg)}
/* TOP mobile: match subpage lettering, fit recruitment photos, and use news cards. */
@media(max-width:767.98px){
  .teikoku-concept-learn .ts-hero{padding-inline:0;padding-top:0}
  .teikoku-concept-learn .ts-hero-grid{gap:0}
  .teikoku-concept-learn .ts-hero-copy{padding-inline:20px}
  .teikoku-concept-learn .ts-hero-visual{order:-1}
  .teikoku-concept-learn .ts-hero-image{inset:0;width:100%;height:100%;border-radius:0}
  .teikoku-concept-learn .ts-intro::after,
  .teikoku-concept-learn :is(.ts-service,.ts-company,.ts-recruit,.ts-news)::before{
    font-size:clamp(100px,16vw,220px);
  }
  .teikoku-concept-learn .ts-xd-recruit .ts-recruit-card figure{height:auto;min-height:0}
  .teikoku-concept-learn .ts-xd-recruit .ts-recruit-card figure img{display:block;width:100%;height:auto;min-height:0}
  .teikoku-concept-learn .ts-news .row{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 16px}
  .teikoku-concept-learn .ts-news .row>div{min-width:0}
  .teikoku-concept-learn .ts-news-card,
  .teikoku-concept-learn .ts-news-card>a{display:block}
  .teikoku-concept-learn .ts-news-card>img,
  .teikoku-concept-learn .ts-news-card>a>img{display:block;width:100%;height:auto;min-height:0;aspect-ratio:4/3;object-fit:cover}
  .teikoku-concept-learn .ts-news-card>div,
  .teikoku-concept-learn .ts-news-card>a>div{display:block;padding:0 0 18px}
}