@charset "utf-8";

/* Staff List */
.sect-head--staff-list{
	margin-bottom: 5em;
	text-align: center;
}
.sect-head--staff-list .sect-head__label{
	margin-left: auto;
	margin-right: auto;
}
.staff-list__items{
	list-style: none;
	margin: 0;
	padding: 0;
}
.staff-list__item{
	text-align: center;
}

@media (min-width: 769px){
	.staff-list__items{
		display: flex;
		flex-wrap: wrap;
		margin: 0 0 -5.5% -5.5%;
	}
	.staff-list__item{
		box-sizing: border-box;
		flex: 0 0 44.5%;
		margin: 0 0 5.5% 5.5%;
	}
}
@media (max-width: 768px){
	.staff-list__item:not(:last-child){
		margin-bottom: 3em;
	}
	.staff-list__item:before{
		transform: translate(-.25em, -.25em);
	}
}



.staff-more{
	text-decoration: inherit;
	color: inherit;
	
	display: block;
	position: relative;
	z-index: 0;
}
.staff-more:hover{
	opacity: .78;
}
.staff-more__portrait{
	margin-bottom: .5em;
	position: relative;
	z-index: 0;
}
.staff-more__portrait:before{
	content: "";
	display: block;
	pointer-events: none;
	
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	height: 0;
	border-style: solid;
	border-color: transparent transparent transparent #fff;
	border-width: 0 0 6.25em 6.25em;
}
.staff-more__photo{
	max-width: 100%;
}
.staff-more__number{
	display: block;
	pointer-events: none;
	
	line-height: 1;
	font-size: 6.25em;
	font-family: "Haettenschweiler", "Impact";
	color: #0099ce;
	
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	
	transform: translate(-35%, -35%);
	
	margin: 0;
}
.staff-more__dept{
	line-height: 1.33;
	font-size: 1.125em;
	color: #0099ce;
	margin: .5em 0;
}
.staff-more__catch{
	line-height: 1.33;
	font-size: 1.25em;
	color: #000;
	margin: .4em 0;
}
.button--staff-more{
	color: #0099ce;
	border: 2px solid;
	padding: 1em 2em;
	margin: 1.25em 0 0 0;
}
.button--staff-more:after{
	content: "›";
	
	display: flex;
	align-items: center;
	
	position: absolute;
	top: 0;
	right: 1em;
	bottom: 0;
}
.button--staff-more:before{
	content: "";
	display: block;
	position: absolute;
	z-index: -1;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background: currentcolor;
	opacity: .2;
}
.button--staff-more:not(:hover):before{
	display: none;
}









/* Dept. header */
.dept-header__catch{
	line-height: 1.33;
	font-size: 1.625em;
	font-weight: normal;
	color: #000;
	margin: 0;
}
.dept-header__photo{
	width: 100%;
}



.dept-name{
	font-size: 1em;
	font-weight: normal;
	
	display: flex;
	align-items: center;
	
	margin: 0 0 2em;
}
.dept-name__number{
	line-height: 1;
	font-size: 6.25em;
	font-weight: normal;
	font-family: "Haettenschweiler", "Impact";
	
	color: #0099ce;
}
.dept-name__note{
	line-height: 1.5;
	font-size: 1.125em;
	
	color: #fff;
	background: #0099ce;
	
	margin-left: 1em;
	padding: .25em .5em;
}



@media (min-width: 769px){
	.dept-head-grid{
		display: flex;
	}
	.dept-head-grid__body,
	.dept-head-grid__image{
		box-sizing: border-box;
	}
	.dept-head-grid__body{
		flex: 1 1 auto;
		align-self: center;
	}
	.dept-head-grid__image{
		flex: 0 1 auto;
		max-width: 50%;
		margin-right: 2.5em;
	}
}
@media (max-width: 768px){
	.dept-head-grid__image{
		margin-bottom: 1.5em;
	}
}





/* Dept. Interview */
.dept-interview__photo{
	width: 100%;
}
.title-icon1--interview{
	margin-bottom: 2em;
}
.dept-interview__note{
	margin: 0;
}
.dept-interview__note + .dept-interview__note{
	margin-top: 1em;
}

@media (max-width: 768px){
	.title-icon1--interview .title-icon1__icon{
		flex-basis: 2.1875em;
		padding: .5em;
	}
	.title-icon1--interview .title-icon1__img{
		width: 10px;
	}
}



