@charset "utf-8";

.Section01, .Section02, .Section03{
text-align:center;
}

body > #Container{
overflow:hidden;
}

div#HeaderArea{
margin:0;
}

.layout-header.of-primary{
margin-bottom:0;
}

#MainContent .cmnLpAncrBtn02 a .Text{
padding-right:80px;
}

#MainContent .cmnLpAncrBtn02 a{
font-size:0.753em;
display:table;
position:relative;
max-width:400px;
}
#MainContent .cmnLpAncrBtn02 .Img{
width:50px;
box-shadow:0 0 2px #999;
position:absolute;
right:10px;
top:-5px;
}

#MainContent .cmnLpAncrBtn02 .Img img{
max-width:50px;
}

div#MainContent #PrSrGArea{
font-size:16px;
position:relative;
top:-56px;
}

.cardEmergency + #ContentsLayout div#MainContent #PrSrGArea{
position: static;
}

div#MainContent #PrSrGArea .MainVisualBox{
position:relative;
height:666px;
min-height:666px;
}

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

div#MainContent #PrSrGArea .MainVisualBox:after{
background:url(../../img/landing_page/sr-g_pr_index/bg_img.jpg) no-repeat;
content:"";
height:666px;
position:absolute;
top:0;
width:1125px;
z-index:-1;
}

div#MainContent #PrSrGArea .MainVisualBox h1{
margin-bottom:30px;
}

div#MainContent #PrSrGArea .MainVisualBox .Utility{
position:relative;
display:table;
margin-bottom:40px;

}
div#MainContent #PrSrGArea .MainVisualBox p.New{
background:#d21524;
color:#fff;
display:table-cell;
padding:14px 25px 13px;
font-weight:bold;
}

div#MainContent #PrSrGArea .MainVisualBox .NewRead{
display:table-cell;
padding-left:20px;
left:190px;
top:15px;
}

div#MainContent #PrSrGArea .MainVisualBox .Detail{
position:absolute;
border-left:1px solid #000;
padding-left:28px;
padding-bottom:14px;
bottom:0;
}

div#MainContent #PrSrGArea .MainVisualBox .Detail > .Read{
font-size:1.313em;
font-weight:bold;
max-width:300px;
}

div#MainContent #PrSrGArea .MainContents{
background:#2e2e2e;
position:relative;
}

div#MainContent #PrSrGArea .MainContents:before{
background:#2e2e2e;
content:"";
height:100%;
left:-100%;
position:absolute;
top:0;
width:300%;
z-index:-2;
}

div#MainContent #PrSrGArea .MainContents h2.Hdg2{
color:#d6d6d6;
font-size:1.313em;
text-align:center;
padding-top:35px;
padding-bottom:22px;
}

div#MainContent #PrSrGArea .MainContents ul.List01{
margin-left:3px;
}

div#MainContent #PrSrGArea .MainContents ul.List01 li{
display:inline-block;
width:220px;
position:relative;
margin-right:3px;
vertical-align:top;
}

div#MainContent #PrSrGArea .MainContents ul.List01 li .Content{
position:relative;
}

div#MainContent #PrSrGArea .MainContents ul.List01 li .Content:after{
background:url(../../img/landing_page/sr-g_pr_index/sr-g100_bg02.png) no-repeat;
content:"";
height:30px;
position:absolute;
bottom:-40px;
width:220px;
}

div#MainContent #PrSrGArea .MainContents ul.List01 li .Content .Icon{
text-align:center;
color:#ffe339;
margin-bottom:10px;
}

div#MainContent #PrSrGArea .MainContents ul.List01 li .Content .Read{
text-align:center;
color:#ccc;
font-size:1.313em;
margin-bottom:45px;
}
div#MainContent #PrSrGArea .MainContents ul.List01.Ptn01 li .Content .Read{
font-size: 19px;
}

div#MainContent #PrSrGArea .MainContents ul.List01 li .Txt{
width:220px;
height:120px;
text-align:center;
background:#0fa751;
border:5px solid #48b477;
color:#fff;
font-size:1.375em;
font-weight:bold;
display:table-cell;
vertical-align:middle;
}

div#MainContent #PrSrGArea .MainContents > .Read{
font-size:1.875em;
font-weight:bold;
color:#e60012;
text-align:center;
padding-bottom:50px;
margin-top:36px;
}

div#MainContent #PrSrGArea .DlBox{
display:table;
margin:30px auto 10px;
direction:rtl;
}

.DlBox > *{
direction:ltr;
}

div#MainContent #PrSrGArea .DlBox p{
display:table-cell;
}

div#MainContent #PrSrGArea .DlBox p.text{
display:table-cell;
font-weight:bold;
vertical-align:middle;
padding-left:40px;
font-size:2em;
}


div#MainContent #PrSrGArea .DlBoxJa{
display:table;
margin:30px auto 10px;
direction:rtl;
}

div#MainContent #PrSrGArea .DlBoxJa p{
display:table-cell;
}

div#MainContent #PrSrGArea .DlBoxJa p.text{
display:table-cell;
font-weight:bold;
vertical-align:middle;
padding-left:40px;
font-size:1.8em;
}

.DlTxt{
background:linear-gradient(#3f3f3f 0%, #171717 100%) repeat;
background-color:#3f3f3f;
color:#fff;
font-size:1.5em;
margin-bottom:40px;
padding:6px 0;
text-align:center;
}

.DlTxt .Inner{
display:inline-block;
padding:0 88px;
position:relative;
}

.DlTxt .Inner:before, .DlTxt .Inner:after{
background:url(../../img/landing_page/sr-g_pr_index/sr-g100_pr_arrow_01.png) repeat;
content:"";
display:block;
height:25px;
margin:-12px 0 0;
position:absolute;
top:50%;
width:24px;
}

.DlTxt .Inner:before{
left:20px;
}

.DlTxt .Inner:after{
right:20px;
}