@charset "Shift_JIS";

@media screen and (max-width: 767px) {

.person-kv {
	position: relative;
	max-width: 100%;
	min-width: 100%;
	height: auto;
	margin: 0 auto;
	background-color: #FFF;
	}

	.person-kv-photo {
		position: static;
		width: 100%;
		height: 300px;
		left: auto;
		margin-left: 0;
		background: no-repeat 0 0 / cover;
		}

	.person-kv-text {
		position: static;
		left: 0;
		top: 0;
		width: 100%;
		margin-left: 0;
		overflow: hidden;
		}
		.post-container {
			display: block;
			float: left;
			width: 50%;
			margin: 0 0 0 0;
			background-color: #0C94E9;
			color: #FFF;
			}
			.post-1 {
				display: block;
				box-sizing: border-box;
				width: 158px;
				padding: 15px 0 10px 15px;
				border-bottom: 1px solid #FFF;
				font-size: 10px;
				}
			.post-2 {
				display: block;
				padding: 13px 0 15px 15px;
				font-size: 18px;
				letter-spacing: .1em;
				font-weight: bold;
				}
		.name-container {
			display: block;
			box-sizing: border-box;
			float: right;
			width: 50%;
			margin-top: 0;
			margin-bottom: 0;
			padding: 10px 0 0 10px;
			color: #333333;
			background-color: #FFF;
			}
			.name-container span {
				display: block;
				}
			.name-title {
				margin-bottom: 4px;
				font-size: 10px;
				}
			.name-name {
				font-size: 18px;
				letter-spacing: .16em;
				}
			.name-year {
				font-size: 10px;
				}

	.person-kv-careerstep {
		position: static;
		clear: both;
		left: auto;
		top: auto;
		width: 100%;
		height: auto;
		margin-left: 0;
		padding-top: 30px;
		padding-bottom: 30px;
		background-color: #CEEAFB;
		}
		.person-kv-careerstep h3 {
			display: block;
			position: static;
			top: auto;
			left: auto;
			width: 100%;
			height: 22px;
			background: url(../images/careerstep-title.png) no-repeat 20px 0 / 110px 22px;
			text-indent: 100%;
			white-space: nowrap;
			overflow: hidden;
			}
		.person-kv-careerstep ol {
			display: block;
			position: static;
			top: auto;
			left: auto;
			list-style: none;
			height: auto;
			margin: 0;
			padding: 0 0 0 20px;
			border-left: none;
			}
			.person-kv-careerstep ol li {
				margin-bottom: 7px;
				color: #333333;
				font-size: 12px;
				}
				.person-kv-careerstep ol li span {
					margin-right: 10px;
					color: #0082DF;
					font-size: 12px;
					}
.person-section {
	width: 100%;
	margin: 0 auto;
	padding: 35px 0;
	overflow: hidden;
	}
.person-section-2 {
	background-color: #DBEFFC;
	}

	.person-section-half-text {
		position: relative;
		width: 100%;
		margin-bottom: 50px;
		}
	/*.person-section-half-text.person-section-half-left { margin-left: 30px; }
	.person-section-half-text.person-section-half-right { margin-right: 30px; }*/

		.person-section-title {
			box-sizing: border-box;
			width: 100%;
			margin-bottom: 15px;
			padding: 0 20px;
			color: #0C94E9;
			font-size: 20px;
			line-height: 1.5;
			font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
			}
		.person-section-half-right .person-section-title { float: none; margin-right: 0; text-align: left; margin-left: 0; }
		.person-section-half-left .person-section-title { margin-left: 0; text-align: left; }
		.person-section-title br { display: none; }
	
	
		.person-section-body {
			box-sizing: border-box;
			width: 100%;
			padding: 0 20px;
			color: #333;
			font-size: 14px;
			line-height: 1.7;
			}
		.person-section-half-right .person-section-body { clear: both; margin-right: 0; margin-left: auto; }
		.person-section-half-left .person-section-body { margin-left: 0; }


	.person-section-half-photo {
		position: static;
		top: 0;
		width: 100%;
		height: 350px;
		overflow: hidden;
		}
	.person-section-half-left .person-section-half-photo {
		right: 0;
		}
	.person-section-half-right .person-section-half-photo {
		left: 0;
		}
		.person-section-year {
			display: block;
			width: calc(100% - 40px);
			height: 60px;
			margin-bottom: 0;
			}
		.person-section-half-left .person-section-year { margin-left: 20px; }
		.person-section-half-right .person-section-year { margin-right: 20px; }

		.person-section-career {
			display: block;
			box-sizing: border-box;
			width: calc(100% - 40px);
			margin: 0 20px;
			padding-bottom: 105px;
			background: no-repeat center bottom / contain;
			color: #333333;
			font-size: 13px;
			}
		.person-section-half-left .person-section-career {
			background-image: url(../images/person-section-career-bg1.png);
			text-align: right;
			}
		.person-section-half-right .person-section-career {
			background-image: url(../images/person-section-career-bg2.png);
			text-align: left;
			}

		.person-section-photo {
			margin-top: -70px;
			width: 75%;
			}
		.person-section-half-left .person-section-photo { margin-right: auto; margin-left: 20px; }
		.person-section-half-right .person-section-photo { margin-left: auto;  margin-right: 20px; }

	.person-section-half-left {
		float: none;
		}
	.person-section-half-right {
		float: none;
		}

	.person-section-photo1000 {
		width: 100%;
		margin: 0 auto;
		}
		.person-section-photo1000 img {
			width: 100%;
			}


.person-section-colmun {
	width: 100%;
	margin: 50px auto;
	}
	.person-section-colmun::before {
		display: block;
		content: " ";
		width: 100%;
		height: 6px;
		background: url(../images/colmun-bg.png) no-repeat center top / 100% auto;
		}
	.person-section-colmun::after {
		display: block;
		content: " ";
		width: 100%;
		height: 6px;
		background: url(../images/colmun-bg.png) no-repeat center top / 100% auto;
		}
	.person-section-colmun-inner {
		width: calc(100% - 14px);
		margin: 0 auto;
		border-left: #0C94E9 1px solid;
		border-right: #0C94E9 1px solid;
		}
		.person-section-colmun-inner h4 {
			width: 90%;
			margin: 0 auto 28px;
			font-size: 20px;
			color: #0C94E9;
			text-align: center;
			font-family: Georgia,游明朝,"Yu Mincho",YuMincho,"Hiragino Mincho ProN",HGS明朝E,serif;
			}
		.person-section-colmun-inner p {
			width: 90%;
			margin: 0 auto 22px;
			color: #333;
			font-size: 12px;
			line-height: 1.7;
			}
		.person-section-colmun-inner figure {
			width: 90%;
			margin: 0 auto;
			}


.person-nextlink {
	display: block;
	width: calc(100% - 40px);
	margin: 50px auto 100px;

	}
	.person-nextlink ul {
		display: block;
		position: relative;
		list-style: none;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0;
		overflow: hidden;
		}
		.person-nextlink ul .person-nextlink-prev,
		.person-nextlink ul .person-nextlink-next {
			display: block;
			position: static;
			top: auto;
			width: calc(100% - 85px);
			margin: 0;
			padding: 0;
			overflow: hidden;
			}
		.person-nextlink ul .person-nextlink-prev {
			left: 0;
			background: url(../images/nextlink-back.png) no-repeat left 0 top 15px / 70px 60px;
			}
		.person-nextlink ul .person-nextlink-next {
			right: 0;
			background: url(../images/nextlink-next.png) no-repeat right 0 top 15px / 70px 60px;
			}
	
		.person-nextlink ul .person-nextlink-index {
			display: block;
			position: static;
			top: auto;
			left: auto;
			width: 90px;
			height: 58px;
			margin-left: auto;
			margin-right: auto;
			margin: 30px auto;
			z-index: 100;
			}
			.person-nextlink ul .person-nextlink-index a {
				display: block;
				width: 90px;
				height: 58px;
				background: url(../images/nextlink-index.png) no-repeat 0 0 / 90px 58px;
				text-indent: 100%;
				white-space: nowrap;
				overflow: hidden;
				}
			.person-nextlink ul li figure {
				display: block;
				width: 90px;
				height: 90px;
				background: url(../images/nextlink-icon.jpg) no-repeat 0 0 / auto 90px;
				}
			.person-nextlink ul .person-nextlink-prev figure {
				float: left;
				margin-right: 12px;
				}
			.person-nextlink ul .person-nextlink-next figure {
				float: right;
				margin-left: 12px;
				}
			.person-nextlink ul li p {
				margin-top: 12px;
				font-size: 10px;
				line-height: 1.5;
				}
				.person-nextlink ul li p em {
					font-style: normal;
					font-size: 15px;
					}
			.person-nextlink ul .person-nextlink-prev p {
				float: left;
				}
			.person-nextlink ul .person-nextlink-next p {
				float: right;
				text-align: right;
				}
			
			.person-nextlink ul li.p01 figure { background-position: 0 0; }
			.person-nextlink ul li.p02 figure { background-position: -90px 0; }
			.person-nextlink ul li.p03 figure { background-position: -180px 0; }
			.person-nextlink ul li.p04 figure { background-position: -270px 0; }
			.person-nextlink ul li.p05 figure { background-position: -360px 0; }
			.person-nextlink ul li.p06 figure { background-position: -450px 0; }
			.person-nextlink ul li.p07 figure { background-position: -540px 0; }
			.person-nextlink ul li.p08 figure { background-position: -630px 0; }
			.person-nextlink ul li.p09 figure { background-position: -720px 0; }
			.person-nextlink ul li.p10 figure { background-position: -810px 0; }
			.person-nextlink ul li.p11 figure { background-position: -900px 0; }
			.person-nextlink ul li.p12 figure { background-position: -990px 0; }
			.person-nextlink ul li.p13 figure { background-position: -1080px 0; }
			.person-nextlink ul li.p14 figure { background-position: -1170px 0; }
			.person-nextlink ul li.p15 figure { background-position: -1260px 0; }
			.person-nextlink ul li.p16 figure { background-position: -1350px 0; }
			.person-nextlink ul li.p17 figure { background-position: -1440px 0; }
			.person-nextlink ul li.p18 figure { background-position: -1530px 0; }
			.person-nextlink ul li.p19 figure { background-position: -1620px 0; }
			.person-nextlink ul li.p20 figure { background-position: -1710px 0; }
			.person-nextlink ul li.p21 figure { background-position: -1800px 0; }
			.person-nextlink ul li.p22 figure { background-position: -1890px 0; }
			.person-nextlink ul li.p23 figure { background-position: -1980px 0; }
			.person-nextlink ul li.p24 figure { background-position: -2070px 0; }
			.person-nextlink ul li.p25 figure { background-position: -2160px 0; }
			.person-nextlink ul li.p26 figure { background-position: -2250px 0; }
			.person-nextlink ul li.p27 figure { background-position: -2340px 0; }
			.person-nextlink ul li.p28 figure { background-position: -2430px 0; }
			.person-nextlink ul li.p29 figure { background-position: -2520px 0; }
			.person-nextlink ul li.p30 figure { background-position: -2610px 0; }
			.person-nextlink ul li.p31 figure { background-position: -2700px 0; }
			.person-nextlink ul li.p32 figure { background-position: -2790px 0; }
	
	
}