@charset "utf-8";

/*  Reset
-------------------------------------------------- */
div#HeaderArea.WithoutGlobalNav{
margin-bottom: 0;
}
div#Container{
overflow: hidden;
padding-top: 0;
}
div#ContentsLayout{
padding-bottom: 0;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child{
padding-top: 0;
}
div#MainContent div#MainContentBody > .Section > p:first-child{
margin: 0;
}
div#ContentsLayout.SingleWide div#MainContentBody > .Section:first-child{
padding-bottom: 0;
}
div#MainContent #Szv + p{
display: none;
}
div#MainContent #Szv ul,
div#MainContent #Szv li{
margin: 0;
padding: 0;
}
div#MainContent #Szv li{
background: none;
}
div#MainContent #Szv .SectionList a:link,
div#MainContent #Szv .SectionList a:visited,
div#MainContent #Szv .SectionList a:hover,
div#MainContent #Szv .SectionList a:focus,
div#MainContent #Szv .SectionList a:active{
text-decoration: none;
}
/*  Hdg
-------------------------------------------------- */
#Szv{
margin-bottom: 20px;
}
#Szv .Hdg01{
margin: 0 0 15px;
}
#Szv .Hdg02{
font-size: 3.33333em;
font-family: serif;
text-align: center;
}
#Szv .Hdg02 .Inch{
color: #0099cc;
}
#Szv a .Hdg03{
display: block;
margin: 0 0 25px;
color: #fff;
font-size: 2.66666em;
font-family: serif;
line-height: 1.2;
}
/*  Btn
-------------------------------------------------- */
#Szv a .Btn{
display: table;
background: #fff;
}
#Szv a .Btn.aCenter{
margin: 0 auto;
}
/*Btn01*/
#Szv .Btn01{
display: inline-block;
position: relative;
padding: 14px 28px 14px 56px;
background: url(../../img/landing_page/sz-v/bg_08.png) repeat-x left top #a53333;
color: #fff;
font-size: 1.666666em;
box-sizing: border-box;
}
#Szv a .Btn .Btn01{
display: block;
}
#Szv .Btn01:link, #Szv .Btn01:visited, #Szv .Btn01:hover, #Szv .Btn01:focus, #Szv .Btn01:active{
text-decoration: none;
}
#Szv .Btn01:before{
display: block;
position: absolute;
top: 50%;
left: 22px;
width: 25px;
height: 25px;
margin: -12px 0 0;
background: url(../../img/landing_page/common/icon_btn_dl.png) no-repeat;
content: "";
}
div#MainContent #Szv a:hover.Btn01, div#MainContent #Szv a:focus.Btn01, div#MainContent #Szv a:active.Btn01,
div#MainContent a:hover.Btn02, div#MainContent a:focus.Btn02, div#MainContent a:active.Btn02,
div#MainContent #Szv .cmnLpInqBtn02 a:hover, div#MainContent #Szv .cmnLpInqBtn02 a:focus, div#MainContent #Szv .cmnLpInqBtn02 a:active,
div#MainContent #Szv .cmnLpAncrBtn03 a:hover, div#MainContent #Szv .cmnLpAncrBtn03 a:focus, div#MainContent #Szv .cmnLpAncrBtn03 a:active{
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
}
div#MainContent #Szv a:hover .Btn01, div#MainContent #Szv a:focus .Btn01, div#MainContent #Szv a:active .Btn01{
opacity: 0.7;
-ms-filter: "alpha(opacity=70)";
}

