.title{
  margin: 0;
}
.staffsection{
  padding:5vw 5vw 0 5vw;
  position:relative;
}
@media (max-width: 321px) {
  .staffsection{
    padding:5vw 10px 0 10px;
  }
}
.staffsection:first-of-type>.staffimg{
  background-image: url(http://www.nanmori-dental.com/sp/staff/img/01_sugimoto.jpg);
}
/* .staffsection:nth-of-type(2)>.staffimg{
  background-image: url(http://www.nanmori-dental.com/sp/staff/img/02_nakai.jpg);
} */
/* .staffsection:nth-of-type(3)>.staffimg{
  background-image: url(http://www.nanmori-dental.com/sp/staff/img/03_matsumoto.jpg);
} */
/* .staffsection:nth-of-type(3)>.staffimg{
  background-image: url(http://www.nanmori-dental.com/sp/staff/img/04_noami.jpg);
} */
.staffsection:nth-of-type(2)>.staffimg{
  background-image: url(http://www.nanmori-dental.com/sp/staff/img/05_yamamoto.jpg);
}
.staffsection>header{
  padding-top:5vw;
  border:none;
  border-top:dashed 1px #433826;
  height:auto;
}
.staffsection:first-of-type>header{
  padding-top:0;
  border:none;
}
.staffsection>header>h2>*{
  float:left;
}
.staffsection>header>h2>span{
  background-image:url(http://www.nanmori-dental.com/sp/staff/img/bg_post.png);
  background-repeat:no-repeat;
  background-position:left top;
  background-size:52px 64px;
  display:block;
  width:52px;
  height:64px;
  font-size:18px;
  color:#fff;
  padding: 20px 0 0 9px;
  text-align: center;
  box-sizing: border-box;
  font-size:12px;
}
.staffsection>header>h2>ruby{
  font-size:16px;
  line-height:20px;
  padding:20px 0 0 8px;
  ruby-position:after;
  -webkit-ruby-position:after;

}
.staffsection>header>h2>ruby>rt{

  line-height:18px
}
@media (max-width: 321px) {
  .staffsection>header>h2>ruby{
    font-size:14px;
    letter-spacing:-1px;
  }
  .staffsection>header>h2>ruby>rt{
    font-size:12px;
  }
}
.staffsection>ul{
  padding-top:12px;
}
.staffsection>ul>li{
  padding-top:8px;
}
.staffsection>ul>li>span{
  font-size:14px;
  line-height:28px;
  color:#009D38;
  background-color:#F7F7D7;
  display: inline-block;
  padding: 0 6px;
  font-weight: bold;
}
.staffsection>p{
margin-top:5vw;
padding:10px;
box-sizing: border-box;
width:100%;
border:solid 1px #B9B19B;
background-color: #F9F5E7
}
.staffimg{
  width:120px;
  height:200px;
  background-size:1080px 200px;
  background-position:0 0;
  position:absolute;
  right:5vw;
  top:10vw;
}

.staffimg{
  -webkit-animation: parapara-9 2.4s steps(9) infinite ;
  animation: parapara-9 2.4s steps(9) infinite ;
  -moz-animation: parapara-9 2.4s steps(9) infinite
}

.staffsection:first-of-type>.staffimg{
  top:5vw;
}

#indexBan>ul{
  padding-top:5vw;
}
#indexBan>ul>li{
  float:left;
  box-sizing:border-box;
}
#indexBan>ul>li:nth-child(-n+3){
  width:32vw;
  padding-left:6vw;
}
#indexBan>ul>li:nth-child(n+4){
  padding-left:2.5vw;
  padding-top:6vw;
  width:18.5vw;
}
#indexBan>ul>li:first-child,#indexBan>ul>li:nth-child(4){
padding-left:0;
}
#indexBan>ul>li:first-child{
  width:26vw;
}
#indexBan>ul>li:nth-child(4){
  width:16vw;
}
#indexBan>ul>li>img{
  width:100%;
  height:auto;
}
#indexBan>p{
  padding-top:5vw;
}
body>article>section:last-of-type>p{
  margin:0 10px 1em;
}
@-webkit-keyframes parapara-9 {
    100% {
        background-position: -1080px 0
    }
}
@keyframes parapara-9 {
    100% {
        background-position: -1080px 0
    }
}