.flow-section { display: flex; flex: 0 0 100%;}
.service-flow-container { padding: 7.5rem 0 2.2rem 0; width: 75.5%; position: relative; margin: 0 auto; overflow: hidden; }
.service-flow-title { flex: 0 0 100%; position: relative; }
.service-flow-title h1 { flex: 0 0 100%; font-size: 3.25rem; text-align:center; line-height: 1; text-align: center; }
.service-flow-img { padding-top: 5.625rem;}
.hr-line { display: flex; flex: 0 0 100%; }
.hr-line hr { border-top: #e5e5e5 1px solid; flex: 0 0 100%;}


.assure-section { display: flex; flex: 0 0 100%;}
.assure-container { padding: 7.5rem 0; width: 75.5%; position: relative; margin: 0 auto; overflow: hidden; }
.assure-title { flex: 0 0 100%; position: relative; }
.assure-title h1 { flex: 0 0 100%; font-size: 3.25rem; text-align:center; line-height: 1; text-align: center; }
.assure-img { padding-top: 5.625rem;}
.contact-bg-mask { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 998; background-color: rgba(255, 255, 255, 0.7); }
.contact-box-container { position: absolute; width: 100%; height: 100%; left: 0; top: 0; z-index: 999;  }
.contact-box { display: flex; width: 100%; height: 100%; flex-wrap: wrap; align-items: center; align-content: center; justify-content: center; }
.contact-box h1 {flex: 0 0 100%; font-size: 3.25rem; text-align:center; line-height: 1; }
.contact-box p { flex: 0 0 100%; font-size: 1.6875rem; text-align: center; line-height: 3; color: #ff5c18;}
.contact-box > a { border:#a7a7a7 1px solid ; border-radius: 20px; font-size: 1.125rem; padding: 2px 1.5rem; }
.contact-me-container { padding: 7.5rem 0; width: 75.5%; position: relative; margin: 0 auto; overflow: hidden; }


.carefully-section { display: flex; width: 100%; min-height: 320px; background-color: #f5f7f9; flex-wrap: wrap; overflow: hidden;  }
.carefully-container { flex: 0 0 87%; overflow: hidden; margin-left: 13%; padding-bottom: 6.25rem;}
.carefully-title { flex: 0 0 100%; position: relative; padding: 8.4375rem 0 4.375rem 0; }
.carefully-title h1 { flex: 0 0 100%; font-size: 3.25rem; text-align:center; line-height: 1; text-align: center; }

.product-list-container { width: 84%; position: relative; }
.product-list { width: 100%;}
.product-list .product-item { position: relative; padding-right: 8.25rem; }
.product-img { display: flex; width: 100%; align-items: flex-start;}
.product-img img{ width: 100%;}
.slick-arrow { position: absolute; left: 0; top: 0;}
.banner__single__content p  { color: #fff;}
.banner__single__content h5 {margin-bottom: 0;color: #000;font-size: .925rem;text-align: center;border: 1px solid #ccc;border-radius: 20px;background-color: #fff;width: fit-content;padding: 2px 1.5rem; }
.banner__single__content h1 { font-size: 2.25rem;}

.product-list .slick-arrow { width: 3rem; height: 3rem;  left: 0; top: unset; bottom: -5.25rem; cursor: pointer; background-color: transparent; border: #c5c5c5 1px solid; border-radius: 50%; color: #c5c5c5; position: absolute;  }
.product-list .cr-slick-prev { left: 0; z-index: 999; color: #262626; }
.product-list .cr-slick-next { left: 4rem; z-index: 999; color: #262626; }
.product-list .slick-arrow:hover { color: #ff5c18; border: #ff5c18 1px solid; }
.slick-slider { margin-bottom: 0;}
.slick-procc { margin-left: 12%; margin-right: 11%; margin-top: 2.1rem; position: relative; display: flex; align-items: center; }
.procc-status { height: 2px; flex: 0 0 calc(100% - 4.25rem); background-color: #ccc; }
em { font-style: normal; font-weight: 100;}

.procc-txt {  font-size: 2rem; flex: 0 0 4.25rem; display: flex; justify-content: end; }
.procc-txt > span {color: #ff5c18;}


.fqa-section { display: flex; flex: 0 0 100%;}
.fqa-container { padding: 11.25rem 0 0 0; width: 75.5%; position: relative; margin: 0 auto; overflow: hidden; }
.fqa-title { flex: 0 0 100%; position: relative; }
.fqa-title h1 { flex: 0 0 100%; font-size: 3.25rem; text-align:center; line-height: 1; text-align: center; }

.fqa-list { padding-top: 7.75rem; display: flex; width: 100%; }
.fqa-list ol { display: flex; flex: 0 0 100%; flex-wrap: wrap; }
.fqa-list ol li { display: flex; flex: 0 0 100%; flex-wrap: wrap; }
.fqa-list ol { border-top: #e5e5e5 1px solid;}
.fqa-list ol li .fqa-item { flex: 0 0 100%; flex-wrap: wrap; border-bottom: #e5e5e5 1px solid; padding: 2.75rem 0; }
.fqa-list ol li .fqa-item.active { border-bottom: #ff5c18 1px solid; }
.fqa-list ol li .fqa-item .fqa-item-title { flex: 0 0 100%; display: flex; flex-wrap: wrap; align-items: center; cursor: pointer;}
.fqa-list ol li .fqa-item .fqa-item-title .fqa-item-num { flex: 0 0 12%; font-size: 1.25rem; line-height: 2.1875rem; align-items: center; text-align: left;}
.fqa-list ol li .fqa-item .fqa-item-title h3 { flex: 0 0 78%; font-size: 1.25rem; line-height: 2.1875rem; align-items: center; text-align: left; }
.fqa-list ol li .fqa-item .fqa-item-title a { display: flex; flex: 0 0 100%; }
.fqa-list ol li .fqa-item .fqa-item-title a:hover h3{ color: #ff5c18; }
.fqa-item-img { display: flex; flex: 0 0 10%; justify-content: end; }
.fqa-item-img > img { flex: 0; width: 2.1875rem; height: 2.1875rem;  }
.fqa-item-content { display: flex; display: none;  flex: 0 0 88%; padding: 3.75rem 0 3.75rem 12%; transition: all 1s; }
.fqa-item.active .fqa-item-content { display: flex; }
.fqa-item-content > p { font-size: 1.25rem; color: #808080; text-align: left;}
.fqa-item.active .fqa-item-title h3, .fqa-item.active .fqa-item-title .fqa-item-num { color: #ff5c18; }
.fqa-item.active .fqa-item-img > img { content: url(/images/open-icon.png);}

.assure-list { display: flex; flex: 0 0 100%; padding: 0 4.375rem; }
.assure-list ol { display: flex; flex: 0 0 100%; flex-wrap: wrap; }
.assure-list ol li { display: flex; flex: 0 0 33.333%; flex-wrap: wrap; }
.assure-list  .assure-item { display: flex; flex: 0 0 100%; flex-wrap: wrap; }
.assure-list  .assure-item .assure-img { flex: 0 0 100%; display: flex; justify-content: center; align-items: center; }
.assure-list  .assure-item h2 { font-size: 1.5rem; flex: 0 0 100%; text-align: center; padding: 1.2rem 0 .625rem 0; font-weight: 600; }
.asscur-icon1 { height: 3.75rem; }
.asscur-icon2 { height: 3.75rem;  }
.asscur-icon3 { height: 3.75rem;  }
.asscur-icon4 { height: 3.75rem;  }
.asscur-icon5 { height: 3.75rem;  }
.asscur-icon6 { height: 3.75rem;  }

.assure-txt {text-align: center; flex: 0 0 100%; display: flex; align-items: center; flex-wrap: wrap; }
.assure-txt p { padding-bottom: 0; margin-top: 0; font-size: 0.9375rem; line-height: 1.5; color: #4e4e4e; flex: 0 0 100%; }

.video-container { flex: 0 0 100%; margin: 0 auto;}
.video-mask h1 { color: #fff; }

@media only screen and (min-width: 1201px) and (max-width: 1450px) {
    .assure-container { flex: 0 0 90%; }
}
@media only screen and (min-width: 1000px) and (max-width: 1200px) {
    .carefully-container { flex: 0 0 90%;margin-left: 10%; }
    .product-list .product-item { padding-right: 5.2rem;}
    .assure-list ol li { flex: 0 0 50%; }
    .assure-container { flex: 0 0 95%; }
}
@media only screen and (min-width: 760px) and (max-width: 999px) {
    .slick-procc { margin-left: 15%; }
    .carefully-container { flex: 0 0 95%;margin-left: 5%; }
    .product-list .product-item { padding-right: 4rem;}
    .assure-list ol li { flex: 0 0 50%; }
    .assure-container { flex: 0 0 95%; }
}
@media only screen and (min-width: 300px) and (max-width: 759px) {
    .carefully-container { flex: 0 0 95%; margin: 0 auto; }
    .product-list-container { width: 100%;}
    .product-list .product-item { padding-right: 0;}
    .slick-procc { margin-left: 8rem; margin-right: 0; }
    .procc-status{ flex: 0 0 calc(100% - 4.2rem); }
    .procc-txt { flex: 0 0 4.2rem;}
    .assure-list ol li { flex: 0 0 50%; }
    .assure-container { flex: 0 0 95%; }
}
@media only screen and (min-width: 768px) and (max-width: 1024px) { 
    .banner__single__content h1 { font-size: 2.2rem; line-height: 1.5; }
}
@media only screen and (min-width: 300px) and (max-width: 767px) { 
    .banner__single__content h1 { font-size: 1.8rem; line-height: 1.5; }
}

@media only screen and (min-width: 300px) and (max-width: 1024px) { 
    .service-flow-container { padding: 7.5rem 0 0 0; width: 90%;}
    .service-flow-img { padding-top: 1.625rem;}
    .contact-me-container { padding: 7.5rem 0; width: 90%; position: relative; margin: 0 auto; overflow: hidden; }
    .fqa-container { padding: 7.5rem 0 0 0; width: 90%; position: relative; margin: 0 auto; overflow: hidden; }

}
@media only screen and (min-width: 300px) and (max-width: 520px) {
    .assure-list .assure-item h2{ font-size: 1.25rem;}
}
.procc-status::before {  content: ''; background-color: #ff5c18; display: block; height: 2px; width: 1px;  }
.percent10::before { width: 10%; }
.percent20::before { width: 20%; }
.percent30::before { width: 30%; }
.percent40::before { width: 40%; }
.percent50::before { width: 50%; }
.percent60::before { width: 60%; }
.percent70::before { width: 70%; }
.percent80::before { width: 80%; }
.percent90::before { width: 90%; }
.percent100::before { width: 100%; }

@keyframes bounce { 0% { transform: translate(0px, 0px); } 50% { transform: translate(0px,-7px); } 100% { transform: translate(0px, 0px); }  }
.assure-img > img { transition: transform 0.5s;  }
.assure-item:hover .assure-img > img {  animation: bounce .5s infinite; }

.service-list { display: flex; flex: 0 0 100%; padding-top: 5.625rem; }
.service-item { cursor: pointer; flex: 0 0 100%;  }
.service-item svg { transition: transform 0.5s; fill: #ff5c18; width: 3.4375rem; height: 3.4375rem; }
.service-item .service-icon01 { width: 3.4375rem; height: 3.4375rem;  }
.service-item:hover svg { fill: #ff5c18; animation: bounce .5s infinite;  }
.service-list { display: flex; width: 100%; }
.service-list ol { display: flex; width: 100%; flex-wrap: wrap;  flex-flow: row-reverse  wrap; }
.service-list ol li { display: flex; flex: 0 0 20%; flex-wrap: wrap; position: relative; margin-bottom: 6rem;  }
.arrow-bg01::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }
.arrow-bg02::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }
.arrow-bg03::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }
.arrow-bg04::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }
.arrow-bg05::after { content: ''; width: 3rem; height: 14.5625rem; right: -2rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }

.arrow-bg06::after { content: '';  }

.arrow-bg07::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-left.png');background-size: cover;background-position: center; }
.arrow-bg08::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50% ); position: absolute; display: inline-block; background-image: url('/images/s-arrow-left.png');background-size: cover;background-position: center; }
.arrow-bg09::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-left.png');background-size: cover;background-position: center; }


.service-item > p { font-size: 1.425rem; color: #000; font-weight: 500; padding-top: 0; margin-top: 0; }
.service-btn { font-size: .9rem; color: #333; cursor: pointer; padding: 0 1.3rem; margin-top: .5rem; border:#a7a7a7 1px solid; border-radius: 10px; background-color: #fff;  }

.service-item:hover > p,.service-item:hover > .service-btn { color: #ff5c18; }
@media screen and (min-width: 1025px) {
    .arrow-bg05::after { content: ''; width: 3rem; height: 14.5625rem; right: 0rem;  top: calc(50% + .7rem); position: absolute; display: inline-block; background-image: url('/images/s-arrow-r-d.png');background-size: cover;background-position: center; }
}
@media only screen and (min-width: 720px) and (max-width: 1024px) { 
    .service-list ol { flex-flow: row wrap; }
    .service-list ol li { display: flex; flex: 0 0 33.33%; flex-wrap: wrap; position: relative; margin-bottom: 6rem;  }
    .arrow-bg01 { order: 1; }
    .arrow-bg02 { order: 2; }
    .arrow-bg03 { order: 3; }
    .arrow-bg04 { order: 6; }
    .arrow-bg05 { order: 5; }
    .arrow-bg06 { order: 4; }
    .arrow-bg07 { order: 7; }
    .arrow-bg08 { order: 8; }
    .arrow-bg09 { order: 9; }
    .arrow-bg06::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-left.png');background-size: cover;background-position: center; }
    .arrow-bg05::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-left.png');background-size: cover;background-position: center; }
    .arrow-bg04::after { content: ''; width: unset; height: unset; right: unset;  top: unset; position: unset; display: unset; background-image: unset;background-size: cover;background-position: center;  }
    .arrow-bg03::after { content: ''; width: 3rem; height: 14.5625rem; right: 3.25rem;  top: calc(50% + .7rem);  position: absolute; display: inline-block; background-image: url('/images/s-arrow-r-d.png');background-size: cover;background-position: center; }
    .arrow-bg06::before { content: ''; width: 3rem; height: 14.5625rem; left: 3.25rem;  top: calc(50% + .7rem);  position: absolute; display: inline-block; background-image: url('/images/s-arrow-l-d.png');background-size: cover;background-position: center; }

    .arrow-bg07::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }
    .arrow-bg08::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }
    .arrow-bg09::after { content: ''; width: unset; height: unset; right: unset;  top: unset; position: unset; display: unset; background-image: unset;background-size: cover;background-position: center;  }
}
@media only screen and (min-width: 300px) and (max-width: 719px) {
    .service-list ol { flex-flow: row wrap; }
    .service-list ol li { display: flex; flex: 0 0 50%; flex-wrap: wrap; position: relative; margin-bottom: 6rem;  }
    .arrow-bg01 { order: 1; }
    .arrow-bg02 { order: 2; }
    .arrow-bg03 { order: 4; }
    .arrow-bg04 { order: 3; }
    .arrow-bg05 { order: 5; }
    .arrow-bg06 { order: 6; }
    .arrow-bg07 { order: 8; }
    .arrow-bg08 { order: 7; }
    .arrow-bg09 { order: 9; }
    .arrow-bg04::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-left.png');background-size: cover;background-position: center; }
    .arrow-bg02::after { content: ''; width: 3rem; height: 14.5625rem; right: 4.25rem;  top: calc(50% + .7rem);  position: absolute; display: inline-block; background-image: url('/images/s-arrow-r-d.png');background-size: cover;background-position: center; }
    .arrow-bg03::after { content: ''; width: unset; height: unset; right: unset;  top: unset; position: unset; display: unset; background-image: unset;background-size: cover;background-position: center;  }

    .arrow-bg04::before { content: ''; width: 3rem; height: 14.5625rem; left: 3.25rem;  top: calc(50% + .7rem);  position: absolute; display: inline-block; background-image: url('/images/s-arrow-l-d.png');background-size: cover;background-position: center; }

    .arrow-bg05::after { content: ''; width: 7.8125rem; height: 1.875rem; right: -3.95rem;  top: calc(50%); position: absolute; display: inline-block; background-image: url('/images/s-arrow-right.png');background-size: cover;background-position: center; }
    .arrow-bg06::after { content: ''; width: 3rem; height: 14.5625rem; right: 3.25rem;  top: calc(50% + .7rem);  position: absolute; display: inline-block; background-image: url('/images/s-arrow-r-d.png');background-size: cover;background-position: center; }
    .arrow-bg07::after { content: ''; width: unset; height: unset; right: unset;  top: unset; position: unset; display: unset; background-image: unset;background-size: cover;background-position: center;  }
    .arrow-bg08::before { content: ''; width: 3rem; height: 14.5625rem; left: 3.25rem;  top: calc(50% + .7rem);  position: absolute; display: inline-block; background-image: url('/images/s-arrow-l-d.png');background-size: cover;background-position: center; }

    .arrow-bg09::after { content: ''; width: unset; height: unset; right: unset;  top: unset; position: unset; display: unset; background-image: unset;background-size: cover;background-position: center;  }

}
@media only screen and (min-width: 300px) and (max-width: 519px) {
    .arrow-bg06::after,.arrow-bg02::after {
        right: 2rem;
    }
    .arrow-bg04::before ,.arrow-bg08::before {
        left: 2rem;
    }

}