@charset "UTF-8";
/*================================
 o/w
=================================*/

/*================================
 PAGE-overflow
=================================*/

#aboutus{
padding-top:0!important;
}

#aboutus header{
overflow: hidden;
height:730px;
background:url(../img/aboutus/header_bg.jpg) no-repeat center top;
}

#aboutus header .row_inner{
overflow: hidden;
height:730px;
}

#aboutus header h2{
position: relative;
background:url(../img/aboutus/header_tit.png) no-repeat center center;
display: block;
width:800px;
height:200px;
margin:520px auto 0;
}

/* intro
-------------------------------- */
#intro p.greet {
margin: 30px auto 40px;
}

/* tree
-------------------------------- */

#tree{
overflow: hidden;
position: relative;
margin:0 auto 70px;
}

#tree p.stt {
display:block;
color:#A28960;
font-size: 20px;
font-weight: bold;
text-align: center;
padding:30px 0 30px;
}

#tree ul{
position: relative;
padding-top:0;
}

#tree li{
position: relative;
display: block;
margin:0 auto;
}
#tree li#li01 { background:url(../img/aboutus/list_01_bg.png) no-repeat center top; height:720px; z-index:9; }
#tree li#li02 { background:url(../img/aboutus/list_02_bg.png) no-repeat center top; height:580px; margin-top:-30px; z-index:1;}
#tree li#li03 { background:url(../img/aboutus/list_03_bg.png) no-repeat center top; height:580px; margin-top: 50px; }


#tree li .card{
display: block;
width:560px;
height:390px;
background-color: rgba(255,255,255,0.98);
position:absolute;
}
#tree li#li01 .card { right:0; top:300px; padding:30px 40px; }
#tree li#li02 .card { left:0; top:160px; padding:30px 40px; }
#tree li#li03 .card { right:0; top:50px; padding:30px 40px; }

#tree li#li01 h3 {
background:url(../img/aboutus/list_tit.png) no-repeat center top;
width:680px;
height:170px;
position:absolute;
top:120px;
left:0;
right:0;
margin:auto;

}

#tree li .card h4{
font-size: 14px;
font-weight: bold;
color:#A8906B;
text-align: left;
letter-spacing: 0.1em;
margin-bottom: 5px;
}

#tree li .card h5{
font-size: 24px;
font-weight: bold;
text-align: left;
letter-spacing: 0.1em;
margin-bottom: 20px;
}

#tree li .card p{
letter-spacing: 0;
text-align: justify;
margin-bottom:30px;
line-height: 1.88em;
}
#tree li .card p.atg{
color:#A38961;
}

#tree li#li01 img.with,
{ position:absolute; left:-700px; top:0; }
#tree li#li02 img.with,
{ position:absolute; right:0; top:0; }
#tree li#li03 img.with,
{ position:absolute; left:-700px; top:0; }


#tree li#li01 a.btn_to{
background:url(../img/aboutus/list_01_btn.png) no-repeat center top;
display: block;
width:320px;
height:60px;
position:relative;
}


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

#company{
position: relative;
overflow: hidden;
}

#company h3{
background:url(../img/aboutus/company_tit.png) no-repeat center top;
width:300px;
height:100px;
margin:40px auto 0;
}

.certlist {
position: relative;
overflow: hidden;
width:900px;
margin:0 auto 40px;
text-align:center;
padding-top:20px;/*FLW*/;
padding-bottom:50px;
}

.certlist .row_innner{
position: relative;
}

.certlist dl{
text-align: left;
display: table;
width:100%;
border-bottom:1px dotted #dfdfdf;
padding:10px 10px;
}

.certlist dl.fkid{
border-top:1px dotted #dfdfdf;
}

.certlist dl dt{
display: table-cell;
vertical-align: middle;
width:150px;
padding:0 20px;
font-size:16px;
color:#A28A64;
text-align-last: justify;
	 -moz-text-align-last: justify;
	 text-justify: inter-ideograph;
	 justify-content: space-between;
}

.certlist dl dd{
display: table-cell;
font-size:16px;
text-align: left;
vertical-align: middle;
letter-spacing: 0.06em;
line-height:2;
padding:0 20px 0 70px;
}

.certlist dl dd li{
list-style-position: outside;
list-style-type: none;
margin-left:0;
}

/* access
------------------- */

#access {
margin:0 auto 30px;
}
#access h3 {
position: absolute;
top:0;
left:0;
}

#access a.logo{
display: inline-block;
background:url(../img/element/logo_small.png) no-repeat center center;
width:42px;
height:42px;
margin:0 auto;
}
#access p.address{
display: inline-block;
line-height: 42px;
}
#access p.address a{
color: #38925B;
margin-left: 30px;
}