@import url("../home/assets/more.css");
@import url("../home/assets/arrow.css");
.ph-news-section, .ph-news-page { color: #172138; }
.ph-news-section *, .ph-news-page *, .ph-news-banner * { box-sizing: border-box; }
.ph-news-list { list-style: none; padding: 0; margin: 0; border: 2px solid #b8d9ef; border-radius: 22px; background: #fff; overflow: hidden; }
.ph-news-list > li { margin: 0; padding: 0; list-style: none; }
.ph-news-list > li + li { border-top: 1px solid #dcebf5; }
.ph-news-row { display: grid; grid-template-columns: 92px 120px minmax(0,1fr) 24px; align-items: center; gap: 18px; padding: 23px 24px; color: inherit; text-decoration: none; }
.ph-news-row:hover { background: #f0f9ff; }
.ph-news-row time, .ph-news-article__meta time { font-size: 13px; color: #59667c; font-variant-numeric: tabular-nums; }
.ph-news-badge { display: inline-block; padding: 5px 8px; border-radius: 20px; background: #e3f4ff; color: #0062ae; text-align: center; font-size: 12px; font-weight: 700; line-height: 1.5; white-space: nowrap; }
.ph-news-badge--update { color: #247248; background: #e8f6ed; }
.ph-news-badge--maintenance { color: #a24c15; background: #fff0db; }
.ph-news-row__title { font-size: 15px; font-weight: 700; line-height: 1.8; overflow-wrap: anywhere; }
.ph-news-row__arrow { position: relative; display: block; width: 24px; height: 24px; }
.ph-news-section { color: var(--ph-text-primary, #0f121e); }
.ph-news-section .ph-section-heading { margin-bottom: 16px; }
.ph-news-section .ph-section-heading > img { flex: none; width: 63px; height: 53px; object-fit: cover; }
.ph-news-section .ph-section-heading > div { display: flex; flex-direction: column; gap: 5px; }
.ph-news-section .ph-section-heading span { line-height: 16px; }
.ph-news-section .ph-section-heading h2 { line-height: 32px; }
.ph-news-section .ph-news-list { display: grid; gap: 16px; border: 0; border-radius: 0; background: transparent; overflow: visible; }
.ph-news-section .ph-news-list > li { border: 0; }
.ph-news-section .ph-news-row { grid-template-columns: minmax(0,1fr) 24px; gap: 10px 16px; min-height: 60px; padding: 10px; border: 1px solid var(--ph-border, #374155); background: rgb(255 255 255 / 85%); box-shadow: 0 6px 5px #00000040; font-family: "LINE Seed JP", sans-serif; }
.ph-news-section .ph-news-row:hover { background: var(--ph-blue-soft, #e6f5ff); }
.ph-news-section .ph-news-row time { grid-column: 1; font-size: 12px; line-height: 12px; color: var(--ph-text-secondary, #555f73); }
.ph-news-section .ph-news-row__title { grid-column: 1; grid-row: 2; font-size: 16px; font-weight: 400; line-height: 1.3; }
.ph-news-section .ph-news-row__arrow { grid-column: 2; grid-row: 1 / 3; align-self: end; }
.ph-news-empty { padding: 32px 20px; background: #f1f9ff; border-radius: 18px; text-align: center; }
.ph-news-section a:focus-visible, .ph-news-page a:focus-visible, .ph-news-banner a:focus-visible { outline: 3px solid #0069dc; outline-offset: -3px; }
.ph-news-page { width: min(960px,100%); margin: 0 auto; padding: 30px 24px 64px; }
.ph-news-breadcrumb { display: flex; flex-wrap: wrap; align-items: center; gap: 12px; margin: 0 0 28px; font-size: 13px; }
.ph-news-breadcrumb a { color: #0069b8; }
.ph-news-page__heading { margin-bottom: 30px; }
.ph-news-page__heading > span[lang] { color: #008cff; font-size: 16px; letter-spacing: .12em; font-weight: 700; }
.ph-news-page .ph-news-page__heading h1 { margin: 8px 0 14px; padding: 0; color: #172138; font-size: clamp(26px,4vw,36px); line-height: 1.5; overflow-wrap: anywhere; }
.ph-news-page__heading p { font-size: 15px; }
.ph-news-pagination { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin-top: 30px; }
.ph-news-pagination .page-numbers { display: grid; place-items: center; min-width: 44px; min-height: 44px; padding: 8px 12px; border-radius: 24px; background: #e3f4ff; color: #0069b8; text-decoration: none; font-size: 14px; }
.ph-news-pagination .current { background: #008cff; color: #fff; }
.ph-news-article__meta { display: flex; align-items: center; gap: 16px; }
.ph-news-article__body { padding: 28px; border: 1px solid #dcebf5; border-radius: 20px; background: white; font-size: 16px; line-height: 1.9; overflow-wrap: anywhere; }
.ph-news-article__body > * { max-width: 100%; }
.ph-news-article__body > * + * { margin-top: 1.2em; }
.ph-news-article__body img, .ph-news-article__body video { max-width: 100%; height: auto; }
.ph-news-article__body iframe { max-width: 100%; }
.ph-news-article__body a { color: #0069b8; text-decoration: underline; }
.ph-news-banner { background: #192a51; color: white; }
.ph-news-banner > a { display: flex; align-items: center; justify-content: center; gap: 16px; max-width: 1200px; margin: auto; padding: 9px 20px; color: white; font-size: 13px; line-height: 1.6; text-decoration: none; }
.ph-news-banner [lang] { flex: none; font-weight: 700; letter-spacing: .08em; }
.ph-news-banner time { flex: none; font-size: 12px; }
.ph-news-banner__title { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 767px) {
    .ph-news-row { grid-template-columns: 90px minmax(0,1fr) 20px; gap: 10px 12px; padding: 18px 16px; }
    .ph-news-row .ph-news-badge { justify-self: start; }
    .ph-news-row__title { grid-column: 1 / 3; grid-row: 2; font-size: 14px; }
    .ph-news-row__arrow { grid-column: 3; grid-row: 1 / 3; }
    .ph-news-page { margin: 0; padding: 24px 16px 48px; }
    .ph-news-page__heading { margin-bottom: 22px; }
    .ph-news-article__body { padding: 20px 16px; font-size: 15px; }
    .ph-news-banner > a { gap: 8px; padding: 6px 12px; font-size: 11px; }
    .ph-news-banner time { display: none; }
}