/* 히어로 디자인 1 (변호사중심) — 모바일 ≤899px 전용. 루트: #jr-hero-design-1 * PC: hero-design-1.min.css (media min-width 900px) */ #jrMember.visual #jr-hero-design-1, .jr-response-team-hero.visual #jr-hero-design-response-team { --jr-lawyer-rolling-card-scale: 0.8; } /* 디자인1 히어로 — 모바일 섹션·레이어 */ @media (max-width: 899px) { main#target .contents #jrMember.visual, #jrMember.visual { display: block !important; visibility: visible !important; position: relative; min-height: min(72vh, 640px); overflow-y: visible !important; } #jrMember.visual #jr-hero-design-1 { height: auto !important; max-height: none !important; min-height: 0 !important; overflow: visible !important; } } /* 디자인1 — 모바일 슬라이드·고정 프로필 배지 */ #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .jr-mobile-slide-img-wrap .jr-hero-primary-badge { border: 1px solid var(--jr-hero-primary-badge-border, rgba(56, 189, 248, 0.38)) !important; background: var( --jr-hero-primary-badge-bg, linear-gradient( 165deg, rgba(238, 248, 255, 0.98) 0%, rgba(218, 235, 252, 0.96) 52%, rgba(199, 224, 248, 0.94) 100% ) ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 2px 10px rgba(15, 40, 71, 0.14) !important; color: var(--jr-hero-primary-badge-color, var(--temple-deep-2)) !important; text-shadow: none !important; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .jr-mobile-slide-img-wrap .jr-hero-primary-badge::before { background: var( --jr-hero-primary-badge-icon-ring-bg, linear-gradient(155deg, #f0f9ff 0%, #dbeafe 48%, #bfdbfe 100%) ) !important; border: 1px solid var(--jr-hero-primary-badge-icon-ring-border, rgba(56, 189, 248, 0.4)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.55), 0 2px 8px rgba(15, 40, 71, 0.12) !important; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .jr-mobile-slide-img-wrap .jr-hero-primary-badge::after { background: var( --jr-hero-primary-badge-icon-fill, linear-gradient(155deg, #7dd3fc 0%, #38bdf8 28%, #2563eb 55%, #1e3a8a 85%, #0f2847 100%) ) !important; filter: contrast(1.06) saturate(1.08) drop-shadow(0 0 0.5px rgba(15, 23, 42, 0.35)) drop-shadow(0 0.6px 0.85px rgba(15, 23, 42, 0.28)) !important; } /* 모바일 고정 프로필: 역할·이름 */ #jrMember.visual #jr-hero-design-1 .jr-hero-fixed .lawyer-info > p:first-of-type .jr-hero-role-line { color: #7dd3fc !important; font-weight: 700 !important; letter-spacing: -0.02em; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.55) !important; } #jrMember.visual #jr-hero-design-1 .jr-hero-fixed .lawyer-info > p:first-of-type .jr-hero-name-line { color: #f1f5ff !important; font-weight: 700 !important; letter-spacing: -0.03em; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.5) !important; } /* ========== PC #jrMember 히어로: 딥블루 팔레트 계층 (롤링 + 우측 대형) ========== */ #jrMember.visual, .jr-response-team-hero.visual { --jr-hero-h1: #7dd3fc; --jr-hero-h2: #f8fbff; --jr-hero-body: #cbd5e1; --jr-hero-muted: #94a3b8; --jr-hero-cta-bg: linear-gradient(180deg, #1e40af 0%, #172554 100%); --jr-hero-cta-border: rgba(56, 189, 248, 0.38); } /* 롤링 카드: ①분류(역할/pro) ②이름(호버) ③경력(前) */ #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide .lawyer-info .jr-lawyer-rolling-tagline, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide .lawyer-info .jr-lawyer-rolling-tagline { color: var(--jr-hero-h1) !important; -webkit-text-fill-color: var(--jr-hero-h1) !important; font-weight: 700 !important; letter-spacing: -0.02em; margin: 0 0 0.15rem !important; font-size: clamp(1.68rem, 1.53rem + 0.48vw, 2.01rem) !important; line-height: 1.26 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; background: none !important; background-image: none !important; -webkit-background-clip: border-box !important; background-clip: border-box !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide .lawyer-info .jr-lawyer-career-one, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide .lawyer-info .jr-lawyer-career-one { color: var(--jr-hero-body) !important; margin: 0 !important; font-size: clamp(1.47rem, 1.38rem + 0.27vw, 1.68rem) !important; line-height: 1.28 !important; font-weight: 500 !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; max-width: 100% !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide .lawyer-info .jr-lawyer-rolling-name, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide .lawyer-info .jr-lawyer-rolling-name { margin: 0 !important; padding: 0 !important; border: 0 !important; font-size: clamp(1.68rem, 1.53rem + 0.54vw, 2.04rem) !important; font-weight: 800 !important; line-height: 1.2 !important; color: var(--jr-hero-h2) !important; white-space: nowrap !important; text-overflow: ellipsis !important; max-height: 0; opacity: 0; overflow: hidden; transform: translateY(-0.12em); transition: max-height 0.34s ease, opacity 0.28s ease, margin 0.34s ease, transform 0.28s ease; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.72), 0 0 1px rgba(0, 0, 0, 0.9), 0 0 12px rgba(15, 23, 42, 0.55), 0 0 18px rgba(147, 197, 253, 0.22) !important; -webkit-text-fill-color: var(--jr-hero-h2) !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide:hover .lawyer-info .jr-lawyer-rolling-name, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide:hover .lawyer-info .jr-lawyer-rolling-name, #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide:focus-within .lawyer-info .jr-lawyer-rolling-name, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide:focus-within .lawyer-info .jr-lawyer-rolling-name, #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide.swiper-slide-active .lawyer-info .jr-lawyer-rolling-name, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide.swiper-slide-active .lawyer-info .jr-lawyer-rolling-name { max-height: 4.2em; opacity: 1; margin: 0.22rem 0 0.22rem !important; transform: translateY(0); color: var(--jr-hero-h2) !important; -webkit-text-fill-color: var(--jr-hero-h2) !important; text-shadow: 0 1px 2px rgba(0, 0, 0, 0.74), 0 0 1px rgba(0, 0, 0, 0.92), 0 0 12px rgba(15, 23, 42, 0.58), 0 0 20px rgba(191, 219, 254, 0.28) !important; } /* index.min의 h3 색상 규칙을 확실히 덮어쓰기 */ #jrMember.visual .lawyer-slider-others .swiper-slide .lawyer-info h3.jr-lawyer-rolling-name, .jr-response-team-hero.visual .lawyer-slider-others .swiper-slide .lawyer-info h3.jr-lawyer-rolling-name, #jrMember.visual .lawyer-slider-others .swiper-slide-active .lawyer-info h3.jr-lawyer-rolling-name, .jr-response-team-hero.visual .lawyer-slider-others .swiper-slide-active .lawyer-info h3.jr-lawyer-rolling-name, #jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-slide .lawyer-info h3.jr-lawyer-rolling-name, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-slide .lawyer-info h3.jr-lawyer-rolling-name, #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide-active .lawyer-info h3.jr-lawyer-rolling-name, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-others .swiper-slide-active .lawyer-info h3.jr-lawyer-rolling-name { color: var(--jr-hero-h2) !important; -webkit-text-fill-color: var(--jr-hero-h2) !important; } /* 우측 대형: 동일 계층 — ①역할 ②이름 ③경력 본문 */ #jrMember.visual .jr-hero-fixed--primary .jr-hero-role-line, .jr-response-team-hero.visual .jr-hero-fixed--primary .jr-hero-role-line { color: var(--jr-hero-h1) !important; font-weight: 700 !important; letter-spacing: -0.02em; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.45) !important; } #jrMember.visual .jr-hero-fixed--primary .jr-hero-name-line, .jr-response-team-hero.visual .jr-hero-fixed--primary .jr-hero-name-line { color: var(--jr-hero-h2) !important; font-weight: 800 !important; letter-spacing: -0.03em; text-shadow: 0 1px 3px rgba(0, 0, 0, 0.72), 0 0 1px rgba(0, 0, 0, 0.9), 0 0 12px rgba(15, 23, 42, 0.55), 0 0 20px rgba(191, 219, 254, 0.24) !important; } #jrMember.visual .jr-hero-fixed--primary .jr-hero-career-block, .jr-response-team-hero.visual .jr-hero-fixed--primary .jr-hero-career-block { color: var(--jr-hero-body) !important; line-height: 1.65 !important; font-size: clamp(1.02rem, 0.96rem + 0.2vw, 1.16rem) !important; font-weight: 500 !important; } /* 프로필 더보기: 팔레트 토큰 */ #jrMember.visual .jr-hero-fixed--primary .lawyer-info .jr-hero-profile-hint, #jrMember.visual .jr-hero-fixed--primary .jr-hero-primary-photo-shell .jr-hero-profile-hint, .jr-response-team-hero.visual .jr-hero-fixed--primary .lawyer-info .jr-hero-profile-hint, .jr-response-team-hero.visual .jr-hero-fixed--primary .jr-hero-primary-photo-shell .jr-hero-profile-hint { display: inline-flex !important; align-items: center; justify-content: center; margin-bottom: 0.55rem !important; padding: 0.42rem 0.95rem !important; border-radius: 999px !important; background: var(--jr-hero-profile-hint-bg, var(--jr-hero-cta-bg)) !important; border: 1px solid var(--jr-hero-profile-hint-border, var(--jr-hero-cta-border)) !important; color: var(--jr-hero-profile-hint-color, #f8fafc) !important; font-size: clamp(1.02rem, 0.95rem + 0.2vw, 1.14rem) !important; font-weight: 600 !important; text-shadow: none !important; box-shadow: 0 4px 14px rgba(15, 40, 71, 0.35) !important; } #jrMember.visual .jr-hero-fixed--primary .lawyer-info .jr-hero-profile-hint:hover, #jrMember.visual .jr-hero-fixed--primary .jr-hero-primary-photo-shell .jr-hero-profile-hint:hover, .jr-response-team-hero.visual .jr-hero-fixed--primary .lawyer-info .jr-hero-profile-hint:hover, .jr-response-team-hero.visual .jr-hero-fixed--primary .jr-hero-primary-photo-shell .jr-hero-profile-hint:hover { border-color: var(--jr-hero-border, #7dd3fc) !important; color: var(--jr-hero-profile-hint-color, #fff) !important; box-shadow: 0 6px 18px rgba(30, 64, 175, 0.4) !important; } /* 롤링 좌우 화살표: 팔레트 토큰 */ #jrMember.visual #jr-hero-design-1 .lawyer-slider-btn, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-btn, .visual .lawyer-slider-btn { background: var(--jr-hero-slider-btn-bg, linear-gradient(180deg, rgba(30, 64, 175, 0.95) 0%, rgba(15, 40, 71, 0.98) 100%)) !important; border: 1px solid var(--jr-hero-slider-btn-border, rgba(56, 189, 248, 0.35)) !important; color: var(--jr-hero-slider-btn-color, #e0f2fe) !important; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.25) !important; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-btn:hover:not(.swiper-button-disabled), .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-btn:hover:not(.swiper-button-disabled), .visual .lawyer-slider-btn:hover:not(.swiper-button-disabled) { background: var(--jr-hero-slider-btn-hover-bg, var(--brown900)) !important; border-color: rgba(255, 255, 255, 0.25) !important; color: #fff !important; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-btn.swiper-button-disabled, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-btn.swiper-button-disabled { opacity: 0.35 !important; } /* 롤링 카드: 팔레트 토큰 (baseline + lawyer-slider-others) */ #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper { gap: 1px !important; column-gap: 1px !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide, #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide { border: 1px solid var(--jr-hero-carousel-slide-border, rgba(125, 211, 252, 0.26)) !important; border-radius: 14px !important; background: var(--jr-hero-carousel-slide-bg, linear-gradient(180deg, rgba(15, 40, 71, 0.42) 0%, rgba(12, 33, 56, 0.32) 100%)) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 6px 18px rgba(2, 6, 23, 0.22) !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide.swiper-slide-active, #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide-active, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide.swiper-slide-active { border-color: var(--jr-hero-carousel-slide-active-border, rgba(125, 211, 252, 0.68)) !important; background: var( --jr-hero-carousel-slide-active-bg, linear-gradient(180deg, rgba(37, 99, 235, 0.26) 0%, rgba(15, 40, 71, 0.46) 100%) ) !important; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.12), 0 10px 26px rgba(15, 23, 42, 0.34) !important; } /* index.min «베이지·비활성 h3 숨김» 덮어쓰기 — 롤링만 딥블루 계층 유지 */ #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .lawyer-info p, #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .lawyer-info h3, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .lawyer-info h3 , .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .lawyer-info p, #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .lawyer-info h3, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .lawyer-info h3 { text-align: center !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide:not(.swiper-slide-active) .lawyer-info h3.jr-lawyer-rolling-name, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide:not(.swiper-slide-active) .lawyer-info h3.jr-lawyer-rolling-name { visibility: visible !important; height: auto !important; max-height: 0 !important; margin: 0 !important; padding: 0 !important; font-size: clamp(1.12rem, 1.02rem + 0.36vw, 1.36rem) !important; line-height: 1.35 !important; opacity: 0 !important; overflow: hidden !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info p, #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info h3, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info h3 , .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info p, #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info h3, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info h3 { text-shadow: 0 1px 2px rgba(0, 0, 0, 0.45) !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info p:first-child, #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide-active .lawyer-info p:first-child, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info p:first-child { color: var(--jr-hero-carousel-role-color, var(--jr-hero-title)) !important; margin-top: 0 !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide-active .lawyer-info h3, #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide-active .lawyer-info h3, #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide-active .lawyer-info h3.jr-lawyer-rolling-name { color: var(--jr-hero-carousel-name-color, #f8fbff) !important; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide-active .jr-lawyer-career-one { color: var(--jr-hero-carousel-career-color, var(--jr-hero-carousel-career, #dbeafe)) !important; } #jrMember.visual #jr-hero-design-1 .jr-baseline-static-wrapper .swiper-slide:not(.swiper-slide-active) .lawyer-info p:first-child, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-baseline-static-wrapper .swiper-slide:not(.swiper-slide-active) .lawyer-info p:first-child { margin-top: 0 !important; } /* hero-design-1.min.css (max-width 구간) */ @media(max-width:899px){#jrMember.visual #jr-hero-design-1 .jr-design4-lineup, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-design4-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:.55rem;padding:.4rem .65rem .7rem;box-sizing:border-box}#jrMember.visual #jr-hero-design-1 .jr-design4-card__img-wrap, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-design4-card__img-wrap{padding-top:122%}#jrMember.visual #jr-hero-design-1 .jr-design4-card__info, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-design4-card__info{padding:.5rem .55rem .62rem}} @media(max-width:899px){#jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper.jr-baseline-static-swiper, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper.jr-baseline-static-swiper{container-type:inline-size;overflow-x:auto;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}#jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper.jr-baseline-static-swiper::-webkit-scrollbar, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper.jr-baseline-static-swiper::-webkit-scrollbar{display:none}#jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-wrapper.jr-baseline-static-wrapper, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-wrapper.jr-baseline-static-wrapper{width:max-content;min-width:100%;gap:0;transform:none !important;transition:none !important;padding-inline-end:clamp(12px,3.5vw,28px);box-sizing:border-box}#jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-slide, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-slide{flex:0 0 calc(100cqi / 5);width:calc(100cqi / 5) !important;max-width:calc(100cqi / 5) !important;margin-left:0 !important;margin-right:0 !important}} @media(max-width:899px){#jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track{transform:translateX(-100px) scale(var(--jr-lawyer-rolling-card-scale)) !important;transform-origin:center bottom}} @media(max-width:899px){#jrMember.visual #jr-hero-design-1.jr-hero-design4-static, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static{--jr-design4-card-h:calc((100svh - 56px) * 0.9)}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .visual_two_col, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_two_col{display:flex !important;flex-direction:column !important;align-items:stretch !important;gap:0 !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .jr-design4-left-lineup, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .jr-design4-left-lineup{display:flex !important;flex-wrap:nowrap !important;gap:0 !important;margin-top:.65rem;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .jr-design4-left-card, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .jr-design4-left-card{flex:0 0 44% !important;max-width:44% !important;min-width:44% !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .jr-design4-left-card__img-wrap, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .jr-design4-left-card__img-wrap{height:var(--jr-design4-card-h)}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .visual_right, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right{width:100vw !important;max-width:100vw !important;margin-left:calc(50% - 50vw) !important;margin-right:calc(50% - 50vw) !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .visual_right .jr-hero-fixed--partner,.jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed--primary, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed--partner,.jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed--primary{width:100% !important;max-width:100% !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .jr-hero-fixed, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .jr-hero-fixed{width:100% !important;max-width:100% !important;min-width:0 !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .lawyer-info--partner, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .lawyer-info--partner{padding:.42rem .24rem .52rem !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .hero-fixed-img--partner,.jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .hero-fixed-img, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .hero-fixed-img--partner,.jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed-duo.jr-design4-duo-all .hero-fixed-img{height:var(--jr-design4-card-h) !important;max-height:var(--jr-design4-card-h) !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .visual_right .jr-hero-fixed .hero-fixed-img,.jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .hero-fixed-img--partner, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .jr-hero-fixed .hero-fixed-img,.jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .visual_right .hero-fixed-img--partner{height:var(--jr-design4-card-h) !important;max-height:var(--jr-design4-card-h) !important;object-fit:cover !important;object-position:center top !important}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .jr-design4-left-card__info, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .jr-design4-left-card__info{padding:.75rem .55rem 1.45rem}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .jr-design4-left-card__name, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .jr-design4-left-card__name{font-size:clamp(1.2rem,0.96rem+0.42vw,1.45rem)}#jrMember.visual #jr-hero-design-1.jr-hero-design4-static .jr-design4-left-card__tag, .jr-response-team-hero.visual #jr-hero-design-response-team.jr-hero-design4-static .jr-design4-left-card__tag{font-size:clamp(1rem,0.82rem+0.26vw,1.15rem)}} @media screen and (max-width:899px){#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo{--jr-duo-img-w:min(50.4vw,264px);--jr-duo-img-h:min(64.8vh,600px);--jr-duo-overlap:clamp(1rem,calc(var(--jr-duo-img-w) * 0.14 + 0.1rem),2rem);display:flex !important;flex-direction:row !important;align-items:flex-end !important;justify-content:center !important;width:100% !important;max-width:100% !important;transform:translateX(0) !important;padding:0 max(0,env(safe-area-inset-right,0)) 0 max(0,env(safe-area-inset-left,0));box-sizing:border-box !important;overflow:visible !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed--partner,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--partner,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary{flex:0 0 auto !important;width:var(--jr-duo-img-w) !important;max-width:var(--jr-duo-img-w) !important;overflow:visible !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed--partner, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--partner{margin-right:calc(-1 * var(--jr-duo-overlap)) !important;z-index:1 !important;transform:translateX(calc(clamp(0.7rem, 1.8vw, 1.6rem) + 40px)) !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary{margin-left:calc(-1 * var(--jr-duo-overlap)) !important;z-index:2 !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo>.jr-hero-fixed--primary:only-child, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo>.jr-hero-fixed--primary:only-child{margin-left:0 !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo>.jr-hero-fixed--primary:only-child .hero-fixed-img, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo>.jr-hero-fixed--primary:only-child .hero-fixed-img{border-radius:0 0 8px 8px !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed.jr-lawyer-profile-trigger,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed.jr-lawyer-profile-trigger,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed{width:auto !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed .hero-fixed-img, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed .hero-fixed-img{width:100% !important;max-width:100% !important;height:var(--jr-duo-img-h) !important;max-height:var(--jr-duo-img-h) !important;min-height:0 !important;object-fit:cover !important;object-position:bottom center !important;border-radius:0 0 8px 8px !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed--partner .hero-fixed-img--partner, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--partner .hero-fixed-img--partner{border-radius:0 0 0 8px !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary .hero-fixed-img, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary .hero-fixed-img{border-radius:0 0 8px 0 !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo{width:min(380px,92%) !important;max-width:min(380px,92%) !important;margin-left:auto !important;margin-right:0 !important;justify-content:flex-end !important;transform:translateY(-7rem) !important;overflow:visible !important}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary{width:min(380px,100%) !important;max-width:min(380px,100%) !important;margin-left:auto !important;transform:translateX(-60px)}#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary .hero-fixed-img, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed--primary .hero-fixed-img{width:100% !important;max-width:min(380px,100%) !important;max-height:min(60vh,520px) !important;height:auto !important;object-fit:contain !important;object-position:center top !important}} @media screen and (max-width:899px){#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed{overflow:visible !important}} @media (max-width: 899px) { #jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper.jr-baseline-static-swiper .swiper-slide, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper.jr-baseline-static-swiper .swiper-slide { margin: 0 !important; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-slide + .swiper-slide, .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-container.lawyer-slider-others.jr-baseline-static-track .swiper-slide + .swiper-slide { margin-left: -1px !important; } } @media(max-width:899px){#jrMember.visual #jr-hero-design-1 .slogan_wrap, .jr-response-team-hero.visual #jr-hero-design-response-team .slogan_wrap{padding:calc(clamp(5.6rem, 9vw, 6.7rem) + env(safe-area-inset-top, 0px)) 1rem .65rem 1rem !important;--jr-d1-head-fs:clamp(2.475rem,5.4vw+0.675rem,7.2rem);--jr-d1-sub-fs:clamp(1.11375rem,2.6325vw+0.324rem,3.24rem);--jr-d1-btn-fs:clamp(9.6px,1.56vw,12.8px)}#jrMember.visual #jr-hero-design-1 .visual_left .title, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_left .title{margin-left:auto !important;margin-right:auto !important;max-width:min(36rem,100%) !important;padding-left:20px !important;padding-right:1rem !important;box-sizing:border-box !important}#jrMember.visual #jr-hero-design-1 .visual_left .title h1,.jr-response-team-hero.visual #jr-hero-design-response-team .visual_left .title .subtxt, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_left .title h1,.jr-response-team-hero.visual #jr-hero-design-response-team .visual_left .title .subtxt{text-align:center !important}} @media (max-width: 899px) { #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .swiper-slide .jr-lawyer-hero-active-badges, #jrMember.visual #jr-hero-design-3 .lawyer-slider-others .swiper-slide .jr-lawyer-hero-active-badges, #jrMember.visual #jr-hero-design-4 .lawyer-slider-others .swiper-slide .jr-lawyer-hero-active-badges , .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-others .swiper-slide .jr-lawyer-hero-active-badges, #jrMember.visual #jr-hero-design-3 .lawyer-slider-others .swiper-slide .jr-lawyer-hero-active-badges, #jrMember.visual #jr-hero-design-4 .lawyer-slider-others .swiper-slide .jr-lawyer-hero-active-badges { width: min(100%, 13rem); bottom: clamp(3.85rem, 32%, 5.75rem); gap: 0.2rem; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .jr-lawyer-hero-active-badges__line1, #jrMember.visual #jr-hero-design-3 .lawyer-slider-others .jr-lawyer-hero-active-badges__line1, #jrMember.visual #jr-hero-design-4 .lawyer-slider-others .jr-lawyer-hero-active-badges__line1 , .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-others .jr-lawyer-hero-active-badges__line1, #jrMember.visual #jr-hero-design-3 .lawyer-slider-others .jr-lawyer-hero-active-badges__line1, #jrMember.visual #jr-hero-design-4 .lawyer-slider-others .jr-lawyer-hero-active-badges__line1 { font-size: clamp(0.52rem, 2.6vw, 0.68rem); padding: 0.16rem 0.36rem; white-space: normal; word-break: keep-all; text-overflow: clip; } #jrMember.visual #jr-hero-design-1 .lawyer-slider-others .jr-lawyer-hero-active-badges__line2, #jrMember.visual #jr-hero-design-3 .lawyer-slider-others .jr-lawyer-hero-active-badges__line2, #jrMember.visual #jr-hero-design-4 .lawyer-slider-others .jr-lawyer-hero-active-badges__line2 , .jr-response-team-hero.visual #jr-hero-design-response-team .lawyer-slider-others .jr-lawyer-hero-active-badges__line2, #jrMember.visual #jr-hero-design-3 .lawyer-slider-others .jr-lawyer-hero-active-badges__line2, #jrMember.visual #jr-hero-design-4 .lawyer-slider-others .jr-lawyer-hero-active-badges__line2 { font-size: clamp(0.56rem, 2.85vw, 0.74rem); padding: 0.18rem 0.38rem; white-space: normal; word-break: keep-all; text-overflow: clip; } } @media screen and (max-width:1024px){#jrMember.visual #jr-hero-design-1 .visual_right .jr-hero-fixed-duo,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed, .jr-response-team-hero.visual #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo,.jr-response-team-hero #jr-hero-design-response-team .visual_right .jr-hero-fixed-duo .jr-hero-fixed{overflow:visible !important}} @media(max-width:390px){#jrMember.visual #jr-hero-design-1 .title h1:not(.jr-hero-title-line2-off)>br, .jr-response-team-hero.visual #jr-hero-design-response-team .title h1:not(.jr-hero-title-line2-off)>br{display:block !important}} @media(max-width:1200px){#jrMember.visual #jr-hero-design-1 .jr-design4-lineup, .jr-response-team-hero.visual #jr-hero-design-response-team .jr-design4-lineup{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}}