@charset "utf-8";

.member-list-renewal-page {--member-navy:#1e2d58;--member-gold:#a77a38;--member-ink:#222;--member-muted:#666;--member-line:#dedede;background:#fff;color:var(--member-ink);letter-spacing:-.03em;}
.member-list-renewal-page * {box-sizing:border-box;}
.member-list-inner {width:min(1200px,calc(100% - 48px));margin:0 auto;}

.member-list-directory {padding:80px 0 78px;background:#fff;}
.member-slider {position:relative;}
.member-slider-nav {display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:22px;border-bottom:1px solid #cfd3dc;}
.member-slider-tabs {display:flex;max-width:calc(100% - 190px);gap:4px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;}
.member-slider-tabs::-webkit-scrollbar {display:none;width:0;height:0;}
.member-slider-tab {position:relative;min-width:158px;padding:18px 24px;border:0;background:transparent;color:#757b85;font-family:inherit;font-size:15px;white-space:nowrap;cursor:pointer;transition:color .2s ease,background-color .2s ease;}
.member-slider-tab:after {position:absolute;right:0;bottom:-1px;left:0;height:3px;background:transparent;content:'';}
.member-slider-tab span {font-weight:800;}
.member-slider-tab:hover {color:var(--member-navy);background:#f7f8fa;}
.member-slider-tab.is-active {color:var(--member-navy);}
.member-slider-tab.is-active:after {background:var(--member-gold);}
.member-slider-tab:focus-visible {outline:2px solid var(--member-gold);outline-offset:-3px;}
.member-slider-controls {display:flex;flex:0 0 auto;align-items:center;padding-bottom:10px;}
.member-slider-arrow {display:flex;width:42px;height:42px;align-items:center;justify-content:center;border:1px solid #ccd1da;background:#fff;color:var(--member-navy);font-size:18px;cursor:pointer;transition:background-color .2s ease,color .2s ease,border-color .2s ease;}
.member-slider-arrow:hover,.member-slider-arrow:focus-visible {border-color:var(--member-navy);background:var(--member-navy);color:#fff;}
.member-slider-arrow:disabled {opacity:.35;cursor:default;}
.member-slider-count {display:flex;min-width:70px;align-items:center;justify-content:center;gap:6px;color:#9298a2;font-size:12px;letter-spacing:.08em;}
.member-slider-count b {color:var(--member-navy);font-size:15px;}
.member-profile-viewport {width:100%;overflow:hidden;}
.member-profile-list {margin:0;padding:0;list-style:none;}
.member-profile-slide {height:auto;}
.member-profile-slide.swiper-slide-active {animation:member-slide-in .45s cubic-bezier(.22,.61,.36,1) both;}
.member-profile-card {display:block;padding:26px;border:1px solid #d8d8d8;background:#fff;color:var(--member-ink);}
.member-profile-card-head {display:flex;min-width:0;align-items:center;gap:18px;padding-bottom:11px;border-bottom:1px solid #a77a38;}
.member-profile-card-head:after {width:7px;height:7px;margin-left:auto;border-radius:50%;background:#9b6f2d;content:'';}
.member-profile-card-head > b {display:flex;width:38px;height:38px;flex:0 0 38px;align-items:center;justify-content:center;background:var(--member-navy);color:#fff;font-size:15px;letter-spacing:.03em;}
.member-profile-card-head h2 {min-width:0;color:var(--member-navy);font-size:28px;line-height:1.25;}
.member-profile-card-head em {flex:0 0 auto;color:var(--member-gold);font-size:14px;font-style:normal;font-weight:700;}

.member-profile-card-body {display:grid;grid-template-columns:minmax(0,31%) minmax(0,33%) minmax(0,36%);padding-top:20px;}
.member-profile-card-body > section {min-width:0;padding:0 24px;}
.member-profile-card-body > section:first-child {padding-left:0;}
.member-profile-card-body > section:last-child {padding-right:0;}
.member-profile-card-body > section + section {border-left:1px solid var(--member-line);}
.member-profile-card-body h3 {margin:5px 0 20px;color:#20242b;font-size:16px;line-height:1.3;}

.member-profile-image {display:flex;width:100%;height:300px;align-items:flex-end;justify-content:center;overflow:hidden;background:#eee;}
.member-profile-image > img {display:block;width:100%;height:100%;object-fit:cover;object-position:center top;}
.member-profile-fallback {display:flex;width:100%;height:100%;align-items:center;justify-content:center;flex-direction:column;gap:25px;background:#eef0f3;}
.member-profile-fallback img {width:125px;height:auto;opacity:.65;}
.member-profile-fallback b {display:flex;width:78px;height:78px;align-items:center;justify-content:center;background:#fff;color:#6a7482;font-size:37px;}
.member-profile-facts {margin:0;padding:12px 12px 6px;background:#fafafa;}
.member-profile-facts > div {display:grid;grid-template-columns:48px minmax(0,1fr);gap:8px;padding:7px 0;}
.member-profile-facts dt {color:#9a7137;font-size:12px;font-weight:700;}
.member-profile-facts dd {min-width:0;margin:0;color:#3e444c;font-size:12px;line-height:1.55;overflow-wrap:anywhere;}
.member-profile-facts dd span {display:block;}

.member-profile-certificate {display:flex;align-items:stretch;flex-direction:column;}
.member-certificate-frame {display:flex;min-height:390px;flex:1;align-items:center;justify-content:center;padding:16px;background:#fafafa;}
.member-certificate-frame > img {display:block;width:100%;height:365px;object-fit:contain;object-position:center;}
.member-certificate-fallback {display:flex;width:min(240px,86%);aspect-ratio:3/4;align-items:center;justify-content:center;flex-direction:column;padding:22px;border:1px solid #d5c6a9;background:#fff;color:#888;text-align:center;}
.member-certificate-fallback img {width:112px;height:auto;opacity:.45;}
.member-certificate-fallback:before {width:42px;height:2px;margin:25px 0 20px;background:var(--member-gold);content:'';}
.member-certificate-fallback strong {color:var(--member-navy);font-size:17px;}
.member-certificate-fallback small {margin-top:8px;font-size:11px;}

.member-profile-activities {padding-left:30px!important;}
.member-activity-group + .member-activity-group {margin-top:24px;}
.member-activity-group h4 {position:relative;margin:0 0 9px;padding-left:22px;color:#262b33;font-size:15px;}
.member-activity-group h4:before {position:absolute;left:2px;top:3px;width:3px;height:14px;background:var(--member-gold);content:'';}
.member-activity-group ul {margin:0;padding:0 0 0 23px;list-style:none;}
.member-activity-group li {position:relative;padding-left:12px;color:#454b55;font-size:13px;line-height:1.58;word-break:keep-all;}
.member-activity-group li + li {margin-top:3px;}
.member-activity-group li:before {position:absolute;left:0;top:.7em;width:3px;height:3px;background:var(--member-gold);content:'';}

.member-profile-card-footer {display:flex;justify-content:flex-end;margin-top:24px;padding-top:20px;border-top:1px solid var(--member-line);}
.member-profile-detail {display:flex;min-width:190px;align-items:center;justify-content:space-between;gap:30px;padding:15px 18px 15px 22px;background:var(--member-navy);color:#fff;font-size:14px;font-weight:700;letter-spacing:-.02em;transition:background-color .2s ease,transform .2s ease;}
.member-profile-detail i {font-size:18px;font-style:normal;transition:transform .2s ease;}
.member-profile-detail:hover,.member-profile-detail:focus-visible {background:var(--member-gold);transform:translateY(-2px);}
.member-profile-detail:hover i,.member-profile-detail:focus-visible i {transform:translateX(4px);}
.member-profile-detail:focus-visible {outline:3px solid rgba(167,122,56,.3);outline-offset:3px;}

@keyframes member-slide-in {
    from {opacity:0;transform:translateX(18px);}
    to {opacity:1;transform:translateX(0);}
}

.member-list-empty {padding:70px 20px;border:1px solid var(--member-line);background:#fff;color:var(--member-muted);text-align:center;}
.member-list-cooperation {display:flex;align-items:center;justify-content:center;gap:26px;margin-top:16px;padding:22px 28px;border:1px solid #dedede;background:#fafafa;}
.member-list-cooperation img {width:126px;height:auto;}
.member-list-cooperation p {color:#373d46;font-size:15px;line-height:1.65;word-break:keep-all;}

@media (max-width:1024px) {
    .member-profile-card-body {grid-template-columns:minmax(0,45%) minmax(0,55%);}
    .member-profile-card-body > section {padding:0 20px;}
    .member-profile-card-body > section:nth-child(2) {padding-right:0;}
    .member-profile-activities {grid-column:1/-1;margin-top:24px;padding:26px 0 0!important;border-top:1px solid var(--member-line);border-left:0!important;}
    .member-profile-activities > h3 {margin-top:0;}
    .member-activity-group {display:grid;grid-template-columns:160px minmax(0,1fr);gap:18px;}
    .member-activity-group + .member-activity-group {margin-top:18px;}
}

@media (max-width:767px) {
    .member-list-inner {width:min(100% - 30px,560px);}
    .member-list-directory {padding:45px 0 54px;}
    .member-slider-nav {align-items:stretch;flex-direction:column;gap:0;margin-bottom:16px;}
    .member-slider-tabs {order:2;width:100%;max-width:none;}
    .member-slider-tab {min-width:134px;padding:15px 18px;font-size:13px;}
    .member-slider-controls {align-self:flex-end;padding:0 0 9px;}
    .member-profile-card {padding:16px 14px;}
    .member-profile-card-head {gap:10px;}
    .member-profile-card-head > b {width:34px;height:34px;flex-basis:34px;font-size:13px;}
    .member-profile-card-head h2 {font-size:22px;}
    .member-profile-card-head em {font-size:11px;}
    .member-profile-card-body {grid-template-columns:1fr;padding-top:16px;}
    .member-profile-card-body > section {padding:0!important;border-left:0!important;}
    .member-profile-card-body > section + section {margin-top:28px;padding-top:24px!important;border-top:1px solid var(--member-line);}
    .member-profile-image {height:330px;}
    .member-profile-facts {padding:10px;}
    .member-profile-facts > div {grid-template-columns:46px minmax(0,1fr);}
    .member-profile-card-body h3 {margin-top:0;font-size:16px;}
    .member-certificate-frame {min-height:0;padding:14px;}
    .member-certificate-frame > img {height:auto;max-height:420px;}
    .member-certificate-fallback {width:min(230px,82%);}
    .member-activity-group {display:block;}
    .member-activity-group h4 {margin-bottom:10px;}
    .member-activity-group li {font-size:12px;line-height:1.65;}
    .member-profile-card-footer {margin-top:20px;padding-top:16px;}
    .member-profile-detail {width:100%;min-width:0;padding:15px 18px;}
    .member-list-cooperation {align-items:center;flex-direction:column;gap:12px;padding:21px 18px;text-align:center;}
    .member-list-cooperation img {width:110px;}
    .member-list-cooperation p {font-size:13px;}
}

@media (max-width:390px) {
    .member-list-inner {width:calc(100% - 24px);}
    .member-profile-card-head h2 {font-size:20px;}
    .member-profile-card-head em {max-width:62px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
    .member-profile-image {height:305px;}
}

@media (prefers-reduced-motion:reduce) {
    .member-profile-slide.swiper-slide-active {animation:none;}
    .member-slider-tab,.member-slider-arrow,.member-profile-detail,.member-profile-detail i {transition:none;}
}