@charset="UTF-8";
/*sub71_a1*/
.sub71_a1_wrap .sub_content{padding: 150px 0 150px 0;}
.sub71_a1_wrap .sub_mtitle{padding-bottom: 0;}

/*sub71_a2*/
.sub71_a2_wrap .sub_content{padding: 0;}
.sub71_a2_wrap .title{display: flex;flex-direction: column;align-items: center;}
.sub71_a2_wrap .sub_mtitle{position: relative;background: #eeeeee;width: 70%;padding: 20px 10px;margin-top: 20px;}

.sub71_a2_wrap ul{overflow: hidden;position: relative;margin-top: -50px;z-index: -1;}
.sub71_a2_wrap ul:after{position: absolute;content: "";width: 100%;height: 100%;border: 5px solid #d7d7d7;left: 0;box-sizing: border-box;}
.sub71_a2_wrap ul li{float: left;display: flex;align-items: center;justify-content: center;flex-direction: column;position: relative;width: 15%;margin-left: 6%;margin-top: 3.5%;}
.sub71_a2_wrap ul li img{width: 100%;}
.sub71_a2_wrap ul li:first-child{margin-left: 22%;margin-top: 130px;}
.sub71_a2_wrap ul li:nth-child(2), .sub71_a2_wrap ul li:nth-child(3){margin-top: 130px;}
.sub71_a2_wrap ul li:nth-child(4){margin-left: 11%;}
.sub71_a2_wrap ul li:nth-child(5), .sub71_a2_wrap ul li:nth-child(6), .sub71_a2_wrap ul li:nth-child(7){margin-bottom: 80px;}
.sub71_a2_wrap ul li:first-child p{top: 65%;}
.sub71_a2_wrap ul li p{text-align: center;color: #fff;font-size: 18px;font-weight: 300;position: absolute;z-index: 1;top: 58%;line-height: 22px}

/*sub71_a3*/
.sub71_a3_wrap{}
.sub71_a3_wrap .sub71_a3_who{display: flex;align-items: center;}
.sub71_a3_wrap .sub71_a3_who li{width: 50%;}
.sub71_a3_wrap .sub71_a3_who .sub71_a3_img{background: url(../../../images/sub7_images/sub7_a3_img1.jpg) 50% 50% no-repeat;width: 50%;height: 405px;background-size: cover;}
.sub71_a3_wrap .sub71_a3_who .sub71_a3_text{background: #25263b;padding: 10px;height: 405px;display: flex;flex-direction: column;justify-content: center;}
.sub71_a3_wrap .sub71_a3_who .sub71_a3_text p{position: relative;padding: 10px 0;color: #fff;padding-left: 35px;font-size: 18px;font-weight: 300;border-bottom: 1px dashed;}
.sub71_a3_wrap .sub71_a3_who .sub71_a3_text p:first-child{padding-top: 0;}
.sub71_a3_wrap .sub71_a3_who .sub71_a3_text p:first-child:after{top: 8px;}
.sub71_a3_wrap .sub71_a3_who .sub71_a3_text p:after{position: absolute;content: "";background: #b08461;width: 10px;height: 10px;left: 10px;top: 18px;}

.sub71_a3_wrap .sub71_a3_process_t{font-size: 24px;color: #fff;background: #b08461;text-align: center;margin-top: 100px;padding: 20px 10px;margin-bottom: 20px;}
.sub71_a3_process{overflow: hidden;margin-top: 20px;}
.sub71_a3_process li{display: flex;align-items: center;justify-content: center;flex-direction: column;float: left;}
.sub71_a3_process li.sub71_a3_box{width: 20%;border: 3px solid #25263b;height: 300px;padding: 10px 5px;}
.sub71_a3_process .sub71_a3_nom{font-size: 30px;color: #25263b;font-weight: bold;letter-spacing: -2px}
.sub71_a3_process .sub71_a3_bar{height: 3px;width: 20px;background: #b08461;margin: 15px 0;}
.sub71_a3_process .sub71_a3_prott{font-size: 24px;color: #25263b;font-weight: 500;letter-spacing: -1.5px;margin-bottom: 10px;text-align: center;}
.sub71_a3_process .sub71_a3_protext{font-size: 18px;color: #595959;text-align: center;line-height: 32px}

.sub71_a3_process li.sub71_a3_next{width: 6.6666%;height: 300px;}


/*sub71_a4*/
.sub71_a4_wrap .sub_content{padding: 50px 0;}
.sub71_a4_wrap ul{overflow: hidden;margin-top: 40px;}
.sub71_a4_wrap ul li{float: left;width: 50%;height: 250px;padding: 30px;}
.sub71_a4_conts{display: flex;align-items: flex-start;}
.sub71_a4_nom span{font-size: 30px;font-weight: 400;color: #fff;position: relative;z-index: 0;padding: 4px 0 0 8px;letter-spacing: -1px;}
.sub71_a4_nom span:after{position: absolute;content: "";background: #b08461;width: 40px;height: 40px;top: 0px;left: 0;z-index: -1;}
.sub71_a4_conts .sub71_a4_prott{position: relative;padding-right: 30px;top: -2px;color: #25263b;font-size: 26px;font-weight: 500;letter-spacing: -1.5px;line-height: 28px;}

.sub71_a4_conts .sub71_a4_protext{width: 70%;padding-left: 30px;position: relative;font-size: 18px;line-height: 31px;margin-top: -4px;}
.sub71_a4_conts .sub71_a4_protext:after{position: absolute;content: "";top: 8px;left: 0px;width: 1px;height: 20px;background: #ccc;}
.sub71_a4_conts .sub71_a4_protext span{font-size: 17px;color: #9d9d9d;}


/*border*/
.sub71_a4_wrap ul li:nth-child(1), .sub71_a4_wrap ul li:nth-child(2){border-bottom: 1px solid #7d7d7d;}
.sub71_a4_wrap ul li:nth-child(2), .sub71_a4_wrap ul li:nth-child(4){border-left: 1px solid #7d7d7d;}



@media(max-width:1200px){
    .sub71_a2_wrap ul li{width: 18%;margin-left: 3.5%;}
    .sub71_a2_wrap ul li:first-child{margin-left: 19.5%;}
    .sub71_a2_wrap ul li:nth-child(4){margin-left: 8.5%;}
    
}/*1200*/

@media(max-width:1000px){
    
}/*1000*/

@media(max-width:960px){
    /*a2*/
    .sub71_a2_wrap ul li{width: 21%; margin-top: 3%;}
    .sub71_a2_wrap ul li:first-child{margin-left: 14.8%;}
    .sub71_a2_wrap ul li:nth-child(4){margin-left: 2.7%;}
    .sub71_a2_wrap ul li:first-child, .sub71_a2_wrap ul li:nth-child(2), .sub71_a2_wrap ul li:nth-child(3){margin-top: 90px;}
    .sub71_a2_wrap ul li:nth-child(5), .sub71_a2_wrap ul li:nth-child(6), .sub71_a2_wrap ul li:nth-child(7){margin-bottom: 50px;}
    .sub71_a2_wrap ul li p{font-size: 2vw;top: 60%;line-height: 2.5vw;}
    
    /*a3*/
    .sub71_a3_wrap .sub71_a3_process_t{font-size: 21px;}
    .sub71_a3_process li:first-child.sub71_a3_box, .sub71_a3_process li:nth-child(5).sub71_a3_box{margin-left: 0;}
    .sub71_a3_process li:nth-child(5).sub71_a3_box, .sub71_a3_process li:nth-child(7).sub71_a3_box{margin-bottom: 0;}
    .sub71_a3_process li.sub71_a3_box{width: 49%;margin-left: 2%;margin-bottom: 2%;padding: 10px 5%;}
    .sub71_a3_process li.sub71_a3_next{display: none;}
    
    /*a4*/
    .sub71_a4_wrap ul{margin-top: 30px;}
    .sub71_a4_nom span{font-size: 28px;}
    .sub71_a4_nom span:after{width: 37px;height: 37px;}
    .sub71_a4_wrap ul li{height: 280px;padding: 20px;}
    .sub71_a4_wrap ul li:nth-child(3),.sub71_a4_wrap ul li:nth-child(4){height: 250px;}
    .sub71_a4_conts .sub71_a4_prott{font-size: 24px;padding-right: 20px;}
    .sub71_a4_conts .sub71_a4_protext{padding-left: 20px;}
    
    
}/*960*/

@media(max-width:900px){
    /*a1*/
    .sub71_a1_wrap .sub_content{padding: 100px 0;}
    
    /*a3*/
    article.sub71_a3_wrap .sub_mtitle{padding-bottom: 20px;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_img{height: 505px;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text{height: 505px;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text p{padding-left: 30px;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text p:after{left: 8px;}
    
    .sub71_a3_wrap .sub71_a3_process_t{margin-top: 70px;}
    
}/*900*/

@media(max-width:800px){
    /*a4*/
    .sub71_a4_wrap ul li{padding: 14px 10px;height: 340px;}
    .sub71_a4_wrap ul li:nth-child(3), .sub71_a4_wrap ul li:nth-child(4){height: 300px;}
    
    
}/*800*/


@media(max-width:768px){
    
}/*768*/





@media(max-width:680px){
    
    
}/*680*/

@media(max-width:640px){
    /*a2*/
    .sub71_a2_wrap .sub_mtitle{width: 85%;}
    .sub71_a2_wrap ul li{width: 22.1%;margin-left: 2%;margin-top: 2%;}
    .sub71_a2_wrap ul li:first-child, .sub71_a2_wrap ul li:nth-child(2), .sub71_a2_wrap ul li:nth-child(3){margin-top: 70px;}
    .sub71_a2_wrap ul li:nth-child(5), .sub71_a2_wrap ul li:nth-child(6), .sub71_a2_wrap ul li:nth-child(7){margin-bottom: 30px;}
    .sub71_a2_wrap ul li p{font-size: 2.3vw;line-height: 3vw;top: 58%;}
    
    /*a3*/
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_img{display: none;}
    .sub71_a3_wrap .sub71_a3_who li{width: 100%;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text{height: auto;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text p{font-size: 17px;padding: 10px 28px;}
    
    .sub71_a3_wrap .sub71_a3_process_t{font-size: 19px;}
    .sub71_a3_process .sub71_a3_prott{font-size: 22px;}
    .sub71_a3_process .sub71_a3_protext{font-size: 17px;line-height: 27px;}
    
    /*a4*/
    .sub71_a4_wrap ul{margin-top: 0;}
    .sub71_a4_wrap ul li{padding: 4px 0;margin-bottom: 30px;padding-bottom: 30px;height: auto !important;border-bottom: 1px solid;width: 100%;}
    .sub71_a4_wrap ul li:nth-child(2), .sub71_a4_wrap ul li:nth-child(4){border-left: none;}
    .sub71_a4_conts .sub71_a4_prott{font-size: 22px;}
    .sub71_a4_conts .sub71_a4_protext{font-size: 17px;line-height: 29px;margin-top: -2px;}
    .sub71_a4_conts .sub71_a4_protext:after{top: 5px;}
    .sub71_a4_conts .sub71_a4_protext span{font-size: 16px;}
    
    
}/*640*/

@media(max-width:480px){
    /*a1*/
    .sub71_a1_wrap .sub_content{padding: 60px 0;}
    
    /*a2*/
    .sub71_a2_wrap .sub_mtitle{padding: 16px 10px;line-height: 22px;margin-top: 13px;}
    .sub71_a2_wrap ul li{width: 42%;}
    .sub71_a2_wrap ul li:first-child, .sub71_a2_wrap ul li:nth-child(2n-1){margin-left: 6.5%;}
    .sub71_a2_wrap ul li:first-child, .sub71_a2_wrap ul li:nth-child(2){margin-top: 68px;}
    .sub71_a2_wrap ul li:nth-child(3){margin-top: 2%;}
    .sub71_a2_wrap ul li:nth-child(5), .sub71_a2_wrap ul li:nth-child(6), .sub71_a2_wrap ul li:nth-child(7){margin-bottom: 2%;}
    .sub71_a2_wrap ul li:last-child{margin-top: 0;margin-bottom: 20px;}
    .sub71_a2_wrap ul li p{font-size: 4vw;line-height: 5.3vw;}
    
    /*a3*/
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text p{font-size: 16px;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text p:after{top: 17px;}
    .sub71_a3_wrap .sub71_a3_who .sub71_a3_text p:first-child:after{top: 7px;}
    
    .sub71_a3_wrap .sub71_a3_process_t{margin-top: 40px;}
    .sub71_a3_wrap .sub71_a3_process_t{font-size: 17px;line-height: 28px;}
    .sub71_a3_process .sub71_a3_nom{font-size: 26px;}
    .sub71_a3_process .sub71_a3_bar{margin: 9px 0;}
    .sub71_a3_process .sub71_a3_prott{font-size: 20px;}
    .sub71_a3_process .sub71_a3_protext{font-size: 16px;line-height: 25px;}
    
    /*a4*/
    .sub71_a4_wrap ul li{padding-bottom: 20px;margin-bottom: 20px;}
    .sub71_a4_nom span{font-size: 24px;padding: 8px 0 0 12px;}
    .sub71_a4_conts .sub71_a4_prott{font-size: 20px;}
    .sub71_a4_conts .sub71_a4_protext{font-size: 16px;line-height: 28px;}
    .sub71_a4_conts .sub71_a4_protext span{font-size: 15px;}
}/*480*/

@media(max-width:400px){    
    
}/*400*/

@media(max-width:380px){    
    /*a3*/
    .sub71_a3_process li.sub71_a3_box{width: 100%;margin-left: 0;}
    .sub71_a3_process li:nth-child(5).sub71_a3_box{margin-bottom: 2%;}
    
    /*a4*/
    .sub71_a4_conts .sub71_a4_prott{padding-right: 12px;}
    .sub71_a4_conts .sub71_a4_protext{padding-left: 12px;}
    
}/*380*/