/* Scss Document */
/* Scss Document */
#key {
  background-image: url(../img/smoke/key_bg.jpg); }

#sec1 {
  background: url(../img/smoke/sec1_bg.jpg) no-repeat center/cover;
  color: #fff;
  padding: 178px 0 84px 0; }
  #sec1 .sec1_txt2 {
    margin: 1px 0 48px 68px;
    letter-spacing: 0.4px; }
  #sec1 .sec1_txt1 {
    top: 95px;
    left: 559px;
    position: absolute; }
  #sec1 h2 {
    top: 130px;
    left: 434px;
    position: absolute;
    line-height: 125px;
    font-weight: bold;
    font-size: 80px;
    letter-spacing: 8px; }
    #sec1 h2 .txt_yel {
      color: #f2c345; }
    #sec1 h2 .txt_org {
      color: #e5620b; }
  #sec1 .sec1Box {
    background: url(../img/smoke/sec1_box.png);
    margin-left: 30px;
    width: 450px;
    padding: 58px 47px 60px 26px; }
    #sec1 .sec1Box h3 {
      font-weight: bold;
      font-size: 30px;
      line-height: 50px;
      position: relative;
      margin-bottom: 78px;
      margin-left: 10px; }
      #sec1 .sec1Box h3:before {
        content: "";
        bottom: -8px;
        left: -6px;
        position: absolute;
        background: #fff;
        height: 2px;
        width: 376px; }
    #sec1 .sec1Box dl {
      font-size: 30px;
      font-weight: bold;
      letter-spacing: 0.4px; }
      #sec1 .sec1Box dl dt {
        color: #f2c345;
        line-height: 29px;
        width: 456px; }
      #sec1 .sec1Box dl dd {
        text-align: right;
        line-height: 67px; }
        #sec1 .sec1Box dl dd span {
          font-size: 25px; }
    #sec1 .sec1Box .sec1_btn {
      text-align: right;
      margin-bottom: 71px; }

#sec2 {
  background: url(../img/smoke/sec2_bg.png) no-repeat center/cover;
  padding: 109px 0 106px 0; }
  #sec2 ul {
    width: 592px;
    margin: auto; }
  #sec2 li {
    float: left; }
    #sec2 li + li {
      margin-left: 6px; }

#sec3 {
  padding: 138px 0 100px 0;
  letter-spacing: 0.4px; }
  #sec3 .wrap {
    padding-top: 526px; }
  #sec3 h2 {
    top: 0;
    left: 50%;
    position: absolute;
    margin-left: -79px; }
  #sec3 .sec3_deco1 {
    top: 108px;
    right: -398px;
    position: absolute; }
  #sec3 .sec3_deco2 {
    top: -412px;
    left: -511px;
    position: absolute;
    pointer-events: none; }
  #sec3 .sec3_txt1 {
    width: 320px;
    margin: 0 0 111px 44px; }
  #sec3 .sec3Item {
    position: relative;
    width: 475px; }
    #sec3 .sec3Item dt {
      top: 285px;
      left: 41px;
      position: absolute; }
    #sec3 .sec3Item dd {
      width: 205px;
      margin: 23px 0 0 254px; }
    #sec3 .sec3Item.fr {
      margin-top: 113px; }
      #sec3 .sec3Item.fr dd {
        margin: 25px 0 0 246px; }
  #sec3 .sec3_dl {
    position: relative;
    margin: -5px 0 0 136px;
    top: -5px;
    color: #f2c345; }
    #sec3 .sec3_dl:before {
      content: url(../img/smoke/sec3_deco2.png);
      top: -63px;
      left: -73px;
      position: absolute; }

