* {
  box-sizing: border-box; }

html {
  color: #120e41;
  height: 100%;
  font-family: 'Roboto', sans-serif;
  font-weight: 500;
  font-style: normal;
  font-size: 3.5vw;
  line-height: 1.2; }
  @media only screen and (min-width: 480px) {
    html {
      font-size: 16px; } }
  @media only screen and (min-width: 1200px) {
    html {
      font-size: 18px; } }

p {
  line-height: 1.5; }
  @media (min-width: 768px) {
    p {
      font-size: 0.775em; } }

body {
  margin: 0;
  padding: 0;
  height: 100%;
  width: 100%;
  background: #14213D; }
  body.is-white {
    background: white; }

.flex-centered {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
  -ms-flex-pack: center;
  justify-content: center; }

@keyframes float {
  0% {
    transform: translatey(0px); }
  50% {
    transform: translatey(-20px); }
  100% {
    transform: translatey(0px); } }

main {
  height: 100%; }
  main .thank-message h1 {
    margin: 0 0 0.25em 0;
    color: white; }
    main .thank-message h1 + img {
      margin: 0 0 2em 0; }
  main .thank-message p {
    font-weight: 400;
    font-size: 1em;
    margin: 0 0 2em 0;
    color: white; }
    main .thank-message p:first-child {
      margin-top: 2em; }
  main .thank-message .btn {
    background: #19a6ff;
    border: none;
    color: white;
    padding: .75em;
    width: 12em;
    text-align: center;
    transition: all 0.3s ease;
    text-decoration: none;
    display: block;
    margin: 0 0 1.5em 0; }
    main .thank-message .btn:hover {
      background: #000; }
  main .landing {
    max-width: 650px;
    width: 100%;
    padding: 0 1em; }
    main .landing .fig-animation {
      position: absolute;
      width: 100%;
      height: auto;
      max-width: 800px;
      top: 10em;
      left: calc(50% - 450px);
      z-index: -1;
      animation: float 6s ease-in-out infinite; }
      @media (max-width: 767px) {
        main .landing .fig-animation {
          display: none; } }
    main .landing-form {
      border-radius: 1em;
      background: #fff;
      padding: 1.5em 2em; }
      @media (max-width: 767px) {
        main .landing-form {
          padding: 1.5em; } }
      main .landing-form .landing-intro h1 {
        color: #19a6ff;
        margin: 0 0 0.5em 0;
        font-size: 2.2em; }
      main .landing-form form fieldset {
        border: none;
        margin: 0 0 1.5em 0;
        padding: 0;
        color: #000; }
        main .landing-form form fieldset legend {
          margin-bottom: 1.25em; }
          main .landing-form form fieldset legend > b {
            font-size: 1.25em;
            font-weight: 900; }
          main .landing-form form fieldset legend + p {
            margin: 0 0 1.5em 0; }
          main .landing-form form fieldset legend span {
            font-weight: 400; }
            @media (min-width: 768px) {
              main .landing-form form fieldset legend span {
                font-size: 0.775em; } }
        @media (min-width: 768px) {
          main .landing-form form fieldset .entry-input {
            display: flex;
            justify-content: space-between;
            align-items: flex-start;
            flex-wrap: wrap; } }
        main .landing-form form fieldset .entry-input > div {
          margin-bottom: 1em;
          width: 100%; }
          main .landing-form form fieldset .entry-input > div .err-name {
            color: #DB3535;
            font-size: 0.675em;
            font-weight: 500; }
          @media (min-width: 767px) {
            main .landing-form form fieldset .entry-input > div.email {
              width: 100%; } }
        main .landing-form form fieldset .entry-input label {
          display: none; }
        main .landing-form form fieldset .entry-input input[type="text"] {
          border: 1px solid #BABABA;
          background-color: #FFFFFF;
          border-radius: 5px;
          width: 100%;
          padding: 10px 10px;
          color: #3A3A3A; }
          @media (min-width: 768px) {
            main .landing-form form fieldset .entry-input input[type="text"] {
              font-size: 0.875em; } }
          main .landing-form form fieldset .entry-input input[type="text"]:active, main .landing-form form fieldset .entry-input input[type="text"]:visited, main .landing-form form fieldset .entry-input input[type="text"]:focus {
            outline-color: #19a6ff; }
          main .landing-form form fieldset .entry-input input[type="text"]::placeholder {
            font-weight: 400;
            color: #3A3A3A; }
            @media (min-width: 768px) {
              main .landing-form form fieldset .entry-input input[type="text"]::placeholder {
                font-size: 0.775em; } }
        main .landing-form form fieldset .social-network {
          margin: 0 0 2em 0; }
          main .landing-form form fieldset .social-network .social-ads {
            margin: 1em 0 0 0; }
            main .landing-form form fieldset .social-network .social-ads input[type="text"] {
              border: 1px solid #BABABA;
              background-color: #FFFFFF;
              border-radius: 5px;
              padding: 10px 10px;
              color: #3A3A3A; }
              @media (min-width: 768px) {
                main .landing-form form fieldset .social-network .social-ads input[type="text"] {
                  font-size: 0.875em; } }
              main .landing-form form fieldset .social-network .social-ads input[type="text"]::placeholder {
                font-weight: 400;
                color: #3A3A3A; }
                @media (min-width: 768px) {
                  main .landing-form form fieldset .social-network .social-ads input[type="text"]::placeholder {
                    font-size: 0.775em; } }
              main .landing-form form fieldset .social-network .social-ads input[type="text"]:active, main .landing-form form fieldset .social-network .social-ads input[type="text"]:visited, main .landing-form form fieldset .social-network .social-ads input[type="text"]:focus {
                outline-color: #19a6ff; }
            main .landing-form form fieldset .social-network .social-ads > div {
              display: none;
              margin-bottom: 0.875em; }
              main .landing-form form fieldset .social-network .social-ads > div.active {
                display: flex; }
                @media (max-width: 767px) {
                  main .landing-form form fieldset .social-network .social-ads > div.active {
                    flex-wrap: wrap;
                    justify-content: space-between; } }
              @media (min-width: 768px) {
                main .landing-form form fieldset .social-network .social-ads > div {
                  flex-direction: row;
                  justify-content: space-between;
                  align-items: center; } }
              main .landing-form form fieldset .social-network .social-ads > div > * {
                width: 49.5%; }
                @media (min-width: 768px) {
                  main .landing-form form fieldset .social-network .social-ads > div > * {
                    width: 35%; } }
              main .landing-form form fieldset .social-network .social-ads > div p {
                margin: 0;
                font-weight: bold;
                width: 100%; }
                @media (min-width: 768px) {
                  main .landing-form form fieldset .social-network .social-ads > div p {
                    width: 20%; } }
        main .landing-form form fieldset .social-button {
          display: flex;
          justify-content: space-between;
          align-items: center;
          flex-wrap: wrap; }
          main .landing-form form fieldset .social-button div {
            background: none;
            border: none;
            width: 31%;
            display: flex;
            align-items: center;
            padding: 0;
            cursor: pointer;
            margin: 0 0 1.5em 0; }
            main .landing-form form fieldset .social-button div span {
              font-weight: 400;
              font-size: 0.875em; }
            main .landing-form form fieldset .social-button div.active span, main .landing-form form fieldset .social-button div:hover span {
              color: #000; }
            main .landing-form form fieldset .social-button div.active img, main .landing-form form fieldset .social-button div:hover img {
              filter: none; }
            main .landing-form form fieldset .social-button div img {
              width: 25px;
              height: auto;
              filter: grayscale(100%);
              margin-right: 1em; }
            main .landing-form form fieldset .social-button div:nth-last-child(-n+3) {
              margin-bottom: 0; }
        main .landing-form form fieldset .experience-promotion h3 {
          margin-top: 0;
          font-size: 1em; }
        main .landing-form form fieldset .experience-promotion .brands {
          margin: 1em 0 0 0; }
          main .landing-form form fieldset .experience-promotion .brands textarea {
            width: 100%;
            border: 1px solid #BABABA;
            background-color: #FFFFFF;
            border-radius: 5px;
            padding: 10px; }
            main .landing-form form fieldset .experience-promotion .brands textarea::placeholder {
              font-weight: 400;
              color: #3A3A3A; }
              @media (min-width: 768px) {
                main .landing-form form fieldset .experience-promotion .brands textarea::placeholder {
                  font-size: 0.775em; } }
            main .landing-form form fieldset .experience-promotion .brands textarea:active, main .landing-form form fieldset .experience-promotion .brands textarea:visited, main .landing-form form fieldset .experience-promotion .brands textarea:focus {
              outline-color: #315EF4; }
        main .landing-form form fieldset .explication {
          display: flex;
          align-items: center;
          justify-content: space-between; }
          main .landing-form form fieldset .explication p {
            margin: 0; }
          main .landing-form form fieldset .explication select {
            margin-left: 1em;
            border: 1px solid #BABABA;
            background-color: #FFFFFF;
            border-radius: 5px;
            font-weight: 400;
            padding: 5px; }
            main .landing-form form fieldset .explication select:active, main .landing-form form fieldset .explication select:visited, main .landing-form form fieldset .explication select:focus {
              outline-color: #315EF4; }
            @media (min-width: 768px) {
              main .landing-form form fieldset .explication select {
                font-size: 0.775em; } }
      main .landing-form form .call-action {
        position: relative; }
        main .landing-form form .call-action input[type="submit"] {
          background: #19a6ff;
          border: none;
          color: white;
          padding: .75em;
          width: 12em;
          text-align: center;
          transition: all 0.3s ease; }
          main .landing-form form .call-action input[type="submit"]:hover {
            background: #000; }
          main .landing-form form .call-action input[type="submit"] + img {
            width: 30px;
            height: auto;
            position: absolute;
            right: 15px;
            top: calc(50% - 10px); }
          main .landing-form form .call-action input[type="submit"]:active, main .landing-form form .call-action input[type="submit"]:visited, main .landing-form form .call-action input[type="submit"]:focus {
            outline: none; }
  main img.logo-thk {
    margin: 1.5em 0; }
  main img.logo {
    width: 100%;
    max-width: 220px;
    margin: 1.5em 0; }