@charset "utf-8";

/*.listブロック共通
---------------------------------------------------------------------------*/
.list {
  position: relative;
}

/*figure画像*/
.list figure {
  margin-bottom: 2rem;
}

/*2カラムブロック（※900px未満では１カラム）
---------------------------------------------------------------------------*/
/*２カラムを囲むブロック*/
.list-half .list {
  display: flex; /*flexボックスを使う指定*/
  flex-direction: column; /*子要素を縦並びにする*/
  margin-bottom: 2rem; /*ボックスの下に2文字分のスペースを空ける*/
}

/*ブロック内のh4見出し*/
.list-half .list h4 {
  font-size: 1.4rem; /*文字サイズを1.4倍*/
}

/*画面幅900px以上の追加指定*/
@media screen and (min-width: 900px) {
  /*２カラムを囲むブロック*/
  .list-half .list {
    flex-direction: row; /*子要素を横並びにする*/
    justify-content: space-between; /*並びかたの種類の指定*/
    align-items: center; /*垂直揃えの指定。天地中央に配置されるように。*/
  }

  /*テキストブロック*/
  .list-half .text {
    flex: 1;
    width: 50%;
    font-size: 1.2rem;
    font-weight: 800;
  }
} /*追加指定ここまで*/