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

#sec1 {
  background: url("../img/about/s1_bg.jpg") no-repeat center top/100%;
  margin-top: -20px; }
  #sec1 .wrap {
    padding: 106px 0 245px 0; }
  #sec1 .box_1 {
    margin-bottom: 136px; }
    #sec1 .box_1 .bx_left {
      float: left;
      width: 545px;
      color: #fff; }
      #sec1 .box_1 .bx_left h2 {
        margin: 0 0 33px -70px; }
      #sec1 .box_1 .bx_left .text {
        line-height: 34px; }
    #sec1 .box_1 .s1_floor {
      float: right;
      margin-right: 80px; }
  #sec1 .box_2 {
    margin-bottom: 181px;
    position: relative;
    z-index: 1; }
    #sec1 .box_2 .col1 {
      float: left;
      position: relative;
      width: 460px; }
      #sec1 .box_2 .col1 .s1_catch1 {
        position: absolute;
        top: -102px;
        left: -74px;
        z-index: 1; }
      #sec1 .box_2 .col1 .s1_img {
        margin-left: -148px; }
      #sec1 .box_2 .col1 .bx_txt {
        background: url("../img/shared/bg_txt.jpg") repeat center top;
        padding: 32px 50px 32px 51px;
        box-sizing: border-box;
        margin-left: -50px;
        width: 483px;
        line-height: 34px;
        text-align: justify; }
    #sec1 .box_2 .col2 {
      float: right;
      position: relative;
      width: 460px; }
      #sec1 .box_2 .col2 .s1_catch2 {
        position: absolute;
        top: -102px;
        right: -79px;
        z-index: 1; }
      #sec1 .box_2 .col2 .s1_img {
        margin-right: -148px; }
      #sec1 .box_2 .col2 .bx_txt {
        background: url("../img/shared/bg_txt.jpg") repeat center top;
        padding: 34px 46px 30px 50px;
        box-sizing: border-box;
        width: 480px;
        margin-right: -41px;
        margin-left: 20px;
        line-height: 34px;
        text-align: justify; }
  #sec1 .box_3 {
    position: relative; }
    #sec1 .box_3 .s1_deco {
      position: absolute;
      top: -453px;
      left: -320px; }
    #sec1 .box_3 .bx_text {
      background: url("../img/shared/bg_txt.jpg") repeat center top;
      padding: 59px 30px 72px 88px;
      box-sizing: border-box;
      width: 555px;
      margin-left: -88px;
      position: relative;
      z-index: 1; }
      #sec1 .box_3 .bx_text h3 {
        margin-bottom: 16px; }
      #sec1 .box_3 .bx_text .text {
        width: 370px;
        line-height: 34px;
        text-align: justify; }
    #sec1 .box_3 .s1_img3 {
      position: absolute;
      top: -75px;
      right: -216px;
      z-index: 2; }

