/* Scss Document */
/* Scss Document */
.content_pos, #reco1:before, #reco2 .reco_img:before, #reco2 .reco_img:after, #reco3 .reco_img:before, #reco3 .reco_img:after {
  content: "";
  position: absolute; }

.header_txt {
  position: absolute;
  top: 68px;
  right: -163px; }

#key ul, #key li {
  height: 829px;
  width: 100%;
  overflow: hidden; }

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

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

#news {
  background: url(../img/index/news_bg2.jpg) no-repeat top center, url(../img/index/news_bg1.jpg) repeat-x top center;
  padding-top: 69px;
  height: 113px; }
  #news h2 {
    float: left;
    width: 126px;
    margin-left: 127px; }
  #news #feed {
    float: left;
    margin: 15px 0 0 83px;
    width: 470px;
    font-size: 15px;
    letter-spacing: 0; }
    #news #feed li {
      margin-bottom: 10px; }
    #news #feed a {
      color: #000000; }
      #news #feed a span {
        color: #5e3310;
        font-weight: bold;
        padding-right: 17px; }

#lead {
  background: url(../img/index/lead_bg.png) no-repeat center bottom/cover;
  padding-top: 112px;
  margin-bottom: 31px; }
  #lead h2 {
    position: absolute;
    top: -36px;
    right: 0;
    width: 253px; }
  #lead .lead_txt1 {
    margin: 0 0 166px 43px; }
  #lead .lead_txt2 {
    width: 683px;
    height: 490px;
    font-size: 17px;
    line-height: 43px;
    letter-spacing: 1.4px; }
    #lead .lead_txt2 p {
      margin-left: 43px; }
  #lead .wrap:before {
    content: "";
    position: absolute;
    background: #575550;
    width: 1px;
    height: 317px;
    top: -111px;
    left: -1px; }
  #lead .wrap:after {
    content: "";
    position: absolute;
    background: #575550;
    height: 1px;
    width: 150%;
    top: 161px;
    left: -1367px; }

#reco {
  line-height: 40px;
  letter-spacing: 1.5px; }

#reco1 {
  background: url(../img/index/reco_bg1.png) no-repeat top center;
  padding-top: 185px;
  position: relative; }
  #reco1:before {
    width: 57.7%;
    height: 730px;
    top: auto;
    left: auto;
    right: 0 !important;
    bottom: 72px !important;
    background: url(../img/index/reco_img1.png) no-repeat top center/cover; }
  #reco1 .reco_txt1 {
    float: left;
    width: 160px;
    height: 481px;
    margin: 125px 0 0 -217px;}
  #reco1 h2 {
    float: left;
    width: 298px;
    margin-left: -62px; }
  #reco1 .reco_btn {
    position: absolute;
    width: 230px;
    left: 153px;
    bottom: 48px; }
  #reco1 .wrap:before {
    content: "";
    position: absolute;
    background: #575550;
    width: 1px;
    height: 430px;
    top: -161px;
    left: 261px; }
  #reco1 .wrap:after {
    content: "";
    position: absolute;
    background: #575550;
    height: 1px;
    width: 150%;
    top: -94px;
    left: -1188px; }

#reco2 {
  background: url(../img/index/reco_bg1-02.png) no-repeat top center;
  padding-top: 46px;
  position: relative; }
  #reco2 .reco_img {
    position: absolute;
    width: 56.25%;
    height: 637px;
    top: auto;
    left: 0;
    bottom: 92px !important;
    background: url(../img/index/reco_img2.jpg) no-repeat top center/cover; }
  #reco2 .reco_img:before {
    width: 77.29%;
    height: 328px;
    top: -47px;
    left: auto;
    right: -42px !important;
    background: url(../img/index/reco_deco1.jpg) repeat top center;
    z-index: -1; }
  #reco2 .reco_img:after {
    width: 80.786%;
    height: 259px;
    top: auto;
    left: 0;
    bottom: -40px !important;
    background: url(../img/index/reco_deco2.jpg) repeat bottom left;
    z-index: -1; }
  #reco2 h2 {
    float: right;
    margin-right: -180px;
    width: 235px; }
  #reco2 .reco_txt2 {
    float: right;
    width: 197px;
    height: 532px;
    margin: 120px 33px 0 0; }
  #reco2 .reco_btn {
    position: absolute;
    width: 239px;
    right: 243px;
    bottom: 35px; }
  #reco2 .wrap {
    padding-top: 123px; }
    #reco2 .wrap:before {
      content: "";
      position: absolute;
      background: #575550;
      width: 1px;
      height: 560px;
      top: -26px;
      left: auto;
      right: -218px !important; }
    #reco2 .wrap:after {
      content: "";
      position: absolute;
      background: #575550;
      height: 1px;
      width: 150%;
      top: 30px;
      left: 874px; }

