@charset "utf-8";
/* CSS Document */
.read {
	font-size: 1.8rem;
	margin: 4% auto 5%;
}
.txt-strong{
	font-size: 2.4rem;
	font-weight: bold;
	margin-bottom: 2rem;
}
/* for TABLET */
@media screen and (max-width: 768px) {
	.txt-strong{
		font-size: 2rem;
		margin-bottom: 2rem;
	}
	.txt-strong>br{
		display: none;
	}
}

/* --------------------------------------------------

index.html

-------------------------------------------------- */
.main-ttl .sp-img{
	display: none;
}
@media screen and (max-width: 768px) {
	.main-ttl .sp-img{
		display: block;
	}
	.main-ttl .pc-img{
		display: none;
	}
}
	
.glorious{
	position: relative;
}

.glorious:before{
	content: "";
	position: absolute;
	bottom: 0;
	left: 0;
	width: 92%;
	height: 85%;
	background: #ECEDEE;
	z-index: 80;
}

.glorious .people-list li{
	width: 43%;
}

.glorious .people-list a .txt-area{
	right: -5%;
	left: auto;
}

.people-list a .txt-area h3:before,
.people-list a .txt-area h3:after {
	background: #C63319;
}

/* for TABLET */
@media screen and (max-width: 768px) {
	.main-ttl figure img {
		right: -250% !important;
	}
	.glorious .people-list li{
		width: 100%;
		margin: 0 auto 5em;
		padding-bottom: 6em;
	}
	.people-list li a figure, .people-list.n-link li figure {
	  width: 85%;
	}
	.glorious:before{
		height: 95%;
	}
}

@media screen and (max-width: 600px) {
	.main-ttl figure img {
		right: -245% !important;
	}
	.glorious .people-list li{
		padding-bottom: 5em;
	}
	.glorious .people-list li:nth-child(2){
		/*padding-bottom: 6em;*/
		margin-bottom: 8em;
	}
	.glorious .people-list a .txt-area {
		width: 70%;
		top: 60%;
		bottom: auto;
		right: -5%;
		left: auto;
	}
}


/* --------------------------------------------------

.pXX.html

-------------------------------------------------- */
.main-sttl figure.sp-img{
	display: none;
}
@media screen and (max-width: 768px) {
	.main-sttl figure.sp-img{
		display: block;
	}
	.main-sttl figure.pc-img{
		display: none;
	}
}

@media screen and (max-width: 768px) {
	.main-sttl figure img {
		top: -200%;
		bottom: -200%;
		left: -150%;
		right: -200%;
		margin: auto;
		width: auto;
		height: 100%;
		max-width: none;
		min-height: auto;
		min-width: auto;
	}
}

/* interview-ttl */
.interview-ttl {
	color: #000;
	position: absolute;
	bottom: 20%;
	left: 4%;
	text-align: left;
	z-index: 90;
	width:100%;
	max-width: 96%;
}
.interview-ttl h2{
	font-size: 4.8rem;
	font-weight: bold;
	margin-bottom: .5em;
}
.interview-ttl span {
	color: #000;
	background: #FFF;
	padding: 0 1rem;
}
.interview-ttl h2 span {
	color: #fff;
	background: #D8371B;
	padding: 0 1rem;
}
.interview-ttl .txt-theme {
	color: #D8371B;
	margin-bottom: 1em;
	position: relative;
	padding: 0 1rem;
	font-size: 2rem;
	font-weight: bold;
}
.interview-ttl .txt-name{
	display: inline-flex;
	align-items: center;
	font-size: 4rem;
	font-weight: bold;
	letter-spacing: .1em;
	line-height: 2;
	margin-top: 0;
}
.interview-ttl .txt-name .first-name{
	color: #D8371B;
	padding: 0;
}
.interview-ttl .txt-english{
	font-family: "brandon-grotesque", "Noto Sans JP", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "游ゴシック", "Yu Gothic", "メイリオ", Meiryo, Osaka, sans-serif;
	display: block;
	font-style: normal;
	font-size: 1.6rem;
	font-weight: bold;
	color: #000;
	margin-left: 1rem;
}