#sec2 {
  background: url("../img/shared/bg3.jpg") repeat center;
  position: relative; }
  #sec2:before {
    content: "";
    background: url("../img/shared/line_skw.png") no-repeat center top/cover;
    position: absolute;
    top: -200px;
    left: 0;
    width: 100%;
    height: 752px; }
  #sec2 .wrap {
    padding: 17px 0 119px 0; }
    #sec2 .wrap:before {
      content: "";
      background: url("../img/about/s2_deco1.png") no-repeat left top;
      position: absolute;
      top: -288px;
      right: -400px;
      width: 1101px;
      height: 994px; }
  #sec2 .box_1 {
    position: relative; }
    #sec2 .box_1 h2 {
      position: absolute;
      top: 49px;
      right: -58px;
      z-index: 1; }
    #sec2 .box_1 .s2_img {
      position: absolute;
      top: 0;
      left: -200px; }
    #sec2 .box_1 .text {
      float: right;
      width: 355px;
      margin: 245px 0 190px 0;
      line-height: 34px;
      text-align: justify; }
  #sec2 h3 {
    margin: 0 0 27px 164px;
    position: relative;
    z-index: 1; }
  #sec2 .box_2 {
    position: relative; }
    #sec2 .box_2:before {
      content: "";
      background: url("../img/about/s2_deco2.png") no-repeat left top;
      position: absolute;
      top: -202px;
      left: -298px;
      width: 832px;
      height: 756px; }
    #sec2 .box_2 .s2_img2 {
      position: absolute;
      right: -216px;
      top: 41px;
      z-index: 1; }
    #sec2 .box_2 .box_txt {
      background: url("../img/shared/bg_txt.jpg") repeat center top;
      padding: 75px 30px 33px 104px;
      box-sizing: border-box;
      width: 610px;
      margin-left: -103px;
      position: relative;
      z-index: 1; }
      #sec2 .box_2 .box_txt h4 {
        margin-bottom: 29px; }
      #sec2 .box_2 .box_txt .price {
        position: absolute;
        font-size: 24px;
        letter-spacing: 0.08em;
        color: #803617;
        top: 89px;
        right: 86px; }
      #sec2 .box_2 .box_txt .wp_text {
        width: 407px;
        line-height: 34px;
        margin-left: 8px; }
        #sec2 .box_2 .box_txt .wp_text p {
          margin-bottom: 33px; }

#sec3 .s3_top {
  background: url("../img/about/s3_bg1.jpg") no-repeat center/cover;
  color: #fff;
  padding: 90px 0 130px 0; }
  #sec3 .s3_top h2 {
    margin-left: 205px;
    margin-bottom: 62px; }
  #sec3 .s3_top .text {
    margin-left: auto;
    width: 390px;
    padding-right: 35px; }
#sec3 .s3_bottom .wrap {
  padding: 133px 0 117px; }
  #sec3 .s3_bottom .wrap:before {
    content: "";
    background: url("../img/about/s3_deco.png") no-repeat center top;
    position: absolute;
    top: 203px;
    left: -286px;
    width: 1585px;
    height: 1346px; }
#sec3 .s3_bottom .box1 {
  position: relative; }
  #sec3 .s3_bottom .box1 .s3_img {
    position: absolute;
    top: -169px;
    left: -187px; }
  #sec3 .s3_bottom .box1 .box_txt {
    background: url("../img/shared/bg2.jpg") repeat center top;
    color: #fff;
    width: 550px;
    float: right;
    margin-right: -88px;
    box-sizing: border-box;
    padding: 26px 88px 74px 92px;
    position: relative;
    z-index: 1; }
    #sec3 .s3_bottom .box1 .box_txt h3 {
      margin-left: 20px; }
    #sec3 .s3_bottom .box1 .box_txt .txt {
      margin-bottom: 33px;
      text-align: justify;
      margin-top: -28px;
      line-height: 34px;
      position: relative; }
#sec3 .s3_bottom .box2 {
  position: relative;
  margin-top: 41px; }
  #sec3 .s3_bottom .box2 .col1 {
    float: left;
    width: 525px; }
    #sec3 .s3_bottom .box2 .col1 .s3_img2 {
      margin-left: -113px; }
    #sec3 .s3_bottom .box2 .col1 .box_txt {
      background: url("../img/shared/bg2.jpg") repeat center top;
      color: #fff;
      width: 520px;
      margin-left: -19px;
      box-sizing: border-box;
      padding: 24px 60px 62px 82px;
      margin-top: -32px;
      position: relative; }
      #sec3 .s3_bottom .box2 .col1 .box_txt h3 {
        margin-left: 6px; }
      #sec3 .s3_bottom .box2 .col1 .box_txt .txt {
        margin-top: -28px;
        line-height: 34px;
        position: relative; }
  #sec3 .s3_bottom .box2 .col2 {
    float: right;
    width: 420px;
    padding-top: 120px; }
    #sec3 .s3_bottom .box2 .col2 .s3_img3 {
      margin-right: -170px;
      margin-bottom: 70px; }