.about .content.history {
  margin-bottom: 91px;
}
.about .history .columns .arrow-down-1 {
  background-color: #e7e7e7;
}
.about .history .columns .arrow-down-1:before {
  border-top-color: #e7e7e7;
}
.about .history .columns .arrow-down-2 {
  background-color: #d1d1d1;
}
.about .history .columns .arrow-down-2:before {
  border-top-color: #e7e7e7;
}
.about .history .columns .arrow-down-3 {
  background-color: #a5a5a5;
}
.about .history .columns .arrow-down-3:before {
  border-top-color: #d1d1d1;
}
.about .history .columns .arrow-down-4 {
  background-color: #8e8e8e;
}
.about .history .columns .arrow-down-4:before {
  border-top-color: #a5a5a5;
}

.about .history .columns .arrow-down-5 {
  background-color: #787878;
}
.about .history .columns .arrow-down-5:before {
  border-top-color: #8e8e8e;
}
.about .history .columns .arrow-down-5:after {
  border-left: none;
  border-right: none;
  border-top: none;
}
.about .history .columns .arrow-down-6 {
  background-color: #616161;
}
.about .history .columns .arrow-down-6:before {
  border-top-color: #787878;
}
.about .history .columns .arrow-down-7 {
  background-color: #4a4a4a;
}
.about .history .columns .arrow-down-7:before {
  border-top-color: #616161;
}
.about .history .columns .arrow-down-8 {
  background-color: #343434;
}
.about .history .columns .arrow-down-8:before {
  border-top-color: #4a4a4a;
}
.about .history .columns .arrow-down-9 {
  background-color: #1e1e1e;
}
.about .history .columns .arrow-down-9:before {
  border-top-color: #343434;
}
.about .history .columns .arrow-down-9:after {
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
  border-top: 9px solid #1e1e1e;
}
.about .history .columns .arrow-down-9:after {
  content: '';
  display: block;
  bottom: 0;
  position: absolute;
  background-color: white;
}
.about .map {
  position: relative;
  width: 100%;
  height: 0;
  padding-top: 56.25%;
  overflow: hidden;
}
.about .map iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(100% + 360px);
  margin-top: -170px;
  margin-left: 0;
  margin-right: 0;
}
.sp-br {
  display: none;
}

@media screen and (max-width: 649px){
  .about .history .columns .arrow-down-9:after {
    border-left: 0.85rem solid transparent;
    border-right: 0.85rem solid transparent;
    border-width: 0.85rem 0.85rem 0px 0.85rem;
    border-style: solid;
  }
  .sp-br {
    display: block;
  }
}

.about a.open-map {
    background-color: #636363;
    color: white;
    font-size: 12px;
    border: 1px solid #d2d2d2;
    display: block;
    text-align: center
}

@media screen and (min-width: 650px),print {
    .about a.open-map {
        padding-left:11px;
        letter-spacing: .6px;
        height: 34px;
        width: 213px
    }
}

@media screen and (max-width: 649px) {
    .about a.open-map {
        height:22px;
        width: 168px;
        letter-spacing: .3px;
        margin-top: 15px;
        line-height: 20px;
        padding-left: 4px;
        font-size: 10px
    }
}