.p05 .interview-ttl {
	bottom: 12%;
}

.p05 .interview-ttl h2{
	font-size: 4.2rem;
}
.p05 .interview-ttl h2 span{
	line-height: 1;
}
.p05 .interview-ttl .txt-name{
	font-size: 3.6rem;
}


/* for TABLET */
@media screen and (max-width: 1800px) {
	
	.p05 .interview-ttl {
		bottom: 10%;
	}
	.p05 .interview-ttl h2{
		font-size: 3.6rem;
	}
	.p05 .interview-ttl .txt-name{
		font-size: 3.2rem;
	}
	
}

/* for TABLET */
@media screen and (max-width: 1600px) {
	
	.interview-ttl h2{
		font-size: 3.8rem;
	}
	.interview-ttl .txt-name{
		font-size: 3.0rem;
	}
	
}

/* for TABLET */
@media screen and (max-width: 1200px) {
	
	.p05 .interview-ttl {
		bottom: 5%;
	}
	.interview-ttl h2{
		font-size: 3.2rem;
	}
	.interview-ttl .txt-name{
		font-size: 2.7rem;
	}
	.interview-ttl .txt-english {
		font-size: 1.4rem;
	}
	
}

/* for TABLET */
@media screen and (max-width: 768px) {
	.interview-ttl {
		left: 0;
		bottom: 3%;
	}
	.interview-ttl .txt-theme {
		margin-left: 1rem;
	}
	.interview-ttl h2{
		font-size: 4.8vw;
		margin-bottom: 0;
	}
	.interview-ttl .txt-theme {
		margin-bottom: 0;
		padding: 0;
		font-size: 3vw;
	}
	.interview-ttl .txt-name{
		font-size: 4.0vw;
	}
	.interview-ttl .txt-name .first-name{
		padding: 0;
	}
	.interview-ttl .txt-english{
		font-size: 1.5vw;
		margin-left: .5rem;
		white-space: nowrap;
	}
	
	.p05 .interview-ttl {
		bottom: 2%;
	}

	.p05.main-sttl figure img {
		top: -200%;
		bottom: -200%;
		left: -190%;
		right: -200%;
	}
}



/* .lead */
.lead{
	background: #212121;
	width: 90%;
}
.lead .lead-box{
	display: flex;
	margin: 6rem auto 0;
	align-items: center;
	max-width: 1200px;
}
.lead .lead-box h3{
	width: 30%;	
}
.lead .txt{
	width: 70%;
	padding: 50px 60px;
}
.lead .txt p{
	color: #fff;
	line-height: 2.3;
}
/* for TABLET */
@media screen and (max-width: 768px) {
	.lead{
		width: 95%;
	}
	.lead .lead-box{
		display: block;
		padding: 3em 2em;
		margin: 0;
	}
	.lead .lead-box h3{
		width: 100%;
		margin-bottom: 1em;
	}
	.lead .txt{
		width: 100%;
		padding: 0;
	}
}

