#vrtrail{--color-accent-green: #46b747;--color-title-bg-green: var(--color-accent-green);--color-title-bg-blue: #5f9bc3;--color-tab-on-green: var(--color-accent-green);--color-tab-off-gray: #ababab;--color-steps-number: #ababab}#vrtrail .headset .tabs{display:flex;gap:6px;border-bottom:4px solid var(--color-tab-on-green)}#vrtrail .headset .tabs button{flex:0 1 100%;height:46px;padding:0;font-size:20px;font-weight:bold;color:#fff;text-align:center;-webkit-appearance:none;appearance:none;cursor:pointer;outline:none;background-color:rgba(0,0,0,0);background-color:var(--color-tab-off-gray);border:none;border-bottom:4px solid #fff}#vrtrail .headset .tabs button[data-current=on]{background-color:var(--color-tab-on-green);border-bottom:4px solid var(--color-tab-on-green)}#vrtrail .headset .contents>div{display:none}#vrtrail .headset .contents>div[data-current=on]{display:block}@media all and (max-width: 767px){#vrtrail .pc{display:none !important}}@media all and (min-width: 768px){#vrtrail .sp{display:none !important}}#vrtrail h2.setup,#vrtrail h2.howToPlay{display:grid;place-content:center;height:50px}@media all and (max-width: 767px){#vrtrail h2.setup,#vrtrail h2.howToPlay{margin-inline:-45.3125%}}#vrtrail h2.setup span,#vrtrail h2.howToPlay span{font-size:20px;color:#fff}#vrtrail h2.setup{background-color:var(--color-accent-green)}#vrtrail h2.howToPlay{background-color:var(--color-title-bg-blue)}#vrtrail h3.steps{display:grid}@media all and (min-width: 768px){#vrtrail h3.steps{grid-auto-columns:auto 1fr;grid-auto-flow:column;gap:50px;align-items:baseline;margin-block-start:100px}}@media all and (max-width: 767px){#vrtrail h3.steps{grid-auto-rows:auto 1fr;grid-auto-flow:row;gap:12px;align-items:baseline;margin-block-start:50px}}#vrtrail h3.steps i{font-size:50px;font-style:normal;font-weight:lighter;color:var(--color-steps-number)}@media all and (max-width: 767px){#vrtrail h3.steps i{font-size:28px}}#vrtrail h3.steps span{font-size:28px;font-weight:normal}@media all and (max-width: 767px){#vrtrail h3.steps span{font-size:16px}}#vrtrail .w750{width:min(750px,100%);margin-inline:auto}#vrtrail .w900{width:min(900px,100%);margin-inline:auto}#vrtrail ul.steps{display:flex;flex-direction:column;width:min(100%,750px);margin-inline:auto}@media all and (min-width: 768px){#vrtrail ul.steps{gap:60px;margin-block:60px}}@media all and (max-width: 767px){#vrtrail ul.steps{gap:40px;margin-block:40px}}@media all and (min-width: 768px){#vrtrail ul.steps>.flex{display:flex;gap:25px}}@media all and (min-width: 768px)and (max-width: 767px){#vrtrail ul.steps>.flex{flex-wrap:wrap}}@media all and (min-width: 768px){#vrtrail ul.steps>.flex>li{flex:0 1 240px}}@media all and (min-width: 768px)and (max-width: 767px){#vrtrail ul.steps>.flex>li{flex:0 0 calc(50% - 12.5px)}}@media all and (max-width: 767px){#vrtrail ul.steps>.flex{display:contents}}#vrtrail ul.steps>li .lead{font-size:20px}#vrtrail ul.steps>li figure{margin:0}#vrtrail ul.steps>li figure figcaption{display:block}#vrtrail ul.steps>li figure figcaption:first-child{margin-block-start:0}#vrtrail ul.steps>li figure figcaption+img{margin-block-start:20px}#vrtrail ul.steps>li a{color:#007cff;text-decoration:underline}#vrtrail p.instance{box-sizing:border-box;padding:20px 40px;margin-block:60px;border:1px solid #000}@media all and (max-width: 767px){#vrtrail p.instance{padding:20px;margin-block:40px}}#vrtrail .red{color:red}#vrtrail ul.instance{display:flex;flex-direction:column;width:min(100%,750px);margin-inline:auto}@media all and (min-width: 768px){#vrtrail ul.instance{gap:60px;margin-block:60px}}@media all and (max-width: 767px){#vrtrail ul.instance{gap:40px;margin-block:40px}}@media all and (min-width: 768px){#vrtrail ul.instance li figure{display:grid;grid-auto-columns:auto 1fr;grid-auto-flow:column;gap:30px}}#vrtrail .finTutorial{margin-block:60px;font-size:28px;text-align:center}@media all and (max-width: 767px){#vrtrail .finTutorial{margin-block:40px;font-size:16px}}#vrtrail .backToTop{margin-block:60px;margin-inline:auto}@media all and (max-width: 767px){#vrtrail .backToTop{margin-block:40px}}#vrtrail .backToTop a{margin-inline:auto}#vrtrail a.btn_new,#vrtrail a.btn_existing{position:relative;display:grid;place-content:center;min-height:70px;padding-inline-start:25px;font-size:16px;font-weight:bold;line-height:1.2;color:#fff}@media all and (max-width: 767px){#vrtrail a.btn_new,#vrtrail a.btn_existing{min-height:58px;font-size:14px}}#vrtrail a.btn_new::before,#vrtrail a.btn_existing::before{position:absolute;inset:0;display:block;width:27px;aspect-ratio:1;margin:auto auto auto 32px;content:"";background-image:url("/metaverseworld/shared/img/icon_circle-down-arrow.png");background-size:100%;background-repeat:no-repeat;background-position:center}#vrtrail{--color-line: white}#vrtrail a.btn_m,#vrtrail a.btn_l{position:relative;display:grid;place-content:center;overflow:hidden;font-size:16px;font-weight:bold;line-height:1;background-color:#4ddd86}@media all and (min-width: 768px){#vrtrail a.btn_m:hover,#vrtrail a.btn_l:hover{background-color:#3cc476}}@media all and (max-width: 767px){#vrtrail a.btn_m,#vrtrail a.btn_l{font-size:14px}}#vrtrail a.btn_m::after,#vrtrail a.btn_l::after{position:absolute;inset:0 22px -2px 0;width:2px;height:100%;margin:auto 0 0 auto;content:"";background-color:var(--color-line);transform:rotate(45deg);transform-origin:bottom right}#vrtrail a.btn_m::before,#vrtrail a.btn_l::before{position:absolute;inset:0;display:block;width:18px;aspect-ratio:1;margin:auto 42px auto auto;content:"";background-image:url("/metaverseworld/shared/img/icon_black-trianglej-right.svg");background-repeat:no-repeat;background-position:right center}#vrtrail a.btn_new{background-color:#46b747}@media all and (min-width: 768px){#vrtrail a.btn_new:hover{background-color:#3da23f}}#vrtrail a.btn_m{width:min(320px,90%);min-height:58px}@media all and (max-width: 767px){#vrtrail a.btn_m{min-height:47px}}#vrtrail a.btn_l{width:480px;height:90px;padding-inline-start:25px}#vrtrail a.btn_l img{position:absolute;inset:0;width:auto;margin:auto auto auto 23px}#vrtrail a.btn_existing{background-color:#4189ba}@media all and (min-width: 768px){#vrtrail a.btn_existing:hover{background-color:#36749d}}
