@charset "utf-8";

.Fsn40Pr02Content {
margin: 70px 0;
}
#Fsn40Pr02 .Fsn40Pr02Hdg01 {
display: inline-block;
margin-left: 12px;
border-left: 1px solid #cacaca;
font-size: 1.33333em;
}
#Fsn40Pr02 .Fsn40Pr02Hdg01 .Fsn40Pr02Hdg01Txt {
color: #CC1414;
}
#Fsn40Pr02 .Fsn40Pr02Hdg02 {
text-align: center;
color: #213141;
font-size: 3.75em;
line-height: 1.1;
}
#Fsn40Pr02 .Fsn40Pr02Hdg02.Str01 {
font-size: 2.5em;
font-weight: normal;
line-height: 1.3;
}
#Fsn40Pr02 .Fsn40Pr02Hdg04 {
position: relative;
padding: 0 0 9px;
text-align: center;
color: #213141;
font-size: 1.5em;
}
#Fsn40Pr02 .Fsn40Pr02Hdg04:before {
content: "";
display: block;
position: absolute;
right: 0;
bottom: 0;
left: 0;
width: 15px;
height: 2px;
margin: 0 auto;
background: #e35454;
}
#Fsn40Pr02 .Fsn40Pr02HdgBox01 {
position: relative;
width: 600px;
}
#Fsn40Pr02 .Fsn40Pr02HdgBox01 .Fsn40Pr02HdgBoxImg {
position: absolute;
z-index: 1;
right: -80px;
}
#Fsn40Pr02 .Fsn40Pr02Txt {
margin: 6px 0 0;
text-align: center;
font-size: 1.33333em;
}
#Fsn40Pr02 .Fsn40Pr02Mv01 {
position: relative;
z-index: 2;
padding: 144px 0 0;
text-align: center;
}
#Fsn40Pr02 .Fsn40Pr02Mv01 .Fsn40Pr02MvImg01 {
position: absolute;
top: 0;
left: 50%;
width: 970px;
margin-left: -485px;
}
#Fsn40Pr02 .Fsn40Pr02Mv01 .Fsn40Pr02MvImg02, #Fsn40Pr02 .Fsn40Pr02Mv01 .Fsn40Pr02MvTxt {
position: relative;
z-index: 1;
}
#Fsn40Pr02 .Fsn40Pr02Img {
margin: 60px 0 0;
text-align: center;
}
#Fsn40Pr02 .Fsn40Pr02Btn {
display: inline-block;
position: relative;
z-index: 2;
box-sizing: border-box;
transition: all .2s ease-out;
color: #fff;
border-radius: 20px;
background: #213141;
font-size: 1.166666em;
font-weight: bold;
}
#Fsn40Pr02 .Fsn40Pr02Btn:hover {
text-decoration: none;
}
#Fsn40Pr02 .Fsn40Pr02Btn:hover span:before {
background: rgba(255, 255, 255, .3);
}
#Fsn40Pr02 .Fsn40Pr02Btn:focus {
text-decoration: none;
}
#Fsn40Pr02 .Fsn40Pr02Btn:before {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
right: 0;
width: 40px;
height: 100%;
border-radius: 20px;
}
#Fsn40Pr02 .Fsn40Pr02Btn:after {
content: "";
display: block;
position: absolute;
top: 50%;
}
#Fsn40Pr02 .Fsn40Pr02Btn span {
display: block;
position: relative;
padding: 11px 47px 11px 20px;
}
#Fsn40Pr02 .Fsn40Pr02Btn span:before {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 0;
right: 0;
width: 100%;
height: 100%;
transition: all .2s ease-out;
border-radius: 20px;
}
#Fsn40Pr02 .Fsn40Pr02Btn.Str01:before {
background: #4474ee;
}
#Fsn40Pr02 .Fsn40Pr02Btn.Str01:after {
right: 11px;
width: 19px;
height: 15px;
margin-top: -9px;
background: url(../../img/landing_page/fs-n40_pr_02/ico_01.gif) no-repeat;
}
#Fsn40Pr02 .Fsn40Pr02Btn.Str02:before {
background: #ff3a3a;
}
#Fsn40Pr02 .Fsn40Pr02Btn.Str02:after {
right: 11px;
width: 19px;
height: 18px;
margin-top: -9px;
background: url(../../img/landing_page/fs-n40_pr_02/ico_02.gif) no-repeat;
}
#Fsn40Pr02 .Fsn40Pr02BtnList {
display: table;
}
#Fsn40Pr02 .Fsn40Pr02BtnList > li {
display: table-cell;
list-style: none;
}
#Fsn40Pr02 .Fsn40Pr02BtnList > li + li {
padding-left: 10px;
}
#Fsn40Pr02 .Cl01 {
color: #CC1414;
}
#Fsn40Pr02 .Bold {
font-weight: bold;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox {
position: relative;
z-index: 2;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxContent {
height: 100%;
padding: 0 50px;
border-radius: 4px;
background: rgba(255, 255, 255, .7);
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01 {
position: absolute;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str01 {
bottom: -190px;
left: -30px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str02 {
z-index: -1;
top: -225px;
left: 300px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str03 {
bottom: -125px;
left: 515px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str03.Ptn01 {
left: 485px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str04 {
z-index: -1;
top: -220px;
left: 735px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str05 {
bottom: 20px;
left: 950px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str06 {
bottom: -260px;
left: 1520px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str07 {
z-index: -1;
top: -274px;
left: 2320px;
}
#Fsn40Pr02 .Fsn40Pr02FlowBox .Fsn40Pr02FlowBoxImg01.Str08 {
right: -230px;
bottom: -130px;
}
#Fsn40Pr02 .Fsn40Pr02Flow {
display: table;
}
#Fsn40Pr02 .Fsn40Pr02Flow > * {
display: table-cell;
position: relative;
box-sizing: border-box;
width: 500px;
min-width: 500px;
max-width: 500px;
padding: 138px 50px 0 50px;
list-style: none;
}
#Fsn40Pr02 .Fsn40Pr02Flow > * .Fsn40Pr02Hdg03 {
display: inline-block;
position: absolute;
top: -40px;
left: 50%;
margin-left: -83px;
}
#Fsn40Pr02 .Fsn40Pr02Flow > * .Fsn40Pr02Hdg03 .Fsn40Pr02Hdg03Inner {
display: block;
position: relative;
}
#Fsn40Pr02 .Fsn40Pr02Flow > * .Fsn40Pr02Hdg03 .Fsn40Pr02Hdg03Inner > .Fsn40Pr02Hdg03Line {
width: 0;
transition: all 1s;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
}
#Fsn40Pr02 .Fsn40Pr02Flow > * .Fsn40Pr02Hdg03 .Fsn40Pr02Hdg03Inner > .Fsn40Pr02Hdg03Line.isFull {
display: block;
position: absolute;
z-index: 1;
top: 50%;
left: 150px;
width: 367px;
height: 1px;
background: rgba(255, 255, 255, .6);
box-shadow: 0 0 17px 6px #6fd226;
}
#Fsn40Pr02 .Fsn40Pr02Flow > * .Fsn40Pr02Hdg03 .Fsn40Pr02Hdg03Inner > img {
position: relative;
z-index: 2;
transition: all 700ms;
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 0;
filter: alpha(opacity=0);
}
#Fsn40Pr02 .Fsn40Pr02Flow > * .Fsn40Pr02Hdg03 .Fsn40Pr02Hdg03Inner > img.isIn {
opacity: 1;
filter: alpha(opacity=100);
}
#Fsn40Pr02 .Fsn40Pr02List > li {
list-style: none;
transition: all 1000ms;
-ms-transform: translate(0, 50px);
transform: translate(0, 50px);
opacity: 0;
color: #213141;
filter: alpha(opacity=0);
}
#Fsn40Pr02 .Fsn40Pr02List > li + li {
margin: 20px 0 0;
padding: 20px 0 0;
border-top: 1px solid #dadada;
}
#Fsn40Pr02 .Fsn40Pr02List > li.isIn {
-ms-transform: translate(0, 0);
transform: translate(0, 0);
opacity: 1;
filter: alpha(opacity=100);
}
#Fsn40Pr02 .Fsn40Pr02List > li:first-child.isIn {
transition-delay: 700ms;
}
#Fsn40Pr02 .Fsn40Pr02List > li:nth-of-type(2).isIn {
transition-delay: 900ms;
}
#Fsn40Pr02 .Fsn40Pr02List > li:nth-of-type(3).isIn {
transition-delay: 1100ms;
}
#Fsn40Pr02 .Fsn40Pr02CtlgBox {
display: table;
direction: rtl;
margin: 0 auto;
}
#Fsn40Pr02 .Fsn40Pr02CtlgBox > * {
display: table-cell;
direction: ltr;
vertical-align: middle;
}
#Fsn40Pr02 .Fsn40Pr02CtlgBox .Fsn40Pr02CtlgBoxContent {
padding: 0 0 0 55px;
text-align: center;
}
#Fsn40Pr02 .Fsn40Pr02CtlgBox .Fsn40Pr02CtlgBoxTxt {
color: #213141;
font-size: 2.5em;
}
#Fsn40Pr02 .Fsn40Pr02CtlgBox .Fsn40Pr02CtlgBoxTxt + * {
margin-top: 25px;
}
#Fsn40Pr02 .Fsn40Pr02Header {
position: fixed;
z-index: 10;
top: 0;
box-sizing: border-box;
width: 100%;
height: 70px;
background: #fff;
}
#Fsn40Pr02 .Fsn40Pr02Header > .Fsn40Pr02HeaderUtility {
float: left;
padding: 23px 0 23px 30px;
}
#Fsn40Pr02 .Fsn40Pr02Header > .Fsn40Pr02HeaderBtnBox {
float: right;
padding: 15px 30px 15px 0;
}
#Fsn40Pr02 .Fsn40Pr02Header .Fsn40Pr02HeaderUtility {
display: table;
}
#Fsn40Pr02 .Fsn40Pr02Header .Fsn40Pr02HeaderUtility > * {
display: table-cell;
padding: 0 20px;
vertical-align: middle;
}
#Fsn40Pr02 .Fsn40Pr02Header .Fsn40Pr02HeaderUtility > *:first-child {
padding-left: 0;
}
#Fsn40Pr02 .Fsn40Pr02Header:after {
content: "";
display: block;
clear: both;
}
#Fsn40Pr02 .Fsn40Pr02Content {
position: relative;
background: #e5e5e5;
}
#Fsn40Pr02 .Fsn40Pr02Content .Fsn40Pr02ContentInner {
position: absolute;
top: 50%;
left: 0;
box-sizing: border-box;
height: 570px;
margin-top: -285px;
}
#Fsn40Pr02 .Fsn40Pr02Content .Fsn40Pr02ContentInner > * {
float: left;
height: 100%;
}
#Fsn40Pr02 .Fsn40Pr02Content .Fsn40Pr02ContentInner:after {
content: "";
display: block;
clear: both;
}
#Fsn40Pr02 .Fsn40Pr02Sec.Sec02 {
display: table;
position: relative;
box-sizing: border-box;
width: 4430px;
padding: 25px 350px 25px 380px;
}
#Fsn40Pr02 .Fsn40Pr02Sec.Sec02 > * {
display: table-cell;
height: 100%;
vertical-align: top;
}
#Fsn40Pr02 .Fsn40Pr02Sec.Sec03 {
padding: 25px 0;
}
#Fsn40Pr02 .Fsn40Pr02NavBox {
position: fixed;
z-index: 1000;
right: 0;
bottom: 80px;
left: 0;
width: 100%;
margin: 0 auto;
}
#Fsn40Pr02 .Fsn40Pr02Nav {
display: table;
box-sizing: border-box;
margin: 0 auto;
text-align: center;
border-radius: 25px;
background: rgba(34, 55, 77, .8);
}
#Fsn40Pr02 .Fsn40Pr02Nav > li {
display: table-cell;
position: relative;
height: 50px;
vertical-align: middle;
letter-spacing: normal;
}
#Fsn40Pr02 .Fsn40Pr02Nav > li > a {
display: block;
padding: 0 10px;
color: #fff;
font-size: 1.25em;
line-height: 1.5;
}
#Fsn40Pr02 .Fsn40Pr02Nav > li > a:hover, #Fsn40Pr02 .Fsn40Pr02Nav > li > a:focus, #Fsn40Pr02 .Fsn40Pr02Nav > li > a:active {
text-decoration: none;
}
#Fsn40Pr02 .Fsn40Pr02Nav > li.prev, #Fsn40Pr02 .Fsn40Pr02Nav > li.next {
margin: 2px;
}
#Fsn40Pr02 .Fsn40Pr02Nav > li.prev > a, #Fsn40Pr02 .Fsn40Pr02Nav > li.next > a {
display: block;
width: 50px;
padding: 0;
}
#Fsn40Pr02 .Fsn40Pr02Nav > li + li + li:before {
content: "";
display: block;
position: absolute;
top: 50%;
width: 1px;
height: 16px;
margin-top: -8px;
background: #738699;
}
#Fsn40Pr02 .Fsn40Pr02Nav > li:first-child:before, #Fsn40Pr02 .Fsn40Pr02Nav > li:last-child:before {
display: none;
}
#Fsn40Pr02 .Fsn40Pr02Nav > li.current > a {
color: #ff3a3a;
}
#Fsn40Pr02 .Fsn40Pr02Footer {
position: fixed;
z-index: 10;
bottom: 0;
box-sizing: border-box;
width: 100%;
height: 70px;
padding: 30px 0;
background: #fff;
}
#Fsn40Pr02 .Fsn40Pr02Footer.Str01 {
padding: 20px 0;
}
#Fsn40Pr02 .Fsn40Pr02Footer .copyright {
text-align: center;
color: #767676;
}
#Fsn40Pr02 .Fsn40Pr02Footer .Fsn40Pr02FooterList {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
#Fsn40Pr02 .Fsn40Pr02Footer .Fsn40Pr02FooterList li.type-01 {
padding-top: 6px;
}
#Fsn40Pr02 .Fsn40Pr02Footer .Fsn40Pr02FooterList > li {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
list-style: none;
color: #767676;
border-left: 1px solid #767676;
}
#Fsn40Pr02 .Fsn40Pr02Footer .Fsn40Pr02FooterList > li:first-child {
margin: 0;
padding: 0;
border: none;
}
#Fsn40Pr02 .Fsn40Pr02Footer .Fsn40Pr02FooterList > li > a {
color: #767676;
}
#Fsn40Pr02.SmallH .Fsn40Pr02NavBox {
bottom: 35px;
}
#Fsn40Pr02.SmallH .Fsn40Pr02Footer {
height: 30px;
padding: 5px 0;
}
#Fsn40Pr02.SmallH .Fsn40Pr02Footer.Str01 {
padding: 0;
}
#Fsn40Pr02 .Block {
display: block;
}
#Fsn40Pr02 .Mt10 {
margin-top: 10px;
}
#Fsn40Pr02 .Mt15 {
margin-top: 15px;
}
#Fsn40Pr02 .Mt20 {
margin-top: 20px;
}