@charset "UTF-8";
/* CSS Document */

/*////////////////////////////////////////////////////////

staff.css

///////////////////////////////////////////////////////*/
#sigStaff {
	position:relative;
}

#sigStaff .page-decoration-L {
	position:absolute;
	left:0;
	bottom:20vw;
}
#sigStaff .page-decoration-R {
	position:absolute;
	right:0;
	top:64vw;
}

#sigStaff #staff-info {
}
#sigStaff #staff-info ul li {
	position:relative;
	margin-top:150px;
}
#sigStaff #staff-info ul li .staff-name-en {
	position:absolute;
	top:0;
	left:-6%;
	font-family: 'Montserrat', sans-serif;
	font-size:1.4rem;
	font-weight: 900;
	line-height:1.2;
	letter-spacing: 0.2em;
	ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}

#sigStaff #staff-info ul li dl:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
#sigStaff #staff-info ul li dl dt {
	float:left;
	width:30%;
}
#sigStaff #staff-info ul li dl dd {
	position:relative;
	float:right;
	width:66%;
	padding-left:60px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#sigStaff #staff-info ul li dl dd p {
	font-size:1.4rem;
}
#sigStaff #staff-info ul li dl dd .staff-name-ja {
	position:absolute;
	top:0;
	left:0;
	font-size:2.4rem;
	font-weight: 900;
	line-height:1.2;
	letter-spacing: 0.4em;
	min-height:6em;
	ms-writing-mode: tb-rl;
	-webkit-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
}
@media screen and (max-width: 1024px) {
#sigStaff #staff-info ul li {
	margin-top:80px;
}
#sigStaff #staff-info ul li .staff-name-en {
	left:-7%;
}
}

@media screen and (max-width: 599px) {
#sigStaff .page-decoration-L {
	bottom:100vw;
}

#sigStaff #staff-info ul li {
	margin-top:50px;
}
#sigStaff #staff-info ul li .staff-name-en {
	font-size:1.2rem;
}
#sigStaff #staff-info ul li .staff-name-en {
	left:-14%;
}
#sigStaff #staff-info ul li dl dt {
	float:none;
	width:100%;
	margin-bottom:30px;
}
#sigStaff #staff-info ul li dl dd {
	float:none;
	width:100%;
	padding-left:50px;
}
}