@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;
}

/* style */
.LpDtctnArea {
position: relative;
}
.LpDtctnMain,
.LpDtctnSub {
position: relative;
}
.LpDtctnMain:before,
.LpDtctnSub:before {
content: "";
background: #b8d1d9;
left: -100%;
top: 0;
position: absolute;
width: 300%;
height: 100%;
z-index: -1;
}
.LpDtctnSub:before {
background: #ecf3f7;
}
.LpDtctnMain:after {
content: "";
background: url(../../img/landing_page/lp_detection_campaign/bg_hdg.jpg);
width: 660px;
height: 240px;
position: absolute;
top: 0;
right: -7px;
z-index: -1;
}

/* main */
.LpDtctnMain {
padding-bottom: 25px;
}
.LpDtctnMainInner > * {
display: table-cell;
height: 139px;
width: 440px;
padding: 30px 13px 25px;
vertical-align: middle;
color: #000;
font-size: 3.166666em;
}

div#MainContent .LpDtctnMain ol {
display: table;
margin: 0 auto;
color: #000;
}
div#MainContent .LpDtctnMain ol > li {
margin: 0;
padding: 0;
display: table-cell;
width: 465px;
background: #f8ef1f;
}
div#MainContent .LpDtctnMain ol > li + li {
border-left: 20px solid #b8d1d9;
background: #40acff;
position: relative;
}
div#MainContent .LpDtctnMain ol > li + li dl:before {
content: "";
position: absolute;
top: 50%;
margin-top: -15px;
left: -20px;
width: 0;
height: 0;
border-style: solid;
border-width: 15px 0 15px 33px;
border-color: transparent transparent transparent #f8f11f;
}
div#MainContent .LpDtctnMain ol dl {
padding: 21px 25px 22px;
margin: 0;
}
div#MainContent .LpDtctnMain ol dl dt {
font-weight: bold;
font-size: 2em;
text-align: center;
color: #313200;
}
div#MainContent .LpDtctnMain ol > li + li dl dt {
color: #001c30;
}
div#MainContent .LpDtctnMain ol dl dt > * {
vertical-align: middle;
}
div#MainContent .LpDtctnMain ol dl dt img {
margin-right: 10px;
position: relative;
top: -3px;
}
div#MainContent .LpDtctnMain ol dl dt + * {
margin-top: 15px;
}
div#MainContent .LpDtctnMain ol dl dd {
text-align: center;
font-size: 1.33333em;
}
div#MainContent .LpDtctnMain ol dl dd ul {
text-align: left;
padding: 19px 15px 13px;
background: #fcf9b1;
font-size: 1.125em;
font-weight: bold;
margin-bottom: 19px;
}
div#MainContent .LpDtctnMain ol li + li dl dd ul {
background: #2dd0ff;
}
div#MainContent .LpDtctnMain ol dl dd ul li {
background: 0;
padding: 0 0 0 15px;;
margin: 0;
position: relative;
}
div#MainContent .LpDtctnMain ol dl dd ul li:before {
content: "";
width: 6px;
height: 1px;
background: #000;
position: absolute;
top: .5em;
left: 0;
}
div#MainContent .LpDtctnMain ol dl dd ul li + li {
margin-top: 9px;
}

/* sub */
.LpDtctnSub {
padding: 30px 0 19px;
}
div#MainContent .LpDtctnSub ol {
display: table;
width: 100%;
margin: 0;
}
div#MainContent .LpDtctnSub ol > li {
display: table-cell;
text-align: center;
}
div#MainContent .LpDtctnSub ol > li + li {
padding-left: 30px;
}

div#MainContent .LpDtctnSub ol dl {
margin: 0;
}
div#MainContent .LpDtctnSub ol dl dt {
position: relative;
text-align: center;
color: #000;
font-size: 1.3333em;
padding: 0 10px;
}
div#MainContent .LpDtctnSub ol dl dt > span {
display: inline-block;
padding: 0 10px;
background: #ecf3f7;
}
div#MainContent .LpDtctnSub ol dl dt:before {
content: "";
position: absolute;
top:50%;
left: 0;
margin-top: -2px;
height: 14px;
width: 100%;
z-index: -1;
border: 1px solid #999;
border-bottom: 0 none;
box-sizing: border-box;
}
div#MainContent .LpDtctnSub ol dl dd {
font-size: 1.66666em;
}
div#MainContent .LpDtctnSub ol dl .LpDtctnImg {
height: 95px;
display: table-cell;
vertical-align: middle;
}
div#MainContent .LpDtctnSub em {
color: #122930;
}

/* other */
div#MainContent .LpDtctnLead {
text-align: center;
color: #000;
font-size: 2.166666em;
margin-top: 15px;
}