@charset "UTF-8";

/*  Reset
-------------------------------------------------- */
.layout-header,
.layout-main,
.layout-footer {
    overflow: hidden;
}

#MainContent {
    word-wrap: normal;
    max-width: 1010px;
    margin: 0 auto;
    padding: 0 20px;
    font-size: 1.2rem;
    line-height: 1.3;
    overflow-wrap: normal;
}

#MainContent *,
#MainContent *::before,
#MainContent *::after {
    box-sizing: content-box;
}

/*  --------------------------------------------- */
div#MainContent #FdxPr p {
    margin: 0;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrHdg01 {
    font-size: 60px;
    font-weight: normal;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrHdg01 {
    font-size: 53px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrHdg02 {
    font-size: 50px;
    font-weight: normal;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrHdg02 {
    font-size: 45px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrTxt01 {
    margin: 25px 0 0;
    font-size: 22px;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrTxt01 {
    font-size: 20px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSeriesTxt {
    display: flex;
    margin: 70px 0 0;
    font-size: 20px;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrSeriesTxt {
    font-size: 19px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSeriesTxt + * {
    margin-top: 25px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSeriesTxt > .FdxPrIcon {
    align-self: flex-start;
    margin-top: 0.2em;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrIcon {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 1px 8px;
    background: #d40001;
    color: #fff;
    font-size: 15px;
    vertical-align: text-top;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01 {
    -ms-flex-pack: justify;
    display: flex;
    justify-content: space-between;
    margin: 42px 0 0;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01 > li {
    display: flex;
    flex-direction: column;
    padding: 0;
    background: none;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01 > li .FdxPrImgListCaption {
    margin: 10px 0 0;
    font-size: 16px;
    text-align: center;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrImgList01 > li .FdxPrImgListCaption {
    font-weight: bold;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01 > li .FdxPrImgListCaption + * {
    order: -1;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01.Ptn01 > li {
    position: relative;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01.Ptn01 > li .FdxPrImgListCaption + * {
    order: 0;
    margin-top: 30px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01.Ptn01 > li::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: -50%;
    left: -90px;
    width: 656px;
    height: 656px;
    background: url("../../img/landing_page/fd-x_pr/bg_05.png") no-repeat;
    content: "";
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01.Ptn02 > li {
    width: 227px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox {
    display: flex;
    align-items: center;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxtSubTxt {
    font-size: 25px;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrMediaBox .FdxPrMediaBoxTxtSubTxt {
    font-size: 20px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxt {
    margin: 10px 0 0;
    font-size: 45px;
    font-weight: bold;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrMediaBox .FdxPrMediaBoxTxt {
    font-weight: normal;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox .FdxPrMediaBoxImgWrap {
    -ms-flex-order: -1;
    position: relative;
    order: -1;
    min-width: 496px;
}

div#MainContent #FdxPr .FdxPrMediaBox .FdxPrMediaBoxImgWrap .FdxPrMediaBoxImg02 {
    position: absolute;
    top: 0;
    left: 0;
}

div#MainContent #FdxPr .FdxPrDlTxt {
    padding: 6px 0;
    background: linear-gradient(#3f3f3f 0%, #171717 100%) #3f3f3f;
    color: #fff;
    font-size: 2.08333em;
    text-align: center;
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3f3f3f', endColorstr='#171717',GradientType=0 );
}

div#MainContent #FdxPr .FdxPrDlTxt > .FdxPrDlTxtInner {
    display: inline-block;
    position: relative;
    padding: 0 84px;
}

div#MainContent #FdxPr .FdxPrDlTxt > .FdxPrDlTxtInner::before,
div#MainContent #FdxPr .FdxPrDlTxt > .FdxPrDlTxtInner::after {
    display: block;
    position: absolute;
    top: 50%;
    width: 24px;
    height: 25px;
    margin: -12px 0 0;
    background: url("../../img/landing_page/common/icon_btn_arrow.png");
    content: "";
}

div#MainContent #FdxPr .FdxPrDlTxt > .FdxPrDlTxtInner::before {
    left: 15px;
}

div#MainContent #FdxPr .FdxPrDlTxt > .FdxPrDlTxtInner::after {
    right: 15px;
}

div#MainContent #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent > * {
    transform: translateY(10px);
    opacity: 0;
}

div#MainContent #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent > *:nth-child(1),
div#MainContent #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent > *:nth-child(2) {
    transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s;
}

div#MainContent #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent > *:nth-child(3) {
    transition: transform 0.3s ease-in 0.4s, opacity 0.3s ease-in 0.4s;
}

div#MainContent #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrHdg02,
div#MainContent #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrTxt01 {
    transform: translateY(10px);
    opacity: 0;
    transition: transform 0.3s ease-in 1s, opacity 0.3s ease-in 1s;
}

div#MainContent #FdxPr:not(.is-not-animation) .FdxPrSec04 {
    opacity: 0;
    transition: opacity 0.3s ease-in 0s;
}

div#MainContent #FdxPr:not(.is-not-animation) .FdxPrSec04 .FdxPrMediaBoxImg02 {
    opacity: 0;
    transition: opacity 0.5s ease-in 1s;
}

div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li,
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li,
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec03 .FdxPrImgList01 > li,
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec01 .lp-listButton,
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec02 .lp-listButton {
    transform: translateY(10px);
    opacity: 0;
}

div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(1),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(1),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec03 .FdxPrImgList01 > li:nth-child(1) {
    transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s;
}

div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(2),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(2),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec03 .FdxPrImgList01 > li:nth-child(2) {
    transition: transform 0.3s ease-in 0.2s, opacity 0.3s ease-in 0.2s;
}

div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(3),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(3),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec03 .FdxPrImgList01 > li:nth-child(3) {
    transition: transform 0.3s ease-in 0.4s, opacity 0.3s ease-in 0.4s;
}

div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(4),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(4),
div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec03 .FdxPrImgList01 > li:nth-child(4) {
    transition: transform 0.3s ease-in 0.6s, opacity 0.3s ease-in 0.6s;
}

div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec01 .lp-listButton {
    transition: transform 0.3s ease-in 0.8s, opacity 0.3s ease-in 0.8s;
}

div#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrSec02 .lp-listButton {
    transition: transform 0.3s ease-in 0.4s, opacity 0.3s ease-in 0.4s;
}

div#MainContent #FdxPr .FdxPrMv {
    display: flex;
    position: relative;
    align-items: center;
    justify-content: flex-end;
    min-height: 628px;
    padding: 0 0 0 463px;
    background: linear-gradient(to bottom, #e8ecef 0%, #dfe5e8 50%, #c8d1d8 100%);
}

div#MainContent #FdxPr .FdxPrMv::before {
    display: block;
    z-index: 0;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: linear-gradient(to bottom, #e8ecef 0%, #dfe5e8 50%, #c8d1d8 100%);
    content: "";
}

div#MainContent #FdxPr .FdxPrMv::after {
    display: block;
    z-index: 1;
    position: absolute;
    top: 0;
    left: 0;
    width: 1800px;
    height: 100%;
    margin-left: -50%;
    background: url("../../img/landing_page/fd-x_pr/bg_01.png") no-repeat top left;
    background-size: 100% 100%;
    content: "";
}

div#MainContent:not(.layout2) #FdxPr .FdxPrMv .FdxPrMvContent {
    z-index: 6;
    position: relative;
    padding: 50px;
}

div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrMv .FdxPrMvContent {
    padding: 50px 0;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea {
    z-index: 2;
    position: absolute;
    top: 0;
    left: 220px;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrMvContentImgAreaInner {
    position: relative;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrMvContentImgAreaInner .FdxPrMvContentImgAreaImg {
    z-index: 5;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrMvContentImgAreaInner::before {
    display: block;
    z-index: -1;
    position: absolute;
    left: 38px;
    width: 24px;
    height: 24px;
    background: url("../../img/landing_page/fd-x_pr/bg_02.png") no-repeat;
    animation: drop_animation01 3s ease-in infinite;
    content: "";
    opacity: 0;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg02,
div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg03 {
    display: block;
    position: absolute;
    top: 426px;
    right: -314px;
    width: 710px;
    height: 294px;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg02 img,
div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg03 img {
    max-width: 100%;
    transform: scale(0, 0);
    opacity: 0;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg02 img {
    animation: drop_animation02 3s ease-out infinite;
}

div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg03 img {
    animation: drop_animation02 3s ease-out infinite 0.2s;
}

div#MainContent #FdxPr .FdxPrMv.is-show .FdxPrMvContent > * {
    transform: translateY(0);
    opacity: 1;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec01 {
    z-index: 2;
    position: relative;
    padding: 90px 0 105px;
    border-top: 1px solid #fff;
    background: #f7f7f7;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec01::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: #f7f7f7;
    content: "";
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec01::after {
    display: block;
    z-index: -1;
    position: absolute;
    bottom: 0;
    left: -50%;
    width: 1800px;
    height: 96px;
    background: url("../../img/landing_page/fd-x_pr/bg_04.jpg") no-repeat center;
    content: "";
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec01.is-first .FdxPrHdg02,
div#MainContent:not(.layout2) #FdxPr .FdxPrSec01.is-first .FdxPrTxt01 {
    transform: translateY(0);
    opacity: 1;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec02 {
    z-index: 2;
    position: relative;
    padding: 100px 0;
    border-top: 1px solid #fff;
    background: #f0f2f4;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec02::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: #f0f2f4;
    content: "";
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec02 .FdxPrImgList01 {
    z-index: 1;
    position: relative;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec02 *:not(.FdxPrImgList01) {
    z-index: 2;
    position: relative;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec03 {
    position: relative;
    padding: 100px 0;
    border-bottom: 1px solid #d6d6d6;
}

div#MainContent #FdxPr .FdxPrSec03::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    border-bottom: 1px solid #d6d6d6;
    content: "";
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec04.is-show {
    opacity: 1;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec04.is-show .FdxPrMediaBoxImg01 {
    opacity: 1;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec04.is-show .FdxPrMediaBoxImg02 {
    opacity: 1;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec01.is-show .FdxPrImgList01 > li,
div#MainContent:not(.layout2) #FdxPr .FdxPrSec02.is-show .FdxPrImgList01 > li,
div#MainContent:not(.layout2) #FdxPr .FdxPrSec03.is-show .FdxPrImgList01 > li,
div#MainContent:not(.layout2) #FdxPr .FdxPrSec01.is-show .lp-listButton,
div#MainContent:not(.layout2) #FdxPr .FdxPrSec02.is-show .lp-listButton {
    transform: translateY(0);
    opacity: 1;
}

#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent.Ptrn1 > *:nth-child(1) {
    transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s;
}

#MainContent:not(.layout2) #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent.Ptrn1 > *:nth-child(2) {
    transition: transform 0.3s ease-in 0.4s, opacity 0.3s ease-in 0.4s;
}

#MainContent:not(.layout2) #FdxPr .FdxPrMvContent.Ptrn1 .cmnLpAncrBtn03 {
    margin-top: 25px;
}

/*  --------------------------------------------- */
div#MainContent.layout2 #FdxPr .FdxPrHdg01 {
    font-size: 54px;
    font-weight: normal;
}

div#MainContent.layout2 #FdxPr .FdxPrHdg02 {
    font-size: 45px;
    font-weight: normal;
}

div#MainContent.layout2 #FdxPr .FdxPrTxt01 {
    margin: 10px 0 0;
    font-size: 20px;
}

div#MainContent.layout2 #FdxPr .FdxPrSeriesTxt {
    display: flex;
    margin: 60px 0 0;
    font-size: 20px;
}

div#MainContent.layout2 #FdxPr .FdxPrSeriesTxt + * {
    margin-top: 40px;
}

div#MainContent.layout2 #FdxPr .FdxPrSeriesTxt > .FdxPrIcon {
    align-self: flex-start;
    margin-top: 0.2em;
}

div#MainContent.layout2 #FdxPr .FdxPrIcon {
    display: inline-block;
    margin: 0 10px 0 0;
    padding: 1px 8px;
    background: #d40001;
    color: #fff;
    font-size: 15px;
    vertical-align: text-top;
}

div#MainContent.layout2 #FdxPr .FdxPrImg01 {
    margin: 45px 0 0;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01 {
    -ms-flex-pack: justify;
    display: flex;
    justify-content: space-between;
    margin: 32px 0 0;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01 > li {
    display: flex;
    flex-direction: column;
    width: 223px;
    padding: 0;
    background: none;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01 > li .FdxPrImgListCaption {
    margin: 10px 0 0;
    font-size: 17px;
    font-weight: bold;
    text-align: center;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01 > li .FdxPrImgListCaption + * {
    margin-top: 12px;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01.Ptn01 > li {
    position: relative;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01.Ptn01 > li .FdxPrImgListCaption {
    flex: 1 0 auto;
    padding: 0 0 0 7px;
    border-left: 7px solid #0f7bc1;
    text-align: left;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01.Ptn02 {
    justify-content: space-around;
}

div#MainContent.layout2 #FdxPr .FdxPrMediaBox {
    display: flex;
    align-items: center;
}

div#MainContent.layout2 #FdxPr .FdxPrMediaBox > .FdxPrMediaBoxContent {
    max-width: 474px;
}

div#MainContent.layout2 #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxtSubTxt {
    font-size: 25px;
}

div#MainContent.layout2 #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxt {
    margin: 10px 0 0;
    font-size: 35px;
}

div#MainContent.layout2 #FdxPr .FdxPrMediaBox .FdxPrMediaBoxImgWrap {
    -ms-flex-order: -1;
    position: relative;
    order: -1;
}

div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrImg01,
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li,
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li,
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec01 .lp-listButton {
    transform: translateY(10px);
    opacity: 0;
}

div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrImg01,
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(1),
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(1) {
    transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s;
}

div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(2),
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(2) {
    transition: transform 0.3s ease-in 0.2s, opacity 0.3s ease-in 0.2s;
}

div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(3),
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(3) {
    transition: transform 0.3s ease-in 0.4s, opacity 0.3s ease-in 0.4s;
}

div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec01 .FdxPrImgList01 > li:nth-child(4),
div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec02 .FdxPrImgList01 > li:nth-child(4) {
    transition: transform 0.3s ease-in 0.6s, opacity 0.3s ease-in 0.6s;
}

div#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrSec01 .lp-listButton {
    transition: transform 0.3s ease-in 0.8s, opacity 0.3s ease-in 0.8s;
}

div#MainContent.layout2 #FdxPr .FdxPrMv .FdxPrMvContent {
    z-index: 6;
    position: relative;
    padding: 50px 10px;
}

div#MainContent.layout2 #FdxPr .FdxPrSec01 {
    z-index: 2;
    position: relative;
    padding: 40px 0 52px;
    background: #f7f7f7;
}

div#MainContent.layout2 #FdxPr .FdxPrSec01::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    border-top: 1px solid #fff;
    background: #f7f7f7;
    content: "";
}

div#MainContent.layout2 #FdxPr .FdxPrSec01.is-first .FdxPrHdg02,
div#MainContent.layout2 #FdxPr .FdxPrSec01.is-first .FdxPrTxt01 {
    transform: translateY(0);
    opacity: 1;
}

div#MainContent.layout2 #FdxPr .FdxPrSec02 {
    z-index: 2;
    position: relative;
    padding: 40px 0 52px;
    background: #c9d2d9;
}

div#MainContent.layout2 #FdxPr .FdxPrSec02::before {
    display: block;
    z-index: -1;
    position: absolute;
    top: 0;
    left: -100%;
    width: 300%;
    height: 100%;
    background: #c9d2d9;
    content: "";
}

div#MainContent.layout2 #FdxPr .FdxPrSec02 .FdxPrImgList01 {
    z-index: 1;
    position: relative;
}

div#MainContent.layout2 #FdxPr .FdxPrSec02 *:not(.FdxPrImgList01) {
    z-index: 2;
    position: relative;
}

div#MainContent.layout2 #FdxPr .FdxPrSec03 {
    position: relative;
    padding: 40px 0 60px;
    border-bottom: 1px solid #d6d6d6;
}

div#MainContent.layout2 #FdxPr .FdxPrSec03 .FdxPrTxt01 {
    margin-top: 20px;
}

div#MainContent.layout2 #FdxPr .FdxPrSec04.is-show {
    opacity: 1;
}

div#MainContent.layout2 #FdxPr .FdxPrSec04.is-show .FdxPrMediaBoxImg01 {
    opacity: 1;
}

div#MainContent.layout2 #FdxPr .FdxPrSec04.is-show .FdxPrMediaBoxImg02 {
    opacity: 1;
}

div#MainContent.layout2 #FdxPr .FdxPrSec03.is-show .FdxPrImg01,
div#MainContent.layout2 #FdxPr .FdxPrSec01.is-show .FdxPrImgList01 > li,
div#MainContent.layout2 #FdxPr .FdxPrSec02.is-show .FdxPrImgList01 > li,
div#MainContent.layout2 #FdxPr .FdxPrSec01.is-show .lp-listButton {
    transform: translateY(0);
    opacity: 1;
}

