@charset "utf-8";

/* Reset
-------------------------------------------------- */
body > #Container{
overflow: hidden;
}

div#HeaderArea{
margin-bottom: 0;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}

div#MainContent #MainContentBody > .Section:first-child > p:first-child{
margin-bottom: 0;
}

div#MainContent .EdPlcKvSrvy p,
div#MainContent .EdPlcKvSrvy ul{
margin-bottom: 0;
}

div#MainContent .EdPlcKvSrvy ul li{
background: none;
margin-bottom: 0;
padding-left: 0;
}
/* ----------------------------------------------- */

/* base */
.EdPlcKvSrvy *{
box-sizing: border-box;
}

/* Main Visual */
.EdPlcKvSrvy .EdPlcKvSrvyMainVisual{
position: relative;
min-height: 530px;
margin-left: -180px;
width: 1330px;
background: #171717 url("../../img/landing_page/ed_vkx_survey_02/ed_vkx_survey_02_bg_01.jpg") no-repeat top center;
}

.EdPlcKvSrvy .EdPlcKvSrvyMainVisual::before{
content: "";
display: inline-block;
position: absolute;
top: 0;
left: -100%;
width: 300%;
height: 100%;
background-color: #171717;
z-index: -1;
}

.EdPlcKvSrvy .EdPlcKvSrvyMainVisual .EdPlcKvSrvyMainVisualInner{
width: 960px;
margin-left: 180px;
}

.EdPlcKvSrvy .EdPlcKvSrvyMainVisual .EdPlcKvSrvyCol01{
margin-left: 487px;
}

.EdPlcKvSrvy .EdPlcKvSrvyMainVisual .EdPlcKvSrvyCol01 .EdPlcKvSrvyHdg01{
margin-left: -36px;
padding-top: 44px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyMainVisual .EdPlcKvSrvyLead{
margin-top:13px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyMainVisual .EdPlcKvSrvyLabel{
display: inline-block;
padding: 4px 8px 2px 10px;
color: #fff;
background-color: rgba(212,0,1,.8);
font-size: 1.25em;
font-weight: normal;
vertical-align: top;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyMainVisual .EdPlcKvSrvyLead .EdPlcKvSrvyLeadImg{
display: inline-block;
margin:-18px 0 0 -4px;
}

#MainContent .EdPlcKvSrvy .cmnLpAncrBtn03{
margin-top: 35px;
}

#MainContent .EdPlcKvSrvy .cmnLpAncrBtn03 a{
padding: 12px 9px 18px 55px;
background-color: #e60012;
}

#MainContent .EdPlcKvSrvy .cmnLpAncrBtn03 a::after{
display: none;
}

#MainContent .EdPlcKvSrvy .cmnLpAncrBtn03 .Text{
margin-top: 5px;
}

#MainContent .EdPlcKvSrvy .cmnLpAncrBtn03 .Text::before{
margin-top: -17px;
}

.EdPlcKvSrvy .EdPlcKvSrvyMainVisual .EdPlcKvSrvyCol02{
position: absolute;
bottom: 8px;
left: 154px;
z-index: 1;
}

/* EdPlcKvSrvyCont */
div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont01,
div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont02{
color: #202020;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyHdg02_01,
div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyHdg02_02{
font-size: 3em;
text-align: center;
line-height: 1;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyHdg02_01{
margin-top: 79px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyHdg02_02{
margin-top: 67px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyLargeTxt01{
font-size: 2em;
line-height: 1.43;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyLargeTxt02{
display: block;
margin: 3px 0 10px;
font-size: 1.5em;
font-weight: bold;
line-height: 1.15;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyLargeTxt03{
padding-left: 20px; 
font-size: 1.55555em;
line-height: 1.43;
vertical-align: sub;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem{
position: relative;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont01 .EdPlcKvSrvyItem{
margin-top: 53px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont02 .EdPlcKvSrvyItem{
margin-top: 63px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont01 .EdPlcKvSrvyItem::before{
content: "";
display: inline-block;
position: absolute;
top: 212px;
left: -100%;
width: 300%;
height: calc(100% - 212px);
background-color: #000;
z-index: -2;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont02 .EdPlcKvSrvyItem::before{
content: "";
display: inline-block;
position: absolute;
top: 240px;
left: -100%;
width: 300%;
height: calc(100% - 240px);
background-color: #000;
z-index: -2;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem.BgImg01::after{
content: "";
display: inline-block;
position: absolute;
top: 80px;
right: -200px;
width: 632px;
height: calc(100% - 80px);
background: url("../../img/landing_page/ed_vkx_survey_02/ed_vkx_survey_02_bg_02.jpg") no-repeat top 228px left 0;
z-index: -1;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem.BgImg02::after{
content: "";
display: inline-block;
position: absolute;
top: 248px;
left: -181px;
width: 702px;
height: calc(100% - 248px);
background: url("../../img/landing_page/ed_vkx_survey_02/ed_vkx_survey_02_bg_03.jpg") no-repeat 0 0;
z-index: -1;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem .EdPlcKvSrvyList{
display: flex;
padding-bottom: 80px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont02 .EdPlcKvSrvyItem .EdPlcKvSrvyList{
padding-bottom: 119px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem .EdPlcKvSrvyList li{
display: flex;
flex-direction: column-reverse;
justify-content: flex-end;
border-left: 1px solid #2c2c2c;
background-color: #fff;
text-align: center;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem .EdPlcKvSrvyList li:first-child{
border-left: none;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem .EdPlcKvSrvyList li .EdPlcKvSrvyInnerItem{
padding: 18px 10px 25px;
font-size: 1.666666em;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCont02 .EdPlcKvSrvyItem .EdPlcKvSrvyList li .EdPlcKvSrvyInnerItem{
padding-bottom: 33px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem .EdPlcKvSrvyList li .EdPlcKvSrvyInnerItem .EdPlcKvSrvyHdg03{
position: relative;
margin: 6px 0 0;
font-size: 1.8em;
line-height: 1.33;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem .EdPlcKvSrvyList li .EdPlcKvSrvyInnerItem .EdPlcKvSrvyHdg03::after{
content: "";
display: block;
margin: 16px auto 0;
width: 60px;
height: 1px;
border-bottom: 1px solid #202020;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyItem .EdPlcKvSrvyList li .EdPlcKvSrvyInnerItem .EdPlcKvSrvyInnerTxt{
margin-top: 22px;
line-height: 1.4;
}

/* EdPlcKvSrvyCatalog */
.EdPlcKvSrvy .EdPlcKvSrvyCatalog{
display: flex;
align-items: center;
margin-top: 52px;
}

div#MainContent .EdPlcKvSrvy .EdPlcKvSrvyCatalog .EdPlcKvSrvyCatalogTxt{
order: 2;
margin-left: 59px;
font-size: 2.666666em;
line-height: 1.25;
}

.EdPlcKvSrvy .EdPlcKvSrvyCatalog .EdPlcKvSrvyCatalogImg{
order: 1;
margin-left: 84px;
}

div#MainContent .EdPlcKvSrvy .cmnLpCVLead{
margin-top: 54px;
}