.pt-button{bottom:15px}.virtual{width:100%;position:fixed;top:0;right:0;bottom:0;left:0;display:flex;overflow-y:auto}.virtual-contents{width:100%;display:flex;align-items:center;margin:auto}.virtual-contents h2{width:calc(780 / 1920 * 100vw);height:calc(286 / 1920 * 100vw);top:calc(27 / 1920 * 100vw);left:calc(568 / 1920 * 100vw)}.virtual-level .virtual-contents h2{top: calc(35 / 1920 * 100vw);}.virtual-contents h2+p{top:calc(292 / 1920 * 100vw)}.virtual-level .virtual-contents h2+p{top:calc(305 / 1920 * 100vw)}.virtual-contents--nav{top:calc(395 / 1920 * 100vw)}.virtual-contents--nav li:hover{cursor:pointer}.virtual-contents--nav li:first-child a::after{background:url(../img/virtual/menu01_click.png) center/contain no-repeat}.virtual-contents--nav li:nth-child(2) a::after{background:url(../img/virtual/menu02_click.png?2203) center/contain no-repeat}.virtual-contents--nav li:nth-child(3) a::after{background:url(../img/virtual/menu03_click.png?2203) center/contain no-repeat}#virtual .virtual-contents--nav li:nth-child(2) a::after{left:-29%}#virtual .virtual-contents--nav li:nth-child(3) a::after{left:-23%}.virtual-contents--level{width:100%;height:100vh;position:relative;opacity:0}.virtual-contents--level .vcl-inner.vcl-inner__learn{width:calc(1500 / 1920 * 100vw);height:calc(857 / 1920 * 100vw);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);display:none}.virtual-contents--level .vcl-inner{width:calc(1080 / 1920 * 100vw);height:calc(740 / 1920 * 100vw);position:absolute;top:43%;left:50%;transform:translate(-50%, -50%);display:none}.virtual-contents--level .vcl-inner ul{position:relative}.virtual-contents--level .vcl-inner ul li{position:absolute;line-height:0;pointer-events:none;opacity:0}.virtual-contents--level .vcl-inner ul li .smovie{background:#fff;padding:15px;border-radius:10px}.virtual-contents--level .vcl-inner ul li .smovie video{width:100%;height:100%;outline:none}.virtual-contents--level .vcl-inner ul li .sbutton{width:36%;margin:20px auto 0;cursor:pointer;position:relative}.virtual-contents--level .vcl-inner ul li .sbutton::after{content:"";position:absolute;width:calc(130 / 1920 * 100vw);height:calc(130 / 1920 * 100vw);top:calc(2 / 1920 * 100vw);right:calc(-105 / 1920 * 100vw);opacity:0;transform:rotate(-20deg);transition:all .15s ease;background:url(../img/virtual/start_icon.png) center/contain no-repeat}.virtual-contents--level .vcl-inner ul li .sbutton>img{transition:all .2s ease}.virtual-contents--level .vcl-inner ul li .sbutton:hover img{transform:scale(1.04)}.virtual-contents--level .vcl-inner ul li .sbutton:hover::after{opacity:1;transform:rotate(0)}.virtual-contents--level .vcl-inner ul li .sbutton:active{transform:scale(0.95)}.virtual-contents--level .vcl-inner ul li.is-active{pointer-events:auto;opacity:1}.virtual-contents--level .vcl-inner .vcl-button{width:calc(65 / 1920 * 100vw);height:calc(65 / 1920 * 100vw);background:rgba(255,255,255,0.8);position:absolute;top:calc(-16 / 1920 * 100vw);right:calc(-15 / 1920 * 100vw);z-index:15;border-radius:50%;border:3px solid #5e5dba;transition:border-width .3s, background-color .3s, scale 0s}.virtual-contents--level .vcl-inner .vcl-button::after,.virtual-contents--level .vcl-inner .vcl-button::before{content:"";width:calc(40 / 1920 * 100vw);height:calc(4 / 1920 * 100vw);background:#5e5dba;display:block;position:absolute;top:50%;left:50%;transition:border-width .3s, background-color .3s, scale 0s}.virtual-contents--level .vcl-inner .vcl-button::after{transform:translate(-50%, -50%) rotate(-45deg)}.virtual-contents--level .vcl-inner .vcl-button::before{transform:translate(-50%, -50%) rotate(45deg)}.virtual-contents--level .vcl-inner .vcl-button:hover{background:rgba(94,93,186,0.8);border:3px solid #fff}.virtual-contents--level .vcl-inner .vcl-button:hover::after,.virtual-contents--level .vcl-inner .vcl-button:hover::before{background:#fff}.virtual-contents--level .vcl-inner .vcl-button:active{transform:scale(0.95)}.virtual-contents .is-show{background:rgba(255,255,255,0.6);z-index:10}.virtual-contents .is-show .vcl-inner{display:block;z-index:11}.virtual-contents .vc-cloud{width:calc(1450 / 1920 * 100vw);height:calc(230 / 1920 * 100vw);left:calc(235 / 1920 * 100vw)}@media (max-width: 1024px){.virtual-contents{width:calc(1024 / 1024 * 100vw);height:calc(1366 / 1024 * 100vw)}.virtual-contents::after{background:url(../img/sp/virtual_bg.png) center/contain no-repeat;height:calc(556 / 1024 * 100vw);top:calc(733 / 1024 * 100vw)}.virtual-contents h2{top:calc(70 / 1024 * 100vw);left:calc(62 / 1024 * 100vw);width:calc(900 / 1024 * 100vw);height:calc(230 / 1024 * 100vw);background:url(../img/virtual/title.png) center/contain no-repeat}.virtual-level .virtual-contents h2{top:calc(70 / 1024 * 100vw)}#virtual-learn .virtual-contents h2{background:url(../img/virtual/learn/title.png) center/contain no-repeat}
/* #virtual-learn .virtual-contents h2{width: calc(900 / 1024 * 100vw);height:calc(300 / 1024 * 100vw);left:49.5%;background:url(../img/virtual/learn/title.png) center/contain no-repeat} */
.virtual-contents h2 img{display:none}.virtual-contents h2+p{top:calc(607 / 1920 * 100vw)}.virtual-level .virtual-contents h2+p{top:calc(607 / 1920 * 100vw)}#virtual-learn .virtual-contents--nav{flex-direction: column-reverse}.virtual-contents--nav{flex-wrap:wrap;width:calc(300 / 1024 * 100vw);top:calc(430 / 1024 * 100vw);left:50%;transform:translateX(-50%);margin:0 auto}.virtual-contents--nav li{width:100%;height:100%;margin-bottom:5%}.virtual-contents--nav li:nth-child(2){margin-left:0px}.virtual-contents--nav li a{width:100%}.virtual-contents--nav li a::after{content:none}.virtual-contents .vc-trb{background:url(../img/sp/virtual_tree.png) center/contain no-repeat;width:calc(970 / 1024 * 100vw);height:calc(123 / 1024 * 100vw);top:calc(1205 / 1024 * 100vw);left:calc(27 / 1024 * 100vw)}.virtual-contents .vc-cloud{background:url(../img/sp/virtual_cloud.png) center/contain no-repeat;width:calc(910 / 1024 * 100vw);height:calc(150 / 1024 * 100vw);top:calc(500 / 1024 * 100vw);left:calc(57 / 1024 * 100vw)}.virtual-contents--level .vcl-inner{width:calc(945 / 1024 * 100vw);height:calc(560 / 1024 * 100vw)}.virtual-contents--level .vcl-inner.vcl-inner__learn{width:calc(945 / 1024 * 100vw);height:calc(560 / 1024 * 100vw)}.virtual-contents--level .vcl-inner .vcl-button{width:calc(50 / 1024 * 100vw);height:calc(50 / 1024 * 100vw)}.virtual-contents--level .vcl-inner ul li .sbutton{width:40%}}@media (max-width: 550px){.virtual-contents{width:calc(414 / 414 * 100vw);height:calc(736 / 414 * 100vw)}.virtual-contents::after{height:calc(230 / 414 * 100vw);top:calc(453 / 414 * 100vw)}.virtual-contents h2{width:calc(350 / 414 * 100vw);height:calc(105 / 414 * 100vw);top:calc(40 / 414 * 100vw);left:50%;transform:translateX(-50%)}.virtual-level .virtual-contents h2{top:calc(40 / 414 * 100vw)}.virtual-contents h2+p{top:calc(155 / 414 * 100vw)}.virtual-level .virtual-contents h2+p{top:calc(155 / 414 * 100vw)}.virtual-contents--nav{width:calc(800 / 1920 * 100vw);top:calc(230 / 414 * 100vw)}.virtual-contents .vc-trb{width:calc(400 / 414 * 100vw);height:calc(55 / 414 * 100vw);top:calc(645 / 414 * 100vw);left:50%;transform:translateX(-50%)}.virtual-contents .vc-cloud{width:calc(380 / 414 * 100vw);height:calc(60 / 414 * 100vw);top:calc(255 / 414 * 100vw);left:calc(17 / 414 * 100vw)}.virtual-contents--level .vcl-inner{width:calc(390 / 414 * 100vw);height:calc(232 / 414 * 100vw);top:43%;left:50%;transform:translate(-50%, -50%);display:none}.virtual-contents--level .vcl-inner ul li .smovie{background:#fff;padding:7px;border-radius:5px}.virtual-contents--level .vcl-inner ul li .sbutton{width:50%;margin:15px auto 0}.virtual-contents--level .vcl-inner ul li .sbutton::after{content:"";width:calc(55 / 414 * 100vw);height:calc(55 / 414 * 100vw);top:calc(2 / 414 * 100vw);right:calc(-45 / 414 * 100vw);opacity:1;transform:rotate(0deg)}.virtual-contents--level .vcl-inner .vcl-button{width:calc(30 / 414 * 100vw);height:calc(30 / 414 * 100vw);top:calc(-8 / 414 * 100vw);right:calc(-5 / 414 * 100vw);border:1px solid #5e5dba}.virtual-contents--level .vcl-inner .vcl-button::after,.virtual-contents--level .vcl-inner .vcl-button::before{content:"";width:calc(20 / 414 * 100vw);height:calc(2 / 414 * 100vw)}.virtual-contents--level .vcl-inner .vcl-button:hover{border:1px solid #fff}}