*{margin: 0;padding: 0;}
body{max-width:1920px;margin: 0 auto;}
img{display: block;}
ul,li{list-style: none;}
.pc{display: block;}
.mobile{display: none !important;}
.fl_l{float: left;}
.fl_r{float: right;}
.clb{clear: both;}

.container{max-width: 1230px;margin: 0 auto;}

.section1 .nav_box{
    width: 100%;
    padding-right: 6%;
    max-width: 2500px;
    box-sizing: border-box;
}
.section1 .nav_box.nav_box-top{
    position: absolute;
    top: 0;
    z-index: 2;
    right: 0;
    left: 50%;
    transform: translateX(-50%);
}
.section1 .nav_box ul{text-align: right;}
.section1 .nav_box ul li{position: relative; display: inline-block;padding: 0 1.5%;}
.section1 .nav_box ul li a{
    font: normal 20px/55px "Anton-Regular";
    color: #333333;
}
.section1 .nav_box li .item{ position: absolute; left: 50%; top: 2.5vw; width: 200px; margin-left: -30px; text-align: left; display: none;}
.section1 .nav_box li:hover .item{ display: block;}

.section1 .nav_box .headtop-logo{
    position: absolute;
    top: 10px;
    left: 6%;
}
.section1 .onlineshop{
    display: inline-block;
    position: absolute;
    /*right: -5vw;*/
    right: 0;
}

.section1{
    /*width: 100%;
    height: 100vh;*/
    margin: 0 auto;
    background: url("../../images/WAIZ/s1_bg.png");
    background-size: cover;
    position: relative;
    padding-left: 10%;
    padding-right: 6%;
}
.container1515{
    width: 100%;
    margin: 0 auto;
    box-sizing: border-box;
    max-width: 2200px;
    height: 100vh;
}
.waiz_logo{
    float: left;
    height: 75vh;
    padding: 10% 0 6%;
}
.s1_swiper{float: right;width: 68.1%;height: 100%;}
.s1_swiper ul li{height: auto !important;}
.s1_swiper img{width: 100%;}