#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent.Ptrn1 > *:nth-child(1) {
    transition: transform 0.3s ease-in 0s, opacity 0.3s ease-in 0s;
}

#MainContent.layout2 #FdxPr:not(.is-not-animation) .FdxPrMv .FdxPrMvContent.Ptrn1 > *:nth-child(2) {
    transition: transform 0.3s ease-in 0.4s, opacity 0.3s ease-in 0.4s;
}

#MainContent.layout2 #FdxPr .FdxPrMvContent.Ptrn1 .cmnLpAncrBtn03 {
    margin-top: 40px;
}

@keyframes drop_animation01 {
    0% {
        top: 419px;
        background: url("../../img/landing_page/fd-x_pr/bg_02.png") no-repeat center;
        opacity: 0;
    }
    30% {
        top: 437px;
        background: url("../../img/landing_page/fd-x_pr/bg_02.png") no-repeat center;
    }
    30.1% {
        background: url("../../img/landing_page/fd-x_pr/bg_03.png") no-repeat center;
    }
    32% {
        opacity: 1;
    }
    33%,
    99% {
        top: 540px;
        opacity: 0;
    }
    100% {
        top: 419px;
        background: url("../../img/landing_page/fd-x_pr/bg_03.png") no-repeat center;
        opacity: 0;
    }
}

