
.track-page{background:#F8F6F1;padding:48px 40px 64px;font-family:'Segoe UI','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','Meiryo',sans-serif;position:relative;}
.track-page::before{content:"";position:absolute;top:0;left:50%;width:100vw;height:100%;transform:translateX(-50%);background:#F8F6F1;z-index:0;}
.track-page > *{position:relative;z-index:1;}
.track-page .page-header{text-align:center;margin-bottom:36px;}
.track-page .page-header h1{font-size:32px;color:#1A3A5C;margin:0;font-weight:bold;letter-spacing:3px;}
.track-page .page-header .en{font-size:13px;color:#C9A961;letter-spacing:4px;margin-top:6px;text-transform:uppercase;}
.track-page .page-header .deco{width:50px;height:2px;background:#C9A961;margin:14px auto 0;}
.track-page .intro{max-width:760px;margin:0 auto 32px;font-size:14px;color:#555;line-height:1.9;text-align:center;}
.track-page .carrier-list{max-width:900px;margin:0 auto 40px;}
.track-page .carrier-item{display:flex;align-items:flex-start;gap:18px;background:#fff;border:1px solid #DDE5EF;border-radius:10px;padding:20px 24px;margin-bottom:16px;transition:box-shadow 0.2s,border-color 0.2s;}
.track-page .carrier-item:hover{box-shadow:0 4px 16px rgba(26,58,92,0.08);border-color:#C9A961;}
.track-page .carrier-item .c-num{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;background:linear-gradient(135deg,#1A3A5C,#2A5A8C);color:#C9A961;border-radius:50%;font-size:14px;flex-shrink:0;font-weight:bold;}
.track-page .carrier-item .c-body{flex:1;min-width:0;}
.track-page .carrier-item .c-name{font-size:16px;color:#1A3A5C;font-weight:bold;margin-bottom:6px;line-height:1.5;}
.track-page .carrier-item .c-desc{font-size:13px;color:#666;line-height:1.8;margin-bottom:10px;}
.track-page .carrier-item .c-link{display:inline-block;background:linear-gradient(135deg,#1A3A5C,#2A5A8C);color:#fff;font-size:13px;padding:8px 18px;border-radius:6px;text-decoration:none;word-break:break-word;}
.track-page .carrier-item .c-link:hover{background:linear-gradient(135deg,#C9A961,#b8942f);color:#1A3A5C;}
.track-page .contact-box{max-width:900px;margin:0 auto;background:#fff;border:1px solid #DDE5EF;border-left:4px solid #C9A961;border-radius:10px;padding:28px;text-align:center;}
.track-page .contact-box .c-ico{font-size:28px;}
.track-page .contact-box .c-title{font-size:18px;color:#1A3A5C;font-weight:bold;margin:8px 0;}
.track-page .contact-box .c-text{font-size:14px;color:#666;line-height:1.8;margin-bottom:12px;}
.track-page .contact-box .c-mail{font-size:16px;color:#C0392B;font-weight:bold;text-decoration:none;word-break:break-word;}

@media (max-width:600px){
  .track-page *{box-sizing:border-box;}
  .track-page{padding:32px 16px 44px;}
  .track-page .page-header h1{font-size:24px;}
  .track-page .intro{font-size:13px;}
  .track-page .carrier-item{flex-direction:column;gap:10px;padding:16px;}
  .track-page .carrier-item .c-link{display:block;text-align:center;}
  .track-page .contact-box{padding:20px 16px;}
  .track-page .contact-box .c-mail{font-size:14px;}
}
