/* Scss Document */
/* Scss Document */
body {
  min-width: 1250px;
}

#key li:nth-child(1) {
  background: url(../img/index/key1.jpg) no-repeat center/cover;
}
#key li:nth-child(2) {
  background: url(../img/index/key2.jpg) no-repeat center/cover;
}
#key li:nth-child(3) {
  background: url(../img/index/key3.jpg) no-repeat center/cover;
}

header #key {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 800px;
  z-index: 1;
}
header #key ul {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

#sec1 {
  position: relative;
  padding: 0 0 100px;
}
#sec1:before {
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: calc(50% - 460px);
  background: url(../img/shared/bg4.jpg) repeat center top;
  height: 764px;
}
#sec1 h2 {
  padding: 119px 0 0 0;
}
#sec1 .deco {
  position: absolute;
  top: -50px;
  left: -300px;
}
#sec1 .box {
  background: url("../img/shared/bg5.jpg") repeat center top;
  color: #fff;
  width: 619px;
  min-height: 559px;
  margin: -315px 0 0 73px;
  box-shadow: 0px 0px 7.2px 0.8px rgba(0, 0, 0, 0.43);
  position: relative;
}
#sec1 .box:after {
  content: '';
  background: url("../img/index/sec1_deco2.png") no-repeat center top/cover;
  width: 265px;
  height: 290px;
  position: absolute;
  bottom: -68px;
  right: -321px;
}
#sec1 .box .txt {
  font-size: 15px;
  padding: 69px 70px 70px 80px;
  text-align: justify;
}
#sec1 .box .button {
  position: absolute;
  bottom: -53px;
  right: -649px;
}

#sec2 {
  position: relative;
  background: url("../img/shared/bg4.jpg") repeat center top;
  color: #fff;
}
#sec2 .box1 {
  position: relative;
}
#sec2 .box1 h2 {
  position: absolute;
  top: 117px;
  right: -14px;
}
#sec2 .box1 .photo {
  position: absolute;
  top: 142px;
  left: 343px;
}
#sec2 .box1 .txt {
  height: 458px;
  width: 307px;
  padding: 258px 0 84px 0;
}
#sec2 .box1 .deco1 {
  position: absolute;
  top: 30px;
  left: -193px;
}
#sec2 .box1 .deco2 {
  position: absolute;
  top: 0;
  right: -260px;
}
#sec2 .box1 .button {
  padding: 51px 0 0 0;
}
#sec2 .box2 {
  position: relative;
}
#sec2 .box2:before {
  content: '';
  position: absolute;
  top: 188px;
  left: -194px;
  background: url("../img/shared/bg5.jpg") repeat center top;
  width: 352px;
  height: 424px;
}
#sec2 .box2 h3 {
  padding: 111px 0 0 0;
}
#sec2 .box2 .photo {
  position: absolute;
  top: 63px;
  right: -187px;
}
#sec2 .box2 .txt {
  padding: 24px 550px 167px 0;
  position: relative;
  text-align: justify;
}
#sec2 .box2 .deco1 {
  position: absolute;
  top: -189px;
  left: -223px;
}
#sec2 .box2 .deco2 {
  position: absolute;
  top: -144px;
  right: -77px;
}

