@charset "utf-8";

/* reset */
div#HeaderArea {
margin-bottom: 0;
padding-bottom: 0;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
}
div#MainContentBody > .Section:first-child > p:first-child {
margin-bottom: 0;
}
div#Container {
overflow: hidden;
}
div#ContentsLayout,
div#MainContent div.Section {
padding-bottom: 0;
}

/* LpVkxArea */
#LpVkxArea .LpVkxVisual{
position: relative;
display: table;
background: url(../../img/landing_page/lp_vkx/bg_light.png) no-repeat right 0;
}
#LpVkxArea .LpVkxVisual:before{
content: "";
position: absolute;
top: 0;
width: 300%;
height: 100%;
background: #cbcdd5;
background: -webkit-linear-gradient(top,  #cbcdd5 21%,#ffffff 100%);
background: linear-gradient(to bottom,  #cbcdd5 21%,#ffffff 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cbcdd5', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
z-index: -1;
left: -100%;
}
#LpVkxArea .LpVkxVisual > *{
display: table-cell;
vertical-align: top;
}
#LpVkxArea .LpVkxVisual .LpVkxTxt{
padding: 43px 0 21px;
}
#LpVkxArea .LpVkxVisual .LpVkxImg{
padding-top: 75px;
}

#LpVkxArea .LpVkxVisual .LpVkxHdg{
font-size: 3.33333em;
font-weight: normal;
margin-bottom: 27px;
line-height: 1.2;
}
#LpVkxArea .LpVkxVisual p {
font-size: 1.5em;
line-height: 1.25;
}

#LpVkxArea .LpVkxVisual .LpVkxBtn{
display: table;
margin-top: 36px;
}
#LpVkxArea .LpVkxVisual .LpVkxBtn > *{
background: none;
padding: 0;
}
#LpVkxArea .LpVkxVisual .LpVkxBtn > * + *{
margin-top: 12px;
}

#MainContent #LpVkxArea .LpVkxDataBtn a,
#MainContent #LpVkxArea .LpVkxInqBtn a{
position: relative;
display: block;
padding: 12px 20px 14px 20px;
letter-spacing: normal;
color: #fff;
font-size: 1.5em;
text-decoration: none;
z-index: 0;
text-align: center;
}
#MainContent #LpVkxArea .LpVkxDataBtn a{
background: #2a8ac6;
}
#MainContent #LpVkxArea .LpVkxInqBtn a{
background: #129e83;
}
#MainContent #LpVkxArea .LpVkxInqBtn a:hover{
text-decoration: none;
}

div#MainContent .LpVkxSub{
display: table;
padding: 40px 0 30px;
position: relative;
margin-right: -11px;
}
div#MainContent .LpVkxSub:before{
content: "";
position: absolute;
left: -100%;
top: 0;
width: 300%;
height: 100%;
background: #dee2e6;
z-index: -1;
}
div#MainContent .LpVkxSub > li{
padding: 140px 2px 17px;
background: #fff;
border-bottom: 1px solid #8dacbb;
margin: 0 11px 10px 0;
float: left;
text-align: center;
font-size: 1.3333em;
width: 312px;
position: relative;
}
div#MainContent .LpVkxSub .LpVkxImg{
position: absolute;
top: 2px;
left: 2px;
}
div#MainContent .LpVkxSub .LpVkxHdg{
display: table-cell;
width: 312px;
vertical-align: middle;
padding: 8px 20px 5px;
height: 43px;
}
div#MainContent .LpVkxSub .LpVkxTxt{
margin-bottom: 0;
padding: 0 10px;
line-height: 1.2;
}

div#MainContent .LpVkxCv{
display: table;
position: relative;
width: 930px;
margin: 27px auto 29px;
}
div#MainContent .LpVkxCv > li{
background: none;
padding: 0;
margin: 0;
display: table-cell;
text-align: left;
vertical-align: middle;
line-height: 1.2;
}
div#MainContent .LpVkxCv > li.LpVkxTxt{
font-size: 2.5em;
font-weight: bold;
}
div#MainContent .LpVkxCv > li.LpVkxImg{
text-align: right;
padding-right: 18px;
padding-left: 31px;
}
div#MainContent .LpVkxCv > li.LpVkxImg img{
padding-top: 3px;
}
div#MainContent .LpVkxCv > li.LpVkxTell{
text-align: right;
padding: 0;
}
div#MainContent .LpVkxCv > li.LpVkxTell img{
padding-bottom: 4px;
}
div#MainContent .LpVkxCv > li.LpVkxTell p{
margin-bottom: 0;
}