*{box-sizing:border-box;border-style:initial;-webkit-text-size-adjust:100%}html,body{height:100%;width:100%}body{font-family:'Noto Sans JP',sans-serif;line-height:1.7;letter-spacing:1px}a{text-decoration:none;transition:all linear .2s}a:hover{opacity:.7}img{display:block;height:auto;max-width:100%}.container{color:#0f1332;box-shadow:0 0 10px rgba(0,0,0,.2);margin:0 auto;max-width:800px;text-align:center;width:100%}.underline{background:linear-gradient(transparent 60%,#ff0 0%)}.app_link{max-width:520px;margin:0 auto}.app_link ul{display:flex}.app_link ul li:first-of-type{padding-right:10px}.app_link ul li:last-of-type{padding-left:10px}.app_link .app_caution{border:solid 1px #000;font-size:15px;margin:20px 0;padding:7px}header img{width:100%}main section.headline{padding-top:50px}main section.headline .headline_pre:before,main section.headline .headline_pre:after{border-left:solid 2px #0f1332;content:'';display:inline-block;height:30px}main section.headline .headline_pre:before{transform:rotate(-15deg) translateY(5px)}main section.headline .headline_pre:after{transform:rotate(15deg) translateY(5px)}main section.headline .headline_pre{font-size:26px;font-weight:700}main section.headline .headline_title{color:#0f1332;font-size:34px;font-weight:700}main section.headline .headline_body{font-size:24px;margin-top:20px;margin-bottom:20px}main section.point{background-image:url(//highfive.tokyo/hfs/wp-content/themes/hfs/hfs_lp/css/../images/bg.jpg);padding-bottom:40px}main section.point img.triangle{width:100%}main section.point h2{font-size:26px;font-weight:700;margin-top:50px;margin-bottom:20px}main section.point dl{padding:10px 32px;text-align:left}main section.point dl dt{font-size:24px;height:70px;line-height:35px;padding-left:80px;position:relative}main section.point dl dt .point_triangle{background-color:#0f1332;color:#fff;display:inline-block;line-height:70px;padding-left:15px;width:70px;height:70px;clip-path:polygon(0 0,0% 100%,100% 50%);position:absolute;left:0}main section.point dl dd{font-size:16px;padding:10px 0}main section.download{background-image:url(//highfive.tokyo/hfs/wp-content/themes/hfs/hfs_lp/css/../images/bg2.jpg);background-size:cover;background-position:center center;padding:40px 20px}main section.download .download_frame{background-color:rgba(255,255,255,.9);padding:50px}main section.download h2{font-size:26px;font-weight:700;padding-bottom:20px}main section.download .app_link{margin-bottom:40px}main section.download .store_link{display:flex;flex-direction:column;max-width:500px;margin:0 auto}main section.download .store_link li{width:100%}main section.download .store_link a{background-color:#fb8c00;color:#fff;border-radius:10px;display:block;padding:25px;margin:5px 0;position:relative}main section.download .store_link a img{position:absolute;top:30px;left:90px}footer{background-color:#0f1332;padding:20px;text-align:center}footer img{display:inline;height:50px;width:auto}@media screen and (max-width:768px){.app_link{max-width:90%}main section.headline .headline_pre:before,main section.headline .headline_pre:after{height:24px}main section.headline .headline_pre{font-size:20px}main section.headline .headline_title{font-size:28px}main section.headline .headline_body{font-size:18px}main section.point h2{font-size:20px}main section.point dl{padding:10px 20px}main section.point dl dt{height:auto;line-height:23px;padding-left:50px}main section.point dl dt .point_triangle{margin-right:5px;line-height:45px;padding-left:10px;width:45px;height:45px}main section.point dl dt{font-size:18px}main section.point dl dd{font-size:14px}main section.download{padding:30px 15px}main section.download .download_frame{padding:30px 15px}main section.download h2{font-size:20px}main section.download .store_link a{font-size:14px}main section.download .store_link a img{left:35px}footer img{height:35px}}