@charset "utf-8";
.about__bg::before { content: ""; display: block; position: fixed; top: 0px; left: 0px; z-index: -1; width: 100%; height: 400px; background: url("../images/about/bg_about.jpg") top center no-repeat; background-color: rgba(255,255,255,0.2); background-blend-mode: lighten; background-size: cover; }

/*-- テキスト --*/
.about__copy { margin-bottom: 20px; font-size: 34px; }

/*-- 見出し --*/

/*-- テーブル --*/
.about__company-table { width: 100%; margin-bottom: 30px; border-collapse: collapse; border-top: solid 1px #d7d7d7; }
.about__company-table caption { margin-bottom: 30px; font-size: 22px; text-align: left; }
.about__company-table th { width: 20%; padding: 20px 30px; border-bottom: solid 1px #d7d7d7; text-align: left; vertical-align: middle; }
.about__company-table td { width: 80%; padding: 20px 30px; border-bottom: solid 1px #d7d7d7; text-align: left; vertical-align: middle; }

/*-- 小バナーエリア --*/
.about__item-list { display: flex; flex-wrap: wrap; justify-content: space-between; margin-bottom: 30px; }
.about__item-list > li { width: 385px; }

/*-- マップ --*/
.about__company-map iframe { width: 100%; height: 400px; }

@media screen and (max-width: 767px) {
  .about__bg::before { height: 200px; }

  /*-- テキスト --*/
  .about__copy { margin-bottom: 3%; font-size: 18px; }

  /*-- 見出し --*/

  /*-- テーブル --*/
  .about__company-table { width: 100%; margin-bottom: 5%; }
  .about__company-table caption { font-size: 17px; margin-bottom: 3%; }
  .about__company-table th { width: 100%; padding: 3% 0 0; border-bottom: none; display: block; }
  .about__company-table td { width: 100%; padding: 0 0 3%; display: block; }

  /*-- 小バナーエリア --*/
  .about__item-list { margin-bottom: 5%; }
  .about__item-list > li { width: 48%; }

  /*-- マップ --*/
  .about__company-map iframe { width: 100%; height: 250px; }
}