@charset "utf-8";
/***************************************************************************************************
	page_people_introduction_detail.css
***************************************************************************************************/
#page_people_introduction_detail {
	position: relative;
}
/*
*/
#page_people_introduction_detail .blk_1 {
	position: relative;
	width: 100%;
	display: flex;
	flex-direction: column;
}
/*  */
#page_people_introduction_detail .blk_1_1 {
	width: 100%;
	order: 2;
}
#page_people_introduction_detail .blk_1_1 h2 {
	position: absolute;
	z-index: 2;
	width: auto;
	min-width:250px;
	height: auto;
	left:0;
	top:calc(50% + 28px);
	transform: translateY(-50%);
	background-color: rgba(255, 255, 255, .8);
	padding: 30px 60px;
}
#page_people_introduction_detail .blk_1_1 h2 .lin_1 {
	display: block;
	font-size: 40px;
	line-height: 1.3;
	padding: 5px 10px 7px 10px;
	border: 1px solid #231816;
	text-align: center;
}
#page_people_introduction_detail .blk_1_1 h2 .lin_2 {
	display: block;
	font-size: 50px;
	line-height: 1;
	padding: 0 0 0 0;
	text-align: center;
}
#page_people_introduction_detail .blk_1_1 h2 .lin_3 {
	display: block;
	font-size: 20px;
	line-height: 1;
	font-weight: 400;
	font-family: 'Viga', sans-serif;
	text-align: center;
}
#page_people_introduction_detail .blk_1_1 p {
	position: relative;
	width: 100%;
	z-index: 1;
	overflow: hidden;
	background-position: 50% 0;
	background-size: cover;
}
#page_people_introduction_detail .blk_1_1 p img {
	position: relative;
	display: block;
	left:0;
	top:0;
	width: 100%;
	height: auto;
	max-height: 720px;
	opacity: 0;
}
/*  */
#page_people_introduction_detail .blk_1_2 {
	position: relative;
	height: 56px;
	background-color: #1479B9;
	padding: 0 0 0 50px;
	order: 1;
}
#page_people_introduction_detail .blk_1_2 a {
	position: relative;
	display: inline-block;
	width: auto;
	height: 100%;
	font-size: 14px;
	line-height: 1;
	color: #ffffff;
	font-weight: 700;
	padding: 20px 0 0 20px;
}
#page_people_introduction_detail .blk_1_2 a::after {
	position: absolute;
	display: block;
	content: '';
	width: 10px;
	height: 10px;
	left:0;
	top:50%;
	border-top:2px solid #ffffff;
	border-left:2px solid #ffffff;
	transform-origin: 0 0;
	transform: rotate(-45deg);
}
/*
*/
#page_people_introduction_detail .blk_2 {
	position: relative;
	display: table;
	width: 100%;
}
#page_people_introduction_detail .spimg_blk_1_1 {
	display: none;
}
/*  */
#page_people_introduction_detail .blk_2_1 {
	position: relative;
	display: table-cell;
	width: 50%;
	vertical-align: top;
	background-color: #ffffff;
	padding: 40px 60px 40px 60px;
}
#page_people_introduction_detail .blk_2_1 h3 {
	position: relative;
	font-size: 34px;
	line-height: 1.5;
	padding: 0 0 35px 0;
}
#page_people_introduction_detail .blk_2_1_1 {
	position: relative;
	padding: 30px 0;
}
#page_people_introduction_detail .blk_2_1_1::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 12px;
	left:0;
	top:0;
	background-image: linear-gradient(
		-45deg,
		#196DAE 25%,
		#ffffff 25%,
		#ffffff 50%,
		#196DAE 50%,
		#196DAE 75%,
		#ffffff 75%,
		#ffffff
	);
	background-size: 3px 3px;
	background-repeat: repeat;
}
#page_people_introduction_detail .blk_2_1_1::after {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 12px;
	left:0;
	top:calc(100% - 12px);
	background-image: linear-gradient(
		-45deg,
		#196DAE 25%,
		#ffffff 25%,
		#ffffff 50%,
		#196DAE 50%,
		#196DAE 75%,
		#ffffff 75%,
		#ffffff
	);
	background-size: 3px 3px;
	background-repeat: repeat;
}
#page_people_introduction_detail .blk_2_1_1 p {
	font-size: 14px;
	line-height: 2;
	padding: 0 0 10px 0;
}
#page_people_introduction_detail .blk_2_1_1 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
#page_people_introduction_detail .blk_2_1_1 ul li {
	position: relative;
	padding: 0 7px 5px 0;
}
#page_people_introduction_detail .blk_2_1_1 ul li span {
	position:relative;
	display: block;
	padding: 5px 10px 7px 10px;
	font-size: 12px;
	line-height: 1;
	color: #1479B9;
	background-color: #ffffff;
	border: 1px solid #C4DDED;
	border-radius:3px;
}
#page_people_introduction_detail .blk_2_1_1 ul li a {
	position:relative;
	display: block;
	padding: 5px 23px 7px 10px;
	font-size: 12px;
	line-height: 1;
	background-color: #1479B9;
	color:#ffffff;
	border: 1px solid #C4DDED;
	border-radius: 3px;
}
#page_people_introduction_detail .blk_2_1_1 ul li a::after {
	position: absolute;
	display: block;
	content: '';
	left:calc(100% - 15px);
	top:calc(50% - 3px);
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 3px 0 3px 8px;
	border-color: transparent transparent transparent #ffffff;
}


