/* ======================================= */
/* Prospectus / Sponsorship kit */
/* ======================================= */

/* 背景色 */
main { background-color:var(--bl-3); }

/* ベース */
.prospectus-content { background-color:var(--bg-1); padding:40px 0 0 0; }
.content-inner { margin:0 20px; }
.sponsor-profiles { display:flex; flex-direction:column; gap:20px; margin-bottom:100px; }
iframe { aspect-ratio:2894/4093; border:1px solid #ddd; height:auto; max-width:100%; width:100%; }

.prospectus-content h2 { color:var(--bl); font-size:18px; font-weight:700; margin-bottom:10px; }
.sponsor-item h3 { color:var(--gr-1); font-size:16px; font-weight:700; margin-bottom:10px; }

/* インデックスリスト */
.prospectus-list { background-color:#dcdcdc; border-radius:10px; display:flex; flex-direction:column; gap:10px; padding:15px 15px 15px 35px; margin-bottom:20px; }
.prospectus-list li { text-align:left; list-style-type:disc; }
.sponsor-ph { box-sizing:border-box; padding:50px 0; max-width:100%; }
.sponsor-ph img { width:100%; }

@container ( min-width:1000px ) { 

/* ベース */
.prospectus-content { padding:40px 0 80px 0; }
.content-inner { padding:0 30px; margin:0 auto; max-width:1000px; width:100%; }
.sponsor-profiles { gap:50px; }

.prospectus-content h2 { font-size:24px; margin-bottom:20px; }
.sponsor-item h3 { font-size:18px; margin-bottom:15px; }

/* インデックスリスト */
.prospectus-list { margin-bottom:80px; }

 }