@charset "UTF-8";.function-wrap{padding-top:80px}.page-ttl{font-size:36px;text-align:center;letter-spacing:.15em;margin-bottom:70px}.function-main-wrap{position:relative;height:750px;background:url(../img/topic_bg.jpg) left 270px/100% auto no-repeat}.function-main-wrap::after,.function-main-wrap::before{content:"";display:block;position:absolute}.function-main-wrap::before{height:700px;top:0;left:0;right:max(calc(50% - 50px),46.4%);background:url(../img/main_img02_cap.png) clamp(40px,4vw,56px) 37.5px/260px auto no-repeat,url(../img/main_img02.jpg) center top/cover no-repeat;z-index:2}.function-main-wrap::after{width:51.4%;height:480px;bottom:0;right:0;background:url(../img/main_img01_cap.png) clamp(70px,7.1vw,100px) 390px/245px auto no-repeat,url(../img/main_img01.jpg) center bottom/cover no-repeat;z-index:1}.function-main-arrow{position:absolute;bottom:110px;left:50%;transform:translateX(-41.3%);z-index:3}.function-main-notice{font-size:12px;line-height:1.5;margin-left:1.5em;text-indent:-1.5em;position:absolute;bottom:0;right:calc(50% + 35px);max-width:550px}.function-main-cnt{max-width:1400px;margin-inline:auto;padding-inline:clamp(570px,55.7vw,780px) 20px;padding-top:10px;box-sizing:border-box}.main-ttl{display:inline-block;border:#333 solid 1px;box-shadow:8.73px 8.73px 0 0 rgba(51,51,30,.3);margin-bottom:30px}.main-lead{font-size:28px;line-height:2}.main-lead span{color:#ed6d34}.function-detail{width:100%;padding:70px 0 100px;background-image:url(../img/topic_bg.jpg);background-size:cover;background-repeat:repeat;background-position:0 0}.warm-cnt{max-width:1020px;margin-inline:auto;padding:0 20px;box-sizing:content-box}.warm-ttl,.warm-ttl-wrap{text-align:center}.warm-ttl{font-size:24px;letter-spacing:.15em;padding-bottom:10px;border-bottom:1px solid #000;display:inline-block}.warm-cap,.warm-img{margin-top:40px;text-align:center}.w-range-detail-img img,.warm-img img{width:100%;height:auto}.warm-cap{font-size:12px}.useful-cnt{margin-top:74px;max-width:1100px;margin-inline:auto;padding:0 20px;box-sizing:content-box}.useful-inner-wrap{position:relative}.useful-inner-wrap::before{width:99px;height:99px;background-image:url(../img/dotted_line.svg);top:-22px;left:-22px}.shortening-img.img01::after,.useful-inner-wrap::after,.useful-inner-wrap::before{content:"";display:inline-block;background-size:contain;background-repeat:no-repeat;background-position:0 0;position:absolute}.useful-inner-wrap::after{bottom:-22px;width:99px;height:99px;background-image:url(../img/dotted_line.svg);right:-22px}.useful-inner{background-image:url(../img/cnt_bg.jpg);background-size:50px 50px;background-repeat:repeat;background-position:0 0;-webkit-clip-path:polygon(59px 0,100% 0,100% calc(100% - 59px),calc(100% - 59px) 100%,0 100%,0 59px);clip-path:polygon(59px 0,100% 0,100% calc(100% - 59px),calc(100% - 59px) 100%,0 100%,0 59px);padding:25px 40px 35px}.my-menu-block-cap-lead{font-size:12px;text-align:right;margin-bottom:18px;letter-spacing:.15em}.useful-ttl{text-align:center}.useful-detail-box{max-width:985px;margin-inline:auto;margin-top:45px;display:flex;justify-content:space-between}.useful-detail{width:30.05%}.useful-detail-lead{font-size:16px;text-align:center;letter-spacing:.15em;line-height:1.5}.useful-detail-lead .orange-color{font-size:24px;color:#ed6d34;line-height:1.5}.useful-detail-lead .f-small{color:#ed6d34;font-size:16px}.useful-detail-note{margin-top:27px;text-align:center;font-size:14px}.useful-detail-img{margin-top:20px}.useful-detail-cap{margin-top:25px}.my-menu-block{margin-top:40px;position:relative;max-width:840px;margin-inline:auto}.my-menu-box{display:flex}.my-menu-icon{flex:0 0 110px;border-radius:15px 0 0 15px;background-color:#000;padding:22px 10px}.my-menu-text-wrap{width:84.52%;background-color:rgba(254,221,120,.3);padding:0 36px 0 40px;height:120px;display:flex;flex-direction:column;justify-content:center;border-radius:0 15px 15px 0}.my-menu-lead{font-size:clamp(17px,2.16vw,20px);line-height:1.3}.my-menu-lead>span{font-size:clamp(21px,2.16vw,24px);color:#ed6d34}.my-menu-cap{margin-top:4px;font-size:clamp(15px,1.73vw,16px);line-height:1.5}.menu-cap-img{position:absolute;top:-10px;right:-30px}.my-menu-block-list{margin-top:25px;max-inline-size:-webkit-max-content;max-inline-size:-moz-max-content;max-inline-size:max-content;margin-inline:auto}.my-menu-block-list>li{font-size:12px;line-height:1.5}.my-menu-block-list>li+li{margin-top:3px}.my-menu-block-list.sp{display:none}.w-range-block{padding-right:3.571%;padding-top:80px}.w-range-box{max-width:1350px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:0 30px}.w-range-img-wrap{width:55.56%;flex:0 0 55.56%;display:flex}.w-range-img-wrap .w-range-img{position:relative}.w-range-img-wrap .w-range-img img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.w-range-cap-img{position:absolute}.w-range-cap-img.img01{top:20.9%;right:80px;width:26.67%}.w-range-cap-img.img02{right:22px;bottom:20px;width:13.33%}.w-range-detail{flex:0 1 auto;align-self:flex-end;width:42.222%;box-sizing:border-box}.w-range-detail-ttl{font-size:28px;line-height:1.78;letter-spacing:.15em;padding-left:18px}.function-use-box-ttl>span,.shortening-ttl>span,.w-range-detail-ttl>span{color:#ed6d34}.w-range-detail-text{margin-top:30px;font-size:16px;line-height:1.875;max-width:398px;padding-left:18px}.w-range-detail-img-wrap{display:flex;margin-top:50px;justify-content:space-between;gap:20px;width:auto}.w-range-detail-img{width:48.24%}.w-range-block-cap{text-align:center;margin-top:35px;font-size:12px;padding:0 20px}.shortening-block-wrap{margin-top:55px;max-width:800px;margin-inline:auto;padding:0 20px;box-sizing:content-box}.shortening-block{background-image:url(../img/cnt_bg.jpg);background-size:50px 50px;background-repeat:repeat;background-position:0 0;border:1px solid #333;padding:35px 20px 40px;box-shadow:8.73px 8.73px 0 0 rgba(51,51,30,.3)}.shortening-ttl,.shortening-ttl-wrap{text-align:center}.shortening-ttl{font-size:22px;line-height:2;border-bottom:2px solid #000;padding:0 35px 10px;display:inline-block;letter-spacing:.15em}.shortening-box-lead{margin-top:35px;text-align:center}.shortening-box{margin-top:15px;display:flex;justify-content:space-between;max-width:395px;margin-inline:auto;position:relative}.shortening-img{width:46.83%}.shortening-img.img01{position:relative}.shortening-img.img01::after{width:12px;height:14px;background-image:url(../img/arrow.png);top:50%;right:-7px;transform:translate(100%,-50%)}.shortening-cap{position:absolute;top:-50px;right:-119px}.shortening-block-cap{margin-top:30px;text-align:center}.function-use-wrap{margin-block:80px 120px}.function-use-cnt{content:"";width:100%;height:600px;background-size:cover;background-repeat:no-repeat;background-position:center top;position:relative}.function-use-cnt.steam{background-image:url(../img/steam_kanetsu_bg.jpg)}.function-use-cnt.kaitou{position:relative;background-image:url(../img/sugohaya_kaitou_bg.jpg)}.function-use-box{padding-left:4.3%;padding-top:60px}.function-use-box-ttl{font-size:28px;letter-spacing:.15em;line-height:1.78}.function-use-feature{margin-top:25px;display:flex;justify-content:space-between;align-items:flex-end;max-width:480px}.function-use-feature-textarea{width:62.5%}.function-use-feature-img{width:31.8%}.function-use-movie-box{width:31.97%;margin-top:15px}.function-use-movie-box a{cursor:pointer;display:inline-block}.function-use-movie-box a:hover{opacity:.7}.function-use-movie-box.steam{margin-top:30px}.function-use-cnt-cap{margin-top:20px;font-size:12px}.function-use-feature-ttl{font-size:20px;letter-spacing:.15em;line-height:1.5}.function-use-feature-cap{margin-top:20px;line-height:1.5}.function-use-box-text{margin-top:25px;line-height:1.5}.function-use-link{position:absolute;bottom:40px;right:40px}.function-use-link a,.function-use-movie-box a{transition:opacity .4s ease}.function-use-link a:hover{opacity:.8}.kaitou-cap{position:absolute;top:65px;right:34.5%}@media only screen and (max-width:768px){.function-wrap{padding-top:110px}.page-ttl{font-size:24px;margin-bottom:40px}.function-main-wrap{height:770px;background-position:left bottom}.function-main-wrap::before{height:300px;top:220px;right:auto;width:90%;background-size:200px auto,cover;background-position:20px 20px,center top}.function-main-wrap::after{width:90%;height:200px;bottom:auto;top:500px;background-size:190px auto,cover;background-position:15px calc(100% - 15px),center bottom}.function-main-arrow{width:130px;bottom:210px;left:30px;transform:translateX(0);transform:rotate(10deg)}.function-main-notice{right:auto;left:0;padding-inline:15px}.function-main-cnt{padding-inline:20px}.main-ttl{width:200px;box-shadow:6px 6px 0 0 rgba(51,51,30,.3);margin-bottom:20px}.main-lead{font-size:22px}.function-detail{padding:40px 0 80px}.warm-ttl{font-size:18px}.my-menu-block-list.pc,.warm-cap{display:none}.useful-inner-wrap::after,.useful-inner-wrap::before{width:70px;height:70px}.useful-inner{padding:20px;-webkit-clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px);clip-path:polygon(30px 0,100% 0,100% calc(100% - 30px),calc(100% - 30px) 100%,0 100%,0 30px)}.useful-detail-box{flex-direction:column;gap:20px 0;margin-top:30px}.useful-detail{width:auto;max-width:296px;margin-inline:auto}.useful-detail-cap{margin-top:20px}.my-menu-box{flex-direction:column;background-color:rgba(254,221,120,.3);border-radius:15px;gap:20px 0;padding:20px}.my-menu-icon{width:auto;max-width:110px;margin-inline:auto;border-radius:15px;flex:initial}.my-menu-text-wrap{padding:0;height:auto;background-color:initial;width:auto}.my-menu-lead{font-size:18px;line-height:1.5}.my-menu-lead>span{font-size:20px}.my-menu-cap{margin-top:20px}.menu-cap-img{top:-30px;right:-10px}.my-menu-block-list.sp{display:block;margin-top:15px}.w-range-block{padding-right:0}.w-range-box{flex-direction:column;gap:20px 0}.w-range-img-wrap{width:auto;flex:initial}.w-range-detail{padding:0 20px;width:100%}.w-range-detail-ttl{font-size:22px;padding-left:0}.w-range-detail-text{margin-top:20px;padding-left:0}.w-range-detail-img-wrap{margin-top:30px;flex-direction:column;gap:20px 0}.w-range-detail-img{width:auto;max-width:275px;margin-inline:auto}.shortening-ttl{font-size:18px;padding:0 10px 10px}.shortening-box{margin-top:40px}.shortening-img.img01::after{right:-3px;bottom:-11px}.shortening-cap{top:-35px;right:-30px;width:100px}.shortening-block-cap{margin-top:20px;text-align:left}.function-use-wrap{margin-block:60px 80px}.function-use-cnt{height:auto;background-size:100% auto}.function-use-cnt.steam{background-image:url(../img/steam_kanetsu_bg_sp.png);background-color:#eff3f5}.function-use-cnt.kaitou{background-image:url(../img/sugohaya_kaitou_bg_sp.png);background-color:#fce7cc;padding-bottom:30px}.function-use-cnt::before{content:"";display:block;width:100%;aspect-ratio:6/5}.function-use-box{padding:10px 20px 30px}.function-use-box-ttl{font-size:22px}.function-use-feature{flex-direction:column;gap:20px 0}.function-use-feature-textarea{width:100%}.function-use-feature-img{width:auto;max-width:153px;margin-inline:auto}.function-use-movie-box{width:auto}.function-use-link{bottom:auto;right:20px;top:160px;width:100px}.kaitou-cap{top:20px;right:auto;left:20px}}@media only screen and (min-width:768px) and (max-width:960px){.my-menu-text-wrap{padding:0 38px 0 23px}.my-menu-lead>span{font-size:clamp(19px,2.16vw,24px)}.menu-cap-img{top:-15px;right:-35px}}