@charset "UTF-8";
.memberBar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin-top:48px;border-bottom:1px solid #e3e3e3}
.memberBar .user{display:flex;align-items:center;gap:20px;font-size:1.3rem;color:#555555}
.memberBar .user a{display:inline-flex;align-items:center;min-height:44px;color:#555555;text-decoration:underline}
.memberNav{display:flex}
.memberNav a{display:flex;align-items:center;min-height:56px;padding:0 24px;margin-bottom:-1px;border-bottom:3px solid transparent;font-size:1.5rem;font-weight:500;color:#555555}
@media (max-width: 767px){.memberNav a{padding:0 14px;font-size:1.4rem}}
.memberNav a:hover{color:#12876d}
.memberNav a.active{border-bottom-color:#12876d;font-weight:700;color:#12876d}
.memberBar + .section{padding-top:64px}
.loginBox{max-width:520px;margin:0 auto;padding:56px 56px 48px;border:1px solid #e3e3e3;border-radius:16px}
@media (max-width: 767px){.loginBox{padding:40px 24px 32px}}
.loginBox .ttl{margin-bottom:12px;text-align:center;font-size:2.4rem;font-weight:700}
.loginBox .lead{margin-bottom:40px;text-align:center;font-size:1.4rem;line-height:1.8;color:#333333}
.loginBox form{display:flex;flex-direction:column;gap:24px}
.loginBox label{display:block;margin-bottom:8px;font-size:1.4rem;font-weight:700}
.loginBox input{width:100%;height:52px;padding:0 16px;border:1px solid #cfcfcf;border-radius:8px;background:#fafafa;font-size:1.5rem}
.loginBox input:focus{border-color:#12876d;outline:none;background:#fff}
.loginBox .btn{justify-content:center;gap:12px;min-height:56px;margin-top:8px;font-size:1.5rem}
.loginBox .note{margin-top:32px;padding-top:24px;border-top:1px solid #e3e3e3;font-size:1.3rem;line-height:1.9;color:#555555}
.menuCards{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:24px}
@media (max-width: 767px){.menuCards{grid-template-columns:1fr;gap:16px}}
.menuCards .linkCard{background:#eef5f1}
.menuCards .linkCard .icon{background:#fff}
.docNote{margin:-24px 0 56px;font-size:1.4rem;color:#555555}
.docGroup + .docGroup{margin-top:56px}
.docList{border-top:1px solid #e3e3e3}
.docList li{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;padding:20px 8px;border-bottom:1px solid #e3e3e3}
.docList .name{flex:1 1 300px;min-width:0;font-size:1.6rem;font-weight:500;line-height:1.6}
.docList .date{flex:0 0 120px;font-size:1.3rem;color:#555555}
.docList .size{flex:0 0 80px;font-size:1.3rem;color:#555555}
.docList .dl{display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 20px;border:1px solid #12876d;border-radius:999px;font-size:1.3rem;font-weight:700}
.docList .dl::after{content:"";width:14px;height:14px;background:url("../img/common/icon-download.svg") no-repeat center / contain}
.docList .dl:hover{background:#eaf4ef}
@media (max-width: 767px){.docList .date,.docList .size{flex:0 0 auto}}
@media (max-width: 767px){.docList .dl{margin-left:auto}}
.loginBox .error{margin:-16px 0 24px;padding:12px 16px;border-radius:8px;background:#fdecec;font-size:1.4rem;line-height:1.7;color:#c62828}