@keyframes drop_animation02 {
    0% {
        transform: scale(0, 0);
        opacity: 0;
    }
    30% {
        opacity: 1;
    }
    31% {
        transform: scale(0, 0);
    }
    95% {
        transform: scale(1, 1);
    }
    100% {
        transform: scale(1, 1);
        opacity: 0;
    }
}

.lp-navigationSeries {
    display: flex;
    justify-content: center;
    max-width: 970px;
    margin: 0 auto 30px;
    padding: 4px 10px;
    border: 2px solid #e5e5e5;
    font-size: 10px;
}

@media screen and (max-width: 1010px) {
    .lp-navigationSeries {
        margin-right: 20px;
        margin-left: 20px;
    }
}

.lp-navigationSeries-title {
    margin-bottom: 0;
    color: #767676;
    font-size: 10px;
    text-transform: none;
}

.lp-navigationSeries-seriesText {
    font-weight: normal;
}

.lp-navigationSeries-linkList {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    color: #767676;
}

.lp-navigationSeries-linkList > li {
    margin: 0;
    padding: 0 10px;
    border-left: 1px solid #767676;
    background: none;
}

.lp-navigationSeries-linkList > li:first-child {
    padding-left: 0;
    border-left: 0;
}

.lp-navigationSeries-linkList > li:last-child {
    padding-right: 0;
}

