/* css UI dowload 29/11/2023 */

.download-wrap {

  display: flex;

  margin: 0px auto 80px;

  width: 90%;

  max-width: 1200px;

  justify-content: space-between;

  align-items: baseline;

  flex-direction: column;

}



.download-wrap .title-dowload {

  width: 100%;

  max-width: 50%;

}



.download-wrap .dowload-item {

  display: flex;

  justify-content: space-between;

  align-items: flex-start;

  position: relative;

}



.download-wrap .download-left {

  width: 100% !important;

  max-width: 50%;

}



.download-wrap .download-right {

  width: 100% !important;

  max-width: 45%;

  position: sticky;

  top: 90px;

}



.download-wrap .download-right .form-dowload {

  border-radius: 22px;

  border: 1px solid #000;

  background: rgba(255, 255, 255, 0.42);

  box-shadow: 0px 4px 9.9px 0px rgba(0, 0, 0, 0.25);

  padding: 10px 28px 49px;

}



.download-wrap .download-right .form-dowload .form_tbl {

  margin: 50px 0 0 0 !important;

}



.download-wrap .download-right .content {

  padding: 20px 30px;

}

.download-wrap .download-left > p {

  margin-bottom: 12px;

}

.form-dowload .wpcf7-not-valid-tip {

  font-size: 14px !important;

}



.form-dowload .wpcf7-select {

  position: relative;

  appearance: none;

  -webkit-appearance: none;

  -moz-appearance: none;

  background-image: url(../images/angle-down-solid.svg);

  background-size: 12px;

  background-position: right center;

  background-repeat: no-repeat;

  padding-right: 20px;

}



.form-dowload .wpcf7-select::before {

  background-image: url(../images/angle-down-solid.svg);

  position: absolute;

  top: 0;

  left: 0;

  width: 10px;

  height: 10px;

  content: "";

}



.dowload-item .txt_link_wrap .-arrow:before {

  right: -40px !important;

}



.dowload-item .txt_link_wrap .-arrow:after {

  right: -28px !important;

}

.download-wrap .download-left > p.mb-0 {

  margin-bottom: 0;

}

.download-wrap .download-left ul {

  padding-left: 16px;

  margin-bottom: 12px;

}

/* resposiver */

@media screen and (max-width: 767px) {

  .download-wrap .dowload-item {

    flex-direction: column;

    margin: 0 auto;

  }



  .download-wrap .download-left,

  .download-wrap .download-right {

    max-width: 100%;

    margin: 26px 0px;

  }



  .download-wrap .title-dowload {

    max-width: 100%;

  }

}



@media screen and (max-width: 575px) {

  .dowload-item .txt_link_wrap .-arrow:after {

    right: -30px !important;

  }

}



@media screen and (max-width: 475px) {



  .dowload-item .txt_link_wrap .-arrow:after {

    right: -31px !important;

  }

}



@media screen and (max-width: 400px) {



  .dowload-item .txt_link_wrap .-arrow:after {

    right: -32px !important;

  }

}







/* css UI category 29/11/2023 */

section.sec-dl .inner {

  max-width: 1193px;

  padding: 0 15px;

  width: 100%;

}

.sec-dl .ttl_wrap .sec_ttl {

  margin-bottom: 60px !important;

}

.sec-dl .box-content {

  background: #fff;

  padding-top: 75px;

  padding-bottom: 30px;

  border-radius: 10px;

  -webkit-box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7);

  box-shadow: 0 0 30px 0 rgba(0, 0, 0, 0.7);

}



.sec-dl .box-content .list-link-box-item .box-item {

  display: flex;

  width: 100%;

  max-width: 60%;

  align-items: center;

  justify-content: space-between;

  margin: 0 auto;

  text-align: center;

}



.sec-dl .box-content .list-link-box-item .box-item li {

  width: 100% !important;

  text-align: left;

  position: relative;

}



.sec-dl .box-content .list-link-box-item .box-item li:nth-child(odd) {

  max-width: 222px;

}



.sec-dl .box-content .list-link-box-item .box-item li:nth-child(even) {

  max-width: 320px;

}



.sec-dl .box-content .list-link-box-item .box-item li a {

  color: #363636;

  font-size: 22px;

  font-weight: 600;

  white-space: nowrap;

  position: static;

}



.sec-dl .box-content .list-link-box-item .box-item li a::before,

.sec-dl .box-content .btn_wrap a::before {

  border: 1px solid #000 !important;

}



.sec-dl .box-content .list-link-box-item .box-item li a::after,

.sec-dl .box-content .btn_wrap a::after {

  border-top: 1px solid #000 !important;

  border-right: 1px solid #000 !important;

}



.sec-dl .box-content .btn_wrap {

  margin-top: -24px;

}



body .sec-dl .btn_wrap a.btn.-white {

  color: #363636;

  border: 1px solid #000;

  max-width: 473px;

}



body .sec-dl .box-content .btn_wrap a span {

  color: #363636;

  font-size: 16px;

  font-weight: 700;

  line-height: normal;

}

ul.list-style-outside, ul.list-style-outside > li {

  list-style-type: disc;

  margin: 0;

  padding: 0;

}

ul.list-style-decimal, ul.list-style-decimal > li {

  list-style-type: decimal;

  margin: 0;

  padding: 0;

}

@media screen and (max-width: 767px) {

  .sec-dl .box-content .btn_wrap {

    margin-top: 14px;

  }

  .sec-dl .box-content .list-link-box-item .box-item {

    padding: 0 32px;

    max-width: 100%;

  }

  .sec-dl .box-content .list-link-box-item .box-item li:nth-child(odd) {

    max-width: 208px;

  }

  .sec-dl .box-content .list-link-box-item .box-item li:nth-child(even) {

    max-width: 297px;

  }

  .sec-dl .box-content .list-link-box-item .box-item li a {

    font-size: 20px;

    display: inline-block;

    width: auto;

  }

  .sec-dl .box-content .btn_wrap a span {

    font-size: 18px;

  }

  .sec-dl .box-content {

    padding-top: 30px;

  }

  .sec-dl .box-content .list-link-box-item .box-item li {

    margin: 0 0 10px 0;

  }

}

@media screen and (max-width: 604px) {

  .sec-dl .box-content .list-link-box-item .box-item {

    justify-content: center;

    align-items: center;

    flex-direction: column;

    max-width: max-content;

  }

  .sec-dl .box-content .list-link-box-item .box-item li:nth-child(odd) ,

  .sec-dl .box-content .list-link-box-item .box-item li:nth-child(even) {

    max-width: 100%;

  }

}

@media screen and (max-width: 575px) {

  .dowload-item .txt_link_wrap .-arrow:after {

    right: -30px !important;

  }

}



@media screen and (max-width: 475px) {

  .sec-dl .box-content .list-link-box-item .box-item li a {

    font-size: 16px;

  }



  .sec-dl .box-content .btn_wrap a span {

    font-size: 16px;

  }



}



@media screen and (max-width: 400px) {

  .sec-dl .box-content .list-link-box-item .box-item li a {

    font-size: 14px;

  }



}



/* style ui page service */

.title-logo{

  font-size: 4.8rem;

  color: #F7293C;

  font-weight: 700;

  line-height: 1.5;

  margin-left: 7px;

  margin-top: 4px;

}

.onf.anime {

  animation-delay: 0.4s !important;

}

.ong.anime {

  animation-delay: 0.8s !important;

}

.onh.anime {

  animation-delay: 0.4s !important;

}

.oni.anime {

  animation-delay: 0.12s !important;

}

.onj.anime {

  animation-delay: 0.16s !important;

}

.onk.anime {

  animation-delay: 0.20s !important;

}

.section.banner-service{

  background-image: url(../assets/images/bg-banner.png);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  height: 95vh;

  display: flex;

  justify-content: center;

  align-items: center;

}

.section.banner-service .inner {

  z-index: 1;

}

section.section.banner-service::before {

  content: "";

  display: block;

  position: absolute;

  width: 100%;

  height: 100%;

  background-color: rgb(255 255 255 / 65%);

}

.section.banner-service .box-item{

  display: flex;

}

.section.banner-service .box-item .item-left{

  width: 100%;

  max-width: 65%;

/*   padding-top: 106px; */

}

.section.banner-service .box-item .item-right{

  width: 100%;

  max-width: 35%;

}

.section.banner-service .box-item .item-left .title{

  font-size: 4.5rem;

  font-weight: 700;

  line-height: calc(68/45);

  letter-spacing: 0.12em;

/*   margin-top: -27px; */

  width: 100%;

  max-width: 96%;

}

.section.banner-service .box-item .item-left .sub-title{

  font-weight: 500;

  display: inline-block;

  width: 100%;

/*   max-width: 90%; */

  margin-top: 28px;

  letter-spacing: 0.2px;

  font-size: 2.8rem;

  line-height: calc(38 / 28);

}

.section.banner-service .box-item .item-left .label-btn{

  font-weight: 500;

  font-size: 1.4rem;

  display: inline-block;

  margin-left: 61px;

  position: relative;

}

.section.banner-service .box-item .item-left .label-btn::before{

  color: #F7293C;

  font-size: 14px;

  position: absolute;

  content: "/";

  left: -8px;

  bottom: -3px;

  transform: rotate(150deg);

}

.section.banner-service .box-item .item-left .label-btn::after{

  color: #F7293C;

  font-size: 14px;

  position: absolute;

  content: "/";

  left: 100%;

  bottom: 1px;

  transform: translate(6px, 0px);

}

.section.banner-service .box-item .item-left .group-btn{

  padding-top: 45px;

}

.section.banner-service .box-item .item-left .group-btn .btn-banner{

  height: 47px !important;

  width: 331px !important;

  margin-left: 2px;

  margin-top: 6px !important;

  padding: 12px 10px 19px 10px !important;

  position: relative;

  background: #F7293C

}

.section.banner-service .box-item .item-left .group-btn .btn-banner::after{

  position: absolute;

  background-image: url(../assets/images/icon-arrow.svg);

  background-size: cover;

  background-position: center;

  background-repeat: no-repeat;

  content: "";

  width: 21px;

  height: 21px;

  right: 20px;

  top: 13px;

}

.section.banner-service .box-item .item-left .group-btn .btn-banner:hover{

  opacity: 0.7;

}

.section.banner-service .box-item .item-right .img-wrap{

  width: 100%;

  position: relative;

/*   top: 147px; */

/*   right: 69px; */

}

.section.banner-service .box-item .item-right .img-wrap{

  max-width: 607px;

/*   height: 435px; */

}

.section.two-service{

  padding-top: 70px;

}

.system-title {

  letter-spacing: 0.55rem;

  font-size: 4.5rem;

  font-weight: 700;

  line-height: calc(68 / 45);

}

.section.two-service .title{

  text-align: center;

  margin-left: 25px;

}

.section.two-service .box-item{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 2rem;

  padding-top: 74px;

}

.section.two-service .box-item .item{

  padding: 20px;

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

  text-align: center;

  border-radius: 12px;

  position: relative;

  z-index: 1;

  height: 504px;

  background: #fff;

}

.section.two-service .box-item .item::before{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 8px;

  background-color: #000;

  border-radius: 25px 25px 0 0;

  content: "";

  z-index: 2;

}

.section.two-service .box-item .item img{

  height: 320px;

}

.section.two-service .box-item .item.one .h-title{

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

  /* margin-top: -8px; */

  line-height: calc(30 / 20);

}

.section.two-service .box-item .item.onf .h-title{

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

  margin-top: 0;

  line-height: calc(30 / 20);

}

.section.two-service .box-item .item.ong .h-title{

  font-size: 2rem;

  font-weight: 700;

  text-align: center;

  /* margin-top: 11px; */

  line-height: calc(30 / 20);

}

.section.three-service{

  padding-bottom: 90px;

}

.section.two-service .icon-arrow{

  display: flex;

  justify-content: center;

  align-items: center;

  padding: 85px 0 49px;

  justify-content: center;

}

.section.two-service .icon-arrow img {

  padding: 0 30px;

  width: 33%;

}

.section.three-service .title{

 font-size: 6rem;

 font-weight: 700;

 text-align: center;

}

.section.three-service .img-logo-text{

  display: flex;

  justify-content: center;

}

.section.four-service{

  background-color: #EEEEEE;

  padding-bottom: 84px;

}

.section.four-service .title{

  text-align: center;

  position: relative;

  padding-top: 70px;

  margin-left: 22px;

}

.section.four-service .title::after{

  position: relative;

  display: block;

  margin: 15px auto 0 auto;

  content: "";

  width: 63px;

  height: 5px;

  background: #f7293c;

  border-radius: 3px;

}

.section.four-service .box-item{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 2rem;

  padding-top: 90px;

}

.section.four-service .box-item .item{

  padding: 2rem;

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

  text-align: center;

  border-radius: 12px;

  position: relative;

  z-index: 1;

  background: #fff;

}

