@charset "UTF-8";

/* sub_mv */
#sub_mv {
  position: relative;
  background: url(../img/sub_mv.png) no-repeat center center;
  background-size: cover;
}
#sub_mv .inner{
  height: 270px;
  display: flex;
  align-items: center;
}
#sub_mv h2{
  padding: 8px 20px;
  font-size: 28px;
  color: #fffefd;
  background-color: #100d0b;
  display: inline-block;
  font-weight: normal;
}

/* breadcrumb */
#breadcrumb ol{
  padding: 30px 0px 0px 20px;
  list-style: none;
  font-size: 12px;
  color: #555;
  margin-bottom: 70px;
  text-align: left;
}
#breadcrumb li {
  display: inline;
  list-style: none;
}
#breadcrumb li:after {
  content: '>';
  padding: 0 0.2em;
  color: #555;
}
#breadcrumb li:last-child:after {
  content: '';
}
#breadcrumb li a{
  text-decoration: none;
  color: #555;
}

/* voice */
#voice .flex{
  width: 900px;
  margin: 0 auto;
  margin-bottom: 100px;
  justify-content: space-between;
  position: relative;
}
#voice .reverse{
  flex-direction: row-reverse;
}
#voice .flex::before{
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15%;
  display: inline-block;
  width: 900px;
  height: 1px;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  background-color: #dddddd;
}
#voice .voice_img{
  width: 30%;
}
#voice .voice_text{
  width: 60%;
}
#voice .voice_text h3{
  font-size: 22px;
  letter-spacing: 0.05em;
  font-weight: 600;
  background: linear-gradient(transparent 63%, #fefba2 50%);
  display: inline;
}
#voice .voice_text p{
  padding-top: 35px;
}