@charset "utf-8";
/* CSS Document */

/* 新デザイン用 */
.entry * {box-sizing: content-box;}
body {font-family: YuGothic,'Yu Gothic','メイリオ', Meiryo,'ヒラギノ角ゴシック','Hiragino Sans','ＭＳ ゴシック', sans-serif;}
.main {background: #fff;}
.side_outer {display: none;}
.entry {border: none;padding: 0;}
.entry a {color: initial;}
.entry a[target="_blank"]::after {content: none;}
.article_txt {margin-bottom: 35px;}
.page_title--box {
	background: url("/research/books/img/main-visual.png") no-repeat center center;
	background-size: cover;
	width: 100%;
    height: 350px;
    display: flex;
    align-items: center;
	color: #fff;
	font-weight: 600;
	font-size: 30px;
	text-align: center;
	font-family: "HiraMinPro-W6",serif;
}
.page_title {
  font-weight: 600;
  font-size: 3rem;
  text-align: center;
  font-family: "HiraMinPro-W6",serif;
  color: #fff;
  text-shadow: none;
}
.page_title > small{
  font-size: 1.6rem;
}
.breadcrumb_list {margin-bottom: 90px;}
.breadcrumb_item a[href] {color: #000;}
/* ---------------------*/

.books_title {
	font-size: 3rem;
	text-align: center;
	color: #0D3D17;
	font-weight: bold;
}
.books_item {
	width: 100%;
	padding: 35px 0;
	display: flex;
	gap: 30px 100px;
	border-top: 1px solid #DFDFDF;
	&:last-child {
		border-bottom: 1px solid #DFDFDF;
	}
}
.books_item--contents {
	flex: 1;
}
.books_item--title {
	font-size: 2rem;
	color: #0D3D17;
	font-weight: bold;
	margin-bottom: 30px;
	font-style: normal;
}
.books_item--list {
	display: flex;
	flex-direction: column;
	gap: 20px;
	margin: 30px 0;
	& div {
		display: flex;
		align-items: center;
		gap: 30px;
	}
	& dd {
		color: #0D3D17;
		font-weight: bold;
	}
}
.books_item--tags {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	margin-bottom: 60px;
}

@media screen and (max-width: 767px) {
.page_title--box {
	background: url("/research/books/img/main-visual_sp.png") no-repeat center center;
	background-size: cover;
}
.title_main {
    font-size: 2rem;
    font-weight: bold;
}
.title_sub {
    font-size: 1.5rem;
    font-weight: normal;
}
	
	.books_title {
		font-size: 2.4rem;
	}
	.books_item {
		flex-direction: column;
		justify-content: center;
		align-content: center;
	}
	.books_item--contents {
		flex: none;
		width: 100%;
	}
	.books_item--title {
		font-size: 1.8rem;
	}
}