.dept-interview-list{
	list-style: none;
	margin: 0;
	padding: 0;
}
.dept-interview-list__item + .dept-interview-list__item{
	margin-top: 4.375em;
}



@media (min-width: 769px){
	.dept-interview-grid{
		display: flex;
	}
	.dept-interview-grid__image,
	.dept-interview-grid__body{
		box-sizing: border-box;
	}
	.dept-interview-grid__image{
		flex: 0 0 auto;
		max-width: 45%;
	}
	.dept-interview-grid__body{
		flex: 1 1 auto;
	}
	.dept-interview-list__item:nth-child(odd) .dept-interview-grid__image{
		order: 1;
		margin-left: 1.875em;
	}
	.dept-interview-list__item:nth-child(even) .dept-interview-grid__image{
		margin-right: 1.875em;
	}
}






/* Dept. Schedule */
.dept-schedule{}
.dept-schedule__title{
	line-height: 1.33;
	font-size: 1.625em;
	font-weight: bold;
	
	color: #0099ce;
	border: 2px solid;
	
	margin: 0;
	padding: .5em 1em;
}
.dept-schedule__title:before{
	content: url(../img/works/icon__schedule.png);
	display: inline-block;
	vertical-align: middle;
	margin: 0 .5em 0 0;
}
.dept-schedule__time{
	line-height: 1.33;
	font-size: 1.25em;
	
	color: #fff;
	background: #0099ce;
	
	display: inline-block;
	
	position: relative;
	z-index: 0;
	
	margin: 0 0 .75em;
	padding: .33em 1em;
}
.dept-schedule__time:after,
.dept-schedule__time:before{
	content: "";
	display: block;
	
	position: absolute;
	top: 0;
	bottom: 0;
	margin: auto 0;
}
.dept-schedule__time:after{
	background: #0099ce;
	border: .5rem solid #fff;
	border-radius: 99rem;
	box-shadow: 0 0 0 2px #0099ce;
	
	width: 1em;
	height: 1em;
}
.dept-schedule__time:before{
	border-style: solid;
	border-width: 1px 0;
	border-color: #0099ce;
}
.dept-schedule__name{
	font-weight: bold;
	margin: 0;
}
.dept-schedule__note{
	margin: 0;
}

@media (min-width: 769px){
	.dept-schedule__title{
		display: table;
		/*margin: 0 auto;*/
	}
	.dept-schedule__time:after{
		left: -3.75rem;
		transform: translateX(-50%);
	}
	.dept-schedule__time:before{
		left: -3.25rem;
		right: 100%;
		height: 0;
		margin: auto 0;
	}
}
@media (max-width: 768px){
	.dept-schedule__time:after{
		left: -10vw;
		transform: translateX(-50%);
	}
	.dept-schedule__time:before{
		left: -10vw;
		right: 100%;
		height: 0;
		margin: auto 0;
	}
}



/* Schedule list */
.dept-schedule-list{
	position: relative;
	z-index: 0;
	
	list-style: none;
	margin: 0;
	padding: 4.25em 0;
}
.dept-schedule-list:before{
	content: "";
	
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	
	border-style: solid;
	border-width: 0 1px;
	border-color: #0099ce;
}
.dept-schedule-list__item{
	box-sizing: border-box;
}
.dept-schedule-list__item:not(:last-child){
	margin: 0 0 3em;
}

@media (min-width: 769px){
	.dept-schedule > .sitewidth{
		max-width: calc(1080px + 10%);
	}
	.dept-schedule-list__item{
		padding: 0 0 0 3.75em;
	}
}

@media (max-width: 768px){
	.dept-schedule-list{
		padding: 3em 0 0;
	}
	.dept-schedule-list__item{
		padding: 0 0 0 10vw;
	}
}



