@charset "utf-8";


div#HeaderArea, #MainContent .Section:first-child p {
margin-bottom: 0;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}
div#MainContent p.MainVisual{
margin: 0;
}

body{
overflow-x: hidden;
}
.DsChArea{
margin-bottom: 30px;
}

.DsChArea > .Hdg{
color: #fff;
position: relative;
text-align: center;
z-index: 0;
padding: 26px 0 15px;
}
.DsChArea > .Hdg:before{
content:"";
width: 300%;
height: 100%;
background:#1a1621;
position: absolute;
top: 0;
left: -100%;
z-index: -1;
}
.DsChArea > .Hdg:after{
content:"";
width: 1400px;
background: url(../../img/landing_page/lp_innovations/bg_lp_innovations_03.jpg) no-repeat 0 0;
height: 100%;
position: absolute;
left: 0;
margin-left: -170px;
top: 0;
z-index: -1;
}
.DsChArea .BoxDsCh{
width: 720px;
margin: 0 auto;
}
#MainContent .DsChArea .BoxDsCh > .Hdg{
font-size: 2.5em;
font-weight: normal;
margin-bottom: 40px;
}
#MainContent .DsChArea .LytImg > li{
display: table;
direction: rtl;
background: none;
padding: 0;
}
#MainContent .DsChArea .LytImg > li + li{
margin-top: 58px;
}
.DsChArea .LytImg > li > *{
display: table-cell;
vertical-align: top;
}
.DsChArea .LytImg > li .Cnt{
direction: ltr;
}
.DsChArea .LytImg > li .Img{
padding-right: 50px;
}
div#MainContent .DsChArea .LytImg,
div#MainContent .DsChArea .LytImg > li{
margin-bottom: 0;
}
div#MainContent .DsChArea .LytImg .Cnt > .Hdg{
color: #666;
font-weight: normal;
font-size: 1.1666em;
}
div#MainContent .DsChArea .MainVisual{
display: table;
margin: 0 auto 60px;
padding: 10px;
background: #fff;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3), 0 -15px 30px rgba(0, 0, 0, 0.1) inset;
position: relative;
}

div#MainContent .DsChArea .MainVisual:before,
div#MainContent .DsChArea .MainVisual:after {
border-radius: 100px / 50px;
bottom: 0;
box-shadow: 0 0 20px rgba(0, 0, 0, 0.4);
content: "";
left: 10px;
position: absolute;
right: 10px;
top: 50%;
z-index: -1;
}
div#MainContent .DsChArea .MainVisual:after {
left: auto;
right: 10px;
transform: skew(8deg) rotate(3deg);
}
div#MainContent .DsChArea .LytImg .Cnt .Txt{
font-size: 1.75em;
}
div#MainContent .LytLogo{
display: table;
border-left: 1px solid #b3b3b3;
margin: 15px auto;
position: relative;
}
div#MainContent .LytLogo:before {
content: "";
background: #b3b3b3;
display: block;
height: 1px;
left: -100%;
position: absolute;
top: -23px;
width: 300%;
}
div#MainContent .LytLogo li{
background: none;
padding: 0;
display: table-cell;
border-right: 1px solid #b3b3b3;
}
div#MainContent .LytLogo li img{
padding: 3px 30px 0;
}

div#MainContent * + .cmnLpAncrBtn01{
margin-top: 20px;
}
div#MainContent .BoxDsCh{
position: relative;
z-index: 0;
padding: 80px 0 60px;
}
div#MainContent .BoxDsCh:before,
div#MainContent .BoxDsCh:after{
content:"";
width: 200%;
height: 100%;
position: absolute;
left: -100%;
top: 0;
z-index: -1;
}
div#MainContent .DsChArea .main{
text-align: center;
position:relative;
padding-bottom: 16px;
}
div#MainContent .DsChArea .main .logo{
padding: 27px 0 37px;
}
div#MainContent .DsChArea .main:before,
div#MainContent .DsChArea .main:after{
content:"";
background: #dae2e8 url(../../img/landing_page/lp_innovations/bg_lp_innovations_02.gif) repeat-x;
width: 200%;
height: 100%;
position: absolute;
left: -100%;
top: 0;
z-index: -1;
}
div#MainContent .BoxDsCh:after,
div#MainContent .DsChArea .main:after{
right: -100%;
left: auto;
}
div#MainContent .BoxDsCh + .BoxDsCh:before,
div#MainContent .BoxDsCh + .BoxDsCh:after{
background: #f0f0f0;
}
div#MainContent .BoxDsCh + .BoxDsCh{
padding: 40px 0 60px;
}
div#MainContent .BoxDsCh .LytBtn{
display: table;
margin: 0 auto;
}
div#MainContent .BoxDsCh .LytBtn li{
display: table-cell;
background: none;
padding: 0;
}
div#MainContent .BoxDsCh .LytBtn li + li{
padding-left: 30px;
}
.BoxDsCh .LytBtn a{
display: block;
width: 240px;
background: #45484a;
text-align: center;
padding: 15px 0;
box-shadow: 1px 1px 3px #999;
}
.BoxDsCh .LytBtn a > span{
font-size: 1.5em;
color: #fff;
}
.BoxDsCh .LytBtn a > span:before{
content:"";
width: 0;
height: 0;
display: inline-block;
vertical-align: middle;
margin-right: 8px;
border-style: solid;
border-width: 3.5px 0 3.5px 6px;
border-color: transparent transparent transparent #ffffff;
}
.BoxDsCh .LytBtn a:hover,
.BoxDsCh .LytBtn a:focus,
.BoxDsCh .LytBtn a:active{
text-decoration: none;
}

.DsChArea .videoJs-outer {
    margin: 0 auto 50px;
}