@charset "utf-8";
.catalog-page{margin:0;font:16px/1.8 Meiryo,"Yu Gothic",sans-serif;color:#243649;background:#f5f7f9}.catalog-page *,.case-proposal *{box-sizing:border-box}.catalog-page a{color:#234b70}.catalog-header{max-width:1120px;margin:auto;padding:28px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.catalog-brand{font-size:32px;font-weight:700;text-decoration:none}.catalog-brand small{display:block;font-size:11px;letter-spacing:1px}.catalog-header nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px}.catalog-main{max-width:1120px;padding:0 24px;margin:auto}.catalog-title{padding:48px 0 26px}.catalog-title h1{font-size:38px;line-height:1.4;margin:12px 0}.case-eyebrow{font-size:12px!important;letter-spacing:2px;color:#55718b!important;font-weight:700}.category-links{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0 32px}.category-links a{padding:9px 14px;border:1px solid #c9d6e1;border-radius:4px;background:white;text-decoration:none;font-size:13px}.category-links a:hover{background:#e6eef5}.case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.case-card{display:flex;flex-direction:column;min-width:0;background:white;border:1px solid #d9e1e8;border-radius:6px;overflow:hidden;text-decoration:none!important;color:#243649!important;transition:box-shadow .15s,transform .15s}.case-card:hover{box-shadow:0 5px 20px #1e3c5520;transform:translateY(-2px)}.case-card:focus-visible{outline:3px solid #147da8;outline-offset:3px}.case-card>img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:#edf1f5}.card-copy{padding:18px;display:flex;flex-direction:column;flex:1}.card-meta{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 12px!important;font-size:11px!important;line-height:1.6!important}.card-meta span{background:#edf2f7;border-radius:3px;padding:3px 7px}.case-card h3{font-size:17px!important;line-height:1.6!important;margin:0 0 10px!important;padding:0!important;color:#183a58!important;font-weight:700!important}.case-card .card-copy>p:not(.card-meta){font-size:13px!important;line-height:1.9!important;color:#536579!important;padding:0!important;margin:0 0 18px!important;text-indent:0!important}.card-more{font-size:12px;font-weight:700;margin-top:auto;color:#234b70}.catalog-button{display:block;width:fit-content;max-width:100%;margin:30px auto 0;padding:14px 24px;background:#234b70;color:white!important;border-radius:4px;text-decoration:none;font-size:15px;font-weight:700}.catalog-button.secondary{margin:24px 0 0;background:white;color:#234b70!important;border:1px solid #ccd8e2}.catalog-category{padding:38px 0 16px;scroll-margin-top:20px}.catalog-category h2{font-size:25px;margin:0 0 22px;border-bottom:2px solid #234b70;padding-bottom:12px}.catalog-category h2 small{font-size:13px;font-weight:400;margin-left:18px;color:#6b7b8b}.browse-secondary{margin-top:50px;padding:32px;background:#edf2f6;border-radius:6px}.browse-secondary h2{font-size:24px;margin:0 0 12px}.browse-secondary>p{font-size:14px;color:#536579}.index-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px}.index-links a{background:white;padding:16px;text-decoration:none;border:1px solid #d9e1e8;border-radius:4px;font-size:14px}.method-index{margin:30px 0;color:#536579;font-size:14px}.method-index summary{cursor:pointer;font-weight:700}.method-index ul{padding-left:24px}.archive-link{font-size:14px;margin-top:30px}.catalog-footer{margin-top:60px;padding:30px 24px;background:#1c3349;color:#e2eaf0;text-align:center;font-size:12px}.catalog-footer a{color:white}.development-list{display:grid;gap:18px}.development-list article{padding:26px;background:white;border:1px solid #d9e1e8;border-radius:6px}.development-list h2{font-size:20px;margin:0 0 12px}.development-list p{font-size:14px}.development-list a{font-size:13px}
/* Proposal top: keep existing content, expand only the layout and case area. */
.case-proposal #page{width:min(1120px,100%);margin:auto}.case-proposal #contents{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 220px;gap:26px}.case-proposal #main,.case-proposal #side{float:none;width:auto;padding:0;min-width:0}.case-proposal #globalHeader{display:flex;height:auto;min-height:70px;align-items:center;justify-content:space-between;flex-wrap:wrap}.case-proposal #globalHeader h1{float:none;width:auto;margin:10px 20px}.case-proposal #globalHeader nav{float:none;width:auto}.case-proposal #globalHeader nav ul{float:none;margin:0 12px;display:flex;flex-wrap:wrap;gap:8px}.case-proposal #globalHeader nav ul li{float:none}.case-proposal #topImg p.caption,.case-proposal #topImg p.description{left:36%;max-width:60%;overflow-wrap:anywhere}.case-proposal #main .case-home{padding:28px 0;margin-top:28px}.case-proposal #main .case-home>h2{background:none;border:0;padding:0;font-size:30px;font-weight:700;margin:10px 0 16px}.case-proposal #main .case-home>.case-intro{padding:0;font-size:14px;color:#536579}.case-proposal #main .case-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.case-proposal #main .browse-secondary{padding:24px}.case-proposal #main .browse-secondary h2{background:none;border:0;padding:0;font-size:21px;font-weight:700}.case-proposal #main .browse-secondary>p{padding:0}.case-proposal #main .case-card img{border:0;margin:0;padding:0}.case-proposal #globalFooter{clear:both}
@media(max-width:800px){.catalog-header{align-items:flex-start;flex-direction:column}.catalog-title h1{font-size:30px}.case-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.case-proposal #contents{grid-template-columns:1fr}.case-proposal #side{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-proposal #topImg p.caption,.case-proposal #topImg p.description{left:20px;max-width:calc(100% - 40px)}.case-proposal #topImg{background-position:center!important}}
@media(max-width:520px){.catalog-main{padding:0 16px}.catalog-header{padding:20px 16px}.catalog-title{padding-top:28px}.case-grid,.case-proposal #main .case-grid{grid-template-columns:1fr}.index-links{grid-template-columns:1fr}.browse-secondary{padding:22px}.case-proposal #contents{padding:16px}.case-proposal #side{grid-template-columns:1fr}.case-proposal #globalHeader nav ul{margin:10px 14px}.case-proposal #topImg p.caption{font-size:24px!important;top:145px!important}.case-proposal #topImg p.description{top:155px!important;font-size:12px!important}.case-proposal #globalFooter ul{display:flex;flex-wrap:wrap;gap:10px}.catalog-footer{text-align:left}.card-copy{padding:18px}}
@media(max-width:800px){.case-proposal#id100 #topImg p.caption,.case-proposal#id100 #topImg p.description{left:20px;max-width:calc(100% - 40px)}}
@media(max-width:520px){.case-proposal#id100 #main .section1,.case-proposal#id100 #main .section2{padding-right:5px;background:#f7f7f7}.case-proposal#id100 #topImg p.caption{font-size:24px;top:145px}.case-proposal#id100 #topImg p.description{top:155px;font-size:12px}.case-proposal #main .section1 .btn{height:auto;min-height:24px}.case-proposal #main .section1 .btn a{white-space:normal}}

/* Proposal 03: restore the original compact desktop header and hero. */
@media(min-width:801px){
.case-proposal #globalHeader,.case-proposal #topImg{width:800px;margin-left:auto;margin-right:auto;box-sizing:content-box}
.case-proposal #globalHeader{display:block;height:60px;min-height:0}
.case-proposal #globalHeader *{box-sizing:content-box}
.case-proposal #globalHeader h1{float:left;width:150px;margin:10px 0 0 15px}
.case-proposal #globalHeader nav{float:right;width:635px}
.case-proposal #globalHeader nav ul{float:right;display:block;margin:44px 0 0;gap:0}
.case-proposal #globalHeader nav ul li{float:left}
.case-proposal#id100 #topImg p.caption,.case-proposal#id100 #topImg p.description{max-width:400px;overflow-wrap:normal;width:auto}
.case-proposal #contents{padding-top:24px}
}

/* Proposal 04: proportionally enlarge the compact upper design. */
@media(min-width:801px){
.case-proposal #page{container-type:inline-size}
.case-proposal #globalHeader,.case-proposal #topImg{width:100%;box-sizing:border-box}
.case-proposal #globalHeader{height:7.5cqw;background-size:auto 7.5cqw}
.case-proposal #globalHeader h1{width:18.75cqw;margin:1.25cqw 0 0 1.875cqw;font-size:4.8cqw}
.case-proposal #globalHeader nav{width:79.375cqw}
.case-proposal #globalHeader nav ul{margin-top:5.5cqw}
.case-proposal #globalHeader nav ul li{font-size:1.52cqw;padding:0 .625cqw;margin:0 .125cqw;border-bottom-width:.375cqw}
.case-proposal#id100 #topImg{height:35cqw;background-size:112.5% auto;margin-bottom:.625cqw}
.case-proposal#id100 #topImg p.caption{top:18.75cqw;left:50cqw;font-size:3.52cqw;max-width:50cqw}
.case-proposal#id100 #topImg p.description{top:19.375cqw;left:52.5cqw;font-size:1.52cqw;max-width:47.5cqw}
}

/* Make each analysis case a visibly separate card. */
.case-grid{gap:26px}
.case-card{border:2px solid #9fb2c2;border-left:5px solid #345a77;border-radius:7px;box-shadow:0 3px 10px rgba(24,52,73,.10)}
.case-card>img{border-bottom:1px solid #bac9d4;background:#edf2f6}
.case-card .card-copy{background:#f7f9fc}
.case-proposal #main .case-grid{gap:26px}
@media(max-width:520px){.case-grid,.case-proposal #main .case-grid{gap:24px}}