.black5-friend-page{background:var(--bgColor);box-sizing:border-box;border:2px solid var(--borderColor);border-radius:8px;flex-direction:column;align-items:center;width:1520px;margin:0 auto;display:flex;overflow:hidden}.black5-friend-page .black5-friend-top{aspect-ratio:1520/680;background:#fdfcf5;border-radius:8px;width:100%}.black5-friend-page .black5-friend-center{justify-content:center;align-items:center;width:100%;height:126px;display:flex}.black5-friend-page .black5-friend-center .btn-item{color:var(--lineTextColor);white-space:nowrap;cursor:pointer;margin-right:80px;padding-bottom:10px;font-family:NotoSansJP-Bold;font-size:24px;position:relative}.black5-friend-page .black5-friend-center .btn-item:last-child{margin-right:0}.black5-friend-page .black5-friend-center .btn-item.active:after{content:"";background:var(--lineColor);border-radius:10px;width:100%;height:4px;display:inline-block;position:absolute;bottom:-10px;left:0}.black5-friend-page .black5-friend-bottom{background:var(--bottomBgColor);border-radius:8px;flex-direction:column;align-items:center;width:100%;padding-right:20px;display:flex}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list{flex-direction:column;justify-content:space-between;align-items:center;height:400px;padding:28px;display:flex}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .img-list{align-items:center;display:flex}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .black5-friend-bottom-img{width:280px;height:270px;margin-right:100px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .black5-friend-bottom-img:last-child{margin-right:0}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .black5-friend-bottom-btn{background:var(--urlBtnColor);cursor:pointer;color:#fff;border-radius:40px;justify-content:center;align-items:center;width:336px;height:52px;font-family:NotoSansJP-Medium;font-size:16px;display:flex}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text{height:356px;margin:22px auto;padding:0 100px;font-family:NotoSansJP-Regular;font-size:18px;line-height:26px;overflow-y:auto}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text::-webkit-scrollbar{width:8px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text::-webkit-scrollbar-track{background:#f1eeeb}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text::-webkit-scrollbar-thumb{background-color:#26333a;border-radius:10px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text p{margin-bottom:.5em}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient{background:linear-gradient(90deg,#014df2,#cd0f18);-webkit-text-fill-color:rgba(0,0,0,0);-webkit-background-clip:text;font-family:NotoSansJP-Bold;font-size:18px;line-height:26px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient.large{font-size:24px;line-height:34px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-red{color:#aa1010;font-family:NotoSansJP-Bold;font-size:18px;line-height:26px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-red.large{font-size:24px;line-height:34px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-blue{color:#004df2;font-family:NotoSansJP-Bold;font-size:18px;line-height:26px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-blue.large{font-size:24px;line-height:34px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title{color:#26333a;font-family:NotoSansJP-Bold;font-size:18px;line-height:26px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title.dot:before{content:"";background:linear-gradient(90deg,#014df2,#cd0f18);border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title.dot-red:before{content:"";background:#aa1010;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title.dot-blue:before{content:"";background:#004df2;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title.dot-yellow:before{content:"";background:#ebbb58;border-radius:50%;width:10px;height:10px;margin-right:8px;display:inline-block}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-tip{color:rgba(38,51,58,.5);font-family:NotoSansJP-Regular;font-size:14px;line-height:20px}@media screen and (max-width:1600px){.black5-friend-page{width:1000px}.black5-friend-page .black5-friend-center{height:94px}.black5-friend-page .black5-friend-center .btn-item.active:after{position:absolute;bottom:-2px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .img-list .black5-friend-bottom-img{margin-right:60px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .img-list .black5-friend-bottom-img:last-child{margin-right:0}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text,.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient{font-size:16px;line-height:23px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient.large{font-size:22px;line-height:32px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title{font-size:16px;line-height:23px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-tip{font-size:14px;line-height:20px}}@media screen and (max-width:1080px){.black5-friend-page{width:768px}.black5-friend-page .black5-friend-center{height:83px}.black5-friend-page .black5-friend-center .btn-item.active:after{position:absolute;bottom:0}.black5-friend-page .black5-friend-bottom{padding-right:18px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .img-list .black5-friend-bottom-img{width:238px;height:229px;margin-right:9px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .img-list .black5-friend-bottom-img:last-child{margin-right:0}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text,.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient{font-size:16px;line-height:23px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient.large{font-size:20px;line-height:28px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title{font-size:16px;line-height:23px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-tip{font-size:14px;line-height:20px}}@media screen and (max-width:848px){.black5-friend-page{width:343px;margin:0 auto}.black5-friend-page .black5-friend-top{aspect-ratio:343/366;width:100%;height:auto}.black5-friend-page .black5-friend-center{height:58px}.black5-friend-page .black5-friend-center .btn-item{margin-right:20px;padding-bottom:8px;font-size:14px;line-height:20px}.black5-friend-page .black5-friend-bottom{padding-right:14px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list{height:auto;padding:24px 0}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .img-list{flex-direction:column;align-items:center;display:flex}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .black5-friend-bottom-img{width:300px;height:288px;margin-bottom:20px;margin-right:0}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .black5-friend-bottom-img:last-child{margin-bottom:0}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-img-list .black5-friend-bottom-btn{color:#fff;width:271px;height:38px;font-family:NotoSansJP-Medium;font-size:14px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text{height:527px;margin:23px 0;padding:0 23px;font-size:14px;line-height:20px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient{font-size:14px;line-height:20px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-gradient.large{font-size:20px;line-height:28px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-title{font-size:14px;line-height:20px}.black5-friend-page .black5-friend-bottom .black5-friend-bottom-text .friend-tip{font-size:12px;line-height:18px}}