.section.four-service .box-item .item::before{

  position: absolute;

  top: 0;

  left: 0;

  width: 100%;

  height: 8px;

  background-color: #F7293C;

  border-radius: 25px 25px 0 0;

  content: "";

  z-index: 2;

}

.section.four-service .box-item .item img{

  height: 314px;

}

.section.four-service .box-item .item.one .h-title{

  font-size: 2.4rem;

  font-weight: 700;

  text-align: center;

  /* margin-top: -9px; */

  line-height: calc(36 / 22);

  margin-bottom: 15px;

}

.section.four-service .box-item .item.onf .h-title{

  font-size: 2.4rem;

  font-weight: 700;

  text-align: center;

  /* margin-top: -5px; */

  line-height: calc(36 / 22);

  margin-bottom: 15px;

}

.section.four-service .box-item .item.ong .h-title{

  font-size: 2.4rem;

  font-weight: 700;

  text-align: center;

  /* margin-top: -1px; */

  line-height: calc(36 / 22);

  letter-spacing: -0.2px;

  margin-bottom: 15px;

}

.section.four-service .box-item .item.ong img{

  /* width: 215px; */

  /* height: 301px; */

  /* margin-top: 13px */

}

.section.four-service .box-item .item .desc p{

  font-size: 1.6rem;

  line-height: calc(24 / 16);

  letter-spacing: 0;

  display: inline-block;

  text-align: start;

  margin-top: .5rem;

  margin-left: .8rem;

}

.section.four-service .box-item .item.item.ong .desc p{

  margin-top: -1px;

}

.section.five-service{

  padding-top: 90px;

  position: relative;

  padding-bottom: 160px;

}

.section.five-service .title-secticon{

  margin-left: 24px;

  text-align: center;

  position: relative;

  padding-bottom: 165px;

}

.section.five-service .title-secticon::after {

  position: relative;

  display: block;

  margin: 15px auto 0 auto;

  content: "";

  width: 63px;

  height: 5px;

  background: #f7293c;

  border-radius: 3px;

}

.section.five-service .list-box-content{

  position: relative;

}

.section.five-service .list-box-content .img-wrap{

  display: flex;

  justify-content: center;

}

.section.five-service .list-box-content .img-wrap img{

  width: 100%;

  max-width: 603px;

}

.section.five-service .list-box-content .box-content-item .title{

  font-size: 1.8rem;

  line-height: calc(27 / 18);

  font-weight: 700;

}

.section.five-service .list-box-content .box-content-item ul li{

  font-size: 1.2rem;

  font-weight: 400;

  line-height: calc(18 / 12);

}

.section.five-service .list-box-content .box-content-item.onh.anime {

  animation-delay: 1.2s !important;

}

.section.five-service .list-box-content .box-content-item.oni.anime {

  animation-delay: 0.8s !important;

}

.section.five-service .list-box-content .box-content-item.onj.anime {

  animation-delay: 0.4s !important;

}

.section.five-service .list-box-content .box-content-item:nth-child(2) {

  position: absolute;

  top: -52px;

  right: 178px;

  transform: translate(10px, 10px);

}

.section.five-service .list-box-content .box-content-item:nth-child(3) {

  position: absolute;

  top: 164px;

  right: 87px;

  transform: translate(10px, 10px);

}

.section.five-service .list-box-content .box-content-item:nth-child(4) {

  position: absolute;

  top: 389px;

  right: 141px;

  transform: translate(10px, 10px);

}

.section.five-service .list-box-content .box-content-item:nth-child(5) {

  position: absolute;

  top: 564px;

  right: 44%;

  transform: translate(10px, 10px);

}

.section.five-service .list-box-content .box-content-item:nth-child(6) {

  position: absolute;

  top: 387px;

  left: 138px;

  transform: translate(10px, 10px);

}

.section.five-service .list-box-content .box-content-item:nth-child(7) {

  position: absolute;

  top: 164px;

  left: 107px;

  transform: translate(10px, 10px);

}

.section.five-service .list-box-content .box-content-item:nth-child(8) {

  position: absolute;

  top: -53px;

  left: 246px;

  transform: translate(10px, 10px);

}

.section.five-service .list-box-content.mobile{

  display: none;

  justify-content: center;

  width: 100%;

  max-width: 360px;

  margin: 0 auto;

}

.section.five-service .list-box-content.mobile .list-item .item{

  display: flex;

  gap: 34px;

  padding: 15.5px 0;

}

.section.five-service .list-box-content.mobile .list-item .item .content .title{

  font-size: 1.8rem;

  font-weight: 700;

  line-height: calc(24/18);

}

.section.five-service .list-box-content.mobile .list-item .item .content ul li{

  font-size: 1.2rem;

  font-weight: 400;

  line-height: calc(18/12);

}

.section.five-service .list-box-content.mobile .list-item::after {

  position: absolute;

  width: 1px;

  height: 460px;

  background-color: #F7293C;

  left: 32px;

  bottom: 101px;

  z-index: 1;

  transform: translate(-50%);

  /* content: ""; */

}

.section.six-service{

  border-top: 1px solid #C5C5C5;

  padding-bottom: 120px;

}

.section.six-service .title {

  text-align: center;

  position: relative;

  padding-top: 90px;

  margin-left: 24px;

}

.section.six-service .title::after {

  position: relative;

  display: block;

  margin: 15px auto 0 auto;

  content: "";

  width: 63px;

  height: 5px;

  background: #f7293c;

  border-radius: 3px;

}

.section.six-service .list-box-item{

  display: grid;

  grid-template-columns: repeat(3, 1fr);

  gap: 90px;

  padding-top: 120px;

  width: 100%;

  max-width: 86%;

  margin: 0 auto;

}

.section.six-service .list-box-item .item{

  display: flex;

}



.section.six-service .list-box-item .item.one img{

  width: 95px;

  height: 91px;

  margin-top: 4px;

}

.section.six-service .list-box-item .item.onf img{

  width: 80px;

  height: 87px;

  margin-left: 18px;

  margin-top: -9px;

}

.section.six-service .list-box-item .item.ong img{

  width: 71px;

  height: 63px;

  margin-left: 15px;

  margin-top: 13px;

}

.section.six-service .list-box-item .item.onh img{

  width: 78px;

  height: 81px;

  margin-left: 8px;

  margin-top: -4px;

}

.section.six-service .list-box-item .item.oni img{

  width: 87px;

  height: 74px;

  margin-left: 14px;

  margin-top: -3px;



}

.section.six-service .list-box-item .item.onj img{

  width: 74px;

  height: 69px;

  margin-top: -4px;

  margin-left: 13px;

}

.section.six-service .list-box-item .item.onk img{

  width: 92px;

  height: 84px;

  margin-top: 18px;

  margin-left: 1px;

}

.section.six-service .list-box-item .item.onl img{

  width: 89px;

  height: 81px;

  margin-left: 13px;

  margin-top: 9px;

}

.section.six-service .list-box-item .item.onm img{

  width: 86px;

  height: 100px;

  margin-left: 7px;

  margin-top: -1px;

}

.section.six-service .list-box-item .item .h-title p{

  margin-left: 26px;

  margin-top: 25px;

  font-size: 1.8rem;

  line-height: calc(27/18);

  font-weight: 700;

}

.section.six-service .list-box-item .item.onf .h-title p{

  margin-top: 20px;

  line-height: 25px;

  margin-left: 33px;

}

.section.six-service .list-box-item .item.ong .h-title p{

  margin-top: 20px;

  line-height: 25px;

  margin-left: 30px;

}

.section.six-service .list-box-item .item.onh .h-title p{

  margin-left: 36px;

  margin-top: 12px;

}

.section.six-service .list-box-item .item.oni .h-title p{

  margin-left: 30px;

  margin-top: 12px;

}

.section.six-service .list-box-item .item.onj .h-title p{

  margin-left: 29px;

  margin-top: 12px;

}

.section.six-service .list-box-item .item.onk .h-title p{

  margin-left: 29px;

  margin-top: 32px;

}

.section.six-service .list-box-item .item.onel .h-title p{

  margin-left: 29px;

  margin-top: 32px;

}

.section.six-service .list-box-item .item.onm .h-title p{

  margin-left: 24px;

  margin-top: 32px;

}

.section.six-service .list-box-item .one.anime,

.section.six-service .list-box-item .onf.anime,

.section.six-service .list-box-item .ong.anime{

  animation-delay: 0.8s !important;

}

.section.six-service .list-box-item .onh.anime,

.section.six-service .list-box-item .oni.anime,

.section.six-service .list-box-item .onj.anime{

  animation-delay: 1s !important;

}

.section.six-service .list-box-item .onk.anime,

.section.six-service .list-box-item .onl.anime,

.section.six-service .list-box-item .onm.anime{

  animation-delay: 1.2s !important;

}



.section.seven-service {

  background-color: #EEEEEE;

  padding-bottom: 124px;

}

.section.seven-service .title{

  text-align: center;

  position: relative;

  padding-top: 80px;

}

.section.seven-service .title::after {

  position: relative;

  display: block;

  margin: 15px auto 0 auto;

  content: "";

  width: 63px;

  height: 5px;

  background: #f7293c;

  border-radius: 3px;

}

.section.seven-service .sub-title{

  font-size: 2.2rem;

  text-align: center;

  font-weight: 500;

  padding-top: 35px;

  line-height: calc(33/22);

  margin-left: 23px;

}

.section.seven-service .list-box-item{

  width: 100%;

  max-width: 86%;

  margin: 90px auto 0;

}

.section.seven-service .list-box-item .item{

  display: flex;

  width: 100%;

  margin-bottom: 38px;

  position: relative;

  z-index: 989;

}

.section.seven-service .list-box-item .item:last-child {
  margin-bottom: 0;
}

body .section.seven-service .list-box-item .item.onh.anime{

  animation-delay: 1.2s !important;

}

.section.seven-service .list-box-item{

  position: relative;

}

.section.seven-service .list-box-item::after{

  position: absolute;

  width: 2px;

  height: 80%;

  background-color: #F7293C;

  left: 83.5px;

  bottom: 72px;

  z-index: 1;

  transform: translate(-50%);

  content: "";

}

.section.seven-service .list-box-item .item.one::after{

  display: none;

}

.section.seven-service .list-box-item .item .icon{

  width: 100%;

  max-width: 200px;

  z-index: 999;

}

.section.seven-service .list-box-item .item .icon img{

  width: 100%;

  max-width: 169px;

}

.section.seven-service .list-box-item .item .content{

  width: 100%;

  max-width: calc(100% - 200px);

  padding-left: 21px;

}

.section.seven-service .list-box-item .item .content-mobile{

  display: none

}

.section.seven-service .list-box-item .item .content .name-step{

  color: #F7293C;

  font-weight: 700;

  text-transform: uppercase;

  font-size: 2.8rem;

  line-height: calc(42/28);

  letter-spacing: -2px;

}

.section.seven-service .list-box-item .item .content .name-item{

  font-size: 3.4rem;

  font-weight: 700;

  line-height: calc(51/28);

  margin-bottom: 16px;

  display: inline-block;

}

.section.seven-service .list-box-item .item .content .desc{

  font-size: 2rem;

  line-height: calc(30/20);

  font-weight: 500;

  letter-spacing: 0.2px;

}

.section.seven-service .list-box-item .item.ong{

/*   margin-bottom: 11px; */

}

.section.seven-service .list-box-item .item.onh .icon{

/*   margin-top: 26px; */

}

.section.seven-service .list-box-item .item.onh .content{

/*   margin-top: 13px; */

}

.section.seven-service .list-box-item .item.onh .content .desc{

  line-height: 32px;

  margin-top: 7px;

}

.section.seven-service .list-box-item .item.three{

  margin-bottom: 27px;

}

.section.seven-service .list-box-item .item.four .icon{

  padding-top: 10px;

}

.section.seven-service .list-box-item .item.four .name-item{

  margin-bottom: 23px;

}

.section.seven-service .list-box-item .item.four .desc{

  line-height: 30px;

}

.section.seven-service .list-btn-content{

  padding-top: 0;

  position: relative;

  z-index: 6;

}



.section.seven-service .list-btn-content .item{

  display: flex;

  justify-content: space-between;

  width: 100%;

  max-width: 772px;

  margin: 0 auto;

  margin-bottom: 37px;

  position: relative;

  z-index: 99;

}

.section.seven-service .list-btn-content::before{

  position: absolute;

  height: 712px;

  width: 2px;

  top: 0;

  left: 50%;

  background-color: #F7293C;

  content: "";

  z-index: 1;

}

.section.seven-service .list-btn-content::after{

  position: absolute;

  height: 27px;

  width: 27px;

  border-radius: 50%;

  bottom: -70px;

  left: 50%;

  background-color: #F7293C;

  content: "";

  transform: translate(-50%, 0) !important;

}

