@charset "utf-8";
/* CSS Document */
/*=========service_list============*/
/* header{background-color: #dcd7cc;} */
.container {
  overflow-x: hidden;
}
.wrapper {
  height: 100%;
  position: relative;
}
.item_wrap {
  padding-top: 100px;
}
.panel_wrap {
  width: 700%;
  height: 100vh;
  display: flex;
}
.panel_wrap .main_title {
  position: absolute;
  top: -44vh;
  left: -60px;
  right: 0;
}

.section_service_item {
  display: flex;
  padding: 0;
  overflow: hidden;
  margin-bottom: 5%;
}
.section_service_item:nth-child(even) {
  flex-direction: row-reverse;
}
.section_service_item .service_item_name {
  flex-basis: 65%;
  padding: 3%;
}
.section_service_item:nth-child(odd) .service_item_name {
  text-align: right;
}
.section_service_item:nth-child(odd) .contect-primary {
  margin-right: 18px;
}
.section_service_item .service_item_img_wrap {
  flex-basis: 35%;
  overflow: hidden;
  position: relative;
}
.section_service_item .service_item_img_wrap .img_wrap {
  width: 100%;
  height: 40vh;
  position: relative;
  overflow: hidden;
}
.section_service_item .service_item_img_wrap .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  top: 0;
  left: 0;
}
/* .section_service_item .service_item_img_wrap .img_wrap::before{content: ""; position: absolute; top: 0; left: 0;background-color: #dcd7cc;z-index: 1; transition: all .5s; transform: scaleX(1); bottom: 0; right: 0; transform-origin: left center;}
.section_service_item .service_item_img_wrap.active .img_wrap:before{transform: scaleX(1); } */
/* .section_service_item .service_item_img_wrap .img_wrap {background: url(../images/customization/service_item01.jpg);background-size: 150%;} */
.section_service_item .title {
  margin: 0;
}
.section_service_item .title .title-name {
  font-size: 2rem;
}
.section_service_item .contect-primary {
  font-size: 1rem;
}

.imgwrap {
  width: 55%;
  flex: 0 0 55%;
}
.section_aside {
  width: 45%;
  flex: 0 0 45%;
}

/*=========section_understand============*/
.panel {
  display: flex;
  align-self: center;
  flex-direction: column;
}

