@charset "UTF-8";
/*================================
page-dismantling.css
=================================*/

/*================================
o/w
=================================*/

header{
background:url(../img/page-dismantling/header_bg.jpg) no-repeat center top;
overflow: hidden;
width:100%;
position: relative;
margin:0 auto 0;
}


/* .bgon #intro
-------------------------------- */

#intro.bgon{
height:1670px;
}

#page-dismantling .bgon .topbg{
height:710px;
}

#page-dismantling .bgon .btmbg{
top:710px;
height:950px;
}

.bgon .btmbg .cloud.cloud01{top:340px; left: 140px;}
.bgon .btmbg .cloud.cloud02{top:600px; left:  50px;}
.bgon .btmbg .cloud.cloud03{top:200px; right:160px;}
.bgon .btmbg .cloud.cloud04{top:600px; right: 30px;}

#page-dismantling .bgon .row_inner .card .topcard{height:610px;}


.whitebox {
    position: absolute;
    bottom: 0;
    left: 0;
}


#page-dismantling .bgon .card h3 {
background: url(../img/page-dismantling/intro_tit.png) no-repeat left top;
width:200px;
}

#page-dismantling .bgon .card .pic {
background: url(../img/page-dismantling/intro_pic.png) no-repeat right top;
}


.bgon .card ul li.li01.card_twin,
.bgon .card ul li.li02.card_twin{
height:300px;
}

.bgon .card ul li.li03.card_twin,
.bgon .card ul li.li04.card_twin{
height:270px;
}


.bgon .card ul li.li03.card_single{
height:500px;
}


.bgon .card ul li.li03.card_single .greybox{
background: url(../img/page-dismantling/intro_li03_greybox.png) no-repeat center top;
display: block;
width:1077px;
height: 171px;
position: relative;
padding:10px 20px;
margin-top:30px;
}

.bgon .card ul li.li03.card_single .greybox h6{
font-size: 20px;
font-weight: bold;
line-height: 1.7em;
margin-left:330px;
margin-top: 15px;
margin-bottom:10px;
color:#249387;
}

.bgon .card ul li.li03.card_single .greybox p{
display: block;
width:760px;
height: 130px;
position:relative;
margin-left:330px;
}


/* (.flow ) #workflow  style o/w
-------------------------------- */

#workflow.flow h3.gen{
background: url(../img/page-dismantling/flow_tit.png) no-repeat center center;
}