.section.seven-service .list-btn-content .item:nth-child(1){

  margin-bottom: 18px;

}

.section.seven-service .list-btn-content .item:nth-child(2){

  margin-bottom: 16px;

}

.section.seven-service .list-btn-content .item:nth-child(3){

  margin-bottom: 25px;

}

.section.seven-service .list-btn-content .item:nth-child(4){

  margin-bottom: 25px;

}

.section.seven-service .list-btn-content .item.onh.anime{

  animation-delay: 1s !important;

}

.section.seven-service .list-btn-content .item:nth-child(5){

  margin-bottom: 25px;

}

.section.seven-service .list-btn-content .item.oni.anime{

  animation-delay: 1.2s !important;

}

.section.seven-service .list-btn-content .item:nth-child(6){

  margin-bottom: 27px;

}

.section.seven-service .list-btn-content .item.onj.anime{

  animation-delay: 1.3s !important;

}

.section.seven-service .list-btn-content .item.onk.anime{

  animation-delay: 1.4s !important;

}

.section.seven-service .list-btn-content .item.onf .item-left,

.section.seven-service .list-btn-content .item.onk .item-left{

  width: 100%;

}

.section.seven-service .list-btn-content .item.onf .item-right,

.section.seven-service .list-btn-content .item.onk .item-right{

  display: none;

}

.section.seven-service .list-btn-content .item.onf a,

.section.seven-service .list-btn-content .item.onk a{

 display: inline-block;

 margin-bottom: 6px;

 font-size: 3rem !important;

 font-weight: 700;

 width: 100% !important;

 padding: 20px 0 !important;

 text-align: center;

 background: #ffffff !important;

 border-radius: 40px !important;

}

.section.seven-service .list-btn-content .item .item-left a{

 background: #282828;

 color: #FFFFFF;

 font-size: 3rem;

 font-weight: 700;

 padding: 18px 80px;

 width: 363px;

 border-radius: 40px;

 display: inline-block;

 border-radius: 40px;

 text-align: center;

 pointer-events: none;

}

.section.seven-service .list-btn-content .item.onf .item-left,

.section.seven-service .list-btn-content .item.onk .item-left{

  border: 2px solid #F7293C;

  background: #fff;

  border-radius: 40px;

}

.section.seven-service .list-btn-content .item.onf .item-left a,

.section.seven-service .list-btn-content .item.onk .item-left a{

  color: #F7293C !important;

}

.section.seven-service .list-btn-content .item.onf:hover .item-left,

.section.seven-service .list-btn-content .item.onk:hover .item-left{

  position: relative;

  z-index: 999999;

}

.section.seven-service .list-btn-content .item .item-right a{

 background: #F7293C;

 color: #FFFFFF;

 font-size: 3rem;

 font-weight: 700;

 padding: 18px 80px;

 text-align: center;

 border-radius: 40px;

 width: 363px;

 display: inline-block;

 pointer-events: none;

}

.section.seven-service .list-btn-content .item:nth-child(3) .item-left a{

  opacity: 0;

}

.section.seven-service .list-btn-content .item:nth-child(4) .item-right a{

  opacity: 0;

}

.section.seven-service .list-btn-content .item:nth-child(5) .item-left a{

  opacity: 0;

}

.section.seven-service .list-btn-content .item:nth-child(6) .item-right a{

  opacity: 0;

}

.section.eight-service{

  padding-top: 90px;

  padding-bottom: 90px;

}

.section.eight-service .title-secticon{/*  */

  text-align: center;

  position: relative;

  padding-bottom: 72px;

}

.section.eight-service .title-secticon::after{

  position: relative;

  display: block;

  margin: 15px auto 0 auto;

  content: "";

  width: 63px;

  height: 5px;

  background: #f7293c;

  border-radius: 3px;

}



.section.eight-service .list-item-question .box-item .item{

  margin-bottom: 50px;

}

body .section.eight-service .list-item-question .box-item .item.onh.anime{

  animation-delay: 1.2s !important;

}

body .section.eight-service .list-item-question .box-item .item.oni.anime{

  animation-delay: 1.6s !important;

}

.section.eight-service .list-item-question .box-item .item .title{

  background: #F7293C;

  color: #FDFCFA;

  border-radius: 40px;

  letter-spacing: 1.8px;

  position: relative;

  cursor: pointer;

  padding: 18px 18px 18px 26px;

  transition: all .5s ease;

  width: 100%;

  margin: 0;

  opacity: 1;

  display: flex;

}

.section.eight-service .list-item-question .box-item .item .title .question{

  font-size: 3.6rem;

  font-weight: 700;

  margin-left: 15px;

  margin-top: 4px;

  display: inline-flex;

  min-width: 50px !important;

  align-self: baseline !important;

}

.section.eight-service.twelve-new-page .list-item-question .box-item .item:nth-child(2) .title .question{

  margin-top: 10px;

}

.section.eight-service .list-item-question .box-item .item .title .question-title{

  font-size: 1.8rem;

  font-weight: 700;

  margin-left: 5px;

  letter-spacing: 0px;

  width: calc(100% - 100px) !important;

}

.section.eight-service .list-item-question .title .icon {

  width: 50px;

  height: 50px;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #ffffff !important;

  border-radius: 50% !important;

}

.section.eight-service .list-item-question .box-item .item .content{

  display: flex;

  justify-content: unset;

  align-items: center;

  width: 100%;

}

.section.eight-service .list-item-question .title.close .icon::before {

  transform: rotate(180deg);

}

.section.eight-service .list-item-question .title.close .icon::after {

  transform: rotate(-180deg);

}

.section.eight-service .box {

  display: none;

  padding: 45px;

  margin-top: -35px;

  border-radius: 8px;

  line-height: calc(24/16);

}

.section.nine-service{

 background: #EEEEEE;

 padding-top: 99px;

 padding-bottom: 100px;

}

.section.nine-service .content{

  box-shadow: 0 0 15px 0 rgba(0, 0, 0, 0.08);

  background: #fff;

  border-radius: 12px;

}

.section.nine-service .content .title-secticon{

  padding-top: 70px;

  text-align: center;

  position: relative;

}

.section.nine-service .content .title-secticon::after {

  position: relative;

  display: block;

  margin: 15px auto 0 auto;

  content: "";

  width: 63px;

  height: 5px;

  background: #f7293c;

  border-radius: 3px;

}

.section.nine-service .content .group-btn{

  padding-top: 70px;

  padding-bottom: 75px;

}

.section.nine-service .content .group-btn .label-btn {

  margin-bottom: 36px;

  margin-left: -3px;

  letter-spacing: 0.1px;

  font-size: 2.5rem;

  font-weight: 500;

  position: relative;

  text-align: center;

  display: inline-flex;

  justify-content: center;

  width: 100%;

}

.section.nine-service .content .group-btn .label-btn::before {

  color: #F7293C;

  font-size: 3.2rem;

  content: "/";

  transform: rotate(150deg);

  margin-top: 6px;

  margin-right: 2px;

}

.section.nine-service .content .group-btn .label-btn::after {

  color: #F7293C;

  font-size: 3.2rem;

  content: "/";

}

.section.nine-service .content .group-btn .btn-section{
  width: 100%;
  max-width: 380px;
  background: #F7293C;
padding: 17px 10px 19px 10px;
  border-radius: 66px;
  display: flex;
  justify-content: center;
  font-size: 1.6rem;
  letter-spacing: 1px;
  line-height: calc(63/42);
}

.section.nine-service .content .group-btn .btn-section:after, 
.section.nine-service .content .group-btn .btn-section:before {
    position: absolute;
    right: 35px;
    top: 50%;
    display: block;
    content: "";
}


.section.nine-service .content .group-btn .btn-section:after {
	right: 46px;
    margin-top: -1px;
    width: 6px;
    height: 6px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    -webkit-transform: rotate(45deg) translateY(-50%);
    transform: rotate(45deg) translateY(-50%);
}

.section.nine-service .content .group-btn .btn-section:before {
	box-sizing: border-box;
    width: 22px;
    height: 22px;
    border: 1px solid #fff;
    transform: translateY(-50%);
    -webkit-border-radius: 50%;
    border-radius: 50%;
}

.section.nine-service .content .group-btn .btn-section:hover  {

  background: #e78891;

}

@media only screen and (max-width: 1300px) {

  .section.five-service .list-box-content .box-content-item:nth-child(2) {

    right: 137px;

  }

  .section.five-service .list-box-content .box-content-item:nth-child(3){

    right: 62px;

  }

  .section.five-service .list-box-content .box-content-item:nth-child(4){

    right: 104px;

  }

  .section.five-service .list-box-content .box-content-item:nth-child(5){

    right: 39%;

  }

  .section.four-service .box-item .item::before,

  .section.two-service .box-item .item::before{

    width: 100%;

    left: 0;

  }

}

@media only screen and (max-width: 1200px) {

  .section.five-service .list-box-content.desktop{

    display: none;

  }

  .section.five-service .list-box-content.mobile{

    display: block;

  }

  .section.banner-service{

    height: 150vh;

  }

  .section.banner-service .box-item .item-left{

    max-width: 100%;

  }

  .section.banner-service .box-item .item-right{

/*     max-width: 100%; */

  }

  .section.banner-service .box-item {

/*     flex-direction: column-reverse; */

  }

  .section.banner-service .box-item .item-right .img-wrap{
    top: unset;
    right: unset;
    display: flex;
    justify-content: center;
	 height: auto
  }

}

@media only screen and (max-width: 991px) {

  .section.banner-service .box-item .item-left{

    max-width: 100%;

  }

  .section.banner-service .box-item .item-right .img-wrap {

    width: 100%;

    position: relative;

/*     top: 32px; */

/*     right: 0; */

    display: flex;

    justify-content: center;

    align-items: center;

  }

  .section.two-service .box-item{

    grid-template-columns: repeat(2, 1fr);

  }

  .section.four-service .box-item{

    grid-template-columns: repeat(2, 1fr);

  }

  .section.two-service .box-item .item{

    height: 100%;

  }

  .section.four-service .box-item .item .desc{

    font-size: 15px;

  }

  .section.nine-service .content .group-btn .label-btn::before{

    left: 26.5%;

  }

  .section.nine-service .content .group-btn .label-btn::after{

    left: 71%;

  }

  .section.six-service .list-box-item{

    grid-template-columns: repeat(2, 1fr);

  }

  .section.five-service{

    padding-top: 87px;

    padding-bottom: 117px;

  }

  .section.five-service .title-secticon{

    padding-bottom: 120px;

  }

  .section.banner-service {

    height: 180vh;

  }

}

