#capType{
background:url('../assets/ui.png') no-repeat 0vmin 0vmin;
background-size:29vmin auto;
width:28vmin;
height:11vmin;
position: fixed;
bottom:10vmin;
right: 3vmin;
z-index: 1;
}
#lp_body{
-webkit-text-size-adjust: 100%;
margin:0;
font-size:0.9em;
font-family: "Inter", sans-serif;
font-optical-sizing: auto;
font-weight: 100;
font-style: normal;
display:none;
}
#lp_body.pcstyle{
width:1080px;
margin:auto;
}
#logo{
width:100%;
display:flex;
margin: 50px auto 30px;
}
#logo p{
font-size: 0;
}
.pcstyle #logo p{
background:url(../ui/lp_ui.png) no-repeat 0vmin 0vmin;
width: 210px;
height: 71px;
background-size: 544px auto;
}
.spstyle #logo p{
background: url(../ui/lp_ui.png) no-repeat 0vmin 0vmin;
width: 272px;
height: 106px;
margin-left: 50px;
background-size: 700px auto;
}
#AR_viewer{
background: linear-gradient(220deg, #acacaa, #838482);
}
.pcstyle #AR_viewer{
margin: 0 auto;
width: 840px;
height: 560px;
}
.spstyle #AR_viewer{
width:100vw;
height:38vh;
margin: 25px auto 0;
}

.pcstyle #AR_qr{
margin: 25px auto 0;
background:#0042BC;
text-align:center;
font-weight:600;
width: 100%;
height:150px;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
color:#FFF;
}
.pcstyle #AR_qr span{
font-size: 1.8rem;
text-align: left;
}
.pcstyle #AR_qr p{
width: 120px;
height: 120px;
border-radius: 20px;
background: url(../ui/lp_ui.png) no-repeat -339px 5px, #FFF;
background-size: 468px auto;
}
.spstyle #AR_qr{
display:none;
}
.pcstyle #AR_start{
display:none;
}
.spstyle #AR_start{
background: #0042BC;
display: flex;
align-items: center;
justify-content: center;
border-radius: 20px;
color: #FFF;
font-size: 3rem;
font-weight: 400;
width: 309px;
height: 100px;
margin: 60px auto;
text-decoration: none;
}
#howtouse{
background:#ECEAEA;
position: relative;
padding: 0 0 12px;
}
.pcstyle #howtouse{
top: -17px;
z-index: -1;
}
.spstyle #howtouse{
}
#AR_trakingT{
border-bottom: solid 1px #000;
text-align: center;
}
.pcstyle #AR_trakingT{
font-size: 1.6em;
font-weight: 400;
padding: 32px 0 17px;
}
.spstyle #AR_trakingT{
border-top: solid 1px #000;
font-size: 3em;
font-weight: 400;
padding: 32px 0;
}
.pcstyle #pc_qb{
margin:0 auto;
width:840px;
padding: 0;
list-style-type: none;
font-size: 1.4rem;
font-weight: 300;
}
.spstyle #pc_qb{
display:none;
}
.pcstyle #pc_qb li{
background:#FFF;
border-radius:20px;
margin:30px 0;
display: flex;
justify-content: center;
align-items: center;
}
.pcstyle #pc_qb li lt p{
width: 154px;
height: 130px;
margin-right:40px;
}
.pcstyle #pc_qb li:nth-child(1) lt p{
background: url(../ui/lp_ui.png) no-repeat 2px -85px;
background-size: 630px auto;
}
.pcstyle #pc_qb li:nth-child(2) lt p{
background: url(../ui/lp_ui.png) no-repeat -146px -85px;
background-size: 630px auto;
}
.pcstyle #pc_qb li:nth-child(3) lt p{
background: url(../ui/lp_ui.png) no-repeat -297px -85px;
background-size: 630px auto;
}
.pcstyle #pc_qb lb{
padding:0 10px;
width: 360px;
}
.pcstyle #sp_qb, .pcstyle #sp_qb2{
display:none;
}
.spstyle #sp_qb, .spstyle #sp_qb2{
margin:0 auto;
width:100vw;
padding: 0;
list-style-type: none;
font-size: 1.4rem;
font-weight: 300;
}
.spstyle #sp_qb li{
background:#FFF;
border-radius:20px;
margin:30px;
display: flex;
flex-direction: column;
align-items: center;
flex-wrap: nowrap;
}
.spstyle #sp_qb2 li{
background:#FFF;
border-radius:20px;
margin:30px;
display: flex;
flex-direction: row;
align-items: center;
justify-content: flex-start;
flex-wrap: nowrap;
padding: 24px;
font-size: 1.2em;
}

.spstyle #sp_qb li .smallTitle, .spstyle #sp_qb2 li .smallTitle {
font-size: 1.5em;
margin: 20px 0;
}
.spstyle #sp_qb li:nth-child(1) lb:nth-child(2) img{
height: 22dvw;
margin: 5px;
}
.spstyle #sp_qb li:nth-child(1) lb:nth-child(3){
font-size: 1.2em;
text-align:center;
margin:20px 0;
}
.spstyle #sp_qb li:nth-child(1) lb:nth-child(3) p{
margin:0;
font-size: 1.4em;
font-weight: 500;
}
.spstyle #sp_qb li:nth-child(2) lb:nth-child(2) img{
height: 54dvw;
margin: 10px;
}
.spstyle #sp_qb li:nth-child(2) lb:nth-child(3){
font-size: 1.5em;
margin: 20px 0;
text-align:center;
}
.pcstyle #aboutBtn{
display:none;
}
.spstyle #aboutBtn{
margin: 30px;
font-size: 3em;
font-weight: 300;
}
.spstyle #sp_qb2 li .arIcon{
height: 150px;
background:#474747;
border-radius:20px;
margin-right: 30px;
display: flex;
padding:12px;
}
.spstyle #sp_qb2 li .arIcon p{
width: 206px;
height:122px;
margin: auto;
}
.spstyle #sp_qb2 li:nth-child(1) .arIcon p{
background: url(../ui/lp_ui.png) no-repeat -691px -208px;
background-size: 860px auto;
}
.spstyle #sp_qb2 li:nth-child(2) .arIcon p{
background: url(../ui/lp_ui.png) no-repeat -338px 18px;
background-size: 800px auto;
}
.pcstyle #AR_notice{
padding:13px 0 30px;
font-weight: 300;
}
.spstyle #AR_notice{
padding:30px;
font-weight: 300;
font-size: 2.3em;
}