@charset "UTF-8";
.article-body h2 {
  padding: 8px 0 8px 0px;
  margin: 0 0 1em;
  color: #fff;
  text-align: center;
  background: linear-gradient(64.1089857209deg, #e8cd00 3.8333333333%, #e8cc00 3.8333333333%, #ff9100 98.8333333333%);
  letter-spacing: 1px; }

/* ===== 選ばれる理由・ポイント ====== */
@media (min-width: 768px) {
  #reason > picture {
    margin-bottom: 24px; } }
@media (max-width: 767px) {
  #reason > picture {
    margin-bottom: 5vw; } }

.reason .ncColumns_panel dt {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 60%;
  aspect-ratio: 1/1;
  margin: auto;
  padding: 0;
  background-color: #ed7700;
  color: #fff;
  font-size: 150%; }
  .reason .ncColumns_panel dt p {
    margin: 0;
    text-align: center; }
.reason .ncColumns_panel dd {
  width: 80%;
  margin: 1em auto 0;
  color: #ed7700; }
  @media (max-width: 767px) {
    .reason .ncColumns_panel dd {
      padding: 0; }
      .reason .ncColumns_panel dd p {
        margin: 0; } }

/* ===== 流れ ====== */
#flow {
  counter-reset: flow 0; }
  #flow dt {
    width: 100%;
    margin: 0.2em 0 0.4em;
    padding-right: 1em;
    border-bottom: 2px solid;
    font-size: 1.5em;
    color: #ed7700;
    letter-spacing: 1px; }
    #flow dt::before {
      margin-right: 0.5em;
      content: counter(flow) ".";
      counter-increment: flow 1; }
  #flow .ncColumns .-large p {
    display: inline;
    padding: 0 1em;
    color: #fff;
    background: #f39800;
    font-size: 1.1em; }
  #flow .ncColumns .-mini img {
    order: 1;
    width: max(80%, 300px);
    margin: auto; }