.section_pro{
	background-color: #E0EDF0;
	
	background-image: url('../../img/bg_section-1.png');
    background-repeat: no-repeat;
        background-position: 80% 15vh;
    
}
	.pro__in{
		padding-top: 50px;
		margin-bottom: 25px;
	}
	@media all and (min-width:768px){
		.pro__in{
			padding-top: 100px;
			margin-bottom: 50px;
		}
	}
	
	.o-circle{
		margin:  0 auto;
		border-radius: 100%;
		background-color: #fff;
		background: linear-gradient(136deg, #64C3E0 0%, transparent 75%);
		
		width: 175px;
		height: 175px;
		
		aspect-ratio: 1 / 1;
	}
	.o-circle__in{
		position: relative;
		top:15px;
	}
	@media all and (min-width:768px){
		.o-circle{
			width: 285px;
			height: 285px;
		}
		.o-circle__in{
			top:50px;
		}
	}
	
	
	.pro__visuel{
		font-size: 25px;
		color: #435672;
		font-weight: bold;
	}
	@media all and (min-width:768px){
		.pro__visuel{
			font-size: 40px;
		}
	}
	
	.pro__text{
		font-size: 20px;
		line-height: 1.3em;
		color: #435672;
	}
	@media all and (min-width:768px){
		.pro__text{
			font-size: 24px;
			line-height: 1.3em;
		}
	}
	
	.pro__text p{ 
		margin-bottom: 25px;
	}
	
	
	.pro__text li{
		margin-bottom: 12.5px;
	} 
	.pro__text li::before{
		content: "•";
		float: left;
		color:#36C4F3;
		margin-right: 12.5px;
	}