@charset "UTF-8";
/*!
 * media-page.css
 * メディア掲載ページ専用スタイル（page-templates/media.php使用時のみ読み込み）
 * 設計方針：service-page.cssと同じSMACSS + BEM、medプレフィックス、
 * モバイルファースト、影を使わないフラットデザイン。
 *
 * カラートークンはこのファイル内で独自定義し、
 * 他ファイルの --fp-* / --svc-* には依存しない。
 */
:root{--med-teal:#017589;--med-teal-dark:#00687d;--med-teal-darker:#004e5e;--med-green:#03a278;--med-ink:#1c2b3a;--med-mist:#edf5fa;--med-text-sub:#5c6b73;--med-band:#eef5f9;--med-accent-line:#8cc3db;--med-line:#d8e6e9}.med{background:#fff;padding-bottom:60px;isolation:isolate;overflow:clip}.med__container{max-width:1256px;margin:0 auto;padding:0 20px}@media (min-width:1024px){.med__container{padding:0 29px}}.med__intro{padding:32px 0 40px}.med__title{color:var(--med-ink);font-size:1.6rem;font-weight:800;line-height:1.45;letter-spacing:.02em;margin:0 0 24px;text-decoration:underline;text-decoration-color:var(--med-teal);text-decoration-thickness:2px;text-underline-offset:10px}.med__lead{max-width:760px;color:var(--med-text-sub);font-size:.95rem;line-height:1.9;margin:0}@media (min-width:1024px){.med__intro{padding:48px 0 56px}.med__title{font-size:2.2rem;margin-bottom:28px;text-underline-offset:12px}.med__lead{font-size:1rem}}.med__section{padding-top:48px}.med__section-title{color:var(--med-ink);font-size:1.25rem;font-weight:800;line-height:1.5;letter-spacing:.02em;margin:0 0 24px;text-decoration:underline;text-decoration-color:var(--med-teal-dark);text-decoration-thickness:2px;text-underline-offset:10px}.med__section-intro{color:var(--med-text-sub);font-size:.9rem;line-height:1.8;margin:0}@media (min-width:1024px){.med__section{padding-top:72px}.med__section-title{font-size:1.5rem;margin-bottom:28px}}.med__featured{position:relative;z-index:0;padding:40px 0}.med__featured:before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--med-band)}.med__section-heading{margin-bottom:24px}.med__section-heading .med__section-title{margin-bottom:20px}.med__media-list{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;list-style:none;margin:0;padding:0}.med__media-item{min-width:0}.med__media-card{display:flex;flex-direction:column;height:100%;min-width:0;background:#fff;border-left:4px solid var(--med-accent-line);border-radius:4px;padding:20px}.med__media-logo{display:flex;align-items:center;min-height:40px;margin-bottom:20px}.med__media-logo-image{display:block;width:auto;max-width:180px;height:auto;max-height:48px;object-fit:contain}.med__media-body{display:flex;flex:1 1 auto;flex-direction:column;min-width:0}.med__media-title{color:var(--med-ink);font-size:1.05rem;font-weight:800;line-height:1.5;letter-spacing:.02em;overflow-wrap:anywhere;margin:0 0 12px}.med__source-link{display:inline-flex;align-items:center;align-self:flex-start;gap:6px;color:var(--med-teal-dark);font-size:.82rem;font-weight:700;line-height:1.5;text-decoration:none;margin-bottom:20px}.med__external-icon{flex:0 0 auto;font-size:.9em;line-height:1}.med__media-description{color:var(--med-text-sub);font-size:.9rem;line-height:1.85;overflow-wrap:anywhere;margin:0 0 24px}.med__article-link{display:inline-flex;align-items:center;align-self:flex-start;gap:8px;color:var(--med-teal-dark);font-size:.88rem;font-weight:700;letter-spacing:.02em;text-decoration:none;margin-top:auto}.med__source-link:hover,.med__article-link:hover{color:var(--med-teal-darker);text-decoration:underline;text-underline-offset:4px}.med__source-link:focus-visible,.med__article-link:focus-visible,.med__operated-link:focus-visible,.med__blog-link:focus-visible{outline:3px solid var(--med-accent-line);outline-offset:4px}@media (min-width:1024px){.med__featured{padding:56px 0}.med__section-heading{margin-bottom:32px}.med__section-heading .med__section-title{margin-bottom:24px}.med__section-intro{font-size:.95rem}.med__media-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.med__media-card{padding:28px 28px 28px 32px}.med__media-title{font-size:1.1rem}}.med__operated-list{display:grid;gap:16px}.med__operated-card{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0;background:#f8fbfc;border:1px solid var(--med-line);border-radius:4px;padding:24px 20px}.med__operated-body{min-width:0}.med__operated-title{color:var(--med-ink);font-size:1.1rem;font-weight:800;line-height:1.5;letter-spacing:.02em;margin:0 0 16px}.med__operated-description{color:var(--med-text-sub);font-size:.9rem;line-height:1.9;overflow-wrap:anywhere;margin:0}.med__operated-link{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;gap:8px;min-height:48px;background:var(--med-teal-dark);border-radius:4px;color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.03em;padding:12px 24px;text-decoration:none;transition:background-color .2s ease}.med__operated-link:hover{background:var(--med-teal-darker);color:#fff}@media (min-width:1024px){.med__operated-card{flex-direction:row;align-items:center;justify-content:space-between;gap:40px;padding:32px}.med__operated-title{font-size:1.25rem}.med__operated-description{font-size:.95rem}.med__operated-link{min-width:160px}}.med__blog-list{display:grid;grid-template-columns:minmax(0,1fr);gap:12px;list-style:none;margin:0;padding:0}.med__blog-item{min-width:0}.med__blog-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:52px;background:#fff;border:1px solid var(--med-line);border-radius:4px;color:var(--med-ink);font-size:.9rem;font-weight:700;line-height:1.5;padding:12px 16px;text-decoration:none;transition:border-color .2s ease,color .2s ease,background-color .2s ease}.med__blog-link:hover{background:var(--med-mist);border-color:var(--med-accent-line);color:var(--med-teal-darker)}.med__blog-name{min-width:0;overflow-wrap:anywhere}.med__sort-note{color:var(--med-text-sub);font-size:.8rem;line-height:1.7;margin:20px 0 0}@media (min-width:1024px){.med__blog-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.med__blog-link{min-height:56px;padding:14px 20px}.med__sort-note{margin-top:24px}}@media (prefers-reduced-motion:reduce){.med__operated-link,.med__blog-link{transition:none}}