@charset "UTF-8";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:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}*{font-family:Pretendard,serif!important}html{font-size:8px}body{background-color:#000;overflow:hidden}img{-webkit-user-drag:none}.grid{display:grid;max-width:160rem;margin:auto;padding:0 4rem;grid-column-gap:2rem}@media (min-width: 768px) and (max-width: 1024px){.grid{max-width:128rem;padding:0 2rem}}@media (width: 768px){.grid{max-width:96rem}}@media (max-width: 767px){.grid{padding:0 2rem}}#app .page-pc{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:100vw;height:62.5vw;max-width:160dvh;max-height:100dvh}#app .page-pc .background-img-pc{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain}#app .page-pc .btn-start-pc{cursor:pointer;position:absolute;width:24%;left:38%;top:84%}#app .page-pc .go-content-pc{position:absolute;display:flex;justify-content:center;top:32.8%}#app .page-pc .go-content-pc .btn-go-content{cursor:pointer;width:27.8%}#app .page-mobile{width:100vw;height:177.8vw;max-height:100dvh;max-width:56.25dvh;margin:auto;position:absolute;top:0;bottom:0;left:0;right:0}#app .page-mobile .background-img-mobile{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;object-fit:contain}#app .page-mobile .btn-start-mobile{position:absolute;left:24%;width:52%;top:80.4%}#app .page-mobile .go-content-mobile{position:absolute;display:flex;flex-direction:column;align-items:center;top:27.8%;left:.5%}#app .page-mobile .go-content-mobile .btn-go-content{position:relative;width:96.3%}#app .page-mobile .go-content-mobile .btn-go-content:first-child{top:-1px}#app .page-mobile .go-content-mobile .btn-go-content:nth-child(2){top:-7px}#app .page-mobile .go-content-mobile .btn-go-content:nth-child(3){top:-12px}#notice-inapp{position:fixed;min-height:calc(var(--vh, 1vh) * 100);height:calc(var(--vh, 1vh) * 100);width:100%;top:0;left:0;background-color:#f6e9ff;z-index:10000000000000000000}#notice-inapp>.wrap-center{position:relative;top:50%;display:block;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%);image-rendering:crisp-edges;image-rendering:-moz-crisp-edges;image-rendering:-webkit-crisp-edges;image-rendering:-o-crisp-edges;text-align:center}#notice-inapp>.wrap-center>div{margin-top:20px}#notice-inapp>.wrap-center img{display:inline-block}#notice-inapp>.wrap-center p{margin-top:20px;line-height:1.5em;color:#756d65}#notice-inapp>.wrap-bottom{position:absolute;bottom:20px;right:0}#notice-inapp>.wrap-bottom p{float:left;color:#58524c;text-align:right;line-height:1.5em}#notice-inapp>.wrap-bottom.top{bottom:unset;top:20px}.test-example-content{grid-template-columns:repeat(12,1fr)}@media (min-width: 768px) and (max-width: 1024px){.test-example-content{grid-template-columns:repeat(8,1fr)}}@media (max-width: 767px){.test-example-content{grid-template-columns:repeat(4,1fr)}}.test-example-content .test-text{grid-column-start:1;grid-column-end:13}@media (min-width: 768px) and (max-width: 1024px){.test-example-content .test-text{grid-column-start:1;grid-column-end:9}}@media (max-width: 767px){.test-example-content .test-text{grid-column-start:1;grid-column-end:5}}.test-example-content .test-text.b-24{font-weight:700;font-size:3rem;line-height:1.5}.test-example-content .test-text.b-18{font-weight:700;font-size:2.25rem;line-height:1.5}.test-example-content .test-text.b-16{font-weight:700;font-size:2rem;line-height:1.5}.test-example-content .test-text.r-18{font-weight:400;font-size:2.25rem;line-height:1.5}.test-example-content .test-text.r-16{font-weight:400;font-size:2rem;line-height:1.5}.apoc-btn.primary{background:#8976fd;color:#fff;border-radius:1.25rem;border:1px solid #8976fd;font-weight:400;font-size:2rem;line-height:1.5}.apoc-btn.secondary{background:#ffffff;color:#8976fd;border-radius:1.25rem;border:1px solid #8976fd;font-weight:400;font-size:2rem;line-height:1.5}.apoc-select{position:relative}.apoc-select .selected-area{min-height:4rem;cursor:pointer;padding:3rem;color:#8976fd;font-weight:700;font-size:2.25rem;line-height:1.5}.apoc-select .option-list-area-wrapper{position:absolute;width:100%;background:#ffffff;z-index:2;overflow-y:auto}.apoc-select .option-list-area-wrapper .option-list-area{list-style:none;padding:0;margin:0}.apoc-select .option-list-area-wrapper .option-list-area li{padding:3rem;cursor:pointer;color:#8976fd}.apoc-select .select-arrow-down{background:#ffffff url(/assets/images/common/icons/arrow-down.svg) no-repeat right;width:16px;height:16px;position:absolute;top:50%;transform:translateY(-50%);right:15px}#my-iframe iframe{width:100%;height:100%;position:absolute}.before-video-mobile{position:absolute;width:98.8%;height:31.2%;top:33.2%;left:.6%}.before-video-pc{position:absolute;top:23.1%;left:5.7%;width:75%;height:67.6%}.btn-next-pc{position:absolute;top:81.7%;left:83%;width:11.3%}.btn-next-mobile{position:absolute;width:24.6%;left:68.8%;top:67.5%}.btn-before-mobile{position:absolute;width:9.5%;left:5%;top:4%}.btn-before-pc{position:absolute;width:4.5%;left:5%;top:4%}