@media screen and (max-width: 640px) {
/*------------------------------------------*/
img{
  width:100%;
  max-width: 100%;
  height: auto;
}
body {
  /*overflow: hidden;*/
}
#wrapper{
  margin-bottom: 30px;
}
header{
  min-width: 100%;
  width: 100%;
  text-align: center;
}
header h1{
  width: 70%;
  margin: 0 auto;
}
header h1,header nav{
		float:none;
	}
video,#base_img{
  display: none;
}
header nav{
  display: inline-block;
  text-align: center;
  margin: 20px auto;
}
header nav ul li{
  text-align: center;
    padding-left: 2.4em;
  display: inline-block;
  height: auto;
  margin: 10px;
}
header nav ul li a:before{
  position: absolute;
  top: -3.5px;
  margin-left: -2.4em;
}
header nav ul li{
  text-align: left;
  padding-left: 3em;
  margin-left: 4em;
}
header nav ul,header nav ul li{
  display: block;
  margin-bottom: 40px;
}
header nav ul li a:before{
  margin-left: -4.5em;
}
header nav ul li a:hover:before,
header nav ul li a:before{
  display: block;
  width: 50px;
  height: 50px;
  background-size: contain;

}
header nav ul li #nav1:hover:before,
header nav ul li #nav1:before{
  content:'';
  background-image:url(../img/common/head_img_01_on_sp.png);
}
header nav ul li #nav2:hover:before,
header nav ul li #nav2:before{
  content:'';
  background-image:url(../img/common/head_img_02_on_sp.png);
}
header nav ul li #nav3:hover:before,
header nav ul li #nav3:before{
  content:'';
  background-image:url(../img/common/head_img_03_on_sp.png);
}
header nav ul li #nav4:hover:before,
header nav ul li #nav4:before{
  content:'';
  background-image:url(../img/common/head_img_04_on_sp.png);
}
header nav ul li #nav5:hover:before,
header nav ul li #nav5:before{
  content:'';
  background-image:url(../img/common/head_img_05_on_sp.png);
}
header nav ul li #nav1{
  color: #00FFFF;
}
header nav ul li #nav2{
  color: #66FF33;
}
header nav ul li #nav3{
  color: #FF3355;
}
header nav ul li #nav4{
  color: #FF6600;
}
header nav ul li #nav5{
  color: #0066FF;
}
.top_line_con{
  width: 100%;
}
#top_line{
  background: #000;
  width: 100%;
  color: #FFF;
  padding: 0 0 30px;
  display: block;
}
.top_line_con .left_box{
  float: none!important;
  display: block;
  margin: 0 auto 15px;
}
.top_line_con .right_box{
  float: none;
  margin: 0 auto;
  text-align:justify;
  width: 90%;
}
.top_line_con .right_box p{
  margin-bottom: 0em;
  display:inline;
}
footer {
  width: 100%;
  margin: 0 auto;
  text-align: center;
}
footer .foot_con{
  display: inline;
  text-align: center;
}
footer .foot_con li:first-child{
  text-align: center;
  width: 80%;
  display: inline;
  margin: 0 auto;
}
footer .foot_con li:first-child img{
  width: 90%;
  margin: 15px auto 0;
}
footer .foot_con li:nth-of-type(2){
  display: none;
}
footer .foot_con li:last-child{
  width: 100%;
  text-align: center;
  display: block;
}
.foot_os_logo{
  display: none;
}
footer .foot_con li:first-child > img{
  display: none;
}

/*------------------------------------------*/
}