/*堀　事例2*/
/* form-nav */
.progressbar {
    display: flex;
    flex-wrap: wrap;
    color: #333333;
}
.progressbar .item {
      position: relative;
      width: 20%;
      text-align: center;
      position: relative;
      align-items: center;
      justify-content: center;
      padding: 13px 0;
      line-height: 1.5;
      background: #437bb7;
      color: #fff;
      margin: auto;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
      position: absolute;
      z-index: 2;
      top: 0;
      bottom: 0;
      left: 100%;
      content: '';
      border: 37px solid transparent;
      border-left: 20px solid #437bb7;
      margin: auto;
}
.progressbar .item:not(:last-child)::before {
      margin-left: 1px;
      border-left-color: #FFF;
}
  
@media screen and (max-width: 800px) {
.progressbar .item {
      font-size: 11px;
      line-height: 1.4;
      padding: 10px 0;
}
.progressbar .item:not(:last-child)::before,
.progressbar .item:not(:last-child)::after {
      border-width: 25px;
      border-left-width: 12px;
}
}
  
  /* active */
.progressbar .item.active {
      z-index: 1;
      background: #437bb7;
      color: #FFF;
}
.progressbar .item.active:not(:last-child)::after {
      border-left-color: #437bb7;
}
.progressbar .item.active:not(:last-child)::before {
      border-left: none;
}

/*堀　MRD地図*/
.googlemap {
    position: relative;
    width: 100%;
    padding-top: 75%; /* = height ÷ width × 100 */
  }
  .googlemap iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 80%;
  }
  /*堀　MRD動画見出し*/
.headline-mrdmovie {
    border-bottom: solid 3px #333;
    font-size:26px;
    color: #333;
  }