@charset "UTF-8";

/*****************************
company-summary-sec
*****************************/
.summarybox {
  margin: 0 auto;
  max-width: 800px;
}
.summarybox dt,
.summarybox dd {
  border-bottom: 1px solid #181818;
  padding: 1rem;
}
.summarybox dt {
  background: #f9f9f9;
  width: 150px;
}
.summarybox dd {
  width: calc(100% - 150px);
}
.summarybox dd.flexbox1 {
  gap: 4rem;
}
.summarybox dd .map {
  margin-top: 1rem;
}
.summarybox dd .map iframe {
  aspect-ratio: 2/1;
  height: auto;
  width: 100%;
}
@media only screen and (max-width: 1180px) {
}
@media only screen and (max-width: 1024px) {
}
@media only screen and (max-width: 820px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 767px) {
  .summarybox dt,
  .summarybox dd {
    width: 100%;
  }
  .summarybox dd.flexbox1 {
    gap: 1rem;
  }
  .summarybox dd.flexbox1 ul {
    width: 100%;
  }
  .summarybox dd .map iframe {
    aspect-ratio: 2/1.5;
  }
}