@charset "utf-8";

body {
overflow-x: hidden;
}
#Fsn40Pr .Fsn40PrHeader {
position: fixed;
z-index: 10;
top: 0;
box-sizing: border-box;
width: 100%;
height: 70px;
background: #fff;
}
#Fsn40Pr .Fsn40PrHeader .Fsn40PrHeaderContent {
float: left;
margin: 21px 0 21px 20px;
}
#Fsn40Pr .Fsn40PrHeader .Fsn40PrBtnList {
float: right;
margin: 15px 20px 15px 0;
}
#Fsn40Pr .Fsn40PrHeader:after {
content: "";
display: block;
clear: both;
}
#Fsn40Pr .scroll {
position: fixed;
top: 0;
left: 0;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSec {
float: left;
position: relative;
height: 100%;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSec.Sec01 {
background: #213141;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSec.Sec01:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: #bb3636;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSec.Sec02 {
width: 4810px;
background: #213141;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSec.Sec03 {
background: #bb3636;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSec.Sec03:after {
content: "";
display: block;
position: absolute;
top: 0;
left: 0;
width: 50%;
height: 100%;
background: #213141;
}
#Fsn40Pr .Fsn40PrBg:after {
content: "";
display: block;
clear: both;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner {
position: absolute;
top: 50%;
left: 0;
box-sizing: border-box;
width: 100%;
height: 630px;
margin-top: -315px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent {
position: relative;
height: 100%;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg01 {
position: absolute;
top: 50%;
left: 0;
margin-top: -405px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg02 {
position: absolute;
z-index: 5;
bottom: -240px;
left: 780px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg03 {
position: absolute;
top: -151px;
left: 958px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg04 {
position: absolute;
top: 0;
left: 1560px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg05 {
position: absolute;
z-index: 10;
top: 50%;
left: 2065px;
margin-top: 155px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg06 {
position: absolute;
top: 50%;
left: 2655px;
margin-top: 125px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg07 {
position: absolute;
top: 50%;
left: 3500px;
margin-top: -364px;
}
#Fsn40Pr .Fsn40PrBg .Fsn40PrSecInner .Fsn40PrSecInnerContent .Fsn40PrImg08 {
position: absolute;
top: 50%;
left: 4290px;
margin-top: -100px;
}
#Fsn40Pr .Fsn40PrBg.Str02 .Sec01 {
background: none;
}
#Fsn40Pr .Fsn40PrBg.Str02 .Sec01:after {
display: none;
}
#Fsn40Pr .Fsn40PrBg.Str02 .Sec02 {
background: none;
}
#Fsn40Pr .Fsn40PrBg.Str02 .Sec03 {
background: none;
}
#Fsn40Pr .Fsn40PrBg.Str02 .Sec03:after {
display: none;
}
#Fsn40Pr .Fsn40PrWrap {
top: 50%;
left: 0;
box-sizing: border-box;
height: 630px;
margin-top: -315px;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent {
height: 100%;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent .Fsn40PrSec {
float: left;
position: relative;
width: 1920px;
height: 100%;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent .Fsn40PrSec.Sec01 .Fsn40PrTxt01 {
position: absolute;
top: 50%;
left: 50%;
margin-top: -270px;
margin-left: -390px;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent .Fsn40PrSec.Sec01 .Fsn40PrTxt02 {
position: absolute;
bottom: 135px;
left: 50%;
margin-left: -235px;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent .Fsn40PrSec.Sec01 .Fsn40PrImg01 {
position: absolute;
top: 50%;
left: 50%;
margin-top: -140px;
margin-left: -530px;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent .Fsn40PrSec.Sec02 {
box-sizing: border-box;
width: 5610px;
padding-left: 1015px;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent .Fsn40PrSec.Sec02 .Fsn40PrHdg02 {
position: absolute;
top: 50%;
left: 540px;
margin-top: -160px;
}
#Fsn40Pr .Fsn40PrWrap .Fsn40PrContent:after {
content: "";
display: block;
clear: both;
}
#Fsn40Pr .Fsn40PrLogo {
display: inline-block;
}
#Fsn40Pr .Fsn40PrHdg01 {
display: inline-block;
margin-left: 12px;
padding: 0 0 0 20px;
border-left: 1px solid #cacaca;
}
#Fsn40Pr .Fsn40PrBtnList {
display: table;
}
#Fsn40Pr .Fsn40PrBtnList > * {
display: table-cell;
}
#Fsn40Pr .Fsn40PrBtnList > * + * {
padding-left: 30px;
}
#Fsn40Pr .Fsn40PrBtn {
display: inline-block;
position: relative;
z-index: 2;
box-sizing: border-box;
transition: all .2s ease-out;
color: #fff;
background: linear-gradient(#30485f 0%, #1c2a38 100%);
font-size: 1.33333em;
font-weight: bold;
}
#Fsn40Pr .Fsn40PrBtn:hover {
text-decoration: none;
background: linear-gradient(#1c2a38 0%, #30485f 100%);
}
#Fsn40Pr .Fsn40PrBtn:hover span:before {
background: rgba(255, 255, 255, .1);
}
#Fsn40Pr .Fsn40PrBtn:before {
content: "";
display: block;
position: absolute;
z-index: -1;
top: 0;
left: 0;
width: 40px;
height: 100%;
}
#Fsn40Pr .Fsn40PrBtn:after {
content: "";
display: block;
position: absolute;
top: 50%;
}
#Fsn40Pr .Fsn40PrBtn span {
display: block;
position: relative;
padding: 9px 33px 9px 73px;
}
#Fsn40Pr .Fsn40PrBtn span:before {
content: "";
display: block;
position: absolute;
z-index: 5;
top: 0;
right: 0;
width: 100%;
height: 100%;
transition: all .2s ease-out;
}
#Fsn40Pr .Fsn40PrBtn.Str01:before {
background: linear-gradient(#46b7cc 0%, #296b92 100%);
}
#Fsn40Pr .Fsn40PrBtn.Str01:after {
left: 12px;
width: 19px;
height: 18px;
margin-top: -9px;
background: url(../../img/landing_page/fs-n40_pr/ico_02.gif) no-repeat;
}
#Fsn40Pr .Fsn40PrBtn.Str01:hover:before {
background: linear-gradient(#296b92 0%, #46b7cc 100%);
}
#Fsn40Pr .Fsn40PrBtn.Str02:before {
background: linear-gradient(#f55 0%, #ff3232 100%);
}
#Fsn40Pr .Fsn40PrBtn.Str02:after {
left: 12px;
width: 19px;
height: 18px;
margin-top: -9px;
background: url(../../img/landing_page/fs-n40_pr/ico_01.gif) no-repeat;
}
#Fsn40Pr .Fsn40PrBtn.Str02:hover:before {
background: linear-gradient(#ff3232 0%, #f55 100%);
}
#Fsn40Pr .Fsn40PrBtn.Str03 span {
padding: 14px 43px 15px 83px;
}
#Fsn40Pr .Fsn40PrBtn.Str03:before {
width: 50px;
background: linear-gradient(#f55 0%, #ff3232 100%);
}
#Fsn40Pr .Fsn40PrBtn.Str03:after {
left: 16px;
width: 19px;
height: 18px;
margin-top: -9px;
background: url(../../img/landing_page/fs-n40_pr/ico_01.gif) no-repeat;
}
@keyframes bounce {
from {
transform: translateY(0);
}
to {
transform: translateY(-3px);
}
}
@keyframes bounceside {
from {
transform: translateX(0);
}
to {
transform: translateX(-3px);
}
}
@keyframes sonarEffect {
0% {
opacity: .3;
filter: alpha(opacity=30);
}
40% {
opacity: .5;
filter: alpha(opacity=50);
box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #999, 0 0 0 5px rgba(255, 255, 255, .5);
}
100% {
transform: scale(1);
opacity: 0;
filter: alpha(opacity=0);
box-shadow: 0 0 0 2px rgba(255, 255, 255, .1), 0 0 5px 5px #999, 0 0 0 5px rgba(255, 255, 255, .5);
}
}
#Fsn40Pr .Fsn40PrFlow {
display: table;
height: 100%;
}
#Fsn40Pr .Fsn40PrFlow > li {
display: table-cell;
vertical-align: middle;
}
#Fsn40Pr .Fsn40PrFlow > li + li {
padding: 0 0 0 134px;
}
#Fsn40Pr .Fsn40PrColBox {
display: table;
position: relative;
z-index: 5;
width: 100%;
height: 100%;
}
#Fsn40Pr .Fsn40PrColBox > * {
display: table-cell;
overflow: hidden;
position: relative;
box-sizing: border-box;
width: 50%;
vertical-align: middle;
}
#Fsn40Pr .Fsn40PrColBox > * .Fsn40PrImg01 {
position: absolute;
top: 50%;
}
#Fsn40Pr .Fsn40PrColBox > * .Fsn40PrTxt01 {
position: absolute;
top: 50%;
right: 10px;
margin-top: -130px;
}
#Fsn40Pr .Fsn40PrColBox > * .Fsn40PrImg01 {
right: -20px;
}
#Fsn40Pr .Fsn40PrColBox > * .Fsn40PrTxt02 {
position: relative;
z-index: 5;
padding-bottom: 260px;
text-align: center;
}
#Fsn40Pr .Fsn40PrColBox > * .Fsn40PrCtlgBox {
position: relative;
width: 520px;
}
#Fsn40Pr .Fsn40PrColBox > * .Fsn40PrImg02 {
position: absolute;
top: 50%;
left: -80px;
margin-top: -326px;
}
#Fsn40Pr .Fsn40PrColBox > * .Fsn40PrColInner {
display: block;
position: relative;
height: 100%;
}
#Fsn40Pr .Fsn40PrNav {
display: block;
position: fixed;
z-index: 1000;
bottom: 80px;
box-sizing: border-box;
width: 100%;
text-align: center;
vertical-align: middle;
letter-spacing: -.4em;
}
#Fsn40Pr .Fsn40PrNav > li {
display: inline-block;
position: relative;
height: 50px;
vertical-align: middle;
letter-spacing: normal;
}
#Fsn40Pr .Fsn40PrNav > li > a {
display: block;
box-sizing: border-box;
height: 100%;
padding: 13px 31px 14px;
vertical-align: middle;
color: #213141;
background: rgba(255, 255, 255, .7);
font-size: 1.5em;
font-weight: bold;
}
#Fsn40Pr .Fsn40PrNav > li > a:hover, #Fsn40Pr .Fsn40PrNav > li > a:focus, #Fsn40Pr .Fsn40PrNav > li > a:active {
text-decoration: none;
}
#Fsn40Pr .Fsn40PrNav > li.prev, #Fsn40Pr .Fsn40PrNav > li.next {
width: 50px;
background: #e35454;
}
#Fsn40Pr .Fsn40PrNav > li.prev > a, #Fsn40Pr .Fsn40PrNav > li.next > a {
padding: 0;
}
#Fsn40Pr .Fsn40PrNav > li + li + li:before {
content: "";
display: block;
position: absolute;
top: 50%;
width: 1px;
height: 16px;
margin-top: -8px;
background: #fff;
}
#Fsn40Pr .Fsn40PrNav > li:first-child:before, #Fsn40Pr .Fsn40PrNav > li:last-child:before {
display: none;
}
#Fsn40Pr .Fsn40PrNav > li.current > a {
color: #bb3636;
}
#Fsn40Pr .Fsn40PrFooter {
position: fixed;
z-index: 10;
bottom: 0;
box-sizing: border-box;
width: 100%;
height: 70px;
padding: 30px 0;
background: #fff;
}
#Fsn40Pr .Fsn40PrFooter .copyright {
text-align: center;
color: #787878;
}
#Fsn40Pr .aCenter {
text-align: center;
}
#Fsn40Pr .Fsn40PrFooter .Fsn40PrFooterList {
display: -ms-flexbox;
display: flex;
-ms-flex-pack: center;
justify-content: center;
}
#Fsn40Pr .Fsn40PrFooter .Fsn40PrFooterList > li {
margin: 0 0 0 10px;
padding: 0 0 0 10px;
list-style: none;
color: #787878;
border-left: 1px solid #787878;
}
#Fsn40Pr .Fsn40PrFooter .Fsn40PrFooterList > li:first-child {
margin: 0;
padding: 0;
border: none;
}
#Fsn40Pr .Fsn40PrFooter .Fsn40PrFooterList > li > a {
color: #787878;
}