@-webkit-keyframes imageSlideCrossFade{
	25%{
		opacity: 1;
	}
	40%{
		opacity: 0;
	}
}

@keyframes imageSlideCrossFade{
	25%{
		opacity: 1;
	}
	40%{
		opacity: 0;
	}
}

@media all and (min-width: 769px){
	.staff .page-title{
		background-image: url(../img/pc/_pag_ttl_bg.jpg);
	}
	.staff .link-list .section-title h2{
		margin: 0 0 40px 0;
		font-family: 'Noto Serif JP', serif;
		font-size: 38px;
		font-weight: 400;
		text-align: center;
		line-height: 56px;
	}
	.staff .link-list .pc{
		margin: 0 120px;
	}
	.staff .link-list .pc table{
		border-collapse: collapse;
	}
	.staff .link-list .pc table tr th,
	.staff .link-list .pc table tr td{
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 200px;
		padding: 15px 0;
		border-width: 0 2px 2px 0;
		border-style: solid;
		border-color: #ffffff;
		font-size: 16px;
		text-align: center;
		vertical-align: middle;
		letter-spacing: 0.08em;
	}
	.staff .link-list .pc table tr th:last-child,
	.staff .link-list .pc table tr td:last-child{
		border-right-width: 0;
	}
	.staff .link-list .pc table tr td ul li{
		margin: 0 0 5px 0;
	}
	.staff .link-list .pc table tr td ul li:last-child{
		margin-bottom: 0;
	}
	.staff .link-list .pc table tr td ul li a{
		display: block;
		position: relative;
		width: 120px;
		height: 40px;
		margin: 0 auto;
		border-radius: 20px;
		background-image: -webkit-gradient(linear, left top, right top, from(#004ea2), to(#00a2d0));
		background-image: linear-gradient(90deg, #004ea2 0%, #00a2d0 100%);
	}
	.staff .link-list .pc table tr td ul li a:before{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 120px;
		height: 40px;
		border-radius: 20px;
		background-image: -webkit-gradient(linear, right top, left top, from(#004ea2), to(#00a2d0));
		background-image: linear-gradient(-90deg, #004ea2 0%, #00a2d0 100%);
		opacity: 0;
		content: '';
		-webkit-transition: opacity 0.5s;
		        transition: opacity 0.5s;
	}
	.staff .link-list .pc table tr td ul li a span{
		display: block;
		position: absolute;
		z-index: 1;
		top: 0;
		left: 0;
		width: 120px;
		height: 40px;
		color: #ffffff;
		font-family: 'Bree Serif', serif;
		font-size: 22px;
		font-weight: normal;
		text-align: center;
		line-height: 40px;
		letter-spacing: 0.096em;
	}
	.staff .link-list .pc table tr td ul li a:hover:before{
		opacity: 1;
	}
	.staff .link-list .pc table thead tr th{
		height: 70px;
		padding: 0;
		background: #626c76;
		color: #ffffff;
	}
	.staff .link-list .pc table thead tr th:nth-child(1){
		width: 200px;
		background: url(../img/pc/_lin_lis_tab_bg.png) no-repeat center center;
	}
	.staff .link-list .pc table thead tr th:nth-child(1) >.wrap{
		position: relative;
		width: 100%;
		height: 70px;
	}
	.staff .link-list .pc table thead tr th:nth-child(1) >.wrap span{
		position: absolute;
		font-size: 16px;
		line-height: 1;
	}
	.staff .link-list .pc table thead tr th:nth-child(1) >.wrap span.t1{
		bottom: 15px;
		left: 18px;
	}
	.staff .link-list .pc table thead tr th:nth-child(1) >.wrap span.t2{
		top: 15px;
		right: 18px;
	}
	.staff .link-list .pc table tbody tr th{
		color: #ffffff;
	}
	.staff .link-list .pc table tbody tr:nth-child(2n - 1) th{
		background: #5f95c3;
	}
	.staff .link-list .pc table tbody tr:nth-child(2n - 1) td{
		background: #edf1f5;
	}
	.staff .link-list .pc table tbody tr:nth-child(2n) th{
		background: #7bacd6;
	}
	.staff .link-list .pc table tbody tr:nth-child(2n) td{
		background: #f5f7f9;
	}
	.staff .link-list .sp{
		display: none;
	}
}

@media all and (min-width: 769px){
	.staff-index main{
		padding: 100px 0 90px 0;
	}
	.staff-index .jumper{
		margin: 0 0 80px 0;
	}
	.staff-index .jumper ul{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-index .jumper ul li{
		width: 320px;
		height: 60px;
		margin: 0 40px 0 0;
	}
	.staff-index .jumper ul li:last-child{
		margin-right: 0;
	}
	.staff-index .jumper ul li a{
		display: block;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: relative;
		width: 320px;
		height: 60px;
		border: 2px solid #004ea2;
		border-radius: 30px;
		background: #ffffff;
		color: #004ea2;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 16px;
		font-weight: 500;
		text-align: center;
		line-height: 56px;
		letter-spacing: 0.08em;
		-webkit-transition: background-color 0.5s, color 0.5s, border-color 0.5s;
		        transition: background-color 0.5s, color 0.5s, border-color 0.5s;
	}
	.staff-index .jumper ul li a:after{
		display: block;
		position: absolute;
		top: 0;
		right: 28px;
		bottom: 0;
		width: 7px;
		height: 7px;
		margin: auto;
		border-width: 0 2px 2px 0;
		border-style: solid;
		border-color: #004ea2;
		content: '';
		-webkit-transition: border-color 0.5s;
		        transition: border-color 0.5s;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transform-origin: 50% 50%;
		        transform-origin: 50% 50%;
	}
	.staff-index .jumper ul li a:hover{
		background-color: #004ea2;
		color: #ffffff;
	}
	.staff-index .jumper ul li a:hover:after{
		border-color: #ffffff;
	}
	.staff-index .index-list{
		margin: 0 0 100px 0;
	}
	.staff-index .index-list .tag-list{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		margin: 0 60px 80px 60px;
		padding: 30px 45px 30px 60px;
		background: #f5f7f9;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.staff-index .index-list .tag-list h2{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 230px;
		border-right: 1px solid #e4e6e7;
		font-family: 'Noto Serif JP', serif;
		font-size: 22px;
		font-weight: 500;
		letter-spacing: 0.048em;

		-webkit-align-items: center;
		        align-items: center;
		-webkit-box-align: center;
		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-ms-flex-align: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.staff-index .index-list .tag-list ul{
		width: 775px;
		padding: 0 0 0 40px;
		font-size: 0;
	}
	.staff-index .index-list .tag-list ul li{
		display: inline-block;
		min-width: 120px;
		height: 40px;
		margin: 0 10px 10px 0;
		font-size: 16px;
	}
	.staff-index .index-list .tag-list ul li a{
		display: inline-block;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		min-width: 120px;
		height: 40px;
		padding: 0 20px;
		border-radius: 20px;
		background: #ffffff;
		color: #000000;
		font-size: 16px;
		text-align: center;
		line-height: 40px;
		letter-spacing: 0.032em;
		-webkit-transition: color 0.5s, background-color 0.5s;
		        transition: color 0.5s, background-color 0.5s;
	}
	.staff-index .index-list .tag-list ul li a:hover,
	.staff-index .index-list .tag-list ul li a.active{
		background: #566f88;
		color: #ffffff;
	}
	.staff-index .index-list.unavailable .tag-list ul li a:hover{
		background: #ffffff;
		color: #000000;
	}
	.staff-index .index-list .stage{
		position: relative;
		margin: 0 60px;
		-webkit-transition: height 0.5s;
		        transition: height 0.5s;
	}
	.staff-index .index-list .stage article{
		position: absolute;
		width: 360px;
		height: 552px;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		        transition: opacity 0.5s;
	}
	.staff-index .index-list .stage article.show{
		opacity: 1;
	}
	.staff-index .index-list .stage article >.wrap{
		position: relative;
		z-index: 1;
		width: 360px;
		height: 552px;
		background: #ffffff;
	}
	.staff-index .index-list .stage article >.wrap figure .image{
		width: 360px;
		height: 300px;
	}
	.staff-index .index-list .stage article >.wrap figure .image img{
		width: 360px;
		height: 300px;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption{
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 360px;
		height: 252px;
		padding: 25px 0 0 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .sect{
		font-size: 16px;
		text-align: center;
		line-height: 26px;
		letter-spacing: 0.048em;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0.048em;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li{
		position: relative;
		padding: 0 30px 0 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 30px;
		text-align: center;
		content: '|';
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li:last-child{
		padding-right: 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li:last-child:after{
		display: none;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .name{
		color: #004ea2;
		font-family: 'Bree Serif', serif;
		font-size: 30px;
		font-weight: normal;
		text-align: center;
		line-height: 50px;
		letter-spacing: 0.048em;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags{
		margin: 0 0 24px 0;
		font-size: 0;
		text-align: center;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags li{
		display: inline-block;
		margin: 0 10px 0 0;
		font-size: 16px;
		line-height: 32px;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags li:last-child{
		margin-right: 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags li a{
		color: #000000;
		text-decoration: underline;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p{
		width: 200px;
		height: 40px;
		margin: 0 auto;
		border-radius: 20px;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p a{
		display: block;
		overflow: hidden;
		position: relative;
		width: 200px;
		height: 0;
		padding: 40px 0 0 0;
		border-radius: 20px;
		background-image: -webkit-gradient(linear, left top, right top, from(#004ea2), to(#00a2d0));
		background-image: linear-gradient(90deg, #004ea2 0%, #00a2d0 100%);
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p a:before{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 40px;
		border-radius: 20px;
		background-image: -webkit-gradient(linear, right top, left top, from(#004ea2), to(#00a2d0));
		background-image: linear-gradient(-90deg, #004ea2 0%, #00a2d0 100%);
		opacity: 0;
		content: '';
		-webkit-transition: opacity 0.5s;
		        transition: opacity 0.5s;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p a span{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 200px;
		height: 40px;
		color: #ffffff;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 14px;
		font-weight: 500;
		text-align: center;
		line-height: 40px;
		letter-spacing: 0.08em;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p a:hover:before{
		opacity: 1;
	}
	.staff-index .index-list .stage article:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		width: 320px;
		height: 40px;
		margin: auto;
		border-radius: 50%;
		background: #000000;
		-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
		        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
		content: '';
	}
}

@media all and (min-width: 769px){
	.staff-detail .page-title{
		height: 600px;
	}
	.staff-detail .page-title .frame{
		width: 1280px;
	}
	.staff-detail .page-title .frame >.wrap{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		width: 470px;
		height: 280px;
		background: #004ea2;
		color: #ffffff;

		-webkit-align-items: center;
		        align-items: center;
		-webkit-box-align: center;
		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap{
		text-align: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .sect{
		font-family: 'Noto Serif JP', serif;
		font-size: 20px;
		font-weight: 400;
		line-height: 32px;
		letter-spacing: 0.048em;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-family: 'Noto Serif JP', serif;
		font-size: 20px;
		font-weight: 400;
		line-height: 32px;
		letter-spacing: 0.048em;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li{
		position: relative;
		padding: 0 36px 0 0;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 36px;
		text-align: center;
		content: '|';
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li:last-child{
		padding-right: 0;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li:last-child:after{
		display: none;
	}
	.staff-detail .page-title .frame >.wrap >.wrap h1{
		margin: 14px 0;
		font-family: 'Bree Serif', serif;
		font-size: 40px;
		font-weight: normal;
		line-height: 50px;
		letter-spacing: 0.096em;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-size: 16px;
		line-height: 26px;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags li{
		margin: 0 18px 0 0;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags li:before{
		margin: 0 0.25em 0 0;
		content: '#';
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags li:last-child{
		margin-right: 0;
	}
	.staff-detail main{
		padding: 90px 0 100px 0;
	}
	.staff-detail main .poem{
		margin: 0 120px 90px 120px;
	}
	.staff-detail main .poem p{
		font-family: 'Noto Serif JP', serif;
		font-size: 25px;
		font-weight: 400;
		text-align: center;
		line-height: 38px;
	}
	.staff-detail main .main-lead{
		margin: 0 120px 90px 120px;
	}
	.staff-detail main .main-lead p{
		font-size: 16px;
		line-height: 34px;
		letter-spacing: 0.048em;
	}
	.staff-detail main .main-contents{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		margin: 0 60px 100px 60px;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	}
	.staff-detail main .main-contents >.wrap{
		width: 540px;
	}
	.staff-detail main .main-contents >.wrap .section-title{
		position: relative;
		margin: 0 0 35px 0;
		padding: 0 0 16px 0;
	}
	.staff-detail main .main-contents >.wrap .section-title:before{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 2px;
		background: #e2e5e8;
		content: '';
	}
	.staff-detail main .main-contents >.wrap .section-title:after{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 140px;
		height: 2px;
		background: #004ea2;
		content: '';
	}
	.staff-detail main .main-contents >.wrap .section-title h2{
		font-family: 'Noto Serif JP', serif;
		font-size: 25px;
		font-weight: 400;
		line-height: 38px;
	}
	.staff-detail main .main-contents >.wrap >.body p{
		font-size: 16px;
		line-height: 34px;
		letter-spacing: 0.048em;
	}
	.staff-detail main .main-contents >figure{
		width: 580px;
	}
	.staff-detail main .main-contents >figure .photo img{
		width: 100%;
	}
	.staff-detail main .main-contents.mc2{
		        flex-direction: row-reverse;

		-webkit-box-direction: reverse;
		-webkit-box-orient: horizontal;
		-webkit-flex-direction: row-reverse;
		    -ms-flex-direction: row-reverse;
	}
	.staff-detail main .inheritation{
		position: relative;
		margin: 0 120px 100px 120px;
	}
	.staff-detail main .inheritation >.wrap{
		position: relative;
		z-index: 1;
		padding: 0 0 60px 0;
		background: #ffffff;
	}
	.staff-detail main .inheritation >.wrap .section-title h2{
		margin: 0 0 45px 0;
		font-family: 'Noto Serif JP', serif;
		font-size: 34px;
		font-weight: 400;
		text-align: center;
		line-height: 38px;
	}
	.staff-detail main .inheritation >.wrap .section-body{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: start;
		-ms-flex-pack: start;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: flex-start;
		        justify-content: flex-start;
	}
	.staff-detail main .inheritation >.wrap .section-body figure{
		width: 520px;
	}
	.staff-detail main .inheritation >.wrap .section-body figure .photo{
		width: 480px;
	}
	.staff-detail main .inheritation >.wrap .section-body figure .photo img{
		width: 100%;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap{
		width: 520px;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title{
		margin: 0 0 20px 0;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .sect{
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0.048em;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-size: 16px;
		line-height: 26px;
		letter-spacing: 0.048em;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li{
		position: relative;
		padding: 0 36px 0 0;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 28px;
		text-align: center;
		content: '|';
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li:last-child{
		padding-right: 0;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li:last-child:after{
		display: none;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title h1{
		color: #004ea2;
		font-family: 'Bree Serif', serif;
		font-size: 28px;
		font-weight: normal;
		line-height: 42px;
		letter-spacing: 0.096em;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap >.body p{
		font-size: 16px;
		line-height: 34px;
		letter-spacing: 0.048em;
	}
	.staff-detail main .inheritation:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		width: 720px;
		height: 40px;
		margin: auto;
		border-radius: 50%;
		background: #000000;
		-webkit-box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
		        box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.2);
		content: '';
	}
}

@media all and (max-width: 768px){
	.staff .page-title{
		background-image: url(../img/sp/_pag_ttl_bg.jpg);
	}
	.staff .link-list .section-title h2{
		margin: 0 0 5.33333vw 0;
		font-family: 'Noto Serif JP', serif;
		font-size: 5.86667vw;
		font-weight: 400;
		text-align: center;
		line-height: 7.46667vw;
	}
	.staff .link-list .pc{
		display: none;
	}
	.staff .link-list .sp{
		margin: 0 8vw;
	}
	.staff .link-list .sp article h3{
		height: 10.66667vw;
		margin: 0 0 0.26667vw 0;
		padding: 0 5.33333vw;
		color: #ffffff;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 4vw;
		font-weight: 700;
		line-height: 10.66667vw;
		letter-spacing: 0.08em;
	}
	.staff .link-list .sp article ul li{
		height: 14.66667vw;
		margin: 0 0 0.26667vw 0;
	}
	.staff .link-list .sp article ul li:nth-child(2n-1){
		background: #edf1f5;
	}
	.staff .link-list .sp article ul li:nth-child(2n){
		background: #f5f7f9;
	}
	.staff .link-list .sp article ul li a{
		display: block;
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		height: 14.66667vw;
		padding: 0 0 0 5.33333vw;

		-webkit-align-items: center;
		        align-items: center;
		-webkit-box-align: center;
		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: justify;
		-ms-flex-align: center;
		-ms-flex-pack: justify;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: space-between;
		        justify-content: space-between;
	}
	.staff .link-list .sp article ul li a .category{
		color: #000000;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 4vw;
		font-weight: 700;
	}
	.staff .link-list .sp article ul li a .name{
		position: relative;
		padding: 0 12.26667vw 0 0;
		color: #c3ccd6;
		font-family: 'Bree Serif', serif;
		font-size: 5.33333vw;
		font-weight: normal;
		letter-spacing: 0.16em;
	}
	.staff .link-list .sp article ul li a .name:after{
		display: block;
		position: absolute;
		top: 0;
		right: 5.33333vw;
		bottom: 0;
		width: 1.33333vw;
		height: 1.33333vw;
		margin: auto;
		border-width: 0 0.53333vw 0.53333vw 0;
		border-style: solid;
		border-color: #004ea2;
		content: '';
		-webkit-transform: rotate(-45deg);
		        transform: rotate(-45deg);
		-webkit-transform-origin: 50% 50%;
		        transform-origin: 50% 50%;
	}
	.staff .link-list .sp article:nth-child(2n-1) h3{
		background: #5f95c3;
	}
	.staff .link-list .sp article:nth-child(2n) h3{
		background: #7bacd6;
	}
}

@media all and (max-width: 768px){
	.staff-index main{
		padding: 13.33333vw 0;
	}
	.staff-index .jumper{
		margin: 0 0 13.33333vw 0;
	}
	.staff-index .jumper ul li{
		width: 69.33333vw;
		height: 12vw;
		margin: 0 auto 4vw auto;
	}
	.staff-index .jumper ul li:last-child{
		margin-bottom: 0;
	}
	.staff-index .jumper ul li a{
		display: block;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		position: relative;
		width: 69.33333vw;
		height: 12vw;
		border: 0.53333vw solid #004ea2;
		border-radius: 6vw;
		background: #ffffff;
		color: #004ea2;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 3.46667vw;
		font-weight: 500;
		text-align: center;
		line-height: 10.93333vw;
		letter-spacing: 0.08em;
		-webkit-transition: background-color 0.5s, color 0.5s, border-color 0.5s;
		        transition: background-color 0.5s, color 0.5s, border-color 0.5s;
	}
	.staff-index .jumper ul li a:after{
		display: block;
		position: absolute;
		top: 0;
		right: 4.8vw;
		bottom: 0;
		width: 1.33333vw;
		height: 1.33333vw;
		margin: auto;
		border-width: 0 0.53333vw 0.53333vw 0;
		border-style: solid;
		border-color: #004ea2;
		content: '';
		-webkit-transition: border-color 0.5s;
		        transition: border-color 0.5s;
		-webkit-transform: rotate(45deg);
		        transform: rotate(45deg);
		-webkit-transform-origin: 50% 50%;
		        transform-origin: 50% 50%;
	}
	.staff-index .index-list{
		margin: 0 0 16vw 0;
	}
	.staff-index .index-list .tag-list{
		margin: 0 0 13.33333vw 0;
		padding: 0 0 5.33333vw 0;
		background: #f5f7f9;
	}
	.staff-index .index-list .tag-list h2{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		height: 18.66667vw;
		margin: 0 8vw 5.33333vw 8vw;
		border-bottom: 0.26667vw solid #e4e6e7;
		font-family: 'Noto Serif JP', serif;
		font-size: 5.06667vw;
		font-weight: 500;
		letter-spacing: 0.048em;

		-webkit-align-items: center;
		        align-items: center;
		-webkit-box-align: center;
		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-index .index-list .tag-list ul{
		width: 86.66667vw;
		margin: 0 0 0 8vw;
		padding: 0;
		font-size: 0;
	}
	.staff-index .index-list .tag-list ul li{
		display: inline-block;
		min-width: 26.13333vw;
		height: 9.33333vw;
		margin: 0 2.66667vw 2.66667vw 0;
		font-size: 3.2vw;
	}
	.staff-index .index-list .tag-list ul li a{
		display: inline-block;
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		min-width: 26.13333vw;
		height: 9.33333vw;
		padding: 0 4.66667vw;
		border-radius: 4.66667vw;
		background: #ffffff;
		color: #000000;
		font-size: 3.2vw;
		text-align: center;
		line-height: 9.33333vw;
		letter-spacing: 0.032em;
		-webkit-transition: color 0.5s, background-color 0.5s;
		        transition: color 0.5s, background-color 0.5s;
	}
	.staff-index .index-list .tag-list ul li a.active{
		background: #566f88;
		color: #ffffff;
	}
	.staff-index .index-list .stage{
		position: relative;
		margin: 0 8vw;
		-webkit-transition: height 0.5s;
		        transition: height 0.5s;
	}
	.staff-index .index-list .stage article{
		position: absolute;
		width: 84vw;
		height: 131.73333vw;
		opacity: 0;
		-webkit-transition: opacity 0.5s;
		        transition: opacity 0.5s;
	}
	.staff-index .index-list .stage article.show{
		opacity: 1;
	}
	.staff-index .index-list .stage article >.wrap{
		position: relative;
		z-index: 1;
		width: 84vw;
		height: 131.73333vw;
		background: #ffffff;
	}
	.staff-index .index-list .stage article >.wrap figure .image{
		width: 84vw;
		height: 69.73333vw;
	}
	.staff-index .index-list .stage article >.wrap figure .image img{
		width: 84vw;
		height: 69.73333vw;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption{
		-webkit-box-sizing: border-box;
		        box-sizing: border-box;
		width: 84vw;
		height: 62vw;
		padding: 7.2vw 0 0 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .sect{
		font-size: 3.46667vw;
		text-align: center;
		line-height: 5.06667vw;
		letter-spacing: 0.048em;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-size: 3.46667vw;
		line-height: 5.06667vw;
		letter-spacing: 0.048em;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li{
		position: relative;
		padding: 0 6.13333vw 0 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 6.13333vw;
		text-align: center;
		content: '|';
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li:last-child{
		padding-right: 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .stat li:last-child:after{
		display: none;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .name{
		color: #004ea2;
		font-family: 'Bree Serif', serif;
		font-size: 6.93333vw;
		font-weight: normal;
		text-align: center;
		line-height: 12.8vw;
		letter-spacing: 0.048em;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags{
		margin: 0 0 5.33333vw 0;
		font-size: 0;
		text-align: center;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags li{
		display: inline-block;
		margin: 0 3.2vw 0 0;
		font-size: 3.2vw;
		line-height: 6.4vw;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags li:last-child{
		margin-right: 0;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .tags li a{
		color: #000000;
		text-decoration: underline;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p{
		width: 50.66667vw;
		height: 12vw;
		margin: 0 auto;
		border-radius: 6vw;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p a{
		display: block;
		overflow: hidden;
		position: relative;
		width: 50.66667vw;
		height: 0;
		padding: 12vw 0 0 0;
		border-radius: 6vw;
		background-image: -webkit-gradient(linear, left top, right top, from(#004ea2), to(#00a2d0));
		background-image: linear-gradient(90deg, #004ea2 0%, #00a2d0 100%);
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p a:before{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 50.66667vw;
		height: 12vw;
		border-radius: 6vw;
		background-image: -webkit-gradient(linear, right top, left top, from(#004ea2), to(#00a2d0));
		background-image: linear-gradient(-90deg, #004ea2 0%, #00a2d0 100%);
		opacity: 0;
		content: '';
		-webkit-transition: opacity 0.5s;
		        transition: opacity 0.5s;
	}
	.staff-index .index-list .stage article >.wrap figure figcaption .link p a span{
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 50.66667vw;
		height: 12vw;
		color: #ffffff;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 3.46667vw;
		font-weight: 500;
		text-align: center;
		line-height: 12vw;
		letter-spacing: 0.08em;
	}
	.staff-index .index-list .stage article:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		width: 77.33333vw;
		height: 5.33333vw;
		margin: auto;
		border-radius: 50%;
		background: #000000;
		-webkit-box-shadow: 0 0.66667vw 2.66667vw 0 rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0.66667vw 2.66667vw 0 rgba(0, 0, 0, 0.2);
		content: '';
	}
}

@media all and (max-width: 768px){
	.staff-detail .page-title{
		height: 122.66667vw;
		background-position: center top;
		background-size: 100% auto;

		-webkit-align-items: flex-end;
		        align-items: flex-end;
		-webkit-box-align: end;
		-ms-flex-align: end;
	}
	.staff-detail .page-title .frame >.wrap{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		width: 69.33333vw;
		height: 40vw;
		background: #004ea2;
		color: #ffffff;

		-webkit-align-items: center;
		        align-items: center;
		-webkit-box-align: center;
		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-align: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap{
		text-align: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .sect{
		font-family: 'Noto Serif JP', serif;
		font-size: 3.46667vw;
		font-weight: 400;
		line-height: 5.06667vw;
		letter-spacing: 0.048em;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-family: 'Noto Serif JP', serif;
		font-size: 3.46667vw;
		font-weight: 400;
		line-height: 5.06667vw;
		letter-spacing: 0.048em;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li{
		position: relative;
		padding: 0 6.13333vw 0 0;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 6.13333vw;
		text-align: center;
		content: '|';
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li:last-child{
		padding-right: 0;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .stat li:last-child:after{
		display: none;
	}
	.staff-detail .page-title .frame >.wrap >.wrap h1{
		margin: 3.33333vw 0;
		font-family: 'Bree Serif', serif;
		font-size: 5.6vw;
		font-weight: normal;
		line-height: 6.93333vw;
		letter-spacing: 0.096em;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-size: 3.2vw;
		line-height: 4.8vw;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags li{
		margin: 0 4vw 0 0;
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags li:before{
		margin: 0 0.25em 0 0;
		content: '#';
	}
	.staff-detail .page-title .frame >.wrap >.wrap .tags li:last-child{
		margin-right: 0;
	}
	.staff-detail main{
		padding: 10vw 0 13.33333vw 0;
	}
	.staff-detail main .poem{
		margin: 0 8vw 8vw 8vw;
	}
	.staff-detail main .poem p{
		font-family: 'Noto Serif JP', serif;
		font-size: 4.53333vw;
		font-weight: 400;
		text-align: center;
		line-height: 7.46667vw;
	}
	.staff-detail main .main-lead{
		margin: 0 8vw 8vw 8vw;
	}
	.staff-detail main .main-lead p{
		font-size: 3.46667vw;
		line-height: 6.13333vw;
		letter-spacing: 0.048em;
	}
	.staff-detail main .main-contents{
		margin: 0 4vw 11.33333vw 4vw;
	}
	.staff-detail main .main-contents >.wrap{
		margin: 0 0 8vw 0;
	}
	.staff-detail main .main-contents >.wrap .section-title{
		position: relative;
		margin: 0 0 4vw 0;
		padding: 0 0 2.93333vw 0;
	}
	.staff-detail main .main-contents >.wrap .section-title:before{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 100%;
		height: 0.26667vw;
		background: #e2e5e8;
		content: '';
	}
	.staff-detail main .main-contents >.wrap .section-title:after{
		display: block;
		position: absolute;
		bottom: 0;
		left: 0;
		width: 26.66667vw;
		height: 0.26667vw;
		background: #004ea2;
		content: '';
	}
	.staff-detail main .main-contents >.wrap .section-title h2{
		font-family: 'Noto Serif JP', serif;
		font-size: 4.53333vw;
		font-weight: 400;
		line-height: 7.46667vw;
		letter-spacing: -0.048em;
	}
	.staff-detail main .main-contents >.wrap >.body p{
		font-size: 3.46667vw;
		line-height: 6.13333vw;
		letter-spacing: 0.048em;
	}
	.staff-detail main .main-contents >figure .photo img{
		width: 100%;
	}
	.staff-detail main .inheritation{
		position: relative;
		margin: 0 4vw 10vw 4vw;
	}
	.staff-detail main .inheritation >.wrap{
		position: relative;
		z-index: 1;
		padding: 0 0 5.33333vw 0;
		background: #ffffff;
	}
	.staff-detail main .inheritation >.wrap .section-title h2{
		margin: 0 0 6vw 0;
		font-family: 'Noto Serif JP', serif;
		font-size: 5.86667vw;
		font-weight: 400;
		text-align: center;
		line-height: 7.73333vw;
	}
	.staff-detail main .inheritation >.wrap .section-body figure{
		margin: 0 0 5.33333vw 0;
	}
	.staff-detail main .inheritation >.wrap .section-body figure .photo img{
		width: 100%;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title{
		margin: 0 0 1.33333vw 0;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .sect{
		font-size: 3.46667vw;
		text-align: center;
		line-height: 5.06667vw;
		letter-spacing: 0.048em;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat{
		display: -webkit-box;
		display: -webkit-flex;
		display: -ms-flexbox;
		display:         flex;
		font-size: 3.46667vw;
		line-height: 5.06667vw;
		letter-spacing: 0.048em;

		-webkit-box-lines: multiple;
		   -moz-box-lines: multiple;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-flex-wrap: wrap;
		    -ms-flex-wrap: wrap;
		        flex-wrap: wrap;
		-webkit-justify-content: center;
		        justify-content: center;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li{
		position: relative;
		padding: 0 6.13333vw 0 0;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		width: 6.13333vw;
		text-align: center;
		content: '|';
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li:last-child{
		padding-right: 0;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title .stat li:last-child:after{
		display: none;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap .title h1{
		color: #004ea2;
		font-family: 'Bree Serif', serif;
		font-size: 6.4vw;
		font-weight: normal;
		text-align: center;
		line-height: 10.66667vw;
		letter-spacing: 0.096em;
	}
	.staff-detail main .inheritation >.wrap .section-body >.wrap >.body p{
		font-size: 3.46667vw;
		line-height: 6.13333vw;
		letter-spacing: 0.048em;
	}
	.staff-detail main .inheritation:after{
		display: block;
		position: absolute;
		right: 0;
		bottom: 0;
		left: 0;
		width: 77.33333vw;
		height: 5.33333vw;
		margin: auto;
		border-radius: 50%;
		background: #000000;
		-webkit-box-shadow: 0 0.66667vw 2.66667vw 0 rgba(0, 0, 0, 0.2);
		        box-shadow: 0 0.66667vw 2.66667vw 0 rgba(0, 0, 0, 0.2);
		content: '';
	}
}