.mypage-page{color:#10243f;background:#f3f7fb;min-height:100vh;padding-bottom:90px}.mypage-header{background:#fffffff0;border-bottom:1px solid #dce5ee;grid-template-columns:1fr auto 1fr;align-items:center;height:76px;padding:0 max(5.4%,50vw - 642.5px);display:grid}.mypage-header nav{align-items:center;gap:28px;display:flex}.mypage-header nav a{color:#66798e;border-bottom:2px solid #0000;padding:28px 0 25px;font-size:12px;font-weight:800}.mypage-header nav a.active{color:#174e91;border-color:#236bd2}.mypage-header>button{color:#536b82;cursor:pointer;background:#fff;border:1px solid #d3deea;border-radius:999px;justify-self:end;padding:9px 12px;font-size:12px;font-weight:800}.mypage-intro{grid-template-columns:1fr auto;align-items:end;gap:60px;max-width:1285px;margin:0 auto;padding:70px 0 38px;display:grid}.mypage-intro>div>p{color:#63758a;letter-spacing:1.2px;align-items:center;gap:10px;margin:0 0 16px;font-size:12px;font-weight:900;display:flex}.mypage-intro>div>p span{background:#50d8c6;border:3px solid #cdf7f0;border-radius:50%;width:9px;height:9px}.mypage-intro h1{letter-spacing:-4px;margin:0;font-size:clamp(45px,4.7vw,67px);line-height:1.04}.mypage-intro h1 em{color:#236bd2;font-style:normal}.mypage-intro aside{background:#fff;border:1px solid #d7e2ec;border-radius:13px;gap:7px;min-width:320px;padding:20px 22px;display:grid;box-shadow:0 13px 32px #1433560f}.mypage-intro aside small{color:#718297;font-size:12px}.mypage-intro aside b{text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.mypage-intro aside span{color:#2f725f;font-size:12px}.mypage-intro aside button{color:#59718a;text-underline-offset:3px;cursor:pointer;background:0 0;border:0;justify-self:start;margin-top:5px;padding:0;font-size:11px;font-weight:800;text-decoration:underline}.mypage-error{color:#9b493e;background:#fff5f3;border:1px solid #efd0cb;border-radius:8px;max-width:1285px;margin:0 auto 14px;padding:13px 15px;font-size:12px}.mypage-summary{background:#fff;border:1px solid #d8e3ed;border-radius:13px;grid-template-columns:repeat(4,1fr);max-width:1285px;margin:0 auto;display:grid;overflow:hidden}.mypage-summary article{align-content:center;gap:8px;min-width:0;min-height:134px;padding:22px;display:grid}.mypage-summary article:not(:last-child){border-right:1px solid #e1e8ef}.mypage-summary small{color:#6c7f94;font-size:12px}.mypage-summary b{color:#14395f;letter-spacing:-1.2px;text-overflow:ellipsis;white-space:nowrap;font-size:25px;overflow:hidden}.mypage-summary b i{color:#587189;margin-left:4px;font-size:12px;font-style:normal}.mypage-summary span{color:#75869a;font-size:12px}.mypage-workspace{grid-template-columns:280px minmax(0,1fr);align-items:start;gap:18px;max-width:1285px;margin:18px auto 0;display:grid}.mypage-workspace-main{gap:18px;min-width:0;display:grid}.mypage-services,.mypage-quick{background:#fff;border:1px solid #d8e3ed;border-radius:13px;padding:24px}.mypage-quick{position:sticky;top:94px}.mypage-section-heading{justify-content:space-between;align-items:end;gap:20px;margin-bottom:17px;display:flex}.mypage-section-heading small,.mypage-quick>small,.mypage-brand-heading>div>small,.mypage-next>div small{color:#236bd2;letter-spacing:1px;font-size:12px;font-weight:900}.mypage-section-heading h2,.mypage-quick h2,.mypage-brand-heading h2,.mypage-next h2{letter-spacing:-1.2px;margin:6px 0 0;font-size:25px}.mypage-section-heading a{color:#2364b8;font-size:12px;font-weight:800}.mypage-service-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;display:grid}.mypage-service-list>button{color:#10243f;text-align:left;cursor:pointer;background:#f9fbfd;border:1px solid #dce5ed;border-radius:10px;flex-direction:column;align-items:stretch;min-width:0;min-height:208px;padding:17px;display:flex}.mypage-service-list>button.selected{background:#f3f8ff;border:2px solid #236bd2;padding:16px;box-shadow:0 10px 26px #236bd21a}.mypage-service-list>button>span{align-items:center;gap:8px;display:flex}.mypage-service-list>button>span i{color:#6ce2d2;background:#15395f;border-radius:7px;place-items:center;width:28px;height:28px;font-size:9px;font-style:normal;font-weight:900;display:grid}.mypage-service-list>button>span small{color:#718399;letter-spacing:.7px;font-size:9px;font-weight:900}.mypage-service-list>button>b{text-overflow:ellipsis;white-space:nowrap;margin-top:15px;font-size:17px;overflow:hidden}.mypage-service-list>button>p{color:#687a8f;min-height:36px;margin:5px 0 14px;font-size:12px;line-height:1.5;overflow:hidden}.mypage-service-list>button>div:not(.mypage-service-meta){background:#e0e8ef;border-radius:99px;height:5px;overflow:hidden}.mypage-service-list>button>div:not(.mypage-service-meta) span{border-radius:inherit;background:linear-gradient(90deg,#236bd2,#52d3c1);height:100%;display:block}.mypage-service-meta{flex-wrap:wrap;gap:7px 11px;margin-top:12px;display:flex}.mypage-service-meta small{color:#5c7188;font-size:10px}.mypage-empty{text-align:center;background:#f7fafc;border:1px dashed #b8c9da;border-radius:10px;place-content:center;justify-items:center;min-height:210px;padding:30px;display:grid}.mypage-empty b{font-size:17px}.mypage-empty p{color:#6c7e92;margin:8px 0 18px;font-size:12px}.mypage-empty a{color:#fff;background:#15395f;border-radius:6px;padding:11px 14px;font-size:12px;font-weight:800}.mypage-quick>small{display:block}.mypage-quick h2{margin-bottom:16px}.mypage-quick>a{color:#17334f;border-top:1px solid #e2e9ef;grid-template-columns:27px 1fr auto;align-items:center;gap:9px;min-height:65px;padding:11px 4px;display:grid}.mypage-quick>a>span{color:#236bd2;font-size:10px;font-weight:900}.mypage-quick>a>div{gap:3px;display:grid}.mypage-quick>a b{font-size:12px}.mypage-quick>a small{color:#738499;font-size:12px}.mypage-quick>a i{color:#38bba8;font-size:13px;font-style:normal}.mypage-brand-section{background:#fff;border:1px solid #d8e3ed;border-radius:13px;padding:24px}.mypage-brand-heading{justify-content:space-between;align-items:end;gap:35px;display:flex}.mypage-brand-heading p{color:#687b90;margin:7px 0 0;font-size:12px;line-height:1.6}.mypage-brand-heading>div:last-child{flex-wrap:wrap;justify-content:flex-end;gap:7px;display:flex}.mypage-brand-heading>div:last-child span{color:#61758a;background:#f0f5f9;border-radius:999px;padding:8px 10px;font-size:11px}.mypage-brand-heading>div:last-child b{color:#1d5baa}.mypage-profile-loading{color:#6c7f93;background:#f5f8fb;border-radius:9px;place-content:center;min-height:120px;margin-top:19px;font-size:12px;display:grid}.mypage-next{color:#fff;background:#112d4d;border-radius:13px;grid-template-columns:270px 1fr;gap:35px;max-width:1285px;margin:18px auto 0;padding:24px;display:grid}.mypage-next h2{color:#fff}.mypage-next ul{grid-template-columns:repeat(2,1fr);gap:10px;margin:0;padding:0;list-style:none;display:grid}.mypage-next li{background:#ffffff0d;border:1px solid #ffffff21;border-radius:8px;gap:5px;padding:13px 14px;display:grid}.mypage-next li b{color:#fff;font-size:12px}.mypage-next li span{color:#b7c7d7;font-size:12px;line-height:1.45}.mypage-loading{color:#173552;background:#f3f7fb;place-content:center;justify-items:center;gap:12px;min-height:100vh;display:grid}.mypage-loading span{border:3px solid #dce8f4;border-top-color:#236bd2;border-radius:50%;width:24px;height:24px;animation:.8s linear infinite mypage-spin}.mypage-loading b{font-size:13px}@keyframes mypage-spin{to{transform:rotate(360deg)}}@media (max-width:1100px){.mypage-header,.mypage-intro,.mypage-summary,.mypage-workspace,.mypage-next,.mypage-error{max-width:calc(100% - 40px)}.mypage-summary{grid-template-columns:repeat(2,1fr)}.mypage-summary article:nth-child(2){border-right:0}.mypage-summary article:nth-child(-n+2){border-bottom:1px solid #e1e8ef}.mypage-workspace{grid-template-columns:240px minmax(0,1fr)}.mypage-service-list{grid-template-columns:1fr}}@media (max-width:760px){.mypage-page{padding-bottom:55px}.mypage-header{grid-template-columns:1fr auto;max-width:none;height:68px;padding:0 20px}.mypage-header nav{display:none}.mypage-intro,.mypage-summary,.mypage-workspace,.mypage-next,.mypage-error{max-width:none;margin-left:20px;margin-right:20px}.mypage-intro{padding:54px 0 30px;display:block}.mypage-intro h1{letter-spacing:-2.7px;font-size:43px}.mypage-intro aside{min-width:0;margin-top:25px}.mypage-summary{grid-template-columns:1fr}.mypage-summary article:not(:last-child){border-bottom:1px solid #e1e8ef;border-right:0}.mypage-workspace{grid-template-columns:1fr}.mypage-quick{position:static}.mypage-service-list{grid-template-columns:1fr}.mypage-brand-heading{flex-direction:column;align-items:flex-start}.mypage-brand-heading>div:last-child{justify-content:flex-start}.mypage-next,.mypage-next ul{grid-template-columns:1fr}.mypage-section-heading{flex-direction:column;align-items:flex-start}.mypage-services,.mypage-quick,.mypage-brand-section,.mypage-next{padding:19px}}.mypage-intro,.mypage-summary,.mypage-workspace,.mypage-next,.mypage-error{width:min(1180px,100% - 48px);max-width:none}.mypage-intro{grid-template-columns:minmax(0,1fr) 290px;gap:40px;padding:38px 0 24px}.mypage-intro h1{letter-spacing:-2.7px;font-size:clamp(39px,4vw,54px)}.mypage-intro aside{min-width:0;padding:17px 19px}.mypage-summary article{min-height:105px;padding:18px}.mypage-summary small,.mypage-summary span{font-size:12px}.mypage-summary b{font-size:22px}.mypage-workspace{margin-top:14px}.mypage-services,.mypage-quick,.mypage-brand-section,.mypage-next{padding:21px}.mypage-service-list>button{min-height:184px}.mypage-service-list>button>span small,.mypage-service-meta small{font-size:11px}.mypage-brand-heading h2{font-size:23px}.mypage-brand-section .brand-identity-editor{margin-top:14px}@media (max-width:760px){.mypage-intro,.mypage-summary,.mypage-workspace,.mypage-next,.mypage-error{width:auto}.mypage-intro{padding:40px 0 25px}.mypage-intro h1{letter-spacing:-2px;font-size:39px}}.mypage-brand-heading>a{color:#fff;background:#15395f;border-radius:7px;flex:none;align-items:center;gap:9px;min-height:42px;padding:0 15px;font-size:12px;font-weight:900;display:inline-flex}.mypage-brand-heading>a span{color:#66dece}.mypage-basic-profile{background:#f8fafc;border:1px solid #d9e3ec;border-radius:11px;gap:12px;margin-top:16px;padding:15px 17px;display:grid}.mypage-basic-primary{align-items:center;gap:13px;min-width:0;display:flex}.mypage-basic-logos{flex:none;display:flex}.mypage-basic-logos .generated-logo{border:2px solid #f8fafc;width:38px;height:38px}.mypage-basic-logos .generated-logo+.generated-logo{margin-left:-9px}.mypage-basic-primary>p{gap:3px;min-width:130px;margin:0;display:grid}.mypage-basic-primary>p b{color:#17324e;text-overflow:ellipsis;white-space:nowrap;font-size:15px;overflow:hidden}.mypage-basic-primary>p span{color:#6f8194;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.mypage-basic-design{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:7px;margin-left:auto;display:flex}.mypage-basic-design>i{display:inline-flex}.mypage-basic-design>i em{width:13px;height:24px;display:block}.mypage-basic-design>i em:first-child{border-radius:5px 0 0 5px}.mypage-basic-design>i em:last-child{border-radius:0 5px 5px 0}.mypage-basic-design>span,.mypage-basic-secondary>span{color:#60758b;white-space:nowrap;background:#edf3f8;border-radius:999px;padding:7px 9px;font-size:11px}.mypage-basic-secondary{border-top:1px solid #dfe7ee;flex-wrap:wrap;align-items:center;gap:7px;padding-top:11px;display:flex}.mypage-basic-secondary b{color:#1d5baa;margin-left:4px}@media (max-width:760px){.mypage-brand-heading>a{justify-content:center;width:100%}.mypage-basic-primary{flex-wrap:wrap;align-items:flex-start}.mypage-basic-design{justify-content:flex-start;width:100%;margin-left:0}.mypage-basic-secondary{flex-direction:column;align-items:stretch}.mypage-basic-secondary>span{white-space:normal}}