.btn01{
  display:block;
  max-width:245px;
  width:100%;
  padding:11px 2% 11px 2%;
  text-align:center;
  font-weight:700;
  color:#0071bc;
  border:2px solid #0071bc;
}

.btn01:hover{
  background-color:#0071bc;
  color:#fff;
}

.inTxt01{
  margin:0 0 0 0;
  line-height:2em;
}

.titH2{
  font-size:26px;
  font-weight:700;
}

.titClrBlu{
  color:#0071bc;
}

.inWrap{
  padding:80px 0 80px 0;
}

.conteBox{
  max-width:1140px;
  width:96%;
  margin:0 auto 0 auto;
  padding:10px 0 10px 0;
}

.inTitBorBlu01{
  border:10px solid #0071bc;
}

.staffTxtBox01{
  padding:30px 15px 30px 15px;
  background-color:#fff;
  margin:30px 0 0 0;
  box-shadow:0 3px 5px 0 rgba(0,0,0,0.5) ;
}

.staffName{
  margin:0 0 0 0;
  background-color: #ddf2ff;
  font-size:18px;
  font-weight:700;
  padding:10px 2% 10px 2%;
  color:#0071bc;
  position:absolute;
  top:0;
  left:15px;
}

.titH3 {
    font-size: 24px;
    font-weight: 700;
}

.bg01{
  background-color:rgba(0,113,188,0.1); 
}

.staffDtlName{
  border:2px solid #0071bc;
  padding:0 0 5px 0;
}

.staffDtlTxt01{
  font-size:20px;
  font-weight:700;
}

.staffDtlName + .webgene-item-main-image {
    margin: 30px 0 0;
}

.staffTxtBox01 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 30px 15px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staffTxtBox01 > p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staffTxtBox01 > h3 {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.staffTxtBox01 > p:nth-of-type(n + 2) {
    display: none;
}

.webgene-pagination {
    width: 100%;
}

.webgene-pagination > ul{
  padding: 0;
  display: flex;
  justify-content: center;
}

.webgene-pagination > ul > li{
  display: flex;
}

.webgene-pagination > ul > li{
  margin: 80px 10px 0;
  height:30px;
  min-height:30px;
  width:100%;
  max-width:30px;
  font-size: 14px;
  list-style: none;
  background-color: #FFF;
  display: flex;
  justify-content: center;
  padding: 4px 0;
  align-items: center;
  border: 1px #0071bc solid;
}

.webgene-pagination > ul > li.selected > a{
  color: #FFF;
  background: #0071bc;
  cursor: inherit;
}

.webgene-pagination > ul > li.selected > a:hover {
    color: #FFF;
    background-color: #0071bc;
}

.webgene-pagination > ul > li > a{
  width: 100%;
  height: 28px;
  width: 30px;
  color: #0071bc;
  display: flex;
  justify-content: center;
  align-items: center;
}
.webgene-pagination > ul > li > a:hover{
  color:#FFF;
  background-color: #0071bc;
  text-decoration: none;
}

.blogRight .webgene-item:not(:first-of-type) {
    margin: 2rem 0 0;
}

.next > a {
    font-size: 11px;
    color: #FFF;
}

.prev > a{
    font-size: 11px;
    color: #FFF;
}

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:768px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.staffTxtBox01{
	margin:-240px 0 0 auto;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 768px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

@media screen and (min-width:1024px) {

/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */
/* ★★★★★★★★★★★★★★★★★★★★★★★★★★★★★★ */

.titH2{
	font-size:36px;
}
  
.titH3 {
    font-size: 28px;
    font-weight: 700;
}

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */

}

/* min-width: 1024px ここまで */

/* ☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆☆ */