@charset "UTF-8";

section.role {
	padding: 80px 0;
	position:relative;
	overflow:hidden;
	
	backdrop-filter: blur(3px);
}



section.role div > p {
	margin: 30px auto;
	width: 80%;
	font-size:20px;
	line-height: 2;
	
}
section.role .image {
	background:rgba(255, 233, 234, 0.8);
	backdrop-filter: blur(3px);
	border-radius: 30px;
	margin:0 3rem;
	padding:2.5rem;
}
@media screen and (max-width: 750px) {
	.content_visual {
		background-position: 70% center;
	}
	h3 span {
		padding: 0 1rem 0 2rem;
	}
	h3 span::before{
		top:5px;
		bottom:auto;
	}
}
@media screen and (max-width: 680px) {
	/*画面幅481pxで調整*/
	section.role .image {
	background:rgba(255, 233, 234, 0.8);
	backdrop-filter: blur(3px);
	border-radius: 30px;
	margin:0 1rem;
	padding:1rem;
	}
	
}
@media screen and (max-width: 480px) {
	/*iphoneSEサイズで調整*/
	
	section.role .image {
	background:rgba(255, 233, 234, 0.8);
	backdrop-filter: blur(3px);
	border-radius: 30px;
	margin:0 1rem;
	padding:0.3rem;
}
}