/* Schedule lislt OLD */
/*.dept-schedule-list{
	position: relative;
	z-index: 0;
	
	list-style: none;
	margin: 0;
	padding: 4.25em 0;
}
.dept-schedule-list:before{
	content: "";
	
	position: absolute;
	z-index: -1;
	top: 0;
	bottom: 0;
	
	border-style: solid;
	border-width: 0 1px;
	border-color: #0099ce;
}
.dept-schedule-list__item{
	box-sizing: border-box;
}
@media (min-width: 769px){
	.dept-schedule-list:before{
		left: 0;
		right: 0;
		width: 0;
		margin: auto;
	}
	.dept-schedule-list__item{
		width:50%;
	}
	.dept-schedule-list__item:nth-child(odd){
		text-align: right;
		padding: 0 3.75em 0 0;
	}
	.dept-schedule-list__item:nth-child(even){
		margin-left: auto;
		padding: 0 0 0 3.75em;
	}
	.dept-schedule-list__item:nth-child(odd) .dept-schedule__time:after{
		left: auto;
		right: -3.75rem;
		transform: translateX(50%);
	}
	.dept-schedule-list__item:nth-child(odd) .dept-schedule__time:before{
		left: 100%;
		right: -3.25rem;
	}
}
@media (max-width: 768px){
	.dept-schedule-list{
		padding: 3em 0 0;
	}
	.dept-schedule-list__item{
		padding: 0 0 0 10vw;
	}
	.dept-schedule-list__item:not(:last-child){
		margin: 0 0 3em;
	}
}*/





/* Boss */
.dept-boss__portrait{
	width: 100%;
}
.dept-boss__title{
	line-height: 1.33;
	font-size: 1.625em;
	font-weight: normal;
	margin: 0 0 .5em;
}
.dept-boss__title--icon{
	margin: 0;
}
.dept-boss__note{
	margin: 0;
}
.dept-boss__note + .dept-boss__note{
	margin-top: 1em;
}

.icon-grid--comment{
	margin-bottom: calc(.5em * 1.625);
}
@media (max-width: 768px){
	.icon-grid--comment img{
		width: 28.5px;
	}
}



.boss-grid__person{
	color: #fff;
	background: #0099ce;
}
.boss-grid__comment{
	color: #0099ce;
	background: #e6e6e6;
}
@media (min-width: 769px){
	.boss-grid{
		display: flex;
	}
	.boss-grid__person,
	.boss-grid__comment{
		box-sizing: border-box;
		flex: 1 1 50%;
		padding: 3%;
	}
	.boss-grid__person{
		transform: translate(4.5%, -9%);
		z-index: 1;
	}
	.boss-grid__comment{
		transform: translate(-4.5%, 9%);
		padding-left: 6%;
	}
}
@media (max-width: 768px){
	.boss-grid__person,
	.boss-grid__comment{
		padding: 5%;
	}
	.boss-grid__person{
		margin-right: 10%;
		position: relative;
	}
	.boss-grid__comment{
		margin: -10% 0 0 10%;
		padding-top: 15%;
	}
}



.boss-media{
	display: flex;
	align-items: flex-start;
	
	box-sizing: border-box;
	height: 100%;
}
.boss-media__image,
.boss-media__body{
	box-sizing: border-box;
}
.boss-media__image{
	flex: 0 0 20%;
	margin-right: 1.5em;
	
	position: relative;
	z-index: 0;
	
	border: 1px solid;
}
/*.boss-media__image > .dept-boss__portrait{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	width: 100%;
	height: 100%;
	object-fit: contain;
	object-position: center top;
	font-family: "object-fit: contain;";
}*/
.boss-media__body{
	flex: 1 1 auto;
}

/*@media (max-width: 768px){
	.boss-media__image{
		display: none;
	}
}*/





/* Other Dept Nav */
.other-dept__title{
	line-height: 1.33;
	font-size: 1.625em;
	font-weight: bold;
	text-align: center;
	color: #0099ce;
	
	margin: 0 0 2.5em;
}
.other-dept .staff-more__number{
	font-size: 5em;
}
.other-dept .staff-more__portrait:before{
	border-width: 0 0 5em 5em;
}



.other-dept-list{
	display: flex;
	
	list-style: none;
	margin: 0;
	padding: 0;
}
.other-dept-list__item{
	box-sizing: border-box;
}

@media (min-width: 769px){
	.other-dept-list{
		margin: 0 0 -2.5% -2.5%;
	}
	.other-dept-list__item{
		flex: 1 1 0%;
		margin: 0 0 2.5% 2.5%;
	}
}
@media (max-width: 768px){
	.other-dept-list{
		flex-wrap: wrap;
		margin: 0 0 -5% -5%;
	}
	.other-dept-list__item{
		flex: 0 0 45%;
		margin: 0 0 5% 5%;
	}
}






/* Dept Nav */
.nav--dept{
	color: #0099ce;
}
.nav--dept .nav__item{
	flex: 1 1;
}