@charset "UTF-8";

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

 * Layout

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


/* teacher 202009
 * -------------------------------------------------- */

.block:nth-of-type(odd) dl {
background-color :#F2F2F2;
}

.block dl {
padding: 2.5em 4em 2.5em 4em;
overflow:hidden;
}

.block dl dt {
float:left;
width: 20%;
text-align:left;
}

.block dl dd {
width: 80%;
float:right;
text-align:left;
font-size:14px;
font-size:1.4rem;
line-height:1.8;
}

.block dl dd p.name {
font-size: 22px;
font-size: 2.2rem;
font-weight:700;
}


#teacherList h3.guest {
	font-size: 1.4em;
	margin-top: 2em;
}


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

 * CSS3 Transition

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

xxxxx {
	-webkit-transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
	transition: all 0.35s cubic-bezier(0.75, 0, 0.35, 1);
}

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

 * ClearFix

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

.teacher .block {  *zoom: 1;
}

.teacher .block:after {
	content: '';
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

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

 * FontSize 0

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

xxxxx {
	color: transparent;
	font: 0/0 aa;
	text-decoration: none;
}

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

 * Retina

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

@media only screen and (-webkit-min-device-pixel-ratio: 2), (-webkit-min-device-pixel-ratio: 1.5), (min-resolution: 2dppx) {


} /* END @media pixel ratio */

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

 * Media Width 479px

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

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


/* teacher
 * -------------------------------------------------- */

.block:nth-of-type(odd) dl {
background-color :#FFF;
}

.block dl {
padding: 1em 1em 2.5em 1em;
margin: 0 auto 1.5em auto;
overflow:hidden;
border-bottom: 1px solid #EEE;
}

.block dl dt {
float:none;
width: 100%;
display:block;
text-align:center;
margin: 0 0 1em 0;
}

.block dl dt img {
width: 124px;
}

.block dl dd {
float:none;
width: 100%;
display:block;
}

.block dl dd p.name {
font-size: 20px;
font-size: 2.0rem;
font-weight:700;
}


} /* END @media width 479px */