.lp-navigationSeries-linkList > li a {
    color: #767676;
    text-decoration: none;
}

.lp-navigationSeries-linkList > li a:hover,
.lp-navigationSeries-linkList > li a:focus,
.lp-navigationSeries-linkList > li a:active {
    text-decoration: underline;
}

.lp-buttonConversion {
    display: inline-block;
    max-width: 100%;
    background: #dc002f;
    color: #fff;
    font-size: 2rem;
    line-height: 1.4;
    text-align: center;
    text-decoration: none;
}

@media only screen and (max-width: 640px) {
    .lp-buttonConversion {
        font-size: 1.6rem;
    }
}

.lp-buttonConversion-body {
    display: flex;
    align-items: center;
    padding: 12px 8px 12px 24px;
}

@media only screen and (max-width: 640px) {
    .lp-buttonConversion-body {
        padding-top: 14px;
        padding-bottom: 14px;
    }
}

.lp-buttonConversion-text {
    margin-right: 16px;
}

.lp-buttonConversion-image {
    margin: -22px 0;
    border: 1px solid #ccc;
}

.lp-buttonConversion-image > img {
    min-width: 42px;
    max-width: 60px;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body, .lp-buttonConversion.of-anchor .lp-buttonConversion-body, .lp-buttonConversion.of-arrow .lp-buttonConversion-body, .lp-buttonConversion.of-inquiry .lp-buttonConversion-body {
    position: relative;
    padding-left: 53px;
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before, .lp-buttonConversion.of-anchor .lp-buttonConversion-body::before, .lp-buttonConversion.of-arrow .lp-buttonConversion-body::before, .lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 24px;
    width: 19px;
    height: 18px;
    transform: translateY(-50%);
    content: "";
}

.lp-buttonConversion.of-download .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_dl.png") no-repeat center center;
}

