@charset "UTF-8";
/* bodyCont idx */
.index .bodyHead{
  width: 100%;
  height: 350px;
  background: #ECF4F3;
  text-align: center;
  position: relative;
}
.idxImg{
  z-index: 1;
  margin-bottom: 10px;
}
.idxImg img{
  width: 1100px;
  margin: 0 auto 0;
}
.fadein {
  opacity : 0;
  transform: translateY(10px);
  transition: all 1.5s;
}

.index .bodyCont{
  width: 840px;
  margin: 0 auto 70px;
  padding-top: 5px;
}
  .index .bodyCont .idxNewsTtl{
    color: #20716A;
    border-bottom: 2px #20716A solid;
    background: url("../images/idx-news-ttl@2x.png") no-repeat 10px top;
    background-size: 139px;
    padding-bottom: 12px;
    padding-top: 10px;
    padding-left: 166px;
    margin-bottom: 30px;
  }
  .idxNewsLst{
    font-size: 1.1rem;
    padding-left: 10px;
    margin-bottom: 60px;
    height: 190px;
overflow-y: scroll;
  }
  .idxNewsLst dt{
    float: left;
    font-weight: normal;
  }
  .idxNewsLst dd{
    margin-left: 155px;
  }

  .idxBunkoCont{
    background: #ECF4F3;
    border: 2px solid #D1DBDA;
    padding: 30px;
    margin-bottom: 50px;
  }
    .idxBunkoCont .bunko1{
      float: left;
      width: 306px;
    }
    .idxBunkoCont .bunko2{
      float: right;
      width: 430px;
    }
    .idxBunkoCont .bunko2 h2{
      font-size: 2.1rem;
       font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
      letter-spacing: 2px;
      margin-bottom: 9px;
    }
    .idxBunkoCont .bunko2 p{
      font-size: 0.9rem;
    }
    .idxBunkoCont .btn01{
      display: inline-block;
      padding: 14px 20px;
      background: #20716A;
      text-decoration: none;
      color: #ffffff;
      border-radius: 3px;
      -webkit-transition: all 0.2s ease;
      -moz-transition: all 0.2s ease;
      -o-transition: all 0.2s ease;
      transition: all  0.2s ease;
      letter-spacing: 1px;
    }
    .idxBunkoCont .btn01:hover,
    .idxBunkoCont .btn01:active{
      background: #A44444;
    }
    .bnrCont ul{
      padding: 0;
    }

    .bnrCont ul li{
      list-style: none;
      padding: 0;
      width: 413px;
    }
    .bnrCont ul li:first-child{
      float: left;
    }
    .bnrCont ul li:last-child{
      float: right;
    }
      .bnrCont ul li a:hover,
      .bnrCont ul li a:active{
        opacity: 0.8;
        -webkit-transition: all 0.2s ease;
        -moz-transition: all 0.2s ease;
        -o-transition: all 0.2s ease;
        transition: all  0.2s ease;
      }