@charset "utf-8";

/*================================================
 *  sp_company
 ================================================*/

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


#hdg-contents-top {
  margin:0;
  width: 100%!important;
}

.index-top {
  margin-top:0!important;
  width: 100%;
}


#main-visual {
  margin-bottom:0!important;
  padding-bottom: 0!important;
}

ul.slides {
  height: auto;
}

#category-nav {
  display: none;
}

#category-nav-sp {
  display:block;
}

#category-nav-sp ul{
  width: 100%;
}

#category-nav-sp ul li{
  float: left;
  margin:0 auto;
  padding:0;
  width:25%;
}

  

.box_rollover{
}

.thumbnail{
}

.thumbnail li{
  border-top: 1px solid #FFF;
  border-right: 1px solid #FFF;
  border-bottom: 1px solid #FFF;
  border-left: 1px solid #FFF;
    -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.thumbnail li a{
	display:block;
}

.thumbnail li a:hover{
/*  border-top: 1px solid #003366;
  border-right: 1px solid #003366;
  border-bottom: 1px solid #003366;
  border-left: 1px solid #003366;*/
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

.enlarge-box{
	position:absolute;
	right:0;
	top:0;
  width: 100%;
}

.enlarge-box li{
	position:absolute;
	right:0;
	top:0;
  width: 100%;
}

.index-top h2{
  margin-left:.5em;
  margin-bottom:.2em;
}

#news-box {
  float:none;
  width: 98%;
}

#index-news-box{
  min-height: auto;
}

.news-link{
  display: none;
}

.sp-news-link{
  background-color: #0071C5;
  padding: .5em;
  width:98%;
  display: block;
  margin: 1em auto;
  text-align: center; 
}

.sp-news-link a{
  color: #FFF;
  display: block;
/*  background: url(../images/all_arr01.png) no-repeat;
*/  background-position: 0 0;
  padding-left:2em;
}

.sp-news-link a:before {
  content:"> ";
  }

/*.sp-news-link a::before{
display: block; 
width: 5px; 
height: 5px; 
border-top: 2px solid #fff; 
border-right: 2px solid #fff; 
-webkit-transform: rotation(45deg); 
transform: rotate(45deg);
content: "";
}
*/
#solution-box {
  float:none;
  width: 100%;
  margin-top: 2em;
}

#index-solution-box ul li{
  float: left;
  width: 50%;
  }

}