@charset "utf-8";
/* CSS Document */
.kobayashi-people-wrap img{
	width:100%;
}
.kobayashi-people-wrap a{
	outline: none;
	overflow: hidden;
	display: block;
	-webkit-transition: all 0.5s ease;
  -moz-transition: all 0.5s ease;
  -o-transition: all 0.5s ease;
  transition: all 0.5s ease;
}
.kobayashi-people-wrap a:hover{
	transform: translate(-0.5rem,-0.5rem);
	box-shadow: 2px 2px 4px;
}
.kobayashi-people-wrap *:focus {
	outline: none;
}

h2{
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 0.5rem;
}
h3 {
	font-size: 25px;
	font-weight: bold;
	text-align: center;
	padding-bottom: 2rem;
}

/* ::::::::::::::::::::::::::::::::::::::::::::::::::
        こばやしのヒト
:::::::::::::::::::::::::::::::::::::::::::::::::: */

.kobayashi-people-wrap {
	font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;
}

.kobayashi-people-wrap .header {
	background-image: url("../img/subpage/kobayashi-people/img-header-back.jpg");
  background-size: cover;
	background-repeat:no-repeat;
	background-position: center;
	padding: 5rem;
	text-align: center;
}
.kobayashi-people-wrap .header img{
	max-width: 400px;
	width: 100%;
	padding-bottom: 4rem;
}
.kobayashi-people-wrap .header p{
	color: #fff !important;
	line-height: 160%;
	font-weight: bold;
	text-shadow:
		2px  2px 5px #347abf,
    -2px  2px 5px #347abf,
    2px -2px 5px #347abf,
    -2px -2px 5px #347abf;
}

.kobayashi-people-wrap .con {
	max-width:960px;
	width: auto;
	margin: 0 auto;
	padding: 5rem 0;
}

.book-list,
.book-list .book .box,
.link-list .box {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.book-list {
	align-items: stretch;
	padding-bottom: 2rem;
}
.book-list .book {
	flex-basis: 48%;
	margin-bottom: 3rem;
}
.book-list .book a{
	text-decoration: none;
	padding: 2rem;
	height: 100%;
	box-sizing: border-box;
}

.book-list .book .box,
.link-list .box {
	align-items: flex-start;
}
.book-list .book .box div {
	flex-basis: 40%;
}
.book-list .book .box div p {
	border: 1px solid #000;
	padding: 1rem 0;
	text-align: center;
}
.book-list .book .box > p {
	flex-basis: 50%;
	line-height: 160%;
	font-size: 15px;
}

.link-list a {
	flex-basis: 30%;
	box-shadow: 0 0 4px;
}
@media screen and (max-width: 767px) {
	.kobayashi-people-wrap .con {
		padding: 5rem 2rem;
	}
	.book-list,
	.book-list .book .box,
	.link-list .box {
		display: block;
	}
	.book-list .book a{
		padding: 0;
	}
	.book-list .book .box div {
		margin-bottom: 1rem;
	}
	.link-list{
    padding: 0 3rem;
	}
	.link-list a:not(:last-of-type) {
		margin-bottom: 1rem;
	}
}