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

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

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

#sec1 {
  position: relative;
  padding-bottom: 225px;
}

#sec1:before {
  content: url(../img/index/sec1_arrow.png);
  position: absolute;
  left: 50%;
  margin-left: -12px;
  top: -65px;
  z-index: 5;
}

#sec1 .boximg {
  position: absolute;
  width: 50%;
  right: 0;
  top: 135px;
  position: absolute;
  background: url(../img/index/sec1_img.jpg) center center no-repeat;
  background-size: cover;
  height: 750px;
}

#sec1 h2 {
  position: absolute;
  top: 233px;
  left: 500px;
}

#sec1 .box {
  width: 500px;
}

#sec1 .box h3 {
  padding: 176px 0 0 62px;
}

#sec1 .box .txt {
  text-align: center;
  padding: 31px 0 78px;
  width: 400px;
  margin-left: 52px;
}

#sec1 .box .bnr {
  padding-left: 100px;
}

#sec2 {
  color: #fff;
}

#sec2 .info1 {
  padding-bottom: 100px;
}

#sec2 .info1 .boximg {
  position: relative;
  width: 1050px;
  height: 600px;
  margin-left: -100px;
  background: url(../img/index/sec2_img1.jpg) top center no-repeat;
}

#sec2 .info1 .boximg:hover .txt {
  opacity: 1;
}

#sec2 .info1 .boximg:before {
  content: url(../img/index/sec2_line1.png);
  left: 0;
  top: -101px;
  position: absolute;
}

#sec2 .info1 .boximg .ttl {
  padding: 64px 0 25px 150px;
}

#sec2 .info1 .boximg .txt {
  padding: 0 0 19px 150px;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#sec2 .info1 .boximg .bnr {
  padding: 68px 0 0 150px;
}

#sec2 .info2 {
  padding-bottom: 105px;
}

#sec2 .info2 .boximg {
  position: relative;
  width: 1050px;
  height: 600px;
  margin-left: 50px;
  background: url(../img/index/sec2_img2.jpg) top center no-repeat;
}

#sec2 .info2 .boximg:hover .txt {
  opacity: 1;
}

#sec2 .info2 .boximg:before {
  content: url(../img/index/sec2_line2.png);
  right: -50px;
  top: -51px;
  position: absolute;
}

#sec2 .info2 .boximg .ttl {
  padding: 65px 0 29px 524px;
}

#sec2 .info2 .boximg .txt {
  padding: 0 0 19px 585px;
  opacity: 0;
  -webkit-transition: all 1s ease;
  -moz-transition: all 1s ease;
  -ms-transition: all 1s ease;
  -o-transition: all 1s ease;
  transition: all 1s ease;
}

#sec2 .info2 .boximg .bnr {
  padding: 68px 0 0 585px;
}

#sec2 .add{
  position: relative;
  padding: 69px 0 221px 50px;
  box-sizing: border-box;
  z-index: 1;
}
#sec2 .add::before{
  content: '';
  position: absolute;
  top: 0;
  left: -100px;
  background: url(../img/index/s2-add-bg.jpg) no-repeat center center / 100% auto;
  width: 1050px;
  height: 600px;
}
#sec2 .add::after{
  content: url(../img/index/s2-add-line.png);
  position: absolute;
  top: -51px;
  left: -154px;
  z-index: 1;
}
#sec2 .add p.txt{
  position: relative;
  z-index: 1;
  margin: 25px 0 203px;
}

#sec3_add {
  background: url(../img/index/s3-add-bg.jpg) bottom center no-repeat;
  background-size: cover;
  padding-bottom: 121px;
  color: #fff;
}

#sec3_add h2 {
  position: absolute;
  top: -175px;
  left: 124px;
}

#sec3_add .txt {
  padding: 240px 0 69px 550px;
}

#sec3_add .bnr {
  margin-left: 550px;
}


#sec3 {
  background: url(../img/index/sec3_bg.jpg) bottom center no-repeat;
  background-size: cover;
  padding-bottom: 121px;
}

#sec3 h2 {
  position: absolute;
  top: -175px;
  left: 105px;
}

#sec3 .txt {
  padding: 270px 0 69px 550px;
}

#sec3 .bnr {
  margin-left: 550px;
}

#sec5_add{
  background: #000;
  padding: 98px 0 0;
  color: #fff;
}
#sec5_add .bnr a{
  display: block;
  width: 100%;
  height: 100%;
  background: url(../img/index/s5-add-btn.png) no-repeat right bottom,url(../img/index/s5-add-bg.jpg) no-repeat center center / cover;
  padding: 160px 82px 22px 82px;
  
  text-align: center;
  transition: all .3s ease;
  border: 1px solid rgba(255, 255, 255, .5);
  box-sizing: border-box;
}
#sec5_add .bnr h2{
  margin-bottom: 50px;
}
#sec5_add .bnr p.txt{
  text-align: left;
}
#sec5_add .bnr a:hover{
  text-decoration: none;
  opacity: .8;
}
#sec4 {
  color: #fff;
  background-color: #000;
}

#sec4 h2 {
  padding: 25px 0 25px 62px;
  left: 62px;
  float: left;
}

#sec4 #feed {
  width: 700px;
  float: right;
  padding: 42px 0 42px;
}

#sec4 #feed .blk {
  line-height: 40px;
}

#sec4 #feed .blk .date {
  width: 107px;
  float: left;
}

#sec4 #feed .blk .title {
  width: 495px;
  float: left;
}

#event{
	width:1000px;
	margin:30px auto 50px auto;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
}
#event p.tit{
	color:#FFFFFF;
	text-align:center;
	padding:15px 0;
	font-size:22px;
	background-color: #151515;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#event p.txt{
	text-align:center;
	padding:15px 0;
	background-color: rgba(255,255,255,0.7);
	color:#300;
	font-size:17px;
	font-weight:bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}


#event2{
	width:1000px;
	margin:30px auto 30px auto;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	background-color: rgba(255,255,255,0.7);
	padding-bottom: 5px;
}
#event2 p.tit{
	color:#FFFFFF;
	text-align:center;
	padding:15px 0;
	font-size:22px;
	background-color: #151515;
	font-weight: bold;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#event2 p.txt{
	text-align:center;
	padding:15px 0;
	color:#300;
	font-size:17px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#event2 p.txt2{
	text-align:center;
	padding:15px 0;
	color:#300;
	font-size:18px;
	line-height: 35px;
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	border: 3px double;
	width: 600px; 
	margin: 0 auto;
}
.goto{
	text-align: center;
	padding: 25px 0 0 0;
}
.osechi_bnr a{
	margin: 50px auto 80px auto;
	padding: 15px 0;
	display: block;
	color:#FFFFFF;
	text-align: center;
	text-decoration: none;
	font-size: 20px;
	background:#701117; 
	-webkit-border-radius: 2px;
	border-radius: 2px;
	box-sizing:border-box;
	width: 500px;
	font-weight: bold;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.22);
	font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "メイリオ", Meiryo, "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}