/* .profile */
.profile .profile-box{
	display: flex;
	margin: 6rem auto;
	align-items: center;
	max-width: 1200px;
	
}
.profile .profile-box figure{
	width: 20%;	
}
.profile .txt{
	width: 70%;
	padding: 30px 60px;
}
.profile .txt .category{
	margin-bottom: 1rem;
}
.profile .txt h3{
	display: inline-block;
	font-size: 2.8rem;
	font-weight: bold;
}
.profile .txt .education{
	display: inline-block;
	margin-left: 1rem;
}
.profile .txt .history{
	border-top: 1px solid #D9DBDD;
	padding: 2rem 0;
}
.profile .txt .history li{
	padding-bottom: .7rem;
}
/* for TABLET */
@media screen and (max-width: 768px) {
	
	.profile .inner{
		width: 90%;
	}
	.profile .profile-box{
		margin: 8% 0;
	}
	.profile .profile-box figure{
		width: 50%;
		margin: 0;
		padding: 3%;
	}
	.profile .txt{
		width: 100%;
		padding: 3%;
	}
	.profile .txt .category{
		margin-bottom: .5rem;
	}
	.profile .txt .affiliation{
		margin-bottom: .5rem;
		font-size: 1.4rem;
	}
	.profile .txt h3{
		display: block;
		font-size: 2.4rem;
		font-weight: bold;
	}
	.profile .txt .education{
		display: block;
		margin-left: 0;
		padding-bottom: 1rem;
		font-size: 1.4rem;
	}
	.profile .txt .history{
		padding: 1rem 0;
	}
}

/* ttl-glorious */
.ttl-glorious{
	color: #C63319;
	font-size: 3.9rem;
}
.ttl-glorious span{
	font-size: 3.2rem;
	color: #212121;
	display: inline-block;
	margin-bottom: 1em;
}
.ttl-glorious span:after {
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background: #212121;
    margin-top: 0;
}
/* for TABLET */
@media screen and (max-width: 768px) {
	.ttl-glorious{
		font-size: 2.6rem;
	}
	.ttl-glorious span{
		font-size: 2.2rem !important;
	}
}

/* p-block-area */
.p-block-area {
	position: relative;
}
.p-block-area > div {
	display: flex;
	justify-content: space-between;
}
.p-block.center{
	flex-wrap: wrap;
}
.p-block.center figure{
	width: 100%;
}
.p-block-area .pht-left {
	flex-direction: row-reverse;
}
.p-block-area .txt {
	background-color: #FFF;
	line-height: 2.2;
	font-size: 1.7rem;
	width: 90%;
	margin-top: -15%;
}
.p-block-area .txt p{
	margin-bottom: 2em;
}
.p-block:nth-child(odd)  .txt{
	padding: 5% 10% 5% 5%;
	margin-left: auto;
}
.p-block:nth-child(even) .txt {
	margin: 5% 10%;
}
.p-block-area.single-col{
	margin-top: -10rem;
}
.single-col .p-block:nth-child(odd) .txt{
	margin: -3rem 10% 0 !important;
	padding: 0;
}
.p-block-area figure img{
	width: 100%;
}
.p-block-area h3,
.contents-box h3 {
	font-weight: bold;
	margin: 6rem 0 2em;
	line-height: 1.3;
}
.p-block > div > h3:first-of-type,
.contents-box > div > div > h3:first-of-type {
	margin: 0 0 4rem;
}
.p-block-area h3 span,
.contents-box  h3 span{
	font-size: 3rem;
}


/* for TABLET */
@media screen and (max-width: 768px) {
	
	.p-block-area {
		position: relative;
		margin-bottom: 8%;
	}
	.p-block-area:before {
		left: -4%;
	}
	.p-block-area > div {
		display: block;
	}
	.p-block:nth-child(odd) .txt,
 	.p-block:nth-child(even) .txt{
		width: 84%;
		margin: 0 auto;
	 	padding: 2em 0;
	}
	.p-block-area h3 {
		font-size: 2.6rem;
		margin-bottom: 2rem
	}
	.p-block-area figure {
		width: 100%;
		margin: 4% 0 0 auto;
	}
	.p-block-area li:last-child {
		padding: 8% 0;
	}
}

/* people-img */
.people-img>figure{
	width: 100%;
	margin-bottom: 8%;
}
.people-img>figure img{
	width: 100%;
	height: auto;
}

