/* Dedicated to the approved six portfolio pages. No shared style override. */
body.portfolio-page{--u:min(.110254vw,1.6px);color:#07304d;background:#fff;font-size:16px;line-height:1.7;font-weight:500}
.portfolio-page .p-container{width:min(90%,1200px);margin-inline:auto}
.portfolio-page main h2{font-size:30px;line-height:1.45;margin:0 0 16px;font-weight:800;letter-spacing:.025em}
.portfolio-page main h3{font-size:22px;line-height:1.5;margin:0 0 15px;font-weight:800}
.portfolio-page main h4{font-size:17px}.portfolio-page main p{font-size:16px;line-height:1.8;margin:0 0 20px}
.portfolio-page .pc-icon{width:58px;height:58px;flex:none;display:block;color:#063953}
.portfolio-page .pc-accent{display:block;width:56px;height:4px;background:#ff492e;margin:18px 0 28px}
.portfolio-page .pc-breadcrumb{font-size:13px;margin:20px 0 30px}.pc-breadcrumb a:hover{text-decoration:underline}
.portfolio-page .pc-tabs{display:flex;justify-content:center;border-bottom:1px solid #d8e1e8;gap:28px;padding-top:18px}
.portfolio-page .pc-tabs a{display:flex;align-items:center;gap:10px;padding:20px 24px;font-size:16px;font-weight:700;border-bottom:3px solid transparent;min-height:50px}
.portfolio-page .pc-tabs .pc-icon{width:29px;height:29px}.pc-tabs [aria-current=page]{color:#ff492e;border-bottom-color:#ff492e!important}
.portfolio-page .pc-list-intro{text-align:center;padding:35px 0 30px}.pc-list-intro .pc-accent{margin:20px auto 28px}
.portfolio-page .pc-filters{display:flex;align-items:center;justify-content:center;gap:12px;margin:28px 0 0;flex-wrap:wrap}
.portfolio-page .pc-filters button{border:1px solid #a5bdcb;background:white;border-radius:6px;padding:11px 22px;color:#07304d;font-size:15px;cursor:pointer;min-height:44px}
.pc-filters button[aria-pressed=true]{background:#ff492e;border-color:#ff492e;color:white}.pc-filters a{font-size:14px;margin-left:auto;padding:10px}
.portfolio-page .pc-feature{display:grid;grid-template-columns:1.65fr 1fr;gap:36px;background:#f5f6f7;border-radius:6px;padding:30px;margin:0 0 28px;align-items:center}
.portfolio-page .pc-feature img,.portfolio-page .pc-detail-image img,.portfolio-page .pc-pway-screens img,.portfolio-page .pc-pway-lower img{display:block;width:100%;height:auto;object-fit:contain}
.portfolio-page .pc-feature h3{font-size:28px}.pc-feature-picture{display:block}.pc-feature-picture img{border:1px solid #d3e0e8}
.portfolio-page .pc-feature p{font-size:16px}.pc-scope{padding-top:20px;border-top:1px solid #cedde5}.portfolio-page .pc-text-link{color:#f54b32;font-weight:700;font-size:15px;display:inline-block;padding:10px 0}
.portfolio-page .pc-tag{display:inline-block;border-radius:18px;background:#e7f1f9;color:#123957;font-size:13px;padding:4px 12px}
.portfolio-page .pc-checks{padding-left:22px;font-size:16px;line-height:2.1;list-style:'✓  '}
.portfolio-page .pc-button{display:inline-flex;justify-content:center;align-items:center;gap:12px;min-height:48px;border:1px solid #083651;padding:13px 20px;font-size:15px;font-weight:700;border-radius:5px;background:white;color:#07304d;line-height:1.4;cursor:pointer;text-align:center}
.pc-button.line{background:#00c653!important;color:#fff!important;border-color:#00c653!important}.pc-button.coral{background:#ff492e!important;border-color:#ff492e!important;color:#fff!important}.pc-button.navy{background:#05334e!important;color:#fff!important}
.pc-button.ai{background:linear-gradient(110deg,#642ddb,#5040e8)!important;color:#fff!important;border-color:transparent!important}
.portfolio-page .pc-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:30px}
.portfolio-page .pc-card{border:1px solid #dce3e9;border-radius:4px;overflow:hidden;background:#fff}.portfolio-page .pc-card img{display:block;width:100%;height:auto;object-fit:contain}.pc-card>div{padding:24px}
.portfolio-page .pc-card h3{margin-top:12px;font-size:21px}.portfolio-page .pc-card p{font-size:15px}
.portfolio-page .pc-archive{border:1px solid #bdcddd;border-radius:5px;margin:32px 0 50px;position:static;overflow:visible}
.portfolio-page .pc-archive>summary{padding:20px 24px;text-align:center;font-size:18px;font-weight:700;cursor:pointer;list-style:none;min-height:58px}
.pc-archive>summary span{float:right}.pc-archive[open]>summary{border-bottom:1px solid #bdcddd}.pc-archive[open]>summary span{transform:rotate(45deg)}
.portfolio-page .pc-archive-note{padding:22px;margin:0;font-size:13px}.portfolio-page .pc-archive-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;list-style:none;margin:0;padding:24px}
.portfolio-page .pc-archive-item{padding:20px;border:1px solid #d5e0e8;min-width:0}.portfolio-page .pc-archive-item img{display:block;width:auto;max-width:100%;height:auto;max-height:480px;object-fit:contain;margin:0 auto 20px}
.portfolio-page .pc-archive-item h3{font-size:21px}.pc-archive-item a:not(:has(img)){text-decoration:underline}.pc-archive-item ul{font-size:14px}.pc-archive-item>div>details{margin-top:12px}.pc-archive-item summary{cursor:pointer;font-weight:700}
.portfolio-page .pc-reference{padding:34px;background:linear-gradient(120deg,#f4f7f8,#eaf0f4);margin:30px 0 44px;text-align:center}.pc-reference p{font-size:15px}
.pc-reference-details>summary{display:inline-block;cursor:pointer;border:1px solid #14364e;padding:12px 28px;border-radius:6px;background:white}.portfolio-page .pc-reference-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px;text-align:left}.pc-reference-grid img{width:100%;height:auto}.portfolio-page .pc-reference-grid h3{font-size:17px}.pc-reference-grid p{font-size:13px}
.portfolio-page .pc-related{margin:30px 0 42px}.portfolio-page .pc-related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}
.portfolio-page .pc-related-grid a{display:flex;gap:16px;align-items:center;padding:18px;border:1px solid #b7cddc;background:#fff;min-height:88px;text-align:left;font-size:16px;font-weight:700}.pc-related-grid .pc-icon{width:38px;height:38px}.pc-related-grid b{margin-left:auto}
.portfolio-page .pc-cta{padding:35px 0 42px;margin-top:34px;text-align:center;background:#eaf4fc}.portfolio-page .pc-cta h2{font-size:29px;margin-bottom:10px}.portfolio-page .pc-cta p{font-size:15px}.pc-actions{display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.pc-actions .pc-button{min-width:245px}
.portfolio-page .pc-cta.dark{background:#04344f;color:white}.pc-cta.dark .pc-button:not(.line):not(.ai){color:#fff;background:transparent;border-color:#d6e4ed}
.pc-cta.coral-split{background:linear-gradient(90deg,#ff492e 0 50%,#fff 50%);border-block:1px solid #ffbba9}.pc-cta.coral-split>.p-container{display:grid;grid-template-columns:1fr 1fr;gap:24px}.pc-cta.coral-split h2,.pc-cta.coral-split p{grid-column:1;text-align:left;color:white}.pc-cta.coral-split .pc-actions{grid-column:2;grid-row:1/3;flex-direction:column;align-items:stretch;padding-left:20px}
.portfolio-page .pc-social{margin-top:22px;width:100%;grid-column:1/-1}.pc-social>div,.pc-social ul{display:flex;align-items:center;justify-content:center;gap:24px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.pc-social a{display:flex;gap:7px;align-items:center;font-size:12px}.pc-social svg{width:23px;height:23px;fill:currentColor}.pc-social strong{display:none}
.portfolio-page .pc-detail{padding-bottom:25px;background:#fff}.portfolio-page .pc-detail>h1{font-size:42px;line-height:1.35;margin:0;font-weight:800;letter-spacing:.015em}.portfolio-page .pc-detail-lead{font-size:22px;margin-bottom:26px}
.portfolio-page .pc-detail section{margin:40px 0}.portfolio-page .pc-detail-image{border:1px solid #dbe6ed;padding:20px;margin:26px auto 32px;width:min(100%,1100px);background:#fff}.pc-detail-image img{max-width:100%;width:auto!important;margin:auto}
.portfolio-page .pc-points{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:28px 0 30px;padding:25px 0;border-block:1px solid #d0dfe9}.portfolio-page .pc-points article{padding:0 25px;text-align:center}.pc-points article+article{border-left:1px solid #d0dfe9}.pc-points .pc-icon{margin:0 auto 20px;width:66px;height:66px}.portfolio-page .pc-points h3{font-size:22px}.portfolio-page .pc-points p{font-size:16px;margin:0}
.portfolio-page .pc-meta{display:grid;grid-template-columns:160px 1fr;margin:25px 0;border:1px solid #d0dfe9;font-size:16px}.pc-meta dt{background:#eaf4fb;font-weight:700;padding:16px}.pc-meta dd{padding:16px;margin:0}.pc-meta dt:not(:first-child),.pc-meta dd:not(:nth-child(2)){border-top:1px solid #d0dfe9}.portfolio-page .pc-note{font-size:13px}
.portfolio-page .pc-menu-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.portfolio-page figure{margin:0}.portfolio-page figcaption{font-size:13px;font-weight:600;margin-top:12px}.pc-menu-pair figcaption{text-align:center;font-size:16px}.pc-menu-pair img{width:100%;height:auto;object-fit:contain;display:block}
.portfolio-page .pc-feature-menu{grid-template-columns:2fr 1fr}.pc-feature-menu .pc-notice{grid-column:1/-1;text-align:center;font-size:12px;margin:0}.portfolio-page .pc-notice{padding:18px;background:#e7f3fb;font-size:14px;line-height:1.8;border-radius:5px}
.portfolio-page .pc-menu-detail{display:grid;grid-template-columns:3.2fr 1fr;gap:28px;align-items:start;margin:30px 0}.pc-menu-detail .stacked{display:block;border:0}.pc-menu-detail .stacked dt{background:transparent;padding:16px 0 0;border-top:1px solid #cdddeb}.pc-menu-detail .stacked dd{padding:12px 0 25px;border:0}
.pc-dtp-categories .pc-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.pc-dtp-categories .pc-card>div{padding:16px}.portfolio-page .pc-category-panel{border:1px solid #d7e2e9;padding:26px}.pc-category-panel a{display:flex;gap:25px;align-items:center;border-bottom:1px solid #d0dfe9;padding:20px 0}.pc-category-panel small{display:block;font-size:13px}.pc-category-panel .pc-icon{width:50px;height:50px}.pc-category-panel b{margin-left:auto}
.portfolio-page .pc-pway-screens{display:grid;grid-template-columns:3.7fr 1fr;gap:28px;align-items:start;margin:28px 0}.pc-pway-screens figure:last-child{max-width:280px}.portfolio-page .pc-pway-lower{display:grid;grid-template-columns:2.3fr 1fr;gap:35px;align-items:start}.pc-pway-lower ol{counter-reset:step;list-style:none;padding:0}.pc-pway-lower li{counter-increment:step;padding:15px 0;border-bottom:1px solid #d0dfe9;display:flex;gap:14px;align-items:center}.pc-pway-lower li:before{content:counter(step);border-radius:50%;background:#ff492e;color:#fff;display:grid;place-items:center;width:30px;height:30px;flex:none}.pc-anchor{display:block;scroll-margin-top:100px}.portfolio-page [hidden]{display:none!important}.portfolio-page a:focus-visible,.portfolio-page button:focus-visible,.portfolio-page summary:focus-visible{outline:3px solid #ffac30;outline-offset:4px}
@media(max-width:700px){
 body.portfolio-page{--u:1px;font-size:14px}.portfolio-page .p-container{width:90%}.portfolio-page main h2{font-size:24px}.portfolio-page main h3{font-size:20px}.portfolio-page main p{font-size:14px}
 .portfolio-page .pc-tabs{gap:0;width:100%;padding-top:0}.portfolio-page .pc-tabs a{font-size:11px;flex:1;min-width:0;justify-content:center;gap:6px;flex-direction:column;padding:14px 4px}.portfolio-page .pc-tabs .pc-icon{width:27px;height:27px}.portfolio-page .pc-breadcrumb{font-size:11px;margin:16px 0 24px}
 .portfolio-page .pc-list-intro{padding:12px 0 26px}.portfolio-page .pc-list-intro h2{font-size:24px}.pc-list-intro .pc-accent{margin:14px auto 18px}.portfolio-page .pc-filters{gap:9px;margin:22px 0 0}.portfolio-page .pc-filters button{padding:10px 8px;font-size:12px;flex:1 1 45%;min-height:44px}.pc-filters a{font-size:12px!important}
 .portfolio-page .pc-feature{grid-template-columns:1fr;gap:22px;padding:17px;margin-bottom:24px}.portfolio-page .pc-feature h3{font-size:23px}.portfolio-page .pc-feature p{font-size:14px}.pc-feature .pc-button{width:100%}.portfolio-page .pc-card-grid{grid-template-columns:1fr;gap:20px}.portfolio-works_webdesign .pc-card-grid{grid-template-columns:1fr 1fr;gap:12px}.portfolio-works_webdesign .pc-card>div{padding:12px}.portfolio-works_webdesign .pc-card h3{font-size:16px}.portfolio-works_webdesign .pc-card p{font-size:12px}.portfolio-works_webdesign .pc-card .pc-text-link{font-size:11px}
 .portfolio-page .pc-card>div{padding:18px}.portfolio-page .pc-card h3{font-size:21px}.portfolio-page .pc-card p{font-size:14px}.portfolio-page .pc-archive>summary{font-size:14px;padding:18px 12px}.portfolio-page .pc-archive-grid{grid-template-columns:1fr;padding:15px;gap:20px}.portfolio-page .pc-archive-item{padding:15px}.portfolio-page .pc-archive-item img{max-width:100%;max-height:520px}.portfolio-page .pc-archive-item p{font-size:14px}
 .portfolio-page .pc-reference{padding:24px 18px;margin:28px 0}.portfolio-page .pc-reference-grid{grid-template-columns:1fr}.portfolio-page .pc-related-grid{grid-template-columns:1fr}.portfolio-page .pc-related-grid a{padding:14px;font-size:14px;min-height:65px}.pc-related-grid .pc-icon{width:35px;height:35px}
 .portfolio-page .pc-cta{padding:25px 0;margin:20px 0 0}.portfolio-page .pc-cta h2{font-size:24px}.portfolio-page .pc-cta p{font-size:13px}.pc-actions{flex-direction:column;gap:12px}.pc-actions .pc-button{min-width:0;width:100%;font-size:14px}.pc-cta.coral-split{background:#ff492e}.pc-cta.coral-split>.p-container{display:block}.pc-cta.coral-split .pc-actions{padding:0}.pc-cta.coral-split h2,.pc-cta.coral-split p{text-align:left}
 .portfolio-page .pc-social ul{gap:14px}.pc-social a{flex-direction:column;font-size:10px;gap:4px}.pc-social svg{width:22px;height:22px}.portfolio-page .pc-social{margin:20px 0}
 .portfolio-page .pc-detail>h1{font-size:28px;line-height:1.45}.portfolio-page .pc-detail-lead{font-size:16px}.portfolio-page .pc-detail-image{padding:12px;margin:22px 0}.portfolio-page .pc-detail section{margin:30px 0}.portfolio-page .pc-points{grid-template-columns:1fr;gap:0;padding:0;border:0}.portfolio-page .pc-points article{display:grid;grid-template-columns:55px 1fr;gap:0 15px;text-align:left;border:0;border-top:1px solid #d0dfe9;padding:22px 0}.pc-points .pc-icon{grid-row:span 2;width:48px;height:48px;margin:4px 0}.portfolio-page .pc-points h3{font-size:18px;margin:0 0 9px}.portfolio-page .pc-points p{font-size:14px}
 .portfolio-page .pc-meta{grid-template-columns:95px 1fr;font-size:12px}.pc-meta dt,.pc-meta dd{padding:12px}.portfolio-page .pc-note{font-size:12px}.portfolio-page .pc-menu-detail{grid-template-columns:1fr;gap:15px;margin:22px 0}.pc-menu-detail .pc-menu-pair{grid-template-columns:1fr;gap:26px}.portfolio-page .pc-menu-detail .stacked{display:grid;grid-template-columns:95px 1fr}.pc-menu-detail .stacked dt{background:#eaf4fb;padding:12px;border:0}.pc-menu-detail .stacked dd{padding:12px;border:0}.portfolio-page .pc-notice{font-size:12px;padding:15px}.portfolio-page .pc-menu-pair{gap:10px}.pc-menu-pair figcaption{font-size:12px}.portfolio-page .pc-feature-menu{grid-template-columns:1fr}.pc-feature-menu .pc-notice{font-size:11px}
 .pc-dtp-categories .pc-card{display:block}.portfolio-page .pc-category-panel{padding:22px 18px}.pc-category-panel a{gap:18px}.pc-category-panel .pc-icon{width:44px;height:44px}
 .portfolio-page .pc-pway-screens{grid-template-columns:1fr;gap:20px}.pc-pway-screens figure:first-child{display:none}.pc-pway-screens figure:last-child{width:100%;max-width:none}.portfolio-page .pc-pway-lower{grid-template-columns:1fr;gap:22px}.pc-pway-lower li{font-size:14px}.portfolio-page figcaption{font-size:12px}
}
.portfolio-page .pc-social .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.portfolio-works_webdesign main h1,.portfolio-works_webdesign main h2,.portfolio-works_webdesign main h3{font-family:"Yu Mincho","Hiragino Mincho ProN",serif}
.portfolio-page .pc-detail .pc-related-grid .pc-icon{display:none}.portfolio-page .pc-detail .pc-related-grid a{justify-content:center;min-height:48px;padding:12px 15px;font-size:15px;border-radius:5px;gap:8px}.portfolio-page .pc-detail .pc-related-grid a:first-child{background:#04344f;color:#fff}.portfolio-page .pc-detail .pc-related-grid b{margin-left:10px}.portfolio-page .pc-detail .pc-related>h2{font-size:22px}
.portfolio-page .pc-button .pc-icon{width:23px;height:23px;color:inherit;stroke-width:1.8}.portfolio-page .pc-detail{background:linear-gradient(120deg,#fff,#f7fbff)}
.portfolio-works_dtp .pc-tabs{width:100%;background:#04344f;gap:0;padding-top:0}.portfolio-works_dtp .pc-tabs a{color:#fff;border-right:1px solid #45667b;flex:1;justify-content:center}.portfolio-works_dtp .pc-tabs [aria-current=page]{background:#ff492e;color:white}.portfolio-works_netshop .pc-filters button,.portfolio-works_dtp .pc-filters button{border-radius:30px}
@media(max-width:700px){.portfolio-page .pc-detail .pc-related-grid a{font-size:13px}.portfolio-works_netshop .pc-filters button{flex-basis:100%}.portfolio-works_webdesign .pc-card h3{font-size:16px}.portfolio-works_webdesign .pc-card p{font-size:12px}}
@media(max-width:700px){.portfolio-works_webdesign .clarity-hero .mobile-art{order:0}.portfolio-works_webdesign .clarity-hero .hero-live{order:1}} .portfolio-page .pc-points .pc-icon{stroke-width:2.1}