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

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

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


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

#intro.bgon{
height:2060px;
}

#page-general .bgon .topbg{
height:860px;
}

#page-general .bgon .btmbg{
top:860px;
height:1200px;
}

.bgon .btmbg .cloud.cloud01{top:500px; left:  20px;}
.bgon .btmbg .cloud.cloud02{top:700px; left: 100px;}
.bgon .btmbg .cloud.cloud03{top:600px; right:  0px;}
.bgon .btmbg .cloud.cloud04{top:900px; right:120px;}

#page-general .bgon .row_inner .card .topcard{height:760px;}


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


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

#page-general .bgon .card .pic {
background: url(../img/page-general/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_single{
height:500px;
}


.bgon .card ul li.li03.card_single .greybox{
background: url(../img/page-general/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;
}


/* #area
-------------------------------- */

#area{
overflow: hidden;
background: url(../img/page-general/map_bg.jpg) no-repeat center top;
display: block;
height:1182px;
position: relative;
margin:0 auto;
}
#area h3{
overflow: hidden;
background: url(../img/page-general/map_ol.png) no-repeat center center;
display: block;
width:690px;
height:700px;
position: absolute;
top:75px;
left:233px;
}


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

#price{
overflow: hidden;
display: block;
position: relative;
margin:0 auto;
}

#price h3.gen{ background: url(../img/page-general/price_tit.png) no-repeat center center;}

#price table{
width:100%;
text-align: center;
margin-bottom:50px;
}

#price table th,#price table td{
width:100%;
}

#price table th{
padding:20px 40px;
font-size: 20px;
font-weight: bold;
text-align: center;
text-align-last:auto;
color:#fff;
background-color: #219185;
}

#price table td{
padding:30px 40px;

color:#fff;
background-color: #f7f7f7;
}

#price a.btn_to_pdf{
overflow: hidden;
background: url(../img/page-general/price_btn.png) no-repeat center center;
display: block;
width:1127px;
height:73px;
position: relative;
margin:0 auto;
cursor: pointer;
}


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

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


/*
#qa ( style o/w )
-------------------------*/

#qa h3.gen {background:url(../img/page-general/qa_tit.png) no-repeat center center;}