@charset "utf-8";

/*  Reset
-------------------------------------------------- */
div#Container {
overflow: hidden;
}
div#Container div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
}
div#HeaderArea {
margin-bottom: 0;
}
div#MainContent div#MainContentBody > .Section > p:first-child {
margin: 0;
}
div#MainContent #SzvNtwrk ul {
margin: 0;
padding: 0;
}
div#MainContent #SzvNtwrk ul li {
margin: 0;
padding: 0;
background: none;
}
/*  --------------------------------------------- */
div#MainContent #SzvNtwrk .SzvNtwrkHdg01 {
font-size: 2.75em;
line-height: 1.1;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg01 .SzvNtwrkHdg01Ico {
padding: 4px 18px;
color: #fff;
background: #ce0010;
font-size: .424242em;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg01 .SzvNtwrkHdg01Txt {
display: block;
margin: 18px 0 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg01 .SzvNtwrkHdg01SubTxt {
display: block;
margin: 20px 0 0;
font-size: .424242em;
font-weight: normal;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg02 {
position: relative;
margin: 26px 0 0;
padding: 0 0 20px;
font-size: 2.5em;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg02:before {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 2px;
border-bottom: 1px solid #fed300;
background: #ffe27e;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg02 .SzvNtwrkHdg02Sub {
display: block;
color: #ea5504;
font-size: .6em;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg02 + .SzvNtwrkImg01 {
margin-top: 20px;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg03Ty01 {
margin: 0;
text-transform: none;
color: #333;
font-size: 1.33333em;
}
div#MainContent #SzvNtwrk .SzvNtwrkHdg03Ty02 {
margin: 0;
padding: 5px 5px 3px;
text-align: center;
text-transform: none;
color: #fff;
background: #484848;
font-size: 1.666666em;
}
div#MainContent #SzvNtwrk .SzvNtwrkCl01 {
color: #ea5504;
}
div#MainContent #SzvNtwrk .SzvNtwrkTxt01 {
text-align: center;
font-size: 1.5em;
}
div#MainContent #SzvNtwrk .SzvNtwrkImg01 {
margin: 0;
text-align: center;
}
div#MainContent #SzvNtwrk .SzvNtwrkBox01 {
box-sizing: border-box;
width: 100%;
margin: 30px 0 66px;
background: #ececec;
}
div#MainContent #SzvNtwrk .SzvNtwrkBox02 {
padding: 5px 10px;
background: #ffe27e;
}
div#MainContent #SzvNtwrk .SzvNtwrkBox02 > .SzvNtwrkTxt02 {
margin: 0;
font-size: 1.33333em;
}
div#MainContent #SzvNtwrk .SzvNtwrkBox02 > .SzvNtwrkTxt02 .SzvNtwrkCl01 {
font-weight: normal;
}
div#MainContent #SzvNtwrk .SzvNtwrkList01 > li .SzvNtwrkListContent {
margin: 5px 0 0;
background: #ededed;
}
div#MainContent #SzvNtwrk .SzvNtwrkList01 > li .SzvNtwrkImgBox .SzvNtwrkImgBoxContent {
padding: 8px 10px 10px 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkList01 > li .SzvNtwrkImgBox .SzvNtwrkImgBoxImg {
padding: 5px;
vertical-align: middle;
}
div#MainContent #SzvNtwrk .SzvNtwrkList01 > li + li {
margin: 17px 0 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkTxtList01 {
margin: 0 0 0 -2px;
letter-spacing: -.4em;
}
div#MainContent #SzvNtwrk .SzvNtwrkTxtList01 > li {
display: inline-block;
width: 205px;
margin: 2px 0 0 2px;
padding: 10px;
vertical-align: top;
letter-spacing: normal;
background: #fff;
font-size: 1.166666em;
line-height: 1;
}
div#MainContent #SzvNtwrk .SzvNtwrkTxtList01 > li.Str01 {
background: #fed300;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList01 {
display: table;
margin: 28px 0 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList01 > * {
display: table-cell;
vertical-align: middle;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList01 .SzvNtwrkBoxList01Img {
position: relative;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 {
position: relative;
width: 100%;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li {
box-sizing: border-box;
width: 466px;
padding: 20px 10px 20px 15px;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li.SzvNtwrkBoxList02After {
position: absolute;
top: 23px;
right: 0;
width: 504px;
padding: 0;
background: url(../../img/landing_page/szv_network/szv_network_bg_03.png) repeat-y;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li.SzvNtwrkBoxList02After .SzvNtwrkBoxList02AfterInner {
position: relative;
padding: 0 28px;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li.SzvNtwrkBoxList02After .SzvNtwrkBoxList02AfterInner:before, div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li.SzvNtwrkBoxList02After .SzvNtwrkBoxList02AfterInner:after {
content: "";
display: block;
position: absolute;
width: 100%;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li.SzvNtwrkBoxList02After .SzvNtwrkBoxList02AfterInner:before {
top: -47px;
left: 0;
height: 47px;
background: url(../../img/landing_page/szv_network/szv_network_bg_02.png) no-repeat;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li.SzvNtwrkBoxList02After .SzvNtwrkBoxList02AfterInner:after {
bottom: -45px;
left: 0;
height: 45px;
background: url(../../img/landing_page/szv_network/szv_network_bg_04.png) no-repeat;
}
div#MainContent #SzvNtwrk .SzvNtwrkBoxList02 > li.SzvNtwrkBoxList02After .SzvNtwrkHdg03Ty02 {
color: #333;
background: #fed300;
}
div#MainContent #SzvNtwrk .SzvNtwrkImgBox {
display: table;
width: 100%;
margin: 0 auto;
}
div#MainContent #SzvNtwrk .SzvNtwrkImgBox > * {
display: table-cell;
direction: ltr;
vertical-align: top;
}
div#MainContent #SzvNtwrk .SzvNtwrkImgBox.Left {
direction: rtl;
}
div#MainContent #SzvNtwrk .SzvNtwrkImgBox.Left > * {
direction: ltr;
}
div#MainContent #SzvNtwrk .SzvNtwrkMainVisual {
position: relative;
background: url(../../img/landing_page/szv_network/szv_network_bg_01.jpg) no-repeat top left #ffe27e;
}
div#MainContent #SzvNtwrk .SzvNtwrkMainVisual:before, div#MainContent #SzvNtwrk .SzvNtwrkMainVisual:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #ffe27e;
}
div#MainContent #SzvNtwrk .SzvNtwrkMainVisual:before {
left: -100%;
}
div#MainContent #SzvNtwrk .SzvNtwrkMainVisual:after {
right: -100%;
}
div#MainContent #SzvNtwrk .SzvNtwrkMainVisual .SzvNtwrkImgBox > * {
vertical-align: top;
}
div#MainContent #SzvNtwrk .SzvNtwrkMainVisual .SzvNtwrkImgBox .SzvNtwrkImgBoxContent {
width: 487px;
max-width: 487px;
padding: 56px 0 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkMainVisual .cmnLpAncrBtn03 {
margin: 20px 0 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkSection02 {
margin: 50px 0 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkBtnArea01 {
position: relative;
margin: 30px 0 0;
padding: 16px 0 19px;
text-align: center;
background: #ffe27e;
}
div#MainContent #SzvNtwrk .SzvNtwrkBtnArea01:before, div#MainContent #SzvNtwrk .SzvNtwrkBtnArea01:after {
content: "";
display: block;
position: absolute;
top: 0;
width: 100%;
height: 100%;
background: #ffe27e;
}
div#MainContent #SzvNtwrk .SzvNtwrkBtnArea01:before {
left: -100%;
}
div#MainContent #SzvNtwrk .SzvNtwrkBtnArea01:after {
right: -100%;
}
div#MainContent #SzvNtwrk .SzvNtwrkBtnArea01 .cmnLpAncrBtn03 {
margin: 0;
}
div#MainContent #SzvNtwrk .SzvNtwrkCtlgBox .SzvNtwrkImgBox {
direction: rtl;
width: auto;
margin: 0 auto;
}
div#MainContent #SzvNtwrk .SzvNtwrkCtlgBox .SzvNtwrkImgBox > * {
direction: ltr;
vertical-align: middle;
}
div#MainContent #SzvNtwrk .SzvNtwrkCtlgBox .SzvNtwrkImgBox .SzvNtwrkImgBoxContent {
padding: 0 0 0 30px;
}
div#MainContent #SzvNtwrk .SzvNtwrkCtlgBox .SzvNtwrkImgBox .SzvNtwrkImgBoxContentTxt {
font-size: 2.5em;
font-weight: bold;
}