#reco3 {
  background: url(../img/index/reco_bg1-03.png) no-repeat bottom center;
  margin-top: 102px;
  padding-bottom: 89px;
  position: relative; }
  #reco3 .wrap {
    height: 969px; }
    #reco3 .wrap:before {
      content: "";
      position: absolute;
      background: #575550;
      width: 1px;
      height: 432px;
      top: auto;
      left: 925px;
      bottom: 0 !important; }
    #reco3 .wrap:after {
      content: "";
      position: absolute;
      background: #575550;
      height: 1px;
      width: 150%;
      top: auto;
      left: 704px;
      bottom: 49px !important; }
  #reco3 .reco_img {
    position: absolute;
    width: 49.87%;
    height: 537px;
    top: 0;
    left: auto;
    right: 0 !important;
    background: url(../img/index/reco_img3.jpg) no-repeat top center/cover; }
  #reco3 .reco_img:before {
    width: 57.644%;
    height: 415px;
    top: -45px;
    left: -57px;
    background: url(../img/index/reco_deco3.png) repeat top center;
    z-index: -1; }
  #reco3 .reco_img:after {
    width: 41.353%;
    height: 60px;
    top: auto;
    left: auto;
    bottom: -60px !important;
    right: 0 !important;
    background: url(../img/index/reco_deco1.jpg) repeat top center;
    z-index: -1; }
  #reco3 .reco_img2 {
    position: absolute;
    width: 478px;
    top: -137px;
    left: -159px; }
  #reco3 .reco_btn {
    position: absolute;
    width: 239px;
    left: 112px;
    bottom: 106px; }
  #reco3 h2 {
    position: absolute;
    right: 125px;
    top: 374px;
    width: 249px; }
  #reco3 .reco_txt2 {
    position: absolute;
    width: 220px;
    height: 495px;
    right: 410px;
    bottom: 0; }

#counter {
  background: url(../img/index/counter_bg.jpg) no-repeat center/cover; }
  #counter:hover {
    opacity: 0.8;
    transition: 0.3s;
    cursor: pointer; }
  #counter .wrap {
    height: 741px; }
    #counter .wrap h2 {
      position: absolute;
      left: 0;
      top: -63px;
      width: 190px; }
    #counter .wrap #conterInner {
      position: absolute;
      right: 25px;
      top: 253px;
      width: 431px; }
      #counter .wrap #conterInner .counter_txt {
        margin: 26px 0 0 27px;
        line-height: 40px;
        height: 182px; }
      #counter .wrap #conterInner .counter_btn {
        width: 394px;
        margin-left: 29px; }

@media (max-width: 1476px) {
  #reco1:before {
    height: 510px;
    width: 45.4%; }

  #reco1 .reco_txt1 {
    margin: 124px 0 0 0;
    width: 171px; }

  #reco1 h2 {
    margin-left: 18px; }

  #reco1 .reco_btn {
    left: 402px; }

  #reco1 .wrap:before {
    left: 511px; }

  #reco1 .wrap:after {
    left: -941px; }

  #reco2 .reco_img {
    width: 46.5%;
    height: 500px;
    bottom: 115px !important; }

  #reco2 .reco_img:before {
    top: -38px;
    right: -34px !important; }

  #reco2 .reco_img:after {
    bottom: -31px !important; }

  #reco2 h2 {
    margin-right: -9px; }

  #reco2 .reco_btn {
    right: 413px; }

  #reco3 .reco_img2 {
    top: -49px;
    left: -93px; }
    #reco3 .reco_img2 img {
      width: 85.5%; }

  #reco3 .reco_img {
    width: 52.95%;
    height: 452px;
    top: 66px; } }

#oshirase{
	background: rgba(255,255,255,0.9);
	box-shadow: 0 0 0 10px rgba(255,255,255,0.9);
	width: 600px;
    margin: 30px auto 0px;
	padding: 15px;
	border: solid 4px #c03;
	text-align:center!important;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: -1px;
    color: #000000;
}

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