@charset "utf-8";


.boader_line {
    border: solid 1px #dadee3;
    padding: 25px 20px;
}

.strength_process{position:relative;padding-top:44px;text-align:center;}
.strength_process::before,
.strength_process::after{position:absolute;content:'';display:block;width:100%;height:5px;border-top:solid 1px #d3d3d3;border-bottom:solid 1px #d3d3d3;z-index:100;}
.strength_process::before{top:56px;}
.strength_process::after{bottom:0;}
.strength_process__cont{position:relative;z-index:101;}
.strength_process__cont > .ttl{display:inline-block;background:#fff;font-size:26px;font-weight:500;padding:0 12px 0 12px;margin-bottom:24px;font-feature-settings:"palt";}
.strength_process__cont > .text > p{line-height:1.625;text-align: left;text-indent: 2rem;margin-bottom:10px;}
.strength_process__cont > .cont{padding:30px 0 50px 0;}
.strength_process__flow{position:relative;display:inline-block;font-size:0;margin:50px 0 20px 0;}
.strength_process__flow::after{position:absolute;content:'';display:block;top:0;right:0;width:0;height:0;border-style:solid;border-width:33px 0 33px 18px;border-color:#fff transparent #fff #f9f9f6;z-index:110;}


.strength_process__flow > li{position:relative;display:inline-block;background:#f9f9f6;height:66px;vertical-align:top;z-index:100;}
.strength_process__flow > li{margin-left:3px;}
.strength_process__flow > li::before,
.strength_process__flow > li::after{position:absolute;content:'';display:block;top:0;width:0;height:0;border-style:solid;border-width:33px 0 33px 18px;border-color:transparent transparent transparent #fff;}
.strength_process__flow > li::before{left:0;}
.strength_process__flow > li::after{left:-3px;border-left-color:#f9f9f6;}
.strength_process__flow > li > a,
.strength_process__flow > li > span{display:flex;line-height: 66px;height:100%;font-size:16px;font-weight:500;text-align:center;align-items:center;padding:0 16px 0 28px;font-feature-settings:"palt";}
.strength_process__cont > .cont > ol > li:first-child::after{content:none;}
.strength_process__flow > li > a{transition:all 0.2s ease-out;}
.strength_process__flow > li > a::after{position:absolute;content:'';width:0;height:0;bottom:8px;left:48%;border-style:solid;border-width:4px 5px 0 5px;border-color:#c3dc74 transparent transparent transparent;transition:all 0.2s ease-out;}
.strength_process__flow > li > a:hover{color:#aace39;}
.strength_process__flow > li > a:hover::after{bottom:4px;}
.strength_process__flow > li > i{position:absolute;top:-17px;left:39%;display:block;background:#c3dc74;color:#fff;width:30px;}
.strength_process__flow > li > i > span{width:30px;background:#c3dc74;color:white !important;display:block;font-size:15px;letter-spacing:1px;line-height:25px;font-style:normal; text-align: center;}
.strength_process__flow > li > i.adj_l_01{left:41%;}
.strength_process__flow > li > i.adj_l_02{left:40%;}
.strength_process__flow > li.a_n::after{content:none !important;}


.strength_process_main__cont{}
.strength_process_main__cont > li{margin-top:22px;}
.strength_process_main__item{/*display:flex;flex-wrap:wrap;*/overflow:hidden;background:#f9f9f6;}
.strength_process_main__item > li{display:inline-block;vertical-align:top;}
.strength_process_main__item > .img{width:300px;position: relative;float:left;overflow:hidden;}

.triangle{position: absolute;display: block;width: 0;height: 0;top: 0;left: 0;z-index: 888; border-bottom: 60px solid transparent; border-left: 60px solid #aace39;}
.strength_process_main__item > .img > span{color:white;position: absolute;top:10px;left:12px; z-index: 999;font-size:17px;}

.strength_process_main__item > .img > img{width:100%;cursor: pointer;transition: all 0.6s;}
.strength_process_main__item > .img > img:hover{transform: scale(1.2);}
.strength_process_main__item > .cont{width:calc( 100% - 300px );float:right;}
.strength_process_main__item_card{padding:0 40px 0 32px;}
.strength_process_main__item_card > dt{margin:38px 0 18px 0;}
.strength_process_main__item_card > dt > em{display:block;border-bottom:solid 1px #666;letter-spacing: 1px;padding-bottom:16px;margin-bottom:16px;font-size:26px;font-weight:500;font-style:normal;}
.strength_process_main__item_card > dt > span{color:#28b4f4;font-family:"Roboto";font-weight:500;font-size:18px;font-feature-settings:"palt";}
.strength_process_main__item_card > dd > p{font-size:15px;line-height:26px;color: #666;}


@media screen and (max-width:899px){  
    .strength_process__flow::after{content:none;}
    .strength_process__flow{margin:0;margin-top: 20px;}
    .strength_process__flow > li{width:100%;height:38px;margin-top:2px;margin-left:0;}
    .strength_process__flow > li::after{content:'' !important;}
    .strength_process__flow > li::before,
    .strength_process__flow > li::after{border-style:solid;border-width:8px 8px 0 8px;border-color:#fff transparent transparent transparent;}
    .strength_process__flow > li::before{left:50%;transform:translateX(-50%);}
    .strength_process__flow > li::after{top:-2px;left:50%;border-left-color:transparent;border-top-color:#f9f9f6;transform:translateX(-50%);}
    .strength_process__flow > li > a,
    .strength_process__flow > li > span{padding-left:52px;font-size: 15px;color: #666;line-height: 38px\9\0;}
    .strength_process__flow > li > a > br,
    .strength_process__flow > li > span > br{display:none;}
    .cont > .a_n > li:first-child::before{content:none;}
    .strength_process__flow > li > a::after{bottom:17px;left:inherit;right:16px;}
    .strength_process__flow > li > a:hover::after{bottom:12px;}
    .strength_process__flow > li > i{width:28px;top:7px;left:10px !important;}
    .strength_process__flow > li.a_n::before{content:none !important;}
    
    
    .strength_process_main{margin-bottom:24px;}
    .strength_process_main__cont{}
    .strength_process_main__item > .img{width:100%;}
    .strength_process_main__item > .cont{width:100%;}
    .strength_process_main__item_card{padding:0 15px 20px 15px;}
    .strength_process_main__item_card > dt{margin:20px 0 12px 0;}
    .strength_process_main__item_card > dt > em{font-size:17px;padding-bottom:12px;margin-bottom:12px;}
    .strength_process_main__item_card > dt > span{font-size:14px;}
    .strength_process_main__item_card > dd > p{font-size:14px;line-height:22px;}
    
    .strength_process_main__item > .img > span{top:10px;left: 10px;font-size: 16px;}
    .triangle{border-bottom: 60px solid transparent;border-left: 60px solid #aace39;}
    
}