@charset "utf-8";

/* -------------------------------------------------
  h1
------------------------------------------------- */

#rwd-main-content h1 {
  margin: 37px 0 30px;
  height: 37px;
  padding-top: 4px;
  padding-left: 58px;
  background: url(/stories/history/voices/img/ico_001.svg) no-repeat 0 0 / 46px auto;
  line-height: 1;
  font-size: 3.2rem;
  font-weight: bold;
  color: #000;
  font-family: Roboto;
}

@media only screen and (max-width: 767px) {
  #rwd-main-content h1 {
    height: 28px;
    margin: 26px 0;
    padding: 4px 0 0 43px;
    background-size: 35px auto;
    font-size: 2.6rem;
    white-space: nowrap;
  }
}

/* -------------------------------------------------
  #first-view
------------------------------------------------- */

#first-view {
  width: 100%;
  overflow: hidden;
  padding-bottom: 36px;
  background: -moz-linear-gradient(180deg, #fff 0%, #d3d2d2 100%);
  background: -webkit-linear-gradient(180deg, #fff 0%, #d3d2d2 100%);
  background: linear-gradient(180deg, #fff 0%, #d3d2d2 100%);
}
#first-view .lead {
  margin-top: 1em;
  font-size: 2.2rem;
  line-height: 1.63;
  text-align: center;
}

@media only screen and (max-width: 767px) {
  #first-view {
    padding-bottom: 22px;
  }
  #first-view .pic {
    margin: 0 -5.1%;
  }
  #first-view .lead {
    font-size: 1.7rem;
    line-height: 1.64;
    text-align: left;
  }
}

/* -------------------------------------------------
  #contents-list
------------------------------------------------- */

#contents-list {
  margin-top: 67px;
}
#rwd-content #contents-list .rwd-grid-item:hover::after {
  z-index: 10;
}
#rwd-content figure {
  position: relative;
}
#rwd-content figure img {
  position: relative;
  z-index: 2;
}
#rwd-content figure::after {
  width: 74px;
  height: 74px;
  background: url(/jp/stories/history/voices/img/ico_002.svg) no-repeat 0 0 / 100% auto;
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 4;
}
#rwd-content figure.icon-gray::after {
  width: 74px;
  height: 74px;
  background: url(/jp/stories/history/voices/img/ico_003.svg) no-repeat 0 0 / 100% auto;
  display: block;
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%,-50%);
  z-index: 4;
}
#rwd-content #contents-list dt {
  font-size: 2rem;
}
#rwd-content #contents-list dd {
  font-size: 1.5rem;
  line-height: 1.46;
}

@media only screen and (max-width: 767px) {
  #contents-list {
    margin-top: 43px;
  }
  #rwd-content figure::after {
    width: 64px;
    height: 64px;
  }
  #rwd-content #contents-list dl {
    margin: 0 3px;
  }
  #rwd-content #contents-list dt {
    margin-top: 1.1em;
    font-size: 1.8rem;
  }
  #rwd-content #contents-list .rwd-grid-item:hover {
    background: transparent;
  }
  #rwd-content #contents-list .rwd-grid-item:hover::after {
    display: none;
  }
}