@charset "utf-8";
/* ==========================================================================
   company
============================================================================= */

/* company Top
------------------------------------------------------------------- */

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

.category-company {
  margin-top: 20px;
  margin-bottom: 40px;
}

.categoryCompany > .column {
  display: inline-block;
}

.category-company h2 {
  color: #fff;
  padding: 10px 0 20px;
  text-align: center;
  background-color: #0074cb;
}

.category-company p {
  padding: 20px 10px;
}

.company-top .content3-1, .company-top .content3-2, .company-top .content3-3 {
  background: #fff url(../images/all_arr01.png) no-repeat right bottom;
  border: 1px solid #0074cb;
}

.content3-2 {
  margin:0 5%;
}

.company-top .content3-1:hover,
.company-top .content3-2:hover,
.company-top .content3-3:hover {
  background-color: #e9f4fe;
}

.company-top h1,
.company h1 {
  color: #0074CB;
  display: inline-block;
}

.company-top h1{
  padding-right: 2.5em;
}

.company-top h2.title{
  background-color: #0071c5;
  color: #FFF;
  margin:0;
}



/* company Inner
------------------------------------------------------------------- */

.category-company2 {
  padding-top: 2em;
}

/*message*/

.president-title {
  margin-top: 20px;
}

.president-name {
  font-size: 136%;
}

/*outline*/
table.table-outline {
  margin:2em auto 4em;
  width: 80%;
}


/*affiliate*/
.table-affiliate th a{
  font-weight: bold;
}

.row .col-2{
  padding:0 30px;
}


/*individual */

body#map{
  padding:10px 0 0 0;
}

#map_container {
  width: 534px;
  margin: 0 auto;
}

#map_container_l{
  float: left;
  width: 50%;
}

#map_container_r{
  float: left;
}

#map_container_r ul{
  margin: 1em 0 0 0;
}

#map_container h2{
  clear: both;
  text-align: center;
  width:534px;
  margin:0 auto;
}

body#map table th{
  font-size: 124%;
}

#map #copyright{
  width:534px;
  margin:20px auto 0;
  text-align: center;
}

/*.map-box {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin: 2em 0;
}
 
.map-box iframe,
.map-box object,
.map-box embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}*/


/*sasutena100*/

.vision .list-decimal {
  margin-top: 2em;
}

p.sustena_lead{
  text-align: center;
  padding: 100px 0;
  font-weight: bold;
}


/*philosophy*/
.philosophy .category-company2{
  text-align: center;
  width: 800px;
  margin: 0 auto; 
}

.philosophy p{
  line-height: 2.6em;
}

.philosophy h2{
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #444;
  padding: .5em 0;
} 

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

.philosophy p:last-child{
  margin-bottom: 40px;
}

/*message*/

.message .col-2s{
  padding-right: 20px;
  padding-left: 10px;
}


/*vison*/

.vision h2{
  background: none;
  font-size: 193%;
  font-weight: bold;
}

.vision h3 {
  margin: 3em 0 1em;
}

.vision h3 span{
  background-color: #0171c5!important;
  color: #FFF;
  padding:.1em .5em;
  background: none;
  font-size: 100%;
  margin-right: .5em;
  font-weight: bold;
}


#vision-block-lv1 {
  background: url(../../company/images/vis_arr01.png) no-repeat center bottom;
  padding-bottom:6em;
  text-align: center;
}

#vision-block-lv1 p{
  font-size:173%;
}

#vision-block-lv2 h2{
  text-align: center;
}

#vision-block-lv2 .value-list li{
  float: left;
  padding: 0 20px;
}

#vision-block-lv2-2 {
  text-align: center;
}

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

#vision-block-lv3 h2{
  text-align: center;
}

#vision-block-lv3 p{
  margin: 3em 0;
}

#vision-block-lv3 img{
  margin: 3em 0;
}

.vison-solution{
  margin-bottom: 4em;
}

.vison-solution h2 {
  margin-top: 1em;
  padding: 0;
  text-align: center;
  font-weight: bold;
}

.vison-solution .content3-1, .vison-solution .content3-2, .vison-solution .content3-3 {
  margin-top: 2em;
  padding: 0 15px 1.5em;
  background-color: #efefef;
}

.vison-solution h2{
  color: #666!important;
}

.vision .annotation{
  margin: 5em 0;
  border: 1px solid #CCC;
  padding:10px 15px;
  font-size: 77%;
}



/*history*/

#history-timeline {
  margin-bottom:80px;
}

.history h2{
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #444;
  padding: .5em 0;
} 

#movie-contents{
  text-align: center;
  margin-bottom: 2em;
}

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

#movie-visual img:hover{
  opacity: .8;
}

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

.history-year{
  width: 12em;
}

.history-year span{
  color: #444;
  padding-left:.4em;
}


.history-month{
  background-color: #F9FBFD;
  width: 6em;
  vertical-align:middle;
}


/*csr*/

.csr{
  text-align: center;
}

.csr p{
  line-height: 2.6em;
  margin-bottom: 2em;
}

.csr h2{
  border-top: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  color: #444;
  padding: .5em 0;
} 

.csr h3{
  background: none;
  font-size: 193%;
  margin-bottom: -.1em;
} 

.csr ol{
  text-align: left;
}

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

.csr .align-right {
  margin-right: 7em;
}



/*環境配慮商品*/

/*div.csr-definition{
  border: 1px solid #0071C5;
  margin: 3.5em auto;
  padding:10px 10px 0 10px;
  width: 70%;
}

span.csr-bldtxt{
  font-weight: bold;
  color:#0071c5;
}

.csr-tbl-line {
  border-left:1px solid #ddd;
}

.csr-tbl-head {
  text-align: left;
  border-left:1px solid #ddd;
}

.csr-tbl td {
  border-left:1px solid #ddd;
}

.csr-tbl th.head2 {
  background-color: #efefef;
}

*/

.organization-img {
  text-align: center;
  padding:40px 0 80px;
}

.map-link {
  text-align: right;
  margin-bottom: 2em;
}


/*actionplan*/

.actionplan h2{
  background: none;
  font-size: 193%;
  font-weight: bold;
}

.actionplan h3 {
  margin: 3em 0 1em;
}

#actionplan-block {
	margin-bottom: 80px;
}

.actionplan-block {
	margin: 40px 0; 
}