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

/*================================
 PAGE-flow
=================================*/

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

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

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

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

/* intro
-------------------------------- */
#intro p.greet {
width:840px;
}

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

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

#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:60px;
}

#tree li{
position: relative;
display: block;
height:580px;
margin:-30px auto 0;
}
#tree li#li01 { background:url(../img/flow/list_01_bg.png) no-repeat center top; }
#tree li#li02 { background:url(../img/flow/list_02_bg.png) no-repeat center top; }
#tree li#li03 { background:url(../img/flow/list_03_bg.png) no-repeat center top; }
#tree li#li04 { background:url(../img/flow/list_04_bg.png) no-repeat center top; }
#tree li#li05 { background:url(../img/flow/list_05_bg.png) no-repeat center top; }
#tree li#li06 { background:url(../img/flow/list_06_bg.png) no-repeat center top; }
#tree li#li07 { background:url(../img/flow/list_07_bg.png) no-repeat center top; }
#tree li#li08 { background:url(../img/flow/list_08_bg.png) no-repeat center top; }
#tree li#li09 { background:url(../img/flow/list_09_bg.png) no-repeat center top; }
#tree li#li10 { background:url(../img/flow/list_10_bg.png) no-repeat center top; }

#tree li .card{
display: block;
width:590px;
height:380px;
background-color: rgba(255,255,255,1);
position:absolute;
}
#tree li#li01 .card,
#tree li#li03 .card,
#tree li#li05 .card,
#tree li#li07 .card,
#tree li#li09 .card { right:0; top:40px; padding:30px 30px 20px 100px; }
#tree li#li02 .card,
#tree li#li04 .card,
#tree li#li06 .card,
#tree li#li08 .card,
#tree li#li10 .card { left:0; top:40px; padding:30px 60px 20px 100px; }

#tree li#li10 {
height:510px;
}
#tree li .card::before{
content: "";
background:url(../img/element/step_arrow.png) no-repeat center top;
display: block;
width:20px;
height:85px;
position:absolute;
}
#tree li#li01 .card::before,
#tree li#li03 .card::before,
#tree li#li05 .card::before,
#tree li#li07 .card::before,
#tree li#li09 .card::before
{ top:-90px; left:-60px; }
#tree li#li02 .card::before,
#tree li#li04 .card::before,
#tree li#li06 .card::before,
#tree li#li08 .card::before,
#tree li#li10 .card::before
{ top:-90px; right:-60px; }

/*
#tree li::before {
content:"";
display:block;
width:900px;
height:540px;
background-color: #EEE7DF;
position: absolute;
z-index:0;
}
#tree li#li01::before { left:     0; top:30px; }
*/

#tree li .card h3.ct{
display:block;
width:80px;
height:330px;
position: absolute;
left:10px;
top:42px;
}
#tree li#li01 .card h3.ct{ background:url(../img/flow/list_01_tit.png) no-repeat center top; }
#tree li#li02 .card h3.ct{ background:url(../img/flow/list_02_tit.png) no-repeat center top; }
#tree li#li03 .card h3.ct{ background:url(../img/flow/list_03_tit.png) no-repeat center top; }
#tree li#li04 .card h3.ct{ background:url(../img/flow/list_04_tit.png) no-repeat center top; }
#tree li#li05 .card h3.ct{ background:url(../img/flow/list_05_tit.png) no-repeat center top; }
#tree li#li06 .card h3.ct{ background:url(../img/flow/list_06_tit.png) no-repeat center top; }
#tree li#li07 .card h3.ct{ background:url(../img/flow/list_07_tit.png) no-repeat center top; }
#tree li#li08 .card h3.ct{ background:url(../img/flow/list_08_tit.png) no-repeat center top; }
#tree li#li09 .card h3.ct{ background:url(../img/flow/list_09_tit.png) no-repeat center top; }
#tree li#li10 .card h3.ct{ background:url(../img/flow/list_10_tit.png) no-repeat center top; }

#tree li .card h4{
font-size: 24px;
font-weight: bold;
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#li01 a.btn_to{
background:url(../img/flow/list_01_btn.png) no-repeat center top;
display: block;
width:320px;
height:60px;
position:relative;
}