/*  */
#page_people_introduction_detail .blk_2_1_2 {
	padding: 60px 0 0 0;
}
#page_people_introduction_detail .blk_2_1_2 p {
	font-size: 14px;
	line-height: 2;
	padding: 0 0 30px 0;
}
/*  */
#page_people_introduction_detail .blk_2_1_3 {
	padding: 40px 0 0 0;
}
#page_people_introduction_detail .blk_2_1_3 section {
	position: relative;
	padding: 0 0 20px 0;
}
#page_people_introduction_detail .blk_2_1_3 section h4 {
	position: relative;
	font-size: 28px;
	line-height: 1.5;
	font-weight: 700;
	padding: 0 0 30px 0;
}
#page_people_introduction_detail .blk_2_1_3 section p {
	font-size: 14px;
	line-height: 2;
	padding: 0 0 30px 0;
}
/*  */
#page_people_introduction_detail .blk_2_1_4 {
	padding: 120px 0 0 0;
}
#page_people_introduction_detail .blk_2_1_4_1 {
	padding: 30px;
	border: 1px solid #196DAE;
}
#page_people_introduction_detail .blk_2_1_4_1 h4 {
	position: relative;
	width: 100%;
	height: auto;
	text-align: center;
}
#page_people_introduction_detail .blk_2_1_4_1 h4::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 16px;
	left:0;
	top:50%;
	background-image: linear-gradient(
		-45deg,
		#196DAE 25%,
		#ffffff 25%,
		#ffffff 50%,
		#196DAE 50%,
		#196DAE 75%,
		#ffffff 75%,
		#ffffff
	);
	background-size: 3px 3px;
	background-repeat: repeat;
	transform: translateY(-50%);
}
#page_people_introduction_detail .blk_2_1_4_1 h4 span {
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	font-family: 'Viga', sans-serif;
	font-weight: 400;
	color: #1479B9;
	letter-spacing: .02em;
	font-size: 20px;
	padding: 0 15px 0 15px;
}
#page_people_introduction_detail .blk_2_1_4_1_1 {
	position: relative;
	padding: 30px 0 0 0;
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl {
	position: relative;
	overflow: hidden;
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl::after {
	position: absolute;
	display: block;
	content: '';
	width: 1px;
	height: calc(100% - 30px);
	left:5px;
	top:10px;
	border-left: 1px solid #1479B9;
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl dt {
	position: relative;
	color:#1479B9;
	font-size: 15px;
	line-height: 1;
	font-family: 'Viga', sans-serif;
	font-weight: 400;
	padding: 0 0 5px 25px;
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl dt::after {
	position: absolute;
	display: block;
	content: '';
	width: 11px;
	height: 11px;
	left:0;
	top:2px;
	background-color: #1479B9;
	border-radius: 50%;
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl dd {
	position: relative;
	padding: 0 0 0 25px;
	font-size: 14px;
	line-height: 2;
	padding: 0 0 15px 25px;
}
#page_people_introduction_detail .blk_2_1_5 {
	position: relative;
	padding: 60px 0 0 0;
}
#page_people_introduction_detail .blk_2_1_5 p {
	position: relative;
}
#page_people_introduction_detail .blk_2_1_5 p a {
	position: relative;
	display: inline-block;
	background-color: #ffffff;
	width: auto;
	height: 40px;
	padding:  0 15px 0 30px;
	border: 1px solid #C5C5C5;
}
#page_people_introduction_detail .blk_2_1_5 p a::before {
	position: absolute;
	display: block;
	content: '';
	width: 100%;
	height: 100%;
	left:0;
	top:0;
	background-color: #1379B9;
	transform-origin: 100% 0;
  transform: scale(0, 1);
	transition: transform .2s ease-out 0s;
}
#page_people_introduction_detail .blk_2_1_5 p a:hover::before {
  transform-origin: 0 0;
  transform: scale(1, 1);
}
#page_people_introduction_detail .blk_2_1_5 p a::after {
	position: absolute;
	display: block;
	content: '';
	width: 8px;
	height: 8px;
	left:13px;
	top:50%;
	border-top:2px solid #1479B9;
	border-left:2px solid #1479B9;
	transform-origin: 0 0;
	transform: rotate(-45deg);
	transition: border-color .1s ease-out 0s;
}
#page_people_introduction_detail .blk_2_1_5 p a:hover::after {
	border-color: #ffffff;
}
#page_people_introduction_detail .blk_2_1_5 p a span {
	position: relative;
	display: block;
	width: 100%;
	height:100%;
	white-space: nowrap;
	font-size: 14px;
	line-height: 1;
	padding: 12px 0 0 0;
	transition: color .1s ease-out 0s;
	color:#231816;
}
#page_people_introduction_detail .blk_2_1_5 p a:hover span {
	color: #ffffff;
}
/*  */
#page_people_introduction_detail .blk_2_2 {
	position: relative;
	display: table-cell;
	width: 50%;
	vertical-align: top;
	background-color: #1E7AB7;
}
#page_people_introduction_detail .blk_2_2 p {
	position: relative;
	width: 100%;
}
#page_people_introduction_detail .blk_2_2 p img {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
}




