/* top-new: 新TOP案だけのスタイル。共通部分は tn-common.css。
   ENTRY節は 9/7版LP(独自デザイン)の「3つの手段」の見た目を小池指示で踏襲(9/8):
   大きな英字 ENTRY・左寄せ見出し・紺/黄/赤のベタ塗りカード・白抜きピル・右下の薄い頭文字 */

/* FV: 2本目の導線(白枠ピル) */
.tn-fvlink{display:inline-flex;align-items:center;gap:.6em;margin-top:28px;padding:12px 28px;border:2px solid #fff;border-radius:100px;color:#fff;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:15px;line-height:1.4;letter-spacing:.06em;text-decoration:none;background:transparent;transition:background .3s ease-in-out,color .3s ease-in-out}
.tn-fvlink:hover{background:#fff;color:#015687}
.tn-fvlink span{transition:transform .25s}
.tn-fvlink:hover span{transform:translateX(4px)}

/* ENTRY: 事業を動かす3つの手段 */
.tn-entry{background:#EEEEEE;width:100%}
.tn-entry__inner{width:1080px;max-width:100%;padding:104px 16px 110px;align-items:flex-start;box-sizing:border-box}
.tn-bigen{font-family:'Lato',sans-serif;font-weight:900;font-size:90px;line-height:1;letter-spacing:-.03em;color:#015687;margin:0}
.tn-entry__h2{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:34px;line-height:1.4;letter-spacing:.02em;color:#00263f;margin:.5em 0 0;text-align:left;word-break:auto-phrase}
.tn-entry__lead{font-family:'Noto Sans JP',sans-serif;font-size:16px;line-height:1.9;letter-spacing:.03em;color:#838383;margin:1.1em 0 0;max-width:40em;text-align:left}
.tn-doors{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;width:100%;margin-top:56px}
.tn-door{font-family:'Noto Sans JP',sans-serif;position:relative;display:flex;flex-direction:column;align-items:flex-start;text-align:left;min-height:400px;padding:34px 30px 30px;border-radius:22px;overflow:hidden;box-sizing:border-box;text-decoration:none;transition:transform .3s cubic-bezier(.2,.7,.2,1),opacity .8s ease-in-out}
.tn-door--dx{background:#015687;color:#fff}
.tn-door--rs{background:#DAC500;color:#00263f}
.tn-door--cr{background:#C40010;color:#fff}
.tn-door:hover{transform:translateY(-6px)}
.tn-door__tag{font-family:'Lato',sans-serif;font-weight:700;font-size:12px;letter-spacing:.3em;text-transform:uppercase;opacity:.85;line-height:1.4}
.tn-door__h{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:26px;line-height:1.3;margin-top:.7em}
.tn-door__lead{font-family:'Noto Sans JP',sans-serif;font-size:15px;line-height:1.8;margin-top:.8em;flex:1;position:relative;z-index:1}
.tn-door__tags{display:flex;flex-wrap:wrap;gap:.5em;margin-top:1.2em;position:relative;z-index:1}
.tn-door__tags span{font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:12px;line-height:1.5;padding:.3em .9em;border-radius:100px;border:1px solid currentColor;opacity:.9}
.tn-door__go{display:inline-flex;align-items:center;gap:.5em;margin-top:1.6em;font-family:'Noto Sans JP',sans-serif;font-weight:700;font-size:15px;position:relative;z-index:1}
.tn-door__go span{transition:transform .25s}
.tn-door:hover .tn-door__go span{transform:translateX(5px)}
.tn-door__bg{position:absolute;right:-8px;bottom:-26px;font-family:'Lato',sans-serif;font-weight:900;font-size:120px;line-height:1;letter-spacing:-.04em;opacity:.12;pointer-events:none;user-select:none}
.tn-entry .appear{opacity:0;transform:translate(0,20px)}
.tn-entry__inner{transition:opacity .8s ease-in-out,transform .8s ease-in-out}

@media screen and (max-width:840px){
  .tn-entry__inner{padding:80px 16px 88px}
  .tn-bigen{font-size:64px}
  .tn-entry__h2{font-size:28px}
  .tn-doors{grid-template-columns:1fr;gap:20px;max-width:560px;margin-left:0;margin-top:44px}
  .tn-door{min-height:0}
}
@media screen and (max-width:540px){
  .tn-fvlink{width:100%;justify-content:center;margin-top:24px;font-size:14px}
  .tn-entry__inner{padding:72px 16px 76px}
  .tn-bigen{font-size:44px}
  .tn-entry__h2{font-size:23px}
  .tn-entry__lead{font-size:15px}
  .tn-doors{margin-top:36px}
  .tn-door{padding:28px 24px 26px}
  .tn-door__h{font-size:22px}
  .tn-door__lead{font-size:14px}
}
