section#member h2{margin-bottom:0;background:url("../img/sponsor/header_img.webp") center bottom/cover no-repeat}section#member .nav{position:relative;padding:4rem 0 8rem;text-align:center}@media screen and (max-width: 736px){section#member .nav{padding:4rem 0}}section#member .nav::before{background:url("../img/deco01-1.png") no-repeat left top}section#member .nav::after{background:url("../img/deco01-2.png") no-repeat right bottom}section#member .nav::after,section#member .nav::before{position:absolute;display:block;margin:auto;content:"";top:0;left:0;width:100%;height:100%;z-index:-1}@media screen and (max-width: 736px){section#member .nav::after,section#member .nav::before{background-size:20%}}section#member .nav form{margin-bottom:4rem;padding:0 2rem}section#member .nav form input[type="search"]{padding:.2rem .5rem;font-size:1.6rem;outline:none;width:30rem;height:3rem}@media screen and (max-width: 736px){section#member .nav form input[type="search"]{margin-bottom:1.5rem;width:100%}}section#member .nav form input[type="search"]:focus{border:.1rem solid #2196f3}section#member .nav form input[type="submit"]{padding:.4rem 3rem;color:#fff;background:#037045;border:none;cursor:pointer;transition:all .2s ease}section#member .nav form input[type="submit"]:hover{background:#0caf69}section#member nav ul{display:flex;flex-wrap:wrap;justify-content:space-between}section#member nav ul li{text-align:center;width:calc(100%/4.2);cursor:pointer;position:relative;overflow:hidden;display:flex;justify-content:center;align-items:center;padding:1.8rem;line-height:1.4;text-align:center;text-decoration:none;color:#fff;font-size:1.4rem;font-weight:bold;height:100%;background:#037045;z-index:1}@media screen and (max-width: 896px){section#member nav ul li{margin-bottom:1rem;width:48%}}@media screen and (max-width: 896px){section#member nav ul li{padding:1rem}}@media screen and (max-width: 736px){section#member nav ul li{font-size:1.2rem}}section#member nav ul li::before{position:absolute;display:block;content:"";top:0;left:0;width:100%;height:14rem;background:#0caf69;transform:skewY(-10deg) scale(1, 0);transform-origin:left top;transition:0.2s cubic-bezier(0.45, 0, 0.55, 1);z-index:-1}section#member nav ul li:hover::before{transform:skewY(-10deg) scale(1, 1)}section#member nav ul li::after{position:absolute;display:block;margin:auto;content:"";right:1.6rem;top:0;bottom:0;width:.8rem;height:.8rem;border-top:1px solid #fff;border-right:1px solid #fff;-webkit-transform:rotate(135deg);transform:rotate(135deg)}@media screen and (max-width: 736px){section#member nav ul li::after{right:1rem;width:.6rem;height:.6rem}}section#member nav ul li.active::before{transform:skewY(-10deg) scale(1, 1)}section#member .memberList{display:none;padding:8rem 0 10rem;background:#fff}section#member .memberList.show{display:block}@media screen and (max-width: 736px){section#member .memberList{padding:6rem 0 8rem}}section#member .memberList h3{color:#112849}section#member .memberList ul{display:flex;flex-wrap:wrap}@media screen and (max-width: 736px){section#member .memberList ul{justify-content:space-between}}section#member .memberList ul li{overflow:hidden;display:flex;justify-content:center;align-items:center;margin-right:1%;margin-bottom:2rem;text-align:center;font-size:1.3rem;width:24%;min-height:4rem;border:.1rem solid #888;border-radius:1rem}section#member .memberList ul li:nth-child(4n){margin-right:0}@media screen and (max-width: 896px){section#member .memberList ul li{font-size:1.2rem}}@media screen and (max-width: 736px){section#member .memberList ul li{margin:0 0 1rem;font-size:1.1rem;width:49%}}section#member .memberList ul li a{display:flex;justify-content:center;align-items:center;padding:1.5rem 1rem;color:#037045;text-decoration:none;width:100%;height:100%}section#member .memberList ul li a:hover{color:#fff;background:#037045}section#member .memberList .new{margin-top:8rem;text-align:right}@media screen and (max-width: 736px){section#member .memberList .new{margin-top:6rem}}section#member .memberList .none{display:block;text-align:center;padding:2rem 5rem;border:.1rem solid #ccc;border-radius:3rem}@media screen and (max-width: 736px){section#member .memberList .none{padding:1rem 3rem}}section#sponsor{padding-top:10rem}