/*Btn02*/
div#MainContent .Btn02{
display: block;
position: relative;
width: 74px;
height: 48px;
vertical-align: bottom;
background: url(../../img/landing_page/sz-v/bg_11.png) repeat-x left top #a2a1a1;
color: #333;
line-height: 1;
}
div#MainContent .Btn02:link, div#MainContent .Btn02:visited, div#MainContent .Btn02:hover, div#MainContent .Btn02:focus, div#MainContent .Btn02:active{
text-decoration: none;
}
div#MainContent .Btn02 .Inner{
display: table;
position: relative;
height: 100%;
margin: 0 auto;
}
div#MainContent .Btn02 .Inner:before{
display: block;
position: absolute;
top: 10px;
right: 50%;
width: 6px;
height: 8px;
margin-left: -3px;
background: url(../../img/landing_page/sz-v/ico_02.png) no-repeat;
content: "";
}
div#MainContent .Btn02 .Inner .Txt{
display: table-cell;
padding: 6px 0;
vertical-align: bottom;
}
/*cmnLpInqBtn*/
#MainContent .cmnLpInqBtn02 a,
#MainContent .cmnLpAncrBtn03 a{
font-size: 1.166666em;
font-weight: bold;
}
#MainContent .cmnLpInqBtn02 a{
background: url(../../img/landing_page/sz-v/bg_10.png) repeat-x left top #319e88;
padding: 16px 20px 16px 44px
}
#MainContent .cmnLpInqBtn02 a:before{
background: url(../../img/landing_page/sz-v/ico_01.png) no-repeat;
left: 14px;
width: 20px;
height: 14px;
margin-top: -7px;
}
#MainContent .cmnLpInqBtn02 a:after,
#MainContent .cmnLpAncrBtn03 a:after{
display: none;
}
#MainContent .cmnLpAncrBtn03 a{
background: url(../../img/landing_page/sz-v/bg_09.png) repeat-x left top #a53333;
padding: 16px 7px 18px 43px;
}
#MainContent .cmnLpAncrBtn03 a:before{
position: absolute;
top: 50%;
left: 14px;
margin-top: -13px;
display: inline-block;
content: "";
background: url(../../img/landing_page/common/icon_btn_dl.png) no-repeat;
width: 25px;
height: 25px;
}
#MainContent .cmnLpAncrBtn03 a .Text:before{
display: none;
}
#MainContent li.cmnLpAncrBtn03 + .cmnLpInqBtn02 a{
top: 0;
}
/*cmnLpAncrBtn02*/
#MainContent .cmnLpAncrBtn02 a .Text{
position: relative;
display: inline-block;
padding: 12px 28px 14px 56px;
background: #e60012;
letter-spacing: normal;
color: #fff;
font-size: 1.66em;
text-align: left;
text-decoration: none;
z-index: 0;
}
#MainContent .cmnLpAncrBtn02 a .Text:before{
position: absolute;
top: 50%;
left: 25px;
margin-top: -7px;
display: inline-block;
content: "";
background: url(../../../img/landing_page/common/icon_btn_anc.png) no-repeat;
width: 25px;
height: 13px;
}
#MainContent .cmnLpAncrBtn02 a .Text:after{
position: absolute;
left: 0;
bottom: -2px;
display: block;
background: #000;
content: "";
width: 100%;
height: 2px;
opacity: 0.3;
-ms-filter: "alpha(opacity=30)";
z-index: -1;
}
#MainContent .cmnLpAncrBtn02 .Text{
position: relative;
display: inline-block;
padding: 12px 28px 14px 56px;
background: #e60012;
letter-spacing: normal;
color: #fff;
font-size: 1.66em;
text-align: left;
text-decoration: none;
z-index: 0;
}
#MainContent .cmnLpAncrBtn02 .Text:before{
    position: absolute;
    top: 50%;
    left: 25px;
    margin-top: -7px;
    display: inline-block;
    content: "";
    background: url(../../../img/landing_page/common/icon_btn_anc.png) no-repeat;
    width: 25px;
    height: 13px;
}
#MainContent .cmnLpAncrBtn02 .Text:after{
    position: absolute;
    left: 0;
    bottom: -2px;
    display: block;
    background: #000;
    content: "";
    width: 100%;
    height: 2px;
    opacity: 0.3;
    -ms-filter: "alpha(opacity=30)";
    z-index: -1;
}