#sec4 {
  background: url(../img/smoke/sec4_bg.jpg);
  position: relative;
  padding-top: 137px; }
  #sec4:before {
    pointer-events: none;
    top: 20px;
    left: 20px;
    position: absolute;
    border: 8px solid rgba(116, 90, 78, 0.6);
    width: calc(100% - 56px);
    height: calc(100% - 56px);
    content: ""; }
  #sec4 .sec4Box {
    background: url(../img/smoke/sec4Box.png) repeat-y top left;
    margin-left: -20px;
    width: 410px;
    position: relative;
    padding-bottom: 57px;
    float: left;
    z-index: 1; }
    #sec4 .sec4Box:before {
      content: "";
      bottom: 10px;
      left: 5px;
      position: absolute;
      background: #6f6e6e;
      width: 400px;
      height: 3px; }
    #sec4 .sec4Box:after {
      content: url(../img/smoke/sec4_deco.png);
      bottom: -225px;
      left: -81px;
      position: absolute; }
    #sec4 .sec4Box dd {
      width: 345px;
      margin-left: 34px; }
  #sec4 .sec4Group {
    position: relative;
    width: 820px;
    height: 1062px;
    float: right;
    margin-right: -210px; }
    #sec4 .sec4Group h3 {
      bottom: 344px;
      left: 264px;
      position: absolute;
      pointer-events: none;
      z-index: 0; }
  #sec4 .sec4Item {
    color: #fff; }
    #sec4 .sec4Item .sec4_img {
      cursor: pointer; }
    #sec4 .sec4Item .sec4_txt1 {
      font-size: 22px;
      font-weight: bold;
      position: absolute;
      width: 140px;
      text-align: center;
      line-height: 140px;
      z-index: 1;
      pointer-events: none; }
    #sec4 .sec4Item .sec4_txt2 {
      position: absolute;
      box-shadow: 4px 6px 3.55px 1.45px rgba(0, 0, 0, 0.3);
      -moz-box-shadow: 4px 6px 3.55px 1.45px rgba(0, 0, 0, 0.3);
      -webkit-box-shadow: 4px 6px 3.55px 1.45px rgba(0, 0, 0, 0.3);
      background: rgba(0, 0, 0, 0.85);
      width: 174px;
      padding: 33px 26px 28px 30px;
      opacity: 0;
      transition: all 0.3s ease;
      z-index: 3; }
      #sec4 .sec4Item .sec4_txt2:before {
        position: absolute; }
    #sec4 .sec4Item:hover .sec4_txt2 {
      opacity: 1; }
  #sec4 .item1 {
    margin: -137px 0 0 71px;
    position: relative;
    width: 421px; }
    #sec4 .item1 .sec4_txt1 {
      left: 4px;
      bottom: 49px; }
    #sec4 .item1 .sec4_txt2 {
      top: 46px;
      right: -123px; }
      #sec4 .item1 .sec4_txt2:before {
        content: url(../img/smoke/sec4_line1.png);
        left: -59px;
        top: 92px; }
  #sec4 .item2 {
    top: 156px;
    right: 2px;
    position: absolute; }
    #sec4 .item2 .sec4_txt1 {
      left: 5px;
      top: 11px; }
    #sec4 .item2 .sec4_txt2 {
      top: 195px;
      left: -96px; }
      #sec4 .item2 .sec4_txt2:before {
        content: url(../img/smoke/sec4_line2.png);
        right: -57px;
        top: -48px; }
  #sec4 .item3 {
    margin: 57px 0 0 -70px;
    position: relative;
    width: 373px;
    z-index: 0; }
    #sec4 .item3 .sec4_txt1 {
      right: 3px;
      top: 2px; }
    #sec4 .item3 .sec4_txt2 {
      top: 165px;
      right: -126px; }
      #sec4 .item3 .sec4_txt2:before {
        content: url(../img/smoke/sec4_line3.png);
        left: -48px;
        top: 30px; }
  #sec4 .item4 {
    bottom: 118px;
    right: 49px;
    position: absolute;
    width: 350px; }
    #sec4 .item4 .sec4_txt1 {
      left: 14px;
      bottom: 3px; }
    #sec4 .item4 .sec4_txt2 {
      top: -77px;
      left: -113px; }
      #sec4 .item4 .sec4_txt2:before {
        content: url(../img/smoke/sec4_line4.png);
        right: -43px;
        bottom: 41px; }
  #sec4 .item5 {
    bottom: -10px;
    left: 32px;
    position: absolute;
    z-index: 3;
    width: 350px; }
    #sec4 .item5 .sec4_txt1 {
      left: 99px;
      top: 2px; }
    #sec4 .item5 .sec4_txt2 {
      bottom: 69px;
      left: -169px; }
      #sec4 .item5 .sec4_txt2:before {
        content: url(../img/smoke/sec4_line5.png);
        right: -58px;
        bottom: 86px; }

#sec5 {
  position: relative;
  height: 980px;
  color: #fff;
  background:#0C0606; }
  #sec5 #sec5Slider {
    position: relative;
    z-index: 0; }
  #sec5 #sec5Slider, #sec5 ul, #sec5 li {
    width: 100%;
    height: 980px; }
    #sec5 #sec5Slider li:nth-child(1), #sec5 ul li:nth-child(1), #sec5 li li:nth-child(1) {
      background: url(../img/smoke/sec5_bg1.jpg) no-repeat center/cover; }
    #sec5 #sec5Slider li:nth-child(2), #sec5 ul li:nth-child(2), #sec5 li li:nth-child(2) {
      background: url(../img/smoke/sec5_bg2.jpg) no-repeat center/cover; }
  #sec5 #sec5Info {
    position: absolute;
    z-index: 1;
    top: 241px;
    left: 0;
    width: 100%;
    height: 739px; }
    #sec5 #sec5Info .sec5_txt {
      margin: 39px 0 62px 0;
      letter-spacing: 0.4px; }

