.thumbnail{background-image:url(https://cdn.yopaz.com/assets/images/home/smart_camera_thumbnail.avif)}@media only screen and (max-width:450px){.thumbnail{background-image:url(https://cdn.yopaz.com/assets/images/home/smart_camera_thumbnail_mb.avif);max-height:400px}.thumbnail .content{padding-top:119px}}@media only screen and (max-width:991px){.navbar-collapse{position:fixed;z-index:1;background:#fff;top:100%;right:0;left:0;box-shadow:0 2px 4px 0 #ccc}}.btn-video:hover{color:#fff;border:3px solid #e74c39}#smart-camera-solution{position:relative}#background-camera-solution{background-image:url(https://cdn.yopaz.com/assets/images/home/main_bg.avif);background-repeat:repeat;position:absolute;z-index:-100;top:0;right:0;bottom:0;left:0}.fw-7{font-weight:700}.fw-4{font-weight:400}.text-ja{font-size:36px}.text-en{font-size:24px}.banner-wrapper{position:absolute;transform:translate(-50%,-50%);left:50%;max-width:1325px}@media (min-width:576px){.banner-wrapper{padding-inline:0}}.banner-box{box-shadow:0 4px 18px 0 #d0d0d0;text-align:center;display:flex;align-items:center;justify-content:space-between;padding:40px 114px;background-color:#fff;height:152px}.company-title{font-size:clamp(.875rem,.5441rem + .5882vw,1.25rem);margin-bottom:10px}.company-text{font-size:14px;margin-bottom:0;font-family:Kozuka-Gothic-Pr6N,sans-serif;font-weight:500}.first-content-camera{text-align:left}.button-camera{height:100%;display:flex;align-items:center}.button-camera a{border:3px solid #e74c39;text-decoration:none;color:#e74c39;border-radius:unset;height:max(100%,54px);display:flex;align-items:center;justify-content:space-between;font-size:clamp(.875rem,.3235rem + .9804vw,1.5rem);font-weight:700;padding-inline:24px}.arrow-camera{margin-left:48px}.first-layout{position:relative}.box-layout{height:80px}.problem{padding:88px 0 120px;text-align:center;margin-bottom:88px;max-width:1325px}.problem-title{font-size:36px;margin-bottom:40px}.problem-box{padding:52px;height:328px;position:relative;z-index:0;border-top:4px solid #ccc;border-bottom:4px solid #ccc;background-color:#fff}.row-problem{display:flex;gap:40px}.col-problem{flex:1}.manager-box{margin-top:23px}.problem-box-img{position:absolute;z-index:1;left:50%;transform:translate(-50%,60%)}.problem-box-tile{font-size:18px;font-weight:600;text-align:justify;position:relative}.problem-box-tile p{position:absolute;width:100%}.problem-box-img img{max-width:unset}.problem-box-img-first,.problem-box-img img.img-pc{width:100%}.smart-camera-img{width:max(90%,920px);max-width:1625px;background-image:url(https://cdn.yopaz.com/assets/images/home/camera.avif);background-position:50%;background-repeat:no-repeat;background-size:cover;height:600px;position:relative}.camera-img{display:flex}.smart-camera-img p{text-transform:uppercase;color:#fff;font-size:clamp(1.125rem,.1324rem + 1.7647vw,2.25rem);font-weight:700;padding-top:379px;padding-left:clamp(20.1875rem,1.3016rem + 28.2174vw,37.5625rem)}.paginate-slide{display:flex;align-items:center;margin-bottom:12px}.paginate-slide.paginate-slide-pc{position:absolute;z-index:1;top:50px;left:137px}.paginate-slide.paginate-slide-mb{display:none}.camera-slide-content{padding:50px 114px 80px;background-color:#fff}.camera-description p{font-size:20px;margin-bottom:24px;margin-top:72px}.camera-img .image-wrapper{margin:auto;display:block;width:clamp(9.0625rem,4.4853rem + 8.1373vw,14.25rem);flex-shrink:0}.camera-img .image-wrapper>img{width:100%}.camera-img-content{font-size:18px;font-weight:400;margin-right:52px}.camera-img-content p:first-child{margin-bottom:3px}.smart-camera-slide{position:absolute;transform:translate(-50%,-137px)!important;left:47%;padding-inline:0;max-width:1225px}.box-layout-slide{height:calc(clamp(48.125rem, 24.4052rem + 29.1935vw, 59.4375rem) - 320px)}#video{display:block;position:relative;transform:translateY(-20vh)}.video{text-align:center;margin-bottom:88px;padding-top:200px}.video p{font-size:36px;margin-bottom:40px}.video-content>video{max-width:1325px;margin:auto;width:100%}.used{max-width:1325px;text-align:center;padding-inline:0}.used p{font-size:36px;margin-bottom:40px}.used-break-line{width:90px;height:1px;background-color:#161317;margin:0 auto 40px}p.household{font-size:24px}.household-box{text-align:left;border-bottom:1.2px solid #d1d1d1;padding:32px;height:100%;width:auto;max-width:370px;max-height:370px}.used .household-title--closer{margin-bottom:24px}p.household-box-title{font-size:20px;margin-bottom:12px;min-height:clamp(3.375rem,2.5714rem + 1.6071vw,4.5rem)}p.household-box-description{font-size:clamp(.75rem,.6066rem + .3279vw,1rem);margin-bottom:0}.household-box img{margin-bottom:24px}.household-head{padding-bottom:40px}.household-head:last-child{padding-bottom:88px}.household__row{display:grid;grid-template-columns:repeat(4,min(370px,25% - 120px/4));gap:40px}.problem-mb{display:none}#camera-slide .splide__pagination{counter-reset:pagination-num}#camera-slide .splide__pagination__page:before{counter-reset:subsection;counter-increment:pagination-num;content:counter(section) counter(pagination-num)}#camera-slide .splide__pagination__page{width:auto;height:20px;border-radius:0;cursor:pointer;border-right:1px solid #ccc;background-color:#fff;font-size:44px;padding-inline:36px;color:#ccc;margin:0;font-weight:700;opacity:1}#camera-slide .splide__pagination{top:-60%;left:-43%;text-align:center}#camera-slide .splide__pagination li{background-color:#fff}#camera-slide .splide__pagination__page.is-active{transform:unset;background-color:#fff;color:#e74c39}.camera-collection{display:grid;grid-template-columns:repeat(3,1fr);margin-top:20px;gap:0 24px}.camera-collection img{display:block;max-width:100%}.camera-slide-3{margin-top:20px}.camera-slide-3 img{max-width:100%}.number-slide{color:#ccc;border-radius:0;cursor:pointer;font-size:52px;padding-right:36px;margin:0;font-weight:700;opacity:1;display:flex;align-items:center;transition:all .75s ease-in-out;font-family:MuseoSans_0,sans-serif}.number-slide:after{content:"";width:1px;height:23px;background-color:#ccc;margin-left:36px;display:inline-block;transition:all .75s ease-in-out}.number-slide:has(~.number-slide.active):after{transition:all .75s ease-in-out;content:none}.number-slide:has(~.number-slide.active):before{content:"";width:1px;height:23px;background-color:#ccc;margin-right:36px;transition:all .75s ease-in-out;display:inline-block}.number-slide.active{color:#e74c39;display:flex;align-items:center;transition:all .75s ease-in-out;padding-left:0}.number-slide.active:before{content:"";width:132px;height:2px;background-color:#e74c39;display:inline-block;transition:all .75s ease-in-out;margin-right:36px}.paginate-number{display:flex}.camera-break-line,.total-page{display:none}@media screen and (max-width:1399px){.arrow-camera{margin-left:10px}.banner-box{padding:30px;height:120px}#camera-slide .splide__pagination{top:-63%;left:-20%}.problem-box-img-first,.problem-pc-first{width:100%}.problem-box-img img.img-pc{width:unset}}@media screen and (max-width:1366px){.banner-wrapper,.problem,.used{max-width:1100px}.smart-camera-img{width:max(82%,920px)}.smart-camera-slide{max-width:1100px;left:50%}.problem-box{padding:30px;height:260px}.problem-title,.thumbnail .jp-title,.video p{font-size:28px}.thumbnail .en-title,p.household-box-title{font-size:18px}.thumbnail .description{font-size:14px}.household__row{gap:20px}.household-box{padding:20px}}@media screen and (max-width:991px){.banner-wrapper,.problem,.used{max-width:750px}.manager-box{margin-top:unset}.row-problem{gap:20px}.problem-box-tile{font-size:14px}.problem-box{padding:10px;height:170px;border-bottom:2px solid #ccc;border-top:2px solid #ccc}.arrow-camera{margin-left:48px}.problem{padding:36px 0 0;margin-bottom:100px}.problem-pc{display:none}.problem-mb{display:unset}.problem-box-img{transform:translate(-50%,90%)}.smart-camera-img p{font-size:18px}.smart-camera-img{background-image:url(https://cdn.yopaz.com/assets/images/home/camera_mb.avif);justify-content:center;height:clamp(12.5rem,6.432rem + 25.89vw,37.5rem);width:100%;display:flex;align-items:center}.smart-camera-img p{padding-left:0;padding-top:0}.smart-camera-slide{transform:translate(-50%,clamp(-8.5625rem,-.4969rem + -6.7213vw,-3.4375rem))!important}.camera-img{flex-direction:column;align-items:center}#camera-slide .splide__pagination{top:-77%;left:25%}.camera-slide-content{padding:24px 20px}.arrow-slide{height:26px}.number-slide{font-size:24px;color:#e74c39;display:none}.number-slide:after{content:none}.number-slide.active{display:flex;padding:0;justify-content:space-between}.paginate-slide{display:none;margin-bottom:8px;margin-top:12px}.paginate-slide.paginate-slide-mb{display:block}.total-page{font-size:24px;color:#bdbdbd;display:unset}.paginate-slide p{margin-bottom:0}#camera-slide .splide__arrow{top:24px;left:12px;transform:none;background:#fff;opacity:unset;border:unset}#camera-slide .splide__arrow--next{left:56px}#camera-slide .splide__arrow svg{width:26px;height:26px;fill:#d1452f}.box-layout-slide{height:700px}.video{padding-top:36px;margin-bottom:36px}.used-break-line{width:47px;margin-bottom:16px}.household__row{grid-template-columns:repeat(3,1fr)}.household-box{text-align:left;height:100%;max-width:min(370px,100%)}.mg-used{margin-bottom:12px}p.household-box-title{margin-bottom:8px}.household-head{padding-bottom:20px}.household-head:last-child{padding-bottom:52px}.smart-camera-img p{text-align:center;margin-bottom:0;margin-top:1rem}.household-box__img{flex-shrink:0}.smart-camera-slide{max-width:750px}.camera-description p{margin-top:20px}}@media screen and (max-width:768px){.banner-wrapper,.problem,.smart-camera-slide,.used,.video{max-width:600px}.problem-title,.thumbnail .jp-title,.video p{font-size:18px}.thumbnail .jp-title{text-transform:uppercase}.used p{font-size:18px;margin-bottom:20px}.thumbnail .en-title,p.household-box-title{font-size:14px}.thumbnail .description{font-size:13px}.problem-box{padding:16px 12px;border-top:2px solid #ccc;border-bottom:2px solid #ccc}.household__row{grid-template-columns:repeat(2,1fr)}.problem-box-tile{text-align:center}#camera-slide .splide__arrow--next{right:78%}.box-layout-slide{height:545px}.row-problem{gap:63.5px;flex-direction:column}.problem-box-img{transform:translate(-50%,95px)}.number-slide,.total-page{font-size:20px}.camera-description p{font-size:14px;margin-bottom:12px}.camera-collection p,.camera-img-content{font-size:14px;margin-right:0}.banner-box{display:block;height:184px}.banner-box,.first-content-camera{text-align:center}.company-title br{display:none}.button-camera a{height:44px}.button-camera{height:80%;justify-content:center}}@media screen and (max-width:650px){.banner-wrapper,.problem,.smart-camera-slide,.used,.video{max-width:480px}.button-camera{height:60%}.used p.household-title,p.household-box-title{font-size:15px;min-height:auto}.used p.household-title{margin-bottom:8px}p.household-box-description{font-size:14px;line-height:24px;margin-bottom:0}.household-box img{width:42px;margin-bottom:0}.household__row{grid-template-columns:1fr;gap:12px;padding-inline:12px}.household-box{background-color:#fff;border-bottom:none;padding:20px 16px;min-height:unset;display:flex;gap:16px;width:auto;max-width:unset}}@media screen and (max-width:575px){.row-problem{margin-left:0;margin-right:0;gap:90px}.camera-collection{grid-template-columns:repeat(2,1fr)}.box-layout-slide{height:0}.smart-camera-slide{transform:translate(-50%,-56px)!important;position:relative;padding-inline:12px}.video{padding-top:0}}@media screen and (max-width:450px){.banner-wrapper,.problem,.smart-camera-slide,.used,.video{max-width:350px}.button-camera a{width:100%}.banner-wrapper{padding:0}.banner-box{padding:15px 20px}.arrow-camera{margin-left:0}.smart-camera-img p{margin-inline:45px;margin-bottom:24px}.smart-camera-slide{padding:unset;margin:unset}.household__row{padding-inline:unset}.household-box-content .household-box-title{margin-bottom:4px}.button-camera a{padding-inline:18px}}

/*# sourceMappingURL=smart_camera_solution.css.map*/