*:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,*::before,*::after{box-sizing:border-box}a,button{cursor:revert}ol,ul,menu{list-style:none}img{max-inline-size:100%;max-block-size:100%}table{border-collapse:collapse}input,textarea{user-select:auto}textarea{white-space:revert}meter{appearance:revert}pre{all:revert}::placeholder{color:unset}::marker{content:initial}:where([hidden]){display:none}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;line-break:after-white-space;user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert}html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{font-weight:inherit}html{font-size:62.5%}body{background-color:#ddd;color:#333;font-family:"ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","游ゴシック体",YuGothic,"Yu Gothic Medium",sans-serif;font-size:1.4em;line-height:1.7;letter-spacing:.01em;overflow-x:hidden;overflow-y:scroll;position:relative;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media screen and (min-width: 768px){body{font-size:1.6em;line-height:2}}*{min-height:0vw}img{max-width:100%;height:auto;vertical-align:top}@media screen and (min-width: 768px){img{image-rendering:-webkit-optimize-contrast}}a:focus-visible,button:focus-visible{outline:0;outline-offset:2px;box-shadow:0 0 0 2px #ddd}a{color:#333;cursor:pointer;transition:.2s ease-in-out}@media screen and (min-width: 1024px){a:hover{opacity:.8}}button{display:inline-block;line-height:1;user-select:none;cursor:pointer;transition:.2s ease-in-out}button:hover{opacity:.8}button:focus{outline:0}button:not(:disabled){cursor:pointer}.visible_xxs{display:none}@media screen and (max-width: 374px){.visible_xxs{display:inline-block !important}}.hidden_xxs{display:inline-block}@media screen and (max-width: 374px){.hidden_xxs{display:none !important}}.visible_xs{display:none}@media screen and (max-width: 767px){.visible_xs{display:inline-block !important}}.hidden_xs{display:inline-block}@media screen and (max-width: 767px){.hidden_xs{display:none !important}}.visible_sm{display:none}@media screen and (min-width: 768px){.visible_sm{display:inline-block !important}}.hidden_sm{display:inline-block}@media screen and (min-width: 768px){.hidden_sm{display:none !important}}.visible_md{display:none}@media screen and (min-width: 1024px){.visible_md{display:inline-block !important}}.hidden_md{display:inline-block}@media screen and (min-width: 1024px){.hidden_md{display:none !important}}.visible_lg{display:none}@media screen and (min-width: 1366px){.visible_lg{display:inline-block !important}}.hidden_lg{display:inline-block}@media screen and (min-width: 1366px){.hidden_lg{display:none !important}}.visible_xl{display:none}@media screen and (min-width: 1920px){.visible_xl{display:inline-block !important}}.hidden_xl{display:inline-block}@media screen and (min-width: 1920px){.hidden_xl{display:none !important}}.visible_all{display:inline-block !important}.hidden_all{display:none !important}.lp_header{font-family:"Segoe UI",Tahoma,Geneva,Verdana,sans-serif,serif;display:flex;justify-content:space-between;align-items:center;padding:min(2.133vw,3rem);position:relative}.lp_header .header_wrap_left{position:relative;width:40%}.lp_header .header_wrap_left .header_logo a{display:flex;width:100%}.lp_header .header_wrap_left .header_logo img{width:150px}@media screen and (min-width: 1024px){.lp_header .header_wrap_left .header_logo img{width:300px}}.lp_header .header_beginner{position:relative}.lp_header .header_beginner .beginner_inner{padding:8px;border:1px solid #fff;background-color:rgba(0,0,0,.2);line-height:1.2;color:#ddd;font-size:clamp(1.1rem, 1.9vw + -0.3573rem, 1.6rem);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:space-between;align-items:center}.lp_header .header_beginner .beginner_inner img{width:20px;height:26px;margin-right:8px}.lp_header .header_beginner .beginner_inner p span{color:#f5e929}.select_language{position:absolute;top:64px;right:8px;transform:translate3d(0, -15px px, 0);min-width:90px;background:#000;color:#ddd;border:1px solid #ca3373;border-radius:0px;transition:background .3s;z-index:20}.select_language button{display:flex;align-items:center;padding:0 12px;width:100%;height:30px;background:none;border:none;color:inherit;box-sizing:border-box;cursor:pointer;transition:color .3s}@media only screen and (min-width: 768px){.select_language{top:84px;right:30px;position:absolute;text-align:center}}@media(min-width: 769px)and (max-width: 1023px){.select_language{top:84px;right:20px}}@media only screen and (max-width: 1024px){.select_language button{padding:0 10px}}.select_language button img{margin-right:6px;width:15px;transition:filter .3s}.select_language button svg{width:10px;fill:#ca3373;transition:transform .5s ease,fill .3s;margin-left:8px}.select_language button p{width:100%;text-align:left}@media only screen and (max-width: 1024px){.select_language button span{font-size:clamp(1.4rem, 2.3vw + -0.3641rem, 2rem)}}.select_language.opened button svg{transform:rotate(180deg)}.select_language .language_list{display:none}.select_language .language_list .language_item{height:30px}.select_language .language_list .language_item a{display:flex;justify-content:flex-start;align-items:center;width:100%;height:100%;padding:0 10px;box-sizing:border-box;transition:background .3s,color .3s;color:#ddd}@media only screen and (max-width: 1024px){.select_language .language_list .language_item a{padding:0 10px}}.select_language .language_list .language_item.active a{background:#ca3373;color:#ddd;pointer-events:none}@media only screen and (min-width: 1024px){header{padding:0 40px;height:80px}.select_language.opened .language_list .language_item:hover a{background:#ca3373;color:#ddd}.select_language.opened:hover button img{filter:none}.select_language.opened:hover button svg{fill:#ca3373}.select_language:hover button img{filter:grayscale(100%) brightness(20)}.select_language:hover button svg{fill:#fff}}.lp_footer{background-color:#b3007a}.lp_footer .footer_inner{width:40%;background-color:#9f8804;color:#ddd;display:flex;justify-content:center;align-items:center;height:min(10.667vw,6rem);font-family:Arial,Helvetica,sans-serif}.lp_footer .footer_inner small{font-size:clamp(1.2rem, 0vw + 1.2rem, 1.2rem)}@media screen and (min-width: 1024px){.lp_footer .footer_inner{width:200px}}.lp_pagetop{position:fixed;right:1rem;bottom:1rem;z-index:100;transition:none;opacity:0}@media screen and (min-width: 1024px){.lp_pagetop{right:2rem;bottom:2rem}}.lp_pagetop a,.lp_pagetop button{display:block;width:min(10.667vw,6rem);height:0;padding-top:min(10.667vw,6rem);border-radius:50%;background:rgba(51,51,51,.5);overflow:hidden;position:relative}.lp_pagetop a::before,.lp_pagetop button::before{content:"";width:min(2.667vw,1.5rem);height:min(2.667vw,1.5rem);border-width:.2rem .2rem 0 0;border-color:#ddd;border-style:solid;position:absolute;top:50%;left:50%;transform:translate(-50%, -20%) rotate(-45deg)}.lp_pagetop.is_show{animation:fadein .3s forwards}.lp_pagetop.is_hide{animation:fadeout .3s forwards}@keyframes fadein{from{opacity:0}to{opacity:1}}@keyframes fadeout{from{opacity:1}to{opacity:0}}.lp_wrap{position:relative;overflow:hidden}.lp_container{position:relative;font-size:clamp(1.4rem, 0.8vw + 0.7864rem, 1.6rem)}.fade_effect{position:fixed;pointer-events:none;top:0;left:0;width:100%;height:100%;background-color:#fff;animation:fadeOutIntro 9s ease-in-out forwards;z-index:30}@keyframes fadeOutIntro{0%{background-color:#fff}100%{background-color:rgba(0,0,0,0);visibility:hidden}}.lp_container{background-image:url(../img/bg_fix.jpg) center no-repeat;background-size:cover;font-family:"Fira Code",monospace,sans-serif}.lp_container:lang(zh-cn){font-family:"hellofont-id-zhonglingxingk",sans-serif;font-weight:400;font-style:normal}.lp_container:lang(zh-tw){font-family:"fzfangsong-gb18030",serif;font-weight:400;font-style:normal}.lp_container:before{content:"";display:block;position:fixed;top:0;left:0;z-index:-1;width:100%;height:100vh;background:url(../img/bg_fix.jpg) center no-repeat;background-size:cover}.lp_main{padding-bottom:min(6.667vw,5rem)}.lp_main .sec_heading{margin-bottom:min(5.333vw,5rem);font-size:clamp(2.5rem, 13.6vw + -7.9312rem, 6rem)}.lp_main .sec_subheading{margin:0 auto min(2.667vw,2rem);font-size:clamp(1.6rem, 6.2vw + -3.1554rem, 3.2rem)}.lp_main .sns_area{margin-top:min(16vw,12rem)}.lp_main .sns_list{display:flex;justify-content:center}.lp_main .sns_item{margin:0 min(2.667vw,2rem);width:clamp(4rem,5.333vw,6rem)}.fadein_up{opacity:0;visibility:hidden}.fadein_up.is-show{opacity:1;visibility:visible;animation:fadeInUp 1.5s ease forwards}@keyframes fadeInUp{0%{opacity:0;transform:translateY(50px);visibility:hidden}100%{opacity:1;transform:translateY(0);visibility:visible}}.loading-container{display:flex;align-items:center;justify-content:center;height:100vh;z-index:110;background-image:url(../img/bg_loading.jpg);background-position:center;background-size:contain;background-repeat:no-repeat;background-color:#000;opacity:1;transition:opacity 1s ease-in-out;animation:zoomOut 5s ease-in-out;animation-fill-mode:forwards;position:relative;z-index:200}@media screen and (min-width: 1024px){.loading-container{background-size:cover}}@keyframes zoomOut{from{transform:scale(1)}to{transform:scale(1.5)}}.fade-out{opacity:0}.spinner{width:40px;height:40px;border-radius:50%;border:4px solid #ccc;border-top-color:#b3007a;animation:spin 1s infinite linear}@keyframes spin{0%{transform:rotate(0deg)}100%{transform:rotate(360deg)}}.no-scroll{overflow:hidden}.glitch_02{position:relative;color:#fff;font-size:100px;margin:auto}.glitch_02::before,.glitch_02::after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%}.glitch_02::before{left:2px;opacity:.2;text-shadow:-2px 0 blue;animation:glitch 1s infinite linear alternate-reverse}.glitch_02::after{left:-2px;opacity:.2;text-shadow:-2px 0 #da9393;animation:glitch_02 2s infinite linear alternate-reverse}@keyframes glitch_02{0%{clip:rect(44px, 9999px, 56px, 0)}5%{clip:rect(55px, 9999px, 14px, 0)}10%{clip:rect(13px, 9999px, 33px, 0)}15%{clip:rect(64px, 9999px, 40px, 0)}20%{clip:rect(32px, 9999px, 41px, 0)}25%{clip:rect(44px, 9999px, 50px, 0)}30%{clip:rect(10px, 9999px, 16px, 0)}35%{clip:rect(60px, 9999px, 85px, 0)}40%{clip:rect(30px, 9999px, 56px, 0)}45%{clip:rect(79px, 9999px, 90px, 0)}50%{clip:rect(46px, 9999px, 96px, 0)}55%{clip:rect(36px, 9999px, 72px, 0)}60%{clip:rect(20px, 9999px, 32px, 0)}65%{clip:rect(68px, 9999px, 88px, 0)}70%{clip:rect(50px, 9999px, 70px, 0)}75%{clip:rect(28px, 9999px, 33px, 0)}80%{clip:rect(79px, 9999px, 99px, 0)}85%{clip:rect(46px, 9999px, 50px, 0)}90%{clip:rect(20px, 9999px, 26px, 0)}95%{clip:rect(74px, 9999px, 80px, 0)}100%{clip:rect(30px, 9999px, 76px, 0)}}@keyframes glitch_op{0%,100%{transform:translate(0)}10%{transform:translate(-5px, 3px)}20%{transform:translate(5px, -3px)}30%{transform:translate(-5px, 2px)}40%{transform:translate(5px, -2px)}50%{transform:translate(0)}60%{transform:translate(-3px, 2px)}70%{transform:translate(3px, -2px)}80%{transform:translate(-3px, 1px)}90%{transform:translate(3px, -1px)}}.loading-container::before,.loading-container::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:2;background:inherit;animation:glitch_op 1s infinite alternate}.loading-container::before{clip-path:polygon(0 0, 100% 0, 100% 45%, 0 45%);transform-origin:top;animation-delay:.1s}.loading-container::after{clip-path:polygon(0 55%, 100% 55%, 100% 100%, 0 100%);transform-origin:bottom;animation-delay:.2s}.fv{background-image:url(../img/bg_fv.jpg);background-repeat:no-repeat;background-position:center top;height:160vw;padding-bottom:20vw;position:relative;background-size:180vw}.fv .fv_inner{padding:70vw 0 0}.fv .fv_inner h1{width:50vw;margin:0 auto;text-align:center}.fv .fv_inner .btn_fixed{width:60vw;height:28vw;position:fixed;bottom:90px;right:0;z-index:100;text-align:right}.fv .fv_inner .btn_fixed.cn{bottom:120px}.fv .fv_inner .btn_fixed_vpn{padding:8px;background-color:#000;color:#ddd;position:fixed;bottom:80px;right:2px;border:1px solid #ccc;font-size:clamp(1.1rem, 3.5vw + -1.5845rem, 2rem)}@media screen and (min-width: 768px){.fv .fv_inner .btn_fixed{width:40vw;height:20vw}}@media screen and (min-width: 1024px){.fv{background-size:cover;height:90vw;padding-bottom:0}.fv .fv_inner h1{width:30vw;position:absolute;top:44vw;left:36%}.fv .fv_inner .btn_fixed{width:40vw;height:12vw}.fv .fv_inner .btn_fixed.cn{bottom:180px}.fv .fv_inner .btn_fixed_vpn{bottom:100px}}.movie{background-color:#fff;background-image:url(../img/bg_movie.png);background-size:130vw;background-repeat:no-repeat;background-position:center top;padding-bottom:80px}.movie .video_wrap{margin:0 auto;width:80vw;position:relative}.movie .video_wrap::before{content:"";background-image:url(../img/img_movie_ttl.png);width:10vw;height:33vw;background-size:contain;background-repeat:no-repeat;display:block;position:absolute;left:-7.9vw}@media screen and (min-width: 1024px){.movie{height:40vw}.movie .video_wrap{width:60vw}}.story{position:relative;overflow:hidden;background-color:#111}.story::after{content:"";width:100vw;height:100vh;background-size:cover;display:block;background-image:url(../img/bg_story_noise.jpg);opacity:.1;position:absolute;top:0;mix-blend-mode:exclusion;display:inline-block;animation:hurueru .7s infinite}@keyframes hurueru{0%{transform:translate(0px, 1px) rotateZ(0deg)}25%{transform:translate(1px, 0px) rotateZ(0deg)}50%{transform:translate(120%, 2px) rotateZ(0deg)}75%{transform:translate(2px, 0px) rotateZ(0deg)}100%{transform:translate(0px, 120%) rotateZ(0deg)}}.story .story_inner{padding:80px 16px;background-image:url(../img/bg_story.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;color:#ddd;position:relative;display:flex;flex-direction:column;align-items:center}.story .story_inner h2{background:linear-gradient(transparent 60%, #b3007a 60.666%);transform:rotate(4deg);display:inline-block;margin-bottom:10vw;padding:0 12px}.story .story_inner p{transform:rotate(-5deg);text-align:center;font-size:clamp(1.4rem, 5.4vw + -2.7418rem, 2.8rem)}.story .story_inner p strong{color:#b3007a;font-weight:800}@media screen and (min-width: 768px){.story .story_inner{display:flex;flex-direction:column;align-items:center}.story .story_inner h2{margin-bottom:40px}}@media screen and (min-width: 1024px){.story .story_inner{display:flex;flex-direction:column;align-items:center;padding:140px 16px}.story .story_inner h2{margin-bottom:60px}}.subjects{padding:80px 0px;background-image:url(../img/);position:relative;overflow:hidden;padding-bottom:60vw}.subjects h2{width:100%;color:#ddd;text-align:center;background-image:url(../img/bg_sbujects_sp.png);width:100vw;height:70vw;background-repeat:no-repeat;background-position:top center;background-size:contain;position:absolute;z-index:20}.subjects h2 span{color:#ddd;position:relative;top:47.3vw;transform:rotate(4deg);display:block;left:20vw}@media screen and (min-width: 768px){.subjects h2 span{top:47.1vw}}@media screen and (min-width: 1024px){.subjects h2{background-image:url(../img/bg_sbujects.png)}.subjects h2 span{color:#ddd;position:relative;top:19.5vw;transform:rotate(4deg);display:block;left:2.4vw;font-size:3vw}}.subjects .data_wrap{z-index:30;position:relative;top:80vw}.subjects .data_wrap .data_inner{position:relative}.subjects .data_wrap .data_inner .chara_02{position:relative;top:-59vw;left:-43vw}.subjects .data_wrap .data_inner .chara_02::after{content:"";background-image:url(../img/bg_sbujects_01_sp.png);background-repeat:no-repeat;width:100vw;height:100vw;display:block;position:absolute;background-size:contain;bottom:81vw;left:43vw}@media screen and (min-width: 1024px){.subjects .data_wrap .data_inner .chara_02{position:relative;top:-70vw;left:-13vw}.subjects .data_wrap .data_inner .chara_02::after{content:"";display:none}}.subjects .data_wrap .data_inner .chara_01{position:absolute;top:121vw;right:-36vw}@media screen and (min-width: 1024px){.subjects .data_wrap .data_inner .chara_01{top:-64vw;right:-9vw}}.subjects .data_wrap .data_inner .data_01,.subjects .data_wrap .data_inner .data_02{background-image:url(../img/bg_sbujects_bord02.png);width:84vw;height:120vw;max-width:450px;max-height:650px;background-size:contain;background-repeat:no-repeat;padding:13vw 8vw 8vw;position:relative;z-index:30}.subjects .data_wrap .data_inner .data_01 ul li,.subjects .data_wrap .data_inner .data_02 ul li{margin-bottom:1rem;font-style:italic;line-height:1.2em;font-size:clamp(1.3rem, 1.2vw + 0.3796rem, 1.6rem)}.subjects .data_wrap .data_inner .data_01 ul li.name,.subjects .data_wrap .data_inner .data_02 ul li.name{font-size:clamp(1.7rem, 7.4vw + -3.9758rem, 3.6rem)}.subjects .data_wrap .data_inner .data_01 ul li.dialogue,.subjects .data_wrap .data_inner .data_02 ul li.dialogue{font-weight:800;font-size:clamp(1.3rem, 1.9vw + -0.1573rem, 1.8rem);color:#b3007a}.subjects .data_wrap .data_inner .data_01 ul li:lang(zh-cn),.subjects .data_wrap .data_inner .data_01 ul li:lang(zh-tw),.subjects .data_wrap .data_inner .data_02 ul li:lang(zh-cn),.subjects .data_wrap .data_inner .data_02 ul li:lang(zh-tw){line-height:1.6em;font-size:clamp(1.4rem, 3.1vw + -0.9777rem, 2.2rem);line-height:1.4em}.subjects .data_wrap .data_inner .data_01 ul li:lang(zh-cn).name,.subjects .data_wrap .data_inner .data_01 ul li:lang(zh-tw).name,.subjects .data_wrap .data_inner .data_02 ul li:lang(zh-cn).name,.subjects .data_wrap .data_inner .data_02 ul li:lang(zh-tw).name{font-size:clamp(1.7rem, 7.4vw + -3.9758rem, 3.6rem)}.subjects .data_wrap .data_inner .data_01 ul li:lang(zh-cn).dialogue,.subjects .data_wrap .data_inner .data_01 ul li:lang(zh-tw).dialogue,.subjects .data_wrap .data_inner .data_02 ul li:lang(zh-cn).dialogue,.subjects .data_wrap .data_inner .data_02 ul li:lang(zh-tw).dialogue{font-weight:800;font-size:clamp(1.4rem, 3.9vw + -1.5913rem, 2.4rem);color:#b3007a}@media screen and (min-width: 768px){.subjects .data_wrap .data_inner .data_01,.subjects .data_wrap .data_inner .data_02{padding:80px 40px 40px;line-height:1.6em}}@media screen and (min-width: 1024px){.subjects .data_wrap .data_inner .data_01,.subjects .data_wrap .data_inner .data_02{max-width:500px;max-height:700px;padding:80px 50px 50px;line-height:1.6em}}.subjects .data_wrap .data_inner .data_02{right:5vw;top:1vw;position:absolute}@media screen and (min-width: 1024px){.subjects .data_wrap .data_inner .data_02{right:auto;left:calc(50% - 550px);top:-30vw;transform:rotate(5deg)}}.subjects .data_wrap .data_inner .data_01{background-image:url(../img/bg_sbujects_bord01.png);left:5vw;top:211vw;position:absolute}@media screen and (min-width: 1024px){.subjects .data_wrap .data_inner .data_01{left:auto;right:calc(50% - 550px);top:-25vw;transform:rotate(-3deg)}}@media screen and (min-width: 1024px){.subjects{max-height:1850px;padding-bottom:0}}@media screen and (min-width: 1920px){.subjects{max-height:2250px}}.system{padding:80px 16px;background:rgba(255,255,255,.5);position:relative;overflow:hidden;z-index:1}.system::before{content:"";background-image:url(../img/bg_exp.png);background-position:center;width:100%;height:100%;display:block;position:absolute;background-size:cover;background-repeat:no-repeat;top:0;z-index:1}.system .system_wrap{color:#b3007a;z-index:50;position:relative}.system .system_wrap h2{text-align:center;color:#b3007a}.system .system_wrap h3{text-align:center}.system .system_wrap .item{display:flex;flex-direction:column;flex-wrap:nowrap;align-items:center;justify-content:center;margin:16px 0 64px}.system .system_wrap .item .item_name{padding:20px;background-color:rgba(255,255,255,.8);width:90%;text-align:left;font-size:clamp(1.45rem, 2.1vw + -0.1607rem, 2rem)}.system .supplement{background-color:#000;color:#ddd;padding:16px;margin-bottom:16px;position:relative;font-size:clamp(1.2rem, 4.7vw + -2.4049rem, 2.4rem)}.system .supplement::after{content:"";background-image:url(../img/img_sysyem_box_after.png);width:100px;height:100px;background-size:cover;background-repeat:no-repeat;position:absolute;top:-32px;right:-49px}.system .menu_wrap{text-align:center}@media screen and (min-width: 768px){.system .system_wrap .item{display:flex;flex-direction:row}.system .system_wrap .item .item_name{width:40vw;background-color:rgba(255,255,255,0)}}@media screen and (min-width: 1024px){.system{text-align:center}.system .system_wrap{max-width:1024px;margin:0 auto;padding:100px 16px}.system .system_wrap .item{justify-content:space-evenly;width:640px;margin:16px auto;display:flex;flex-direction:row}.system .system_wrap .item .item_name{width:360px;margin-left:16px;background-color:rgba(255,255,255,0)}}#image-container{position:relative;width:300px;height:300px;background-size:cover;background-position:center}.glitch_item{animation:glitch_item .1s infinite linear alternate-reverse}@keyframes glitch_item{0%{filter:hue-rotate(0deg);transform:skewX(0deg)}25%{filter:hue-rotate(90deg);transform:skewX(10deg)}50%{filter:hue-rotate(180deg);transform:skewX(0deg)}75%{filter:hue-rotate(270deg);transform:skewX(-10deg)}100%{filter:hue-rotate(360deg);transform:skewX(0deg)}}@keyframes fadeInOut{0%{opacity:1}45%{opacity:1}55%{opacity:0}100%{opacity:0}}.fade{animation:fadeInOut 3s infinite}.photographs{padding:80px 16px;position:relative;overflow:hidden;z-index:1}.photographs::before{content:"";background-image:url(../img/bg_photo.png);background-position:center;width:100%;height:100%;display:block;position:absolute;background-size:cover;background-repeat:no-repeat;top:0;z-index:1}.photographs .photo_wrap{position:relative;z-index:50}.photographs .photo_wrap h2{color:#b3007a;text-align:center}.photographs .photo_wrap .photo{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;justify-content:center}.photographs .photo_wrap .photo a{width:48%;position:relative;z-index:80}.photographs .photo_wrap .photo a::before{content:"";background-image:url(../img/btn_photo_zoom.png);background-position:center;width:44px;height:44px;background-size:cover;display:block;position:absolute;background-repeat:no-repeat;right:10px;bottom:10px;z-index:70}.photographs .photo_wrap .photo a img{filter:blur(2px)}@media screen and (min-width: 1024px){.photographs .photo_wrap{max-width:1240px;margin:0 auto;padding:100px 16px}.photographs .photo_wrap .photo a:hover{opacity:1}.photographs .photo_wrap .photo a::before{content:"";width:100px;height:100px;right:50px;bottom:50px}.photographs .photo_wrap .photo a img{filter:blur(4px);transition:1s}.photographs .photo_wrap .photo a img:hover{filter:blur(0px);transition:1s}}.product{background-image:url(../img/bg_product.jpg);background-color:#030301;background-position:center top;background-size:150%;background-repeat:no-repeat;padding:80px 16px}.product .product_wrap .thumbnail{display:flex;flex-direction:column;align-items:center;margin-bottom:32px}.product .product_wrap .thumbnail h2{color:#b3007a}.product .product_wrap .thumbnail .product_beginner{position:relative;margin-top:20px;width:300px}.product .product_wrap .thumbnail .product_beginner .beginner_inner{padding:8px;border:1px solid #fff;background-color:rgba(0,0,0,.2);line-height:1.2;color:#ddd;font-size:clamp(1.1rem, 1.9vw + -0.3573rem, 1.6rem);display:flex;flex-direction:row;flex-wrap:nowrap;justify-content:center;align-items:center}.product .product_wrap .thumbnail .product_beginner .beginner_inner img{width:20px;height:26px;margin-right:8px}.product .product_wrap .thumbnail .product_beginner .beginner_inner p span{color:#f5e929}.product .product_wrap .data{color:#ddd;padding-top:32px;border-top:solid #b3007a 1px;font-size:clamp(1.4rem, 2.3vw + -0.3641rem, 2rem)}.product .product_wrap .data ul{margin-bottom:3rem}@media screen and (min-width: 768px){.product .product_wrap .data{font-size:2rem}}@media screen and (min-width: 1024px){.product{padding:140px 16px}.product .product_wrap{max-width:1240px;margin:0 auto;display:flex;justify-content:space-evenly;align-items:center}.product .product_wrap .data{border-top:none;border-left:solid #b3007a 1px;padding-left:60px;margin-left:60px}}html:lang(zh-cn) .data{font-family:Arial,Helvetica,sans-serif}.channel,.share{padding:40px 16px;display:flex;align-items:center;flex-direction:column}.channel:lang(zh-tw),.share:lang(zh-tw){margin-bottom:24vw}.channel h2,.share h2{color:#b3007a}.channel .service,.share .service{display:flex;align-items:center;flex-direction:row;flex-wrap:wrap;justify-content:center}.channel .service a,.share .service a{padding:22px 0;margin:0 min(2.667vw,2rem)}.channel .service a img,.share .service a img{width:60px}@media screen and (min-width: 768px){.channel h2,.share h2{font-size:3.4rem}}@media screen and (min-width: 1024px){.channel,.share{padding:80px 16px}.channel:lang(zh-tw),.share:lang(zh-tw){margin-bottom:0}}.share{padding-bottom:120px}html:lang(zh-cn) .share{padding-bottom:140px}/*# sourceMappingURL=lp.min.css.map */