@import url(common.css);
.eyecatch--company {
  background-image: url(../img/company/img-eyecatch.jpg); }

.company {
  padding: 50px 5%; }
  .company:first-of-type {
    padding-top: 80px; }
  .company:last-of-type {
    padding-bottom: 80px; }
  .company__header {
    font-size: 2rem;
    font-weight: bold;
    border: 2px solid #1B2B47;
    border-radius: 5px;
    padding: 1rem 0;
    margin-bottom: 25px; }
  .company__row {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    padding: 1rem 15px;
    border-bottom: 1px solid #ECECEC; }
  .company__ttl {
    width: 35%;
    position: relative;
    font-weight: bold;
    padding-left: 18px; }
    .company__ttl::before {
      content: '';
      display: inline-block;
      position: absolute;
      top: 8px;
      left: 0;
      width: 3px;
      height: 1.5rem;
      background: #E6B482; }
  .company__desc {
    width: 65%; }
  .company-history__item {
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex; }
  .company-history__date {
    flex-basis: 12.5rem;
    display: inline-block; }

.president {
  width: 60%;
  max-width: 650px;
  padding-bottom: 25px;
  margin: auto; }
  .president__image {
    margin-bottom: 25px; }
  .president__desc {
    line-height: 1.8; }

@media screen and (max-width: 768px) {
  .company {
    padding: 50px 5% 0; }
    .company:first-of-type {
      padding-top: 50px; }
    .company:last-of-type {
      padding-bottom: 50px; }
    .company__header {
      font-size: 1.8rem;
      padding: .5rem 0; }
    .company__table {
      font-size: 1.4rem; }
    .company__row {
      padding: 1rem 0; }
    .company__ttl::before {
      top: 7px;
      height: 1.4rem; }
    .company__desc {
      width: 65%;
      padding-left: 15px; }
    .company-history__item {
      display: block; }
    .company-history__date {
      display: block; }

  .president {
    width: 100%; }
    .president__desc {
      font-size: 1.4rem; } }

/*# sourceMappingURL=company.css.map */