@charset "utf-8";

#first {
  background: transparent url(../images/nr/sv.jpg) no-repeat center center;
  background-size: cover;
  position: relative;
  z-index: 100;
}

.title {
  font-size: 190%;
}

.head-box {
  position: absolute;
  top: 50%;
  left: 50%;
  width: 500px;
  margin: -100px 0 0 -250px;
  color: #fff;
  border: solid 5px rgba(255,255,255,.6);
  padding: 20px;
  border-radius: 20px;
}

.head-box h1 {
  font-size: 250%;
  margin-bottom: 5px;
}

.head-box h1 small {
  font-size: 50%;
  color: #fff;
}

#second dl {
  border-bottom: solid 1px #ccc;
  margin-bottom: 30px;
}

#second h3 {
  display: inline-block;
  background-color: #5B905E;
  padding: 3px 10px 2px;
  color: #fff;
  margin-bottom: 10px;
}
#third h3 {
  display: inline-block;
  padding: 3px 0 2px;
  color: #F2F11B;
  margin-bottom: 10px;
	font-weight: bold;
}
#forth h3 {
  display: inline-block;
  background-color: #5B905E;
  padding: 3px 10px 2px;
  color: #fff;
  margin-bottom: 10px;
}
#fifth h3 {
  display: inline-block;
  padding: 3px 0 2px;
  color: #F2F11B;
  margin-bottom: 10px;
	font-weight: bold;
}
#sixth h3 {
  display: inline-block;
  background-color: #5B905E;
  padding: 3px 10px 2px;
  color: #fff;
  margin-bottom: 10px;
}

.voice {
  line-height: 1.8;
}

.voice dl {
  border: solid 1px #fff;
  padding: 20px;
  border-radius: 10px;
  margin-bottom: 10px;
}

.voice dt {
  border-bottom: solid 1px rgba(255,255,255,.6);
  margin-bottom: 5px;
}

.hyoka, .fukuri {
  line-height: 1.8;
}


#sixth .img-responsive {
	margin: 0 auto;
}

#sixth li {
	background: url(../images/nr/li-icon.png) no-repeat left 7px;
	padding-left: 20px;
}





@media (max-width: 1300px){

}
@media (max-width: 1199px){

}
@media (max-width: 991px){

}

@media (max-width: 767px){
  #second div > dl {
    border: none;
  }
  #second dt {
    background-color: #ddd;
    padding: 3px 0 2px 8px;
    margin-bottom: 5px;
  }
  #second div > dl > dd {
    font-size: 90%;
  }
  .hipou {
    max-width: 200px;
    margin-bottom: 20px;
  }
  .title {
    font-size: 140%;
    padding: 0 10px;
  }
  .head-box {
    width: 95%;
    margin: 0 auto;
    position: relative;
    left: auto;
    top: 15%;
  }
  .head-box h1 {
    font-size: 160%;
  }
  .head-box p {
    font-size: 90%;
  }
}

@media (max-width: 500px){

}

@media (max-height: 400px){

}