.wow {
	animation-name: fadeInDown;
	-webkit-animation-name: fadeInDown;
	animation-duration: 1.5s;
	-webkit-animation-duration: 1.5s;
    animation-fill-mode: both;
    -webkit-animation-fill-mode: both;
	animation-duration: 1s;
	-webkit-animation-duration: 1s;	
}

#articleInfo7 {
	position: relative;
	display: flex;
}

#articleInfo7 .photoBox {
	margin: 0 50px 0  0;
	width: 30%;
}
#articleInfo7 .process{
    width: 70%;
}
#articleInfo7 .process .titleTw{
    display: none;
}
#articleInfo7 .process article{
    margin: 0  0 40px 0;
    font-size: 20px;
}
#articleInfo7 .processList{
    margin-bottom: 30px;
    position: relative;
    display: flex;
    flex-wrap: wrap;
}
#articleInfo7 .process .process-item{
    display: flex;
    padding: 0px 10px 40px;
    align-items: flex-start;
    width: calc((100% / 2) - 20px);
}
#articleInfo7 .process .process-item .col-2{
    width: 110px;
}
#articleInfo7 .process .process-item .col-10{
    width: calc(100% - 110px);
}


#articleInfo7 .process .process-item .col-10 .text {
  padding-left: 12px;
}

@media (min-width: 576px) {
#articleInfo7 .process .process-item .col-10 .text {
    padding-left: 0;
  }
}

#articleInfo7 .process .process-item .col-10 .text h3 {
  font-size: 1.0625rem;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: 0.05rem;
  margin-bottom: 0.45rem;
}

@media (min-width: 576px) {
#articleInfo7 .process .process-item .col-10 .text h3 {
    font-size: 1.25rem;
    letter-spacing: 0.1rem;
    color: var(--primary);
  }
}

#articleInfo7 .process .process-item .col-10 .text P {
  font-size: 0.9375rem;
  letter-spacing: 0.05rem;
  line-height: 1.5;
  margin-bottom: 0;
}

@media (min-width: 576px) {
#articleInfo7 .process .process-item .col-10 .text P {
    font-size: 15px;
    line-height: 1.8;
  }
}

#articleInfo7 .processList .step {
  border-radius: 50%;
  border: 1px solid #6d6d6d47;
  width: 85px;
  height: 85px;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  flex-direction: column;
  -webkit-box-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  align-items: center;
  position: relative;
  background-color: #ffff;
}




#articleInfo7 .process .step span:last-child {
  color: #bbbbbb;
  font-size: 1.75rem;
  text-transform: uppercase;
  letter-spacing: 0.05rem;
  font-family: 'Cinzel', serif;
}
@media screen and (max-width: 1140px) {
	#articleInfo7 {
	position: relative;
	display: flex;
	flex-direction: column;
	align-items: center;
}
#articleInfo7 .photoBox {
	margin: 0px 0px 50px  0;
	width: 100%;
}
	#articleInfo7 .process{
    width: 100%;
}
}

@media screen and (max-width: 768px) {
	#articleInfo7 .process .process-item{
    width: calc((100% / 1) - 20px);
}
}