.portfolio-reference-banner{color:#fff;background:#fa4548;justify-content:center;align-items:center;gap:12px;min-height:45px;font-size:14px;display:flex}.portfolio-reference-banner a{color:#111;background:#fff;border-radius:3px;padding:6px 22px;font-weight:700}.portfolio-reference section{margin-top:0}.portfolio-reference{color:#333;width:970px;margin:75px auto 220px}.portfolio-reference-notice{color:#68727f;margin:0 0 8px;font-size:12px}.portfolio-reference h1{border-bottom:1px solid #ddd;margin:0 0 20px;padding:0 0 16px;font-size:23px;font-weight:700}.portfolio-reference-box{border:1px solid #dadada;grid-template-columns:1fr 290px;gap:25px;min-height:488px;padding:24px 30px 24px 38px;display:grid}.portfolio-reference-intro h2{margin:14px 0 24px;font-size:22px;font-weight:700;line-height:1.38}.portfolio-reference-intro ul{margin:0;padding:0;list-style:none}.portfolio-reference-intro li{margin:0 0 15px;font-size:15px}.portfolio-reference-intro li:before{content:"➜";color:#fff;text-align:center;background:#7bc65a;border-radius:100%;width:14px;height:14px;margin-right:11px;font-size:10px;line-height:14px;display:inline-block}.portfolio-reference-art{color:#697585;min-height:50px;margin-top:120px;font-size:12px}.portfolio-reference-login{background:#fafafa;border:1px solid #bbb;align-self:start}.portfolio-reference-login h2{background:#f1f1f1;border-bottom:1px solid #ccc;margin:0;padding:15px 20px;font-size:18px;font-weight:700}.portfolio-reference-login-body{text-align:center;padding:15px 20px}.portfolio-reference-login-body button,.portfolio-reference-login-body input{color:#777;background:#fff;border:1px solid #c8c8c8;width:100%;height:33px;margin-bottom:8px;font-size:12px;display:block}.portfolio-reference-login-body button:first-child{color:#fff;background:#3d5b98;border-color:#3d5b98}.portfolio-reference-or{color:#999;margin:15px 0;font-size:12px}.portfolio-reference-login-body input{text-align:left;padding:0 8px}.portfolio-reference-forgot{text-align:right;color:#667586;margin:12px 0 18px;font-size:12px;display:block}.portfolio-reference-login-body .portfolio-reference-login-button{color:#fff;background:#ffa000;border:0;font-weight:700}.portfolio-reference-login-body p{margin:17px 0 0;font-size:12px}.portfolio-reference-login-body p span{color:#0e5aa7;font-weight:700}.portfolio-reference-login-body .portfolio-reference-origin-note{color:#697585;margin:16px 0 5px;font-size:11px}.portfolio-reference-origin{color:#075aab;font-size:12px;text-decoration:underline;display:block}.portfolio-reference-footer{border-top:1px solid #ddd}@media (max-width:1000px){.portfolio-reference{margin-left:0;margin-right:0}.portfolio-reference-banner{justify-content:flex-start;min-width:970px;padding-left:170px}.portfolio-reference-notice{max-width:355px}.portfolio-reference-footer{min-width:970px}}