@charset "utf-8";

.basic-page{
  padding: 4rem 0 8rem;
}
@media (max-width: 640px){
  .basic-page{
    padding: 2rem 0 8rem;
  }
}



/* 会社概要 */
.outline{
  width: 100%;
  max-width: 976px;
  margin: 0 auto;
}
@media (max-width: 640px){
  .outline{
    padding: 0 1rem;
  }
}

.outline__dl{
  display: grid;
  grid-template-columns: 1fr 2fr;
  width: 100%;
  margin: 4rem auto 0;
}
@media (max-width: 640px){
  .outline__dl{
    display: block;
    margin: 2rem auto 0;
  }
}

.outline__dl > dt{
  padding: 2rem;
  border-top: solid 1px #c2c2c2;
}
@media (max-width: 640px){
  .outline__dl > dt{
    padding: 1rem 1rem 0 1rem;
    border-top: solid 1px #c2c2c2;
    font-weight: bold;
  }
}

.outline__dl > dt:last-of-type{
  border-bottom: solid 1px #c2c2c2;
}
@media (max-width: 640px){
  .outline__dl > dt:last-of-type{
    border-bottom: none;
  }
}

.outline__dl > dd{
  padding: 2rem;
  border-top: solid 1px #e8e8e8;
}
@media (max-width: 640px){
  .outline__dl > dd{
    padding: 0 1rem 1rem 1rem;
    border-top: none;
  }
}

.outline__dl > dd:last-of-type{
  border-bottom: solid 1px #c2c2c2;
}



/* 数字で見るアモルトン */
.section__header > br{
  display: none;
}
@media (max-width: 640px){
  .section__header > br{
    display: block;
  }
}

.infograph{
  width: 100%;
  max-width: 1200px;
  margin: 0 auto;
}
@media (max-width: 640px){
  .infograph{
    padding: 0 1rem;
  }
}

.infograph__figure{
  display: flex;
  gap: .5rem;
  margin: 4rem auto 0;
}
@media (max-width: 640px){
  .infograph__figure{
    display: grid;
    grid-template-columns: repeat(2, 1fr);
  }
}



/* 沿革 */
.enkaku{
  width: 100%;
  max-width: 976px;
  margin: 0 auto;
}
@media (max-width: 640px){
  .enkaku{
    padding: 0 1rem;
  }
}


.enkaku__dl{
  margin: 4rem auto 0;
}

.enkaku__dl__item{
  display: grid;
  grid-template-columns: 1fr 4fr;
  padding: 2rem;
  border-top: solid 1px #e8e8e8;
}
@media (max-width: 640px){
  .enkaku__dl__item{
    grid-template-columns: 1fr 3fr;
    gap: 0 1rem;
    padding: 1.5rem .5rem;
  }
}

.enkaku__dl__item:last-of-type{
  border-bottom: solid 1px #e8e8e8;
}

.enkaku__dl__item > dt{
  grid-row: 1 /3;
  color: #004da2;
  font-size: 2.5rem;
  font-weight: bold;
  line-height: 1;
}
@media (max-width: 640px){
  .enkaku__dl__item > dt{
    grid-row: 1 / 2;
    font-size: 1.5rem;
    font-weight: bold;
    line-height: 1;
  }
}

.enkaku__dl__item > dd:first-of-type{
  font-weight: bold;
}
@media (max-width: 640px){
  .enkaku__dl__item > dd:first-of-type{
    grid-row: 2/3;
    font-size: .875rem;
    font-weight: normal;
  }
}

@media (max-width: 640px){
  .enkaku__dl__item > dd:nth-of-type(2){
    grid-column: 2/3;
    grid-row: 1 / 4;
  }
}