@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600&display=swap");*,*::before,*::after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px}@media screen and (max-width: 1300px){html{font-size:calc(16 / 1300 * 100vw)}}@media screen and (max-width: 750px){html{font-size:calc(16 / 750 * 100vw)}}body{font-family:"Noto Sans JP", sans-serif;line-height:1.5;background-color:#fff;color:#000000}li{list-style:none}a{color:#000}img,picture{display:block;max-width:100%}@media screen and (min-width: 751px){.sp{display:none}}@media screen and (max-width: 750px){.pc{display:none}}.abs{position:absolute}header{position:sticky;top:0;background-color:rgba(255,255,255,0.9);z-index:10;border-bottom:1px solid #000}header .inner{display:flex;align-items:center;justify-content:space-between;padding:0 2em;height:calc(75 / 16 * 1em);max-width:1300px;margin:0 auto}header .logo{width:calc(189 / 16 * 1em)}header .btns{display:flex;padding-top:.5em}header .btns a{width:calc(596 / 32 * 1em)}header .btns a+a{margin-left:.5em}@media screen and (max-width: 750px){header .btns{position:fixed;left:0;bottom:-1em;width:100%;justify-content:center;padding:0 1em}header .btns a{flex:1}}.wrap{overflow:hidden}.common-inner{max-width:1300px;margin:0 auto;position:relative}.kv{position:relative}.kv a{display:block;position:absolute}.kv a.link1{left:11.3%;top:74.3%;width:38.3%;height:20.8%}.kv a.link2{left:50.4%;top:74.3%;width:38.3%;height:20.8%}@media screen and (max-width: 750px){.kv a.link1{left:1.3%;top:81.3%;width:48%;height:15.8%}.kv a.link2{left:50.9%;top:81.3%;width:48%;height:15.8%}}.introduction{margin:2em auto 0}.introduction .img_01{margin:3em auto;width:calc(829 / 1300 * 100%)}.introduction .bg-orange{background-color:#f7931e;overflow:hidden}.introduction .bg-white{background-color:#fff;overflow:hidden}.introduction .img_02{margin:1.5em auto;width:calc(829 / 1300 * 100%)}.introduction .img_03{margin:3em auto 0;width:calc(1050 / 1300 * 100%)}.introduction .cautions1{color:#fff;text-align:center;margin:1em auto 0;font-size:calc(15 / 16 * 1em);line-height:calc(22 / 15)}.introduction .movie_01{display:block;width:calc(600 / 1300 * 100%);margin:2em auto 3em}.introduction .conventional{margin:3em auto;width:calc(1000 / 1300 * 100%)}.introduction .convenience{margin:8em auto 3em;width:calc(1021 / 1300 * 100%)}.introduction .recommend{margin:3em auto 0;width:calc(1021 / 1300 * 100%)}.introduction .btns_01{width:calc(1030 / 1300 * 100%);margin:5em auto;position:relative}.introduction .btns_01 a{display:block;position:absolute}.introduction .btns_01 a.link1{left:1.1%;top:0%;width:48.4%;height:86.7%}.introduction .btns_01 a.link2{left:50.5%;top:0%;width:48.4%;height:86.7%}@media screen and (max-width: 750px){.introduction .img_01{width:calc(692 / 750 * 100%);margin:2.5em auto}.introduction .img_02{width:calc(714 / 750 * 100%);margin:1em auto}.introduction .img_03{width:calc(721 / 750 * 100%);margin:2em auto 0}.introduction .cautions1{font-size:calc(18 / 16 * 1em)}.introduction .movie_01{width:calc(730 / 750 * 100%)}.introduction .conventional{width:100%}.introduction .convenience{margin:3em auto;width:100%}.introduction .recommend{width:100%}.introduction .btns_01{width:100%;margin:2em auto 5em}.introduction .btns_01 a.link1{left:1.1%;top:16%;width:48.4%;height:72.7%}.introduction .btns_01 a.link2{left:50.5%;top:16%;width:48.4%;height:72.7%}}.howto .hd{padding:2em 0;border-bottom:calc(6 / 16 * 1em) solid #fff;box-shadow:0 calc(6 / 16 * 1em) 0 rgba(0,0,0,0.1)}.howto .hd.red{background-color:#e30024}.howto .hd.green{background-color:#8cc63f;margin:6em auto 0}.howto .hd .title{width:calc(500 / 1300 * 100%);margin:0 auto}.howto .img{width:calc(1005 / 1300 * 100%);margin:3em auto 0}.howto .cautions{margin:1em auto 0;text-align:center;font-size:calc(16 / 16 * 1em);line-height:calc(28 / 16)}.howto .btn{display:block;width:calc(1009 / 1300 * 100%);margin:3em auto 0}@media screen and (max-width: 750px){.howto .hd{padding:2em 0}.howto .hd .title{width:calc(500 / 750 * 100%)}.howto .img{width:100%}.howto .cautions{font-size:calc(18 / 16 * 1em)}.howto .btn{width:100%}}footer{background-color:#f5f5f5;padding:5em 0;margin:10em auto 0}footer .logo{width:calc(189 / 1300 * 100%);margin:0 auto}footer .copyright{margin:2em auto 0;font-size:calc(16 / 16 * 1em);text-align:center;letter-spacing:calc(2 / 16 * 1em)}@media screen and (max-width: 750px){footer{padding-bottom:10em}footer .logo{width:calc(189 / 750 * 100%)}}.mymodal{display:flex;justify-content:center;align-items:center;position:fixed;left:0;top:0;width:100%;height:100%;padding:2em;opacity:0;z-index:-1;transition:.3s;background-color:rgba(0,0,0,0.5)}.mymodal>.mymodal-close{display:block;position:absolute;left:0;top:0;width:100%;height:100%}.mymodal .mymodal-inner{width:100%;max-width:calc(980 / 16 * 1em);min-height:5em;max-height:calc(100vh - 4em);overflow:auto;background-color:#fff;position:relative}.mymodal .mymodal-inner>.mymodal-close{display:block;position:absolute;right:0;top:0;width:3em;height:3em;background-color:#000}.mymodal .mymodal-inner>.mymodal-close:before,.mymodal .mymodal-inner>.mymodal-close:after{content:"";display:block;position:absolute;left:25%;top:calc(50% - 1px);width:50%;border-top:2px solid #fff;transform:rotate(45deg)}.mymodal .mymodal-inner>.mymodal-close:after{transform:rotate(-45deg)}.mymodal.on{z-index:2400;opacity:1}@media screen and (max-width: 750px){.mymodal{padding:1em}}.temp{display:none}.mv>div{padding-top:56.25%;position:relative}.mv>div video{display:block;position:absolute;left:0;top:0;width:100%;height:100%}
/*# sourceMappingURL=style.css.map */