/* パートナー動線 共通デザイン v2（2026-10-29）紺×シルバー×グレージュ */
body.portalPage{background:#F3F4F6;color:#0C1320}
body.portalPage h1,body.portalPage h2{font-family:"Noto Serif JP","Noto Serif CJK JP",serif!important;font-weight:600!important;letter-spacing:.06em}
body.portalPage .eyebrow{font-family:Oswald,sans-serif;letter-spacing:.3em!important;color:#8C7D64!important;font-size:12px!important}
body.portalPage .button,body.portalPage button[type=submit]{background:#0C1320!important;color:#fff!important;border:1px solid #0C1320!important;border-radius:0!important;font-weight:700!important;letter-spacing:.08em;padding:15px 28px!important;transition:background .3s,color .3s}
body.portalPage .button:hover,body.portalPage button[type=submit]:hover{background:#fff!important;color:#0C1320!important}
body.portalPage input,body.portalPage select,body.portalPage textarea{border-radius:0!important;border:1px solid #C9CED6!important;background:#fff!important}
body.portalPage input:focus,body.portalPage select:focus,body.portalPage textarea:focus{outline:none!important;border-color:#0C1320!important;box-shadow:0 0 0 3px rgba(191,179,160,.35)!important}
/* ログイン・パスワード設定 */
.pp-auth__visual{position:relative;background:#0C1320!important;color:#fff!important;overflow:hidden}
.pp-auth__visual img{opacity:1!important;filter:none!important}
.pp-auth__visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(12,19,32,.35) 0%,rgba(12,19,32,.82) 60%,rgba(12,19,32,.95) 100%);pointer-events:none}
.pp-auth__visual>*:not(img){position:relative;z-index:1}
.pp-auth__visual h2{color:#fff!important}
.pp-auth__visual p{color:#D5DAE1!important}
.pp-auth__brand{color:#fff!important}.pp-auth__brand small{color:#BFB3A0!important}
.pp-auth__steps li{border-color:rgba(191,179,160,.45)!important;color:#E6E9EE!important}
main.authPage{background:#fff}
main.authPage h1{color:#0C1320!important}
main.authPage .note{background:#F7F5F1!important;border-left:3px solid #BFB3A0!important;color:#3A4454!important}
/* マイページ・施工依頼 */
.portalHead{background:#fff!important;border-bottom:1px solid #E3E6EB!important}
.portalHead .brand{color:#0C1320!important}
.pp-headnav a{color:#0C1320!important;font-weight:700}
.pp-reqhero{position:relative;overflow:hidden;background:#0C1320!important}
.pp-reqhero img{opacity:1!important;filter:none!important}
.pp-reqhero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,19,32,.92) 0%,rgba(12,19,32,.7) 45%,rgba(12,19,32,.2) 100%);pointer-events:none}
.pp-reqhero__inner{position:relative;z-index:1}
.pp-reqhero__inner h1{color:#fff!important}
.pp-reqhero__inner p{color:#D5DAE1!important}
.pp-reqflow li{background:#fff!important;border:1px solid #E3E6EB!important;border-top:3px solid #0C1320!important}
.pp-reqflow b{color:#0C1320!important}
.pp-tabs button{border-radius:0!important}
.pp-tabs button[aria-selected=true]{background:#0C1320!important;color:#fff!important;border-color:#0C1320!important}
@media (max-width:767px){.pp-reqhero:after{background:linear-gradient(180deg,rgba(12,19,32,.3),rgba(12,19,32,.9))}}

/* v24 ログイン・パスワード：写真を引きで、斜めに区切る */
.pp-auth__visual:before{display:none!important}
.pp-auth__visual{background:#0C1320!important;justify-content:flex-end!important}
.pp-auth__visual img{position:absolute!important;top:0!important;left:0!important;right:0!important;bottom:auto!important;width:100%!important;height:64%!important;object-fit:cover!important;object-position:50% 45%!important;clip-path:polygon(0 0,100% 0,100% 78%,0 100%);transform:none!important}
.pp-auth__visual:after{background:linear-gradient(180deg,rgba(12,19,32,0) 0%,rgba(12,19,32,0) 40%,rgba(12,19,32,.2) 58%,#0C1320 72%)!important}
.pp-auth__visual>*:not(img){position:relative;z-index:1}
@media (max-width:900px){.pp-auth__visual img{height:58%!important}}
/* v24 マイページ・施工依頼：サイトと同じFV（写真が紺に溶け込む） */
.pp-reqhero{width:100vw!important;max-width:none!important;margin-left:calc(50% - 50vw)!important;margin-right:0!important;border-radius:0!important;min-height:clamp(300px,32vw,440px);display:flex;align-items:center}
.pp-reqhero img{position:absolute!important;top:0!important;right:0!important;left:auto!important;bottom:0!important;width:62%!important;height:100%!important;object-fit:cover!important;opacity:1!important}
.pp-reqhero:after{background:linear-gradient(90deg,#0C1320 0%,#0C1320 38%,rgba(12,19,32,.75) 52%,rgba(12,19,32,.15) 80%,rgba(12,19,32,0) 100%)!important}
.pp-reqhero__inner{max-width:1240px;width:100%;margin:0 auto;padding:60px 24px!important}
@media (max-width:767px){.pp-reqhero{display:block;min-height:0}.pp-reqhero img{position:relative!important;width:100%!important;height:220px!important}.pp-reqhero:after{background:linear-gradient(180deg,rgba(12,19,32,0) 0,rgba(12,19,32,0) 120px,#0C1320 220px)!important}.pp-reqhero__inner{padding:0 20px 36px!important;margin-top:-30px}}

.pp-auth__brand{position:absolute!important;top:28px!important;left:32px!important;bottom:auto!important;z-index:2!important;font-size:28px;text-shadow:0 2px 12px rgba(0,0,0,.4)}
.pp-auth__visual{padding-bottom:56px!important}

html:has(body.portalPage),body.portalPage{overflow-x:hidden}
main.requestPage{padding-top:0!important}