.p-merit__navtitle {
  margin-top: 32px;
  margin-bottom: 16px;
  text-align: center;
}
.p-merit__navtitle > span {
  line-height: 1;
}
.p-merit__nav ul {
  display: grid;
  grid-template-columns: 1fr 1fr;
  border: 1px solid silver;
}
.p-merit__nav li {
  padding: 8px 16px;
  border-bottom: 1px solid silver;
}
.p-merit__nav li:nth-child(odd) {
  border-right: 1px solid silver;
}
.p-merit__nav li:nth-child(5) {
  border-bottom: none;
}
.p-merit__nav li:nth-child(6) {
  border-bottom: none;
}
@media (max-width: 576px) {
  .p-merit__nav ul {
    grid-template-columns: 1fr;
  }
  .p-merit__nav ul li {
    border-bottom: 1px solid silver;
  }
  .p-merit__nav ul li:nth-child(odd) {
    border-right: none;
  }
  .p-merit__nav ul li:nth-child(5) {
    border-bottom: 1px solid silver;
  }
  .p-merit__nav ul li:nth-child(6) {
    border-bottom: none;
  }
}

.l-contents .p-merit__title {
  --accent-size: 80px;
  color: white;
  position: relative;
  background-color: #004d70;
  border-left: unset;
  border-bottom: unset;
  padding-left: calc(var(--accent-size) + 32px);
  padding-block: 16px;
  font-weight: 400;
}
.l-contents .p-merit__title--accent1 {
  position: absolute;
  background-color: #fa871a;
  width: var(--accent-size);
  height: var(--accent-size);
  border-radius: 50%;
  border: 1px solid white;
  left: 16px;
  bottom: 8px;
  font-size: 16px;
  font-weight: 400;
  padding-top: 16px;
  text-align: center;
}
.l-contents .p-merit__title--accent2 {
  position: absolute;
  width: var(--accent-size);
  height: var(--accent-size);
  border-radius: 50%;
  left: 16px;
  bottom: 8px;
  font-size: 36px;
  font-style: oblique;
  font-weight: 400;
  padding-top: 28px;
  text-align: center;
}
@media (max-width: 768px) {
  .l-contents .p-merit__title--accent1 {
    top: 50%;
    translate: 0 -50%;
    bottom: unset;
  }
  .l-contents .p-merit__title--accent2 {
    top: 50%;
    translate: 0 -50%;
    bottom: unset;
  }
}
.l-contents__float-wrap {
  display: flow-root;
}
.l-contents__float-wrap-floatimage {
  float: right;
  width: 35%;
  margin: 0 0 1rem 1rem;
  height: auto;
}
@media (max-width: 768px) {
  .l-contents__float-wrap-floatimage {
    float: none;
    display: block;
    width: 100%;
    margin: 0 0 1rem 0;
  }
}
.p-merit__block {
  display: block;
  margin-block: 1rem;
}/*# sourceMappingURL=merit.css.map */