#white #section01 {
	padding: 60px 0 65px;
}
#white #section01 .flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#white #section01 .flex figure {
	width: 48%;
}
#white #section01 .flex .text {
	width: 49%;
}
#white #section01 .flex .text p {
	margin-bottom: 25px;
}
#white #section02 .box {
	border: solid 20px #d8eec7;
	padding: 50px;
	margin-bottom: 70px;
}
#white #section02 .box .ttl01 {
	margin-bottom: 70px;
}
#white #section02 .box.dark_green {
	border-color: #aed4cf;
}
#white #section02 .box.dark_green .ttl01:after {
	background: #69b9ae;
}
#white #section02 .box.yellow {
	border-color: #f3efb1;
}
#white #section02 .box.yellow .ttl01:after {
	background: #c4c859;
}
#white #section02 .box.pink {
	border-color: #f2dad9;
}
#white #section02 .box.pink .ttl01:after {
	background: #edadac;
}
#white #section02 .flex {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
#white #section02 .flex figure {
	width: 44.2%;
}
#white #section02 .flex .w_text {
	width: 51.7%;
	color: #504542;
}
#white #section02 .flex .w_text p {
	margin-bottom: 27px;
}
#white #section02 .flex .w_text p:last-child {
	margin-bottom: 0;
}
#white #section02 .flow {
	margin-top: 60px;
}
#white #section02 .flow ul {
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	color: #504542;
}
#white #section02 .flow li {
	position: relative;
	width: 29%;
}
#white #section02 .flow li:last-child:after {
	content: none;
}
#white #section02 .flow li:after {
	position: absolute;
	top: 60px;
	right: -14%;
	content: '';
	display: inline-block;
	width: 20px;
	height: 34px;
	background: url(../../img/white/arrow.svg) no-repeat left top/100% auto;
}

@media only screen and (max-width: 736px) {
	#white #section01 {
		padding: 40px 0;
	}
	#white #section01 .flex {
		display: block;
	}
	#white #section01 .flex figure,
	#white #section01 .flex .text {
		width: 100%;
	}
	#white #section01 .flex figure {
		text-align: center;
		margin-bottom: 15px;
	}
	#white #section02 .box {
		border-width: 10px;
		padding: 30px 20px;
	}
	#white #section02 .box h2 {
		margin-bottom: 40px;
	}
	#white #section02 .box h2 .en {
		font-size: 20px;
	}
	#white #section02 .box .flex {
		display: block;
	}
	#white #section02 .box .flex figure,
	#white #section02 .box .flex .w_text {
		width: 100%;
	}
	#white #section02 .box .flex figure {
		text-align: center;
		margin-bottom: 10px;
	}
	#white #section02 .box .flex .w_text p {
		margin-bottom: 15px;
	}
	#white #section02 .box .flow {
		margin-top: 20px;
	}
	#white #section02 .box .flow ul {
		display: block;
	}
	#white #section02 .box .flow ul li {
		width: 100%;
		margin-bottom: 70px;
	}
	#white #section02 .box .flow ul li:after {
		transform: rotate(90deg);
		width: 16px;
		right: auto;
		left: 50%;
		margin-left: -10px;
		bottom: -50px;
		top: auto;
	}
	#white #section02 .box .flow ul li:last-child {
		margin-bottom: 0;
	}
	#white #section02 .box .flow ul li figure {
		text-align: center;
	}
}