/* Scss Document */
#key {
  background: url("../img/beginner/kv.jpg") no-repeat center/cover;
  height: 640px; }
  #key ul {
    height: 640px; }
  #key li {
    height: 640px; }

.scroll {
  bottom: 74px; }

section {
  color: #000; }

#sec1 {
  text-align: center;
  z-index: 1; }
  #sec1 h2 {
    margin: 71px 0 64px; }
  #sec1 p + p {
    margin-top: 25px; }
  #sec1 .sec1-deco {
    margin-top: 80px; }

#sec2 {
  padding-top: 106px;
  margin-bottom: 130px;
  z-index: 0; }
  #sec2:before {
    content: url("../img/beginner/sec2_deco.jpg");
    position: absolute;
    top: -226px;
    left: -334px;
    z-index: -1; }
  #sec2 .sec2-txt {
    font-size: 25px;
    margin: 0 0 10px 250px;
    color: #444;
    letter-spacing: 4px; }
  #sec2 .sec2-img1 {
    margin: 0 0 51px 98px; }
  #sec2 h2 {
    margin-right: 235px;
    order: 2; }
  #sec2 .sec2-img2 {
    margin-left: 199px; }

.sec3-1 {
  color: #fff;
  margin: 0 auto 93px;
  width: 1100px;
  padding-top: 78px;
  background: url("../img/beginner/sec3_img1.jpg") no-repeat center;
  justify-content: flex-start; }
  .sec3-1 .txt-vertical {
    margin: 59px 36px 0 103px;
    height: 460px; }
    .sec3-1 .txt-vertical p + p {
      margin-right: 25px; }

#sec3 {
  position: relative;
  z-index: 2;
  margin-bottom: 60px; }
  #sec3 dt {
    margin-top: 127px;
    margin-bottom: 24px; }
  #sec3 dd {
    margin-left: 3px; }
  #sec3 .wrap {
    justify-content: flex-start; }

.sec4-group {
  position: relative;
  margin-left: -103px;
  margin-top: 41px; }
  .sec4-group h2 {
    position: absolute;
    top: -101px;
    right: -9px; }
  .sec4-group .sec4-txt {
    position: absolute;
    top: 117px;
    right: -7px;
    width: 365px; }
  .sec4-group .sec4-img {
    float: left; }
  .sec4-group .sec4-slide {
    width: 1103px; }
  .sec4-group dl {
    float: right;
    width: 353px;
    margin-top: 281px; }
    .sec4-group dl dt {
      font-size: 30px;
      line-height: 44px; }
    .sec4-group dl dd.price {
      text-align: right;
      font-size: 30px;
      margin-bottom: 47px;
      margin-top: 10px; }
      .sec4-group dl dd.price span {
        font-size: 20px; }
      .sec4-group dl dd.price.mt {
        margin-top: -34px; }

#sec4 {
  margin-bottom: 132px; }
  #sec4 .slick-dots {
    width: 670px;
    margin-top: 7px; }

#sec5 .sec5-txt {
  margin: 35px 0 70px; }
#sec5 .sec5-info {
  position: relative;
  z-index: 0; }
#sec5 .sec5-deco {
  position: absolute;
  z-index: -1; }
#sec5 h3 {
  font-size: 30px;
  line-height: 54px; }
  #sec5 h3 .x {
    display: block;
    width: 50px; }
#sec5 .price {
  font-size: 25px;
  display: block;
  line-height: 1.5;
  margin-top: 5px; }
  #sec5 .price i {
    font-size: 20px; }
#sec5 .set1 {
  margin-bottom: 102px; }
  #sec5 .set1 .sec5-info {
    width: 460px;
    margin: 123px 0 0 23px; }
  #sec5 .set1 h3 {
    margin-bottom: 50px; }
    #sec5 .set1 h3 .x {
      margin: 26px auto 36px; }
  #sec5 .set1 .sec5-deco {
    top: -44px;
    left: -63px; }
  #sec5 .set1 .sec5-img {
    margin-right: 24px; }
