@charset "utf-8";
/*================================================================================================

* スタッフ紹介 *

================================================================================================*/

body.staff section.list {
	width: 100%;
	padding: 2rem 1rem 1rem 1rem;
	background: #fafafc;
}
body.staff section.list > .p1080 {
	max-width: calc(1080px + 3rem);
}

.staff-info-wrap {
	width: 100%;
}

.staff-info-wrap .card {
	width: 33.333%;
	padding: 1.5rem;
}
	.staff-info-wrap .card > .inner {
		width: 100%;
		opacity: 0;
		transform: scale(0.9);
		box-shadow: 0 21px 27px -7px rgba(10,10,10,0.05);
	}
	.staff-info-wrap .card .on + .inner {
		opacity: 1;
		transform: scale(1);
		transition: 0.35s ease;
	}

.staff-info-wrap .card .img {
	width: 100%;
	padding-top: 150%;
	position: relative;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
	.staff-info-wrap .card .img .heading {
		max-width: calc(100% - 1rem);
		padding: 1rem;
		background: #3a3a3a;
		color: #fff;
		font-weight: 700;
		content: "";
		margin: auto;position: absolute;bottom: 2rem;left: -1rem;
	}
	.staff-info-wrap .card .img .heading::after {
		width: 0;
		height: 0;
		border-style: solid;
		border-width: 0 15px 15px 0;
		border-color: transparent #000 transparent transparent;
		content: "";
		margin: auto;position: absolute;bottom: -15px;left: 0rem;
	}

.staff-info-wrap .card .info {
	width: 100%;
	background: #fff;
	padding: 2rem;
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
	.staff-info-wrap .card .info .role {
		font-size: 0.8rem;
		color: #aaa;
	}
	.staff-info-wrap .card .info .name {
		font-size: 1.25rem;
		padding-bottom: 1rem;
		margin-bottom: 1rem;
		border-bottom: 1px solid #eee;
	}
	.staff-info-wrap .card .info .name span + span {
		margin-left: 0.4em;
	}

.staff-info-wrap .card p.comment {
	text-align: justify;
}

/* GAP */
.staff-info-wrap .card:nth-of-type(2) {
	padding-top: 7rem;
}
.staff-info-wrap .card:nth-of-type(3) {
	padding-top: 4rem;
}

@media only screen and (max-width: 768px) {
body.staff section.list > .p1080 {
	max-width: calc(580px + 3rem);
}
.staff-info-wrap .card {
	width: 100%;
	padding: 1.5rem;
}
/********************/}

/*================================================================================================

* ブログ一覧 *

================================================================================================*/
body.staff section.blog {
	width: 100%;
	padding: 0rem 0rem 6rem 0rem;
	background: #fafafc;
	margin-top: -5rem;
}
body.staff a.more-btn {
	width: calc(100% - 2rem);
	max-width: 1080px;
	margin: 0 auto;
}

body.sub-page section.blog .swiper-container {
	overflow: visible;
}
	body.sub-page section.blog .swiper-container::after {
		height: 30%;
		width: 100%;
		background: #f3f3f5;
		content: "";
		margin: auto;
		position: absolute;
		top: -10%;
		right: 0;
		bottom: 0;
		left: 0;
		z-index: 1;
	}
	body.sub-page section.blog .swiper-container::before {
		content: "Hitorigoto";
		color: #d7d7d9;
		font-weight: 700;
		font-size: 3rem;
		margin: auto;
		position: absolute;
		top: 50%;
		left: 15%;
		transform: translateY(-115%);
		z-index: 2;
	}

body.sub-page section.blog .swiper-wrapper {
	z-index: 2;
}
body.sub-page section.blog .swiper-container .blog-wrap .card {
	z-index: 2;
	position: relative;
}


@media only screen and (max-width: 768px) {
body.staff section.blog {
	padding: 4rem 0rem 6rem 0rem;
}
/********************/}
/*================================================================================================

* メディアクエリ *

================================================================================================*/
@media only screen and (max-width: 1024px) {
/********************/}
@media only screen and (max-width: 768px) {
/********************/}
@media only screen and (max-width: 520px) {
/********************/}