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

main {
}


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

header {
background:url(../img/logo/header_bg.jpg) no-repeat center top;
display: block;
height: 560px;
margin: 0 auto;
}

header h2 {
background:url(../img/logo/header_tit.png) no-repeat center top;
margin-top: 80px;
display: block;
width: 1000px;
height: 160px;
position: absolute;
top: 410px;
left: 0;
right: 0;
margin: auto;
}


/* unit_block o/w
-------------------------------- */

#why01 {background:url(../img/logo/li01_img.png) no-repeat center top, linear-gradient(180deg, #fff 0%, #fff 40px, #040000 40px);}
#why02 {background:url(../img/logo/li02_img.png) no-repeat center top, #040000;}
#why03 {background:url(../img/logo/li03_img.png) no-repeat center top, linear-gradient(180deg, #040000 0%, #040000 500px, #fff 500px);}

.unit_block#why02 .on_img {
background:url(../img/logo/li02_on.png) no-repeat center center;
display: block;
width: 305px;
height: 388px;
position: absolute;
top: 180px;
left: 435px;
}

/* unit_flow o/w
-------------------------------- */

.unit_flow h3{
position: relative;
background:url(../img/logo/flow_tit.png) no-repeat center top;
display: block;
width: 600px;
height: 170px;
margin: 130px auto 0;
}


/*
-------------------------------- */

.unit_prop{
display: block;
overflow: hidden;
background:linear-gradient(360deg, #040000 0%, #040000 120px, #fff 120px);
}

.unit_prop .row_inner{
width: 1300px;
}

.unit_prop h3{
position: relative;
background:url(../img/logo/prop_tit.png) no-repeat center top;
display: block;
width: 300px;
height: 90px;
margin: 20px auto 0;
}

.unit_prop .pic{
position: relative;
background:url(../img/logo/prop_img.png) no-repeat center top;
display: block;
width: 1300px;
height: 910px;
margin: 0 auto 30px;
}