.flex{
	justify-content: space-between;
	align-items: center;
}
.flex img{
	width: 100%;
	max-width: 400px;
}
.flex p{
	width: 100%;
	max-width: 400px;
}
.content > p{
	margin: 0 auto;
	width: 100%;
	max-width: 600px;
}
.flex a{
	display: block;
	margin: 40px 0 0;
	padding: 16px 32px;
	border: 1px solid #26A3A9;
	width: 300px;
	background: url(../img/dr01/common/btn_arrow_b.png) center right 20px no-repeat;
	background-size: 22px;
	color: #26A3A9;
}
.flex h3{
	margin: 20px auto;
}
.flex1 img{
	order: 1;
}
.flex1 > div{
	order: 2;
}
.flex2 img{
	order: 2;
}
.flex2 > div{
	order: 1;
}
@media screen and (max-width: 1000px) {
	.flex{
		flex-wrap: wrap;
		justify-content: center;
	}
	.flex a{
		margin: 40px auto 0;
		width: 80vw;
		max-width: 300px;
		text-align: center;
	}
	.flex img{
		margin: 0 0 20px;
	}
	.flex2 img{
		order: 1;
	}
	.flex2 p{
		order: 2;
	}
}

.message_ai{
	margin: -40px auto 50px;
	padding: 50px 60px 0;
	width: 100%;
	max-width: 960px;
}
.message_ai > div{
	margin: 3em 0 0;
}
.message_ai p{
	margin: 1em 0;
}
.message_ai .book{
	display: flex;
	justify-content: center;
	align-items: flex-start;
	gap: 20px;
}
.message_ai .book div{
	margin: 16px 0;
}
.message_ai .book h4{
	margin: 4px 0;
	font-size: 18px;
}
.message_ai .book p{
	margin: 2px 0;
	font-size: 14px;
}
@media screen and (max-width: 960px) {
	.message_ai .book{
		display: flex;
		justify-content: center;
		align-items: center;
		flex-direction: column;
		gap: 20px;
	}
	.message_ai .book div{
		margin: 16px 0;
	}
	.message_ai .book img{
		max-width: 50vw;
	}
	.message_ai .book h4{
		margin: 4px 0;
		font-size: 18px;
	}
	.message_ai .book p{
		margin: 2px 0;
		font-size: 14px;
	}
}