.lp-buttonConversion.of-anchor .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_anc_03.png") no-repeat center center;
}

.lp-buttonConversion.of-arrow .lp-buttonConversion-body::before {
    left: 26px;
    height: 12px;
    border-width: 7px 0 7px 13px;
    border-style: solid;
    border-color: transparent transparent transparent #fff;
}

.lp-buttonConversion.of-inquiry .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_inquiry_01.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body, .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body {
    position: relative;
    padding-left: 53px;
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before, .lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before {
    display: block;
    position: absolute;
    top: 50%;
    left: 24px;
    width: 19px;
    height: 18px;
    transform: translateY(-50%);
    content: "";
}

.lp-buttonConversion.of-priceIcon .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_usd.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-jpy .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_jpy.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-gbp .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_gbp.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-krw .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_krw.png") no-repeat center center;
}

.lp-buttonConversion.of-priceIcon-eur .lp-buttonConversion-body::before {
    background: url("../../img/landing_page/common/icon_btn_price_eur.png") no-repeat center center;
}

.lp-buttonConversion.of-primary {
    background: #13778f;
}

.lp-buttonConversion.of-secondary {
    background: #0065bb;
}

@media screen and (max-width: 969px) {
    [class*="heightLine-"] {
        height: auto !important;
    }
}

