@charset "utf-8";

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

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

/* top */

.company-top > #main {
  padding: 15px 0;
}

.company-top .content3-1, 
.company-top .content3-2, 
.company-top .content3-3 {
  width: 92%;
  float: none;
  margin: 0 4% 3em;
}

.company-top .category-company {
  margin-bottom: 0;
}

/* inner*/

.outline table.table-outline {
  margin: 0;
  padding:0;
}

.category-company2 {
  width: 92%;
  margin: 0 4% 10px;
}

.company h2{
  width: 96%;
  margin: 10px 2% 10px;
}

.table-outline {
  width: 100%!important;
  margin:0!important;
}

/*.sustena-img{
  display: none;
  }

.sustena-img_sp {
  display: block;
  width: 80%;
  margin: 0 auto;
}*/

.philosophy .category-company2{
  text-align: center;
  width: 90%;
  margin: 0 auto; 
}

.philosophy h3{
  background: none;
  font-size: 139%;
} 


/*csr*/

div.csr-definition{
  width: 100%;
}

.csr-tbl{ border-top:none; border-bottom: none;}

.csr-tbl thead { display: none;}
.csr-tbl th, .csr-tbl td {border-left:none; }

.csr-tbl td { text-align: left; padding-top: .8em;}

.csr-tbl-head1 {
  background: none;
  color: #444;
  border-top:none;
  font-size: 123%;
}

.csr-tbl tr {
    display: block;
    margin-bottom: 10px;
}


.csr-tbl td.csr-tbl-td-l span:before{content:"目的：";}
.csr-tbl td.csr-tbl-td-r span:before{content:"目標：";}

/*history*/

#movie-contents p{
  padding:1em 0;
  line-height: 2.4;
  font-size: 100%;
}

.table-history {
  width:100%;
  margin:0 auto;
}

.history-year{
  width: 100%;
}

.history-month{
  width: 100%;
}

.history-detail{
  
}

.csr .list-decimal {
  width: 100%;
  margin: 0 auto;
}

.csr .align-right {
  margin-right: 0;
}


/*vision*/

#vision-block-lv2-2 img{
  margin: 5em 0;
  padding:0;
}

#vision-block-lv2 .value-list li{
  float: none;
  margin: 20px 0;
  text-align: center;
}

.vison-solution .content3-1, .vison-solution .content3-2, .vison-solution .content3-3, .vison-solution .column {
  float: none;
  width: 100%;
  margin:10px 0;
  padding:.5em 1em;
  }
  
  
#map_container {
  width: 100%;
} 

#map #copyright{
  width: 100%;
}

#map_container_r ul{
  margin-left: 1.5em;
}

#map_container_r li{
  padding-left: 1em;
}


	
}