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

html{ font-size : 87.5%;}

header {
width: 100%;
height: auto;
}

#navbar {
width: auto;
height: auto;
position: relative;
left: auto;
top:auto;
z-index:1;
}
#navbar ul {
width: auto;
height: auto;
/*margin: 7.5px -15px;*/
list-style: none;
line-height: normal;
}

.navbar-fl .navbar-nav > li > a {
  padding:15px 30px;
}
.navbar-fl .navbar-nav > li:first-child > a {
border-radius:0;
}
.navbar-fl .navbar-nav > li:last-child > a {
border-radius:0;
}
.navbar-fl .navbar-collapse,
.navbar-fl .navbar-form {
  clear: both;
}

#program_list {
width: 100%;
height: 100%;
}

div.curriculum div{
	max-width: 100%;
	clear:both;
	margin-bottom:10px;
	text-align: left;
}

img{
max-width: 100%;
height: auto;
width: auto;
}
.col-sm-4,
.col-sm-8,
.col-xs-12 {
	text-align:center;
}
#indexLower .col-sm-4,
#indexLower .col-sm-8,
#indexLower .col-xs-12 {
	text-align:left
}

header h1,
header p#topDescription {
	text-align:center;
	position:static;
	margin:0;
}
header h1 img { width: 70%; }
header p#topDescription { font-size:80%; }

header ul.submenu{
	clear:both;
	width:100%;
	text-align:center;
	margin:10px auto 0 auto;
}
header ul.submenu li.telephone {
font-size:1.6em;
padding-left: 45px;
background:url("../images/icon_telephone_sp.gif") no-repeat center 0;
}
header ul.submenu li.telephone-two {
padding-left:45px;
background:url("../images/icon_telephone_sp.gif") no-repeat center 0;
}

#index_concept p,
#whatsNew {
	text-align: left;
}

#whatsNew ul{
	width: auto;
	height: auto;
}

#whatsNew li{
	width: auto;
}

#content h1 {
font-size:1.2em;
min-height:2.3em;
line-height:1em;
}

#content h1 span {
font-size:0.8em;
}

#content h2 {
font-size:1.15em;
line-height:1em;
min-height:1.8em;
margin-top:0.7em;
}
#content h3,
#content h4 {
font-size:1.1em;
}
#footer-outer-block {
position:static;
font-size:0.9em;
}
#footer-area {
max-width:320px;
}
.footer-segment {
width:100%;
text-align:center;
margin-right:0;
clear:left;
}
#copyright {
text-align:center;
}

dl.application {
	width: auto;
}

strong.catch {
	font-size:1em;
}
#side{
	margin-bottom:15px;
}
}

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

header ul.submenu li.telephone {
font-size:1.2em;
padding:0.3em 0 0.3em 45px;
background:url("../images/icon_telephone_sp.gif") no-repeat center 0;
}
header ul.submenu li.telephone-two {
font-size:1em;
padding:0.3em 0 0.3em 45px;
background:url("../images/icon_telephone_sp.gif") no-repeat center 0;
}
header h1 img { width: 90%; }
.index_program h2 {
	font-size: 1em;
}
.index_program h2 span {
	font-size: 0.8em;
}
.index_program .balloon_link_inner p {
	font-size: 0.7em;
}
#side{
	margin-bottom:15px;
}
#side .youtube-area,
#side .button-area{
	width: 200px;
	height: 130px;
	margin: 0 auto 15px auto;
}
#side a.button{
	width: 200px;
	height: 60px;
	margin-bottom: 10px;
	display: block;
}

}