@import url('./var.css');

.title-container h2 {
  padding-bottom: 0.25em;
  font-size: var(--text-lg);
  font-weight: bold;
  color: #103874;
}

.title-container > div p:last-of-type {
  padding-bottom: 1.25rem;
}

dl,
  dt,
  dd {
    display: flex;
    align-items: center;
    /* 上下中央寄せ */
    justify-content: left;
    /* 左右中央寄せ */
  }

  dl {
    display: flex;
    flex-wrap: wrap;
    max-width: 1050px;
    height: 400px;
  }

  dt,
  dd {
    padding: 20px;
  }

  dt {
    width: 31%;
    height: 25%;
    border: solid 1.6px #808080;
    background-color: #eee;

  }

  dd {
    width: 69%;
    height: 25%;
    border: solid 1.6px #808080;
  }

  .company-overview{
    max-width: 1050px;
    height: fit-content;
    display: none;
  }
  .company-overview img{
    width: 100%;
    display: none;  
  }
  .company-overview-under600{
    max-width: 1050px;
    height: fit-content;
    display: block;
  }
  .company-overview-under600 img{
    width: 100%;
    display: block;
  }
@media screen and (min-width: 600px) {
  .title-container h2 {
    font-size: var(--text-2xl);
  }
  .company-overview{
    display: block;
  }
  .company-overview img{
    display: block;
  }
  .company-overview-under600{
    display: none;
  }
  .company-overview-under600 img{
    display: none;
  }
}