*{margin: 0;padding: 0;}
html{font-size: 44px;}
body{max-width: 1920px;margin: 0 auto;overflow: hidden;}
img{display: block;}
ul,li{list-style: none;}
.pc{display: none !important;}
.mobile{display:block;}
.fl_l{float: unset;}
.fl_r{float: unset;}
.clb{clear: both;}



.container{max-width: 1230px;margin: 0 auto;width: 100%;}
.indexHeader header{position: fixed;z-index: 9;width: 100%;}
.indexHeader header .headtop{position: relative;padding: 6px 0 6px 10px;}
.indexHeader header .headtop>img{width: 3rem;display: none;}
.indexHeader header .headtop a:not(.headtop-logo){float: right;}
.indexHeader header .headtop .headtop-logo img{
    width: 100% !important;
}
.indexHeader header .headtop .headtop-logo{float: left;width: 2.77rem; display:none;}
.indexHeader header .headtop a.menueicon{
    display: block;
    width: 68px;
    height: 43px;
    background: url("../../images/WAIZ/menue.png") no-repeat center;
}
.indexHeader header .headtop a.onlineshop_m{
    position: absolute;
    top:55px;
    right: 0;
    z-index: 2;
    display: none;
}
.indexHeader header .headtop a.contact_m{
    display: none;
    width: 87px;
    height: 33px;
    background-color: #222222;
    font: normal 0.35rem/33px "Anton-Regular";
    color: #fff;
    text-align: center;
    margin-top: 3px;
}
.indexHeader header .nav_box_m{display: none;}
.indexHeader .menue{
    position: fixed;
    width: 70%;
    height: 100%;
    background-color: #697f7e;
    border-top-right-radius: 5px;
    z-index: 11;
    right: -70%;
    text-align: center;
    top: 0;
    padding: 0 0 0 0.3rem;
    box-sizing: border-box;
}
.indexHeader .menue ul{margin-top: 90px;}
.indexHeader .menue li {
    padding-left: 1rem;
    box-sizing: border-box;
    text-align: left;
    font-size: 0;
    margin: 30px 0;
    line-height: 1;
}
.indexHeader .menue li.secondlist{padding-left: 1.3rem;margin: -20px 0 0 0;}
.indexHeader .menue li.secondlist a{
    font: normal 14px /14px "NOTOSANSJP-BOLD";
}
.indexHeader .menue li div{display: none;}
.indexHeader .menue li a {font: normal 16px /16px "Anton-Regular";color: #ffffff;}
.indexHeader .menue li img{display: inline-block;margin-left: 0.15rem;}
.indexHeader .menue  ul li>div a{display: block;padding-left: 0.5rem;}
.indexHeader .menue li .item{ display: block;}
.indexHeader .menue li .item a{position: relative; margin-top: 20px;} 
.indexHeader .menue li .item a::before{ content: ''; position: absolute; left: .2rem; top: 50%; width: .2rem; height: 1px; background-color: #fff;}
.indexHeader .shadows {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
    top: 0;
}
.indexHeader .closeMenue {
    width: 68px;
    height: 55px;
    background: url(../../images/WAIZ/closemenue.png) no-repeat center;
    float: right;
}


.section1 .nav_box{position: absolute;top: 0;width: 80%;z-index: 2;}
.section1 .nav_box ul{text-align: right;}
.section1 .nav_box ul li{display: inline-block;padding: 0 1.5%;}
.section1 .nav_box ul li a{
    font: normal 20px/55px "Anton-Regular";
    color: #333333;
}
.section1 .onlineshop{display: inline-block;position: absolute;right: -35px;}

.section1_m img{width: 100%;}
.s1_swiper_m ul li{height: auto !important;}
.s1_swiper_m img{width: 100%;}

.section2{width: 100%;text-align: center;padding: 1rem 0.2rem 0 0.2rem;box-sizing: border-box;}
.section2 .s2_p1 h2{
    width:100%;
    font: bold 0.32rem/0.45rem "NOTOSANSJP-BOLD";
    color: #333;
    align-content: center;
    text-align: center;
}
.section2 .s2_p1>div{
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
    margin: 0.5rem 0;
}
.section2 .s2_p1>div span,.section2 .s2_p1>div img{display: inline-block;}
.section2 .s2_p1>div span{font: normal 16px/0.48rem "NOTOSANSJP-BOLD";color: #333;}
.section2 .s2_p1>div img{vertical-align: middle;margin: 0 3%;width: 0.9rem;}
.section2 .s2_p1 p{
    width: 90%;
    margin: 0.2rem auto;
    font: normal 13px/20px "NOTOSANSJP-BOLD";
    color: #222;
    text-align: left;
    padding-left: 0.5rem;
    box-sizing: border-box;
    position: relative;
}
.section2 .s2_p1 p:before{
    content: "一";
    position: absolute;
    top: 0;
    left: 0;
}
.section2 .s2_p1 p span{color: #a5a5a5;font-weight: bold;margin-right: 10px;}
.section2 .s2_p2{padding: 0.7rem 0;text-align: center;}

.section2 .s2_p2 h2{
    display: inline-block;
    font: normal  14px / 35px "NOTOSANSJP-BOLD";
    color: #222222;
    padding: 0 30px;
    background-color: #b5b4a5;
}
.section2>img{width: 100%;margin-top: 0.5rem;}
.section2 .s2_p2 .s2_p2_l p{
    font: normal 13px / 1.8 "NOTOSANSJP-BOLD";
    color: #222;
    text-align: left;
}
.section2 .s2_p2 .s2_p2_l p:nth-child(2){margin: 0.3rem 0 0.3rem 0;}
.section2 .s2_p2 .s2_p2_l a{float: right;margin-top: 3%;}
.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;}
.more_icon{width: 1.8rem;}
a.more_icon{
    position: relative;
    display: block;
    font: normal 13px/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: 1rem;
    height: 1rem;
    font: bold 13px/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;
}
.section3{
    width:100%;
    background-color: #cdcdcd;
    padding:0.7rem 0.2rem;
    box-sizing: border-box;
}
.section3 h1,.section8 h1{
    font: normal 0.5rem/0.5rem "Anton-Regular";
    color: #484848;
    display: inline-block;
}
.section3 .s_title span:nth-child(2),.section8 .s_title span:nth-child(2){font-size: 0.45rem;color: #484848;line-height: 1;}
.section3 .s_title span:nth-child(3),.section8 .s_title span:nth-child(3){font: normal 0.28rem / 0.5rem "NOTOSANSJP-BOLD";color: #acab99;display: inline-block;}
.section3 ul li{width: 100%;}
.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: 0.5rem;}
.section3 ul li:nth-child(3),.section3 ul li:nth-child(4){margin-top: 0.8rem;}
.section3 ul li div{
    width: 1.5rem;
    font: normal 0.4rem/0.5rem "Anton-Regular";
    border-bottom: 1px solid #ffffff;
    color: #ffffff;
}
.section3 ul li h2{
    font: normal 0.35rem / 0.48rem "NOTOSANSJP-BOLD";
    color: #222;
    padding-left: 28px;
    box-sizing: border-box;
    margin: 25px 0 10px 0;
}
.section3 ul li p{
    font: normal 13px / 1.8 "NOTOSANSJP-MEDIUM";
    padding-left: 28px;
    box-sizing: border-box;
}
.section4{
    width: 100%;
    background-image: url("../../images/WAIZ/s4_bg_m.jpg");
    background-repeat: no-repeat;
    text-align: center;
    margin-top: 1rem;
    padding-bottom: 0.3rem;
    background-size: cover;
}
.section4>h1{
    font: normal 0.4rem/1rem "NOTOSANSJP-BOLD";
    color: #222;
    padding: 0 0.4rem;
    background-color: #b5b4a5;
    display: inline-block;
    position: relative;
    top: -0.5rem;
}
.section4>p{font: normal 22px/0.8rem "Anton-Regular";color: #ffffff;margin-bottom: 0.5rem;}
.section4>img{margin: 0 auto;width:85%;}
.section4>span{
    display: block;
    font: normal 0.3rem/0.4rem "NOTOSANSJP-REGULAR";
    padding: 0.3rem 0 0 0.2rem;
    color: #fff;
    text-align: left;
}
.section4>a img{float: right;margin-right: 18px;}

.section5{width: 100%;background-color: #b5b4a5;padding: 0.4rem 0.2rem ;box-sizing: border-box;}
.section5>p{font: normal 22px/0.8rem "Anton-Regular";color: #333;text-align: center;}
.section5 ul li{
    width: 31%;
    background-color: #ffffff;
    padding: 25px 0 35px 0;
    box-sizing: border-box;
    text-align: center;
    height: 4.5rem;
    float: left;
    margin: 1.15% 1.15%;
}
.section5 ul li p.stepnum{font: normal 0.38rem/1rem "Anton-Regular";color: #cdcdcd;}
.section5 ul li p{font: normal 0.3rem/0.8rem "NOTOSANSJP-BOLD";color: #222222;}
.section5 ul li span{display: block;font: normal 13px/1.5 "NOTOSANSJP-REGULAR";color: #222222;}
.section5 .swiper-button-next,.section5 .swiper-button-prev{color: #fff;}
.section6{width: 100%;padding: 0 0.2rem 1rem 0.2rem;border-bottom: 1px solid #333;box-sizing: border-box;}
.section6>div{width: 100%;max-width: 1100px;margin: 0 auto;}
.section6 .c_img{position: relative;}
.section6 .c_img>img{width: 100%;}
.section6 .caselabel{position: absolute;top:-0.7rem;}
.section6 .caselabel .caselabel_l,.section6 .caselabel .caselabel_r{float: left}
.section6 .caselabel .caselabel_l p:nth-child(1){
    font: normal 13px/0.28rem "NOTOSANSJP-BOLD";
    color: #acab99;
}
.section6 .caselabel .caselabel_l p:nth-child(2){
    font: normal 0.7rem/0.8rem"Anton-Regular";
    color: #333;
}
.section6 .caselabel .caselabel_r{
    font: normal 1.1rem/1.1rem "Anton-Regular";
    color: #333;
    margin-left: 5px;
}
.section6 .case1,.section6 .case2,.section6 .case3{margin-top: 1.8rem}
.section6 .case1 .c_con{padding: 0.2rem 0 0 0;}
.section6 .c_con h1{font: normal 0.34rem/0.8rem "NOTOSANSJP-BOLD";color: #222222;}
.section6 .c_con p{font: normal 13px/1.8 "NOTOSANSJP-BOLD";color: #222222;}
.section6 .case2 .c_con{padding: 0.2rem 0 0 0;}
.section6 .case3 .c_con{padding: 0.2rem 0 0 0;box-sizing: border-box;}
.section7{
    padding: 0.5rem 0;
    box-sizing: border-box;
    text-align: center;
    width: 100%;
    max-width: 1515px;
    border-bottom: 1px solid #333;
    margin: 0 auto;
}
.section7 .container>p{
    font: normal 22px / 1rem "Anton-Regular";
    color: #333;
}
.section7 .container>span{
    font: normal 0.28rem/0.35rem "NOTOSANSJP-BOLD";
    color: #acab99;
    text-align: center;
}
.section7 .swiper{padding: 0 1rem;box-sizing: border-box;}
.section7 ul li{
    float: left;
    width: 31.5%;
    vertical-align: top;
    text-align: left;
    color: #222222;
    margin-right: 2.5%;
}
.section7 ul li:last-child{margin-right: 0;}
.section7 .swiper-button-next,.section7 .swiper-button-prev{top:33%;color: #697f7e;}
.section7 ul li img{width: 100%;height: 4rem;background-color: #dcdcdc;}
.section7 ul li p{font: normal 0.27rem/0.45rem "NOTOSANSJP-BOLD";margin: 0.15rem 0;}
.section7 ul li span{
    display: inline-block;
    vertical-align: top;
    background-color: #dddcd2;
    font: normal 0.22rem/0.4rem "NOTOSANSJP-BOLD";
    padding: 0 0.1rem;
    margin: 0 3px;
}
.s7_more{float: right;margin: 0.6rem 0.2rem 0 0;}

.section8{padding: 0.6rem 0 1.2rem 0;}
.s_title{display: flex;padding: 0 0.2rem;}
.section8 .services{margin-bottom: 0.6rem;}
.section8 .services ul li{
    width: 100%;
    position: relative;
    margin-bottom: 0.4rem;
}
.section8 .services ul li:last-child{margin-bottom: 0;}
.section8 .services ul{margin-top:0.4rem;}
.section8 .services ul li img{width: 100%;}
.section8 .services ul li>div{width:100%;position: absolute;top:30%;text-align: center;}
.section8 .services ul li>div h1{
    width: 70%;
    font: normal 0.38rem/0.7rem "NOTOSANSJP-BOLD";
    background-color: #ffffff;
    color: #222;
    margin-bottom: 0.3rem;
}
.section8 .services ul li>div p{
    font: normal 0.27rem/0.5rem "NOTOSANSJP-BOLD";
    color: #fff;
}
.section8 .news ul{width: 100%;padding: 0.4rem 0.2rem 0 0.2rem;box-sizing: border-box;font-size: 0;}
.section8 .news ul li{
    background-image: url("../../images/WAIZ/s8_liststyle.png");
    background-repeat: no-repeat;
    background-position: center right 20px;
}
.section8 .news ul li span{font: normal 10px/35px "NOTOSANSJP-BOLD";color: #acab99;}
.section8 .news ul .news-title{
    font: normal 13px/35px "NOTOSANSJP-BOLD";
    color: #222;
    margin-left: 10px;
    width: 67%;
    display: inline-block;
    white-space: nowrap;
    text-overflow: ellipsis;
    overflow: hidden;
    vertical-align: top;
}
.s8_more{
    display: inline-block;
    font: normal 13px/0.28rem "NOTOSANSJP-BOLD";
    border-bottom: 1px solid #333;
    color: #222;
    float: right;
    margin: 0.2rem 0.2rem 0 0;
}

.section9{
    width: 100%;
    max-width: 1366px;
    margin: 0 auto;
    background: url("../../images/WAIZ/s9_bg.png") no-repeat;
    padding: 0.5rem 0;
    text-align: center;
    position: relative;
}
.section9 h1{
    width: 100%;
    font: normal 0.5rem/0.6rem "Anton-Regular";
    color: #333;
    position: absolute;
    top: -0.3rem;
    text-align: center;
}
.section9 .webcontact{
    display: inline-block;
    width: 5rem;
    height: 1rem;
    border: 1px solid #fff;
    color: #fff;
    font: normal 0.3rem /1rem "NOTOSANSJP-BOLD";
    text-align: center;
}
.section9>div{
    width: 43%;
    display: inline-block;
    vertical-align: top;
}
.section9>div a{
    display: block;
    font: normal 0.4rem/0.8rem "NOTOSANSJP-BOLD";
    color: #fff;
    background-image: url("../../images/WAIZ/s9_phone_icon.png");
    background-repeat: no-repeat;
    background-position: left 0.1rem center;
    background-size: 0.35rem;
    padding-left: 5px;

}
.section9>div p{ font: normal 0.3rem/0.3rem "NOTOSANSJP-BOLD";color: #fff;}
footer{width: 100%;max-width: 1366px;margin: 0 auto;padding: 0.2rem;box-sizing: border-box;font-size: 0;}
footer .f_left{padding: 0.4rem 0;}
footer .f_left img{width: 35%;}
footer .f_left>div{width: 58%}
footer .f_left img,footer .f_left>div{display: inline-block;vertical-align: top;}
footer .f_left>div{font: normal 10px/16px "NOTOSANSJP-BOLD";color: #333;padding: 0.5vw 0 0 4%;}
footer .f_left>div a{display:inline-block;color: #59839b;border-bottom: 1px solid #59839b;margin-top: 0.08rem;}
footer .f_right{width: 100%;}
footer .f_right iframe{width: 100%;height: 163px;}
footer .f_bottom.container{margin: 0;text-align: center;}
footer .f_bottom .f_nav{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-top:1px solid #dddcd2;
    padding: 0.4rem 0 0.2rem 0;
    text-align: left;
}
footer .f_bottom .f_nav ul{font-size: 0;}
footer .f_bottom .f_nav ul li{position: relative; display: inline-block;width: 32%;text-align: center;}
footer .f_bottom .f_nav ul li:nth-child(3n-2){padding-left: 0.4rem;box-sizing: border-box;/*text-align: left;*/}
footer .f_bottom .f_nav ul li a{font:normal 13px/0.8rem "NOTOSANSJP-BOLD";color: #333;}
footer .f_bottom .f_nav ul li .item{ position: absolute; left: 50%; top: .36rem; width: 150px; margin-left: -13px; padding-top: 10px; text-align: left;}
footer .f_bottom .f_nav ul li .item a{ font-family: 'NOTOSANSJP-REGULAR';}
footer .f_bottom .webinfo{
    display: inline-block;
    font: normal 12px/25px "NOTOSANSJP-BOLD";
}
footer .f_bottom .webinfo span{
    font: normal 10px/25px "NOTOSANSJP-BOLD";
    color: #333;
}
footer .f_bottom .webinfo a{
    background: url("../../images/WAIZ/f_last_icon.png") no-repeat center right;
    padding-right: 20px;
    color: #333;
}
footer .f_bottom .extend{margin:0.3rem;vertical-align: top;text-align: center;}
footer .f_bottom .extend img{display:inline-block;width:40px;vertical-align:top;}
footer .f_bottom .extend p{display:inline-block;vertical-align:top;font: normal 10px/20px "NOTOSANSJP-REGULAR";color: #333;text-align: center;}
footer .f_bottom .extend span{ font: normal 12px/14px "NOTOSANSJP-REGULAR";}

.sub-container{font-size: 0;padding: 0 0.27rem;}
.top .subHeader header .headtop .headtop-logo{
    display: none;
}
.subHeader header{position: fixed;z-index: 9;width: 100%;top:0;}
.subHeader header .headtop{position: relative;padding: 6px 0 6px 10px;}
.subHeader header .headtop .headtop-logo{float: left;width: 2.77rem; display: inline-block;}
.subHeader header .headtop .headtop-logo img{width: 100%;}
.subHeader header .headtop>img{width: 2.3rem;margin-top: 4px}
.subHeader header .headtop a:not(.headtop-logo){float: right;}
.subHeader header .headtop a.menueicon{
    display: block;
    width: 68px;
    height: 43px;
    background: url("../../images/ZHONGGU/menue.png") no-repeat center;
}
.subHeader header .headtop a.onlineshop_m{
    position: absolute;
    top:55px;
    right: 0;
    z-index: 2;
    display: none;
}
.subHeader header .headtop a.contact_m{
    display: none;
    width: 87px;
    height: 33px;
    background-color: #222222;
    font: normal 0.268rem/33px "Anton-Regular";
    color: #fff;
    text-align: center;
    margin-top: 3px;
}
.subHeader header .nav_box_m{display: none;}
.subHeader .menue{
    position: fixed;
    width: 70%;
    height: 100%;
    background-color: #697f7e;
    border-top-right-radius: 5px;
    z-index: 11;
    right: -70%;
    text-align: center;
    top: 0;
    padding: 0 0 0 0.3rem;
    box-sizing: border-box;
}
.subHeader .menue ul{margin-top: 90px;}
.subHeader .menue li {
    padding-left: 1rem;
    box-sizing: border-box;
    text-align: left;
    font-size: 0;
    margin: 30px 0;
    line-height: 1;
}
.subHeader .menue li.secondlist{padding-left: 1.3rem;margin: -20px 0 0 0;}
.subHeader .menue li.secondlist a{
    font: normal 14px /14px "NOTOSANSJP-BOLD";
}
.subHeader .menue li div{display: none;}
.subHeader .menue li a {font: normal 16px /16px "Anton-Regular";color: #ffffff;}
.subHeader .menue li img{display: inline-block;margin-left: 0.15rem;}
.subHeader .menue  ul li>div a{display: block;padding-left: 0.5rem;}
.subHeader .menue li .item{ display: block;}
.subHeader .menue li .item a{position: relative; margin-top: 20px;} 
.subHeader .menue li .item a::before{ content: ''; position: absolute; left: .2rem; top: 50%; width: .2rem; height: 1px; background-color: #fff;}
.subHeader .shadows {
    display: none;
    position: fixed;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
    z-index: 10;
    top: 0;
}
.subHeader .closeMenue {
    width: 68px;
    height: 55px;
    background: url(../../images/ZHONGGU/closemenue.png) no-repeat center;
    float: right;
}
.subHeader .nav_box{position: absolute;top: 0;width: 80%;z-index: 2;}
.subHeader .nav_box ul{text-align: right;}
.subHeader .nav_box ul li{display: inline-block;padding: 0 1.5%;}
.subHeader .nav_box ul li a{
    font: normal 20px/55px "Anton-Regular";
    color: #333333;
}
.subHeader .onlineshop{display: inline-block;position: absolute;right: -35px;}

.sub-section1{position: relative;font-size: 0;margin-top: 1rem;}
.sub-section1 .sub-container{width: 84%;}
.sub-section1 .s1_r{
    width: 83.33%;
    background-color: #bdbfa9;
    float: right;
}
.sub-section1 .s1_r img{width:84%;margin: 0.36rem 0.52rem 0.32rem 0.48rem;}
.sub-section1 .s1_desc_box{position: absolute;top: 0;width: 100%;padding-top: 0.7rem;}
.sub-section1 .s1_desc_box img{width: 3.2rem;}
.sub-section1 .s1_desc_box h1{font: normal 0.42rem/0.42rem "NOTOSANSJP-BOLD";color: #171717;margin: 0.18rem 0 0.35rem 0;}
.sub-section1 .s1_desc_box h1 span{font: normal 0.282rem/0.282rem "NOTOSANSJP-BOLD";color: #ffffff;}
.sub-section1 .s1_desc_box h2{
    display: inline-block;
    font: normal 0.185rem/0.35rem "NOTOSANSJP-BOLD";
    color: #171717;
    background-color: #cdcdcd;
    padding: 0 0.4rem 0 0.27rem;
    box-sizing: border-box;
}
.sub-section1 .s1_desc_box h2:last-child{ padding: 0 0.27rem;margin-top: 0.1rem;}

.sub-section2{margin-top: 0.6rem;position: relative;}
.sub-section2>img{width: 96%;margin: 0 auto;}
.sub-section2 .s2_desc_box .sub-container>div h2{
    font: normal 0.3586rem/0.4rem "NOTOSANSJP-BOLD";
    color: #171717;
    margin: 0.6rem 0 0.5rem 0;
    text-align: center;
}
.sub-section2 .s2_desc_box .sub-container>div>p{
    width: 94%;
    font: normal 0.27rem/0.45rem "NOTOSANSJP-REGULAR";
    margin:0 auto 0.4rem auto;
    color: #171717;
}
.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: 96%;
    background-color: #d2d2d2;
    overflow: hidden;
    margin: 0.3rem auto;
    text-align: left;
    font-size: 0;
}
.sub-section2 .s2_desc_box .sub-container>div ul li em{
    font: bold 0.65rem/1.2rem "NOTOSANSJP-BOLD";
    color: #b6b6b6;
    margin: 0 0.2rem 0 0.2rem;
    display: inline-block;
    vertical-align: top;
}
.sub-section2 .s2_desc_box .sub-container>div ul li p{
    font: bold 0.24rem/0.36rem "NOTOSANSJP-MEDIUM";
    color: #1e1e1e;
    display: inline-block;
    vertical-align: top;
    padding-top: 0.25rem;
}
.sub-section2 .s2_desc_box .sub-container>div ul li:first-child em{float: left;}
.sub-section2 .s2_desc_box .sub-container>div ul li:first-child p{
    font: bold 0.24rem/0.36rem "NOTOSANSJP-MEDIUM";
    float: left;
    padding-top: 0.25rem;
}
.sub-section3{position: relative;margin-top: 0.84rem;}
.sub-section3 .s3_l{
    width: 100%;
    background-color: #6c6e59;
    box-sizing: border-box;
}
.sub-section3 .s3_l>div:nth-child(1){position: relative;overflow: hidden;}
.sub-section3 .s3_l>div img.s3_p1{
    width: 2.08rem;
    margin: 3.35rem auto 1.86rem auto;
}
.sub-section3 .s3_l>div:nth-child(1) .li{
    width: 2.27rem;
    background-color: #e9eae8;
    font: normal 0.22rem/0.62rem "NOTOSANSJP-BOLD";
    text-align: center;
    border-radius: 0.62rem;
    position: absolute;
}
.sub-section3 .s3_l>div:nth-child(1) .li.l1{top: 1.88rem;left: 2.47rem;}
.sub-section3 .s3_l>div:nth-child(1) .s3_logo{width:1.57rem;position: absolute;top: 2.8rem;left: 2.83rem}
.sub-section3 .s3_l>div:nth-child(1) .li.l2{top: 3.86rem;left: 0.37rem;}
.sub-section3 .s3_l>div:nth-child(1) .li.l3{top: 5.26rem;left: 0.37rem;}
.sub-section3 .s3_l>div:nth-child(1) .li.l4{top: 3.95rem;right: 0.28rem;}
.sub-section3 .s3_l>div:nth-child(1) .li.l5{top: 5.34rem;right: 0.28rem;}
.sub-section3 .s3_l>div:nth-child(1) .li.l6{bottom: 0.69rem;left: 2.47rem;}
.sub-section3 .s3_l>div:nth-child(1) p{
    width: 100%;
    position: absolute;
    bottom: 1.54rem;
    text-align: center;
    font: normal 0.27rem/0.27rem "NOTOSANSJP-BOLD";
    color: #e4e8ea;
}
.sub-section3 .s3_l>div:nth-child(2){
    width: 93.6%;
    height: 1.49rem;
    position: absolute;
    top: 0;
    left: 0;
    background: url("../../images/ZHONGGU/s3_bg3_m.png") no-repeat;
    background-position: top left;
    background-size: contain;
    padding: 0.45rem 0 0 0.29rem;
    box-sizing: border-box;
}
.sub-section3 .s3_l>div:nth-child(2) h2{
    font: normal 0.33rem/0.33rem "NOTOSANSJP-BOLD";
    color: #3a3a39;
}
.sub-section3 .s3_l>div:nth-child(2) p{
    font: normal 0.18rem/0.35rem "NOTOSANSJP-REGULAR";
    color: #3a3a39;
}
.sub-section3 .s3_r{
    width: 100%;
    position: relative;
    background-color: #f1f0f0;

}
.sub-section3 .s3_p3.mobile{width:3.89rem;float: right;}
.sub-section3 .s3_r .s3_p2{width:1.8rem;margin: 3.08rem auto 1.6rem auto;}
.sub-section3 .s3_r>div:nth-child(2){
    width: 6.89rem;
    height: 1.49rem;
    box-sizing: border-box;
    position: absolute;
    right: 0;
    top: 0;
    padding: 0.45rem 0.48rem 0 0;
    background: url("../../images/ZHONGGU/s3_bg4_m.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 0.33rem/0.33rem "NOTOSANSJP-BOLD";
    color: #3a3a39;
}
.sub-section3 .s3_r>div:nth-child(2) p{
    font: normal 0.18rem/0.35rem "NOTOSANSJP-REGULAR";
    color: #3a3a39;
}
.sub-section3 .s3_r>div:nth-child(3){position: relative;overflow: hidden;}

.sub-section3 .s3_r>div:nth-child(3) .li{
    width: 2.17rem;
    background-color: #d0d0d0;
    font: bold 0.22rem/0.66rem "NOTOSANSJP-REGULAR";
    text-align: center;
    border-radius: 0.66rem;
    position: absolute;
    color: #191919;
}
.sub-section3 .s3_r>div:nth-child(3) .li.l1{top: 2.23rem;right: 2.6rem;}
.sub-section3 .s3_r>div:nth-child(3) .li.l2{top: 4.31rem;left: 0.51rem;}
.sub-section3 .s3_r>div:nth-child(3) .li.l3{top: 5.72rem;left: 0.51rem;}
.sub-section3 .s3_r>div:nth-child(3) .li.l4{top: 4.33rem;right: 0.52rem;}
.sub-section3 .s3_r>div:nth-child(3) .li.l5{top: 5.75rem;right: 0.52rem;}
.sub-section3 .s3_r>div:nth-child(3) .li.l6{bottom:0.69rem;left: 2.6rem;}

.sub-section4{text-align: center;margin-top: 0.81rem;font-size: 0;padding: 0 0.29rem;box-sizing: border-box;}
.sub-section4>h2{
    display: inline-block;
    font: normal 0.357rem/0.7rem "NOTOSANSJP-BOLD";
    color: #171717;
    padding: 0 0.3rem 0 0.43rem;
    background-color: #bdbfa9;
}
.sub-section4>h3{
    font: normal 0.22rem/0.35rem "NOTOSANSJP-REGULAR";
    color: #908f84;
    letter-spacing: 0.01rem;
    margin-top: 0.25rem;
}
.sub-section4>div{margin-top: 0.45rem;}
.sub-section4>div img{width: 100%;}
.sub-section4>div .s4_desc{width:100%;text-align: left;padding: 0.57rem 0 0 0;box-sizing: border-box;}
.sub-section4>div .s4_desc p:nth-child(1){font: normal 0.48rem/0.48rem "Anton-Regular";color: #191919;}
.sub-section4>div .s4_desc p:nth-child(2){font: normal 0.36rem/0.36rem "NOTOSANSJP-BOLD";color: #bdbfa9;margin: 0.29rem 0 0.6rem;padding-left: 0.1rem;}
.sub-section4>div .s4_desc p:nth-child(3){font: normal 0.27rem/0.5rem "NOTOSANSJP-REGULAR";color: #8a8a8a;padding-left: 0.1rem;}
.sub-section4 .s4_part1{
    background-image: url("../../images/ZHONGGU/s4_p8.png");
    background-repeat: no-repeat;
    background-position: top 5.3rem right 0.32rem;
    background-size: 1.61rem;
}

.sub-section4 .s4_part4{margin-top: 0.9rem;}
.sub-section4 .s4_part4 .fl_l{text-align: left;font-size: 0;}
.sub-section4 .s4_part4 .fl_l p{
    font: normal 0.3rem/0.7rem"NOTOSANSJP-REGULAR";
    color: #171717;
    display: inline-block;
    border-bottom: 5px solid #e4e4df;
}
.sub-section4 .s4_part4 .fl_r{width: 4.62rem;margin: 1.12rem auto 0 auto;}

.sub-section4 .s4_part5 .fl_l{position: relative;width:100%;margin-bottom: 1rem;}
.sub-section4 .s4_part5>h2{
    font: normal 0.3814rem/0.74rem "NOTOSANSJP-BOLD";
    color: #171717;
    background-color: #bdbfa9;
}
.sub-section4 .s4_part5>h3{
    font: normal 0.2364rem/0.58rem "NOTOSANSJP-REGULAR";
    color: #908f84;
    letter-spacing: 0.01rem;
    text-align: left;
    padding-left: 0.44rem;
    box-sizing: border-box;
    margin: 0 0 0.6rem 0;
}
.sub-section4 .s4_part5 .fl_l img{width: 5.79rem;margin: 0 auto;}
.sub-section4 .s4_part5 .fl_l p{
    width: 100%;
    font: normal 0.36rem/0.5rem "NOTOSANSJP-BOLD";
    color: #ffffff;
    text-align: center;
    position: absolute;
    top:1.8rem;
}
.sub-section4 .s4_part5 .fl_l:before{
    content: "例";
    display: block;
    width: 1.26rem;
    height: 1.27rem;
    background-color: #d2d2d2;
    border-radius: 1.27rem;
    text-align: center;
    font: normal 0.5rem/1.27rem "NOTOSANSJP-BOLD";
    color: #171717;
    position: absolute;
    top:0.26rem;
    left:1.42rem;
}
.sub-section4 .s4_part5 .fl_l:after{
    content: "約3,500万円〜";
    display: block;
    width: 4.79rem;
    height: 1.07rem;
    background: url("../../images/ZHONGGU/s4_p4_bg.png") no-repeat;
    background-size: cover;
    text-align: center;
    font: normal 0.45rem/0.91rem "NOTOSANSJP-BOLD";
    color: #171717;
    position: absolute;
    bottom:-0.5rem;
    left:0.82rem;
    padding-left: 1.36rem;
    box-sizing: border-box;
}
.sub-section4 .s4_part5{margin: 1.27rem 0 1.51rem 0;}


.sub-section4 .s4_part5 .fl_r>div{position: relative;}
.sub-section4 .s4_part5 .fl_r>div img{width: 4.65rem;margin: 0.55rem auto 0 auto;}
.sub-section4 .s4_part5 .fl_r>div p{
    width: 100%;
    font: normal 0.3rem/0.3rem "NOTOSANSJP-BOLD";
    color: #171717;
    text-align: center;
    position: absolute;
    top:2.25rem;
}

.sub-section4 .s4_part5 .fl_r>div:before{
    content: "例";
    display: block;
    width: 1.02rem;
    height: 1.02rem;
    background-color: #171717;
    border-radius: 1.02rem;
    text-align: center;
    font: normal 0.4rem/1.02rem "NOTOSANSJP-BOLD";
    color: #ffffff;
    position: absolute;
    top:0.4rem;
    left:1.7rem;
}
.sub-section4 .s4_part5 .fl_r>div:after{
    content: "約3,500万円〜";
    display: block;
    width: 3.69rem;
    height: 0.91rem;
    background-color: #171717;
    background-size: cover;
    text-align: center;
    font: normal 0.36rem/0.91rem "NOTOSANSJP-BOLD";
    color: #ffffff;
    position: absolute;
    bottom:-0.45rem;
    left:1.45rem;
}
.sub-section4 .s4_part5 .fl_r>p{
    width: 80%;
    font: normal 0.27rem/0.42rem "NOTOSANSJP-REGULAR";
    color: #171717;
    text-align: left;
    margin: 0 auto;
}
.sub-section5 .sub-container h2{
    font: normal 0.36rem/0.6rem "NOTOSANSJP-BLACK";
    color: #171717;
    text-align: left;
    background-color: #b5b4a5;
    padding: 0 0.7rem;
    box-sizing: border-box;
}
.sub-section5 .s5_part1{font-size: 0;text-align: center;margin-top: 1.14rem;position: relative;padding: 0 0.15rem;box-sizing: border-box;}
.sub-section5 .s5_part1 .s5_p1_l{
    width: 3rem;
    height:2.52rem;
    background-color: #bdbfa9;
    font:normal 0.31rem/0.55rem "NOTOSANSJP-REGULAR";
    text-align: center;
    padding-top: 0.7rem;
    box-sizing: border-box;
    float: left;
}
.sub-section5 .s5_part1 .s5_p1_l span,.sub-section5 .s5_part1 .s5_p1_r span{font:normal 0.36rem/0.55rem "NOTOSANSJP-BLACK";}
.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{width: 1.55rem;position: absolute;top: -0.5rem;left: 2.7rem;}
.sub-section5 .s5_part1 .s5_p1_r{
    width: 3rem;
    height:2.52rem;
    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 0.31rem/0.55rem "NOTOSANSJP-REGULAR";
    text-align: center;
    padding-top: 0.9rem;
    box-sizing: border-box;
    float: right;
}
.sub-section5 .s5_part2{font-size: 0;text-align: center;padding: 0 0.15rem;box-sizing: border-box;position: relative;}
.sub-section5 .s5_part2 .s5_p2_l{width: 3rem;display: inline-block;float: left;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t{
    width: 100%;
    height:4.1rem;
    background-color: #f5f5f5;
    padding: 0.88rem 0 0 0;
    box-sizing: border-box;
}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t p:nth-child(1){font:normal 0.31rem/0.31rem "NOTOSANSJP-REGULAR";color: #171717;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t p:nth-child(2){font:normal 0.31rem/0.6rem "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: 2.16rem;
    font:normal 0.27rem/0.56rem "NOTOSANSJP-REGULAR";
    background-color: #bdbfa9;
    color: #6c6e59;
    margin: 0.27rem auto 0 auto;
}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_t p:nth-child(4){font:normal 0.17rem/0.7rem "NOTOSANSJP-MEDIUM";color: #6c6e59;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b{
    width: 100%;
    height:3.5rem;
    background-color: #6c6e59;
    padding: 0.6rem 0 0 0;
    box-sizing: border-box;
}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b p:nth-child(1){font:normal 0.31rem/0.31rem "NOTOSANSJP-BLACK";color: #ffffff;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b p:nth-child(2){font:normal 0.31rem/0.72rem "NOTOSANSJP-BOLD";color: #ffffff;}
.sub-section5 .s5_part2 .s5_p2_l .s5_p2_l_b p:nth-child(4){font:normal 0.17rem/0.7rem "NOTOSANSJP-MEDIUM";color: #e4e8ea;}

.sub-section5 .s5_part2 .s5_p2_m{
    width: 2.42rem;
    font:normal 0.18rem/0.44rem "NOTOSANSJP-REGULAR";
    text-align: center;
    background-color: #ffffff;
    color: #666666;
    position: absolute;
    bottom: -0.18rem;
    left:2.33rem;
}
.sub-section5 .s5_part2 .s5_p2_m em{font-size: 0.16rem;}
.sub-section5 .s5_part2 .s5_p2_r{
    display: inline-block;
    vertical-align: top;
    width: 3rem;
    float: right;
}
.sub-section5 .s5_part2 .s5_p2_r>div{
    background-color: #f5f5f5;
    padding: 2.15rem 0 0 0;
    box-sizing: border-box;
    height: 7.6rem;
}
.sub-section5 .s5_part2 .s5_p2_r p:nth-child(1){font:normal 0.31rem/0.65rem "NOTOSANSJP-REGULAR";color: #171717;}
.sub-section5 .s5_part2 .s5_p2_r p:nth-child(2){font:normal 0.31rem/0.65rem "NOTOSANSJP-BOLD";color: #171717;}
.sub-section5 .s5_part2 .s5_p2_r p:nth-child(3){
    width: 2.16rem;
    font: normal 0.27rem / 0.56rem "NOTOSANSJP-REGULAR";
    background-color: #bdbfa9;
    color: #6c6e59;
    margin: 0 auto
}
.sub-section5 .s5_icon{margin: 0 auto;}
.sub-section5 .sub-container>p{font:normal 0.18rem/0.18rem "NOTOSANSJP-REGULAR";color: #666666;padding: 0.26rem 0 0 0.3rem;}
.sub-section5 .sub-container>p em{font-size: 0.16rem;}

.sub-section6{margin-top:1rem;position: relative;text-align: center;font-size: 0;}
.sub-section6:before{
    content: '';
    position: absolute;
    top: 0;
    left:0;
    width: 100%;
    height: 4.23rem;
    background-color: #73725f;
}
.sub-section6>p{
    font:normal 0.6rem/0.6rem "Anton-Regular";
    color: #171717;
    position: relative;
    z-index: 1;
    top: -0.37rem;
}
.sub-section6>h2{
    font:normal 0.5rem/0.5rem "NOTOSANSJP-BOLD";
    color: #ffffff;
    position: relative;
    z-index: 1;
    top: -0.1rem;
}
.sub-section6 .sub-container{position: relative;z-index: 1;overflow: hidden;}
.sub-section6 .sub-container p.s6_l1{font:normal 0.3rem/0.3rem "NOTOSANSJP-REGULAR";color: #ffffff;margin: 0.6rem 0;}
.sub-section6 .sub-container>div.swiper{width: 5.06rem;overflow: unset;}
.sub-section6 .sub-container ul li img{width: 100%;}
.sub-section6 .sub-container p.s6_l2{font:normal 0.3rem/0.3rem "NOTOSANSJP-BOLD";color: #82816b;margin: 0.7rem 0 0.5rem 0;}
.sub-section6 .swiper-button-next,.sub-section6 .swiper-button-prev{color: #73725f;}
.sub-section6 .swiper-button-next{left:unset;right: -0.8rem;}
.sub-section6 .swiper-button-prev{left: -0.8rem;}
.sub-section6 .swiper1 .swiper-button-next,.sub-section6 .swiper1 .swiper-button-prev{top:60%;}
.sub-section7{margin-top: 1.3rem;font-size: 0;}
.sub-section7>p{
    font:normal 0.31rem/0.62rem "NOTOSANSJP-REGULAR";
    color: #908f84;
    padding: 0 0.5rem 0.5rem 1rem;
    box-sizing: border-box;
    letter-spacing: 0.02rem;
    text-align: center;
}
.sub-section7 ul{text-align: center;}
.sub-section7 ul li{
    width: 100%;
    height: 4rem;
    position: relative;
}
.sub-section7 ul li>img{width: 100%;height: 100%;}
.sub-section7 ul li:last-child{margin-top: 0.36rem;}
.sub-section7 ul li>div{width:100%;position: absolute;top:33%;text-align: center;}
.sub-section7 ul li>div h4{
    display: inline-block;
    width: 2.96rem;
    font: normal 0.24rem/0.53rem "NOTOSANSJP-BOLD";
    background-color: #ffffff;
    color: #222222;
    margin-bottom: 0.32rem;
}
.sub-section7 ul li>div p{
    font: normal 0.21rem/0.35rem "NOTOSANSJP-BOLD";
    color: #fff;
}

.sub-section9{
    width: 100%;
    max-width: 1366px;
    margin: 0.8rem auto 0 auto;
    background: url("../../images/ZHONGGU/s9_bg.png") no-repeat;
    padding: 0.385rem 0;
    text-align: center;
    position: relative;
    font-size: 0;
}
.sub-section9>p{
    width: 100%;
    font: normal 0.385rem/0.6rem "Anton-Regular";
    color: #333;
    position: absolute;
    top: -0.3rem;
    text-align: center;
}
.sub-section9 .webcontact{
    display: inline-block;
    width: 222px;
    height: 0.77rem;
    border: 1px solid #fff;
    color: #fff;
    font: normal 0.24rem /0.77rem "NOTOSANSJP-BOLD";
    text-align: center;
}
.sub-section9>div{
    width: 43%;
    display: inline-block;
    vertical-align: top;
}
.sub-section9>div a{
    display: block;
    font: normal 0.31rem/0.61rem "NOTOSANSJP-BOLD";
    color: #fff;
    background-image: url("../../images/ZHONGGU/s9_phone_icon.png");
    background-repeat: no-repeat;
    background-position: left 0.35rem center;
    background-size: 0.28rem;
    padding-left: 0.3rem;

}
.sub-section9>div p{ font: normal 0.24rem/0.24rem "NOTOSANSJP-BOLD";color: #fff;}
.subFooter{width: 100%;max-width: 1366px;margin: 0 auto;padding: 0.2rem;box-sizing: border-box;font-size:0;}
.subFooter .f_left{padding: 0.4rem 0;}
.subFooter .f_left img{width: 35%;}
.subFooter .f_left>div{width: 58%}
.subFooter .f_left img,.subFooter .f_left>div{display: inline-block;vertical-align: top;}
.subFooter .f_left>div{font: normal 10px/16px "NOTOSANSJP-BOLD";color: #333;padding: 0.1rem 0 0 4%;}
.subFooter .f_left>div a{display:inline-block;color: #59839b;border-bottom: 1px solid #59839b;margin-top: 0.08rem;}
.subFooter .f_right{width: 100%;}
.subFooter .f_right iframe{width: 100%;height: 163px;}
.subFooter .f_bottom.sub-container{margin: 0;text-align: center;padding: 0}
.subFooter .f_bottom .f_nav{
    width: 100%;
    max-width: 1100px;
    margin: 0 auto;
    border-top:1px solid #dddcd2;
    padding: 0.4rem 0 0.27rem 0;
    text-align: left;
}
.subFooter .f_bottom .f_nav ul{font-size: 0;}
.subFooter .f_bottom .f_nav ul li{ position: relative; display: inline-block;width: 32%;text-align: center; margin-bottom: .3rem;}
.subFooter .f_bottom .f_nav ul li:nth-child(3n-2){padding-left: 0.4rem;box-sizing: border-box;text-align: left;}
.subFooter .f_bottom .f_nav ul li a{font:normal 13px/0.8rem "NOTOSANSJP-BOLD";color: #333;}
.subFooter .f_bottom .f_nav ul li .item{ position: absolute; left: 50%; top: .36rem; width: 150px; margin-left: -13px; padding-top: 10px; text-align: left;}
.subFooter .f_bottom .f_nav ul li .item a{ font-family: 'NOTOSANSJP-REGULAR';}



.subFooter .f_bottom .webinfo{
    display:inline-block;
    /*background: url("../../images/ZHONGGU/f_last_icon.png") no-repeat center right;*/
    padding-right: 20px;
    font: normal 12px/25px "NOTOSANSJP-BOLD";
    color: #333;
}
.subFooter .f_bottom .webinfo span{
    font: normal 10px/25px "NOTOSANSJP-BOLD";
    color: #333;
}
.subFooter .f_bottom .extend{display: block;margin:0.3rem;vertical-align: top;text-align: center;}
.subFooter .f_bottom .extend img{display:inline-block;width:0.7rem;vertical-align:top;}
.subFooter .f_bottom .extend p{
    display:inline-block;
    vertical-align:top;
    font: normal 10px/0.35rem "NOTOSANSJP-REGULAR";
    color: #333;
    text-align: center;
}
.subFooter .f_bottom .extend span{ font: normal 12px/0.27rem "NOTOSANSJP-REGULAR";}
    /*Company*/
.c_sub-section1{padding-bottom: 0.3rem;/*border-bottom: 1px solid #535353;*/margin-top: 1rem;}
.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 0.6rem/0.6rem "Anton-Regular";
    color: #171717;
    letter-spacing: 0.02rem;
    position: absolute;
    top: 0.6rem;
    left: 0;
}
.c_sub-section1 .sub-container>p:nth-child(3){
    width: 100%;
    text-align: center;
    font:normal 0.36rem/0.36rem "NOTOSANSJP-BOLD";
    color: #bdbfa9;
    position: absolute;
    top: 1.3rem;
    left: 0;
}
.c_sub-section1 .sub-container>p:nth-child(4){
    font:normal 0.26rem/0.45rem "NOTOSANSJP-MEDIUM";
    color: #171717;
    margin: 0.5rem 0;
    text-align: center;
}
.c_sub-section1 .sub-container .idea_box{
    width: 6.4rem;
    margin: 0 auto;
    position: relative;
    background: url("../../images/ZHONGGU/c_s1_p1_1.png") no-repeat center;
    background-size: 100%;

}

.c_sub-section1 .sub-container .idea_box img{width: 100%}
.c_sub-section1 .sub-container .idea_box>div.idea{
    width: 100%;
    font:normal 0.6rem/1 "Anton-Regular";
    color: #191919;
    position: absolute;
    text-align: center;
    top: 2.5rem;
}
.c_sub-section1 .sub-container .idea_box>div span{display:block;font:normal 0.4rem/0.4rem "NOTOSANSJP-BOLD";color: #bdbfa9;}
.c_sub-section1 .sub-container .idea_box p{
    width: 2rem;
    height: 0.6rem;
    font:normal 0.25rem/0.6rem "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;}

@keyframes spin {
    0%{transform: rotate(0deg);}
    100%{transform: rotate(360deg);}
}
.c_sub-section1 .sub-container .idea_box p:nth-child(3){top:0.33rem;left:2.2rem;}
.c_sub-section1 .sub-container .idea_box p:nth-child(4){top:2.33rem;left:-0.1rem;}
.c_sub-section1 .sub-container .idea_box p:nth-child(5){top:2.63rem;right:-0.1rem;}
.c_sub-section1 .sub-container .idea_box p:nth-child(6){top:4.2rem;left:-0.1rem;}
.c_sub-section1 .sub-container .idea_box p:nth-child(7){top:4.3rem;right:-0.1rem;padding: 0 0.27rem;}

.c_sub-section2{padding: 0.5rem 0 0 0;}
.c_sub-section2 .fl_l{width:100%;}
.c_sub-section2 .fl_l img{width:100%;margin-bottom: 0.1rem;}
.c_sub-section2 .fl_r{width: 100%;margin-top: 0.5rem;}
.c_sub-section2 .fl_r>p{font:normal 0.6rem/0.6rem "Anton-Regular";color: #191919;}
.c_sub-section2 .fl_r>p span{font:normal 0.24rem/0.24rem "NOTOSANSJP-REGULAR";color: #bdbfa9;vertical-align: middle;margin-left: 0.22rem;}
.c_sub-section2 .fl_r table{margin-top: 0.67rem;width:100%;}
.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 0.27rem/1rem "NOTOSANSJP-BOLD";color: #191919;vertical-align: top;}
.c_sub-section2 .fl_r table tr td:nth-child(2){width:76%;font:normal 0.27rem/1em "NOTOSANSJP-REGULAR";color: #191919;line-height: 1.5}
.c_sub-section2 .fl_r table tr:last-child td:last-child{padding: 0.1rem 0 0.23rem 0;}
.c_sub-section2 .sub-container>img.mobile{width: 100%;margin-top: 0.27rem;}
.c_sub-section3{margin-top: 1.1rem;font-size: 0;padding:0 0.27rem;box-sizing: border-box;}
.c_sub-section3 iframe{width: 100%;height: 4.91rem;}
.c_sub-section3 .parking{width:100%;margin-top: 0.3rem;}
.c_sub-section3 .parking p:nth-child(1){font:normal 0.6rem/0.8rem "Anton-Regular";color: #191919;}
.c_sub-section3 .parking p:nth-child(2){font:normal 0.26rem/0.5rem "NOTOSANSJP-BOLD";color: #171717;}
.c_sub-section3 .parking img{width: 80%;margin: 0 auto;}
/*Company*/


/*Construcution example*/
.e_sub-section1{padding-bottom: 0.8rem;}
.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 0.6rem/0.6rem "Anton-Regular";
    color: #171717;
    letter-spacing: 0.02rem;
    position: absolute;
    top: 0.6rem;
    left: 0;
}
.e_sub-section1 .sub-container>p:nth-child(3){
    width: 100%;
    text-align: center;
    font:normal 0.36rem/0.36rem "NOTOSANSJP-BOLD";
    color: #bdbfa9;
    position: absolute;
    top: 1.3rem;
    left: 0;
}

.e_sub-section2 .tab{text-align: center;margin-bottom:3vw;}
.e_sub-section2 .tab a{
    display: inline-block;
    width: 2.1rem;
    font:normal 0.27rem/0.54rem "NOTOSANSJP-MEDIUM";
    color: #171717;
    border: 1px solid #697f7e;
    box-sizing: border-box;
    text-align: center;
    margin-right: 0.18rem;
}
.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.27rem/0.4rem "NOTOSANSJP-MEDIUM";
    background-color: #bdbfa9;
    text-align: center;
}
.e_sub-section2 ul li p{font: normal 0.27rem/0.35rem "NOTOSANSJP-MEDIUM";padding: 0.25rem 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;
}
.e_sub-section2 .e_s2_con .turnpage a.perv{background: url("../../images/ZHONGGU/prev_icon.png") no-repeat center;}
.e_sub-section2 .e_s2_con .turnpage a.next{background: url("../../images/ZHONGGU/next_icon.png") no-repeat center;}
.e_sub-section2 .e_s2_con .turnpage a.active{background-color: #bdbfa9;}
.e_sub-section2 .swiper-button-next, .e_sub-section2 .swiper-button-prev{color: #bdbfa9;}
/*Construcution example*/

/*detail*/
.sub-container2{width: 100%;padding: 0.27rem;box-sizing: border-box;}
.crumbs{border-bottom: 1px dashed #c4c6b2;font-size: 0;padding: 0.57rem 0 0.1rem 0;}
.crumbs a{display: inline-block;}
.crumbs a.prev,.crumbs a.next{
    font: normal 0.14rem/0.35rem "NOTOSANSJP-REGULAR";
    color: #333333;
    background-repeat: no-repeat;
    background-size: 15px;
}
.crumbs a.prev{
    background-image: url("../../images/ZHONGGU/next_icon.png");
    padding-right: 20px;
    background-position: right;
}
.crumbs a.next{
    background-image: url("../../images/ZHONGGU/prev_icon.png");
    background-position: left;
    padding-left: 20px;
}
.crumbs a.returntolists{
    font: normal 0.14rem/0.32rem "NOTOSANSJP-MEDIUM";
    color: #171717;
    background-color: #bdbfa9;
    padding: 0 0.27rem;
    float: right;
}
.crumbs span{font-size: 15px;color: #bdbfa9;}
.d_con{text-align: center;font-size: 0;padding: 0.8rem 0 0 0;position: relative;}
.d_con p:nth-child(1){font: normal 0.36rem/0.36rem "NOTOSANSJP-BOLD";}
.d_con p:nth-child(2){
    font: normal 0.18rem/0.4rem "NOTOSANSJP-MEDIUM";
    color: #171717;
    background-color: #bdbfa9;
    display: inline-block;
    padding: 0 0.27rem;
    margin: 0.18rem 0 0.4rem 0;
}
.d_con .mySwiper2 ul li img{width: 100%;}
.d_con .mySwiper{margin-top: 0.27rem;}
.d_con .mySwiper ul li img{width: 100%;height: 4.7vw;}
.d_con .swiper-button-prev{
    width: 0.68rem;
    height: 0.68rem;
    border-radius: 0.68rem;
    border: 1px solid #bdbfa9;
    background: url("../../images/ZHONGGU/prev_icon.png") no-repeat center;
    background-size: 0.3rem;
    top: 60%;
    left: 0.27rem;
}
.d_con .swiper-button-next{
    width: 0.68rem;
    height: 0.68rem;
    border-radius: 0.68rem;
    border: 1px solid #bdbfa9;
    background: url("../../images/ZHONGGU/next_icon.png") no-repeat center;
    background-size: 0.3rem;
    top: 60%;
    right: 0.27rem;
}
.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.18rem/0.35rem "NOTOSANSJP-MEDIUM";
    color:#171717;
    text-align: left;
    margin: 0.7rem 0 1.4rem 0;
}
.different{font-size: 0;}
.different>div.label{width: 50%;display: inline-block;vertical-align: top;}
.different .label{
    font: normal 0.6rem/1rem "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;width: 50%;}
.different .part1{padding: 8.65vw 0 2.8vw 0;}
.different .before p,.different .after p{
    font: normal 0.27rem/0.27rem "NOTOSANSJP-MEDIUM";
    color: #171717;
    text-align: center;
    margin-top: 0.28rem;
}
.different>div>div img.change_icon{width:0.68rem;position: absolute;top: 35%;right: -0.34rem}
.different .replacepic{
    width:80%;
    font: normal 1.77vw/20.2vw "NOTOSANSJP-MEDIUM";
    text-align: center;
    color: #bdbfa9;
    background-color: #f3f3f3;
}
.different .after .replacepic{float: right;}

/*detail*/