@media only screen and (max-width: 767px) {

  .section.banner-service {

    height: auto !important;

  }

  .section.banner-service .box-item .item-left .title br{

/*     display: none; */

  }

  .section.banner-service .box-item .item-left .sub-title br{

/*     display: none; */

  }

  .section.banner-service .box-item .item-left .group-btn .btn-banner {

    height: 100% !important;

    width: max-content !important;

    margin-left: 2px;

    margin-top: 6px !important;

    padding: 10px 60px !important;

    position: relative;

  }

  .section.banner-service .box-item .item-left .group-btn .btn-banner::after{

    top: 18px;

  }

  .section.two-service{

    padding-top: 0;

  }

  .section.two-service .box-item .item .h-title{

    line-height: 1.5;

  }

  .section.two-service .box-item{

    display: grid;

    grid-template-columns: repeat(1, 1fr);

    gap: 1.85rem;

    padding-top: 31px;

  }



  .section.four-service .title,

  .section.seven-service .title{

    margin-left: 0;

  }

  .section.seven-service .title{

    padding-top: 50px;

  }



  .section.seven-service .list-box-item{

    margin: 49px auto 75px;

  }



  .section.four-service .box-item{

    grid-template-columns: repeat(1, 1fr);

  }

  .section.five-service{

    padding-top: 40px;

    padding-bottom: 40px;

  }

  .section.five-service .title-secticon{

    margin: 0 !important;

  }

  .section.six-service .list-box-item{

    grid-template-columns: repeat(2, 1fr);

  }

  .section.six-service .list-box-item .item .h-title p{

    margin-left: 0 !important;

    margin-top: 0 !important;

  }

  .section.six-service .list-box-item .item img{

    width: 70px !important;

    height: 70px !important;

  }

  .section.six-service .title{

    padding-top: 54px;

  }

  .section.six-service .list-box-item{

    padding-top: 40px;

    max-width: 100%;

  }

  .section.six-service .list-box-item img{

    margin-top: 0 !important;

    margin-left: 0 !important;

    margin-bottom: 10px !important;

  }

  .section.seven-service .list-box-item .item .icon img{

    max-width: 130px;

  }

  .section.seven-service .list-box-item::after{

    display: none;

  }

  .section.seven-service .list-box-item .item .content {

    padding-left: 0;

    max-width: 100%;

  }

  .section.seven-service .list-box-item .item .content-mobile{

    display: block;

  }

  .section.seven-service .list-box-item .item .icon{

    display: flex;

    align-items: center;

    max-width: 100%;

    gap: 20px;

  }

  .section.seven-service .list-box-item .item .content-mobile .desc,

  .section.seven-service .list-box-item .item .content .name-step,

  .section.seven-service .list-box-item .item .content  .name-item{

    display: none;

  }

  .section.seven-service .list-box-item .item .content-mobile .name-step{

    color: #F7293C;

    font-weight: 700;

    text-transform: uppercase;

    font-size: 22px;

    letter-spacing: -2px;

    line-height: 1.5;

  }

  .section.seven-service .list-box-item .item .content-mobile  .name-item {

    font-size: 22px;

    font-weight: 700;

    margin-bottom: 16px;

    line-height: 1.5;

    display: inline-block;

  }



  .section.seven-service .list-box-item .item{

    flex-direction: column;

    justify-content: center;

    align-items: center;

  }

  .section.seven-service .list-box-item .item::after{

    display: none;

  }

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a{

    width: 300px;

  }

  .section.seven-service .list-btn-content .item .item-left,

  .section.seven-service .list-btn-content .item .item-right{

    margin: 10px 0;

  }

  .section.seven-service .list-btn-content .item:nth-child(3) .item-left a{

    display: none;

  }

  .section.seven-service .list-btn-content .item.full{

    margin-bottom: 0;

  }

  .section.seven-service .list-btn-content .item:nth-child(3){

    margin-bottom: 0px;

    margin-top: 18px;

  }

  .section.seven-service .list-btn-content .item:nth-child(4) .item-right a,

  .section.seven-service .list-btn-content .item:nth-child(5) .item-left a{

    display: none;

  }

  .section.seven-service .list-btn-content .item:nth-child(4) {

    margin-bottom: 0;

  }

  .section.seven-service .list-btn-content .item:nth-child(5) {

    margin-bottom: 0;

  }

  .section.seven-service .list-btn-content .item:nth-child(6) .item-right a{

    display: none;

  }

  .section.seven-service .list-btn-content .item:nth-child(6) {

    margin-bottom: 10px;

  }

  .section.seven-service .list-btn-content::before{

    height: 100%;

    top: 14px;

  }

  .section.seven-service .list-btn-content::after{

    bottom: -40px;

  }



  .section.eight-service .list-item-question .box-item .item .title .question{

    font-size: 20px;

    white-space: nowrap;

    margin-left: 0;

  }

  .section.eight-service .list-item-question .box-item .item .content{

    display: flex;

  }

  .section.eight-service .list-item-question .box-item .item .title .question-title{

    font-size: 1.4rem;

    padding-right: 50px;

    line-height: calc(30/20);

  }

  .section.eight-service .box p{

    line-height: calc(30/20);

  }

  .section.eight-service .list-item-question .title .icon{

    width: 30px;

    height: 30px;

  }

  .section.eight-service .list-item-question .title .icon::after{

    right: 3px;

  }



  .section.nine-service .content .group-btn .label-btn::before {

    left: 23.5%;

    font-size: 20px;

    bottom: -5px;

  }

  .section.nine-service .content .group-btn .label-btn::after {

    left: 73.5%;

    font-size: 20px;

  }

  .section.nine-service .content .group-btn .btn-section {
    max-width: inherit;
    width: 70%;
    height: unset;
    font-size: 3.733vw;
    padding: 9px 10px 10px 10px;
	border-radius: 30px;
  }

  .section.nine-service .content .group-btn .btn-section::after{

    right: 5vw;

    width: 3.8vw;

    height: 3.8vw;

  }

  .section.banner-service .box-item .item-left .group-btn{

    text-align: center;

  }

  .section.banner-service .box-item .item-left .group-btn .btn-banner{

    margin: 0 auto;

  }

  .section.banner-service .box-item .item-left .label-btn{

    margin: 0 !important;

  }

  .section.seven-service .list-btn-content .item:nth-child(1){

    margin-bottom: 0 !important;

  }

  .section.seven-service .list-btn-content .item:nth-child(2) {

    margin-bottom: -19px;

  }

  section.seven-service .list-btn-content .item:nth-child(3) {

    margin-bottom: 0;

    margin-top: 0;

  }

  section.seven-service .list-btn-content .item:nth-child(3) {

    margin-bottom: 0;

    margin-top: 0;

  }

  section.seven-service .list-btn-content .item:nth-child(3) {

    margin-bottom: 0;

    margin-top: 0;

  }

  section.seven-service .list-btn-content .item:nth-child(3) {

    margin-bottom: 0;

    margin-top: 0;

  }

  .section.two-service .box-item .item .h-title p{

    font-size: 3.733vw !important;

  }

  .section.two-service .box-item .item img{

    height: 340px;

    object-fit: contain;

  }

  .section.two-service .title{

    margin-left: 0;

  }

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a,

  .section.seven-service .list-btn-content .item.onf .item-left a{

    padding: 5px 20px !important;

    font-size: 3.733vw !important;

  }

  .section.four-service .box-item .item .desc p{

    margin: 0;

  }

  .section.four-service .box-item .item .desc p br{

/*     display: none; */

  }

  .section.two-service .icon-arrow{

    width: 100%;

    max-width: 100px;

    margin: 0 auto;

    padding: 35px 0 35px;

  }

  .section.four-service .box-item .item img{

    height: 190px !important;

    object-fit: contain;

  }

  .section.six-service .list-box-item{

    gap: 50px;

  }

  .section.six-service .list-box-item .item {

    display: flex;

    flex-direction: column;

    align-items: center;

  }

  .section.six-service .list-box-item .item .h-title p{

    line-height: 1.5 !important;

  }

  .section.six-service .title{

    padding-top: 36px;

    margin: 0 !important;

  }

  .section.eight-service .list-item-question .box-item .item{

    margin-bottom: 20px;

  }

  .section.nine-service {

    padding-top: 45px;

    padding-bottom: 45px;

  }

  .section.eight-service {

    padding-top: 43px;

    padding-bottom: 43px;

  }

  .section.five-service .title-secticon {

    padding-bottom: 66px;

  }

  .section.seven-service{

    padding-bottom: 1px;

  }

  .section.two-service {

    padding-top: 50px;

  }

  .section.four-service .title{

    padding-top: 35px;

  }

  .section.four-service .box-item{

    padding-top: 55px;

  }

  .section.four-service {

    padding-bottom: 55px;

  }

  .section.six-service{

    padding-top: 50px;

    padding-bottom: 50px;

  }

  .section.seven-service .list-box-item{

    max-width: 90%;

  }

  .section.seven-service .sub-title{

    margin-left: 0;

    padding-top: 40px;

  }

  .system-title {

    font-size: 6vw;

    letter-spacing: 0.45rem;

  }

  .section.banner-service .box-item .item-left .title {
    font-size: 6vw;
    max-width: 100%;
	text-align: center
  }

  .section.banner-service .box-item .item-left .sub-title {
    font-size: 5.333vw;
    text-align: center;
	max-width: 100%
  }

  .section.banner-service .box-item .item-left .group-btn {

    padding-top: 20px;

  }

  .section.two-service .box-item .item.one .h-title ,

  .section.two-service .box-item .item.ong .h-title,

  .section.two-service .box-item .item.onf .h-title

  {

    font-size: 4vw;

  }

  .section.three-service .title {

    font-size: 9vw;

  }

  .section.four-service .box-item .item.one .h-title ,

  .section.four-service .box-item .item.onf .h-title,

  .section.four-service .box-item .item.ong .h-title{

    font-size: 4.533vw;

  }

  .section.four-service .box-item .item .desc p {

    font-size: 3.733vw;

  }

  .section.five-service .title-secticon br {

    display: none;

  }

  .section.five-service .list-box-content.mobile .list-item .item .content .title {

   font-size: 3.733vw;

   line-height: 1.6;

 }

 .section.five-service .list-box-content.mobile .list-item .item .content ul li {

  font-size: 2.8vw;

}

.section.six-service .list-box-item .item .h-title p {

  font-size: 3.733vw;

  text-align: center;

}

.section.seven-service .sub-title {

  font-size: 4vw;

}

.section.seven-service .list-box-item .item .content-mobile .name-step ,

.section.seven-service .list-box-item .item .content-mobile .name-item {

  font-size: 4vw;

}

.section.seven-service .list-box-item .item .content .desc{

  font-size: 4.4vw;

  margin-top: 10px;

}

.section.eight-service .box p {

  font-size: 1.4rem;

}

.section.four-service .title::after ,

.section.five-service .title-secticon::after ,

.section.six-service .title::after,

.section.seven-service .title::after,

.section.eight-service .title-secticon::after,

.section.nine-service .content .title-secticon::after{

  width: 8.4vw;

  height: 3px;

  margin-top: 3vw;

}

.section.nine-service .content .title-secticon {

  font-size: 5.333vw !important;

  line-height: calc(55 / 40);

  margin-bottom: 7vw;

  padding-top: 10vw !important;

}

.section.nine-service .content {

  padding: 0 5%;

}

.section.nine-service .content .group-btn {

  padding-bottom: 10vw;

  padding-top: 0;

}

.section.nine-service .content .group-btn .label-btn {

  margin-bottom: 10px;

}

.section.eight-service .box {

  padding-bottom: 20px;

}

.section.two-service .icon-arrow img {

  padding: 0;

  width: 100%;

}

.anime.delay4 {

  animation-delay: 1.6s !important;

}



}

@media only screen and (max-width: 680px) {

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a{

    width: 260px;

  }

}

@media only screen and (max-width: 650px) {

  .section.eight-service .list-item-question .box-item .item .title .question-title{

    padding-right: 40px;

  }

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a {

    width: 220px;

  }

}

@media only screen and (max-width: 570px) {

  .section.eight-service .list-item-question .box-item .item .title .question-title {

    padding-right: 37px;

  }

  .section.six-service .title,

  .section.five-service .title-secticon {

    padding-top: 0;

  }

  .section.banner-service {

    height: 123vh;

    padding-top: 20px;

  }

  .section.nine-service .content .group-btn .label-btn {

    font-size: 14px;

  }

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a {

    width: 190px;

  }

  .section.seven-service .list-box-item .item .icon img{

    max-width: 100px;

  }

  .section.nine-service .content .group-btn .btn-section {

    width: 70%;

    height: auto;

    font-size: 3.733vw;

  }



}

@media only screen and (max-width: 450px){

  .section.banner-service{

    padding-top: 0;

  }



  .section.five-service .title-secticon {

    padding-bottom: 77px;

  }

  .section.six-service {

    padding-bottom: 50px;

  }



  .section.seven-service .list-box-item {

    margin: 49px auto 68px;

  }

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a {

    width: 170px;

  }

  .section.eight-service .list-item-question .title .icon{

    right: 11px;

  }

  .section.eight-service .list-item-question .title .icon::before, .list-item-question .title .icon::after{

    width: 18px;

  }

  .section.eight-service .list-item-question .title .icon::after {

    right: 6px;

    top: 43%;

  }

}

@media only screen and (max-width: 479px) {



}

@media only screen and (max-width: 431px) {

  .section.banner-service .box-item .item-left .group-btn .btn-banner::after {

    top: 11px;

  }

  .section.banner-service .box-item .item-left .group-btn .btn-banner::after {

    top: 10px;

  }

  .section.banner-service {

    height: 100vh;

  }

}

@media only screen and (max-width: 390px) {

  .section.banner-service {

    height: 100vh;

  }

  .section.banner-service .box-item .item-left .group-btn .btn-banner::after {

    top: 12px;

  }

  .section.five-service .title-secticon {

    padding-bottom: 30px;

  }

  .section.five-service .list-box-content.mobile .list-item::after{

    height: 540px;

    bottom: 74px;

  }

  .section.five-service {

    padding-bottom: 30px

  }

  .section.six-service{

    padding-top: 35px;

  }

  .section.seven-service .title{

    padding-top: 41px;

  }



  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a,

  .section.seven-service .list-btn-content .item:nth-child(5) .item-right a{

    padding: 18px 120px;

    font-size: 20px;

  }

  .section.seven-service .list-box-item{

    margin: 50px auto 0;

  }

  .section.seven-service .list-btn-content .item.full a{

    font-size: 20px;

  }

  .section.nine-service .content .group-btn .label-btn::before {

    left: 17.5%;

    bottom: -4px;

  }



  .section.nine-service .content .group-btn .label-btn::after {

    left: 78%;

  }

  .section.eight-service {

    padding-top: 31px;

    padding-bottom: 40px;

  }

  .section.banner-service{

    padding: 0;

  }

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a {

    width: 150px;

  }

}



@media only screen and (max-width: 340px) {

  .section.seven-service .list-btn-content .item .item-left a,

  .section.seven-service .list-btn-content .item .item-right a {

    width: 125px;

  }

}





