@charset "utf-8";
/* CSS Document */
.marker-blue {
  background: linear-gradient(transparent 70%, #92abd2 0%);
}
.marker-blue {
  background: -mozlinear-linear-gradient(transparent 70%, #92abd2 0%);
}

/* コンテナ */
.container {
  display: flex;
  justify-content: space-between;
  gap: 30px;
}

/* 各カラム */
.column {
  display: flex;
  flex-direction: column;
  flex: 1; /* 各カラムが均等に幅を占める */
  border: 1px solid #ccc;
}

/* 上部 - グレーの背景 */
.top {
  display: flex;
  justify-content: center;
  justify-content: center;
  align-content: center;
  background-color: #f0f0f0;
  padding: 20px;
  border-bottom: 1px solid #ccc;
  text-align: center;
  height: 170px;
  flex-wrap: wrap;
}

.top .company-name {
  font-size: 14px;
}

.bottom {
  padding: 20px 15px 10px;
}

@media (max-width: 768px) {
  .container {
    flex-direction: column; /* 横並びから縦並びに変更 */
    align-items: center; /* カラムを中央に配置 */
  }

  .column {
    width: 80%; /* 各カラムの幅を80%に設定 */
    max-width: 600px; /* 最大幅を設定して、あまり広がりすぎないように */
    margin-bottom: 20px; /* カラム間に隙間を追加 */
  }

  .bottom {
    padding-bottom: 20px;
  }
}

/*--------------------------------------------------------------------------
   完了画面text_line
---------------------------------------------------------------------------*/
.under_line {
  border-bottom: solid 2px #c70807;
}

/*--------------------------------------------------------------------------
   入力画面　満席
---------------------------------------------------------------------------*/
sup.orange,
span.orange {
  color: #c70807;
}