@media all and (min-width: 768px) {

.about .tit {
	width: 630px;
	height: 119px;
	background: url(../img/about/about_parts.png) no-repeat -10px -10px;
	margin: 0px auto 17px;
}
#about_box {
	padding: 0 0 2px;
	background-image: url(../img/bottom_line.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0 auto 30px;
	width: 570px;
	padding: 0 0 20px;
}
.about_text {
	line-height: 2;
	padding: 5px 10px;
	text-align: left;
}
.foodstuff_name_line {
	background-image: url(../img/foodstuff_name_line.png);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5px;
	line-height: 2;
}
#teacher_box {
	margin: 0 auto 30px;
	width: 570px;
}
#teacher_box > h2 {
	width: 570px;
	height: 42px;
	background: url(../img/about/about_parts.png) no-repeat -10px -140px;
	margin: 17px auto 20px;
}
.teacher_box_in {
	padding: 0 10px 30px;
}
.prof_pic {
	width: 135px;
	height: 135px;
	float: left;
	border: 4px solid #fff;
	box-shadow: 0px 0px 5px #bcb4aa;
}
.prof_right {
	width: 385px;
	height: auto;
	float: right;
}
.prof_tit2 {
	font-size: 120%;
	padding: 0 0 6px;
	margin: 0 0 6px;
}
.prof_tit3 {
	font-size: 120%;
	padding: 0 0 20px;
	/*padding: 0 0 6px;*/
	
	margin: 0 0 6px;
}
.prof_text {
	font-size: 90%;
	line-height: 1.7;
}
#cast_box {
	margin: 0 auto 30px;
	width: 570px;
	padding: 0 0 0px;
}
#cast_box > h2 {
	width: 570px;
	height: 42px;
	background: url(../img/about/about_parts.png) no-repeat -10px -145px;
	margin: 17px auto 20px;
}
.cast_box_in {
	padding: 0 65px 0px;
	/*3人の時padding:0 20px 0px;*/
	
	float: left;
	text-align: center;
	width: 146px;
}
.announcer_area {
	margin: 20px 0 0 8px;
}
.prof_pic2 {
	width: 135px;
	height: 135px;
	float: left;
	border: 4px solid #fff;
	box-shadow: 0px 0px 5px #bcb4aa;
	margin: 0 0 10px;
}
.hokuto{
	border-bottom: 2px solid #ffb458;
	margin: 0 0 35px;
}
.hokuto2{
  	padding-bottom: .5em;
  	border-bottom: 5px double #ffb458;
	margin: 0 0 35px;
	padding: 0 10px 15px;
}
.hokuto2 .prof_pic{
	width: 245px;
    height: 245px;
    margin: 0 0 15px 145px;
    text-align: center;
    border: 4px solid #fff;
    box-shadow: 0px 0px 5px #bcb4aa;
}
.hokuto2 .prof_tit2{
	text-align: center;
	clear: both;
	font-size: 140%;
}
}

@media all and (max-width: 767px) {

.about .tit {
	width: 290px;
	height: 70px;
	background-image: url(../img/about/smp/about_parts.png);
	background-repeat: no-repeat;
	background-size: 290px 70px;
	margin: 17px auto;
}
#about_box {
	background-image: url(../img/bottom_line.png);
	background-position: bottom;
	background-repeat: repeat-x;
	margin: 0 auto 30px;
	padding: 20px 0 20px;
}
.about_text {
	line-height: 1.9;
	padding: 0 10px;
}
#teacher_box > h2 {
	height: 42px;
	background: url(../img/orange_tit.png);
	margin: 17px auto 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#teacher_box > h2 .tit_in {
	display: block;
	width: 192px;
	height: 42px;
	background-image: url(../img/about/smp/about_parts2.png);
	background-repeat: no-repeat;
	background-size: 192px 42px;
}
.teacher_box_in {
	padding: 0 10px 30px;
}
.prof_pic {
	width: 135px;
	height: 135px;
	border: 4px solid #fff;
	box-shadow: 0px 0px 5px #bcb4aa;
	margin: 0 auto;
}
.prof_right {
	height: auto;
	margin: 20px 0 0;
}
.prof_tit2 {
	font-size: 120%;
	border-bottom: 2px solid #ffb458;
	padding: 0 0 6px;
	margin: 0 0 6px;
}
.prof_tit3 {
	font-size: 120%;
	padding: 0 0 6px;
	margin: 0 0 6px;
	text-align: center;
}
.prof_text {
	font-size: 95%;
	line-height: 1.7;
}
#cast_box {
	margin: 0 auto 30px;
	padding: 0 0 0px;
}
#cast_box > h2 {
	height: 42px;
	background: url(../img/orange_tit.png);
	margin: 17px auto 20px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#cast_box > h2 .tit_in {
	display: block;
	width: 192px;
	height: 42px;
	background-image: url(../img/about/smp/about_parts3.png);
	background-repeat: no-repeat;
	background-size: 192px 42px;
}
.cast_box_in {
	padding: 0 10px 0px;
	margin: 0 0 20px;
}
.announcer_area {
	margin: 20px 0 0 8px;
}
.prof_pic2 {
	width: 135px;
	height: 135px;
	border: 4px solid #fff;
	box-shadow: 0px 0px 5px #bcb4aa;
	margin: 0 auto 10px;
}
.hokuto{
	border-bottom: 2px solid #ffb458;
	margin: 0 0 35px;
}
.hokuto2{
  	padding-bottom: .5em;
  	border-bottom: 5px double #ffb458;
	margin: 0 0 35px;
	padding: 0 10px 15px;
}
.hokuto2 .prof_pic{
	width: 245px;
    height: 245px;
    margin: 0 auto 15px;
    text-align: center;
    border: 4px solid #fff;
    box-shadow: 0px 0px 5px #bcb4aa;
}
.hokuto2 .prof_tit2{
	text-align: center;
	clear: both;
	font-size: 140%;
	border-bottom:none;
}

}
.about_red{ color: #fc4d35;}
.about_blue{ color: #33c2cc;}
.about_orange{ color: #ffa131;}
.about_green{ color: #95d82c;}

#hokuto2{ background:url(../img/about/prof/hokuto2.jpg) no-repeat;}