<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">#slide2 {
  height: 780px;
  background: url(../img/scene/key.png) no-repeat center bottom/auto, url(../img/scene/pt-key.jpg) repeat;
}

#header2 {
  height: 780px;
}

#sec1 {
  padding: 80px 0 0;
  background: url(../img/scene/sec1_line_top.jpg) repeat-x top/auto;
}

#sec1 .main {
  max-width: 1000px;
  margin: auto;
}

#sec1 .main .row-1 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  margin-left: auto;
}

#sec1 .main .row-1 .col-left {
  width: 410px;
  margin-top: 125px;
  position: relative;
  z-index: 9;
}

#sec1 .main .row-1 .col-left h2 {
  margin-bottom: 10px;
  margin-left: -15px;
  position: relative;
}

#sec1 .main .row-1 .col-left h2::before {
  content: '';
  background: url(../img/scene/sec1_deco1.png) no-repeat 0 0/100%;
  width: 286px;
  height: 281px;
  left: -75px;
  top: -65px;
  position: absolute;
}

#sec1 .main .row-1 .col-left .txt {
  line-height: 30px;
  width: 410px;
}

#sec1 .main .row-1 .col-right {
  position: relative;
  left: -135px;
}

#sec1 .main .row-1 .col-right .photo-desc {
  position: absolute;
  left: 55%;
  top: 57%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

#sec1 .main .row-2 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  margin-top: -100px;
}

#sec1 .main .row-2 .col-left {
  position: relative;
  left: -90px;
}

#sec1 .main .row-2 .col-left .photo-desc {
  position: absolute;
  left: 95px;
  top: -45px;
}

#sec1 .main .row-2 .col-right {
  position: relative;
}

#sec1 .main .row-2 .col-right h2 {
  position: absolute;
  right: 65px;
  top: 100px;
}

#sec1 .main .row-2 .col-right .photo-3 {
  margin: 127px 0 0 -220px;
}

#sec1 .main .row-2 .btn-red {
  position: absolute;
  left: 45%;
  bottom: 45px;
}

#sec2 {
  padding: 150px 0 95px;
  background: url(../img/scene/line-gadient.png) no-repeat top center/auto, url(../img/scene/sec2_deco1.png) no-repeat top 70px center, url(../img/scene/sec2_deco2.png) no-repeat top left calc(50% - 265px)/auto, url(../img/scene/line_ver.jpg) repeat-x bottom center/auto, url(../img/scene/pt1.jpg) repeat;
}

#sec2 h2 {
  text-align: center;
  margin-bottom: 40px;
}

#sec2 .desc {
  text-align: center;
  margin-bottom: 75px;
}

#sec2 ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

#sec3 {
  padding: 15px 0 30px;
  background: url(../img/scene/sec3_deco1.png) no-repeat top 20px left calc(50% - 445px)/auto, url(../img/scene/sec3_deco2.png) no-repeat top center/auto;
}

#sec3 .top {
  text-align: right;
  font-size: 13px;
  color: #f3c351;
  margin-bottom: 30px;
}

#sec3 h2 {
  position: absolute;
  left: -15px;
  top: 105px;
}

#sec3 .box {
  position: relative;
}

#sec3 .box .photo-1 {
  margin-left: -55px;
}

#sec3 .box .content {
  position: absolute;
  width: 445px;
  right: 0;
  bottom: -30px;
}

#sec3 .box .content h3 {
  text-align: right;
  margin-bottom: 30px;
}

#sec3 .box .content .price {
  text-align: right;
  font-size: 40px;
  margin-bottom: 20px;
}

#sec3 .box .content .price small {
  font-size: 30px;
}

#sec3 .box .content .txt {
  line-height: 30px;
}

#sec4 {
  padding: 100px 0 0;
}

#sec4 .wrap::before {
  content: '';
  background: url(../img/scene/sec4_deco1.png) no-repeat 0 0/100%;
  width: 244px;
  height: 248px;
  left: 180px;
  top: -130px;
  position: absolute;
}

#sec4 h2 {
  position: absolute;
  right: -5px;
  top: -50px;
  z-index: 1;
}

#sec4 .photo-1 {
  margin-left: 20px;
  position: relative;
}

#sec4 .photo-1::before {
  content: '';
  background: url(../img/scene/sec4_deco2.png) no-repeat 0 0/100%;
  width: 449px;
  height: 618px;
  right: 0;
  top: -100px;
  position: absolute;
}

#sec4 .content {
  position: absolute;
  left: 0;
  bottom: 50px;
}

#sec4 .content h3 {
  margin-bottom: 30px;
}

#sec4 .content .price {
  font-size: 40px;
  margin-bottom: 20px;
}

#sec4 .content .price small {
  font-size: 30px;
}

#sec4 .content .txt {
  line-height: 30px;
}

#sec5 {
  padding: 0 0 60px;
}

#sec5 .row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  margin-top: -30px;
}

#sec5 .row .col-left {
  position: relative;
  left: 22px;
}

#sec5 .row .col-right {
  margin-top: 20px;
}

#sec5 .row .col-right h2 {
  margin-bottom: 10px;
}

#sec5 .row .col-right .txt {
  width: 450px;
  margin-left: 65px;
  line-height: 30px;
}

#sec6 {
  padding: 70px 0 110px;
  background: url(../img/scene/line-gadient.png) no-repeat top center/auto, url(../img/scene/sec6_deco1.png) no-repeat top left calc(50% - 265px)/auto, url(../img/scene/pt1.jpg) repeat;
}

#sec6 h2 {
  margin-bottom: -20px;
  text-align: center;
}

#sec6 .box {
  position: relative;
}

#sec6 .box .txt {
  position: absolute;
  left: 50px;
  top: 50%;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
}
/*# sourceMappingURL=scene.css.map */


</pre></body></html>