@charset "utf-8";

/* ============================================
      z-index
============================================ */
.p-people_block dt {
	z-index: 0; 
}

.p-people_block dt a::after {
	z-index: -1;
}


/* ============================================
      p-people_block
============================================ */
.p-people_block {
	position: relative;
	margin: 0 0 50px;
	padding: 54px 0 12px;
}


.p-people_block dt {
	font-size: 2rem;
	font-weight: normal;
	text-align: center;
}

.p-people_block dt a {
	color: #000;
	position: absolute;
	background: #ddf5f8;
	display: block;
	width: 100%;
	top: 0;
	bottom: 0;
}

.p-people_block dt a::after {
	content: "";
	display: block;
	position: absolute;
	background: #ddf5f8;
	top: 0;
	bottom: 0;
	width: 100%;
	transition: .25s;
}

.p-people_block dt a:hover::after {
	padding: 0 19px;
	margin: 0 -19px;
	box-shadow: 0px 3px 10px 0px rgba(0, 0, 0, 0.1);
	-webkit-transform: scaleY(1.05);
	transform: scaleY(1.05);
}


/*p-people_block-title*/
.p-people_block-title {
	display: inline-block;
	margin: 25px 0 0;
}

.p-people_block-title::before {
	content: "";
	width: 14px;
	height: 14px;
	display: inline-block;
	background: url(/shared/img/icon_arrow_008.svg) no-repeat 0 0;
	margin: 0 10px 0 0;
}

.p-people_block dt a:hover .p-people_block-title {
	color: #1a6fd1;
}

.p-people_block-subtitle {
	font-size: 1.5rem;
}

.p-people_block dt a:hover .p-people_block-subtitle {
	color: #000;
}

.p-people_block dd {
	margin: 0 4.8%;
}

/*c-cards_list*/
.p-people_block .c-cards_list {
	margin: 0 -10px;
}

.p-people_block .c-cards_list a,
.p-people_block .c-cards_list a::after {
	background: #ddf5f8;
}
/* -----------------------------------------------------------------------------
      for Smartphone 
------------------------------------------------------------------------------ */
@media print, screen and (max-width: 719px) {
/* ============================================
      p-people_block
============================================ */
.p-people_block {
	background: #ddf5f8;
	margin: 0 -16px 20px;
	padding: 1px 16px;
}

.p-people_block dt {
	font-size: 1.7rem;
}

.p-people_block dt a {
	position: relative;
	display: block;
	width: 100%;
	padding: 15px 0 10px;
}

.p-people_block dt a::after {
	display: none;
}

/*p-people_block-title*/
.p-people_block-title {
	margin: 0;
}

.p-people_block-title::before {
	vertical-align: -3%;
}

.p-people_block-subtitle {
	font-size: 1.4rem;
	display: block;
}

.p-people_block dd {
	margin: 0;
}

/*c-cards_list*/
.p-people_block .c-cards_list {
	margin: 0 -6px;
}

.p-people_block .c-cards_list a,
.p-people_block .c-cards_list a::after {
	background: #ddf5f8;
}
}