/*  Column
-------------------------------------------------- */
#Szv .Column{
display: block;
margin: 0 0 20px -56px;
letter-spacing: -0.3em;
}
#Szv .Col{
display: inline-block;
width: 200px;
margin: 0 0 0 56px;
letter-spacing: normal;
}
#Szv .Col .Img,
#Szv .Col .Txt{
display: block;
}
#Szv .Col .Img{
margin: 0 0 8px;
text-align: center;
}
#Szv .Col .Txt{
color: #fff;
font-size: 1.5em;
text-align: center;
}
/*  MainVisualBox
-------------------------------------------------- */
#Szv .MainVisual{
position: relative;
background: url(../../img/landing_page/sz-v/bg_06.png) no-repeat left top;
}
#Szv .MainVisual:before, #Szv .MainVisual:after{
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #e4e9e9;
content: "";
}
#Szv .MainVisual:before{left: -100%;
background: url(../../img/landing_page/sz-v/bg_07.png) no-repeat right top #e4e9e9;
}
#Szv .MainVisual:after{right: -100%;}
#Szv .MainVisual .Inner{
padding: 29px 0 17px 486px;
background: url(../../img/landing_page/sz-v/bg_01.png) no-repeat left top;
max-height: 460px;
opacity: 0;
-ms-filter: "alpha(opacity=0)";
}
#Szv .MainVisual .Txt,
#Szv .MainVisual .Hdg01{
opacity: 0;
-ms-filter: "alpha(opacity=0)";
}
#MainContent #Szv .MainVisual .Txt{
margin-bottom: 9px;
}
#MainContent #Szv .MainVisual .Hdg01{
margin-bottom: 12px;
}
/*  SectionList
-------------------------------------------------- */
div#MainContent #Szv .SectionList .Section01{
position: relative;
padding: 30px 0 526px;
background: url(../../img/landing_page/sz-v/bg_02.png) no-repeat center bottom;
}
div#MainContent #Szv .SectionList .Section01 .Btn{
position: absolute;
bottom: 25px;
width: 100%;
}
div#MainContent #Szv .SectionList .Section02,
div#MainContent #Szv .SectionList .Section03,
div#MainContent #Szv .SectionList .Section04{
position: relative;
}
div#MainContent #Szv .SectionList .Section02:before, div#MainContent #Szv .SectionList .Section02:after,
div#MainContent #Szv .SectionList .Section03:before, div#MainContent #Szv .SectionList .Section03:after,
div#MainContent #Szv .SectionList .Section04:before, div#MainContent #Szv .SectionList .Section04:after{
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: 0;
}
div#MainContent #Szv .SectionList .Section02:before,
div#MainContent #Szv .SectionList .Section03:before,
div#MainContent #Szv .SectionList .Section04:before{
left: -100%;
}
div#MainContent #Szv .SectionList .Section02:after,
div#MainContent #Szv .SectionList .Section03:after,
div#MainContent #Szv .SectionList .Section04:after{
right: -100%;
z-index: 0
}
div#MainContent #Szv .SectionList .Section02 > .Inner,
div#MainContent #Szv .SectionList .Section03 > .Inner{
position: relative;
height: 100%;
}
div#MainContent #Szv .SectionList .Section02 > .Inner:before,
div#MainContent #Szv .SectionList .Section03 > .Inner:before{
display: block;
position: absolute;
content: "";
}
div#MainContent #Szv .SectionList .Section02 a,
div#MainContent #Szv .SectionList .Section03 a,
div#MainContent #Szv .SectionList .Section04 a{
display: block;
position: relative;
height: 100%;
}
div#MainContent #Szv .SectionList .Section03 a:before, div#MainContent #Szv .SectionList .Section03 a:after{
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
content: "";
z-index: 2;
}
div#MainContent #Szv .SectionList .Section03 a:before{
left: -100%;
}
div#MainContent #Szv .SectionList .Section03 a:after{
right: -100%;
}
div#MainContent #Szv .SectionList .Section03 a:hover,
div#MainContent #Szv .SectionList .Section03 a:hover:before,
div#MainContent #Szv .SectionList .Section03 a:hover:after{
background: url(../../img/landing_page/sz-v/bg_05.png) repeat;
z-index: 1;
}
div#MainContent #Szv .SectionList .Section02 a .Cont,
div#MainContent #Szv .SectionList .Section03 a .Cont{
display: table;
height: 100%;
vertical-align: middle;
}
div#MainContent #Szv .SectionList .Section02 a .Cont .Inner,
div#MainContent #Szv .SectionList .Section03 a .Cont .Inner{
display: table-cell;
vertical-align: middle;
}
/*Section02*/
div#MainContent #Szv .SectionList .Section02{
background: #1f3553;
height: 360px;
}
div#MainContent #Szv .SectionList .Section02:before, div#MainContent #Szv .SectionList .Section02:after{
background: #1f3553;
}
div#MainContent #Szv .SectionList .Section02 > .Inner:before{
top: 0;
left: -70px;
width: 681px;
height: 360px;
background: url(../../img/landing_page/sz-v/bg_03.png) no-repeat;
}
div#MainContent #Szv .SectionList .Section02 a{
padding: 0 0 0 572px;
}
/*Section03*/
div#MainContent #Szv .SectionList .Section03{
background: #1c2329;
height: 320px;
}
div#MainContent #Szv .SectionList .Section03:before, div#MainContent #Szv .SectionList .Section03:after{
background: #1c2329;
}
div#MainContent #Szv .SectionList .Section03 > .Inner:before{
bottom: 0;
right: -70px;
width: 700px;
height: 320px;
background: url(../../img/landing_page/sz-v/bg_04.png) no-repeat;
z-index: 1;
}
div#MainContent #Szv .SectionList .Section03 a{
padding: 0 550px 0 0;
z-index: 2;
}
/*Section04*/
div#MainContent #Szv .SectionList .Section04{
background: #203e4e;
}
div#MainContent #Szv .SectionList .Section04 a{
padding: 30px 0 30px;
}
div#MainContent #Szv .SectionList .Section04:before, div#MainContent #Szv .SectionList .Section04:after{
background: #203e4e;
}
div#MainContent #Szv .SectionList .Section04 .Hdg03{
margin: 0 0 20px;
text-align: center;
}
/*  CvArea
-------------------------------------------------- */
.CvArea{
display: none;
position: fixed;
bottom: 0;
width: 970px;
z-index: 10;
}
.CvArea > .Inner{
display: table;
position: relative;
width: 100%;
height: 100%;
background: #eaeaea;
}
.CvArea > .Inner:before, .CvArea > .Inner:after{
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #eaeaea;
content: "";
}
.CvArea > .Inner:before{left: -100%;}
.CvArea > .Inner:after{right: -100%;}
.CvArea .Tel{
display: table-cell;
width: 300px;
max-width: 300px;
vertical-align: middle;
}
div#MainContent .CvArea .Tel .Num{
margin: 0;
}
.CvArea .BtnBox{
display: table-cell;
vertical-align: middle;
*zoom:1;
}
.CvArea .BtnBox:before, .CvArea .BtnBox:after{
display: table;
content: "";
}
.CvArea .BtnBox:after{
clear:both;
line-height: 0;
}
div#MainContent .CvArea .BtnList{
display: table;
float: right;
padding-right: 12px;
margin-bottom: 0;
}
div#MainContent .CvArea .BtnList li{
display: table-cell;
vertical-align: middle;
padding: 0 0 0 10px;
background: none;
}
div#MainContent .CvArea .BtnList li:first-child{
padding: 0;
}