@charset "utf-8";
/* companyページ共通css */
.company, .company__map,.history {
  padding: 0 5%;
}

.company__common {
  font-size: 2.3rem;
  text-align: center;
  margin-bottom: 40px;
}

/* ここからセクション毎のcss */

/* 会社概要 */
.company__top {
  background-image: url(../images/pic-company-top-sp.webp);
  background-size: cover;
  background-repeat: no-repeat;
}

.company {
  margin: 40px auto;
}

/* 会社の歩み */
.history {
  margin: 80px 0;
}

.history__common_list {
  overflow: hidden;
  line-height: 1.5em;
  font-size: 15px;
  border-bottom: 1px solid #e5e5e5;
  margin-bottom: 30px;
}

.history__common_list dt {
  width: calc(50% - 33px);
  float: left;
  font-weight: 500;
  padding: 17px 13px 17px 20px;
}

.history__common_list dd {
  width: calc(50% - 20px);
  margin-left: 50%;
  padding: 17px 20px 17px 0;
}

.history__common_list dt, .history__common_list dd {
  border-top: 1px solid #e5e5e5;
}

.marginrate {
  color: #09017e;
  padding-left: 2%;
  padding-top: 30px;
  font-size: 14px;
}

.map {
  display: block;
  width: 100%;
  height: 200px;
}

@media screen and (min-width:600px) {
  .map {
    width: 1080px;
    height: 300px;
    margin: 0 auto;
  }
}

@media screen and (min-width:1200px) {
  .company__container {
    width: 1200px;
    margin: 0 auto;
    padding: 0;
  }

/* 会社概要 */
  .company__top {
    background: url(../images/pic-company-top.webp);
    background-size: cover;
    background-repeat: no-repeat;
  }

  .company-title {
    font-size: 70px;
    font-weight: 500;
    top: 10%;
    white-space: nowrap;
  }

  .history__common_list dt {
    padding: 25px 13px 25px 20px;
  }

  .history__common_list dd {
    padding: 25px 20px 25px 0;
  }

  .marginrate:hover {
    opacity: 70%;
    transition:  0.6s;
  }

/* 会社の歩み */
  .history {
    margin-top: 100px;
  }

  .history__common_list {
    font-size: 16px
  }
}