.champion-pc{position:relative;overflow:hidden;background:#000;width:100%}.champion-banner-pc.swiper .img-wrap{height:675px;width:100%;background-size:100%;background-position:50%;background-repeat:no-repeat}.champion-banner-pc.swiper .img-wrap .banner-content-pc{opacity:0;background:rgba(0,0,0,.5);color:#fff;padding:10px;transition:all .6s ease-in;text-align:center}.champion-banner-pc.swiper .img-wrap .banner-content-pc .title-pc{font-size:16px}.champion-banner-pc.swiper .img-wrap:hover .banner-content-pc{opacity:1}.champion-thumbs-pc{position:relative;height:50px;margin:15px auto}.champion-thumbs-pc .swiper{z-index:9;position:absolute;left:50px;right:50px}.champion-thumbs-pc .swiper .swiper-slide-thumb-active .img-wrap{border:1px solid #fff}.champion-thumbs-pc .swiper .img-wrap{box-sizing:border-box;height:50px;width:100%;border-radius:4px;background-size:100% auto;background-position:50%;background-repeat:no-repeat;border:1px solid rgba(0,0,0,0)}.champion-thumbs-pc .swiper-button-next-1,.champion-thumbs-pc .swiper-button-prev-1{position:absolute;top:8px;z-index:9;cursor:pointer}.champion-thumbs-pc .swiper-button-next-1{right:10px}.champion-thumbs-pc .swiper-button-prev-1{left:10px}@media(max-width:1024px){.champion-banner-pc.swiper .img-wrap{height:calc((100vw - 30px)*9/16)}.champion-thumbs-pc,.champion-thumbs-pc .swiper .img-wrap{height:35px}.champion-thumbs-pc .swiper-button-next-1,.champion-thumbs-pc .swiper-button-prev-1{top:0}}.home-pc{position:relative}.home-pc .home-nav{position:fixed;left:20px;top:50%;transform:translateY(-50%);z-index:100;transition:opacity .3s,visibility .3s;opacity:0;visibility:hidden}.home-pc .home-nav.home-nav-show{opacity:1;visibility:visible}.home-pc .home-nav .nav-list{list-style:none;padding:0;margin:0}.home-pc .home-nav .nav-list .nav-item{padding:4px 25px;font-size:16px;cursor:pointer;border-left:1px solid #ccc;opacity:.6;transition:all .3s}.home-pc .home-nav .nav-list .nav-item:hover{opacity:1;padding-left:30px}.home-pc .home-nav .nav-list .nav-item.active{opacity:1;font-size:18px}@media screen and (max-width:1600px){.home-pc .home-nav{left:10px}.home-pc .home-nav .nav-list .nav-item{padding:4px 15px;font-size:14px}.home-pc .home-nav .nav-list .nav-item.active,.home-pc .home-nav .nav-list .nav-item:hover{font-size:14px;padding-left:20px}}@media screen and (max-width:1440px){.home-pc .home-nav{display:none}}@media screen and (max-width:1200px){.home-pc .banner-content-wrapper-pc{height:33.3333333333vw}}@media screen and (max-width:1024px){.home-pc{padding-top:0}}@media screen and (max-width:768px){.sectionTemplate .sectionTemplate-content{padding:15px;margin-bottom:30px}.sectionTemplate .sectionTemplate-content .sectionTemplate-bg-text{display:none}}