@charset "utf-8";

/* reset */
body > #Container{
overflow: hidden;
}

div#HeaderArea{
margin-bottom: 0;
}

div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}

div#MainContentBody > .Section:first-child > p:first-child{
margin-bottom: 0;
}


/* MainVisual */
div#MainContent #PrSrGArea .MainVisualBox{
position: relative;
}

div#MainContent #PrSrGArea .MainVisualBox:before{
background-color: #dce1eb;
content: "";
height: 100%;
left: -100%;
position: absolute;
top: 0;
width: 300%;
z-index: -1;
}

div#MainContent #PrSrGArea .MainVisualBox.Type2:before{
background-color: #dee7f8;
}

div#MainContent #PrSrGArea .MainVisualBox .MainVisualBoxInner{
background:url(../../img/landing_page/agilista_silicon/bg_01.jpg) left bottom no-repeat;
min-height: 490px;
}
div#MainContent #PrSrGArea .MainVisualBox.Type2 .MainVisualBoxInner{
background:url(../../img/landing_page/agilista_silicon/bg_02.jpg) left bottom no-repeat;
}

div#MainContent #PrSrGArea .MainVisualBox .NewIcon{
padding: 8px 0;
background-color: #d30000;
position: absolute;
top: 0;
right: 0;
color: #fff;
min-width: 170px;
font-size: 2.5em;
line-height: 1;
text-align: center;
}

div#MainContent #PrSrGArea .MainVisualBox h1{
padding: 47px 0 52px;
}

div#MainContent #PrSrGArea .MainVisualBox p{
margin-bottom: 0;
}

div#MainContent #PrSrGArea .CopyArea{
margin-bottom: 65px;
position: relative;
}

div#MainContent #PrSrGArea .CopyArea:before{
background-color: #5e6b7c;
content: "";
height: 100%;
left: -100%;
position: absolute;
top: 0;
width: 300%;
z-index: -1;
}

div#MainContent #PrSrGArea .CopyArea p{
padding: 16px 0 22px;
font-size: 3.75em;
font-weight: bold;
line-height: 1.02;
text-align: center;
color: #fff;
}


/* ImgTxtArea */
div#MainContent #PrSrGArea .ImgTxtArea01{
margin-bottom: 60px;
}

div#MainContent #PrSrGArea .ImgTxtArea01 .TxtBox{
float: right;
width: 433px;
}

div#MainContent #PrSrGArea .ImgTxtArea01 .TxtBox p{
padding-top: 28px;
font-size: 1.666666em;
line-height: 1.75;
color: #5e6b7c;
}

div#MainContent #PrSrGArea .ImgTxtArea01 .ImgBox{
float: left;
width: 486px;
}

div#MainContent #PrSrGArea .ImgTxtArea02{
position: relative;
margin-bottom: 42px;
}

div#MainContent #PrSrGArea .ImgTxtArea02.Type2{
margin-bottom: 20px;
}

div#MainContent #PrSrGArea .ImgTxtArea02:before{
background-color: #b4b8c8;
content: "";
height: 2px;
left: -100%;
position: absolute;
top: 0;
width: 300%;
z-index: -1;
}

div#MainContent #PrSrGArea .ImgTxtArea02 .TxtBox{
float: left;
width: 510px;
}

div#MainContent #PrSrGArea .ImgTxtArea02 .TxtBox p{
padding-top: 56px;
font-size: 1.666666em;
line-height: 1.75;
color: #000;
}

div#MainContent #PrSrGArea .ImgTxtArea02.Type2 .TxtBox p{
padding-left: 12px;
}

div#MainContent #PrSrGArea .ImgTxtArea02 .ImgBox{
float: right;
margin-top: -19px;
width: 382px;
}

div#MainContent #PrSrGArea .ImgTxtArea02.Type2 .ImgBox{
margin-top: 0;
padding-top: 15px;
width: 357px;
}

div#MainContent #PrSrGArea .ImgTxtArea01 .ImgBox img,
div#MainContent #PrSrGArea .ImgTxtArea02 .ImgBox img{
vertical-align: bottom;
}

div#MainContent #PrSrGArea .ImgTxtArea01:after,
div#MainContent #PrSrGArea .ImgTxtArea02:after{
content: "";
display: block;
clear: both;
}

/* Download */
div#MainContent #PrSrGArea .PrVrFuncDownload{
color: #fff;
text-align: center;
font-size: 2.083333em;
padding: 4px;
background: #3f3f3f;
background: -webkit-linear-gradient(top,  #3f3f3f 0%,#1c1c1c 100%);
background: linear-gradient(to bottom,  #3f3f3f 0%,#1c1c1c 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#1c1c1c',GradientType=0 );
}

div#MainContent #PrSrGArea .PrVrFuncDownload:before,
div#MainContent #PrSrGArea .PrVrFuncDownload:after{
content: "";
display: inline-block;
background: url(../../img/landing_page/agilista_silicon/arrow_01.png) no-repeat 0 0;
width: 26px;
height: 29px;
vertical-align: middle;
margin: 0 39px 0 41px;
}