/* page new */

.size-42{

  font-size: 4.2rem;

  font-weight: 700;

}

.size-40{

  font-size: 4rem;

  font-weight: 700;

}



.section.banner-new-page{

  background-image: url(../assets/images/mv_bg_new.png);

  background-position: top center;

  background-size: cover;

  background-repeat: no-repeat;

  /*  min-height: 713px;*/

  position: relative;

  margin-top: 0;

/*  Fix firstview*/

display: flex;

justify-content: center;

align-items: center;

height: calc(100vh - 77px);

padding: 35px 0;

max-height: 773px;

}

.section.banner-new-page .box-item .item {

  /*  padding-bottom: 70px;*/

  /*Fix firstview*/

  padding-bottom:0;

}

.section.banner-new-page .box-item .item .top {

  display: flex;

  align-items: center;

  width: 100%;

  max-width: 80%;

  margin: 0 auto;

}

.section.banner-new-page .box-item .item .top .title-page{

  line-height: 61px;

  color: #515151;

  margin-right: 72px;

/*  Fix firstview*/

/*  padding-top: 178px;*/ 

margin-left: 14px;

}



@media only screen and (max-width: 1300px) {

  .section.banner-new-page .box-item .item .top .title-page{

    margin-left: 6%;   

  }

}



/*Fix firstview*/

.section.banner-new-page .box-item .item .top img{

  /*  margin-top: 151px;*/

  margin-top: 0px;

}

.section.banner-new-page .box-item .item .sub-title{

  font-size: 2.2rem;

  font-weight: 700;

  color: #515151;

  display: block;

  margin-left: 103px;

  letter-spacing: .2px;

  line-height: 1.5;

  padding-bottom: 25px;

  position: relative;

  width: fit-content;

}

.section.banner-new-page .box-item .item span.sub-title::before {

  left: -50px;

  transform: rotate(72deg);

  bottom: 55px;

}

.section.banner-new-page .box-item .item span.sub-title::after {

  right: -55px;

  transform: rotate(110deg);

  bottom: 55px;

}

.section.banner-new-page .box-item .item span.sub-title::after, .section.banner-new-page .box-item .item  span.sub-title::before {

  content: "";

  display: block;

  width: 60.94px;

  background-color: #f7293c;

  border-radius: 6px;

  height: 3px;

  position: absolute;

}

.section.banner-new-page .box-item .item .sub-title span {

  border-bottom: 1px solid #F7293C;

}

.section.banner-new-page .box-item .item .sub-title span:nth-child(1){

  margin-left: 15px;

}

.section.banner-new-page .box-item .item .sub-title span:last-child{

  display: inline-block;

  margin-left: 56px;

}

/*.section.banner-new-page .box-item .item .text-bottom {

  font-family: Noto Sans JP;

  font-size: 2rem;

  font-weight: 500;

  line-height: 23.17px;

  text-align: right;

  margin-top: 63px;

}*/

/*Fix firstview*/

.section.banner-new-page .text-bottom.pc {

  position: absolute;

  bottom: 35px;

  right: 12.500vw;

}

.section.banner-new-page .text-bottom {

  font-family: Noto Sans JP;

  font-size: 1.6rem;

  font-weight: 500;

  line-height: 23.17px;

  text-align: right;

}

/*Fix firstview*/

.section.banner-new-page .text-bottom span {

  background-color: rgb(255 255 255 / 75%);

  width: fit-content;

  border-radius: 13px;

  color: #515151;

  padding: 0px 15px;

}

.section.banner-new-page .box-item .item .group-btn{

  display: flex;

  gap: 0 19px;

}