#sec5 .set2 {
  margin-bottom: 120px; }
  #sec5 .set2 .sec5-img {
    margin-left: -130px; }
  #sec5 .set2 .sec5-info {
    width: 455px;
    margin-top: 13px; }
  #sec5 .set2 .sec5-deco {
    top: -48px;
    right: -49px; }
  #sec5 .set2 h3 {
    margin-bottom: 50px;
    margin-left: 15px; }
    #sec5 .set2 h3 .x {
      margin: 29px auto 31px; }
#sec5 .sec5-img2 {
  margin-bottom: 129px; }
  #sec5 .sec5-img2 .sec5-img1 {
    margin-left: 68px; }
  #sec5 .sec5-img2 .sec5-img2 {
    margin: -75px 118px 90px auto;
    width: 294px; }
  #sec5 .sec5-img2 .sec5-img3 {
    margin-left: 222px; }
  #sec5 .sec5-img2 .sec5-deco {
    top: 422px;
    left: -117px; }
#sec5 .set3 {
  margin-bottom: 200px; }
  #sec5 .set3 .sec5-img {
    background: url("../img/beginner/sec5_img6.jpg") no-repeat center/cover;
    width: calc(100% - 550px); }
  #sec5 .set3 .sec5-info {
    width: 563px;
    box-sizing: border-box;
    padding: 34px 53px 15px 51px; }
  #sec5 .set3 h3 {
    margin-bottom: 51px;
    margin-left: 8px; }
    #sec5 .set3 h3 .x {
      margin: 24px auto 35px; }
    #sec5 .set3 h3 .price {
      margin-top: 11px; }
  #sec5 .set3 .sec5-deco {
    top: -27px;
    left: 82px; }

#sec6 {
  margin-bottom: 65px; }
  #sec6 .wrap {
    margin-bottom: 68px;
    z-index: 0; }
    #sec6 .wrap .sec6-left {
      position: relative;
      width: 335px;
      box-sizing: border-box;
      padding: 19px 0 0 37px; }
    #sec6 .wrap .sec6-deco {
      top: -111px;
      left: -54px;
      position: absolute;
      z-index: -1; }
    #sec6 .wrap h2 {
      margin-bottom: 45px;
      margin-left: 103px; }
    #sec6 .wrap .sec6-right {
      width: 630px; }
    #sec6 .wrap .sec6-txt {
      margin: 41px 55px 0 66px; }
  #sec6 .sec6-img3 {
    margin: 0 auto 61px;
    width: 1100px;
    position: relative; }
    #sec6 .sec6-img3 .sec6-txt2 {
      position: absolute;
      top: 64px;
      right: 93px; }

#sec7 {
  z-index: 0;
  margin-bottom: 57px;
  padding-bottom: 275px; }
  #sec7:before {
    content: url("../img/beginner/sec7_deco.jpg");
    height: 372px;
    position: absolute;
    right: -193px;
    bottom: 0;
    z-index: -1; }
  #sec7 .sec7-box {
    background: rgba(255, 255, 255, 0.4);
    position: relative;
    width: 560px;
    height: 485px;
    margin: 0 -37px 0 auto;
    box-sizing: border-box;
    padding: 93px 121px 0 0;
    box-shadow: 2px 3px 6.16px 1.84px rgba(6, 0, 1, 0.21); }
    #sec7 .sec7-box:before {
      content: "";
      box-sizing: border-box;
      border: 1px solid #9f988c;
      width: calc(100% - 10px);
      height: calc(100% - 10px);
      position: absolute;
      top: 5px;
      left: 5px;
      pointer-events: none; }
    #sec7 .sec7-box p + p {
      margin-right: 25px; }
  #sec7 .sec7-img {
    position: absolute;
    top: 67px;
    left: -134px; }