main{overflow-x:hidden}a{color:#000;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out}a:hover{opacity:0.8}.relative{position:relative}.flex{display:-webkit-box;display:-moz-box;display:-ms-flexbox;display:-webkit-flex;display:-moz-flex;display:flex;-webkit-box-lines:multiple;-moz-box-lines:multiple;-webkit-flex-wrap:wrap;-ms-flex-wrap:wrap;-moz-flex-wrap:wrap;-o-flex-wrap:wrap;flex-wrap:wrap}img{vertical-align:bottom}[class^="section-"]{padding:10% 0}.inner{width:90%;max-width:1200px;margin:0 auto}.mb1em{margin-bottom:1em}.cf:after{content:"";display:block;clear:both;height:0;visibility:hidden}@media screen and (min-width: 768px){[class^="section-"]{padding:8rem 0}}.pc-only{display:none}@media screen and (min-width: 768px){.pc-only{display:block}.sp-only{display:none}}.header{height:6rem;position:relative}.header .logo-header{position:absolute;top:50%;left:50%;-webkit-transform:translateY(-50%) translateX(-50%);-ms-transform:translateY(-50%) translateX(-50%);-moz-transform:translateY(-50%) translateX(-50%);-o-transform:translateY(-50%) translateX(-50%);transform:translateY(-50%) translateX(-50%);width:30%;max-width:140px;min-width:80px}@media screen and (min-width: 768px){.header{height:8rem}}.kv{text-align:center;width:100%}.kv img{margin:0 auto}.app-area{padding:8% 0}.app-area .inner{width:70%;max-width:950px}.app-area .app-01{margin-bottom:2rem}.app-area .icon-damnav{width:26%;margin:0 auto;margin-bottom:2rem}.app-area .icon-app{margin-bottom:1rem}@media screen and (min-width: 768px){.app-area{padding:5rem 0}.app-area .inner{width:90%}.app-area .app-01{margin-bottom:3rem}.app-area .icon-damnav{float:left;width:8%;height:auto;margin-right:6%}.app-area .appstore,.app-area .googleplay{float:left;width:40%;position:relative}.app-area .appstore a,.app-area .googleplay a{display:block}.app-area .appstore{margin-right:4%}.app-area .icon-app{float:left;width:66%;margin-right:4%;margin-bottom:0}.app-area .icon-qr{position:absolute;top:50%;-webkit-transform:translateY(-50%) translateX(0);-ms-transform:translateY(-50%) translateX(0);-moz-transform:translateY(-50%) translateX(0);-o-transform:translateY(-50%) translateX(0);transform:translateY(-50%) translateX(0);right:0;width:30%}}.section-1{background:linear-gradient(#5DBBE4, #4191BA)}.section-1 .inner{max-width:1300px;text-align:center}.s1-block1 .s1-stump{width:70%;margin-top:-5rem}.s1-03{width:30%;margin:2rem 0}.s1-block2 .s1-illust{margin-top:-5rem;width:80%}@media screen and (min-width: 768px){.s1-block1 .s1-01{float:left;width:55%}.s1-block1 .s1-stump{position:absolute;top:10%;left:50%;width:30%}.s1-block2{margin-top:0}.s1-block2 .s1-02{float:right;width:55%}.s1-block2 .s1-illust{position:absolute;bottom:0;right:40%;width:40%}.s1-block2 .s1-03{position:absolute;left:50%;-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-o-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);top:-5%;width:16%}}.section-2{background:linear-gradient(#3E94C3, #002F82)}.ttl-h2-s2{text-align:center}.ttl-h2-s2 .ttl-h2-s2-img{border:4px solid #fff;width:80%;max-width:850px}@media screen and (min-width: 768px){.ttl-h2-s2 .ttl-h2-s2-img{border:8px solid #fff;width:50%}}.s2-block{text-align:center;margin:5rem 0;position:relative}.s2-block .ttl-h3-s2{text-align:center;margin-bottom:2rem}.s2-block .ttl-h3-s2 img{width:30%;max-width:200px}.s2-block .ttl-h4-s2{text-align:center;margin:3rem 0}.s2-block .ttl-h4-s2 img{width:80%;max-width:290px}.s2-block .cf{margin:2rem 0}.s2-block .cf .le-50{float:left;width:48%;margin-right:4%}.s2-block .cf .ri-50{float:left;width:48%}.s2-block [class^="s2-04"]{margin:1rem auto}.s2-block .s2-04-01,.s2-block .s2-04-02,.s2-block .s2-04-03{width:70%}.s2-block .s2-04-03{margin-top:-20%}.s2-block .s2-06{margin-top:2rem}@media screen and (min-width: 768px){.s2-block{margin:10rem 0}.s2-block .ttl-h3-s2{margin-bottom:5rem}.s2-block .ttl-h3-s2 img{width:25%;max-width:200px}.s2-block .s2-06{margin:2rem 0}}.s2-block-1{padding-bottom:40%}.s2-block-1 .bg1{position:absolute;top:0;left:0;width:20%}.s2-block-1 .bg2{position:absolute;left:30%;bottom:0;width:86%}@media screen and (min-width: 768px){.s2-block-1{padding-bottom:100px}.s2-block-1 .bg1{width:16%;top:5%}.s2-block-1 .bg2{left:70%;bottom:0;width:50%}}.s2-block-2{padding-bottom:20%}.s2-block-2 .bg3{position:absolute;left:-50%;bottom:0;width:100%}@media screen and (min-width: 768px){.s2-block-2{padding-bottom:150px}.s2-block-2 .bg3{left:-50%;width:80%}}.s2-block-3 .s2-block-in{padding-bottom:20%;position:relative}.s2-block-3 .s2-block-in .bg4{position:absolute;left:30%;bottom:0;width:100%}.s2-block-3 .s2-block-in .bg5{position:absolute;left:10%;bottom:0;width:40%}@media screen and (min-width: 768px){.s2-block-3 .s2-block-in .bg4{left:30%;width:70%}.s2-block-3 .s2-block-in .bg5{left:0;bottom:-8%;width:30%}.s2-block-3 .s2-block-in1{padding-bottom:150px;margin-bottom:10rem}.s2-block-3 .s2-block-in2{padding-bottom:0}}.btn{border:1px solid #fff;border-radius:10px;text-align:center;margin:5rem auto}.btn a{display:block;color:#fff;text-align:center;font-size:1.8rem;padding:0.4em;font-weight:bold}@media screen and (min-width: 768px){.btn{width:25em;-webkit-transition:0.4s ease-in-out;-moz-transition:0.4s ease-in-out;-o-transition:0.4s ease-in-out}.btn a{font-size:2rem;letter-spacing:0.1em}.btn:hover{background:#fff}.btn:hover a{color:#012F82}}.footer-content .bg-area{position:relative;background-image:url(/lp/damnavi/images/footer/bg.jpg);background-position:20%  bottom;padding-bottom:120%;background-size:cover;margin-bottom:10%}.footer-content .bg-area .bg-area-text{position:absolute;left:50%;-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-o-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);top:10%;width:90%;max-width:1200px}.footer-content .cf .ri-30{text-align:center;margin-bottom:1rem}@media screen and (min-width: 768px){.footer-content .bg-area{background-position:20%  bottom;padding-bottom:50%;margin-bottom:5rem}.footer-content .bg-area .bg-area-text{position:absolute;left:50%;-webkit-transform:translateY(0) translateX(-50%);-ms-transform:translateY(0) translateX(-50%);-moz-transform:translateY(0) translateX(-50%);-o-transform:translateY(0) translateX(-50%);transform:translateY(0) translateX(-50%);top:10%}.footer-content .cf .le-70{float:left;width:60%;margin-right:10%}.footer-content .cf .ri-30{float:right;width:30%}}@media screen and (min-width: 1500px){.footer-content .bg-area{padding-bottom:800px}}.btn-top{position:fixed;bottom:20px;right:10px;width:5rem;height:5rem;opacity:0.9}@media screen and (min-width: 768px){.btn-top{bottom:2rem;right:2rem;width:6rem;height:6rem}}
/*# sourceMappingURL=layout_sp.css.map */