#sec3 {
  position: relative;
  overflow: hidden;
}
#sec3 .wrap:before {
  content: '';
  width: 440px;
  height: 764px;
  position: absolute;
  bottom: 0;
  left: -457px;
  background: url("../img/shared/bg3.jpg") repeat center top;
}
#sec3 .deco1 {
  position: absolute;
  top: 0;
  right: -324px;
  background: url("../img/index/sec3_deco1.png") no-repeat center top/cover;
  width: 299px;
  height: 703px;
}
#sec3 h2 {
  padding: 123px 0 0 416px;
}
#sec3 .photo1 {
  position: absolute;
  top: -254px;
  left: -350px;
  z-index: 1111;
}
#sec3 .photo2 {
  padding: 32px 0 0 429px;
}
#sec3 .box {
  background: url("../img/shared/bg5.jpg") repeat center top;
  color: #fff;
  width: 685px;
  height: 337px;
  margin: -120px 0 0 -82px;
  position: relative;
  z-index: 111;
}
#sec3 .box .txt {
  padding: 69px 88px 58px 81px;
  box-shadow: 0px 0px 7.2px 0.8px rgba(0, 0, 0, 0.43);
  text-align: justify;
}
#sec3 .button {
  padding: 0 0 21px 140px;
  position: relative;
  z-index: 11111;
}
#sec3 .photo3 {
  position: absolute;
  bottom: -32px;
  left: 477px;
  z-index: 1111;
}

#sec4 {
  position: relative;
  background: url("../img/shared/bg4.jpg") repeat center top;
}
#sec4 h2 {
  padding: 158px 0 78px;
}
#sec4 .button1 {
  position: absolute;
  top: 158px;
  right: -23px;
}
#sec4 #feed {
  margin: 0 -20px 0 -20px;
  min-height: 336px;
}
#sec4 #feed .box {
  float: left;
  width: 320px;
  min-height: 336px;
  background: #fff;
  border-radius: 8px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
#sec4 #feed .box .photo {
  padding: 20px 20px 0 20px;
}
#sec4 #feed .box .photo span {
  width: 280px !important;
  height: 170px !important;
  -webkit-transition: all .3s ease;
  -moz-transition: all .3s ease;
  -ms-transition: all .3s ease;
  -o-transition: all .3s ease;
  transition: all .3s ease;
}
#sec4 #feed .box .photo:hover span {
  opacity: 0.8;
}
#sec4 #feed .box dl {
  padding: 24px 0 0 34px;
  line-height: 25px;
}
#sec4 #feed .box dl dd {
  padding: 6px 28px 0 0;
  line-height: 34px;
}
#sec4 #feed .box + .box {
  margin-left: 39px;
}
#sec4 .button2 {
  padding: 70px 0 87px 0;
}
#sec4 .deco {
  position: absolute;
  top: 0;
  left: 151px;
}
.oshirase02{
	width: 820px;
	background:#FFFFFF;
	color: #5B6600;
	margin: 30px auto;
	padding: 10px 0;
}
.oshirase02 .waku{
	width: 800px;
	border: solid 1px #a6ba00;
	margin: 0 auto;
}
.oshirase02 .waku .tit{
	text-align: center;
	font-size: 23px;
	margin-top: 20px;
	letter-spacing: 1px;
}
.oshirase02 .waku .txtx{
	text-align: center;
	line-height: 24px;
	margin: 15px 0 10px 0;
	font-size: 15px;
	padding: 20px;
}
.oshirase02 .hd_btn a {
  display: block;
  width: inherit;
  height: inherit;
  text-decoration: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.oshirase02 .hd_btn {
  width: 326px;
	text-align: center;
  height: 49px;
  border: 2px solid #fff;
  color: #fff;	
  margin:0 auto 20px auto;
  font-size: 18px;
  line-height: 49px;
  font-weight: bold;
  letter-spacing: 2.5px;  
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all .3s ease;
     -moz-transition: all .3s ease;
      -ms-transition: all .3s ease;
       -o-transition: all .3s ease;
          transition: all .3s ease;
}
.oshirase02 .hd_btn:hover{
	opacity: 0.8;
}
.oshirase02 .hd_btn2 {
  background: url("../img/shared/btn_bg3.jpg") repeat center top;
  margin-top: 5px;
}
.howl_bnr a{
	margin: 0px auto 10px auto;
	padding: 10px 0;
	display: block;
	color:#FFF;
	text-align: center;
	text-decoration: none;
	font-size: 18px;
	line-height: 28px;
	background:#2d4a01; 
	-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);
}