@import url(./common/_variable.css);

/* company */
/* ============================================ */


.area__about {
  padding: 0 20px;
}

.block__about {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 1fr 44%;
  gap: 5%;
  align-items: center;
  @media (width < 480px) {
    grid-template-columns: 1fr;
    gap: 10px;
  }
}

.hd_about {
  font-size: 2.4rem;
  font-weight: 700;
  line-height: 1.3em;
  @media (width < 896px) {
    font-size: 2rem;
  }
}

.txt_about {
  line-height: 2em;
  padding: 20px 0 0;
  text-align: justify;
  @media (width < 896px) {
    padding: 10px 0 0;
  }
}


.area__spec {
  padding: 6.25vw 20px 12.403vw;
}

.block__spec {
  max-width: 1200px;
  margin: auto;
  display: grid;
  grid-template-columns: 120px 1fr;
  border-top:var(--omura_red) solid 1px;
  padding: 25px 0;
  @media (width < 896px) {
    grid-template-columns: 95px 1fr;
  }
  @media (width < 480px) {
    grid-template-columns: 1fr;
    padding: 10px 0;
  }
}

.line_bottom {
  border-bottom:var(--omura_red) solid 1px;
}

.hd_spec {
  padding: 10px 0;
  font-size: clamp(1.6rem,1.5625vw,2rem);
  font-weight: 700;
  line-height: 1.1em;
  @media (width < 896px) {
    line-height: 1.3em;
  }
}

.box_txt {
  display: grid;
  grid-template-columns: 86px 1fr;
  font-size: 1.4rem;
  @media (width < 480px) {
    padding-left: 16px;
  }
}

.ttl_spec,.txt_spec {
  padding: 10px 0;
}

.box_list {
  @media (width < 480px) {
    padding-left: 16px;
  }
}

.box_item,.box_item_s {
  padding: 10px 0;
  font-size: 1.4rem;
}

.box_item {
  display: grid;
  grid-template-columns: 66px 35px 1fr;
  .month {
    text-align: right;
  }
  .matters {
    padding: 0 0 0 12px;
  }
}