#articleStyle27 img{width:100%}
#articleStyle27 .classtxttype .smalldes{margin:30px 0;text-align: center;}
#articleStyle27 .classtxttype .smalldes h2{text-align: center;font-size: 25px;position: relative;padding-bottom: 40px;color: #bb1d25;}
#articleStyle27 .classtxttype .smalldes h2:before {content: "";position: absolute;bottom: 20px;width: 40px;height: 3px;background-color: #bb1d25;left: 50%;transform: translateX(-50%);}
#articleStyle27 .classtxttype .smalldes span{font-size:1rem}
#articleStyle27 .classtxttype .smalldes h3{font-weight:normal;color:#75b39a;line-height:120%;font-size:1.5rem;margin:10px 0 20px}
#articleStyle27 .classtxttype .smalldes p{font-size: 18px;line-height:180%;text-align: center;width: 80%;margin: auto;font-weight: 500;letter-spacing: 0.5px;color: #222222;font-weight: 400;}
#articleStyle27 .classtxttype .form-box{border: 4px solid rgb(212 212 212 / 40%);padding: 40px 70px;border-radius: 20px;}
#articleStyle27 .classtxttype .form-box ul{list-style:none;}
#articleStyle27 .classtxttype .form-box ul li{overflow:hidden;border-bottom:1px solid #efefef;padding: 15px 0;align-items: center;width: 100%!important;}
#articleStyle27 .classtxttype .form-box ul li:last-child{border:0}
#articleStyle27 .classtxttype .form-box ul li h4{font-size: 20px;font-weight: 500;color: #bb1d25;}
#articleStyle27 .classtxttype .form-box ul li .contentBox{padding: 10px 0px 0 30px;}
#articleStyle27 .classtxttype .form-box ul li h4 b{display:inline-block;width:7px;height:7px;background:#69a77f;border-radius:50%;margin-right:5px}
#articleStyle27 .classtxttype .form-box ul li p{font-size:16px;letter-spacing: 0.2px;font-weight: 600;display: list-item;padding-left: 2px;font-family: sans-serif;margin: 0;list-style: disc;line-height: 190%;color: #282726;}
#articleStyle27 .classtxttype .form-box ul li span{vertical-align:baseline;font-size:0.8rem;margin-right:5px}
#articleStyle27 .classtxttype .form-box >p{font-size:0.9rem}

#articleStyle27 .immga{
    
}
#articleStyle27 .immga img{
	border-radius: 20px;
	border: #e4e4e4 4px solid;
	margin-bottom: 20px;
	width: calc(100% - 10px);
}

.tit ul {overflow: hidden;position: relative;padding: 40px 90px;z-index: 1;display: flex;}
.tit ul li {animation-name: fadeInUp;-webkit-animation-name: fadeInUp;width: calc(100% / 3 );}
.tit ul li .item {display: flex;align-items: center;background-color: #981717;justify-content: flex-start;}
.tit ul li:nth-child(4) .item {padding: 20px 0px;}
.tit ul li .item .circle {position: relative;width: 80px;height: 70px;box-sizing: border-box;text-align: center;font-size: 35px;}
.tit ul li .item p{color: #fff;}
.tit ul li .item:hover .circle {animation: flipInX 1.5s both;-webkit-animation: flipInX 1.5s both;animation-duration: 1s;-webkit-animation-duration: 1s;	}
.tit ul li .item .circle i{color: white;display: flex;flex-direction: column;align-items: center;justify-content: center;height: 100%;border-radius: 0 80px 80px 0;background-color: #c9161f;}
.tit ul li:nth-child(2) .item .circle i {background-color: #ea7f2e;}
.tit ul li:nth-child(2) .item{background-color: #da660f;}
.tit ul li:nth-child(3) .item .circle i {background-color: #1063a2;}
.tit ul li:nth-child(3) .item{background-color: #0c4977;}
.tit ul li .item p {text-align: center;font-size: 18px;}
.tit ul li .item article p{font-size: 15px;}

@media screen and (max-width:1024px){
	.tit ul{padding: 40px 0;}
}
@media screen and (max-width:768px){
	.tit ul{display: flex;flex-direction: column;}
	.tit ul li{width: calc(100% / 1 );}
	#articleStyle27 .classtxttype{width:100%;margin: 0px 0 20px;float:none}
	#articleStyle27 .classtxttype .smalldes{margin:30px 0}
	#articleStyle27 .classtxttype .form-box{padding:30px 50px}
}
@media screen and (max-width:768px){
	#articleStyle27 .classtxttype .form-box{padding: 15px 0px;}
	#articleStyle27 .classtxttype .smalldes p{font-size: 15px;width: 100%;}
	#articleStyle27 .classtxttype .smalldes h2{font-size: 20px;}
}
@media screen and (max-width:640px){
	#articleStyle27 .immga img{object-fit: cover;height: 154px;object-position: 22% 50%;}
}