/***************************************************************************************************
  responsive
***************************************************************************************************/
@media screen and (max-width: 1000px) {
#page_people_introduction_detail {
}
/*
*/
#page_people_introduction_detail .blk_1 {
}
/*  */
#page_people_introduction_detail .blk_1_1 {
	display: flex;
	flex-direction: column;
}
#page_people_introduction_detail .blk_1_1 h2 {
	position: relative;
	width: 100%;
	min-width: 0;
	height: auto;
	left:0;
	top:0;
	transform: none;
	background-color: #1479B9;
	padding: 13px 3% 13px 3%;
	order: 2;
}
#page_people_introduction_detail .blk_1_1 h2 .lin_1 {
	font-size: 14px;
	padding: 0;
	border: none;
	color:#ffffff;
	text-align: left;
}
#page_people_introduction_detail .blk_1_1 h2 .lin_2 {
	font-size: 20px;
	padding: 0px 0 0px 0;
	color:#ffffff;
	text-align: left;
}
#page_people_introduction_detail .blk_1_1 h2 .lin_3 {
	font-size: 14px;
	text-align: left;
	color:#ffffff;
}
#page_people_introduction_detail .blk_1_1 p {
}
#page_people_introduction_detail .blk_1_1 p img {
}
/*  */
#page_people_introduction_detail .blk_1_2 {
	height: 28px;
	padding: 0 0 0 17px;
}
#page_people_introduction_detail .blk_1_2 a {
	font-size: 12px;
	padding: 6px 0 0 15px;
}
#page_people_introduction_detail .blk_1_2 a::after {
	width: 8px;
	height: 8px;
}
/*
*/
#page_people_introduction_detail .blk_2 {
	display: block;
	padding: 0 0 100px 0;
}
#page_people_introduction_detail .spimg_blk_1 {
	position: relative;
	display: block;
	width: 100%;
	max-width: 400px;
	height: auto;
	margin: auto;
}
#page_people_introduction_detail .spimg_blk_1 p.spimg_blk_1_1 {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	padding: 100% 0 0 0;
	margin: auto;
	overflow: hidden;
}
#page_people_introduction_detail .spimg_blk_1 p.spimg_blk_1_1 img {
	position: absolute;
	display: block;
	width: 100%;
	height: auto;
	left:0;
	top:0;
}
/*  */
#page_people_introduction_detail .blk_2_1 {
	display: block;
	width: 100%;
	padding: 25px 0 0 0;
}
#page_people_introduction_detail .blk_2_1 h3 {
	font-size: 20px;
	padding: 0 3% 25px 3%;
}
#page_people_introduction_detail .blk_2_1_1_wrap {
	padding: 0 3% 0 3%;
}
#page_people_introduction_detail .blk_2_1_1 {
	padding: 20px 0 23px 0;
}