.section.banner-new-page .box-item .item .group-btn .btn-right a {

  background: linear-gradient(90deg, #CB3D26 0%, #D79E3C 100%);

}

.section.banner-new-page .box-item .item .group-btn .label-btn{

  font-size: 1.4rem;

  font-weight: 500;

  color: #515151;

  text-align: center;

  display: block;

}

.section.banner-new-page .box-item .item .group-btn a{

  padding: 13px 91px;

}

.section.banner-new-page .box-item .item .group-btn a {

  font-size: 1.8rem;

}

.section.banner-new-page .box-item .item .group-btn a::after {

  background-image: url(../assets/images/arrow-btn.png);

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  content: "";

  position: absolute;

  width: 10.35px;

  height: 17.81px;

  top: 50%;

  right: 21px;

  transform: translateY(-50%);

}

.section.two-new-page{

  padding-top: 96px;

  padding-bottom: 60px;

}

.section.two-new-page .inner{

  position: relative;

}

.section.two-new-page .inner-top .logo-section{

  display: flex;

  justify-content: center;

}

.section.two-new-page .inner-center .title{

  text-align: center;

  margin-top: 77px;

  margin-left: 24px;

  line-height: 1.5;

  color: #fff;

  width: 100%;

  max-width: calc(100% - 152px);

  margin: 62px auto 0px;

  padding-bottom: 16px;

  padding-left: 28px;

  padding-top: 10px;

}

.section.two-new-page .inner-center {

  position: relative;

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

  background: #F7293C;

}

.section.two-new-page .inner-center .title::before{

  background-image: url(../assets/images/icon-human-left.png);

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  content: "";

  position: absolute;

  width: 112px;

  height: 264px;

  bottom: 0;

  left: 0;

  transform: translate(1px, 7px);

}

.section.two-new-page .inner-center .title::after{

  background-image: url(../assets/images/icon-human-right.png);

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  content: "";

  position: absolute;

  width: 112px;

  height: 264px;

  bottom: 0;

  right: 0;

  transform: translate(8px, 6px);

}

.section.two-new-page .image-content-section{

  padding-top: 38px;

  padding-left: 8px;

  padding-bottom: 20px;

  display: flex;

  justify-content: center;

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

  width: 100%;

  max-width: 1200px;

  margin: 0 auto;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

}

.section.three-new-page{

  padding-top: 77px;

}

.section.three-new-page .box-content-item {

  background-color: #fff;

  padding-bottom: 53px;

  border-bottom-left-radius: 20px;

  border-bottom-right-radius: 20px;

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

}

.section.three-new-page .title-page{

  text-align: center;

  color: #fff;

  background:#F7293C;

  height: 86px;

  border-top-left-radius: 20px;

  border-top-right-radius: 20px;

}

.section.three-new-page .sub-title{

  text-align: center;

  display: block;

  padding-top: 45px;

  position: relative;

  width: 100%;

  max-width: 60%;

  margin: 0 auto;

}

.section.three-new-page .sub-title span{

  font-size: 3.5rem;

  color: #F7293C;

  letter-spacing: 0.8px;

  font-weight: 700;

}

.section.three-new-page .sub-title span:last-child{

  padding-top: 8px;

  display: block;

}

.section.three-new-page .sub-title::before{

  background: #F7293C;

  height: 90px;

  width: 2px;

  content: "";

  position: absolute;

  transform: rotate(329deg) translate(17px, 11px);

  left: 0%;

}

.section.three-new-page .sub-title::after{

  background: #F7293C;

  height: 90px;

  width: 2px;

  content: "";

  position: absolute;

  transform: rotate(32deg) translate(-18px, 15px);

  right: 0;

  bottom: 0;

}

.section.three-new-page .list-content{

  padding-top: 66px;

}

.section.three-new-page .list-content .content-item{

  width: 100%;

  max-width: 76%;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  position: relative;

}

.section.three-new-page .list-content .content-item:nth-child(1) {

  margin-bottom: 16px;

}

.section.three-new-page .list-content .label{

  font-size: 2.8rem;

  font-weight: 700;

}

.section.three-new-page .list-content .content-item:nth-child(1) .label{

  padding-right: 3px;

  padding-top: 3px;

}

.section.three-new-page .list-content .content-item .label{

  text-align: right;

  width: 100%;

  max-width: 310px;

}

.section.three-new-page .list-content .content-item .text-content{

  width: 100%;

  max-width: calc(100% - 310px);

  padding-left: 100px;

}

.section.three-new-page .list-content .content-item:nth-child(1) .price{

  line-height: 0;

}

.section.three-new-page .list-content .content-item .price{

  font-size: 7.8rem;

  font-weight: 700;

  color: #F7293C;

}

.section.three-new-page .list-content .content-item .unit {

  font-size: 2.8rem;

  font-weight: 700;

  padding-left: 9px;

}

.section.three-new-page .list-content .content-item:nth-child(1) .tax {

  font-size: 1.7rem;

  padding-left: 5px;

  font-weight: 700;

}

.section.three-new-page .list-content .content-item:nth-child(2) {

  padding-bottom: 19px;

}

.section.three-new-page .list-content .content-item:nth-child(2) .text-content,

.section.three-new-page .list-content .content-item:nth-child(3) .text-content{

  padding-left: 312px;

}

.section.three-new-page .list-content .content-item:nth-child(2) .label{

  padding-top: 21px;

}

.section.three-new-page .list-content .content-item:nth-child(3) .label{

  padding-top: 20px;

}

.section.three-new-page .button-option {

  display: flex;

  justify-content: center;

  padding-top: 28px;

}

.section.three-new-page .button-option .btn-option{

  background: #515151;

  color: #fff;

  font-size: 2.1rem;

  font-weight: 700;

  border-radius: 20px;

  padding: 3px 53.5px;

}

.section.three-new-page .delivery{

  width: 100%;

  margin: 0 auto;

  display: flex;

  justify-content: space-between;

  text-align: right;

  align-items: baseline;

  padding-top: 34px;

  padding-left: 30px;

  max-width: 54%;

}

.section.three-new-page .delivery .label-delivery {

  text-align: right;

  width: 100%;

  max-width: 255px;

  font-size: 3.4rem;

  font-weight: 700;

}

.section.three-new-page .delivery .text-delivery {

  width: 100%;

  max-width: calc(100% - 255px);

  line-height: 0;

}

.section.three-new-page .delivery .text-delivery .price{

  font-size: 5.6rem;

  font-weight: 700;

  line-height: 0;

  position: relative;

  top: 3px;

}

.section.three-new-page .delivery .text-delivery .unit{

  font-size: 3.4rem;

  font-weight: 700;

  line-height: 0;

}

.section.three-new-page .delivery .text-delivery .tax {

  font-size: 1.7rem;

  padding-left: 2px;

  font-weight: 700;

}

.section.four-new-page{

  padding-top: 160px;

}

.section.four-new-page .title-page,

.section.five-new-page .title-page{

  text-align: center;

  line-height: 1.5;

  color: #F7293C;

}

.section.four-new-page .list-item-box{

  width: 100%;

  max-width: 1073.78px;

  display: grid;

  grid-template-columns: repeat(7, 1fr);

  gap: 25px;

  margin: 0 auto;

  padding-top: 60px;

}

.section.four-new-page .list-item-box li.item-box{

  display: flex;

  flex-direction: column;

  text-align: center;

  align-items: center;

}

.section.four-new-page .list-item-box li.item-box img{

  width: 91px;

  height: 91px;

}

.section.four-new-page .list-item-box li.item-box .name-item{

  font-weight: 700;

  font-size: 1.4rem;

  color: #515151;

  text-align: center;
  
  line-height:1.5;
  margin-top: 18px;

}

.section.four-new-page .list-item-box li.item-box:nth-child(n + 8){
  margin-top: 11px;
}

@media only screen and (max-width: 1080px) {
.section.four-new-page .list-item-box li.item-box .name-item{
 font-size: 1.5rem;
}

.section.four-new-page .list-item-box li.item-box:nth-child(n + 5){
  margin-top: 11px;
}
}

@media only screen and (max-width: 767px) {
.section.four-new-page .list-item-box li.item-box .name-item{
 font-size: 0.9rem;
}
.section.four-new-page .list-item-box li.item-box:nth-child(n + 4){
  margin-top: 11px;
}
}

.section.four-new-page .line-bottom{

  border-bottom: 1px solid #C5C5C5;

  width: 100%;

  max-width: 1238px;

  padding-top: 83px;

}

.section.five-new-page{

  padding-top: 170px;

  padding-bottom: 174px;

}

.section.five-new-page .inner{

  max-width: 1277px !important;

  margin: 0 auto;

  width: 100% !important;

}

.section.five-new-page .box-item{

 display: flex;

 width: 100%;

}

.section.five-new-page .box-item .item-left,

.section.five-new-page .box-item .item-right{

  padding-top: 35px;

}

.section.five-new-page .box-item .line{

  border: 1px solid #C5C5C5;

  margin-top: 48px;

}

.section.five-new-page .box-item .item-left,

.section.five-new-page .box-item .item-right{

  width: 50%;

}

.section.five-new-page .box-item .item-left .sub-title,

.section.five-new-page .box-item .item-right .sub-title{

  font-size: 3.2rem;

  font-weight: 700;

  text-align: center;

}

.section.five-new-page .box-item .item-right{

  position: relative;

}



.section.five-new-page .box-item .item-left .read-move,

.section.five-new-page .box-item .item-right .read-move{

  font-size: 1.6rem;

  font-weight: 500;

  text-align: end;

}

.section.five-new-page .box-item .item-right .read-move{

  position: absolute;

  position: absolute;

  bottom: 0;

  right: 0;

  transform: translate(-71px, 1px);

}



.section.five-new-page .box-item .item-right img,

.section.five-new-page .box-item .item-left img

{

  padding-top: 26px;

}



@media only screen and (max-width: 767px) {

  .section.five-new-page .box-item .item-right img,

  .section.five-new-page .box-item .item-left img

  {

    padding-top: 13px;

  }

}



.section.five-new-page .box-item .item-left .read-move{

  padding-right: 61px;

}

.section.six-new-page {

  background: linear-gradient(16.65deg, #DA0000 25.81%, #E77E1E 95.68%);

  padding-top: 114px;

  padding-bottom: 116px;

}

.section.six-new-page .wrap-inner{

  background: #FFFFFF;

  border-radius: 20px;

  padding-bottom: 77px;

}

.section.six-new-page .title-page{

  color: #F7293C;

  font-size: 3.6rem;

  font-weight: 700;

  text-align: center;

  padding-top: 57px;

  line-height: 1.5;

  margin-bottom: 6px;

}

.section.six-new-page .sub-title{

  font-size: 2.2rem;

  font-weight: 700;

  text-align: center;

  line-height: 1.5;

  margin-top: 13px;

}

.section.six-new-page .desc{

  font-size: 1.8rem;

  font-weight: 700;

  text-align: center;

  line-height: 1.5;

  margin-top: 8px;

}

.section.six-new-page .box-group-btn{

  display: flex;

  padding-top: 55px;

}

.section.six-new-page .box-group-btn .btn-left span{

  font-weight: 500;

  font-size: 2.6rem;

  text-align: center;

  margin-left: 68px;

  position: relative;

}

.section.six-new-page .box-group-btn .btn-left span::before{

  background: #F7293C;

  height: 25px;

  width: 2px;

  content: "";

  display: block;

  transform: rotate(342deg) translate(83px, 36px);

  position: absolute;

  left: 0;

  top: 0;

}

.section.six-new-page .box-group-btn .btn-left span::after{

  background: #F7293C;

  height: 25px;

  width: 2px;

  content: "";

  display: block;

  transform: rotate(17deg) translate(6px, 9px);

  position: absolute;

  right: 101px;

  top: 0;

}

.section.six-new-page .box-group-btn .btn-left a{

  background: #515151;

  color: #fff;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: 500px;

  padding: 25.5px;

  margin-left: 81px;

  margin-top: 23px;

  border-radius: 73px;

  font-size: 3.3rem;

  font-weight: 700;

  position: relative;

}

.section.six-new-page .box-group-btn .btn-left a::after{

  background-image: url(../assets/images/arrow-btn.png);

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  content: "";

  position: absolute;

  width: 30px;

  height: 30px;

  top: 0;

  right: 0;

  transform: translate(-38px, 29px);

}

section.six-new-page .box-group-btn .btn-right,

.section.six-new-page .box-group-btn .btn-left{

  display: flex;

  flex-direction: column;

  width: 100%;

  max-width: 50%;

}

.section.six-new-page .box-group-btn .btn-right span{

  font-weight: 500;

  font-size: 2.6rem;

  text-align: center;

  margin-right: 70px;

  position: relative;

}

.section.six-new-page .box-group-btn .btn-right span::before{

  background: #F7293C;

  height: 25px;

  width: 2px;

  content: "";

  display: block;

  transform: rotate(342deg) translate(75px, 36px);

  position: absolute;

  left: 0;

  top: 0;

}

.section.six-new-page .box-group-btn .btn-right span::after{

  background: #F7293C;

  height: 25px;

  width: 2px;

  content: "";

  display: block;

  transform: rotate(17deg) translate(22px, 2px);

  position: absolute;

  right: 101px;

  top: 0;

}

.section.six-new-page .box-group-btn .btn-right a{

  background: rgb(218,0,0);

  background: linear-gradient(0deg, rgba(218,0,0,1) 0%, rgba(228,93,22,1) 100%);

  color: #fff;

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  width: 100%;

  max-width: 500px;

  padding: 25.5px;

  margin-left: 17px;

  margin-top: 23px;

  border-radius: 73px;

  font-size: 3.3rem;

  font-weight: 700;

  position: relative;

}

.section.six-new-page .box-group-btn .btn-right a::after{

  background-image: url(../assets/images/arrow-btn.png);

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  content: "";

  position: absolute;

  width: 30px;

  height: 30px;

  top: 0;

  right: 0;

  transform: translate(-38px, 29px);

}

.section.seven-new-page {

  padding-top: 106px;

  padding-bottom: 90px;

}

.section.seven-new-page .title-page{

  color: #F7293C;

  text-align: center;

  line-height: 1.5;

}

.section.seven-new-page .box-item {

  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 19px;

  padding-top: 87px;

}

.section.seven-new-page .box-item .item {

  padding: 20px;

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

  text-align: center;

  border-radius: 14.91px;

  position: relative;

  z-index: 1;

  height: 314px;

  background: #fff;

}

.section.seven-new-page .box-item .item .img-wrap{

  text-align: center;

  display: flex;

  align-items: center;

  justify-content: center;

  height: 214px;

  padding-bottom: 15px;

}

.section.seven-new-page .box-item .item .img-wrap img{

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.section.seven-new-page .box-item .item:nth-child(2).anime {

  animation-delay: 0.4s !important;

}

.section.seven-new-page .box-item .item:nth-child(3).anime {

  animation-delay: 0.8s !important;

}

.section.seven-new-page .box-item .item:nth-child(4).anime {

  animation-delay: 1.2s !important;

}

.section.seven-new-page .box-item .item .h-title {

  font-size: 1.6rem;

  font-weight: 700;

  text-align: center;

  line-height: calc(30 / 20);

  margin-top: 10px;

}

.section.seven-new-page .icon-arrow{

  margin: 0 auto;

  display: flex;

  justify-content: center;

  padding-top: 150px;

  width: 100%;

  max-width: 295px;

}

.section.eight-new-page{

  padding-bottom: 93px;

  overflow: hidden;

}

.section.eight-new-page .logo-section{

  display: flex;

  justify-content: center;

  align-items: center;

  margin-left: 72px;

}

.section.eight-new-page .box-item{

  padding-top: 70px;

}

.section.eight-new-page .item{

 display: flex;

 align-items: center;

 position: relative;

}

.section.eight-new-page .item::before{

  content: "";

  background-color: #F4F4F4;

  height: 363px;

  width: 100%;

  max-width: 1035px;

  position: absolute;

  left: 0;

  bottom: 0;

  transform: translate(-120px, -7px);

  z-index: 1;

}

.section.eight-new-page .item .item-left .title-item{

  color: #F7293C;

  font-size: 3.4rem;

  font-weight: 700;

  line-height: 1.5;

  margin-bottom: 20px;

}

.section.eight-new-page .item .item-left{

  padding-left: 34px;

  padding-top: 28px;

  z-index: 9;

}

.section.eight-new-page .item .item-left .desc{

  color: #515151;

  font-size: 2rem;

  font-weight: 500;

  line-height: 1.5;

  margin-top: 3px;

  display: block;

}

.section.eight-new-page .item .item-right{

  padding-left: 85px;

  z-index: 9;

}

.section.eight-new-page .item:nth-child(2){

  flex-direction: row-reverse;

  padding-top: 37px;

  align-items: self-start;

}

.section.eight-new-page .item:nth-child(2)::before {

  content: "";

  background-color: #F4F4F4;

  height: 323px;

  width: 100%;

  max-width: 1050px;

  position: absolute;

  right: 0;

  bottom: 0;

  transform: translate(265px, -3px);

  z-index: 1;

}

.section.eight-new-page .item:nth-child(2) .item-left{

  padding-top: 57px;

  padding-right: 136px;

}

.section.eight-new-page .item:nth-child(2) .item-right{

  padding-left: 0;

  padding-right: 25px;

  z-index: 9;

}

.section.eight-new-page .item:nth-child(3){

  padding-top: 13px;

  align-items: unset;

}

.section.eight-new-page .item:nth-child(3) .item-left {

  padding-left: 48px;

  padding-top: 87px;

  z-index: 9;

  width: 100%;

  max-width: 60%;

}

.section.eight-new-page .item:nth-child(3) .item-right {

  padding-left: 51px;

  z-index: 9;

}

.section.eight-new-page .item.item:nth-child(3)::before {

  content: "";

  background-color: #F4F4F4;

  height: 332px;

  width: 100%;

  max-width: 1035px;

  position: absolute;

  left: 0;

  bottom: 0;

  transform: translate(-114px, -10px);

  z-index: 1;

}

.section.eight-new-page .item:nth-child(4){

  flex-direction: row-reverse;

  padding-top: 48px;

  align-items: self-start;

}

.section.eight-new-page .item:nth-child(4)::before {

  content: "";

  background-color: #F4F4F4;

  height: 361px;

  width: 100%;

  max-width: 1035px;

  position: absolute;

  right: 0;

  bottom: 0;

  transform: translate(265px, 25px);

  z-index: 1;

}

.section.eight-new-page .item:nth-child(4) .item-left{

  padding-top: 46px;

  padding-right: 130px;

}

.section.eight-new-page .item:nth-child(4) .item-right{

  padding-left: 0;

  padding-top: 31px;

  padding-right: 42px;

  z-index: 9;

}

.section.nine-new-page{

  padding-top: 148px;

}

.section.nine-new-page .logo-section{

  display: flex;

  justify-content: center;

  align-items: center;

  padding-right: 15px;

}

.section.nine-new-page .box-item{

  display: grid;

  grid-template-columns: repeat(6, 1fr);

  gap: 19px;

  padding-top: 131px;

}

.section.nine-new-page .box-item .item{

  padding: 10px;

  box-shadow: 0px 0px 15px 0px #00000040 !important;

  text-align: center;

  border-radius: 20px;

  position: relative;

  z-index: 1;

  height: 229px;

  background: #fff;

  position: relative;

}

.section.nine-new-page .box-item .item:nth-child(2).anime{

  animation-delay: 0.4s !important;

}

.section.nine-new-page .box-item .item:nth-child(3).anime{

  animation-delay: 0.8s !important;

}

.section.nine-new-page .box-item .item:nth-child(4).anime{

  animation-delay: 1.2s !important;

}

.section.nine-new-page .box-item .item:nth-child(5).anime{

  animation-delay: 1.6s !important;

}

.section.nine-new-page .box-item .item:nth-child(6).anime{

  animation-delay: 2s !important;

}

.section.nine-new-page .box-item .item .reason{

  position: absolute;

  top: 0;

  left: 0;

  background: #F7293C;

  width: 73px;

  height: 73px;

  border-radius: 50%;

  transform: translate(56px, -39px);

}

.section.nine-new-page .box-item .item .reason .text{

  font-size: 1.4rem;

  font-weight: 700;

  color: #fff;

  display: block;

  text-align: center;

  margin-top: 10px;

  margin-left: 5px;

}

.section.nine-new-page .box-item .item .reason .number{

  font-size: 3.6rem;

  font-weight: 700;

  color: #fff;

  display: block;

  text-align: center;

  margin-top: -5px;

}

.section.nine-new-page .box-item .item .name{

  font-weight: 700;

  font-size: 1.4rem;

  font-weight: 700;

  text-align: center;

  line-height: 1.5;

  color: #F7293C;

  margin-top: 10px;

}

.section.nine-new-page .box-item .item img {

  width: 100%;

  height: 100%;

  object-fit: contain;

}

.section.nine-new-page .box-item .item:nth-child(6) img{

  padding-top: 50px;

  padding-left: 3px;

}

.section.nine-new-page .box-item .item:nth-child(2) img{

  padding-left: 3px;

  padding-top: 38px;

}

.section.nine-new-page .box-item .item:nth-child(3) img{

  padding-top: 35px;

}

.section.nine-new-page .box-item .item:nth-child(4) img{

  padding-top: 35px;

}

.section.nine-new-page .box-item .item:nth-child(5) img{

  padding-top: 53px;

  width: 100%;

  max-width: 141px ;

}

.section.nine-new-page .box-item .item:nth-child(1) img{

  padding-top: 35px;

}

.section.nine-new-page .box-item-full{

  padding-top: 195px;

}

.section.nine-new-page .box-item-full .item {

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

  text-align: center;

  border-radius: 20px;

  z-index: 1;

  background: #fff;

  position: relative;

  padding-bottom: 55px;

}

.section.nine-new-page .box-item-full .item .number{

  font-size: 190px;

  font-weight: 700;

  color: #F7293C4D ;

  position: absolute;

  right: 0;

  top: 0;

}

.section.nine-new-page .box-item-full .item .title{

  font-size: 3.6rem;

  font-weight: 700;

  padding-top: 42px;

  padding-left: 11px;

  color: #F7293C;

  width: fit-content;

  margin: 0 auto;

}



.section.nine-new-page .box-item-full .item:nth-child(6) .number{

  display:flax;

}



.section.nine-new-page .box-item-full .item:nth-child(6) .number{

  left: 0;

  transform: translate(98px, -222px);

  width: fit-content;

}

.section.nine-new-page .box-item-full .item:nth-child(6) .title::after{

  transform: translate(-7px, -31px);

}

.section.nine-new-page .box-item-full .item:nth-child(6) img{

  margin-top: 14px;

}

.section.nine-new-page .box-item-full .item:nth-child(6) .desc{

  font-size: 2rem;

  font-weight: 500;

  margin-top: 39px;

  line-height: 1.5;

  text-align: center;

  padding-right: 17px;

}

.section.nine-new-page .box-item-full .item:nth-child(6) a{

  background: #515151;

  color: #fff;

  font-size: 1.8rem;

  font-weight: 700;

  margin-top: 34px;

  display: inline-block;

  padding: 4px 70px;

  border-radius: 20px;

  position: relative;

}

.section.nine-new-page .box-item-full .item a::after{

  background-image: url(../assets/images/arrow-btn.png);

  background-position: center;

  background-size: contain;

  background-repeat: no-repeat;

  content: "";

  position: absolute;

  width: 25px;

  height: 18px;

  top: 0;

  right: 0;

  transform: translate(-17px, 14px);

}

.section.nine-new-page .box-item-full .item:nth-child(2) .item-left{

  width: 55%;

}

.section.nine-new-page .box-item-full .item:nth-child(2) .item-right{

  width: 45%;

  padding-left: 22px;

  padding-top: 37px;

}

.section.nine-new-page .box-item-full .item:nth-child(2){

  display: flex;

  margin-top: 163px;

  padding: 30px;

}

.section.nine-new-page .box-item-full .item:nth-child(2) .number{

  left: 0;

  transform: translate(105px, -229px);

  width: fit-content;

}

.section.nine-new-page .box-item-full .item:nth-child(2) .item-left{

  margin-top: 32px;

}

.section.nine-new-page .box-item-full .item .title{

  line-height: 1.5;

  margin: unset;

  padding-left: 52px;

  padding-top: 40px;

  text-decoration: underline;

  text-decoration-color: #ffcf00;

  text-underline-offset: -9px;

  text-decoration-thickness: 14px;

}

.section.nine-new-page .box-item-full .item:nth-child(2) .desc{

  font-size: 2rem;

  font-weight: 500;

  padding-left: 51px;

  line-height: 1.45;

  margin-top: 9px;

}

.section.nine-new-page .box-item-full .item:nth-child(3){

  margin-top: 136px;

  display: flex;

  padding-bottom: 69px;

}

.section.nine-new-page .box-item-full .item:nth-child(3) img{

  padding-top: 100px;

  padding-left: 196px;

}

.section.nine-new-page .box-item-full .item:nth-child(3)  .title{

  padding-left: 0;

  margin: unset;

  padding-top: 93px;

}

.section.nine-new-page .box-item-full .item:nth-child(3)  .title span{

  display: block;

  width: fit-content;

  line-height: 1.2;

}

.section.nine-new-page .box-item-full .item:nth-child(3) .number{

  right: 0;

  transform: translate(-74px, -228px);

}

.section.nine-new-page .box-item-full .item:nth-child(3) .title::after{

  display: none;

}

.section.nine-new-page .box-item-full .item:nth-child(3) .item-left{

  width: 40%;

}

.section.nine-new-page .box-item-full .item:nth-child(3) .item-right{

  width: 60%;

  padding-left: 106px;

}

.section.nine-new-page .box-item-full .item:nth-child(3) .desc{

  padding-top: 45px;

  font-size: 2rem;

  font-weight: 500;

  line-height: 1.5;

}

.section.nine-new-page .box-item-full .item:nth-child(4) {

  margin-top: 142px;

  padding-bottom: 20px;

}

.section.nine-new-page .box-item-full .item:nth-child(6) .title,

.section.nine-new-page .box-item-full .item:nth-child(4) .title {

  padding-top: 83px;

  text-align: center;

  width: 100%;

  padding-bottom: 23px;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .title::after{

  height: 19px;

  transform: translate(-1px, -31px);

}

.section.nine-new-page .box-item-full .item:nth-child(4) .number{

  left: 0;

  transform: translate(99px, -222px);

  width: fit-content;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item{

  display: flex;

  justify-content: center;

  gap: 23px;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-left,

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-right{

  background: #F4F4F4;

  border-radius: 20px;

  width: 100%;

  max-width: 420px;

  height: 391px;

  padding: 20px;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-left img{

  padding-left: 123px;

  padding-top: 2px;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-left .sub-title,

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-right .sub-title{

  font-size: 2.4rem;

  font-weight: 700;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-left .sub-title{

  padding: 0;

  margin: 0;

  line-height: 0;

  padding-left: 44px;

  padding-bottom: 38px;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-left .desc,

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-right .desc{

  font-size: 1.6rem;

  font-weight: 500;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-left .desc{

  padding-left: 14px;

  line-height: 1.5;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-right img{

  padding-left: 123px;

  padding-top: 18px;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-right .sub-title {

  padding-left: 11px;

}

.section.nine-new-page .box-item-full .item:nth-child(4) .inner-item .item-right .desc {

  padding-top: 11px;

  line-height: 1.5;

  padding-left: 15px;

}

.section.nine-new-page .box-item-full .item:nth-child(5) {

  margin-top: 169px;

  padding-bottom: 38px;

}

.section.nine-new-page .box-item-full .item:nth-child(5) {

  display: flex;

}

.section.nine-new-page .box-item-full .item:nth-child(5)  .item-left,

.section.nine-new-page .box-item-full .item:nth-child(5)  .item-right{

  width: 50%;

}

.section.nine-new-page .box-item-full .item:nth-child(5) .item-left{

  background: #F4F4F4;

  max-width: 514px;

  margin-top: 40px;

  margin-left: 60px;

  border-radius: 20px;

}

.section.nine-new-page .box-item-full .item:nth-child(5) .item-left .img-text{

  padding-top: 60px;

  display: flex;

}

.section.nine-new-page .box-item-full .item:nth-child(5) .item-left .img-text img{

  padding-left: 32px;

  width: 100%;

  max-width: 224px;

}

.section.nine-new-page .box-item-full .item:nth-child(5) .item-left .img-text .text{

  font-size: 2.3rem;

  font-weight: 700;

  line-height: 1.5;

  padding-top: 20px;

  padding-left: 8px;

  letter-spacing: 0.7px;

}

.section.nine-new-page .box-item-full .item:nth-child(5) .item-left .img-list{

  margin-top: 20px;

  margin-left: 38px;

}

.section.nine-new-page .box-item-full .item:nth-child(5) .number{

  transform: translate(-76px, -225px);

}

.section.nine-new-page .box-item-full .item:nth-child(5) .title{

  padding-top: 101px;

  margin: unset;

  padding-left: 42px;

  text-align: start;

  line-height: 1.5;

}

.section.nine-new-page .box-item-full .item:nth-child(5) .title::after{

  transform: translate(3px, -73px);

}

.section.nine-new-page .box-item-full .item:nth-child(5) .desc{

  padding-left: 46px;

  font-size: 1.9rem;

  font-weight: 500;

  padding-top: 22px;

  line-height: 1.5;

}

.section.nine-new-page .box-item-full .item:nth-child(6){

  margin-top: 172px;

  padding-bottom: 80px;

}



.section.nine-new-page .box-item-full .item:nth-child(1){

  display: flex;

}



.section.nine-new-page .box-item-full .item:nth-child(1)  .item-left{

  width: 53%;

}



.section.nine-new-page .box-item-full .item:nth-child(1)  .item-right{

  width: 47%;

}



.section.nine-new-page .box-item-full .item:nth-child(1) .item-left{

  padding-left: 113px;

}

.section.nine-new-page .box-item-full .item:nth-child(1) .number{

  transform: translate(-80px, -225px);

}

.section.nine-new-page .box-item-full .item:nth-child(1) .title{

  padding-top: 100px;

  line-height: 1.5;

  padding-left: 0;

}

.section.nine-new-page .box-item-full .item:nth-child(1) .title::after{

  transform: translate(4px, -18px);

}

.section.nine-new-page .box-item-full .item:nth-child(1) .desc{

  font-size: 1.9rem;

  font-weight: 500;

  line-height: 1.5;

  padding-top: 12px;

}

.section.nine-new-page .box-item-full .item:nth-child(1) .item .item-right img{

  padding-left: 120px;

  padding-top: 93px;

}

.section.nine-new-page .box-item-full .item:nth-child(1) .item-right img{

  margin-top: 82px;

  margin-left: 173px;

}

.section.six-new-page.v4 .wrap-inner{

  box-shadow: 0px 0px 15px 0px #00000040;

}

.section.six-new-page.v3{

  margin-top: 110px;

}

.section.ten-new-page{

  padding-top: 155px;

  padding-bottom: 106px;

}

.section.ten-new-page .logo-section{

  display: flex;

  justify-content: center;

  align-items: center;

}

.section.ten-new-page .box-item{

  padding-top: 98px;

}

.section.ten-new-page .box-item .item{

  display: flex;

  align-items: center;

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

  text-align: center;

  border-radius: 20px;

  z-index: 1;

  background: #fff;

  gap: 37px;

  margin-bottom: 52px;

  height: 260px;

  padding-right: 25px;

}

.section.ten-new-page .box-item .item .item-left{

  width: 100%;

  max-width: 260px;

  margin-top: 11px;

}

.section.ten-new-page .box-item .item .item-right{

  width: 100%;

  max-width: calc(100% - 260px);

}

.section.ten-new-page .box-item .item .item-right .title{

  font-size: 3.3rem;

  font-weight: 700;

  color: #F7293C;

  line-height: 1.5;

}

.section.ten-new-page .box-item .item .item-right .desc{

  font-size: 1.95rem;

  font-weight: 500;

  color: #515151;

  line-height: 1.5;

}

.section.ten-new-page .box-item .item:nth-child(1) .item-right .title{

  padding-bottom: 11px;

}

.section.ten-new-page .box-item .item:nth-child(2) .item-right .title{

  padding-bottom: 11px;

}

.section.ten-new-page .box-item .item:nth-child(3) .item-right .title{

  padding-bottom: 11px;

}

.section.ten-new-page .box-item .item:nth-child(4) .item-right .title{

  padding-bottom: 11px;

}

.section.ten-new-page .box-item .item:nth-child(5){

  margin-bottom: 45px;

}

.section.ten-new-page .box-item .item:nth-child(5) .item-right .title{

  padding-bottom: 11px;

}

.section.ten-new-page .box-item .item:nth-child(6) .item-right .title{

  padding-bottom: 11px;

}

.section.ten-new-page .box-item .item:nth-child(7) .item-right .title{

  padding-bottom: 11px;

}

.section.three-new-page.v2{

  padding-top: 92px;

  padding-bottom: 75px;

  background: #F4F4F4;

}

.section.eleven-new-page{

  padding-top: 10px;

  padding-bottom: 76px;

  background: #F4F4F4;

}

.section.eleven-new-page .title{

 text-align: center;

 color: #F7293C;

}

.section.eleven-new-page .desc{

  text-align: center;

  font-size: 3.2rem;

  line-height: 1.5;

  padding-top: 23px;

}

.section.eleven-new-page .box-item .item{

  position: relative;

}

.section.eleven-new-page .box-item .item:nth-child(1){

  margin-top: 60px;

}

.section.eleven-new-page .box-item .item.item-left{

  width: 100%;

  max-width: 240px;

}

.section.eleven-new-page .box-item .item .item-left img{

  padding-top: 38px;

  padding-left: 57px;

}

.section.eleven-new-page .box-item .item:nth-child(1) .item-right{

  width: 100%;

  max-width: calc(100% - 240px);

}

.section.eleven-new-page .box-item .item .h-title{

  font-size: 3.2rem;

  font-weight: 700;

  padding-top: 67px;

  padding-left: 43px;

  line-height: 1;

}

.section.eleven-new-page .box-item .item .desc{

  font-size: 2rem;

  font-weight: 500;

  text-align: start;

  padding-left: 43px;

}

.section.eleven-new-page .box-item .item .item-center{

  width: 100%;

  max-width: 506px;

}

.section.eleven-new-page .box-item .item .item-right{

  width: 100%;

  max-width: 306px;

}

.section.eleven-new-page .box-item .item:nth-child(2) .h-title{

  padding-top: 61px;

}

.section.eleven-new-page .box-item .item:nth-child(2) .item-right img{

  padding-left: 111px;

  padding-top: 27px;

}

.section.eleven-new-page .box-item .item:nth-child(3) .item-right img{

  padding-left: 92px;

  padding-top: 27px;

}

.section.eleven-new-page .box-item .item:nth-child(4) .item-right img{

  padding-left: 0;

  padding-top: 30px;

}

.section.eleven-new-page .box-item .item:nth-child(4) .h-title{

  padding-top: 60px;

}



.section.eleven-new-page .box-item .item .box{

  display: flex;

  box-shadow: 0 0 5px 2px rgb(207 206 206 / 60%);

  text-align: center;

  border-radius: 20px;

  z-index: 1;

  background: #fff;

  margin-bottom: 52px;

  height: 226px;

  width: 100%;

  max-width: 1029.78px;

  margin: 0 auto;

  margin-bottom: 70px;

  position: relative;

  z-index: 9;

}

.section.eleven-new-page .box-item .item::after{

  position: absolute;

  content: "";

  width: 64px;

  height: 34px;

  background: #e5e5e5;

  clip-path: polygon(100% 0%, 52% 100%, 0.2% 0%);

  box-shadow: 0 0 5px 2px rgb(221 220 220 / 60%);

  bottom: 0;

  left: 50%;

  transform: translate(-31px, 34px);

  z-index: 1;

}

.section.eleven-new-page .box-item .item:before {

  content: "";

  position: absolute;

  content: "";

  width: 0;

  height: 0;

  border-style: solid;

  border-width: 32px 32px 0 32px;

  border-color: #fff transparent transparent transparent;

  bottom: 2px;

  left: 50%;

  transform: translate(-30px, 31px);

  z-index: 10;

}

.section.eleven-new-page .box-item .item:nth-child(4)::after,

.section.eleven-new-page .box-item .item:nth-child(4)::before{

  display: none;

}

.section.twelve-new-page{

  padding-top: 151px;

  padding-bottom: 113px;

}

.section.twelve-new-page .title-secticon{

  text-align: center;

  position: relative;

  font-size: 4.8rem;

  padding-bottom: 22px !important;

  padding-left: 0 !important;

  letter-spacing: 2.8px !important;

  color: #F7293C !important;

}

.section.twelve-new-page .title-secticon::after{

  display: none;

}

.section.twelve-new-page .sub-title{

  text-align: center;

  font-size: 3.2rem;

  font-weight: 500;

  padding-bottom: 100px;

}

.twelve-new-page .list-item-question .box-item .item {

  margin-bottom: 39px !important;

}

.twelve-new-page .list-item-question .box-item .item .title .question-title {

  font-size: 2rem;

  font-weight: 700;

  margin-left: 4px;

  letter-spacing: -1px !important;

  width: calc(100% - 100px) !important;

}

.twelve-new-page .list-item-question .box-item .item .title .question {

  font-size: 3.6rem;

  font-weight: 700;

  margin-left: 15px;

  margin-top: 4px;

  display: inline-flex !important;

  min-width: 50px !important;

  align-self: baseline !important;

}

.twelve-new-page .list-item-question .title .icon {

  position: unset !important;

  transform: unset !important;

  width: 50px;

  height: 50px;

  top: 50%;

  right: 19px;

  display: flex !important;

  align-items: center !important;

  justify-content: center !important;

  background: #ffffff !important;

  border-radius: 50% !important;

}

.section.twelve-new-page .list-item-question .box-item .item .title {

  background: #F7293C;

  color: #FDFCFA;

  border-radius: 40px;

  letter-spacing: 1.8px;

  position: relative;

  cursor: pointer;

  padding: 18px 10px 18px 26px;

  transition: all .5s ease;

  width: 100%;

  margin: 0;

  opacity: 1;

  display: flex;

  justify-content: space-between;

}

.section.twelve-new-page .list-item-question .box-item .item .title .content{

  display: flex;

  justify-content:unset;

  align-items: center;

  width: 100%;

}

.section.six-new-page.v4 {

  padding-top: 102px;

}

.section.six-new-page.v4 .content-top{

  display: flex;

  padding-bottom: 49px;

}

.section.six-new-page.v4 .content-top .item-left{

  width: 40%;

}

.section.six-new-page.v4 .content-top .item-right{

  width: 60%;

  padding-left: 34px;

}

.section.six-new-page.v4 .content-top .item-left img{

  padding-left: 84px;

  padding-top: 64px;

}

.section.six-new-page.v4 .content-top .item-right .top-title{

  font-size: 2.2rem;

  font-weight: 700;

  padding-top: 32px;

}

.section.six-new-page.v4 .content-top .item-right .title{

  font-size: 3.4rem;

  font-weight: 700;

  line-height: 1;

  padding-top: 11px;

  color: #F7293C;

  font-size: 3.4rem;

  font-weight: 700;

  line-height: 1;

  padding-top: 11px;

  border-bottom: 3px solid #F7293C;

  padding-bottom: 18px;

  width: fit-content;

}

.section.six-new-page.v4 .content-top .item-right .desc{

  font-size: 1.6rem;

  font-weight: 700;

  padding-top: 12px;

  text-align: start;

  padding-bottom: 21px;

}

.section.six-new-page.v4 .content-top .item-right .list-content{

  padding-top: 6px;

  width: 100%;

  max-width: 604px;

  background: #F4F4F4;

  border-radius: 10px;

  padding-bottom: 30px;

}

.section.six-new-page.v4 .content-top .item-right .list-content h3{

  padding-left: 26px;

  padding-top: 0;

  font-size: 2.2rem;

  font-weight: 700;

  color: #515151;

}

.section.six-new-page.v4 .content-top .item-right .list-content .list{

  display: grid;

  grid-template-columns: repeat(2, 1fr);

  padding-left: 25px;

}

.section.six-new-page.v4 .content-top .item-right .list-content .list li{

  line-height: 0.9;

  margin: 5px 0 !important;

  font-size:1.4rem;

}

.section.six-new-page.v4  .line{

  border-top: 1px solid #C5C5C5;

  width: 100%;

  max-width: 1102px;

  margin: 0 auto;

  padding-top: 21px;

}

.section.six-new-page.v4 .title-page{

  padding-top: 7px;

}

/* style header */

.header__main {

  display: flex;

  align-items: center;

  position: relative;

  justify-content: center;

  margin: 0 auto;

}

.header__item--mobile {

  display: none;

}

.header__logo {

  max-width: 199px;

  margin-right: 6.8rem;

/*   padding-left: 40px; */

  padding-top: 9px;

}

.header__menu {

  display: flex;

  align-items: center;

  justify-content: center;

}

.header__menu--top {

  display: none;

}

.header___menu {

  display: flex;

}

.header__menu li {

  padding-top: 4px;

}



.header__menu li:nth-child(2){

  padding-left: 47px;

}

.header__menu li:nth-child(3){

  padding-left: 49px;

}

.header__menu li:nth-child(4){

  padding-left: 60px;

}

.header__menu li:nth-child(5){

  padding-left: 51px;

}

.header__menu li:nth-child(6){

  padding-left: 30px;

}



.header__menu li a {

  font-weight: 500;

  font-style: normal;

  font-size: 1.4rem;

  position: relative;

  display: block;

  line-height: 2.8rem;

  color: #000000;

}

.page-template-page-template-invoice .header__menu li a {

  font-size: 1.65rem;

}

.header__button{

  display: flex;

  gap: 10px;

  margin-left: 30px;

}

.header__button .header__button-one a{

  background: #515151;

  color: #fff;

  font-size: 1.4rem;

  font-weight: 700;

  padding: 8px 23px;

  border-radius: 18.15px;

}

.header__button .header__button-two a{

  background: rgb(203,61,38);

  background: linear-gradient(90deg, rgba(203,61,38,1) 0%, rgba(215,158,60,1) 100%);

  color: #fff;

  font-size: 1.4rem;

  font-weight: 700;

  padding: 8px 17px;

  border-radius: 18.15px;

}

.popup-offcanvas-menu.show {

  transform: translateY(0);

}

.popup-offcanvas-menu {

  position: fixed;

  top: 0;

  left: 0;

  width: 100%;

  height: 100%;

  overflow: auto;

  z-index: 999;

  background: #fff;

  transform: translateY(-100%);

  transition: all .4s ease-in-out;

}



.popup-offcanvas-menu .btn-close svg {

  fill: #7c7d80;

  height: 32px;

  width: 32px;

}



.popup-offcanvas-menu .btn-close {

  display: flex;

  align-items: center;

  justify-content: center;

  background: transparent;

  border-radius: 50%;

  padding: 0;

  height: 2.8235294118rem;

  width: 2.8235294118rem;

  margin-top: 10px;

  margin-left: auto;

  line-height: inherit !important;

}

header.header-new {

  position: sticky;

  top: 0;

  z-index: 9999;

  background: #fff;

}

.inner-top.logo-section {

  display: flex;

  align-items: center;

  justify-content: center;

}

.inner-top.logo-section .title-logo{

  color: #515151;

}

@media (max-width: 1400px){

  .page-template-page-template-invoice .header__menu li a {

    font-size: 1.65rem;

  }

  .header__logo {

    max-width: 171px;

    margin-right: 6rem;

/*     padding-left: 40px; */

    padding-top: 9px;

  }

  /*.section.eight-new-page .item:nth-child(2)::before{

    transform: translate(265px, 0);

  }*/

  .section.eight-new-page .item:nth-child(4)::before{

    transform: translate(265px, 30px);

  }

}

@media (max-width: 1420px){

  .header__logo {

    max-width: 171px;

    margin-right: 6rem;

/*     padding-left: 40px; */

    padding-top: 9px;

  }

  .section.banner-new-page .box-item .item .top img {

    margin-top: 8vh;

  }

}

@media (max-width: 1320px){

  .header__logo {

    max-width: 171px;

    margin-right: 6rem;

/*     padding-left: 40px; */

    padding-top: 9px;

  }

  .header__menu li a, .page-template-page-template-invoice .header__menu li a {

    font-size: 1.65rem;

  }

  .header__menu li:nth-child(2),

  .header__menu li:nth-child(3),

  .header__menu li:nth-child(4),

  .header__menu li:nth-child(5),

  .header__menu li:nth-child(6) {

    padding-left: 20px;

  }

}

@media (max-width: 991px){

  .header__main{

    justify-content: unset;

  }

  .header__menu--top {

    display: block !important;

  }

  .header__menu .header___menu,

  .header__menu .header__button{

    display: none;

  }

  .main-menu-mobile .header___menu{

    flex-direction: column;

  }

  .main-menu-mobile .header___menu li.menu-item {

    border-bottom: 1px solid #eff2f5;

    padding: 16px 30px;

  }

  .popup-offcanvas-menu  .header__button{

    padding-top: 30px;

  }

  .popup-offcanvas-menu .btn-close{

    position: absolute;

    right: 10px;

  }

  .new-toggle-nav {

    position: fixed;

    top: 24px;

    right: 3%;

    display: flex;

    justify-content: center;

    align-items: center;

    flex-direction: column;

    width: 30px;

    height: auto !important;

    padding-top: 0;

    text-align: center;

    z-index: 999;

    box-sizing: border-box;

    cursor: pointer;

  }

  .new-toggle-nav span {

    position: relative;

    top: 0 !important;

    display: block;

    height: 2px;

    width: 100%;

    margin: 0 auto;

    background-color: #f7293c;

    border-radius: 5px;

    opacity: 1;

    -moz-transform: rotate(0deg);

    -o-transform: rotate(0deg);

    -ms-transform: rotate(0deg);

    -webkit-transform: rotate(0deg);

    transform: rotate(0deg);

    -moz-transition: 0.25s ease-in-out;

    -o-transition: 0.25s ease-in-out;

    -ms-transition: 0.25s ease-in-out;

    -webkit-transition: 0.25s ease-in-out;

    transition: 0.25s ease-in-out;

  }

  .new-toggle-nav span:nth-child(2) {

    margin: 6px auto;

  }

  .new-toggle-nav.show {

    position: fixed;

  }

  .new-toggle-nav.show {

    position: fixed;

  }



}

@media (max-width: 767px){

  .section .logo-section{

    flex-direction: column;

  }

  .inner-top.logo-section{

    display: flex;

    justify-content: center;

    align-items: center;

  }

  .title-logo{

    font-size: 6vw;

  }

  .logo-section .img-wrap{

    width: 100%;

    max-width: 250px;

  }
	
	.section.nine-service .content .group-btn .btn-section:before {
		right: 4vw;
		width: 3.8vw;
        height: 3.8vw;
	}
	
	.section.nine-service .content .group-btn .btn-section:after {
		right: 5.9vw;
        width: 1.2vw;
        height: 1.2vw;
	}
}