#sec6 {
  padding: 90px 0 80px 0; }
  #sec6 .sec6L {
    float: left;
    margin-left: -20px;
    width: 410px;
    z-index: 1;
    position: relative; }
  #sec6 .sec4Box {
    background: url(../img/smoke/sec4Box.png) repeat-y top left;
    padding-bottom: 147px;
    color: #000;
    position: relative; }
    #sec6 .sec4Box:before {
      content: "";
      bottom: 10px;
      left: 5px;
      position: absolute;
      background: #6f6e6e;
      width: 400px;
      height: 3px; }
    #sec6 .sec4Box:after {
      content: url(../img/smoke/sec6_img6.png);
      bottom: -286px;
      left: -80px;
      position: absolute; }
    #sec6 .sec4Box dd {
      width: 355px;
      margin-left: 34px;
      letter-spacing: 1px; }
  #sec6 .sec6_img {
    top: -90px;
    right: -200px;
    position: absolute; }
  #sec6 .sec6Box {
    border: 1px solid #fff;
    margin: 113px 0 0 12px;
    padding: 156px 42px 37px 45px;
    width: 286px; }
    #sec6 .sec6Box dt {
      line-height: 52px;
      font-size: 27px;
      font-weight: bold;
      letter-spacing: -0.5px; }
      #sec6 .sec6Box dt span {
        color: #f2c345; }
    #sec6 .sec6Box .price {
      line-height: 52px;
      font-size: 30px;
      font-weight: bold;
      text-align: right;
      margin-bottom: 10px; }
      #sec6 .sec6Box .price span {
        font-size: 25px; }
  #sec6 .sec6_txt {
    text-align: right;
    line-height: 56px; }
  #sec6 .sec6R {
    float: right;
    width: 563px;
    margin-top: 528px; }
  #sec6 .sec6Item {
    width: 235px;
    margin-bottom: 35px; }
    #sec6 .sec6Item h3 {
      text-align: center;
      line-height: 33px;
      padding-bottom: 18px;
      margin-bottom: 11px;
      position: relative;
      font-size: 35px;
      font-weight: bold;
      margin-top: -11px; }
      #sec6 .sec6Item h3:before {
        content: "";
        left: 0;
        bottom: 0;
        width: 100%;
        height: 2px;
        background: #fff;
        position: absolute; }
      #sec6 .sec6Item h3.fz27 {
        font-size: 27px;
        margin-top: 3px; }
    #sec6 .sec6Item .sec6_txt2 {
      margin-left: 12px; }

#sec7 .wrap {
  padding: 65px 0 71px 0; }
  #sec7 .wrap:before {
    content: url(../img/smoke/sec7_img1.png);
    top: 0;
    left: -52px;
    position: absolute; }
  #sec7 .wrap:after {
    content: url(../img/smoke/sec7_img2.png);
    top: 518px;
    right: -245px;
    position: absolute; }
  #sec7 .wrap .sec7_deco {
    bottom: 0;
    left: -234px;
    position: absolute; }
#sec7 h2 {
  text-align: right;
  margin-right: 61px; }
#sec7 .sec7_txt {
  margin: 113px 0 332px 53px;
  width: 474px;
  letter-spacing: 0px; }
#sec7 .sec7_txt2 {
  text-align: right;
  line-height: 64px;
  margin-right: 36px; }
#sec7 .sec7Box {
  background: url(../img/smoke/sec7Box.jpg);
  color: #fff;
  width: 477px;
  padding: 20px 44px 20px 51px;
  margin-left: 428px;
  position: relative;
  z-index: 2; }
  #sec7 .sec7Box dl {
    font-size: 18px;
    font-weight: bold;
    line-height: 60px; }
    #sec7 .sec7Box dl dt {
      float: left; }
    #sec7 .sec7Box dl dd {
      float: right;
      text-align: right;
      color: #a52705; }

#sec8 {
  position: relative;
  padding: 166px 0 199px 0; }
  #sec8:before {
    content: "";
    top: 0;
    right: 0;
    position: absolute;
    width: 50%;
    height: 100%;
    background: url(../img/smoke/sec8_bg.jpg) no-repeat center/cover; }
  #sec8 h2 {
    margin-left: 61px; }
  #sec8 .sec8_txt {
    margin: 34px 0 65px 83px;
    width: 401px;
    letter-spacing: 0.4px; }
  #sec8 .sec8_btn {
    margin-left: 82px; }
  #sec8 .sec8_img {
    top: 64px;
    left: 648px;
    position: absolute; }