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

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

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

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

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

#reform header h2{
position: relative;
background:url(../img/reform/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;
}


/* price
-------------------------------- */

#price{
overflow: hidden;
position: relative;
margin:0 auto;
background-color:#f7f7f7;
}

#price h3{
position: relative;
background:url(../img/reform/price_tit.png) no-repeat center center;
display: block;
width:300px;
height:80px;
margin:100px auto 50px;
}

#price ul{
width:1200px;
margin:0 auto 70px;
text-align: justify;
}

#price ul li{
display: inline-block;
width:570px;
margin-bottom:20px;
}

#price ul li em{
display: block;
height:60px;
font-size:24px;
line-height:60px;
padding-left:30px;
background-color:#A28961;
color:#fff;
}

#price ul li em.twin{
width:1200px;
text-align: center;
height:80px;
line-height:80px;
}

#price ul li span{
display: block;
height:60px;
font-size:18px;
line-height:60px;
padding-left:30px;
background-color:#fff;
color:#111;
}


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

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

#tree h3{
position: relative;
background:url(../img/reform/tree_tit.png) no-repeat center center;
display: block;
width:300px;
height:80px;
margin:100px auto 10px;
}


#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/reform/list_01_bg.png) no-repeat center top; }
#tree li#li02 { background:url(../img/reform/list_02_bg.png) no-repeat center top; }
#tree li#li03 { background:url(../img/reform/list_03_bg.png) no-repeat center top; }
#tree li#li04 { background:url(../img/reform/list_04_bg.png) no-repeat center top; }
#tree li#li05 { background:url(../img/reform/list_05_bg.png) no-repeat center top; }
#tree li#li06 { background:url(../img/reform/list_06_bg.png) no-repeat center top; }
#tree li#li07 { background:url(../img/reform/list_07_bg.png) no-repeat center top; }
#tree li#li08 { background:url(../img/reform/list_08_bg.png) no-repeat center top; }
#tree li#li09 { background:url(../img/reform/list_09_bg.png) no-repeat center top; }
#tree li#li10 { background:url(../img/reform/list_10_bg.png) no-repeat center top; }

#tree li#li08 {
height:480px;
}

#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 .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 .card h3.ct{
display:block;
width:80px;
height:330px;
position: absolute;
left:10px;
top:42px;
}
#tree li#li01 .card h3.ct{ background:url(../img/reform/list_01_tit.png) no-repeat center top; }
#tree li#li02 .card h3.ct{ background:url(../img/reform/list_02_tit.png) no-repeat center top; }
#tree li#li03 .card h3.ct{ background:url(../img/reform/list_03_tit.png) no-repeat center top; }
#tree li#li04 .card h3.ct{ background:url(../img/reform/list_04_tit.png) no-repeat center top; }
#tree li#li05 .card h3.ct{ background:url(../img/reform/list_05_tit.png) no-repeat center top; }
#tree li#li06 .card h3.ct{ background:url(../img/reform/list_06_tit.png) no-repeat center top; }
#tree li#li07 .card h3.ct{ background:url(../img/reform/list_07_tit.png) no-repeat center top; }
#tree li#li08 .card h3.ct{ background:url(../img/reform/list_08_tit.png) no-repeat center top; }
#tree li#li09 .card h3.ct{ background:url(../img/reform/list_09_tit.png) no-repeat center top; }
#tree li#li10 .card h3.ct{ background:url(../img/reform/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/reform/list_01_btn.png) no-repeat center top;
display: block;
width:320px;
height:60px;
position:relative;
}