/*
 * イベント開催支援 (/event/support/、inc/event-portal-support.php)。css/event-portal.css の上に重ねる。
 * このページだけ白基調。色と大きさは海野さんのデモ「イベント開催支援 公開版」のとおり。
 * ページ上部の写真とメニューはほかのイベントのページと同じ。
 */
body.pmEpLight{background:#eef0f5}
.pmEp.pmEpSupport{--bg:#eef0f5;--card:#fff;--edge:#d3d8e4;--rule:#dde1ea;--head:#354ab5;--ink:#141936;--text:#4a5274;--sub:#5b6383;background:var(--bg);color:var(--ink)}

/* The photo ends at its own edge instead of fading into the dark background */
.pmEpSupport .sub-hero .shade{background:linear-gradient(180deg,rgba(7,9,26,.5) 0%,rgba(7,9,26,.55) 60%,rgba(7,9,26,.7) 100%)}
.pmEpSupport .sub-hero{color:#fff}

.pmEpSupport h2.enh{color:var(--head)!important}
.pmEpSupport h2.enh .ja{color:var(--sub)}
.pmEpSupport .h2 a{color:var(--head);border-bottom-color:var(--head)}
.pmEpSupport h3{color:var(--ink)}
.pmEpSupport .eyebrow{color:var(--head)}

.pmEpSupport .es-card{background:var(--card);border:1px solid var(--edge);border-radius:10px;box-shadow:0 6px 18px rgba(28,40,110,.08)}

/* Copy and lead */
.pmEpSupport .es-lead{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:center}
.pmEpSupport .es-lead h2{font-size:40px;font-weight:500;line-height:1.45;color:var(--head)}
.pmEpSupport .es-lead p{font-size:16px;line-height:2;color:var(--text)}
.pmEpSupport .es-sec-lead{font-size:15px;line-height:1.9;margin:-12px 0 28px;color:var(--sub)}

/* Formats */
.pmEpSupport .es-formats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.pmEpSupport .es-format{overflow:hidden;display:flex;flex-direction:column}
.pmEpSupport .es-format .ph{position:relative;aspect-ratio:4/3;background-size:cover;background-position:center;background-repeat:no-repeat}
.pmEpSupport .es-format .ph.none{background:#dfe3ee}
.pmEpSupport .es-format .sz{position:absolute;left:16px;bottom:16px;z-index:1;background:rgba(20,25,54,.82);font-size:12px;padding:6px 12px;border-radius:6px;letter-spacing:.06em;color:#fff}
.pmEpSupport .es-format .bd{padding:24px 26px 28px;display:flex;flex-direction:column;flex:1}
.pmEpSupport .es-format .no{font-family:Oswald;font-size:13px;letter-spacing:.2em;color:var(--head);font-weight:500}
.pmEpSupport .es-format h3{font-size:20px;line-height:1.45;margin-top:6px}
.pmEpSupport .es-format h3 span{display:inline-block}
.pmEpSupport .es-format .ds{font-size:14px;color:var(--sub);line-height:1.85;margin-top:12px}
.pmEpSupport .es-format .lb{font-size:12px;color:var(--head);letter-spacing:.08em;margin-top:20px}
.pmEpSupport .es-format ul{list-style:none;margin-top:8px;display:flex;flex-direction:column;gap:6px}
.pmEpSupport .es-format li{font-size:14px;color:var(--ink);padding-left:16px;position:relative}
.pmEpSupport .es-format li::before{content:"";position:absolute;left:0;top:.7em;width:6px;height:6px;border-radius:50%;background:var(--head)}
.pmEpSupport .es-format .ex{margin-top:auto;padding-top:20px}
.pmEpSupport .es-format .ex .lb{margin:0 0 6px}
.pmEpSupport .es-format .ex a,.pmEpSupport .es-format .ex span{display:block;font-size:13px;color:var(--head);line-height:1.6;padding:8px 0;border-top:1px solid var(--rule)}
.pmEpSupport .es-format .ex a:hover{opacity:.8}

/* What we do */
.pmEpSupport .es-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.pmEpSupport .es-items .es-card{padding:28px 28px 30px}
.pmEpSupport .es-items .no{font-family:Manrope;font-weight:300;font-size:34px;color:var(--head)}
.pmEpSupport .es-items h3{font-size:19px;margin-top:10px}
.pmEpSupport .es-items p{font-size:14px;line-height:1.8;margin-top:10px;color:var(--sub)}
.pmEpSupport .es-opt{margin-top:20px;font-size:14px;color:var(--sub)}
.pmEpSupport .es-opt b{color:var(--ink);margin-right:10px}
.pmEpSupport .es-point{margin-top:20px;padding:22px 28px;border-radius:10px;background:#eff1f7;font-size:15px;line-height:1.9;color:#2a3160}
.pmEpSupport .es-point b{font-family:Oswald;letter-spacing:.2em;color:var(--head);font-weight:500;margin-right:12px}

/* Summit as a Service band */
.pmEpSupport .es-band{border-radius:28px;overflow:hidden;background:linear-gradient(135deg,#eff1f7 0%,#f2f1f7 100%);border:1px solid var(--edge);box-shadow:0 10px 28px rgba(28,40,110,.10);color:var(--ink)}
.pmEpSupport .es-band .tx{padding:56px}
.pmEpSupport .es-band.has-ph{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.pmEpSupport .es-band .ph{background-repeat:no-repeat;min-height:320px}
.pmEpSupport .es-band .no{font-family:Oswald;font-size:13px;letter-spacing:.2em;color:var(--head);font-weight:500}
.pmEpSupport .es-band h2{font-family:Oswald;font-weight:500;font-size:40px;letter-spacing:.12em;line-height:1.2;margin-top:12px;text-transform:uppercase;color:var(--head)}
.pmEpSupport .es-band p{font-size:15px;line-height:2;color:var(--text);margin-top:18px}

/* Tables */
.pmEpSupport .es-table table{width:100%;border-collapse:separate;border-spacing:0;border-radius:10px;overflow:hidden;background:var(--card);border:1px solid var(--edge);box-shadow:0 6px 18px rgba(28,40,110,.08);font-size:14px;line-height:1.8}
.pmEpSupport .es-table th,.pmEpSupport .es-table td{padding:20px 24px;text-align:left;vertical-align:top;border-bottom:1px solid var(--rule)}
.pmEpSupport .es-table tr:last-child td{border-bottom:0}
.pmEpSupport .es-table thead th{font-size:13px;font-weight:500;background:#e9ecf3;color:var(--head)}
.pmEpSupport .es-table tbody th{width:160px;font-weight:700;color:var(--ink)}
.pmEpSupport .es-table td{color:var(--text)}
.pmEpSupport .es-table .hl{background:#f3f4f9;color:var(--ink)}
.pmEpSupport .es-table thead th.hl{background:var(--head);color:#fff}

/* Past events: the portal's cards on white */
.pmEpSupport .ev{background:var(--card);border:1px solid var(--edge);box-shadow:0 6px 18px rgba(28,40,110,.08)}
.pmEpSupport .ev .dt{color:var(--head)}
.pmEpSupport .ev h3{color:var(--ink)}
.pmEpSupport .ev .meta{color:var(--sub)}
.pmEpSupport .ev .meta b{color:var(--ink)}
.pmEpSupport .ev .ph.none{background:#dfe3ee}

/* Global network */
.pmEpSupport .es-gn{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:48px;align-items:center;padding:40px 44px}
.pmEpSupport .es-gn p{font-size:15px;line-height:2;color:var(--text)}
.pmEpSupport .es-gn .nums{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;font-size:13px;color:var(--sub)}
.pmEpSupport .es-gn .nums b{display:block;font-family:Manrope;font-weight:300;font-size:44px;line-height:1.1;color:var(--ink)}
.pmEpSupport .es-gn .nums small{font-family:"Noto Sans JP",sans-serif;font-size:15px;font-weight:500;margin-left:2px;color:var(--ink)}
.pmEpSupport .es-gn .langs{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}
.pmEpSupport .es-gn .langs span{font-size:12px;padding:4px 10px;border-radius:6px;background:#eff1f7;color:var(--head)}
.pmEpSupport .es-gn .note{font-size:12px;margin-top:14px;color:#8a90a8}

/* Contact and footer on the page ground */
.pmEpSupport .contact{background:radial-gradient(ellipse at center,#eceff7 0%,#eef0f5 70%)}
.pmEpSupport .contact h2{color:var(--ink)}
.pmEpSupport .kinds div{background:var(--card);border:1px solid var(--edge);box-shadow:0 6px 18px rgba(28,40,110,.08)}
.pmEpSupport .kinds b{color:var(--ink)}
.pmEpSupport .kinds small{color:var(--head)}
.pmEpSupport .kinds p{color:var(--sub)}
.pmEpSupport .btn{background:var(--head);color:#fff}
.pmEpSupport footer{color:#8a90a8}

@media (max-width:1100px){
	.pmEpSupport .es-lead{grid-template-columns:minmax(0,1fr);gap:32px}
	.pmEpSupport .es-items{grid-template-columns:repeat(2,minmax(0,1fr))}
	.pmEpSupport .es-formats{grid-template-columns:minmax(0,1fr)}
	.pmEpSupport .es-format{display:grid;grid-template-columns:40% minmax(0,1fr)}
	.pmEpSupport .es-format .ph{aspect-ratio:auto;height:100%;min-height:220px}
	.pmEpSupport .es-band.has-ph{grid-template-columns:minmax(0,1fr)}
	.pmEpSupport .es-band .ph{grid-row:1;aspect-ratio:16/9;min-height:0}
	.pmEpSupport .es-band .tx{padding:40px}
}
@media (max-width:860px){
	.pmEpSupport .es-gn{grid-template-columns:minmax(0,1fr);gap:24px}
}
@media (max-width:640px){
	.pmEpSupport section.es-fm-sec,.pmEpSupport section.es-past{padding-bottom:44px}
	.pmEpSupport .es-lead{gap:16px}
	.pmEpSupport .es-lead h2{font-size:24px}
	.pmEpSupport .es-lead p{font-size:13px;line-height:1.85}
	.pmEpSupport .es-sec-lead{font-size:13px;line-height:1.8;margin:-8px 0 16px}
	.pmEpSupport .es-formats{gap:14px}
	.pmEpSupport .es-format{display:flex}
	.pmEpSupport .es-format .ph{aspect-ratio:16/9;min-height:0;height:auto}
	.pmEpSupport .es-format .sz{left:12px;bottom:12px;font-size:11px;padding:4px 10px}
	.pmEpSupport .es-format .bd{padding:16px 16px 18px}
	.pmEpSupport .es-format h3{font-size:17px}
	.pmEpSupport .es-format .ds{font-size:12.5px;line-height:1.75;margin-top:8px}
	.pmEpSupport .es-format .lb{margin-top:14px;font-size:11px}
	.pmEpSupport .es-format li{font-size:12.5px}
	.pmEpSupport .es-format .ex{padding-top:14px}
	.pmEpSupport .es-format .ex a,.pmEpSupport .es-format .ex span{font-size:12px;padding:6px 0}
	.pmEpSupport .es-items{gap:10px}
	.pmEpSupport .es-items .es-card{padding:12px 12px 14px}
	.pmEpSupport .es-items .no{font-size:20px;line-height:1}
	.pmEpSupport .es-items h3{font-size:13px;margin-top:6px;line-height:1.4;letter-spacing:-.02em}
	.pmEpSupport .es-items p{font-size:11.5px;margin-top:6px;line-height:1.6}
	.pmEpSupport .es-opt{margin-top:12px;font-size:12px;line-height:1.8}
	.pmEpSupport .es-point{margin-top:12px;padding:14px 16px;font-size:13px;line-height:1.8}
	.pmEpSupport .es-point b{display:block;margin-bottom:4px}
	.pmEpSupport .es-band{border-radius:20px}
	.pmEpSupport .es-band .tx{padding:24px 20px 28px}
	.pmEpSupport .es-band h2{font-size:24px;letter-spacing:.08em}
	.pmEpSupport .es-band p{font-size:13px;line-height:1.85;margin-top:12px}
	.pmEpSupport section:has(.es-table){padding-bottom:44px}
	.pmEpSupport .es-table table{table-layout:fixed;font-size:11.5px;line-height:1.6}
	.pmEpSupport .es-table th,.pmEpSupport .es-table td{padding:10px 8px}
	.pmEpSupport .es-table thead th{font-size:11px;line-height:1.4}
	.pmEpSupport .es-table tbody th{width:64px}
	.pmEpSupport .es-past .ev-grid{gap:10px}
	.pmEpSupport .es-past .ev{display:grid;grid-template-columns:38% minmax(0,1fr)}
	.pmEpSupport .es-past .ev .ph{aspect-ratio:auto;height:100%;min-height:92px}
	.pmEpSupport .es-past .ev .bd{padding:12px 14px}
	.pmEpSupport .es-past .ev .dt{font-size:10px;letter-spacing:.04em}
	.pmEpSupport .es-past .ev h3{font-size:14px;margin-top:4px;line-height:1.4}
	.pmEpSupport .es-past .ev .meta{margin-top:6px;font-size:11px;gap:2px 10px}
	.pmEpSupport .es-past .ev .meta b{font-size:13px}
	.pmEpSupport .es-gn{padding:24px 20px}
	.pmEpSupport .es-gn p{font-size:13px;line-height:1.85}
	.pmEpSupport .es-gn .nums b{font-size:30px}
	.pmEpSupport .es-gn .nums small{font-size:12px}
}