@charset "UTF-8";
/* ===================================================================
CSS information

 file name  : ir message.css
 author     : Ability Consultant
 style info : 会社情報
=================================================================== */
/* font-awesome */
.con_message:after {
  content: "";
  display: table;
  clear: both;
}

@-moz-keyframes view {
  0% {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    transform: scale(1);
  }
}
@-webkit-keyframes view {
  0% {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
@keyframes view {
  0% {
    display: block;
    opacity: 0;
    filter: alpha(opacity=0);
    -moz-transform: scale(0.9);
    -ms-transform: scale(0.9);
    -webkit-transform: scale(0.9);
    transform: scale(0.9);
  }
  100% {
    opacity: 1;
    filter: alpha(opacity=100);
    -moz-transform: scale(1);
    -ms-transform: scale(1);
    -webkit-transform: scale(1);
    transform: scale(1);
  }
}
.con_message h4 {
  font-size: 139%;
  margin-bottom: 0.5em;
  font-weight: bold;
  color: #1957a0;
}
.con_message p {
  padding-bottom: 3em;
}
@media only screen and (max-width: 767px) {
  .con_message p {
    padding-bottom: 2em;
  }
}
.con_message .img_msg {
  position: relative;
}
.con_message .img_msg img {
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_message .img_msg img {
    width: 100%;
    margin-bottom: 3%;
  }
}
.con_message .img_msg .text_name {
  float: left;
}
@media only screen and (max-width: 767px) {
  .con_message .img_msg .text_name {
    width: 100%;
  }
}
.con_message .img_msg .text_name .top_name {
  position: absolute;
  bottom: 0;
  padding-left: 2em;
  font-size: 124%;
}
@media only screen and (max-width: 767px) {
  .con_message .img_msg .text_name .top_name {
    position: static;
    padding-left: 0;
    font-size: 108%;
  }
}
.con_message .img_msg:after {
  content: "";
  display: block;
  clear: both;
}