#key .slide1 {
  background-image: url(../img/index/key1.png);
}

#key .slide2 {
  background-image: url(../img/index/key2.png);
}

#key .slide3 {
  background-image: url(../img/index/key3.png);
}

#sec1 {
  background: url(../img/index/sec1_bg2.png) no-repeat top center;
  background-size: cover;
  padding-bottom: 211px;
}

#sec1 h2 {
  font-size: 45px;
  font-weight: normal;
  height: 532px;
  padding: 377px 0 0 84px;
  position: relative;
  z-index: 2;
  line-height: 84px;
  letter-spacing: 15.5px;
}

#sec1 h2 .fnt {
  font-size: 38px;
}

#sec1 h2 .pd {
  padding-top: 113px;
}

#sec1 .photo {
  margin: -323px 0 0 -19px;
}

#sec1 .txt {
  width: 632px;
  margin-top: -128px;
  margin-left: 368px;
  position: relative;
  z-index: 1;
}

#sec1 .txt p {
  padding-bottom: 31px;
}

#sec2 {
  background: url(../img/index/sec2_bg.png) no-repeat top center;
  height: 862px;
  margin-top: -95px;
  position: relative;
  z-index: 1;
}

#sec2 h2 {
  font-size: 36px;
  line-height: 75px;
  letter-spacing: 10px;
  padding-top: 252px;
  position: relative;
  z-index: 2;
  display: inline-block;
}

#sec2 h2:before {
  content: '';
  background-color: #fff;
  height: 1px;
  width: 102px;
  position: absolute;
  bottom: 37px;
  right: -125px;
}

#sec2 h2 .fnt {
  font-size: 45px;
}

#sec2 h2 .pd {
  padding-left: 89px;
}

#sec2 .photo {
  position: absolute;
  top: 165px;
  right: -400px;
}

#sec2 .txt {
  padding: 38px 0 41px 98px;
  position: relative;
  z-index: 2;
}

#sec2 .bnr {
  margin-left: 72px;
}

#sec3 {
  margin-top: -158px;
  padding: 306px 0 96px;
  background: url(../img/index/sec3_bg.jpg) no-repeat top center;
  background-size: cover;
}

#sec3 .boxinfo {
  width: 1300px;
}

#sec3 .box {
  width: 320px;
  float: left;
  margin-right: 35px;
  position: relative;
}

#sec3 .box:last-child {
  margin-right: 0;
}

#sec3 .box .boxtxt {
  position: absolute;
  top: 276px;
  left: 0;
  z-index: 1;
}

#sec3 .box .boxtxt .ttl {
  font-size: 46px;
  line-height: 80px;
  font-family: 'Forum', cursive;
}

#sec3 .box .boxtxt .txt {
  padding-top: 0px;
}

#sec3 .box .photo {
  padding-left: 30px;
}

#sec3 .box a:hover {
  text-decoration: none;
}

#sec3 .box a:hover .photo img {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.6);
}

#sec3 .box1 {
  margin-top: 300px;
}

#sec3 .box2 {
  margin-top: 150px;
}

#sec4 {
  padding-bottom: 226px;
}

#sec4 .boxleft {
  width: 240px;
  float: left;
}

#sec4 .boxleft h2 {
  font-size: 46px;
  line-height: 80px;
  padding: 96px 0 0 20px;
}

#sec4 .boxinfo {
  width: 760px;
  float: left;
  padding-top: 65px;
}

#sec4 .boxinfo #feed .blk {
  background: url(../img/index/blk_bg.jpg) repeat top center;
  padding: 30px 0 25px;
  margin-bottom: 20px;
}

#sec4 .boxinfo #feed .blk .date {
  padding: 0 23px 0 63px;
  float: left;
}

#sec4 .boxinfo #feed .blk .title {
  border-left: 1px solid #fff;
  float: left;
  padding-left: 28px;
}

#scroller {
  padding: 126px 0 104px;
  background: url(../img/index/sec5_bg.jpg) no-repeat top center;
  background-size: cover;
}

#scroller .boxtitle {
  width: 1000px;
  margin: 0 auto;
  padding-bottom: 47px;
}

#scroller .boxtitle h2 {
  float: left;
  font-size: 46px;
  padding-left: 20px;
}

#scroller .boxtitle .bnr {
  float: right;
}

#oshirase{
    text-align: center;
    margin: 10px auto;
	margin-bottom: 300px;
    width: 600px;
    background-color: rgba(255,255,255,0.7);
    font-size: 18px;
    padding: 20px;
    line-height: 30px;
    border: #000000 double 3px;
}

#oshirase span{
    text-align: center;
    font-size: 20px;
    
}

/*20220531*/
.ft_bnr{
	text-align: center;
	margin-bottom: 20px;
}