html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:middle}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1;position:relative;overflow-x:hidden}body::-webkit-scrollbar{width:0;background:rgba(0,0,0,0)}ol,ul,button{list-style:none;margin:0;padding:0}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*:focus,a:hover,a:active,a:focus,button:focus{text-decoration:none;outline:none}button{background:rgba(0,0,0,0);border:none;font-size:0}img{max-width:100%;height:auto}.nav-tabs,.nav-tabs .nav-link,.nav-tabs .nav-link:hover,.nav-link.active,.btn-primary{background:rgba(0,0,0,0) !important;border:0;padding:0}body{background-color:#000}.asideTab{min-height:80vh;position:fixed;right:1vw;bottom:0;z-index:99}@media only screen and (max-width: 768px){.asideTab{min-height:unset}.asideTab img{max-width:30vw}}.asideTab ul{display:flex;flex-direction:column;align-items:center}.asideTab ul.sidebar li:nth-of-type(1) a:hover img{content:url("../images/link1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.asideTab ul.sidebar li:nth-of-type(1) a:hover img{content:url("../images/link1_hover.webp")}}.asideTab ul.sidebar li:nth-of-type(2) a:hover img{content:url("../images/link2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.asideTab ul.sidebar li:nth-of-type(2) a:hover img{content:url("../images/link2_hover.webp")}}.asideTab ul.nav-tabs li{margin-bottom:0}.asideTab ul.nav-tabs li:last-of-type{margin-top:100%}@media only screen and (max-width: 768px){.asideTab ul.nav-tabs li:last-of-type{margin-top:unset}}.asideTab ul.nav-tabs li:last-of-type a:hover img,.asideTab ul.nav-tabs li:last-of-type a.active img{content:url("../images/top_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.asideTab ul.nav-tabs li:last-of-type a:hover img,.asideTab ul.nav-tabs li:last-of-type a.active img{content:url("../images/top_hover.webp")}}.asideTab ul.nav-tabs li:nth-of-type(1) a:hover img,.asideTab ul.nav-tabs li:nth-of-type(1) a.active img{content:url("../images/side1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.asideTab ul.nav-tabs li:nth-of-type(1) a:hover img,.asideTab ul.nav-tabs li:nth-of-type(1) a.active img{content:url("../images/side1_hover.webp")}}.asideTab ul.nav-tabs li:nth-of-type(2) a:hover img,.asideTab ul.nav-tabs li:nth-of-type(2) a.active img{content:url("../images/side2_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.asideTab ul.nav-tabs li:nth-of-type(2) a:hover img,.asideTab ul.nav-tabs li:nth-of-type(2) a.active img{content:url("../images/side2_hover.webp")}}.cloud{width:100%;height:580px;position:absolute;bottom:0;z-index:1;overflow-x:hidden;pointer-events:none}@media only screen and (max-width: 1200px){.cloud{opacity:.4}}@media only screen and (max-width: 480px){.cloud{display:none}}.cloud picture img{max-width:inherit;position:absolute;bottom:0}.cloud picture:first-of-type img{left:0}.cloud picture:last-of-type img{right:0}#main{position:relative;padding-top:80px;min-height:100vh;background:url(../images/mainBg.jpg) no-repeat center top/cover;text-align:center;overflow:hidden}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main{background:url(../images/mainBg.webp) no-repeat center top/cover}}#main::before,#main::after{content:"";position:absolute;top:4%}@media only screen and (max-width: 1200px){#main::before,#main::after{display:none}}#main::before{width:516px;height:981px;background:url(../images/char_male.png) no-repeat center center/contain;left:10%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main::before{background:url(../images/char_male.webp) no-repeat center center/contain}}#main::after{width:430px;height:913px;background:url(../images/char_female.png) no-repeat center center/contain;top:10%;right:14%}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#main::after{background:url(../images/char_female.webp) no-repeat center center/contain}}#main .logo{position:absolute;right:4vw;margin-top:2vh}@media only screen and (max-width: 480px){#main .logo{margin-top:0}#main .logo img{width:24vw}}#main .title{margin-bottom:1%}@media only screen and (max-width: 768px){#main .title img{max-width:90vw}}#musicSwiper{z-index:2}#musicSwiper .swiper-slide-active .cdPlay .jp-audio .record{top:calc(-20% - 8px)}#musicSwiper .swiper-slide-active .cdPlay .jp-audio .jp-play{opacity:1;pointer-events:auto}#musicSwiper .cdPlay{max-width:316px;padding-top:20%}#musicSwiper .cdPlay .jp-audio{position:relative}#musicSwiper .cdPlay .jp-audio .record{position:absolute;inset:0;padding:8px;transition:1s top}#musicSwiper .cdPlay .jp-audio .cdCover{position:relative}#musicSwiper .cdPlay .jp-audio .jp-play{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);opacity:0;transition:1s opacity;pointer-events:none}#musicSwiper .cdPlay .jp-audio .jp-play.is-playing img{content:url(../images/off.png)}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#musicSwiper .cdPlay .jp-audio .jp-play.is-playing img{content:url(../images/off.webp)}}section{position:relative;min-height:100vh;text-align:center;overflow:hidden}section .flexBox{display:flex;justify-content:center}#sect1{background:url("../images/bg.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect1{background:url("../images/bg.webp") no-repeat center center/cover}}@media only screen and (max-width: 768px){#sect1{padding-top:50px}}#sect1 .flexBox{flex-direction:row-reverse;align-items:center}@media only screen and (max-width: 768px){#sect1 .flexBox>picture{display:none}}#sect1 .flexBox .sect1{margin-left:-2%;z-index:2}#sect1 .flexBox a.link{display:block}#sect1 .flexBox a.link:hover img{content:url("../images/btn1_hover.png")}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect1 .flexBox a.link:hover img{content:url("../images/btn1_hover.webp")}}@media only screen and (max-width: 768px){#sect2{padding-top:50px}}#sect2 .title{position:absolute;left:0;right:0;bottom:10vh;z-index:2}@media only screen and (max-width: 1200px){#sect2 .title{top:10vh;bottom:unset}}@media only screen and (max-width: 768px){#sect2 .title{top:42vh}#sect2 .title img{max-width:60%}}#sect2 .flexBox{margin-left:-10vw}@media only screen and (max-width: 1200px){#sect2 .flexBox{margin-left:0}}@media only screen and (max-width: 768px){#sect2 .flexBox{flex-wrap:wrap}}#sect2 a.link{position:relative;display:block;width:40vw;height:100vh;align-content:end;margin-right:-10vw;overflow:hidden;--offset: 130px;clip-path:polygon(0 0, calc(100% - var(--offset)) 0, 100% 100%, var(--offset) 100%)}@media only screen and (max-width: 1200px){#sect2 a.link{width:44vw;margin-right:unset;clip-path:unset}}@media only screen and (max-width: 768px){#sect2 a.link{width:50vw;height:50vh}}#sect2 a.link:hover{width:44vw;transition:.8s width}#sect2 a.link:nth-of-type(1){background:url("../images/bg31.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(1){background:url("../images/bg31.webp") no-repeat center center/cover}}#sect2 a.link:nth-of-type(1)::before{content:"";width:100%;height:calc(100vh - 80px);background:url("../images/title31.png") no-repeat center bottom/contain;position:absolute;right:0;bottom:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(1)::before{background:url("../images/title31.webp") no-repeat center bottom/contain}}@media only screen and (max-width: 768px){#sect2 a.link:nth-of-type(1)::before{height:100%}}#sect2 a.link:nth-of-type(2){background:url("../images/bg32.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(2){background:url("../images/bg32.webp") no-repeat center center/cover}}#sect2 a.link:nth-of-type(2)::before{content:"";width:100%;height:calc(100vh - 80px);background:url("../images/title32.png") no-repeat center bottom/contain;position:absolute;right:0;bottom:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(2)::before{background:url("../images/title32.webp") no-repeat center bottom/contain}}@media only screen and (max-width: 768px){#sect2 a.link:nth-of-type(2)::before{height:100%}}#sect2 a.link:nth-of-type(3){background:url("../images/bg33.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(3){background:url("../images/bg33.webp") no-repeat center center/cover}}#sect2 a.link:nth-of-type(3)::before{content:"";width:100%;height:calc(100vh - 80px);background:url("../images/title33.png") no-repeat center bottom/contain;position:absolute;right:0;bottom:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(3)::before{background:url("../images/title33.webp") no-repeat center bottom/contain}}@media only screen and (max-width: 768px){#sect2 a.link:nth-of-type(3)::before{height:100%}}#sect2 a.link:nth-of-type(4){background:url("../images/bg34.jpg") no-repeat center center/cover}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(4){background:url("../images/bg34.webp") no-repeat center center/cover}}#sect2 a.link:nth-of-type(4)::before{content:"";width:100%;height:calc(100vh - 80px);background:url("../images/title34.png") no-repeat center bottom/contain;position:absolute;right:0;bottom:0}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#sect2 a.link:nth-of-type(4)::before{background:url("../images/title34.webp") no-repeat center bottom/contain}}@media only screen and (max-width: 768px){#sect2 a.link:nth-of-type(4)::before{height:100%}}#sect2 a.link:nth-of-type(1)::before{right:-8%}@media only screen and (max-width: 1200px){#sect2 a.link:nth-of-type(1)::before{right:0}}#sect2 a.link:nth-of-type(2){width:34vw}@media only screen and (max-width: 1200px){#sect2 a.link:nth-of-type(2){width:38vw}}@media only screen and (max-width: 768px){#sect2 a.link:nth-of-type(2){width:50vw}}#sect2 a.link:nth-of-type(2)::before{right:4%}@media only screen and (max-width: 1200px){#sect2 a.link:nth-of-type(2)::before{right:0}}#sect2 a.link:nth-of-type(2):hover{width:38vw}#sect2 a.link:nth-of-type(3){width:30vw}@media only screen and (max-width: 1200px){#sect2 a.link:nth-of-type(3){width:36vw}}@media only screen and (max-width: 768px){#sect2 a.link:nth-of-type(3){width:50vw}}#sect2 a.link:nth-of-type(3)::before{right:16%}@media only screen and (max-width: 1200px){#sect2 a.link:nth-of-type(3)::before{right:0}}#sect2 a.link:nth-of-type(3):hover{width:36vw}#sect2 a.link:nth-of-type(4)::before{right:12%}@media only screen and (max-width: 1440px){#sect2 a.link:nth-of-type(4)::before{right:0}}.musiclist{display:flex;justify-content:center}@media only screen and (max-width: 480px){.musiclist{flex-wrap:wrap}}.musiclist .jp-playlist-item{position:relative;transition:.6s;filter:brightness(0.5);transform:scale(0.95);cursor:pointer}@media only screen and (max-width: 480px){.musiclist .jp-playlist-item{width:50vw}}.musiclist .jp-playlist-item.play,.musiclist .jp-playlist-item:hover{filter:brightness(1);transform:scale(1)}.musiclist .jp-playlist-item.play .music-pause{pointer-events:auto;background:url(../images/off.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){.musiclist .jp-playlist-item.play .music-pause{background:url(../images/off.webp) no-repeat center center/contain}}.musiclist .jp-playlist-item.play .music-pause img{opacity:0}.musiclist .jp-playlist-item .music-pause{position:absolute;right:24%;bottom:2%;pointer-events:none}@media only screen and (max-width: 768px){.musiclist .jp-playlist-item .music-pause{width:40%;right:22%;bottom:0}}.jp-controls{opacity:0}.jp-controls .jp-stop{margin:2% auto 1% 3%}@media only screen and (max-width: 480px){.jp-controls .jp-stop{margin:6% auto}}.jp-controls .jp-stop:hover{filter:drop-shadow(0 0 10px #fff)}.swiper-pagination{position:relative;margin:2% auto}#musicSwiper{max-width:600px;margin:0 auto}@media only screen and (max-width: 768px){#musicSwiper{max-width:90vw}}#musicSwiper .swiper-slide{max-width:316px;transform:scale(0.8);transition:1s transform;z-index:0}#musicSwiper .swiper-slide.swiper-slide-active{transform:scale(1);z-index:1;filter:drop-shadow(0 0 6px #fff)}#musicSwiper .swiper-pagination{margin-top:6%}#musicSwiper .swiper-pagination .swiper-pagination-bullet{position:relative;width:30px;height:32px;border-radius:0;margin:0;background:url(../images/dot.png) no-repeat center center/contain}@supports(background-image: url("data:image/webp;base64,UklGRhYAAABXRUJQVlA4WAoAAAAgAAAA")){#musicSwiper .swiper-pagination .swiper-pagination-bullet{background:url(../images/dot.webp) no-repeat center center/contain}}.animated{-webkit-animation-duration:.5s;animation-duration:.5s;-webkit-animation-fill-mode:both;animation-fill-mode:both}@keyframes cd-change{0%{transform:rotate(0)}100%{transform:rotate(360deg)}}.cd-change{animation:cd-change infinite 4s linear}@keyframes cloud-left{0%{transform:translateX(0);opacity:1}100%{transform:translateX(-50%);opacity:.8}}.cloud-left{animation:cloud-left 40s linear infinite alternate-reverse}@keyframes cloud-right{0%{transform:translateX(0);opacity:.4}100%{transform:translateX(50%);opacity:1}}.cloud-right{animation:cloud-right 30s linear infinite alternate-reverse}footer{position:relative;z-index:9;background-color:#fff}