/* CSS Document */
/* Scss Document */
#key li:nth-child(1) {
  background: url(../img/index/key_img3.jpg) no-repeat center/cover; }
#key li:nth-child(2) {
  background: url(../img/index/key_img2.jpg) no-repeat center/cover; }
#key li:nth-child(3) {
  background: url(../img/index/key_img4.jpg) no-repeat center/cover; }
#key li:nth-child(4) {
  background: url(../img/index/key_img1.jpg) no-repeat center/cover; }

#sec1 {
  background: url("../img/index/s1_bg.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
  padding-top: 191px;
  padding-bottom: 100px;
  position: relative; }
  #sec1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }
  #sec1 h2 {
    text-align: center;
    padding-bottom: 275px; }
  #sec1 .txt {
    padding: 0 96px; }
  #sec1 .deco {
    position: absolute;
    top: 2px;
    right: 150px; }

#sec2 {
  background: url("../img/index/s2_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 235px;
  padding-bottom: 145px;
  position: relative; }
  #sec2:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }
  #sec2 h2 {
    font-size: 24px;
    letter-spacing: 0.15em;
    line-height: 71px;
    color: #4f3729;
    padding-left: 538px;
    width: 473px; }
    #sec2 h2 .txt-md {
      font-size: 36px;
      letter-spacing: 0.15em; }
    #sec2 h2 .highlight {
      color: #b4490b;
      font-size: 42px;
      letter-spacing: 0.15em;
      background: -webkit-linear-gradient(transparent 60%, #eecc8e 60%);
      background: -o-linear-gradient(transparent 60%, #eecc8e 60%);
      background: linear-gradient(transparent 60%, #eecc8e 60%); }
  #sec2 .img1 {
    position: absolute;
    top: -98px;
    left: -218px; }
  #sec2 .img2 {
    position: absolute;
    top: 232px;
    right: -117px; }
  #sec2 .img3 {
    padding-top: 99px;
    margin-left: -225px; }
  #sec2 .txt {
    width: 397px;
    margin-left: auto;
    margin-top: -347px;
    margin-right: 26px; }
  #sec2 .btn {
    text-align: right;
    padding-top: 34px;
    margin-right: 6px; }

#sec3 .blk1 {
  background: url("../img/index/s3_bg1.jpg") no-repeat center;
  background-size: cover;
  color: #fff;
  padding-top: 248px;
  padding-bottom: 465px;
  position: relative; }
  #sec3 .blk1:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }
  #sec3 .blk1 .btn1 {
    position: absolute;
    top: -163px;
    right: 362px; }
  #sec3 .blk1 .btn2 {
    position: absolute;
    top: 206px;
    left: 307px; }
  #sec3 .blk1 .txt {
    font-size: 26px;
    letter-spacing: 0.15em;
    line-height: 57px;
    padding-left: 86px; }
    #sec3 .blk1 .txt .txt-lg {
      font-size: 42px;
      letter-spacing: 0.15em; }
    #sec3 .blk1 .txt .txt-md {
      font-size: 30px;
      letter-spacing: 0.14em; }
#sec3 .blk2 {
  background: url("../img/index/s3_bg2.jpg") repeat;
  padding-top: 87px;
  padding-bottom: 79px; }
  #sec3 .blk2 .txt {
    padding: 0 112px; }

#sec4 {
  background: url("../img/index/s4_bg.jpg") no-repeat center;
  background-size: cover;
  padding-top: 147px;
  padding-bottom: 99px;
  position: relative; }
  #sec4:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background: url("../img/shared/line.jpg") repeat-x; }
  #sec4 .img {
    margin-left: -45px;
    padding-bottom: 46px; }
  #sec4 .box {
    width: 380px;
    height: 650px;
    background: url("../img/index/s4_bg_box.jpg") repeat;
    position: absolute;
    top: -26px;
    right: -87px; }
    #sec4 .box h2 {
      font-size: 30px;
      color: #fff;
      letter-spacing: 0.1em;
      line-height: 72px;
      height: 430px;
      position: absolute;
      top: 81px;
      left: 81px;
      z-index: 1; }
      #sec4 .box h2 .txt-md {
        font-size: 36px;
        letter-spacing: 0.01em; }
    #sec4 .box .deco {
      position: absolute;
      bottom: 55px;
      left: 50px; }
  #sec4 .txt {
    padding: 0 53px; }
#sec4 .btn {
    text-align: left;
    padding-top: 34px;
    margin-left: 50px; }
#sec5 {
  padding-top: 124px;
  padding-bottom: 112px; }
  #sec5 h2 {
    text-align: center;
    font-size: 32px;
    color: #371b0b;
    letter-spacing: 0.11em;
    padding-bottom: 70px; }
  #sec5 #feed {
    display: flex;
    justify-content: center; }
    #sec5 #feed .row:nth-child(2) {
      padding: 0 50px; }
    #sec5 #feed dl {
      text-align: center; }
      #sec5 #feed dl dt, #sec5 #feed dl dd {
        line-height: 24px;
        letter-spacing: 0.1em; }
      #sec5 #feed dl dd {
        padding-top: 24px; }
        #sec5 #feed dl dd a {
          color: #6c2504;
          text-decoration: underline; }
  #sec5 ul {
    text-align: center;
    padding-top: 57px; }
    #sec5 ul li {
      display: inline;
      padding: 0px 5px; }

.goto{
	text-align:center;
	margin: 20px auto;
	
}

.recruit{
    position: absolute;
    top: -730px;
    right:0;

}

#text_box{
  width:750px;
  margin:50px auto 50px auto;
  padding:20px 0;
  background: url("../img/index/s4_bg_box.jpg") repeat;
	color: #fff;
  }
  #text_box p.oshirase{
  font-size:24px;
  margin-bottom: 8px;
  letter-spacing: 2px;
  text-align:center;
  line-height:40px;
  font-weight: bold;
  }
  #text_box p.oshirase_txt{
  text-align:center;
  font-size:17px;
  line-height:32px;
  }
#text_box p.oshirase_txt span a{
  text-align:center;
  font-size:17px;
  line-height:32px;
	background: #fff;
	padding: 10px;
	margin: 0 auto;
	color:  #6c2504;
	font-weight: bold;
	text-decoration: none;
  }
#text_box p.oshirase_txt span a:hover{
	opacity: 0.8;
}