.aboutWebAR-main{padding:60px 16px 0}@media (min-width: 800px){.aboutWebAR-main{padding:80px 0 0}}.aboutWebAR-main img{max-width:100%;height:auto}.aboutWebAR-section{margin:80px auto 0;max-width:840px}@media (min-width: 800px){.aboutWebAR-section{margin-top:120px}}.aboutWebAR-section__header{margin:0 auto 48px;max-width:514px}@media (min-width: 640px){.aboutWebAR-section__header{text-align:center}}.aboutWebAR-section__title{margin-bottom:24px;font-size:34px;font-weight:bold}.aboutWebAR-header{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:20px}@media (min-width: 800px){.aboutWebAR-header{margin:0 auto;max-width:520px;text-align:center}}.aboutWebAR-header__title{margin-bottom:0;font-size:34px;font-weight:bold}.aboutWebAR-header__tagline{margin-bottom:0;font-weight:bold;color:#2B343D}.aboutWebAR__bgGray{background-color:#F2F5F7;margin:0 -16px;padding:80px 16px}@media (min-width: 800px){.aboutWebAR__bgGray{margin:0}}.aboutWebAR-fv__container{margin:0 -16px;position:relative}@media (min-width: 800px){.aboutWebAR-fv__container{max-width:1100px;margin:52px auto 0;display:grid;grid-template-columns:calc((213 / 1100) * 100%) calc((85 / 1100) * 100%) 1fr calc((160 / 1100) * 100%) calc((402 / 1100) * 100%);grid-template-rows:32px 1fr 1fr 32px;position:relative}}.aboutWebAR-fv__container::after{content:"";position:absolute;top:0;width:100%;height:100%;z-index:-1;background:-webkit-gradient(linear, left top, left bottom, from(#F2F5F7), color-stop(50%, #F2F5F7), color-stop(50%, #D1D9E0));background:-webkit-linear-gradient(top, #F2F5F7 0%, #F2F5F7 50%, #D1D9E0 50%);background:linear-gradient(180deg, #F2F5F7 0%, #F2F5F7 50%, #D1D9E0 50%)}@media (min-width: 800px){.aboutWebAR-fv__container::after{position:static;width:auto;height:auto;grid-column:1 / 8;grid-row:2 / 4;background:-webkit-linear-gradient(315deg, #F2F5F7 0%, #F2F5F7 50%, #D1D9E0 50%);background:linear-gradient(135deg, #F2F5F7 0%, #F2F5F7 50%, #D1D9E0 50%)}}.aboutWebAR-fv__block{padding:24px 32px 48px}@media (min-width: 800px){.aboutWebAR-fv__block{display:contents}}.aboutWebAR-fv__title{margin-bottom:16px;font-size:28px;font-weight:bold}.aboutWebAR-fv__title span{color:#2B343D}.aboutWebAR-fv__text{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:12px}@media (min-width: 800px){.aboutWebAR-fvBefore__body{grid-column:2 / 5;grid-row:2 / 3;padding:24px 0 24px 32px}}.aboutWebAR-fvBefore__imgs{margin:0 auto 16px;max-width:480px}@media (min-width: 800px){.aboutWebAR-fvBefore__imgs{grid-column:1 /3;grid-row:1 / -1;max-width:100%}}.aboutWebAR-fvBefore__img--pc{display:none;-o-object-fit:cover;object-fit:cover}@media (min-width: 800px){.aboutWebAR-fvBefore__img--pc{display:block}}@media (min-width: 800px){.aboutWebAR-fvBefore__img--sp{display:none}}@media (min-width: 800px){.aboutWebAR-fvAfter__body{grid-column:4 / 6;grid-row:3 / 4;padding:24px 0 24px 0}}.aboutWebAR-fvAfter__imgs{margin:0 auto 16px;max-width:480px}@media (min-width: 800px){.aboutWebAR-fvAfter__imgs{grid-column:5 / 6;grid-row:1 / -1;max-width:100%}}.aboutWebAR-fvAfter__img--pc{display:none;-o-object-fit:cover;object-fit:cover}@media (min-width: 800px){.aboutWebAR-fvAfter__img--pc{display:block}}@media (min-width: 800px){.aboutWebAR-fvAfter__img--sp{display:none}}.aboutWebAR-exFlow__noApp{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;text-align:center;margin:0 16px 16px;padding:12px 0;color:#2B343D;font-weight:bold;font-size:24px;border:1px dashed #2B343D}.aboutWebAR-exFlow__list{margin:0 auto;padding:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px;max-width:480px}@media (min-width: 800px){.aboutWebAR-exFlow__list{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;gap:36px;-webkit-box-flex:1;-ms-flex:1;flex:1;max-width:none;margin:32px 0 0}}.aboutWebAR-exFlowItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:16px}.aboutWebAR-exFlowItem__step{margin-bottom:8px;color:#2B343D;font-size:14px;font-weight:bold}.aboutWebAR-systemFlow{margin:0 auto;padding:0 16px;max-width:480px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:48px}@media (min-width: 800px){.aboutWebAR-systemFlow{max-width:none;gap:0}}.aboutWebAR-systemFlowItem{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0 0px 8px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:8px;font-size:18px;font-weight:bold;border-bottom:1px solid #ECEFF3}@media (min-width: 800px){.aboutWebAR-systemFlowItem{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:calc(112 / 840 * 100%);padding:32px 0}}.aboutWebAR-systemFlowItem__num{width:38px;height:38px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#2B343D;color:#FFFFFF;border-radius:4px}@media (min-width: 800px){.aboutWebAR-systemFlowItem__num{margin-bottom:16px}}@media (min-width: 800px){.aboutWebAR-systemFlowItem img{max-width:320px}}.aboutWebAR-tec{max-width:1080px}.aboutWebAR-tec__container{margin:0 16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}@media (min-width: 640px){.aboutWebAR-tec__container{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex:1;-ms-flex:1;flex:1}}.aboutWebAR-tecItem{padding:12px 32px 24px 32px;border:1px solid #ECEFF3;text-align:center}.aboutWebAR-tecItem__icon{width:80px}.aboutWebAR-tecItem__title{margin-bottom:16px;font-size:20px;font-weight:bold}.aboutWebAR-tecItem p{text-align:left}@media (min-width: 800px){.aboutWebAR-compare{padding:0 16px}}.aboutWebAR-compareTable{display:grid;grid-template-columns:repeat(2, 1fr);border:1px solid #B4BFCA}@media (min-width: 800px){.aboutWebAR-compareTable{grid-template-columns:auto 1fr 1fr}}.aboutWebAR-compareTable__header{grid-column:-1 / 1;padding:12px 24px;font-weight:bold;background-color:#ECEFF3}@media (min-width: 800px){.aboutWebAR-compareTable__header{grid-column:1 / 2;-ms-flex-line-pack:center;align-content:center;border-top:1px solid #B4BFCA}}.aboutWebAR-compareTable__header--main{background-color:#F2F5F7}@media (min-width: 800px){.aboutWebAR-compareTable__header--main{border-top:none}}.aboutWebAR-compareTable__column{padding:24px 16px;font-size:14px}@media (min-width: 800px){.aboutWebAR-compareTable__column{border-top:1px solid #B4BFCA}}.aboutWebAR-compareTable__column:nth-child(3n + 2){border-right:1px solid #B4BFCA}.aboutWebAR-compareTable__column--main{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;padding:24px 10px;font-weight:bold;font-size:16px;text-align:center}@media (min-width: 800px){.aboutWebAR-compareTable__column--main{border-top:none}}.aboutWebAR-compareTable__column--main img{width:120px}.aboutWebAR-compareTable__column ul{margin-bottom:0;padding-left:16px}.aboutWebAR-compareTable__column ul>li{list-style-type:disc !important}.aboutWebAR-compareTable__answer{margin-bottom:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:4px;font-weight:bold;color:#000D1A}.aboutWebAR-compareTable__answer--dark{color:#2B343D}.aboutWebAR-compareTable__answer img{width:16px}.aboutWebAR-scene{padding-bottom:80px}.aboutWebAR-scene__container{margin:0 auto;padding:0 16px;max-width:480px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:40px}@media (min-width: 800px){.aboutWebAR-scene__container{max-width:none;display:grid;grid-template-columns:repeat(2, 1fr);gap:40px}}.aboutWebAR-sceneItem{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:16px}.aboutWebAR-sceneItem__check{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:12px;font-weight:bold;color:#2B343D}.aboutWebAR-case{max-width:1100px}@media (min-width: 640px){.aboutWebAR-case__container{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;gap:60px}}.aboutWebAR-case__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:48px}.aboutWebAR-caseGroup{padding:36px 16px;background-color:#FFFFFF;-webkit-box-flex:1;-ms-flex:1;flex:1}@media (min-width: 800px){.aboutWebAR-caseGroup{max-width:520px}}.aboutWebAR-caseGroup+.aboutWebAR-caseGroup{margin-top:60px}@media (min-width: 640px){.aboutWebAR-caseGroup+.aboutWebAR-caseGroup{margin-top:0}}.aboutWebAR-caseGroup__title{margin-bottom:16px;text-align:center;font-size:24px;font-weight:bold}.aboutWebAR-caseGroup__title span{color:#2B343D}.aboutWebAR-caseItem{display:-webkit-box;display:-ms-flexbox;display:flex;padding:24px 16px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:16px;-ms-flex-item-align:stretch;align-self:stretch;border:1px solid #ECEFF3}@media (min-width: 800px){.aboutWebAR-caseItem{display:grid;grid-template-columns:auto 1fr;grid-template-rows:repeat(3, auto);gap:16px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;text-align:left}}.aboutWebAR-caseItem__title{font-size:16px;font-weight:bold}@media (min-width: 800px){.aboutWebAR-caseItem__title{grid-column:1 / 3}}.aboutWebAR-caseItem__tn{width:108px}@media (min-width: 800px){.aboutWebAR-caseItem__tn{grid-column:1;grid-row:2 / 4}}.aboutWebAR-caseItem__text{margin-bottom:0;font-size:14px}@media (min-width: 800px){.aboutWebAR-caseItem__text{grid-column:2;grid-row:2}}.aboutWebAR-caseItem__btn{display:block;padding:12px 24px;-ms-flex-item-align:stretch;align-self:stretch;text-align:center;color:#2B343D;font-weight:bold;border-radius:4px;border:1px solid #2B343D}.aboutWebAR-caseItem__btn:hover{color:#FFFFFF;background-color:#2B343D}@media (min-width: 800px){.aboutWebAR-caseItem__btn{grid-column:2;grid-row:3;align-self:flex-end}}.aboutWebAR-caseBanner{margin-top:48px;padding:52px 64px;font-weight:bold;color:#FFFFFF;background:url(/assets/about_webar/img_case-banner-bg-c92e8bdd3831177cc296b0dc1f4276c0d84b7e4db4658c18f47c204e05dec2cd.jpg) center center no-repeat}@media (min-width: 800px){.aboutWebAR-caseBanner{margin:48px -16px 0;padding:70px 0;background-image:url(/assets/about_webar/img_case-banner-front-bfb8cab059b569e2642831843d1b387617dd04a360c7b0028856745e996b10fb.png), url(/assets/about_webar/img_case-banner-bg-c92e8bdd3831177cc296b0dc1f4276c0d84b7e4db4658c18f47c204e05dec2cd.jpg);background-position:center center, center center;background-size:cover, cover;background-repeat:no-repeat, no-repeat}}@media (min-width: 640px){.aboutWebAR-caseBanner__body{max-width:360px;margin:0 auto;text-align:center}}.aboutWebAR-caseBanner__title{margin-bottom:16px;font-size:24px;font-weight:bold}.aboutWebAR-caseBanner__title span{font-size:34px}.aboutWebAR-caseBanner__text{margin-bottom:32px;font-size:14px}.aboutWebAR-caseBanner__btn{display:block;padding:12px;text-align:center;color:#FFFFFF;background-color:#2B343D}.aboutWebAR-caseBanner__btn:hover{color:#FFFFFF;opacity:.8}.aboutWebAR-arTypeGroup{padding:0 16px}.aboutWebAR-arTypeGroup+.aboutWebAR-arTypeGroup{margin-top:48px}.aboutWebAR-arTypeGroup__title{margin-bottom:24px;font-size:24px;font-weight:bold}.aboutWebAR-arType__list{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:24px}@media (min-width: 640px){.aboutWebAR-arType__list{display:grid;grid-template-columns:repeat(2, 1fr);gap:24px 40px}}.aboutWebAR-arTypeItem{display:-webkit-box;display:-ms-flexbox;display:flex;padding:0px 56px 32px 56px;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:10px;-ms-flex-item-align:stretch;align-self:stretch;border:1px solid #ECEFF3;font-size:14px}.aboutWebAR-arTypeItem__img{width:100px}.aboutWebAR-arTypeItem__title{margin-bottom:16px;font-size:16px;font-weight:bold}.aboutWebAR-arType__btn{max-width:320px;display:block;margin:48px auto 0;padding:12px;text-align:center;border-radius:4px;background-color:#2B343D;font-weight:bold;color:#FFFFFF}.aboutWebAR-arType__btn:hover{color:#FFFFFF;opacity:.8}.aboutWebAR-how{max-width:1100px}@media (min-width: 800px){.aboutWebAR-how{padding:0 16px}}.aboutWebAR-how__group{margin:0 auto;max-width:480px}@media (min-width: 800px){.aboutWebAR-how__group{max-width:none;display:grid;grid-template-columns:repeat(2, 1fr);grid-template-rows:repeat(4, auto);gap:16px 60px}}.aboutWebAR-howItem{position:relative}@media (min-width: 800px){.aboutWebAR-howItem{grid-row:1 / -1;display:grid;grid-template-rows:subgrid}}.aboutWebAR-howItem+.aboutWebAR-howItem{margin-top:60px}@media (min-width: 800px){.aboutWebAR-howItem+.aboutWebAR-howItem{margin-top:0}}.aboutWebAR-howItem__body{margin-top:16px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:stretch;-ms-flex-align:stretch;align-items:stretch;gap:24px}.aboutWebAR-howItem__title{margin:16px 0 0;font-size:18px;font-weight:bold;text-align:center}.aboutWebAR-howItem__text{margin:24px 0 0;font-size:14px}@media (min-width: 800px){.aboutWebAR-howItem__text{margin:0 32px 0}}.aboutWebAR-howItem__recommend{display:none}@media (min-width: 800px){.aboutWebAR-howItem__recommend{display:block;width:128px;position:absolute;top:-31px;right:65px}}.aboutWebAR-howItem__summary{display:block;margin-top:24px;padding:16px 0px;text-align:center;color:#2B343D;font-weight:bold;font-size:20px;background-color:#ECEFF3}@media (min-width: 800px){.aboutWebAR-howItem__summary{margin:0 32px 0}}.aboutWebAR-infoBanner{overflow:hidden;margin:80px -16px 0}@media (min-width: 800px){.aboutWebAR-infoBanner{margin:80px 0 0}}.aboutWebAR-infoBanner__container{position:relative;max-width:1100px;margin:0 auto}.aboutWebAR-infoBanner__pc{width:160%;-webkit-transform:translateX(-40%);transform:translateX(-40%);margin-bottom:24px}.aboutWebAR-main .aboutWebAR-infoBanner__pc{max-width:none}@media (min-width: 640px){.aboutWebAR-infoBanner__pc{width:90%;margin:0 5%;-webkit-transform:none;transform:none}}@media (min-width: 980px){.aboutWebAR-infoBanner__pc{position:absolute;bottom:0;left:0;z-index:-1;width:auto;margin:0;-webkit-transform:translateX(calc(-100% + 260px));transform:translateX(calc(-100% + 260px))}.aboutWebAR-main .aboutWebAR-infoBanner__pc{height:100%}}.aboutWebAR-infoBanner__body{padding:0 24px}@media (min-width: 980px){.aboutWebAR-infoBanner__body{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;gap:68px;padding:72px 0 72px 260px}}.aboutWebAR-infoBanner__title{margin-bottom:16px;font-size:34px;font-weight:bold}@media (min-width: 980px){.aboutWebAR-infoBanner__title{margin-bottom:36px}}.aboutWebAR-infoBanner__text{margin:0 auto 24px}@media (min-width: 980px){.aboutWebAR-infoBanner__text{margin-bottom:0}}.aboutWebAR-infoBanner__case{display:-webkit-box;display:-ms-flexbox;display:flex;gap:16px;-webkit-box-flex:1;-ms-flex:1;flex:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;margin-bottom:32px}@media (min-width: 980px){.aboutWebAR-infoBanner__case{width:308px}}.aboutWebAR-infoBanner__btn{max-width:480px;display:block;margin:0 auto;padding:24px;text-align:center;background-color:#2B343D;color:#FFFFFF;font-size:24px;font-weight:bold;border-radius:4px}.aboutWebAR-infoBanner__btn:hover{color:#FFFFFF;opacity:.8}
