@charset "utf-8";
/* CSS Document */
/********************************************************************
	greeting.css
*********************************************************************/
/*-- ページタイトル上書き --*/
.pagettl {
  background-image: url(../../common/img/pagettl_bg_greeting.jpg);
}

/*==========================================================================
	代表取締役メッセージ
============================================================================*/
.message {
  overflow: hidden;
  margin-bottom: 30px;
}
.message .txt {
  margin-bottom: 30px;
}
.message .txt p {
  text-indent: 1em;
}
.message .txt .name {
  text-align: right;
  text-indent:0;
}
.message .pic {
  margin-bottom: 25px;
  text-align: center;
}
.message .pic img {
  margin-bottom: 10px;
}

/*****************************************************
	768px以上【tablet】
******************************************************/
@media print, screen and (min-width: 768px) {
  .message .txt {
    /*float: left;*/
    width: 100%;
    /*margin-right: -200px;
    padding-right: 240px;*/
    box-sizing: border-box;
  }
  .message .pic {
    float: left;
    width: 200px;
  }
}
/*****************************************************
	1024px以上【PC】
******************************************************/
@media print, screen and (min-width: 1024px) {
  .message {
    max-width: 1240px;
    margin: 0px auto;
  }
  .message .txt {
    /*float: left;*/
    width: 100%;
    /*margin-right: -300px;
    padding-right: 340px;*/
    box-sizing: border-box;
  }
  .message .pic {
    float: left;
    width: 300px;
  }
}