@charset "UTF-8";

/* オープンカンパニー参加申込（open-company.php）
   ※ フォーム部分は inquiry.css を共用し、本ファイルは差分のみ記載
--------------------------------*/

/* ページタイトル（採用情報と同じ画像） */
.topimg
{
      background-image: url(../img/recruit-topimg.webp);
      background-size: cover;
}

/* 開催日程 */
.oc-guide
{
      width: 700px;
      margin: 0 auto 60px;
      padding: 30px 40px;
      background: linear-gradient(-90deg, #ddf6e6 0%, #dbe6ec 100%);
}

.oc-event
{
      margin-bottom: 2.5rem;
}

.oc-event-title
{
      font-size: 1.8rem;
      font-weight: 400;
      color: #428CB8;
      padding-bottom: 0.8rem;
      margin-bottom: 0.4rem;
      border-bottom: 1px solid #B4C0C9;
}

.oc-guide dl
{
      padding: 0.6rem 0;
}

.oc-guide dt
{
      width: 140px;
      font-weight: 400;
      white-space: normal;
}

.oc-guide dd
{
      width: calc(100% - 140px);
}

.oc-guide .oc-notes
{
      text-align: center;
      font-size: 1.4rem;
      line-height: 1.9;
}

.oc-guide .oc-notes .oc-none
{
      font-size: 1.6rem;
      font-weight: 400;
}

.oc-guide a.oc-map-link
{
      color: #428CB8;
      font-size: 1.4rem;
}

/* 必須ラベル（個人情報欄） */
dl.term .Required
{
      margin-left: 1em;
}

/* 送信ボタン（文言が長いため幅を調整） */
input[name="btn_submit"]
{
      width: 260px;
}

/* エラー表示 */
.oc-error
{
      width: 700px;
      margin: 30px auto 0;
      padding: 1.5rem 2rem;
      background: #fbeeee;
      color: #9D1E1E;
}

/* スパム対策用の非表示欄 */
.trap
{
      position: absolute;
      left: -9999px;
      width: 1px;
      height: 1px;
      overflow: hidden;
}

/* 完了画面 補足 */
p.comment.oc-sub
{
      font-weight: 300;
      font-size: 1.4rem;
      margin-top: 2rem;
}

/* お問い合わせ先 */
.oc-contact
{
      text-align: center;
      font-size: 1.4rem;
}

.oc-contact a,
p.term-txt a,
.oc-guide a.oc-map-link
{
      display: inline;
      text-decoration: underline;
}

@media (max-width: 900px)
{
      .oc-guide,
      .oc-error
      {
            width: 85%;
      }

      .oc-guide
      {
            margin-bottom: 40px;
            padding: 20px 6%;
      }

      .oc-guide dl
      {
            padding: 0.6rem 0;
      }

      .oc-guide dt,
      .oc-guide dd
      {
            width: 100%;
      }

      .oc-guide dt
      {
            padding-bottom: 0;
      }

      .oc-event-title
      {
            font-size: 1.6rem;
      }

      input[name="btn_submit"]
      {
            width: 230px;
      }

      .oc-contact
      {
            width: 85%;
            margin: 0 auto;
      }
}