a,body,div,h1,h2,h3,html,main,p,section{margin:0;padding:0}a,h1,h2,h3,p{font-family:"SF Pro JP","SF Pro Text","SF Pro Icons","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","メイリオ",Meiryo,"ＭＳ Ｐゴシック","Helvetica Neue",Helvetica,Arial,sans-serif}body,html{width:100%;height:100%;min-height:100%}main{width:100%;min-height:calc(100% - 75px)}img{max-width:100%}p span{display:inline-block}main section#topBar{width:100%;background-color:#fefefe;border-bottom:1.5px solid #8f8f8f;display:flex;justify-content:space-between;z-index:99}main section#topBar.fixed{position:fixed;top:0;left:0}main section#topBar h1{font-size:1.3rem;font-weight:600;margin:5px 10px}main section#topBar a{text-decoration:none;margin:auto 10px;display:block;color:#fefefe;font-size:.8rem;padding:2px 8px 2.5px 8px;cursor:pointer;text-align:center;white-space:nowrap;background:#0071e3;font-weight:400;height:calc(.8rem + 5px);line-height:calc(.8rem + 7px);border-radius:10px}section#top{width:100%;height:400px;background:url(windows10.jpg);background-size:cover;background-repeat:no-repeat;background-position:center,center;position:relative}section#top.fixed{margin-top:calc(1.3rem + 20px + 2px)}section#top::after{content:'';background-color:rgba(0,0,0,.2);position:absolute;left:0;right:0;top:0;bottom:0}section#top img{width:60px;height:60px;position:absolute;top:35%;left:30px;transform:translateY(-50%);z-index:1}section#top p{position:absolute;top:55%;left:30px;transform:translateY(-50%);z-index:1;font-size:1.4rem;color:#fefefe;font-weight:600}section#top p span{display:block}section#top div#buttonWrap{position:absolute;top:70%;left:20px;z-index:1;display:flex;flex-wrap:wrap}section#top div#buttonWrap a{display:block;border-radius:20px;padding:5px 10px 6px 10px;text-decoration:none;font-size:1.2rem;transition:.2s;text-align:center;margin:3px 10px}section#top div#buttonWrap a#productButton{border:1px solid #fefefe;color:#fefefe}section#top div#buttonWrap a#productButton:hover{background-color:#fff;color:#121212;transition:.2s}section#top div#buttonWrap a.downloadButton{background-color:#0262c2;color:#fefefe}section#top div#buttonWrap a.downloadButton:hover{background-color:#045cb4;transition:.2s}section#product{width:100%}section#product div.pointWrap{width:100%;height:300px;position:relative}section#product div.pointWrap div.textWrap p.topTxt{font-size:1.5rem;font-weight:700;width:100%;text-align:center}section#product div.pointWrap div.textWrap p.anotherTxt{font-size:1.1rem;font-weight:500;width:100%;text-align:center}section#product div#whatisthis{width:calc(100% - 20px);height:auto;margin:0 10px}section#product div#whatisthis div#appImages{display:flex;justify-content:center;width:100%;margin:30px 0 35px 0}section#product div#whatisthis div#appImages img{width:25%;max-width:150px;max-height:150px}section#product div#settings{width:calc(100% - 20px);height:auto;margin:0 10px}section#product div#settings img{display:block;margin:0 auto;margin-top:30px}section#product div#settings div.textWrap{margin:10px 0 30px 0;width:100%;text-align:center}section#product div#homeorpro::before{position:absolute;top:0;left:0;content:"";width:100%;height:100%;background-color:#0188d1}section#product div#homeorpro::after{position:absolute;top:0;right:0;content:"";width:100%;height:100%;clip-path:polygon(45% 0,100% 0,100% 100%,55% 100%);background-color:#5b2d90}section#product div#homeorpro div#homeorproWrap{width:100%;height:auto;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:9}section#product div#homeorpro div#osTypeWrap{width:100%;text-align:center}section#product div#homeorpro div#osTypeWrap p.osType{font-size:2.4rem;font-weight:800;color:#fefefe}section#product div#homeorpro div.textWrap{color:#fefefe;width:100%;text-align:center}section#product div#lock{height:270px;background-color:#121212;color:#fefefe}section#product div#lock img,section#product div#lock video{width:60%;max-width:125px;max-height:125px;position:absolute;top:30px;left:50%;transform:translateX(-50%)}section#product div#lock div.textWrap{position:absolute;bottom:30px;width:100%;text-align:center}section#links{height:max-content}section#links div#linksWrap{display:flex;flex-wrap:nowrap;justify-content:center}section#links div#linksWrap a.linkWrap{display:block;width:200px;height:200px;border:3px solid #817070;text-decoration:none;border-radius:20px;font-size:1.1rem;font-weight:500;text-align:center;color:#121212;margin:5px}section#links div#linksWrap a.linkWrap img{width:40%;margin:30px auto 10px auto;display:block}section#links div#linksWrap a.linkWrap span.subText{font-size:.8rem}section#links a.downloadButton{width:60%;max-width:400px;display:block;border-radius:20px;padding:5px 10px 6px 10px;text-decoration:none;font-size:1.2rem;transition:.2s;text-align:center;margin:5px auto;background-color:#0262c2;color:#fefefe}@media screen and (max-width:450px){section#product div.pointWrap div.textWrap p.topTxt{font-size:1.3rem;font-weight:700;width:100%;text-align:center}section#product div.pointWrap div.textWrap p.anotherTxt{font-size:1rem;font-weight:500;width:100%;text-align:center}section#links div#linksWrap{display:block}section#links div#linksWrap a.linkWrap{width:calc(100% - 14px);display:flex}section#links div#linksWrap a.linkWrap span{width:50%;display:block;margin:auto 0}section#links div#linksWrap a.linkWrap span.subText{margin:0;width:100%}}