.section_understand {
  background: url(../images/index/index-3-bg-deco.svg) no-repeat;
  background-size: 42%;
  background-position: right bottom 40%;
}
.section_understand .imgwrap .section_img {
  width: 55vh;
  height: 45vh;
  overflow: hidden;
}
.section_understand .imgwrap .section_img {
  background: url(../images/customization/1.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_understand .imgwrap {
  margin-right: 50%;
}
.section_understand .img_decorate-eng {
  position: relative;
  margin-top: -2rem;
  margin-left: -2rem;
}

/*=========section_furniture============*/
.section_furniture {
  background: url(../images/index/index-4-bg-deco.svg) no-repeat;
  background-size: 70%;
  background-position: center center;
}
.section_furniture .imgwrap .section_img {
  text-align: right;
  margin-right: 20%;
  margin-left: auto;
  width: 40vh;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_furniture .imgwrap .section_img {
  background: url(../images/customization/2.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_furniture .img_decorate-eng {
  position: relative;
  margin-top: -4rem;
  margin-left: -16rem;
}
.section_furniture .section_aside {
  margin-right: 50%;
}

/*=========section_configuration============*/

.section_configuration {
  background: url(../images/index/index-5-bg-deco.svg) no-repeat;
  background-size: 64%;
  background-position: center;
}
.section_configuration .imgwrap .section_img {
  width: 100%;
  padding-right: 20%;
  align-items: center;
  width: 50vh;
  height: 45vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_configuration .imgwrap .section_img {
  background: url(../images/customization/3.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_configuration .section_aside {
  width: 35%;
  flex: 0 0 35%;
}
.section_configuration .imgwrap {
  width: 80%;
  flex: 0 0 60%;
  display: flex;
  flex-direction: row-reverse;
  margin-right: 5%;
}
.section_configuration .img_decorate-eng {
  writing-mode: vertical-rl;
}

/*=========section_measurement============*/
.section_measurement {
  background: url(../images/index/index-6-bg-deco.svg) no-repeat;
  background-size: 93% auto;
}
.section_measurement .imgwrap .section_img {
  text-align: right;
  margin-right: 20%;
  margin-left: auto;
  width: 40vh;
  height: 60vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_measurement .imgwrap .section_img {
  background: url(../images/customization/4.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_measurement .img_decorate-eng {
  position: relative;
  margin-top: -1.5rem;
  margin-left: -16rem;
}
.section_measurement .section_aside {
  margin-right: 50%;
}

/*=========section_customization_flow============*/

.section_customization_flow {
  background: url(../images/index/index-7-bg-deco.svg) no-repeat;
  background-size: auto 100%;
  background-position: 55% 0;
}
.section_customization_flow .imgwrap .section_img {
  width: 55vh;
  height: 45vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_customization_flow .imgwrap .section_img {
  background: url(../images/customization/5.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_customization_flow .imgwrap {
  margin-right: 50%;
}
.section_customization_flow .img_decorate-eng {
  position: relative;
  margin-top: -2rem;
  margin-left: -3rem;
}

/*=========section_check============*/
.section_check {
  background: url(../images/index/index-8-bg-deco.svg) no-repeat;
  background-size: 100%;
  background-position: right center;
}
.section_check .imgwrap .section_img {
  text-align: right;
  margin-right: 20%;
  margin-left: auto;
  width: 40vh;
  height: 51vh;
}
.section_check .imgwrap .section_img {
  background: url(../images/customization/6.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_check .img_decorate-eng {
  position: relative;
  margin-top: -1.5rem;
}
.section_check .section_aside {
  width: 45%;
  flex: 0 0 45%;
  margin-right: 21%;
}
.section_check .imgwrap {
  width: 55%;
  flex: 0 0 55%;
}

/*=========section_delivery============*/
.section_delivery {
  background: url(../images/index/index-9-bg-deco.svg) no-repeat;
  background-size: 70%;
  background-position: center center;
}
.section_delivery .imgwrap .section_img {
  width: 47vh;
  height: 47vh;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_delivery .imgwrap .section_img {
  background: url(../images/customization/7.jpg) no-repeat;
  background-size: cover;
  background-repeat: no-repeat;
}
.section_delivery .imgwrap {
  margin-right: 20%;
}
.section_delivery .img_decorate-eng {
  position: relative;
  margin-top: -2rem;
  margin-left: -3rem;
}

.section_delivery .button_group {
  margin-top: 30%;
}
.button_group {
  margin: 0% 0 10%;
}

@media (max-width: 1200px) {
  .section_delivery .imgwrap {
    margin-right: 25%;
  }
  .service_list ul {
    flex-wrap: wrap;
  }
  .service_list ul li {
    width: 48%;
    margin-bottom: 10%;
  }
  .service_list ul li .service_item_img img {
    height: 300px;
  }
  .section_service_item .service_item_img_wrap {
    flex-basis: 50%;
  }
  .section_service_item .service_item_name {
    flex-basis: 50%;
  }
}
@media (max-width: 991px) {
  .display_flex {
    flex-direction: column;
  }
  .section_aside {
    width: 60%;
  }
  .imgwrap {
    margin-bottom: 5%;
  }
  .section_service_item .service_item_name {
    padding: 3%;
  }

  .section_understand .imgwrap {
    margin: 0 auto 2%;
  }
  .section_understand .imgwrap .section_img {
    width: 44vh;
    height: 34vh;
  }
  .section_furniture .display_flex {
    flex-direction: column-reverse;
  }
  .section_configuration {
    background-position: 0;
  }
  .section_configuration .imgwrap .section_img {
    width: 31vh;
  }
  .section_configuration .img_decorate-eng {
    height: 34vh;
  }
  .section_measurement .display_flex {
    flex-direction: column-reverse;
  }
  .section_measurement .imgwrap .section_img {
    height: 50vh;
  }
  /* .section_measurement .contect-primary {
    margin-left: 5rem;
  } */
  .section_measurement .title {
    line-height: 1.2;
  }
  .section_customization_flow .imgwrap {
    margin: 0 auto 5%;
  }
  .section_customization_flow .img_decorate-eng {
    margin-right: -21rem;
  }
  .section_check .display_flex:nth-child(1) {
    flex-direction: column-reverse;
  }
  .section_check .section_aside .display_flex {
    flex-direction: row;
  }
  .section_delivery .imgwrap {
    margin: 0 auto 5%;
  }
  .section_delivery .imgwrap .section_img {
    width: 40vh;
  }
  .section_furniture .section_aside {
    margin-right: 0;
    width: 50%;
  }
  .section_furniture .imgwrap .section_img {
    height: 40vh;
  }
  .section_furniture .img_decorate-eng {
    margin-left: -3rem;
  }
  .section_configuration .section_aside {
    width: 50%;
    flex: 0 0 50%;
  }
  .section_measurement .img_decorate-eng {
    margin-left: -3rem;
  }
  .section_measurement .section_aside {
    width: 50%;
    margin-right: 20%;
  }
  .section_customization_flow .imgwrap .section_img {
    width: 45vh;
    height: 35vh;
  }
  .section_customization_flow .section_aside {
    width: 50%;
    flex: 0 0 50%;
  }
  .service_list ul li .service_item_text {
    height: auto;
  }
  .section_check .contect-primary {
    margin-left: 30%;
  }
  .section_check .section_aside {
    margin-right: 0;
    width: 55%;
    flex: 0 0 55%;
  }
  .section_service_item .service_item_img_wrap .img_wrap {
    height: 25vh;
  }
}
@media (max-width: 500px) {
  .title {
    line-height: 1.5;
  }
  .section_same {
    padding-bottom: 10%;
    padding-top: 5%;
  }
  .section_understand .imgwrap .section_img {
    width: 37vh;
    height: 39vh;
  }
  .section_understand .img_decorate-eng {
    margin-bottom: -16rem;
    margin-left: -10.5rem;
  }
  .section_furniture .img_decorate-eng {
    margin-bottom: -66vw;
    margin-left: -44vw;
    width: 90vw;
  }
  .section_furniture .imgwrap .section_img {
    width: 65vw;
    height: 50vh;
  }
  .section_configuration .section_aside {
    width: auto;
    flex: 0 0 60%;
    margin-left: 12%;
  }

  .section_measurement .imgwrap .section_img {
    width: 70vw;
  }
  .section_measurement .section_aside {
    margin: 10% 20% 0 0;
  }
  .title .title-name {
    letter-spacing: 0.2rem;
  }
  .section_measurement .img_decorate-eng {
    margin-bottom: -28vh;
    margin-left: -14vh;
  }
  .imgwrap {
    margin-bottom: 8%;
  }
  .section_customization_flow .imgwrap {
    margin-bottom: 8%;
  }
  .section_delivery .imgwrap {
    margin-bottom: 8%;
  }
  .section_customization_flow .imgwrap .section_img {
    width: 75vw;
  }
  .section_customization_flow .img_decorate-eng {
    margin-right: inherit;
    margin-left: -30vw;
  }
  .section_check .img_decorate-eng {
    margin-left: -35vw;
    margin-top: 13vh;
  }
  .section_delivery .img_decorate-eng {
    margin-top: 40vw;
    margin-left: -36vw;
    margin-right: inherit;
  }
  .section_delivery .section_aside {
    width: 100%;
    margin-top: 5%;
  }
  .section_delivery .imgwrap .section_img {
    width: 68vw;
  }
  .section_check .imgwrap .section_img {
    width: 68vw;
  }

  .section_furniture .section_aside {
    margin: 0 auto 0 19%;
  }
  .section_configuration .imgwrap .section_img {
    width: 28vh;
  }
  .section_configuration .img_decorate-eng {
    margin-left: 0;
    margin-right: -24px;
    margin-top: -4rem;
  }
  .button_group {
    margin: 0% 0 20%;
  }
}

@media (max-width: 1200px) {
}
@media (max-width: 991px) {
  .panel_wrap .main_title {
    position: inherit;
    left: 1vw;
  }
}
@media (max-width: 500px) {
  .panel_wrap .main_title {
    top: -12vh;
  }
  .img_decorate-eng {
    font-size: 1.5rem;
  }
  .imgwrap {
    width: 100%;
    flex: 0 0 100%;
  }
  .section_service_item .service_item_img_wrap .img_wrap {
    height: 25vh;
  }

  .section_service_item {
    flex-direction: column-reverse;
  }
  .section_service_item:nth-child(even) {
    flex-direction: column-reverse;
  }
  .main_title.title {
    margin-bottom: 1em;
    line-height: 1.2;
  }
  .section_service_item .service_item_name {
    padding: 3% 0;
  }
  .section_service_item .title .title-name {
    font-size: 1.2rem;
  }
  .section_service_item .contect-primary {
    font-size: 0.8rem;
  }

  .section_understand {
    background: 0 none;
  }
  .section_understand .img_decorate-eng {
    margin-bottom: 0;
    margin-left: 0;
  }
  .section_understand .section_aside {
    width: 100%;
    height: 110%;
  }
  .section_understand .imgwrap {
    margin: 0;
    height: 80%;
    flex: 0 0 70%;
    width: 70%;
  }
  .section_understand .imgwrap .section_img {
    width: 100%;
    height: 100%;
    margin: auto;
  }

  .section_furniture .img_decorate-eng {
    margin-bottom: 0;
    margin-left: 0;
  }
  .section_furniture {
    background: 0 none;
    padding-top: 26vh;
  }
  .section_furniture .imgwrap .section_img {
    width: 100%;
    height: 100%;
    margin: auto;
  }
  .section_furniture .section_aside {
    margin: 0;
    width: 100%;
  }

  .section_configuration {
    background: 0 none;
    padding-top: 26vh;
  }
  .section_configuration .imgwrap .section_img {
    width: 100%;
    height: 100%;
    min-width: 75px;
    margin: auto;
  }
  .section_configuration .imgwrap {
    width: 100%;
  }

  .section_measurement {
    background: 0 none;
    padding-top: 26vh;
  }
  .section_measurement .imgwrap {
    width: 100%;
    flex: 0 0 90%;
  }
  .section_measurement .imgwrap .section_img {
    width: 100%;
    height: 100%;
    margin: auto;
  }
  .section_measurement .img_decorate-eng {
    margin: 0;
  }
  .section_measurement .section_aside {
    margin: 0;
    width: 60%;
    flex: 0 0 60%;
  }

  .section_customization_flow {
    background: 0 none;
    padding-top: 33vh;
  }
  .section_customization_flow .imgwrap .section_img {
    width: 80%;
    height: 80%;
    margin: auto;
  }
  .section_customization_flow .img_decorate-eng {
    margin: 0;
  }
  .section_customization_flow .section_aside {
    width: 95%;
    flex: 0 0 80%;
  }

  .section_check {
    background: 0 none;
    padding-top: 29vh;
  }
  .section_check .imgwrap {
    width: 100%;
    flex: 0 0 90%;
  }
  .section_check .imgwrap .section_img {
    width: 100%;
    height: 70%;
    margin: auto;
  }
  .section_check .section_aside {
    width: 100%;
  }
  .section_check .img_decorate-eng {
    margin: 0;
  }

  .section_delivery {
    background: 0 none;
    padding-top: 26vh;
  }
  .section_delivery .imgwrap {
    width: 90%;
    flex: 0 0 90%;
  }
  .section_delivery .imgwrap .section_img {
    width: 100%;
    height: 70%;
    margin: auto;
  }
  .section_delivery .img_decorate-eng {
    margin: 0;
  }
  .section_delivery .contect-primary {
    margin-left: 15%;
  }

  .section_service_item:nth-child(odd) .service_item_name {
    text-align: left;
  }
  .section_service_item:nth-child(odd) .contect-primary {
    margin-right: inherit;
  }
}