{"version":3,"sources":["_-reset.scss","lp.scss"],"names":[],"mappings":"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","file":"lp.css","sourcesContent":["/* http://meyerweb.com/eric/tools/css/reset/ \n   v2.0 | 20110126\n   License: none (public domain)\n*/\n\nhtml, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {\n  margin: 0;\n  padding: 0;\n  border: 0;\n  font-size: 100%;\n  font: inherit;\n  vertical-align: baseline; }\n\n/* HTML5 display-role reset for older browsers */\n\narticle, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {\n  display: block; }\n\nbody {\n  line-height: 1; }\n\nol, ul {\n  list-style: none; }\n\nblockquote, q {\n  quotes: none; }\n\nblockquote {\n  &:before, &:after {\n    content: '';\n    content: none; } }\n\nq {\n  &:before, &:after {\n    content: '';\n    content: none; } }\n\ntable {\n  border-collapse: collapse;\n  border-spacing: 0; }\n","@import '-reset';\r\n\r\nbody,\r\nbody * {\r\n  box-sizing: border-box;\r\n  color: #333;\r\n  font-weight: 500;\r\n  font-family: 'Yu Gothic', 'Hiragino Kaku Gothic Pro';\r\n}\r\n\r\n//Doesn't Allow User Select\r\n.noUserSelect {\r\n  /* Chrome all / Safari all */\r\n  -webkit-user-select: none;\r\n\r\n  /* Firefox all */\r\n  -moz-user-select: none;\r\n\r\n  /* IE 10+ */\r\n  -ms-user-select: none;\r\n\r\n  /* Likely future */\r\n  user-select: none;\r\n}\r\n\r\n.noUserDrag {\r\n  position: relative;\r\n\r\n  &:before {\r\n    position: absolute;\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n    content: '';\r\n  }\r\n}\r\n\r\n.showOnlyInSP {\r\n  display: none;\r\n}\r\n\r\n.toggleColor {\r\n  &:hover {\r\n    opacity: 0.8;\r\n  }\r\n\r\n  &:active {\r\n    opacity: 0.6;\r\n  }\r\n}\r\n\r\n// Predefined\r\n/////////////////////////////////////////////////////////////////\r\n\r\n$pathPrefix: '../';\r\n$mainColor: #1370bc;\r\n\r\n.storeBadgeFixedContainer {\r\n  position: fixed;\r\n  right: 16px;\r\n  bottom: 20px;\r\n  z-index: 1;\r\n  text-align: center;\r\n\r\n  p {\r\n    margin-bottom: 20px;\r\n    letter-spacing: 2px;\r\n    font-weight: bold;\r\n    font-size: 20px;\r\n  }\r\n\r\n  a {\r\n    margin: 0 6px;\r\n    text-decoration: none;\r\n    img {\r\n      width: 240px;\r\n    }\r\n  }\r\n}\r\n\r\n.clip {\r\n  position: fixed;\r\n  top: 0;\r\n  left: 0;\r\n  z-index: 1;\r\n  display: block;\r\n  width: 370px;\r\n\r\n  img {\r\n    @extend .noUserSelect;\r\n\r\n    display: block;\r\n    width: 100%;\r\n  }\r\n}\r\n\r\n.movieContainer {\r\n  padding: 45px;\r\n  background: $mainColor;\r\n}\r\n\r\n.movie {\r\n  margin: -0 auto;\r\n  width: 700px;\r\n  height: 700px;\r\n\r\n  & > * {\r\n    display: block;\r\n    width: 100%;\r\n    height: 100%;\r\n  }\r\n}\r\n\r\n.storeBadgeContainer {\r\n  padding: 20px 10px 20px;\r\n  background: #f0f0f0;\r\n  text-align: center;\r\n\r\n  p {\r\n    margin-bottom: 20px;\r\n    font-weight: bold;\r\n  }\r\n\r\n  a {\r\n    text-decoration: none;\r\n    img {\r\n      margin: 3px;\r\n      width: calc(50% - 10px);\r\n    }\r\n  }\r\n}\r\n\r\n.explain {\r\n  margin: 70px 0;\r\n  padding: 0 60px;\r\n\r\n  .background {\r\n    padding: 0 120px;\r\n    border-radius: 440px;\r\n    background: #e9f6fc;\r\n\r\n    .tag {\r\n      margin: 0 auto;\r\n      padding-top: 60px;\r\n      width: 200px;\r\n      height: 100px;\r\n      background: $mainColor;\r\n      color: #fff;\r\n      text-align: center;\r\n      letter-spacing: 10px;\r\n      font-weight: bold;\r\n      font-style: italic;\r\n    }\r\n\r\n    h2 {\r\n      margin-top: 40px;\r\n      text-align: center;\r\n      font-size: 50px;\r\n      line-height: 110px;\r\n\r\n      span {\r\n        display: inline-block;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n\r\n    .description {\r\n      margin-top: 54px;\r\n      height: 200px;\r\n      text-align: center;\r\n      letter-spacing: 1.5px;\r\n      line-height: 34px;\r\n\r\n      span {\r\n        color: #4d4d4d;\r\n        font-size: 15px;\r\n      }\r\n    }\r\n\r\n    .circleCardContainer {\r\n      padding-bottom: 60px;\r\n      text-align: center;\r\n\r\n      .circleCard {\r\n        position: relative;\r\n        display: inline-block;\r\n        margin: 0 40px 40px;\r\n        width: 300px;\r\n        height: 300px;\r\n        border-radius: 100%;\r\n        background: white;\r\n\r\n        img {\r\n          width: 100%;\r\n        }\r\n\r\n        .centerText {\r\n          position: absolute;\r\n          bottom: 40px;\r\n          display: table;\r\n          width: 100%;\r\n          height: 60px;\r\n\r\n          p {\r\n            display: table-cell;\r\n            vertical-align: middle;\r\n            text-align: center;\r\n            letter-spacing: 2px;\r\n            font-weight: bold;\r\n            line-height: 30px;\r\n\r\n            span {\r\n              font-weight: bold;\r\n            }\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.underlined {\r\n  border-bottom: 4px solid $mainColor;\r\n}\r\n\r\n.registerBanner {\r\n  height: 448px;\r\n  background: url($pathPrefix+'img/userRegistBanner.png') no-repeat;\r\n  background-position: center;\r\n  background-size: cover;\r\n\r\n  .middleContainer {\r\n    margin: 0 auto;\r\n    max-width: 100%;\r\n    width: 1080px;\r\n    text-align: center;\r\n\r\n    h2 {\r\n      position: relative;\r\n      padding-top: 100px;\r\n      letter-spacing: 10px;\r\n      font-size: 22px;\r\n      line-height: 20px;\r\n\r\n      span {\r\n        display: inline-block;\r\n        vertical-align: middle;\r\n        font-weight: bold;\r\n      }\r\n    }\r\n\r\n    h1 {\r\n      padding-top: 20px;\r\n      letter-spacing: 9px;\r\n      font-weight: bold;\r\n      font-size: 24px;\r\n    }\r\n\r\n    p {\r\n      margin: 0 auto;\r\n      padding-top: 26px;\r\n      max-width: 100%;\r\n      width: 575px;\r\n      font-size: 14px;\r\n      line-height: 34px;\r\n    }\r\n\r\n    a {\r\n      position: relative;\r\n      display: block;\r\n      margin: 0 auto;\r\n      margin-top: 42px;\r\n      width: 350px;\r\n      border-radius: 6px;\r\n      background: #0071bc;\r\n      color: white;\r\n      text-decoration: none;\r\n      letter-spacing: 2px;\r\n      font-weight: bold;\r\n      font-size: 18px;\r\n      line-height: 70px;\r\n\r\n      & > span {\r\n        position: absolute;\r\n        top: -32px;\r\n        left: -32px;\r\n        display: block;\r\n        width: 64px;\r\n        height: 64px;\r\n        border: 2px solid white;\r\n        border-radius: 32px;\r\n        background: #0071bc;\r\n        -webkit-transform: rotate(330deg);\r\n        -moz-transform: rotate(330deg);\r\n        -ms-transform: rotate(330deg);\r\n        -o-transform: rotate(330deg);\r\n        transform: rotate(330deg);\r\n\r\n        & > span {\r\n          display: block;\r\n          margin: 4px;\r\n          width: 52px;\r\n          border: 1px solid white;\r\n          border-style: dashed;\r\n          border-radius: 30px;\r\n          color: white;\r\n          font-weight: bold;\r\n          line-height: 50px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.social {\r\n  padding-top: 50px;\r\n  text-align: center;\r\n\r\n  a {\r\n    @extend .toggleColor;\r\n    position: relative;\r\n\r\n    display: inline-block;\r\n    overflow: hidden;\r\n    margin: 0 10px;\r\n    width: 50px;\r\n    height: 50px;\r\n    border-radius: 25px;\r\n\r\n    &:before {\r\n      display: block;\r\n      margin: 9px;\r\n      width: 32px;\r\n      height: 32px;\r\n      content: '';\r\n    }\r\n\r\n    &.twitter {\r\n      background: #2b97ea;\r\n\r\n      &:before {\r\n        background: url($pathPrefix+'img/twitter.png') no-repeat;\r\n        background-position: center;\r\n        background-size: contain;\r\n      }\r\n    }\r\n\r\n    &.facebook {\r\n      background: #3b5998;\r\n\r\n      &:before {\r\n        margin: 0;\r\n        width: 100%;\r\n        height: 100%;\r\n        background: url($pathPrefix+'img/fbWhite.png') no-repeat;\r\n        background-position: center;\r\n        background-size: contain;\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n.footer {\r\n  margin-top: 50px;\r\n  text-align: center;\r\n\r\n  & > a {\r\n    @extend .toggleColor;\r\n    position: relative;\r\n    padding: 0 20px;\r\n\r\n    text-decoration: none;\r\n    letter-spacing: 2px;\r\n    font-weight: bold;\r\n\r\n    &:before {\r\n      position: absolute;\r\n      top: 0;\r\n      right: 0;\r\n      display: block;\r\n      width: 1px;\r\n      height: 100%;\r\n      background: #777;\r\n      content: '';\r\n      -webkit-transform: rotate(20deg);\r\n      -moz-transform: rotate(20deg);\r\n      -ms-transform: rotate(20deg);\r\n      -o-transform: rotate(20deg);\r\n      transform: rotate(20deg);\r\n    }\r\n\r\n    &:hover {\r\n      text-decoration: underline;\r\n    }\r\n\r\n    &:last-child:before {\r\n      display: none;\r\n    }\r\n  }\r\n}\r\n\r\n.companyBanner {\r\n  margin: 50px 0 150px;\r\n  text-align: center;\r\n\r\n  img {\r\n    display: block;\r\n    margin: 0 auto;\r\n    width: 80px;\r\n  }\r\n\r\n  p {\r\n    margin-top: 10px;\r\n    font-size: 12px;\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 1280px) {\r\n  .clip {\r\n    width: 230px;\r\n  }\r\n\r\n  .movieContainer {\r\n    margin-bottom: 20px;\r\n  }\r\n\r\n  .movie {\r\n    width: 500px;\r\n    height: 500px;\r\n  }\r\n\r\n  .explain {\r\n    margin: 20px 0;\r\n    padding: 0 20px;\r\n\r\n    .background {\r\n      padding: 0 20px;\r\n      border-radius: 60px;\r\n\r\n      .circleCardContainer {\r\n        .circleCard {\r\n          margin: 0 15px 40px;\r\n        }\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\n@media screen and (max-width: 767px) {\r\n  .showOnlyInSP {\r\n    display: block;\r\n  }\r\n\r\n  .hideInSP {\r\n    display: none;\r\n  }\r\n\r\n  .clip {\r\n    width: 120px;\r\n  }\r\n\r\n  .movieContainer {\r\n    margin-bottom: 0;\r\n    padding: 0;\r\n  }\r\n\r\n  .movie {\r\n    width: 100%;\r\n    height: auto;\r\n  }\r\n\r\n  .explain {\r\n    padding: 0;\r\n\r\n    .background {\r\n      padding: 0 0 20px;\r\n      border-radius: 0;\r\n\r\n      .tag {\r\n        padding-top: 25px;\r\n        height: 60px;\r\n      }\r\n\r\n      h2 {\r\n        margin-top: 10px;\r\n        font-size: 20px;\r\n        line-height: 50px;\r\n      }\r\n\r\n      .description {\r\n        margin: 24px 0;\r\n        height: auto;\r\n        font-size: 14px;\r\n        line-height: 24px;\r\n\r\n        span {\r\n          font-size: 12px;\r\n        }\r\n      }\r\n\r\n      .circleCardContainer {\r\n        padding: 0;\r\n\r\n        .circleCard {\r\n          display: block;\r\n          margin: 0 auto 20px;\r\n\r\n          &:last-child {\r\n            margin: 0 auto;\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .registerBanner {\r\n    padding-bottom: 20px;\r\n    height: auto;\r\n\r\n    .middleContainer {\r\n      h2 {\r\n        padding-top: 20px;\r\n        letter-spacing: 8px;\r\n        font-size: 17px;\r\n      }\r\n\r\n      h1 {\r\n        padding-top: 10px;\r\n        letter-spacing: 2px;\r\n        font-size: 16px;\r\n      }\r\n\r\n      p {\r\n        font-size: 13px;\r\n        line-height: 24px;\r\n      }\r\n\r\n      a {\r\n        width: 230px;\r\n        font-size: 15px;\r\n        line-height: 54px;\r\n\r\n        &:hover {\r\n          opacity: 1;\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  .social {\r\n    padding-top: 20px;\r\n  }\r\n\r\n  .footer {\r\n    margin-top: 20px;\r\n\r\n    a {\r\n      padding: 0 4px;\r\n      font-size: 13px;\r\n    }\r\n  }\r\n\r\n  .companyBanner {\r\n    margin: 20px 0;\r\n\r\n    p {\r\n      font-size: 10px;\r\n    }\r\n  }\r\n}\r\n"]}