@charset "UTF-8";

body {
  margin: 0;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI",
               "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN",
               "メイリオ", Meiryo, sans-serif;
  background: #ffffff;
  color: #2F2F2F;
}

/* セクション全体 */

.company_section {
  margin: 140px auto 200px;
}

.company_inner {
  max-width: 800px;
  margin: 0 auto;
}

.section__label {
  font-family: "Montserrat", sans-serif;
  font-size: 1.25rem;
  font-weight: bold;
  letter-spacing: 0.45em;
  margin-bottom: 10px;
  text-align: center;
}

.section__title {
  position: relative;

  font-family: "Montserrat", sans-serif;
  font-size: 2.625rem;
  font-weight: bold;
  letter-spacing: 0.03em;
  line-height: 1;
  color: #3178FF;
  text-align: center;

  padding-bottom: 12px;
  margin: 0;
}

.section__title::after {
  content: "";
  position: absolute;
  bottom: 0;

  width: 230px;
  height: 4px;
  background: url("../../images/about/h1_bk.svg") no-repeat;
  background-size: 100% auto;
  background-position: left bottom;

  left: 50%;
  transform: translateX(-50%);
}

/* 会社概要テーブル */

.company_table {
  width: 100%;
  max-width: 780px;
  border-collapse: collapse;
  margin: 55px auto 0;
  font-size: 1rem;
}

.company_table th,
.company_table td {
  padding: 24px 0;
  border-bottom: 1px solid #E5E5E5;
  vertical-align: top;
}

.company_table th {
  width: 26%;
  font-weight: 700;
  text-align: left;
  white-space: nowrap;
  padding-left: 20px;
}

.company_table td {
  width: 74%;
  line-height: 1.8;
}

.sp_br {
  display: none;
}

/* --- SP レイアウト（2枚目のイメージ） --- */

@media (max-width: 768px) {
  .company_section {
    margin: 50px auto 70px;
    padding: 0 25px;
  }

  .company_inner {
    max-width: 100%;
  }

  .section__label {
    font-size: 0.875rem;
    letter-spacing: 0.35em;
  }

  .section__title {
    font-size: 1.75rem;
  }

  .section__title::after {
    width: 155px;
  }

  .company_table {
    margin-top: 32px;
  }

  .company_table th,
  .company_table td {
    padding: 30px 0;
  }

  .company_table th {
    width: 32%;
  }

    .sp_br {
    display: block;
  }
}