

.indexC-sengong{padding:80px 0;background:#F2F2F2;}
.indexC-sengong .wp{display:flex;justify-content:space-between;}
.indexC-sengong .left{width:50%;}

.indexC-sengong .tit{}
.indexC-sengong .tit h5{font-size: 16px;color: var(--color-primary);font-weight: 600;letter-spacing:8px;}
.indexC-sengong .tit h3{font-size:36px;font-weight:700;color: #000;line-height:1;margin:20px 0 0;}
.indexC-sengong .tit p{color: #333;font-size: 16px;margin:20px 0 0;}
.indexC-sengong .tit p:after{content: "";height: 6px;width: 170px;background: var(--color-primary);display: block;margin-top:20px;}

.indexC-sengong .box{margin-top:50px;position:relative;}
.indexC-sengong .box a{height: 100px;display: block;width: 100px;background: #fff;text-align: center;border-radius: 50%;position: absolute;left:calc(50% - 50px);top:calc(50% - 50px);}
.indexC-sengong .box a i{color: var(--color-primary);font-size: 48px;line-height: 100px;}

.indexC-sengong .txt{flex:1;margin-left:70px;overflow:hidden;}
.indexC-sengong .txt p{font-size: 16px;color: #000;line-height:30px;}
.indexC-sengong .txt p~p{margin-top:10px;}
.indexC-sengong .txt .more{margin-top:40px;}
.indexC-sengong .txt .more a{font-size: 18px;background: #fff;border-radius: 10px;padding: 10px 80px;color: var(--color-primary);display: inline-block;}
.indexC-sengong .txt .more a:hover{background:  var(--color-primary);color: #fff;}


@media screen and (max-width:1440px){
.indexC-sengong{padding:75px 0;}
.indexC-sengong .tit h3{font-size:34px;}
.indexC-sengong .txt p{line-height:28px;}
.indexC-sengong .txt .more a{padding:10px 60px;font-size:17px;}
}

@media screen and (max-width:1367px){
.indexC-sengong{padding:70px 0;}
.indexC-sengong .tit h3{font-size:33px;}
.indexC-sengong .txt p{line-height:26px;}
.indexC-sengong .txt .more a{padding:10px 50px;}
}

@media screen and (max-width:1280px){
.indexC-sengong{padding:60px 0;}
.indexC-sengong .tit h3{font-size:32px;}

.indexC-sengong .tit h5 {font-size:15px;letter-spacing: 6px;}
.indexC-sengong .tit p {font-size:15px;}
.indexC-sengong .tit p::after {width: 140px;margin-top: 20px;}
.indexC-sengong .box {margin-top:30px;}

.indexC-sengong .txt {margin-left:60px;}
.indexC-sengong .txt p {font-size:15px;line-height:24px;}
.indexC-sengong .txt p ~ p{margin-top:6px;}
.indexC-sengong .txt .more{margin-top:30px;}
.indexC-sengong .txt .more a {font-size:16px;padding:8px 45px;}

}

@media screen and (max-width:992px){
.indexC-sengong .wp{display:block;} 
.indexC-sengong .left{width:100%;}
.indexC-sengong .tit{text-align:center;}
.indexC-sengong .tit p::after {display:none;}  
.indexC-sengong .txt {margin:40px 0 0;}
.indexC-sengong .txt .more a {padding:8px 40px;}  
}  
  
@media screen and (max-width:768px){
.indexC-sengong {padding:30px 0;}
.indexC-sengong .tit h3 {font-size:28px;margin:15px 0 0;}
.indexC-sengong .tit p{margin:10px 0 0;}
.indexC-sengong .box {margin-top:30px;}
.indexC-sengong .txt {margin:20px 0 0;}
.indexC-sengong .txt .more{margin-top: 30px;text-align: center;}
.indexC-sengong .txt .more a {font-size:15px;padding:8px 35px;}
}


@media screen and (max-width:480px){

.indexC-sengong .box a {height: 70px;width: 70px;left: calc(50% - 35px);top: calc(50% - 35px);}
.indexC-sengong .box a i {font-size: 36px;line-height: 70px;}

}