@charset "UTF-8";

/* ===============================
	共通スタイル
=============================== */

.flex-container.column2 {
  flex-wrap: wrap;
  row-gap: 5rem;
}

/* 空清注釈テキスト */
.kuusei-caption {
  font-size: 1.2rem;
}

.color-red {
  color: #f00;
}

.list-kuusei-caption {
  border: 1px solid var(--light-gray);
  margin-top: 0.5em;
  padding: 1.2em 1em;
}

.caption-r {
  font-size: 1.2rem;
  margin-top: 0.5em;
  text-align: right;
}

/* ==========================================
	ホバー、マウスポインタがサポートされている環境
=========================================== */
@media (hover:hover) and (pointer: fine) {}

/* ====================================
	スマートフォン専用スタイル（～768px）
===================================== */
@media screen and (width <768px) {}

/* ====================================
	TAB、PC、印刷専用スタイル（768px～）
===================================== */
@media print,
screen and (width >=768px) {

  .flex-container.column2>.flex-item {
    inline-size: 48%;
  }
}