/* style */
.main-ttl {
  margin: 0 auto 32px;
  text-align: center;
  max-width: 1920px !important;
}

.eccom-contents section:first-child {
  margin-top: 64px;
}

section.main-lead p {
  text-align: center;
}
section.point-sec .page-anchor-box {
  border: 1px solid #ccc;
  margin: auto;
  padding: 2pc;
}
section.point-sec .page-anchor-box h3 {
  text-align: left;
  margin-top: 0;
}
section.point-sec .page-anchor-box .page-anchor li {
  margin: 0 0 1pc;
}
section.history h3, section.history h4 {
  text-align: left;
}
section.history .box-histop {
  text-align: center;
  margin: 0 auto;
}
section.history .box-histop h3 {
  text-align: center;
}
section.history .box-histop p {
  text-align: left;
}
section.history .box-img.bg-d8d8d8 {
  background-color: #d8d8d8;
  display: flex;
  align-items: center;
}
section.history .box-img.bg-d8d8d8 img {
  max-width: 312px;
  padding: 16px 0;
}
section.history .box-grid.col-3 .box-img.bg-d8d8d8 img {
  max-width: 202px;
}
section.history .box-grid.col-3 div {
  display: grid;
  grid-template-rows: subgrid;
  grid-row: span 4;
}
section.history .box-grid.col-3 div p {
  margin-bottom: 0 !important;
}
section.history .box-grid.col-3 p {
  text-align: center;
}

#page,
.content {
  background-color: #f2f2f2;
}

@media screen and (max-width: 575px) {
  .eccom-contents .box-grid, #select-content .history .box-grid.col-3 {
    grid-template-columns: repeat(2, 1fr) !important;
    -moz-column-gap: 16px !important;
    column-gap: 16px !important;
  }
}
/* Change style of card style. */
.box-grid.col-3 > div {
  background: #fafafa;
  padding-top: 16px;
}

.box-grid.col-3 > div p {
  padding-inline: 16px;
}

.box-grid.col-2 {
  background: #fafafa;
}

.box-grid.col-2 .box-cell:nth-child(1) {
  background: #d8d8d6;
  display: flex;
  align-items: center;
}

.box-grid.col-2 .box-cell:nth-child(2) {
  padding: 16px 16px 16px 0;
}
@media screen and (max-width: 575px) {
  .box-grid.col-2 .box-cell:nth-child(2) {
    padding: 16px;
  }
}

section.history .box-grid.col-3 div {
  grid-row: span 3;
}

.eccom-contents .box-grid, #select-content .box-grid {
  row-gap: 32px;
}

@media screen and (min-width: 576px) and (max-width: 991px) {
  .eccom-contents .box-grid, #select-content .box-grid {
    row-gap: 24px;
  }
}
@media screen and (max-width: 575px) {
  .eccom-contents .box-grid, #select-content .box-grid {
    row-gap: 16px;
  }
}/*# sourceMappingURL=history.css.map */