@charset "utf-8";

/* ****************************************************************************************************
   * 共用
**************************************************************************************************** */

/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
   * パンフレット
/* :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

@media print, screen and (min-width:737px) {

  #main-contents
  div.greeting {
    width: 100%;
    display: table;
  }

}

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

#main-contents
div.information div.image {
  margin-bottom: 20px;
  text-align: center;
}

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

@media print, screen and (min-width:737px) {

  #main-contents
  div.information div.image {
    width: 230px;
    padding: 0 30px;
    vertical-align: top;
    display: table-cell;
  }

}

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

#main-contents
div.information div.content .name {
  text-align: right;
}

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

@media print, screen and (min-width:737px) {

  #main-contents
  div.information div.content {
    vertical-align: top;
    display: table-cell;
  }

  #main-contents
  div.information div.content .name {
    text-align: inherit;
  }

}


/* :::::::: スマートフォン表示 :::::::: */

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

  #main-contents
  div.information div.content {
    text-align: center;
  }

}