@charset "utf-8";
/* CSS Document */

/********** company **********/
/********** company **********/
/********** company **********/
.company .p-chapter .p-chapter__inner {
  max-width: 1000px;
}
.company .p-chapter .p-chapter__inner dl{
  display: flex;
  border-top: 1px solid var(--borderGray);
  border-right: 1px solid var(--borderGray);
  border-left: 1px solid var(--borderGray);
}
@media (max-width: 700px) {
  .company .p-chapter .p-chapter__inner dl{
    display: block;
  }
}
.company .p-chapter .p-chapter__inner dl:last-child{
  border-bottom: 1px solid var(--borderGray);
}
.company .p-chapter .p-chapter__inner dl dt{
  display: block;
  padding: 2rem;
  width: 280px;
  min-width: 280px;
  background: rgba(var(--sky-rgb), 0.3);
  border-right: 1px solid var(--borderGray);
}
@media (max-width: 768px) {
  .company .p-chapter .p-chapter__inner dl dt{
    width: 240px;
    min-width: 240px;
  }
}
@media (max-width: 700px) {
  .company .p-chapter .p-chapter__inner dl dt{
    width: 100%;
    min-width: 100%;
    border-right: none;
    border-bottom: 1px solid var(--borderGray);
  }
}
@media (max-width: 480px) {
  .company .p-chapter .p-chapter__inner dl dt{
    padding: 1rem;
    border-right: none;
    border-bottom: 1px solid var(--borderGray);
  }
}
.company .p-chapter .p-chapter__inner dl dd{
  padding: 2rem;
}
@media (max-width: 480px) {
  .company .p-chapter .p-chapter__inner dl dd{
    padding: 1rem;
  }
}