@charset "UTF-8";



/****************************************************
 * 各書籍を紹介する用のデザイン
 ****************************************************/

.bookIntroduction {
	position: relative;
	display: flex;
	gap: 36px;
	align-items: flex-start;
	background: linear-gradient(135deg, #ffffff 0%, #f6f8fa 100%);
	border-radius: 12px;
	padding: 40px 36px;
	box-shadow: 0 8px 24px rgba(0, 0, 0, 0.05);
}
@media (max-width: 600px) {
	.bookIntroduction {
		flex-direction: column;
		gap: 20px;
		padding: 24px 20px;
		align-items: center;
	}
}
.bookIntroduction-img img {
	width: 180px;
	border-radius: 8px;
	box-shadow: 0 5px 20px rgba(0, 0, 0, 0.08);
}
@media (max-width: 600px) {
	.bookIntroduction-img img {
		width: 160px;
		margin: 0 auto;
	}
}
.bookIntroduction-text {
	flex: 1;
}
.bookIntroduction-text p {
	display: none;
}
.bookIntroduction-title {
	font-size: 120%;
	font-weight: bold;
	color: #1E293B;
	margin-bottom: 8px;
	line-height: 1.5;
}
@media (max-width: 600px) {
	.bookIntroduction-title {
		font-size: 100%;
		text-align: center;
	}
}
.bookIntroduction-author {
	position: relative;
	color: #64748B;
	font-size: 85%;
	margin-bottom: 18px;
	padding-bottom: 10px;
	border-bottom: 1px solid #D6DEE7;
}
@media (max-width: 600px) {
	.bookIntroduction-author {
		text-align: center;
		padding-bottom: 8px;
	}
}
.bookIntroduction-author::before {
	content: "著者：";
}
.bookIntroduction-description {
	color: #334155;
	font-size: 95%;
	line-height: 2;
	text-align: left;
}
@media (max-width: 600px) {
	.bookIntroduction-description {
		line-height: 1.8;
	}
}
.bookIntroduction-description b {
	display: block;
	color: #4C6FAF;
	margin-top: 10px;
	font-style: italic;
}