/* episode */
.episode .contents-box {
	padding: 6rem 0;
	position: relative;
	margin: 0 auto 5%;
}
.episode .contents-box .box-wrap {
	display: flex;
	align-items: flex-start;
	padding: 0;
	margin-bottom: 6rem;
}
.episode .contents-box .box-wrap:last-child {
	margin-bottom: 0;
}
.episode .contents-box .box-wrap.box-reverse {
	flex-direction: row-reverse;
	justify-content: center;
}
.episode .contents-box .box-wrap figure {
	padding-right: 5%;
}
.episode .contents-box .box-wrap.box-reverse figure {
	padding-right: 5%;	
	padding-left: 5%;
	position: relative;
	margin-bottom: 5%;
}
.episode .contents-box .box-wrap.box-reverse figure:after{
	content: "";
	background: #C63319;
	display: inline-block;
	width: 45%;
	height: 55%;
	position: absolute;
	right: 0;
	bottom: -15%;
	z-index: -1;
}
.episode .contents-box .txt {
	width: 50%;
	padding: 0;
	margin: 0;
}
.episode .contents-box .txt{
	width: 50%;
	padding: 0 10% 0 0;
	margin-right: 0;		
}
.episode .contents-box .txt p{
	margin-bottom: 2em;
}
.episode .box-wrap.box-reverse .txt {
	width: 50%;
	padding: 0 5% 0 10%;
	margin-right: 0;	
}

.txt-right {
	text-align: right;
	padding-top: 1em;
}

/* box-2col */
.episode .box-2col {
	width: 80%;
    display: flex;
    justify-content:space-between;
	margin: 0 auto;
}

.episode .box-2col div{
	width: 48%;
}

@media screen and (max-width: 768px) {
	.episode .contents-box {
		width: 84%;
		padding: 0;
	}
	.episode .contents-box .box-wrap {
		display: block;
	}
	.episode .contents-box .box-wrap {
		margin-bottom: 6rem;
	}
	.episode .contents-box .txt {
		padding: 0 6rem;
		margin-right: 6rem;
		width: 100%;
	}
	.episode .box-wrap.box-reverse .txt {
		width: 100%;
	}
	.episode .contents-box .box-wrap.box-reverse figure,
	.episode .contents-box .box-wrap figure {
		padding: 0;
	}
	.episode .contents-box .txt.txt-w-l{
		margin: 0;
		padding: 2em 0;
	}
	.episode .box-2col {
		width: 84%;
		display: block;
		margin: 0 auto;
	}
	.episode .box-2col div{
		width: 100%;
		margin-bottom: 5rem;
	}
	.episode .contents-box .box-wrap.box-reverse figure:after{
		right: -5%;
		bottom: -3%;
	}
}



/* career */
.career {
	margin:  6% 0 0;
	padding: 6% 0 8%;
	position: relative;
	overflow: hidden;
}

.career > img {
	bottom: -200%;
	height: auto;
	left:0;
	margin: auto;
	min-height: auto;
	min-width: auto;
	position: absolute;
	right:0;
	top: -200%;
	width: 100%;
	z-index: -10;
}

.career h3 {
	text-align: center;
	margin-bottom: 4rem;
}

.career h3 img{
	width: 180px;
}

.career h3 span{
	color: #FFF;
	font-size: 1.8rem;
	display: block;
	margin-top: 2rem;
}

.career ul {
	color: #FFF;
	max-width: 1080px;
	margin: 0 auto;
}

.career ul li{
	border-bottom: 1px solid #5F5F5F;
	padding: 1em 2em;
	display: flex;
	justify-content: space-between;
}

.career ul li .career-year{
	width: 6em;
}

.career ul li .career-txt {
	font-weight: bold;
	width: calc(100% - 8em);
}

.career ul li .career-txt span {
    display: block;
    font-weight: normal;
    font-size: 90%;

}

