/*会社概要*/
.company-container {
  max-width: 700px;
  min-width: 300px;
  margin: 0 auto;
  padding-top: 30px;

  align-items: center;
  /*border: 1px solid #ff0;*/
}

.company-main {
  display: flex;
}

.company-info {
  display: grid;
  grid-template-columns: 100px auto;
  grid-gap: 10px 20px;
  font-size: 14px;
}

.company-info-text-l {
  text-align: right;
  filter: drop-shadow(1px 0px rgb(111, 45, 185, 0.8)) drop-shadow(0px 1px rgb(111, 45, 185, 0.8)) drop-shadow(-1px 0px rgb(111, 45, 185, 0.8)) drop-shadow(0px -1px rgb(111, 45, 185, 0.8)) drop-shadow(0px 0px 15px rgb(111, 45, 185, 1));
}

.company-info-text-r {
  text-align: left;
  filter: drop-shadow(1px 0px rgb(67, 53, 189, 0.5)) drop-shadow(0px 1px rgb(67, 53, 189, 0.5)) drop-shadow(-1px 0px rgb(67, 53, 189, 0.5)) drop-shadow(0px -1px rgb(67, 53, 189, 0.5)) drop-shadow(0px 0px 15px rgb(67, 53, 189, 1));
}

.company-map {
  /* border: 1px solid #f00;*/
  margin-top: 30px;
  width: 100%;
  height: 300px;
  /*ドロップシャドウ 最初の二つの引数が方向 3つ目がブラー幅 最後が色*/
  filter: drop-shadow(0px 0px 3px #4335bd);
}

/* モバイル向けスタイル */
@media (max-width: 768px) {

  .company-info {
    grid-template-columns: 1fr;
  }

  .company-info-text-l {
    margin-left: 15px;
    text-align: left;
  }

  .company-info-text-r {
    margin-left: 30px;
    text-align: left;
  }


  .company-map {
    /* border: 1px solid #f00;*/
    margin-top: 30px;
    margin-left: 5px;
    width: 95%;
  }
}