@charset "UTF-8";
.message {
  padding-top: 80px; }
  @media only screen and (max-width: 767px) {
    .message {
      padding-top: 40px; } }
  .message .inr {
    max-width: 880px;
    width: 95%;
    margin: 0 auto; }
    .message .inr h3 {
      font-family: "游明朝", YuMincho, "Noto Serif JP", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
      font-size: 1.6em;
      letter-spacing: .1em; }
      @media only screen and (max-width: 767px) {
        .message .inr h3 {
          font-size: 1.2em; } }
    .message .inr .cont {
      display: -webkit-box;
      display: -ms-flexbox;
      display: flex;
      -webkit-box-orient: horizontal;
      -webkit-box-direction: normal;
      -ms-flex-direction: row;
      flex-direction: row;
      -ms-flex-wrap: wrap;
      flex-wrap: wrap;
      -webkit-box-pack: justify;
      -ms-flex-pack: justify;
      justify-content: space-between;
      margin-top: 10px;
      border-bottom: 1px solid; }
      .message .inr .cont .txt {
        padding-bottom: 60px;
/*        width: 57%; */
      }
        @media only screen and (max-width: 767px) {
          .message .inr .cont .txt {
            padding-bottom: 30px;
            width: 100%; } }
        .message .inr .cont .txt p {
          margin-top: 30px;
          font-size: .95em;
          line-height: 2; }
          @media only screen and (max-width: 767px) {
            .message .inr .cont .txt p {
              margin-top: 10px;
              line-height: 1.6; } }
      .message .inr .cont .pic {
        width: 40%; }
        @media only screen and (max-width: 767px) {
          .message .inr .cont .pic {
            width: 100%;
            margin-top: 20px; } }
        .message .inr .cont .pic img {
          width: 100%; }
    .message .inr dl {
      text-align: right;
      padding-right: 40px;
      margin-top: 30px; }
      .message .inr dl dt {
        font-size: .9em;
        font-weight: bold; }
      .message .inr dl dd {
        margin-top: 10px; }
        .message .inr dl dd img {
          max-width: 135px;
          margin-right: 0;
          margin-left: auto; }
          .greeting_img{
            margin-top: 30px;
          }
          @media only screen and (max-width: 767px) {
            .greeting_img{
              margin-top: 10px;
            }
          }
          .greeting_img img{
            width: 100%;
            height: auto;
          }