@media screen and (max-width: 768px) {
	
	.career {
		margin:  6% 0 6%;
	}
	.career > img {
		bottom: 0;
		height: 100%;
		left: -200%;
		right: -200%;
		top: 0;
		width: auto;
		max-width: inherit;
	}
	.career > img.career-img-center {
		left: -250%;
	}
	.career ul {
		width: 84%;
	}
	.career ul li{
		padding: 1em 0;
	}
	.career ul li .career-year{
		width: 7em;
	}
	.career ul li .career-txt {
		width: calc(100% - 9em);
	}
	/* pが1つのみの時（:only-child 兄弟要素がない時） */
	.career ul li p:only-child{
		width: 100%;
	}
	

}

/* othert*/
.other {
	position: relative;
	background: #26232C;
	color: #FFF;
	padding:10em 0 8em;
}
.other .inner {
	max-width: 1380px;
	position: relative;
}

/* other-list*/ 
.other-list {
	position: relative;
	z-index:100;
	margin:0 auto 7%;
}
.other-list li {
	position: relative;
	text-align: center;
}
.other-list li  a{
	display: inline-block;
	color: #FFF;
	padding: 2rem;
}
.other-list li figure {
	position: relative;
	margin: 0 auto 1em;
	overflow: hidden;
}
.other-list li figure img{
	width: 100%;
	height: auto;
}
.other-list li figure p{
	position: absolute;
	background: #000;
	color: #FFF;
	top: 0;
	right: 0;
	padding: .25em .5em;
}
.other-list .txt-area{
	width: 100%;
	margin: 0 auto;
	text-align: left;
}
.other-list .txt-area .join{
	color: #79757C;
	font-size: 1.7rem;
	margin-bottom: .5em;
}
.other-list .txt-area .affiliation{
	font-size: 1.7rem;
	line-height: 1.4;
	height: 5em;
	margin-bottom: .5em;
}
.other-list .txt-area h4{
	font-size: 2.6rem;
	padding-right: 3em;
	position: relative;
	font-weight: bold;
}
.other-list .txt-area h4:before {
	content: "";
	height: 1px;
	width: 1.5em;
	background: #fff;
	position: absolute;
	right: .5em;
	top: 50%;
	transition:.25s;
}
.other-list .txt-area h4:after {
	content: "";
	height: 1px;
	width: .5em;
	background: #fff;
	position: absolute;
	right: .5em;
	top: 50%;
	transform: rotate(30deg);
	transform-origin: right;
	transition:.25s;
}
.other-list .slick-prev{
	left: -2rem;
	z-index: 100;
	width: 31px;
	height: 46px;
	z-index: 100;
}
.other-list .slick-next{
	right: -2rem;
	width: 31px;
	height: 46px;	
	z-index: 100;
}
.other-list .slick-prev:before{
	content: "";
	display: inline-block;
	background: url("../img/icon_arrow.svg") no-repeat;
	background-size: contain;
	width: 31px;
	height: 46px;
}
.other-list .slick-next:before{
	content: "";
	display: inline-block;
	background: url("../img/icon_arrow.svg") no-repeat;
	background-size: contain;
	transform: rotate(180deg);
	width: 31px;
	height: 46px;
}
.other .btn-more {
	text-align: center;
	position: relative;
	z-index: 100;
}
@media screen and (max-width: 768px) {
	.other{
		padding: 3em 0;
	}
	.other-list {
		margin:0 auto 5%;
	}
	.other-list .txt-area .affiliation{
		height: 8em;
		margin-bottom: 0;
	}
	.other-list .slick-prev{
		left: -2px;
	}
	.other-list .slick-next{
		right: 10px;
	}
	.btn-more a{
		padding: 1.5em 2em;
	}
}
/*タイトルアニメーション*/
.svg-pass {
	fill: none;
	stroke: #FFFFFF;
	stroke-miterlimit: 10;
	stroke-linecap: round;
	stroke-linejoin: round;
}
.page-ttl svg {
	max-width: 513px;
}
.page-ttl .cls-1 {
	stroke-width: 13px;
}
.page-ttl .cls-2 {
	stroke-width: 12px;
}
@media screen and (max-width: 768px) {
	.page-ttl svg  {
		max-width: 80%;
	}
}