@charset "utf-8";

/* ****************************************************************************************************
   * メッセージ
**************************************************************************************************** */

/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * タイトル
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

#message .section-title {
  margin-bottom: 1em;
  color: #9e77ba;
  line-height: 1.2;
  font-size: 32px;
  font-weight: bold;
}

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

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

#message .section-title {
  margin-left: auto;
  margin-right: auto;
  font-size: 20px;
  display: table;
}

}

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

#message div.contents:after {
  content: ".";
  display: block;
  line-height: 0;
  clear: both;
  visibility: hidden;
}

/* ----------------------------------------------------------------------------------------------------
   * 写真
/* ------------------------------------------------------------------------------------------------- */

#message div.contents div.photo {
  width: 200px;
  float: left;
}

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

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

#message div.contents div.photo {
  width: 55.86%;
  margin: 0 auto 20px;
  float: none;
}

}

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

#message div.contents div.content {
  width: 500px;
  float: right;
}

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

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

#message div.contents div.content {
  width: 100%;
  float: none;
}

}