@import url('https://fonts.googleapis.com/css2?family=Shippori+Mincho:wght@400;500&display=swap');
/*html, body{overflow: auto}*/
/*.pp-section{position: static}*/
h2, h3, h4 {
    font-family: 'Shippori Mincho', serif;
    font-weight: 500!important;
}
#wrap {
    overflow: hidden;
}
#page2 {
    position: relative;
}
.cms_box .cms_box_bg {
    display: none;
}
.swiper-container-fade .swiper-slide {
    background-position: top 50% right 0;
    width: 100%!important;
}
#main_img {
    height: 846px;
    padding-top: 92.0625px;
    overflow: hidden;
    background-color: #fff;
}
#main_img .swiper-wrapper:after {
    display: block;
    content: "";
    width: 165px;
    height: 138%;
    top: -110px;
    background-color: #fff;
    position: absolute;
    z-index: 2;
    transform: rotate(9deg);
    left: -74px;
}
.check li {
    /*background-image: url(Dup/img/check.png);*/
    /*background-repeat: no-repeat;*/
    /*background-size: 34px;*/
    /*background-position: 0 50%;*/
    /*padding-left: 46px;*/
    margin-bottom: 10px;
    width: 49%;
    font-size: 22px;
}
.check li figure {
    width: 110px;
    border: 1px solid #ef2c00;
    border-radius: 50%;
}
#header {
    padding-top: 4px;
    padding-bottom: 4px;
}
#logo {
    max-width: 240px;
}
#logo2 img {
    max-width: 245px;
}
.intro_item ul {
    color: #ef2c00;
    font-size: 25px;
    font-weight: bold;
}
.main_img_txt {
    max-width: 1100px;
    width: auto;
    height: 82%;
    transform: translateX(-50%);
    left: 26%;
    top: 10%;
}
.main_img_txt img {
    width: auto;
    height: 100%;
}
.pp-scrollable {
    background-color: #f6fdff;
}
#s_content2 {
    overflow: hidden;margin-bottom: 0;
}
#s_content1 {
    /*background-image: url(Dup/img/water.png), url(Dup/img/water2.png);*/
    background-repeat: no-repeat;
    background-size: auto 80%;
    background-position: 3% 0, 97% 100%;
}
.main_img_txt {
    z-index: 10;
}
.main_img_txt img {
     transform:rotateX(-10deg) rotateY(-21deg) translateX(-35px) skewX(-8deg);
     opacity: 0;
     transition-duration: 2.1s;
}
.main_img_txt.trans img {
    opacity: 1;
transform: rotateX(0deg) rotateY(0deg) translateX(0px) skewX(0deg);
}

#main_img .swiper-wrapper {
    background-image: url(Dup/img/main_img.jpg);
    background-size: cover;
    background-position: 50%;
    width: 54%!important;
    margin-right: 0;
    margin-left: auto;
}
#main_img .swiper-wrapper::before {
    background-color: rgb(0 178 207 / 17%);
}
.scrollpage_box {
    background-color: #f6fdff;
    background-image: url(Dup/img/suisai_bg.jpg);
    background-repeat: no-repeat;
}
.modal_bg {
    background-image: url(Dup/img/modal1.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: 50% 100%;
}
.modal_wrap:nth-of-type(2) .modal_bg {
    background-image: url(Dup/img/modal2.jpg);
}
.more_box, .more_btn a {
    background-image: url(Dup/img/suisai.jpg);
    border-color: #ffcf85;
}
.sf_contact_box.bg_color2 {
    background-color: rgb(255 255 255 / 65%);
}
#s_content2 .more_btn:before {
    position: absolute;
    left: -138px;
    top: -362px;
    background-image: url(Dup/img/happa1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 178px;
    height: 377px;
    content: "";
    display: block;
    z-index: 1;
}
#page_title:after {
    position: absolute;
    left: -15px;
    top: 196px;
    background-image: url(Dup/img/happa1.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 316px;
    height: 215px;
    content: "";
    display: block;
    z-index: -1;
}
#page2:before {
    position: absolute;
    right: -71px;
    top: -196px;
    background-image: url(Dup/img/happa3.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 270px;
    height: 377px;
    content: "";
    display: block;
    z-index: -1;
}
#s_content2 .more_btn:after {
    position: absolute;
    right: -228px;
    bottom: -264px;
    background-image: url(Dup/img/happa4.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 375px;
    height: 377px;
    content: "";
    display: block;
    z-index: 1;
}
#s_content2 .c2_box:nth-of-type(2) .more_btn:before  {
    position: absolute;
    right: -228px;
    bottom: -224px;
    background-image: url(Dup/img/happa5.png);
    background-repeat: no-repeat;
    background-size: contain;
    width: 375px;
    height: 377px;
    content: "";
    display: block;
    z-index: 1;
}
.top_cms_title {
    background-image: url(Dup/img/title_bg.png);
    background-size: auto 125px;
    background-repeat: no-repeat;
    background-position: 50% 66%;
}
.cms_3-c .cate_box, #cms_3-c .cate_box {
    background: #ffffff;
    padding: 10px;
    border-radius: 10px;
    margin-bottom: 20px;
}



.qa_type5 .faq_no {
    width: 50px;
    height: 50px;
    line-height: 50px;
    border-radius: 50%;
    top: -10px;
    left: 0;
	-webkit-background-clip: padding-box; 
	-moz-background-clip: padding; 
	background-clip: padding-box;
}
.qa_type5 .box_title1, .qa_type5 .box_txt1 {padding-left: 70px;line-height: 1.7;}




@media(max-width: 768px) {
#main_img .swiper-wrapper:after {
    width: 118px;
    left: -74px;
}
.main_img_txt {
    height: 76%;
    left: 25%;
    top: 19%;
}
.top_cms_title {
    background-size: auto 93px;
    background-position: 50% 44%;
}
.intro_item ul {
    font-size: 17px;
}
.check li figure {
    width: 75px;
}
.check li {
    font-size: 15px;
}
.sf_contact {
    margin-top: 0;
    padding-top: 40px;
}
#s_content2 .more_btn:after {
    right: -185px;
    bottom: -167px;
    width: 230px;
    height: 230px;
}
#s_content2 .more_btn:before {
    left: -225px;
    top: -319px;
    width: 300px;
    height: 300px;
}
#page_title:after {
    left: 11px;
    top: 189px;
    width: 59px;
    height: 130px;
}
#page2:before {
    right: -14px;
    top: -110px;
    width: 196px;
    height: 178px;
}
}


@media(max-width: 667px) {

#main_img .swiper-wrapper {
   width: 100%!important;
    height: 44vh;
    bottom: 0;
    position: absolute;
}
#main_img {
    height: 100vh!important;
}
#main_img .swiper-wrapper:after {
    display: none;
}
#logo {
    max-width: 183px;
}
.overlay {
    top: 64px;
}
.main_img_txt {
    height: 43%;
    top: 9.5%;
    left: 50%;
}
#page_title:after {
    left: -192px;
    top: 122px;
    width: 293px;
    height: 377px;
}

#s_content2 .more_btn:after {
    right: -207px;
    bottom: -117px;
    width: 230px;
    height: 230px;
}
#s_content2 .more_btn:before {
    left: -184px;
    top: -389px;
    width: 230px;
    height: 230px;
}  
#page2:before {
    right: -14px;
    top: -104px;
    width: 136px;
    height: 136px;
}
.intro_item ul {
    width: auto!important;
    display: inline-block;
}
.check li {
    width: 100%;
}
}