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

	- box1

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

/* パソコン閲覧用 幅481px以上 */

@media print, screen and (min-width: 481px) {

/*----------------------------------------
	box1
-----------------------------------------*/

#box1 .profile:before,
#box1 .profile:after{
	content: "";
	display: table;
}

#box1 .profile:after {
	clear: both;
}

#box1 .profile {
	zoom: 1;/*IE7*/
	position: relative;/*DW*/
}

#box1 {
	border: 1px solid #b7b7b7;
}

#box1 .profile {
	width: 638px;
	padding: 30px;
	background-color: #fff8e2;
}

#box1 .profile p {
	float: left;
	width: 232px;
	height: 178px;
	background: url(../img/teacher_pbase.png) no-repeat;
	padding: 4px 0 0 4px;
}

#box1 .profile img {
	width: 228px;
	height: 169px;
}

#box1 ul {
	width: 382px;
	float: right;
}

#box1 h3 {
	font-size: 25px;
	font-size: 2.5rem;
	line-height: 1.3;
}

#box1 .u_line {
	height: 32px;
	font-size: 18px;
	font-size: 1.8rem;
	background: url(../../img/cmn_main_dotline.gif) bottom repeat-x;
	margin: 5px 0 10px;
}

#box1 dl {
	width: 638px;
	width: 638px;
	padding: 0 30px 20px;
}

#box1 dt {
	font-weight: bold;
	margin-top: 30px;
}

#box1 dd {
	background: url(../../img/cmn_main_dotline.gif) bottom;
	line-height: 31px;
	margin-top: 8px;
}

#box1 .cmnlink {
	margin: 0 0 30px 30px;
}

}

#box2 h4 {
	width: 682px;
	margin-bottom: 20px;
	padding: 5px 0 4px 14px;
	border-left: solid 4px #3eb2d4;
	background-color: #000066;
	color: #ffffff;
	font-weight: bold;
	font-size: 18px;
	font-size: 1.8rem;
	}	
#box2 ul li {
	padding-left: 20px;
	margin-bottom: 5px;
}	


/* スマホ閲覧用 幅480px以下 */

@media screen and (max-width: 480px) {
	
.dir{
		display: none;
	}	

#box1 .profile {
	background-color: #fff8e2;
	padding: 20px;
}

#box1 .profile p img {
	width: 100%;
	height: auto;
}

#box1 li h3 {
	font-size: 18px;
	font-size: 1.8rem;
	line-height: 1.3;
	margin-top: 10px;
}

#box1 .u_line {
	height: 32px;
	font-size: 16px;
	font-size: 1.6rem;
	background: url(../../img/cmn_main_dotline.gif) bottom repeat-x;
	margin: 10px 0 10px;
}

#box1 dt {
	font-weight: bold;
	margin-top: 15px;
}

#box1 .cmnlink {
	margin-top: 30px;
}

}