.role-upper {
	margin: 12.5vw 4vw;
}

.role-upper p {
	margin: 12.5vw 4vw;
	font-size: 4.68vw;
	line-height: 2;
}

.role-Lower {
	background: #E1F5F3;
	padding: 15vw 0;
}

.role-Lower h3 {
	background: #fff;
	margin-bottom: 15.6vw;
	padding: 3px 0;
	font-size: 5.468vw;
	text-align: center;
	border: solid 1px #231815;
}

.dietitian h4 {
	width: 58.12%;
	margin: 0 auto 3.125vw;
}

.role-Lower p {
	margin: auto 3.125vw;
}

.nutritionist h4 {
	width: 45%;
	margin: 14.06vw auto 3.125vw;
}

.about {
	margin: 15.6vw 0;
	padding: 1em;
	background: #fff;
	border: solid 1px #D6ECED;
}

.about h4 {
	margin-bottom: 0.6em;
	font-size:5.781vw;
	text-align: center;
	color: #00A8B1;
}

#motif .motif-main-ph {
	margin-bottom: 25px;
}

#motif h2.motif-main-ttl {
	margin-bottom: 20px;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

#motif p.motif-lead {
	margin-bottom: 40px;
	padding: 0 3%;
	font-size: 12px;
	text-align: justify;
	line-height: 1.8;
}

#motif .challenge {
	background: url('../../img/role/motif-bg_sp.jpg') center center no-repeat;
	background-size: cover;
	padding: 18px 15px;
}

#motif .challenge h3 {
	width: 91.6%;
	background-color: #FFF;
	margin: 0 auto 15px;
	padding: 8px 15px;
	font-size: 17px;
	line-height: 1.4;
	text-align: center;
	border-radius: 10px;
}

.motif-list-item {
	margin-bottom: 45px;
}

.motif-list-item:last-of-type {
	margin-bottom: 37px;
}
.motif-list-item-ph {
	margin-bottom: 20px;
}

h4.motif-list-item-ttl {
	margin-bottom: 15px;
	padding-bottom: 5px;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	border-bottom: 10px solid #FFF;
}

.motif-list-item p {
	margin-bottom: 10px;
	font-size: 12px;
	text-indent: justify;
	line-height: 1.8;
}

.motif-list-item-used {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 95%;
	max-width: 600px;
	margin: auto;
}

.motif-list-item-used-icon {
	flex: 0 1 auto;
	margin-right: 10px;
}

.motif-list-item-used-txt {
	flex: 0 1 78%;
	font-size: 15px;
	text-indent: justify;
	line-height: 1.3;
}