<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">/* CSS Document */

.topimg {
	background: url(../images/topimgbg.jpg) 50% 0 no-repeat;
}

.staffTable {
	max-width:980px;
	margin:0 auto 0 auto;
}

.staffTable table {
	width:100%;
	table-layout: fixed;
}

.staffTable table td {
}

@media screen and (min-width: 711px) and (max-width: 1100px){

.staffTable {
	margin:0 10px 0 10px;
}

}

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

.staffTable {
	margin:0 10px 0 10px;
}

.staffTable table {
}

.staffTable table td {
	width:auto;
	display:block;
	text-align:center;
}


}

.staffTableFace {
	width:50%;

}

.staffTableName {
	width:50%;
}

@media screen and (min-width: 711px) and (max-width: 1100px){

.staffTableFace {
	width:40%;

}

.staffTableName {
	width:60%;
}

}

.staffTableNameb {
	position: relative;
	display: inline-block;
	text-align: left;
	padding-right: 60px;
}

.staffTableNameClass {
	position: absolute;
	top:70%;
	left: 38%;
	color: #04287e;
	font-size: 16px;
	font-size: 1.6rem;
	letter-spacing: 1px;
	line-height: 1.5;
}

@media screen and (min-width: 711px) and (max-width: 1100px){


.staffTableNameb {
	padding-right: 40px;
}

.staffTableNameClass {
	left: 40%;
	font-size: 14px;
	font-size: 1.4rem;
}

}

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


.staffTableNameb {
	padding-right: 0;
	max-width: 280px;
	margin: 0 auto 0 auto;
}

.staffTableNameClass {
	top:67%;
	left: 45%;
	line-height: 1.2;
	font-size: 14px;
	font-size: 1.4rem;
}


}

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

.staffProfile {
	max-width:980px;
	margin:40px auto 0 auto;
}

.staffProfile2 {
	background:#effbff;
	padding:30px 50px;
}

@media screen and (min-width: 711px) and (max-width: 1100px){

.staffProfile {
	margin:40px 10px 0 10px;
}

}

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

.staffProfile {
	margin:40px 10px 0 10px;
}

.staffProfile2 {
	background:#effbff;
	padding:20px 20px;
}

}

.staffProfileTitle {
	font-size:24px;
	font-size:2.4rem;
	text-align:center;
	color:#04287e;
}

.staffProfileTxt {
	margin:20px 0 0 0;
	font-size:16px;
	font-size:1.6rem;
}

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

.staffProfileTitle {
	font-size:20px;
	font-size:2.0rem;
}

.staffProfileTxt {
	font-size:14px;
	font-size:1.4rem;
}

}


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

.staffProfile table {
	width:100%;
}

.staffProfile table td {
	vertical-align:top;
	width:50%;
	padding:0 20px 0 0;
}

.staffProfile table td:last-child {
	padding:0 0 0 20px;
}

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

.staffProfile table td {
	width:auto;
	display:block;
	padding:0 0 0 0;
}

.staffProfile table td:last-child {
	padding:40px 0 0 0;
}

}




#hiroyuki , #atsuko {
	margin-top:-80px;
	padding-top:80px;
	display:block;
}






</pre></body></html>