@charset "utf-8";

@media screen and (max-width: 768px) {
#sub #main .inner{
  width:96%;
  margin:0 auto;
}
.philosophyBox{
  margin-bottom:30px;
}
.philosophyBox h4{
  padding-bottom:5px;
  margin-bottom:10px;
  font-size:20px;
  text-align:center; 
}
.philosophyBox h4 span{
  font-weight:bold;
  border-bottom:2px solid #c9151d;
}

}

@media print, screen and (min-width: 769px) and (max-width: 959px) {
.philosophyBox{
  margin-bottom:30px;
}
.philosophyBox h4{
  padding-bottom:5px;
  margin-bottom:10px;
  font-size:20px;
  text-align:center; 
}
.philosophyBox h4 span{
  font-weight:bold;
  border-bottom:2px solid #c9151d;
}
}


@media screen and (min-width: 960px)  {
.philosophyBox{
  margin-bottom:30px;
}
.philosophyBox h4{
  padding-bottom:5px;
  margin-bottom:10px;
  font-size:20px;
  text-align:center; 
}
.philosophyBox h4 span{
  font-weight:bold;
  border-bottom:2px solid #c9151d;
}
}