#page_people_introduction_detail .blk_2_1_1::before {
}
#page_people_introduction_detail .blk_2_1_1::after {
}
#page_people_introduction_detail .blk_2_1_1 p {
	font-size: 14px;
	line-height: 2;
	padding: 0 0 10px 0;
}
#page_people_introduction_detail .blk_2_1_1 ul {
	position: relative;
	display: flex;
	flex-wrap: wrap;
}
#page_people_introduction_detail .blk_2_1_1 ul li {
}
#page_people_introduction_detail .blk_2_1_1 ul li span {
}
#page_people_introduction_detail .blk_2_1_1 ul li a {
}
#page_people_introduction_detail .blk_2_1_1 ul li a::after {
}


/*  */
#page_people_introduction_detail .blk_2_1_2 {
	padding: 30px 0 0 0;
	max-width: 800px;
	margin: auto;
}
#page_people_introduction_detail .blk_2_1_2 .spimg_blk_1:first-child {
	padding: 0 0 30px 0;
}
#page_people_introduction_detail .blk_2_1_2 p {
	padding: 0 5% 30px 5%;
}
/*  */
#page_people_introduction_detail .blk_2_1_3 {
	padding: 20px 0 0 0;
	max-width: 800px;
	margin: auto;
}
#page_people_introduction_detail .blk_2_1_3 section {
	position: relative;
	padding: 10px 0 20px 0;
}
#page_people_introduction_detail .blk_2_1_3 section h4 {
	font-size: 20px;
	padding: 0 5% 20px 5%;
}
#page_people_introduction_detail .blk_2_1_3 section p {
	padding: 0 5% 30px 5%;
}
/*  */
#page_people_introduction_detail .blk_2_1_4 {
	padding: 0 0 0 0;
}
#page_people_introduction_detail .blk_2_1_4_1_wrap {
	padding: 0 5% 40px 5%;
}
#page_people_introduction_detail .blk_2_1_4_1 {
	padding: 15px;
}
#page_people_introduction_detail .blk_2_1_4_1 h4 {
}
#page_people_introduction_detail .blk_2_1_4_1 h4::before {
}
#page_people_introduction_detail .blk_2_1_4_1 h4 span {
}
#page_people_introduction_detail .blk_2_1_4_1_1 {
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl {
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl::after {
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl dt {
}
#page_people_introduction_detail .blk_2_1_4_1_1 dl dt::after {
}

#page_people_introduction_detail .blk_2_1_4_1_1 dl dd {
}
#page_people_introduction_detail .blk_2_1_5 {
	padding: 60px 0 0 0;
}
#page_people_introduction_detail .blk_2_1_5 p {
	text-align: center;
}
#page_people_introduction_detail .blk_2_1_5 p a {
}
#page_people_introduction_detail .blk_2_1_5 p a::before {
}
#page_people_introduction_detail .blk_2_1_5 p a:hover::before {
	transform-origin: 100% 0;
  transform: scale(0, 1);
}
#page_people_introduction_detail .blk_2_1_5 p a:active::before {
  transform-origin: 0 0;
  transform: scale(1, 1);
}
#page_people_introduction_detail .blk_2_1_5 p a::after {
}
#page_people_introduction_detail .blk_2_1_5 p a:hover::after {
	border-color: #1479B9;
}
#page_people_introduction_detail .blk_2_1_5 p a:active::after {
	border-color: #ffffff;
}
#page_people_introduction_detail .blk_2_1_5 p a span {
}
#page_people_introduction_detail .blk_2_1_5 p a:hover span {
	color:#231816;
}
#page_people_introduction_detail .blk_2_1_5 p a:active span {
	color: #ffffff;
}
/*  */
#page_people_introduction_detail .blk_2_2 {
	display: none;
}
#page_people_introduction_detail .blk_2_2 p {
}
#page_people_introduction_detail .blk_2_2 p img {
}

}