@media screen and (min-width: 970px) {
    .lp-utility-largeScreen-hide {
        display: none;
    }
}

#MainContent .lp-buttonConversion.of-arrow .lp-buttonConversion-body::before {
    box-sizing: border-box;
}

.lp-listButton {
    margin-top: 40px;
}

@media screen and (max-width: 969px) {
    .lp-listButton {
        margin-top: calc(3.3rem + ((1vw - 0.36rem) * (1.14943)));
        text-align: center;
    }
}

.lp-listButton > * {
    margin-top: 16px;
}

@media screen and (max-width: 969px) {
    #MainContent {
        padding: 0 calc(2rem + ((1vw - 0.36rem) * (13.13629)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent #FdxPr .FdxPrMv {
        flex-direction: column-reverse;
        justify-content: center;
        min-height: inherit;
        padding: 0;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent #FdxPr .FdxPrMv::after {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea {
        position: static;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrMv .FdxPrMvContent {
        padding: calc(1.6rem + ((1vw - 0.36rem) * (5.58292))) 0 40px;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrMv .FdxPrMvContent {
        padding: calc(1.6rem + ((1vw - 0.36rem) * (5.58292))) calc(1.6rem + ((1vw - 0.36rem) * (5.58292))) 40px;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrMv .FdxPrMvContent {
        padding: calc(1.6rem + ((1vw - 0.36rem) * (5.58292))) 0 40px;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrHdg01 {
        font-size: calc(2.8rem + ((1vw - 0.36rem) * (4.26929)));
        text-align: center;
    }
    div#MainContent.layout2 #FdxPr .FdxPrHdg01 br {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrHdg01 {
        font-size: calc(2.8rem + ((1vw - 0.36rem) * (5.25452)));
        text-align: center;
    }
    div#MainContent:not(.layout2) #FdxPr .FdxPrHdg01 br {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrHdg01 {
        font-size: calc(2.8rem + ((1vw - 0.36rem) * (4.10509)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrSeriesTxt {
        justify-content: center;
        max-width: 280px;
        margin: calc(1.6rem + ((1vw - 0.36rem) * (7.22496))) auto 0;
        font-size: 16px;
        text-align: left;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrSeriesTxt {
        justify-content: center;
        max-width: 280px;
        margin: calc(1.6rem + ((1vw - 0.36rem) * (8.867))) auto 0;
        font-size: 16px;
        text-align: left;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrSeriesTxt {
        justify-content: center;
        max-width: 280px;
        margin: calc(1.6rem + ((1vw - 0.36rem) * (8.867))) auto 0;
        font-size: 16px;
        text-align: left;
    }
    .theme-KT div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrSeriesTxt {
        max-width: 300px;
    }
}

div#MainContent.layout2 #FdxPr .FdxPrSeriesTxt > .FdxPrIcon,
div#MainContent:not(.layout2) #FdxPr .FdxPrSeriesTxt > .FdxPrIcon {
    word-break: normal;
}

@media screen and (max-width: 969px) {
    div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrMvContentImgAreaInner .FdxPrMvContentImgAreaImg {
        width: calc(4rem + ((1vw - 0.36rem) * (9.85222)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrMvContentImgAreaInner::before {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg02,
    div#MainContent #FdxPr .FdxPrMv .FdxPrMvContentImgArea .FdxPrDropImg03 {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    #MainContent.layout2 #FdxPr .FdxPrMvContent.Ptrn1 .cmnLpAncrBtn03 {
        margin-top: calc(3.3rem + ((1vw - 0.36rem) * (1.14943)));
        text-align: center;
    }
}

#MainContent.layout2 #FdxPr .FdxPrMvContent.Ptrn1 .lp-listButton {
    margin-top: 40px;
}

@media screen and (max-width: 969px) {
    #MainContent.layout2 #FdxPr .FdxPrMvContent.Ptrn1 .lp-listButton {
        margin-top: calc(3.3rem + ((1vw - 0.36rem) * (1.14943)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrSec01 {
        padding: calc(2.4rem + ((1vw - 0.36rem) * (2.62726))) 0 calc(2.4rem + ((1vw - 0.36rem) * (4.5977)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrSec01 {
        padding: calc(2.4rem + ((1vw - 0.36rem) * (10.83744))) 0 calc(2.4rem + ((1vw - 0.36rem) * (13.30049)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrSec01::after {
        display: none;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrHdg02 {
        font-size: calc(2.4rem + ((1vw - 0.36rem) * (3.44828)));
        font-weight: bold;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrHdg02 {
        font-size: calc(2.4rem + ((1vw - 0.36rem) * (4.26929)));
        font-weight: bold;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrHdg02 {
        font-size: calc(2.4rem + ((1vw - 0.36rem) * (3.44828)));
    }
}

div#MainContent.layout2 #FdxPr .FdxPrTxt01 {
    margin-bottom: 32px;
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrTxt01 {
        margin-bottom: 24px;
        font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.65681)));
    }
}

div#MainContent:not(.layout2) #FdxPr .FdxPrTxt01 {
    margin-bottom: 42px;
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrTxt01 {
        margin-top: 10px;
        margin-bottom: 24px;
        font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.98522)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrTxt01 {
        font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.65681)));
    }
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01 {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -24px;
    margin-left: -26px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01 {
    flex-wrap: wrap;
    justify-content: center;
    margin-top: -24px;
    margin-left: -20px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec02 .FdxPrImgList01 {
    margin-left: 0;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01 > li {
    margin-top: 24px;
    padding-left: 26px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01 > li {
    margin-top: 24px;
    padding-left: 20px;
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrSec02 {
        padding: calc(2.4rem + ((1vw - 0.36rem) * (2.62726))) 0 calc(2.4rem + ((1vw - 0.36rem) * (4.5977)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrSec02 {
        padding: calc(2.4rem + ((1vw - 0.36rem) * (12.47947))) 0;
    }
}

div#MainContent.layout2 #FdxPr .FdxPrSec02 .FdxPrImgList01 > li {
    width: auto;
    max-width: 330px;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec02 .FdxPrImgList01 > li {
    max-width: 485px;
    padding-left: 0;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01.Ptn01 > li::before {
    display: none;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01 > li .FdxPrImgListCaption {
    margin-top: 0;
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrImgList01 > li .FdxPrImgListCaption {
        text-align: left;
    }
}

div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01 > li .FdxPrImgListCaption {
    margin-top: 0;
}

div#MainContent:not(.layout2) #FdxPr .FdxPrSec01 .FdxPrImgList01 > li .FdxPrImgListCaption,
div#MainContent:not(.layout2) #FdxPr .FdxPrSec03 .FdxPrImgList01 > li .FdxPrImgListCaption {
    margin-top: 10px;
}

div#MainContent.layout2 #FdxPr .FdxPrImgList01.Ptn01 > li .FdxPrImgListCaption {
    margin-top: 0;
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrImgList01.Ptn01 > li .FdxPrImgListCaption + * {
        margin-top: 8px;
    }
}

div#MainContent.layout2 #FdxPr .FdxPrSec03 {
    padding-bottom: 40px;
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrSec03 {
        padding: calc(2.4rem + ((1vw - 0.36rem) * (2.62726))) 0;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrSec03 {
        padding: calc(2.4rem + ((1vw - 0.36rem) * (12.47947))) 0;
    }
}

div#MainContent.layout2 #FdxPr .FdxPrSec03 .FdxPrTxt01 {
    margin-top: 10px;
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrSec03 .FdxPrImgList01 > li {
        width: calc(50% - 20px);
        max-width: 227px;
    }
}

div#MainContent.layout2 #FdxPr .FdxPrImg01 {
    margin-top: 32px;
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrImg01 {
        margin-top: 24px;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrMediaBox,
    div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox {
        flex-direction: column;
        align-items: inherit;
    }
}

[lang="nl"] div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox .FdxPrMediaBoxImgWrap {
    min-width: inherit;
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrMediaBox .FdxPrMediaBoxImgWrap,
    div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox .FdxPrMediaBoxImgWrap {
        min-width: inherit;
        max-width: calc(23.1rem + ((1vw - 0.36rem) * (43.51396)));
        margin: 4px auto 0;
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxtSubTxt,
    div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxtSubTxt {
        font-size: calc(1.6rem + ((1vw - 0.36rem) * (1.47783)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr.Str01 .FdxPrMediaBox .FdxPrMediaBoxTxtSubTxt {
        font-size: calc(1.6rem + ((1vw - 0.36rem) * (0.65681)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent.layout2 #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxt {
        font-size: calc(2rem + ((1vw - 0.36rem) * (2.46305)));
    }
}

@media screen and (max-width: 969px) {
    div#MainContent:not(.layout2) #FdxPr .FdxPrMediaBox .FdxPrMediaBoxTxt {
        font-size: calc(2rem + ((1vw - 0.36rem) * (4.10509)));
    }
}

div#MainContent #FdxPr .FdxPrDlTxt {
    display: none;
}

@media screen and (max-width: 969px) {
    .lp-smallScreen-line-break {
        display: block;
    }
}