.company.outline {
  position: relative;
}
.company.outline:before {
  content: "";
  display: block;
  width: calc(527px + (100% - 1200px) / 2);
  height: 480px;
  background: url(../img/outline/img_outline_pc.jpg) no-repeat;
  background-size: cover;
  position: absolute;
  top: 280px;
  right: 0;
  z-index: -1;
}
@media screen and (max-width: 767px) {
  .company.outline:before {
    content: none;
    /*width: 88%;
    height: 380px;
    background: url(../img/outline/img_outline_sp.jpg) no-repeat;
    background-size: cover;
    top: 260px;*/
  }
}
.company.outline .message {
  position: relative;
}
@media screen and (max-width: 767px) {
  .company.outline .message {
    margin-left: -5.5%;
    margin-right: -5.5%;
    margin-bottom: 100px;
  }
}
.company.outline .message .message-contents {
  width: 582px;
  padding: 70px 95px 50px 65px;
  background: #F7F7F7;
}
@media screen and (max-width: 767px) {
  .company.outline .message .message-contents {
    width: 100%;
    padding: 40px 5% 400px;
  }
}
.company.outline .message .message-contents .president-name {
  width: 235px;
  margin-top: 15px;
  margin-left: auto;
}
.company.outline .message .message-contents .president-name p {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .company.outline .message .message-contents .president-name {
    max-width: 235px;
  }
}
.company.outline .message .message-contents .president-name p {
  font-family: "Noto Serif JP", serif;
  font-size: 0.8125rem;
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: center;
}
.company.outline .message .message-contents .president-name p .txt-image {
  display: block;
  width: 129px;
}
.company.outline .message .president-image {
  width: 296px;
  position: absolute;
  right: 0;
  bottom: -30px;
  z-index: 2;
}
@media screen and (max-width: 767px) {
  .company.outline .message .president-image {
    width: 88%;
    max-width: 350px;
    right: auto;
    left: 0;
  }
}
@media screen and (max-width: 767px) {
  .company.outline .table-list.member-info dt {
    width: 40%;
  }
}
.company.outline .table-list.member-info dd {
  display: flex;
  align-items: center;
}
@media screen and (max-width: 767px) {
  .company.outline .table-list.member-info dd {
    width: 60%;
  }
}
.company.outline .attention {
  margin-top: 15px;
  font-size: 0.75rem;
}
.company.outline .attention.indent {
  padding-left: 1em;
  text-indent: -1em;
}
.company.outline .attention li.txt-r {
  text-align: right;
}
@media screen and (max-width: 767px) {
  .company.outline .attention li.txt-r {
    text-align: left;
  }
}/*# sourceMappingURL=outline.css.map */