/* オープンカンパニーページ（page-opencompany.php）
   デザインはページ内の style 属性。ここではサイト共通の CSS（style.css・Bootstrap）の影響を打ち消し、スマホ幅の調整をする */

/* 見出しの下の青い線（style.css の h2）を出さない */
.oc-lp h2 {
  border-bottom: 0;
}

/* リンクにマウスを乗せたときの下線・色の変化（style.css の a:hover）を出さない */
.oc-lp a:hover {
  text-decoration: none;
  opacity: 0.85;
}

/* Bootstrap の label の余白を消す */
.oc-lp label {
  margin-bottom: 0;
}

/* style.css の button[type="submit"]（灰色・横幅いっぱい）を打ち消す */
.oc-lp button[type="submit"] {
  width: auto;
}
.oc-lp button[type="submit"]:disabled {
  opacity: 0.6;
  cursor: wait;
}

/* 入力エラーの枠 */
.oc-lp .oc-invalid {
  border-color: #D33A2C !important;
}

/* 「参加すると、ここがわかる」の説明文：PC では1行ずつ折り返さない */
@media (min-width: 1024px) {
  .oc-lp .oc-point-line {
    white-space: nowrap;
  }
}

/* スマホ幅 */
@media (max-width: 640px) {
  .oc-lp .oc-hero-inner {
    padding: 56px 20px 48px !important;
  }
  .oc-lp .oc-hero-period {
    font-size: 18px !important;
  }
  .oc-lp .oc-hero-title {
    font-size: 40px !important;
  }
  .oc-lp .oc-hero-lead {
    font-size: 20px !important;
  }
  .oc-lp .oc-hero-button {
    padding: 16px 40px !important;
  }
  .oc-lp .oc-hero-copy p {
    font-size: 26px !important;
  }
  .oc-lp .oc-hero-copy p:first-child {
    margin-top: 0 !important;
  }
  .oc-lp .oc-card {
    padding: 20px !important;
  }
  .oc-lp .oc-form {
    padding: 28px 20px 32px !important;
  }
  .oc-lp .oc-form button[type="submit"] {
    padding: 16px 40px !important;
  }
}