.section2{width: 100%;max-width: 1230px;margin: 0 auto;text-align: center;}
.section2 .s2_p1>h2{
    width:100%;
    font: bold 18px/9vw "KOZGOPR6N-REGULAR";
    color: #333;
    align-content: center;
    text-align: center;
}
.section2 .s2_p1>div{text-align: center;display: flex;justify-content: center;align-items: center;margin-bottom: 3%;}
.section2 .s2_p1>div span,.section2 .s2_p1>div img{display: inline-block;}
.section2 .s2_p1>div span{font: normal 20px/40px "NOTOSANSJP-BOLD";color: #333;}
.section2 .s2_p1>div img{vertical-align: middle;margin: 0 2%}
.section2 .s2_p1 p{
    width: 45%;
    margin: 0 auto;
    font: normal 14px/30px "NOTOSANSJP-BOLD";
    color: #222;
    text-align: left;
}
.section2 .s2_p1 p span{color: #a5a5a5;font-weight: bold;margin-right: 10px;}
.section2 .s2_p2{padding: 5% 0 0 65px;text-align: left;position: relative;}
.section2 .s2_p2 .s2_p2_l{width: 47%;float: left;}
.section2 .s2_p2 h2{
    display: inline-block;
    font: normal 16px/46px "NOTOSANSJP-BOLD";
    color: #222222;
    padding: 0 30px;
    background-color: #b5b4a5;
}
.section2 .s2_p2 .s2_p2_l p{font: normal 14px/30px "NOTOSANSJP-BOLD";color: #222;}
.section2 .s2_p2 .s2_p2_l p:nth-child(2){margin: 4% 0 2% 0;}
a.more_icon{
    position: relative;
    display: block;
    font: normal 14px/46px "NOTOSANSJP-BOLD";
    float: right;
    margin: 3% 52px 0 0;
    color: #333333;
}
a.more_icon.w{color: #ffffff;margin: 1vw 60px 0 0;}
a.more_icon>span{position: relative;z-index: 1}
a.more_icon>div{
    width: 46px;
    height: 46px;
    font: bold 18px/42px "NOTOSANSJP-BOLD";
    border-radius: 50%;
    background-color: #697f7e;
    position: absolute;
    right: -26px;
    top: 0;
    z-index: 0;
    color: #697f7e;
    text-align: center;
    border: 2px solid #697f7e;
    box-sizing: border-box;
    transition: all 0.3s ease-in-out;
}
a.more_icon:hover div{
    transform: translateX(26px);
    background-color: #fff;
}
.section2 .s2_p2>img:nth-child(2){float: left;margin-left: 5%;position: relative;bottom: -20px;}
.section2 .s2_p2>img:nth-child(3){float: right;position: relative;bottom: 210px;}

.section3{width: 100%;background-color: #cdcdcd;padding: 5vw 0;margin: 0 auto;}
.section3 h1,.section8 h1{
    font: normal 30px/30px "Anton-Regular";
    color: #484848;
    display: inline-block;
}
.section3 .s_title span:nth-child(2),.section8 .s_title span:nth-child(2){
    font-size: 30px;
    color: #222222;
    font-family: 宋体;
}
.section3 .s_title span:nth-child(3),.section8 .s_title span:nth-child(3){font: normal 16px/30px "NOTOSANSJP-BOLD";color: #acab99;display: inline-block;}
.section3 ul li{width: 49%;}
.section3 ul li:nth-child(odd){float: left;}
.section3 ul li:nth-child(even){float: right}
.section3 ul li:nth-child(1),.section3 ul li:nth-child(2){margin-top: 50px}
.section3 ul li:nth-child(3),.section3 ul li:nth-child(4){margin-top: 80px}
.section3 ul li div{
    width: 112px;
    font: normal 24px/25px "Anton-Regular";
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}
.section3 ul li h2{
    font: normal 20px/30px "NOTOSANSJP-BOLD";
    color: #222;
    padding-left: 28px;
    box-sizing: border-box;
    margin: 25px 0 10px 0;
}
.section3 ul li p{
    font: normal 14px/22px "NOTOSANSJP-MEDIUM";
    padding-left: 28px;
    box-sizing: border-box;
}
.section4{
    width: 100%;
    max-width: 1265px;
    margin: 7.5vw auto 0 auto;
    background: url("../../images/WAIZ/s4_bg.jpg") no-repeat;
    text-align: center;
    height: 420px;
}
.section4>h1{
    font: normal 24px/75px "NOTOSANSJP-BOLD";
    color: #222;
    padding: 0 2vw;
    background-color: #b5b4a5;
    display: inline-block;
    position: relative;
    top: -38px;
}
.section4>p{font: normal 1.9vw/4vw "Anton-Regular";color: #ffffff;margin-bottom: 1vw;}
.section4>img{margin: 0 auto;width: 71%}
.section4>span{
    display: block;
    font: normal 13px/40px "NOTOSANSJP-BOLD";
    padding-left: 14.5%;
    color: #fff;
    text-align: left;
}
.section4>a img{float: right;margin-right: 18px;}

.section5{width:100%;max-width: 1265px;margin: 0 auto;background-color: #b5b4a5;padding: 1vw 18px 50px 18px;box-sizing: border-box;}
.section5>p{font: normal 1.9vw/4vw "Anton-Regular";color: #333;text-align: center;}
.section5 ul li{
    width: 15%;
    background-color: #ffffff;
    padding: 25px 18px 35px 18px;
    box-sizing: border-box;
    text-align: center;
    height: 259px;
    float: left;
    margin-right: 2%;
}
.section5 ul li:last-child{margin-right: 0;}
.section5 ul li p.stepnum{font: normal 20px/64px "Anton-Regular";color: #cdcdcd;}
.section5 ul li p{font: normal 18px/45px "NOTOSANSJP-BOLD";color: #222222;}
.section5 ul li p:last-child{margin-top: 8px;}
.section5 ul li span{display: block;font: normal 14px/25px "NOTOSANSJP-MEDIUM";color: #222222;}
.swiper-button-next, .swiper-button-prev{display: none;color: #000}
.section6{width: 100%;margin: 0 auto;padding: 9vw 0 6vw 0;border-bottom: 1px solid #333;}
.section6>div{width: 100%;max-width: 1100px;margin: 0 auto;}
.section6 .c_img{position: relative;}
.section6 .case1 .c_img{float: left;}
.section6 .caselabel{position: absolute;top:-45px;}
.section6 .caselabel .caselabel_l,.section6 .caselabel .caselabel_r{float: left}
.section6 .caselabel .caselabel_l p:nth-child(1){
    font: normal 14px/18px "NOTOSANSJP-BOLD";
    color: #acab99;
}
.section6 .caselabel .caselabel_l p:nth-child(2){
    font: normal 2.5vw/3vw "Anton-Regular";
    color: #333;
}
.section6 .caselabel .caselabel_r{
    font: normal 4vw/4vw "Anton-Regular";
    color: #333;
    margin-left: 5px;
}
.section6 .case1 .c_con{float: left;padding: 20% 0 0 40px;}
.section6 .c_con h1{font: normal 20px/70px "NOTOSANSJP-BOLD";color: #222222;}
.section6 .c_con p{font: normal 14px/24px "NOTOSANSJP-MEDIUM";color: #222222;}
.section6 .case2 .c_img{float: right;}
.section6 .case2 .c_con{float: right;padding: 16.5% 50px 0 0;}
.section6 .case3 .c_img{float: left;width: 50%;}
.section6 .case3 .c_con{width:50%;float: left;padding: 10% 0 0 40px;box-sizing: border-box;}
.section7{
    padding: 3vw 0;
    text-align: center;
    width: 100%;
    border-bottom: 1px solid #333;
    margin: 0 auto;
}
.section7 .container>p{
    font: normal 1.9vw / 3.5vw "Anton-Regular";
    color: #333;
}
.section7 .container>span{
    font: normal 16px/24px "NOTOSANSJP-BOLD";
    color: #acab99;
    text-align: center;
}
.section7 .swiper_works{margin-top: 2.2vw;}
.section7 ul li{text-align: left;}
.section7 ul li:last-child{margin-right: 0;}
.section7 ul li img{width: 100%;height: 249px;background-color: #dcdcdc;}
.section7 ul li p{font: normal 16px/30px "NOTOSANSJP-BOLD";margin: 12px 0;}
.section7 ul li span{
    display: inline-block;
    vertical-align: top;
    background-color: #dddcd2;
    font: normal 12px/21px "NOTOSANSJP-MEDIUM";
    padding: 0 8px;
    margin: 0 3px;
}
.s7_more{float: right;margin-top: 4vw;}

.section8{padding: 5vw 0 1vw;}
.s_title{display: flex;}
.section8 .services{margin-bottom: 0;}
.section8 .services ul li{
    width: 47.65%;
    float: left;
    position: relative;
}
.section8 .services ul{margin-top: 40px;}
.section8 .services ul li:last-child{float: right;}
.section8 .services ul li>div{width:100%;position: absolute;top:33%;text-align: center;}
.section8 .services ul li>div h1{
    width: 50.5%;
    font: normal 24px/53px "NOTOSANSJP-BOLD";
    background-color: #ffffff;
    color: #222;
    margin-bottom: 1.4vw;
}
.section8 .services ul li>div p{
    font: normal 18px/35px "NOTOSANSJP-BOLD";
    color: #fff;
}
.section8 .news .s_title{width: 20%;display: inline-block;}
.section8 .news ul{width: 74%;display: inline-block;float: right;}
.news ul:not(.page-numbers) li{
    background-image: url("../../images/WAIZ/s8_liststyle.png");
    background-repeat: no-repeat;
    background-position: center right 20px;
}
.news ul .news-link{
    display: flex;
    align-items: center;
}
.news ul .news-time{font: normal 10px/40px "NOTOSANSJP-BOLD";color: #acab99;}
.news ul .news-title{
    font: normal 14px/40px "NOTOSANSJP-MEDIUM";
    color: #222;
    margin-left: 25px;
}
.s8_more{
    display: inline-block;
    font: normal 14px/28px "NOTOSANSJP-BOLD";
    border-bottom: 1px solid #333;
    color: #222;
    float: right;
    margin-top: 1.4vw;
}

@media (max-width: 1700px) and (min-width:1000px){
    .section1{/*padding: 0 5%;*/box-sizing: border-box;}
    /*.waiz_logo{width: 18%;}*/
}



/* ---------------------------renovation---------------------------------- */

.sub-container{width:96%;max-width: 1595px;margin: 0 auto;font-size: 0;}

.sub-section1{position: relative;font-size: 0;margin-top: 7.08vw;}
.sub-section1 .sub-container{width: 84%;}
.sub-section1 .s1_r{
    width: 78.65%;
    background-color: #bdbfa9;
    float: right;
}
.sub-section1 .s1_r img{width:86.36%;margin: 4.69vw 4.38vw 3.9vw 6.2vw;}
.sub-section1 .s1_desc_box{position: absolute;top: 0;width: 100%;padding-top: 12.5vw;}
.sub-section1 .s1_desc_box img{width: 22.15vw;}
.sub-section1 .s1_desc_box h1{font: normal 3.65vw/3.65vw "NOTOSANSJP-BOLD";color: #171717;margin: 2.2vw 0 5.5vw 0;}
.sub-section1 .s1_desc_box h1 span{font: normal 3.65vw/3.65vw "NOTOSANSJP-BOLD";color: #ffffff;}
.sub-section1 .s1_desc_box h2{
    display: inline-block;
    font: normal 2.4vw/4.584vw "NOTOSANSJP-BOLD";
    color: #171717;
    background-color: #cdcdcd;
    padding: 0 5.8vw 0 2.5vw;
    box-sizing: border-box;
}
.sub-section1 .s1_desc_box h2:last-child{ padding: 0 3vw 0 2.5vw;margin-top: 1vw;}

.sub-section2{margin-top: 4.9vw;position: relative;}
.sub-section2>img{width: 36.2%;}
.sub-section2 .s2_desc_box{position: absolute;top: 0;width: 100%;}
.sub-section2 .s2_desc_box .sub-container>div{width: 59.5%;float: right;padding-right: 1.5%;}
.sub-section2 .s2_desc_box .sub-container>div h2{
    font: normal 2.6vw/3vw "NOTOSANSJP-BOLD";
    color: #171717;
    margin: 3.65vw 0 4.69vw 0;
}
.sub-section2 .s2_desc_box .sub-container>div>p{color: #171717;font: normal 1.04vw/2.2vw "NOTOSANSJP-MEDIUM";margin-bottom: 5.7vw;}
.sub-section2 .s2_desc_box .sub-container>div ul{font-size: 0;text-align: center;}
.sub-section2 .s2_desc_box .sub-container>div ul li{
    width: 27.7%;
    height: 12.14vw;
    background-color: #d2d2d2;
    overflow: hidden;
    margin: 0 8% 2.34vw 0;
    display: inline-block;
    text-align: left;
}
.sub-section2 .s2_desc_box .sub-container>div ul li:nth-child(3){margin-right: 0;}
.sub-section2 .s2_desc_box .sub-container>div ul li:nth-child(4){margin: 0 8.8% 2.34vw 8%;}
.sub-section2 .s2_desc_box .sub-container>div ul li em{
    font: bold 4.69vw/5vw "NOTOSANSJP-BOLD";
    color: #b6b6b6;
    margin-left: -1.2vw;
}
.sub-section2 .s2_desc_box .sub-container>div ul li p{
    padding-left: 0.6vw;
    font: bold 1.04vw/2.5vw "NOTOSANSJP-REGULAR";
    color: #1e1e1e;
}

.sub-section3{position: relative;margin-top: 5vw;}
.sub-section3 .s3_l{
    width: 65.625%;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../../images/ZHONGGU/s3_bg1.png") no-repeat;
    padding-left: 8.4%;
    background-position: top right;
    background-size: cover;
    box-sizing: border-box;
    z-index: 2;
}
.sub-section3 .s3_l>div:nth-child(1){position: relative;}
.sub-section3 .s3_l>div img.s3_p1{
    width: 10.8vw;
    margin: 10.4vw 0 7.8vw 14vw;
}
.sub-section3 .s3_l>div:nth-child(1) .li{
    width: 11.83vw;
    background-color: #e9eae8;
    font: normal 1.04vw/3.23vw "NOTOSANSJP-BOLD";
    text-align: center;
    border-radius: 3.23vw;
    position: absolute;
}
.sub-section3 .s3_l>div:nth-child(1) .li.l1{top: -7vw;left: 12.1vw}
.sub-section3 .s3_l>div:nth-child(1) .s3_logo{position: absolute;top: -2.5vw;left: 14.1vw}
.sub-section3 .s3_l>div:nth-child(1) .li.l2{top: 2.66vw;left: 1.1vw;}
.sub-section3 .s3_l>div:nth-child(1) .li.l3{top: 10vw;left: 1.1vw;}
.sub-section3 .s3_l>div:nth-child(1) .li.l4{top: 2.66vw;left: 25vw;}
.sub-section3 .s3_l>div:nth-child(1) .li.l5{top: 10vw;left: 25vw;}
.sub-section3 .s3_l>div:nth-child(1) .li.l6{top: 20.5vw;left: 12.1vw}
.sub-section3 .s3_l>div:nth-child(1) p{
    position: absolute;
    top: 18vw;
    left: 9vw;
    display: inline-block;
    font: normal 1.04vw/1.1vw "NOTOSANSJP-BOLD";
    color: #e4e8ea;
}
.sub-section3 .s3_l>div:nth-child(2){
    width: 75%;
    box-sizing: border-box;
    position: absolute;
    left: 0;
    padding: 2vw 0 1vw 14%;
    background: url("../../images/ZHONGGU/s3_bg3.png") no-repeat;
    background-position: top left;
    background-size: contain;
}
.sub-section3 .s3_l>div:nth-child(2) h2{
    font: normal 1.87vw/1.87vw "NOTOSANSJP-REGULAR";
    color: #3a3a39;
}
.sub-section3 .s3_l>div:nth-child(2) p{
    font: normal 0.78vw/3vw "NOTOSANSJP-REGULAR";
    color: #3a3a39;
}
.sub-section3 .s3_r{
    width: 67.48%;
    background: url("../../images/ZHONGGU/s3_bg2.png") no-repeat;
    background-position: bottom right;
    background-size: contain;
    padding-right: 8.7%;
    float: right;
    box-sizing: border-box;
    position: relative;
    top:-3.13vw;
}
.sub-section3 .s3_r .s3_p3{width:31.9vw;position: absolute;right: 0;}
.sub-section3 .s3_r .s3_p2{width:9.38vw;float: right;margin: 8.44vw 15.79vw 7.9vw 0;}
.sub-section3 .s3_r>div:nth-child(2){
    width: 75%;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 9.6vw;
    padding: 2vw 14% 0.8vw 0;
    background: url("../../images/ZHONGGU/s3_bg4.png") no-repeat;
    background-position: top right;
    background-size: contain;
    text-align: right;
    z-index: 3;
}
.sub-section3 .s3_r>div:nth-child(2) h2{
    font: normal 1.87vw/1.87vw "NOTOSANSJP-REGULAR";
    color: #3a3a39;
}
.sub-section3 .s3_r>div:nth-child(2) p{
    font: normal 0.78vw/3vw "NOTOSANSJP-REGULAR";
    color: #3a3a39;
}
.sub-section3 .s3_r>div:nth-child(3){position: relative;z-index: 0;margin-top: 17.3vw}

.sub-section3 .s3_r>div:nth-child(3) .li{
    width: 11.3vw;
    background-color: #d0d0d0;
    font: bold 1.04vw/3.44vw "NOTOSANSJP-REGULAR";
    text-align: center;
    border-radius: 3.44vw;
    position: absolute;
    color: #191919;
}
.sub-section3 .s3_r>div:nth-child(3) .li.l1{top: 3.9vw;right: 15.11vw;}
.sub-section3 .s3_r>div:nth-child(3) .s3_logo{position: absolute;top: -2.5vw;right: 14.1vw}
.sub-section3 .s3_r>div:nth-child(3) .li.l2{top: 14.59vw;right: 26vw;}
.sub-section3 .s3_r>div:nth-child(3) .li.l3{top: 22.14vw;right: 26vw;}
.sub-section3 .s3_r>div:nth-child(3) .li.l4{top: 14.59vw;right: 3.54vw}
.sub-section3 .s3_r>div:nth-child(3) .li.l5{top: 22.14vw;right: 3.54vw;}
.sub-section3 .s3_r>div:nth-child(3) .li.l6{top: 29.33vw;right: 15.11vw;}

.sub-section4{text-align: center;margin-top: 2.5vw;font-size: 0;}
.sub-section4>h2{
    display: inline-block;
    font: normal 2.6vw/5.16vw "NOTOSANSJP-BOLD";
    color: #171717;
    padding: 0 2vw 0 2.6vw;
    background-color: #bdbfa9;
    margin-right: 7.3vw;
}
.sub-section4>h3{font: normal 1.6vw/1.6vw "NOTOSANSJP-REGULAR";color: #908f84;margin: 2vw 7.3vw 4.9vw 0;letter-spacing: 0.1vw;}
.sub-section4 .s4_part1 img.fl_l{width: 48.02%;}
.sub-section4 .s4_part1 .s4_desc{width:33.23%;float: left;text-align: left;padding-left: 6.35%;margin-top: 1vw;}
.sub-section4 .s4_part1 .s4_desc p:nth-child(1){font: normal 2.5vw/3.8vw "Anton-Regular";color: #191919;}
.sub-section4 .s4_part1 .s4_desc p:nth-child(2){font: normal 1.876vw/2.8vw "NOTOSANSJP-BOLD";color: #bdbfa9;margin-bottom: 4.5vw;padding-left: 0.5vw;}
.sub-section4 .s4_part1 .s4_desc p:nth-child(3){font: normal 1.04vw/2.2vw "NOTOSANSJP-REGULAR";color: #8a8a8a;padding-left: 0.5vw;}
.sub-section4 .s4_part1{
    background-image: url("../../images/ZHONGGU/s4_p8.png");
    background-repeat: no-repeat;
    background-position: top right 3.65%;
    background-size: 18.23%;
    margin-top: -4.9vw;
    padding-top: 5.4vw;
}
.sub-section4 .s4_part2 .s4_desc{width: 33.13%;text-align: left;margin:3.9vw 0 0 16.88%;}
.sub-section4 .s4_part2 .s4_desc p:nth-child(1){font: normal 2.5vw/3.8vw "Anton-Regular";color: #191919;}
.sub-section4 .s4_part2 .s4_desc p:nth-child(2){font: normal 1.876vw/2.8vw "NOTOSANSJP-BOLD";color: #bdbfa9;margin-bottom: 2.9vw;}
.sub-section4 .s4_part2 .s4_desc p:nth-child(3){font: normal 1.04vw/2.2vw "NOTOSANSJP-REGULAR";color: #8a8a8a;}
.sub-section4 .s4_part2 img.fl_r{width: 44.64%;margin-top: -7.5vw}

.sub-section4 .s4_part3{margin-top: 2.6vw;}
.sub-section4 .s4_part3 img.fl_l{width: 48.02%;}
.sub-section4 .s4_part3 .s4_desc{width:39%;float: left;text-align: left;padding-left: 7.35%;}
.sub-section4 .s4_part3 .s4_desc p:nth-child(1){font: normal 2.5vw/4.5vw "Anton-Regular";color: #444444;}
.sub-section4 .s4_part3 .s4_desc p:nth-child(2){font: normal 1.876vw/4vw "NOTOSANSJP-BOLD";color: #bdbfa9;margin-bottom: 1.5vw;}
.sub-section4 .s4_part3 .s4_desc p:nth-child(3){font: normal 1.04vw/2.2vw "NOTOSANSJP-REGULAR";color: #8a8a8a;}
.sub-section4 .s4_part3 .s4_desc p:nth-child(3)>span{font-size: 0.6vw;display: inline-block;vertical-align: super;}

.sub-section4 .s4_part4 .fl_l{  width: 49%;  padding: 5.47vw 0 0 10.36%;  box-sizing: border-box;text-align: left;font-size: 0;}
.sub-section4 .s4_part4 .fl_l p{
    font: normal 1.56vw/2.2vw"NOTOSANSJP-REGULAR";
    color: #171717;
    display: inline-block;
    border-bottom: 5px solid #e4e4df;
    margin-bottom: 1.5vw;
}
.sub-section4 .s4_part4 .fl_r{width: 29.69%;  margin-right: 8.35%;}

.sub-section4 .s4_part5 .fl_l{position: relative;width:30vw;margin: 0 3.89% 0 3.14%;}
.sub-section4 .s4_part5 .fl_l img{width: 100%;}
.sub-section4 .s4_part5 .fl_l p{
    width: 100%;
    font: normal 1.876vw/2.73vw "NOTOSANSJP-BOLD";
    color: #ffffff;
    text-align: center;
    position: absolute;
    top:9.17vw;
}
.sub-section4 .s4_part5 .fl_l:before{
    content: "例";
    display: block;
    width: 6.56vw;
    height: 6.61vw;
    background-color: #d2d2d2;
    border-radius: 6.566vw;
    text-align: center;
    font: normal 2.6vw/6.618vw "NOTOSANSJP-BOLD";
    color: #171717;
    position: absolute;
    top:1.3vw;
    left:5.2vw;
}
.sub-section4 .s4_part5 .fl_l:after{
    content: "約3,500万円〜";
    display: block;
    width: 24.96vw;
    height: 5.575vw;
    background: url("../../images/ZHONGGU/s4_p4_bg.png") no-repeat;
    background-size: cover;
    text-align: center;
    font: normal 2.33vw/4.74vw "NOTOSANSJP-BOLD";
    color: #171717;
    position: absolute;
    bottom:-2.86vw;
    right:3vw;
    padding-left: 5.5vw;
    box-sizing: border-box;
}
.sub-section4 .s4_part5{
    margin-top: 7.66vw;
    background-image: url("../../images/ZHONGGU/s4_p6.png");
    background-repeat: no-repeat;
    background-position: bottom right 1.46vw;
    padding-bottom: 7.556vw;
}
.sub-section4 .s4_part5 .fl_r{
    width:47.1vw;
    padding: 1.77vw 0 0 0;
}
.sub-section4 .s4_part5 .fl_r>h2{
    display: inline-block;
    font: normal 2.6vw/5.16vw "NOTOSANSJP-BOLD";
    color: #171717;
    padding: 0 3vw 0 2.5vw;
    background-color: #bdbfa9;
}
.sub-section4 .s4_part5 .fl_r>h3{
    font: normal 1.6vw/1.6vw "NOTOSANSJP-REGULAR";
    color: #908f84;
    letter-spacing: 0.1vw;
    text-align: left;
    padding-left: 2.8vw;
    box-sizing: border-box;
    margin: 1.2vw 0 4.17vw 0;
}
.sub-section4 .s4_part5 .fl_r>div{width: 24.23vw;position: relative;float: left;}
.sub-section4 .s4_part5 .fl_r>div img{width: 100%;}
.sub-section4 .s4_part5 .fl_r>div p{
    width: 100%;
    font: normal 1.563vw/1.563vw "NOTOSANSJP-BOLD";
    color: #171717;
    text-align: center;
    position: absolute;
    top:11.67vw;
}

.sub-section4 .s4_part5 .fl_r>div:before{
    content: "例";
    display: block;
    width: 5.31vw;
    height: 5.31vw;
    background-color: #171717;
    border-radius: 5.31vw;
    text-align: center;
    font: normal 2.08vw/5.31vw "NOTOSANSJP-BOLD";
    color: #ffffff;
    position: absolute;
    top:1.9vw;
    left:3.33vw;
}
.sub-section4 .s4_part5 .fl_r>div:after{
    content: "約3,500万円〜";
    display: block;
    width: 19.23vw;
    height: 4.74vw;
    background-color: #171717;
    background-size: cover;
    text-align: center;
    font: normal 1.87vw/4.74vw "NOTOSANSJP-BOLD";
    color: #ffffff;
    position: absolute;
    bottom:-2.45vw;
    left:2.34vw;
}
.sub-section4 .s4_part5 .fl_r>p{
    font: normal 1.04vw/1.8vw "NOTOSANSJP-REGULAR";
    color: #171717;
    text-align: left;
    padding: 1.04vw 0 0 1.05vw;
    box-sizing: border-box;
    float: left;
}
.sub-section5{margin-top: 1.3vw;}
.sub-section5 .sub-container h2{
    font: normal 2.6vw/5.1vw "NOTOSANSJP-REGULAR";
    color: #171717;
    text-align: center;
    background-color: #b5b4a5;
}
.sub-section5 .s5_part1{font-size: 0;text-align: center;margin-top: 4.5vw;}
.sub-section5 .s5_part1 .s5_p1_l{
    width: 22.4vw;
    height:12.13vw;
    background-color: #bdbfa9;
    font:normal 1.615vw/2.6vw "NOTOSANSJP-REGULAR";
    text-align: center;
    padding-top: 3vw;
    box-sizing: border-box;
}
.sub-section5 .s5_part1 .s5_p1_l span,.sub-section5 .s5_part1 .s5_p1_r span{font:normal 1.876vw/2.6vw "NOTOSANSJP-REGULAR";}
.sub-section5 .s5_part1 .s5_p1_l,.sub-section5 .s5_part1 .s5_p1_m,.sub-section5 .s5_part1 .s5_p1_r{  display: inline-block;vertical-align: top;}
.sub-section5 .s5_part1 .s5_p1_m{margin-top: -1.9vw;width: 17.25vw;}
.sub-section5 .s5_part1 .s5_p1_r{
    width: 22.4vw;
    height:12.13vw;
    background: url("../../images/ZHONGGU/s5_p1_r_bg.png");
    background-repeat: no-repeat;
    background-size: 100%;
    background-position: top center;
    background-color: #bdbfa9;
    font:normal 1.615vw/2.6vw "NOTOSANSJP-REGULAR";
    text-align: center;
    padding-top: 5vw;
    box-sizing: border-box;
}
.sub-section5 .s5_part2{font-size: 0;text-align: center;}
.sub-section5 .s5_part2 .s5_p2_l{width: 22.4vw;height:13.13vw;display: inline-block;text-align: center;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t{width: 100%;background-color: #f5f5f5;padding: 1.67vw 0;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t p:nth-child(1){font:normal 1.615vw/2.6vw "NOTOSANSJP-REGULAR";color: #171717;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t p:nth-child(2){font:normal 1.615vw/2.6vw "NOTOSANSJP-BOLD";color: #171717;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t p:nth-child(3),.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b p:nth-child(3){
    width: 11.25vw;
    font:normal 1.04vw/2.92vw "NOTOSANSJP-REGULAR";
    background-color: #bdbfa9;
    color: #6c6e59;
    margin: 1.04vw auto 1.25vw auto;
}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t p:nth-child(4){font:normal 0.89vw/1vw "NOTOSANSJP-MEDIUM";color: #6c6e59;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b{width: 100%;background-color: #6c6e59;padding: 1.7vw 0 1.67vw 0;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b p:nth-child(1){font:normal 1.615vw/2.6vw "NOTOSANSJP-REGULAR";color: #ffffff;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b p:nth-child(2){font:normal 1.615vw/2.6vw "NOTOSANSJP-BOLD";color: #ffffff;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b p:nth-child(4){font:normal 0.89vw/1vw "NOTOSANSJP-MEDIUM";color: #e4e8ea;}

.sub-section5 .s5_part2 .s5_p2_m{width: 17.25vw;display: inline-block;font:normal 0.83vw/1vw "NOTOSANSJP-REGULAR";color: #666666;vertical-align: bottom;}
.sub-section5 .s5_part2 .s5_p2_m em{font-size: 0.625vw;}
.sub-section5 .s5_part2 .s5_p2_r{
    display: inline-block;
    vertical-align: top;
    width: 22.4vw;
}
.sub-section5 .s5_part2 .s5_p2_r>div{
    background-color: #f5f5f5;
    padding: 6.1vw 0 10.37vw 0;
    box-sizing: border-box;
}
.sub-section5 .s5_part2 .s5_p2_r p:nth-child(1){font:normal 1.615vw/3.5vw "NOTOSANSJP-REGULAR";color: #171717;}
.sub-section5 .s5_part2 .s5_p2_r p:nth-child(2){font:normal 1.615vw/2.6vw "NOTOSANSJP-BOLD";color: #171717;}
.sub-section5 .s5_part2 .s5_p2_r p:nth-child(3){
    width: 11.25vw;
    font:normal 1.04vw/2.92vw "NOTOSANSJP-REGULAR";
    background-color: #bdbfa9;
    color: #6c6e59;
    margin: 0.5vw auto 0 auto;
}
.sub-section5 .s5_icon{margin: 0 auto;}
.sub-section5 .sub-container>p{font:normal 0.83vw/1vw "NOTOSANSJP-REGULAR";color: #666666;padding: 1.35vw 0 0 10.9vw}
.sub-section5 .sub-container>p em{font-size: 0.625vw;}

.sub-section6{margin-top:4.9vw;position: relative;text-align: center;font-size: 0;}
.sub-section6:before{
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 22.09vw;
    background-color: #73725f;
}
.sub-section6>p{
    font:normal 3.1vw/3vw "Anton-Regular";
    color: #171717;
    position: relative;
    z-index: 1;
    top: -1.7vw;
}
.sub-section6>h2{
    font:normal 2.6vw/3vw "NOTOSANSJP-BOLD";
    color: #ffffff;
    position: relative;
    z-index: 1;
    top: -1vw;
}
.sub-section6 .sub-container{position: relative;z-index: 1;top: 2.2vw;}
.sub-section6 .sub-container p.s6_l1{font:normal 1.56vw/1.56vw "NOTOSANSJP-REGULAR";color: #ffffff;margin-bottom: 1.35vw;}
.sub-section6 .sub-container ul li img{width: 100%;}
.sub-section6 .sub-container p.s6_l2{font:normal 1.56vw/1.56vw "NOTOSANSJP-BOLD";color: #82816b;margin: 5.8vw 0 2vw 0;}
.sub-section6 .swiper-button-next,.sub-section6 .swiper-button-prev{color: #73725f;}

.sub-section7{margin-top: 6.6vw; padding-bottom: 5vw; font-size: 0;}
.sub-section7>p{font:normal 1.6vw/1.6vw "NOTOSANSJP-REGULAR";color: #908f84;margin-bottom: 4.17vw;text-align: center;}
.sub-section7 ul{text-align: center;}
.sub-section7 ul li{
    width: 30.5vw;
    display: inline-block;
    position: relative;
}
.sub-section7 ul li img{width: 100%;}
.sub-section7 ul li:last-child{margin-left: 3vw;}
.sub-section7 ul li>div{width:100%;position: absolute;top:33%;text-align: center;}
.sub-section7 ul li>div h4{
    display: inline-block;
    width: 50.5%;
    font: normal 1.25vw/2.76vw "NOTOSANSJP-BOLD";
    background-color: #ffffff;
    color: #222222;
    margin-bottom: 1.4vw;
}
.sub-section7 ul li>div p{
    font: normal 0.94vw/1.6vw "NOTOSANSJP-BOLD";
    color: #fff;
}


/*Company*/
.c_sub-section1{padding-bottom: 6.7vw;/*border-bottom: 1px solid #535353;*/margin-top: 7vw;}
.c_sub-section1 .sub-container{position: relative;}
.c_sub-section1 .sub-container>img{width: 98.7%;margin: 0 auto}
.c_sub-section1 .sub-container>p:nth-child(2){
    width: 100%;
    text-align: center;
    font:normal 3.1vw/3.1vw "Anton-Regular";
    color: #171717;
    letter-spacing: 0.1vw;
    position: absolute;
    top: 7.8vw;
}
.c_sub-section1 .sub-container>p:nth-child(3){
    width: 100%;
    text-align: center;
    font:normal 1.876vw/2vw "NOTOSANSJP-BOLD";
    color: #bdbfa9;
    position: absolute;
    top: 12.5vw;
}
.c_sub-section1 .sub-container>p:nth-child(4){
    text-align: center;
    font:normal 1.04vw/2vw "NOTOSANSJP-BOLD";
    color: #171717;
    margin: 2.6vw 0 2.5vw 0;
}
.c_sub-section1 .sub-container .idea_box{
    width: 33.4vw;
    margin: 0 auto;
    position: relative;
    background: url("../../images/ZHONGGU/c_s1_p1_1.png") no-repeat center;
    background-size: 100%;
    transition:background-size 450ms ease-in;
}

.c_sub-section1 .sub-container .idea_box img{width: 100%}
.c_sub-section1 .sub-container .idea_box>div.idea{
    width: 100%;
    font:normal 3.12vw/1 "Anton-Regular";
    color: #191919;
    position: absolute;
    text-align: center;
    top: 13vw;
}
.c_sub-section1 .sub-container .idea_box>div span{display:block;font:normal 2.08vw/2vw "NOTOSANSJP-BOLD";color: #bdbfa9;}
.c_sub-section1 .sub-container .idea_box p{
    width: 11vw;
    height: 3.12vw;
    font:normal 1.3vw/3.12vw "NOTOSANSJP-BOLD";
    color: #171717;
    background-color: #bdbfa9;
    text-align: center;
    position: absolute;
}
.c_sub-section1 .sub-container .idea_box .f_rotate{transition: all 0.4s ease-out;}
.rotate{animation: spin 20s infinite linear;}
.c_sub-section1 .sub-container .idea_box:hover .f_rotate{transform: scale(1.1)}
.c_sub-section1 .sub-container .idea_box:hover{background-size: 110%;}
@keyframes spin {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.c_sub-section1 .sub-container .idea_box p:nth-child(3){top:1.7vw;left:11.45vw;}
.c_sub-section1 .sub-container .idea_box p:nth-child(4){top:12.15vw;left:-3.7vw;}
.c_sub-section1 .sub-container .idea_box p:nth-child(5){top:13.7vw;left:26vw;}
.c_sub-section1 .sub-container .idea_box p:nth-child(6){top:22vw;left:-1.93vw;}
.c_sub-section1 .sub-container .idea_box p:nth-child(7){top:22.8vw;left:23.45vw;}

.c_sub-section2{padding: 7.18vw 0 0 0;}
.c_sub-section2 .sub-container{width: 85%;}
.c_sub-section2 .fl_l{width:30.9vw;}
.c_sub-section2 .fl_l img{width:100%;margin-bottom: 1.35vw;}
.c_sub-section2 .fl_r{width: 44.65vw;}
.c_sub-section2 .fl_r>p{font:normal 3.17vw/3.17vw "Anton-Regular";color: #191919;}
.c_sub-section2 .fl_r>p span{font:normal 1.25vw/1.25vw "NOTOSANSJP-REGULAR";color: #bdbfa9;vertical-align: middle;margin-left: 1.2vw}
.c_sub-section2 .fl_r table{margin-top: 3.5vw;}
.c_sub-section2 .fl_r table tr{border-bottom:1px dashed #cecfbf;}
.c_sub-section2 .fl_r table tr td:nth-child(1){width:24%;font:normal 1.04vw/3.7vw "NOTOSANSJP-BOLD";color: #191919;vertical-align: top;}
.c_sub-section2 .fl_r table tr td:nth-child(2){width:76%;font:normal 1.04vw/2.5vw "NOTOSANSJP-REGULAR";color: #191919;}
.c_sub-section2 .fl_r table tr:last-child td:last-child{padding: 0.7vw 0 1.2vw 0;}

.c_sub-section3{margin-top: 5.79vw;font-size: 0;}
.c_sub-section3 iframe{width: 46.35%;height: 25.6vw;}
.c_sub-section3 .parking{width: 50%;float: left;padding-left: 3vw;box-sizing: border-box;}
.c_sub-section3 .parking p:nth-child(1){font:normal 3.17vw/3.17vw "Anton-Regular";color: #191919;margin: 0.4vw 0 1vw 0;}
.c_sub-section3 .parking p:nth-child(2){font:normal 0.84vw/1vw "NOTOSANSJP-BOLD";color: #171717;}
.c_sub-section3 .parking img{width:29vw;}
/*Company*/

/*Construcution example*/
.e_sub-section1{padding-bottom: 0.5vw;margin-top: 7.08vw;}
.e_sub-section1 .sub-container{position: relative;}
.e_sub-section1 .sub-container>img{width: 98.7%;margin: 0 auto}
.e_sub-section1 .sub-container>p:nth-child(2){
    width: 100%;
    text-align: center;
    font:normal 3.1vw/3.1vw "Anton-Regular";
    color: #171717;
    letter-spacing: 0.1vw;
    position: absolute;
    top: 7.8vw;
}
.e_sub-section1 .sub-container>p:nth-child(3){
    width: 100%;
    text-align: center;
    font:normal 1.876vw/2vw "NOTOSANSJP-BOLD";
    color: #bdbfa9;
    position: absolute;
    top: 12.5vw;
}
.e_sub-section2 .tab{text-align: center;margin-bottom:3vw;}
.e_sub-section2 .tab a{
    display: inline-block;
    width: 11vw;
    font:normal 1.04vw/2.87vw "NOTOSANSJP-MEDIUM";
    color: #171717;
    border: 1px solid #697f7e;
    box-sizing: border-box;
    text-align: center;
    margin-right: 18px;
}
.e_sub-section2 .tab a:last-child{margin-right: 0;}
.e_sub-section2 .tab a.active{
    background-color: #bdbfa9;
}
.e_sub-section2 ul{font-size: 0;}
.e_sub-section2 ul li{
    display: inline-block;
    width: 31.5%;
    margin: 0 2.75% 2.7vw 0;
}
.e_sub-section2 ul li:nth-child(3n){margin: 0 0 2.7vw 0;}
.e_sub-section2 ul li img{width: 100%;color: #171717;}
.e_sub-section2 ul li div{
    font: normal 0.94vw/1.67vw "NOTOSANSJP-MEDIUM";
    background-color: #bdbfa9;
    text-align: center;
}
.e_sub-section2 ul li p{font: normal 0.94vw/1.7vw "NOTOSANSJP-MEDIUM";padding: 0.7vw 0;}
.e_sub-section2 ul li:hover p{text-decoration: underline;text-underline-offset:0.4vw;}
.e_sub-section2 .e_s2_con .turnpage{text-align: center;}
.e_sub-section2 .e_s2_con .turnpage a{
    display: inline-block;
    width: 3vw;
    height: 3vw;
    border: 1px solid #bdbfa9;
    border-radius: 3vw;
    margin: 0 0.6vw;
    vertical-align: top;
    text-align: center;
    font: normal 0.94vw/3vw "NOTOSANSJP-REGULAR";
    color: #6c6e59;
    background-repeat: no-repeat;
    background-position: center;
    background-size: 22px;
}
.e_sub-section2 .e_s2_con .turnpage a.perv{background-image: url("../../images/ZHONGGU/prev_icon.png");}
.e_sub-section2 .e_s2_con .turnpage a.next{background-image: url("../../images/ZHONGGU/next_icon.png");}
.e_sub-section2 .e_s2_con .turnpage a.active{background-color: #bdbfa9;}
/*Construcution example*/

/*detail*/
.sub-container2{width: 100%;max-width: 1200px;margin:7vw auto 0 auto;}
.crumbs{border-bottom: 1px dashed #c4c6b2;font-size: 0;padding: 3vw 0 0.2vw 0;}
.crumbs a{display: inline-block;background-size: 15px}
.crumbs a.prev,.crumbs a.next{
    font: normal 14px/35px "NOTOSANSJP-REGULAR";
    color: #333333;
    background-repeat: no-repeat;
    background-size: 18px;
}
.crumbs a.prev{
    background-image: url("../../images/ZHONGGU/next_icon.png");
    padding-right: 25px;
    background-position: right;
}
.crumbs a.next{
    background-image: url("../../images/ZHONGGU/prev_icon.png");
    background-position: left;
    padding-left: 25px;
}
.crumbs a.returntolists{
    font: normal 14px/32px "NOTOSANSJP-MEDIUM";
    color: #171717;
    background-color: #bdbfa9;
    padding: 0 0.8vw;
    float: right;
}
.crumbs span{font-size: 15px;color: #bdbfa9;}
.d_con{text-align: center;font-size: 0;padding: 4.2vw 0 0 0;position: relative;}
.d_con p:nth-child(1){font: normal 1.88vw/1.88vw "NOTOSANSJP-BOLD";}
.d_con p:nth-child(2){
    font: normal 0.94vw/1.67vw "NOTOSANSJP-MEDIUM";
    color: #171717;
    background-color: #bdbfa9;
    display: inline-block;
    padding: 0 1vw;
    margin: 0.9vw 0 2vw 0;
}
.d_con .mySwiper2 ul li img{width: 100%;}
.d_con .mySwiper{margin-top: 1vw;}
.d_con .mySwiper ul li img{width: 100%;height: 4.7vw;}
.d_con .swiper-button-prev{
    width: 3vw;
    height: 3vw;
    border-radius: 3vw;
    border: 1px solid #bdbfa9;
    background: url("../../images/ZHONGGU/prev_icon.png") no-repeat center;
    left: -1.6vw;
}
.d_con .swiper-button-next{
    width: 3vw;
    height: 3vw;
    border-radius: 3vw;
    border: 1px solid #bdbfa9;
    background: url("../../images/ZHONGGU/next_icon.png") no-repeat center;
    right: -1.6vw;
}
.d_con .swiper-button-prev:after,.d_con .swiper-button-next:after{font-size: 0}
.d_con .mySwiper .swiper-slide {
    width: 25%;
    height: 100%;
    opacity: 0.4;
}
.d_con .mySwiper .swiper-slide-thumb-active {
    opacity: 1;
}
.d_con p.description{
    font: normal 0.94vw/1.8vw "NOTOSANSJP-MEDIUM";
    color:#171717;
    text-align: left;
    margin: 3.6vw 0 7.5vw 0;
}
.different{font-size: 0;}
.different>div.label{width: 50%;display: inline-block;vertical-align: top;}
.different .label{
    font: normal 3.13vw/5.26vw "Anton-Regular";
    color: #191919;
    text-align: center;
}
.different>div>div{position: relative;}
.different .before.label{background-color: #bdbfa9;}
.different .after.label{background-color: #697f7e;}
.different>div .before,.different>div .after{width:50%;float: left;padding-bottom: 2.1vw;}
.different img{margin: 0 auto;}
.different .part1{padding: 8.65vw 0 2.8vw 0;}
.different .before p,.different .after p{
    font: normal 1.04vw/1.04vw "NOTOSANSJP-MEDIUM";
    color: #171717;
    text-align: center;
    margin-top: 1.5vw;
}
.different>div>div img.change_icon{width:3.54vw;position: absolute;top: 35%;right: -1.77vw}
.different .replacepic{
    width:90%;
    font: normal 1.77vw/20.2vw "NOTOSANSJP-MEDIUM";
    text-align: center;
    color: #bdbfa9;
    background-color: #f3f3f3;
}
.different .after .replacepic{float: right;}

/*detail*/