@charset "utf-8";

/*------------------------------------------------
message
------------------------------------------------*/


.main-content {
}


@media print, screen and (min-width: 769px) {
  .main-content {
    background-image: url(../../../images/company/message/message_bg.jpg);
    background-position: left calc(50% - 400px) bottom -90px;
  }
}

.message-title {
  text-align: center;
  color: #2c4390;
  font-size: 2.2rem;
  margin: 25px 0;
}

.message-pic {
  width: 80%;
  max-width: 270px;
  margin: auto;
}

.message-pic > img{
  width: 100%;
}

.message-pic-name {
  text-align: center;
  margin-top: 10px;
}

.message-pic-name .emphasis {
  display: block;
  font-size: 1.8rem;
  line-height: 1.2;
}

@media print, screen and (min-width: 769px) {
  .message {
    padding: 100px 0 240px;
    display: flex;
    flex-wrap: wrap;
    align-items: flex-start;
    justify-content: space-between;
  }
  .message-text-box {
    width: calc(100% - 270px);
  }
  .message-title {
    text-align: left;
    font-size: 4rem;
    line-height: 1;
    margin:0 0 25px;
  }
  .message-pic {
    margin: auto 0;
  }
  .message-text {
    font-size: 1.8rem;
  }
  .message-pic-name .emphasis {
    display: inline-block;
    font-size: 2.4rem;
    /* padding-left: 15px; */
  }
}