@charset "UTF-8";


/* ------------------------
     Font-size Adjustment
---------------------------
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
28px = 216%
---------------------------*/



/*------- メインイメージ -------*/ 


.mainimg{
  background: url(../about/img/mainimg.jpg) center top no-repeat;
 }

.philosophyBlock{
  background:url(../about/img/bg_philosophy.jpg) left top no-repeat;
  height:450px;
  margin:0px 0px 30px 0px;
  position:relative; 
 }
 
.philosophyCatch{
  color:#FFFFFF;
  width:300px;
  text-align:center;
  font-size:216%;
  line-height:1.4;
  padding:40px 0px 0px 340px;
 } 
 
ul.philosophyList{
  position:absolute;
  top:250px;
  left:0px;
 } 
 
ul.philosophyList li{
  width:222px;
  float:left;
  text-align:center;
}
 
ul.philosophyList li p{
  text-align:center;
  line-height:1.3;
  margin:13px 0px 0px 5px;
}

.featureBlock{
  clear:both;
  overflow:hidden;
  margin:0px 0px 40px 0px;
 }

.featureBlock h4{
 color:#434C1F;
 font-size:216%;
 height:45px;
 margin:0px 0px 15px 0px;
 padding:8px 0px 0px 55px;
 }

.featureBlock h4.t01{ background:url(../about/img/bg_feature01.jpg) left top no-repeat; }
.featureBlock h4.t02{ background:url(../about/img/bg_feature02.jpg) left top no-repeat; }
.featureBlock h4.t03{ background:url(../about/img/bg_feature03.jpg) left top no-repeat; }


.txtBox{
  width:350px;
  float:left;
  }
  
.txtBox h5{
 font-size:174%;
 color:#434C1F;
 margin:0px 0px 5px 0px;
 }  
  
.txtBox p{
 line-height:1.6;
 }  
  
.imgPhoto{
  float:right;
  }

.relationImg{
  text-align:center;
  margin:10px 0px 0px 0px;
 }