@charset "utf-8";

/* ****************************************************************************************************
   * 保育者に必要な力を身に付けませんか
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * コンテンツ
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#program .column-program div.contents {
  width: 100%;
  display: table;
}

/* -------------------------------------------------------------------------------------------------
   * 画像
/* ---------------------------------------------------------------------------------------------- */

#program .column-program div.contents div.image {
  width: 40%;
  vertical-align: top;
  display: table-cell;
}

#program .column-program div.contents div.image img {
  width: 100%;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

  #program .column-program div.contents div.image {
    width: 100%;
    text-align: center;
    display: block;
  }

  #program .column-program div.contents div.image img {
    width: auto;
  }

}

/* -------------------------------------------------------------------------------------------------
   * 内容
/* ---------------------------------------------------------------------------------------------- */

#program .column-program div.contents div.content {
  padding-left: 2em;
  vertical-align: top;
  display: table-cell;
}

/* * ブレイクポイント ･････････････････ */

@media screen and (max-width:736px) {

  #program .column-program div.contents div.content {
    margin-top: 1em;
    padding-left: 0;
    display: block;
  }

}