@charset "UTF-8";
/*--------------------------------------------------
 ※※※※※※※※※※※※※※※※※※※※※※※※
 このファイルはsassでコンパイルされています
 以下の内容を変更したい場合は構成するscssファイルを
 ご確認ください
 ※※※※※※※※※※※※※※※※※※※※※※※※
--------------------------------------------------*/
@media screen and (max-width: 767.9px) {
  /*　画面サイズが767.9pxまではここを読み込む　*/
  .list-banner {
    border-top: 1px solid #ddd;
  }
  .list-banner__list {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding: 20px 0 15px;
    border-bottom: 1px solid #ddd;
  }
  .list-banner__image {
    margin: 0 0 20px;
  }
  .list-banner__image img {
    width: 274px;
  }
  .list-banner__wrap {
    max-width: 100%;
  }
  .list-banner__title {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: bold;
  }
  .list-banner__title a {
    color: #333;
    text-decoration: none;
  }
  .list-banner__text {
    font-size: 14px;
  }
}
@media screen and (min-width: 768px), print {
  /*　画面サイズが768pxからはここを読み込む　*/
  .list-banner {
    border-top: 1px solid #ddd;
  }
  .list-banner__list {
    display: flex;
    align-items: flex-start;
    padding: 20px;
    border-bottom: 1px solid #ddd;
  }
  .list-banner__image {
    margin: 0 20px 0 0;
  }
  .list-banner__image img {
    width: 274px;
  }
  .list-banner__title {
    margin: 0 0 10px;
    font-size: 20px;
    font-weight: bold;
  }
  .list-banner__title a {
    color: #333;
    text-decoration: none;
  }
  .list-banner__text {
    font-size: 14px;
  }
}