@charset "utf-8";

.js-on .LpFlowSection,
.js-on ,LpSectionWrap{
position: relative;
}

/* LpFlowPanelWrap */
.js-on .LpFlowPanelWrap + .LpFlowPanelWrap{
display: none;
}
.js-on .LpFlowSlide .LpFlowClmHdg button{
outline: none;
}
.js-on .LpFlowSlide .LpFlowClmHdg button.LpFlowOpenBtn{
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 2;
cursor: pointer;
display: block;
font-size: 0;
}
.js-on .LpFlowSlide.open .LpFlowClmHdg button.LpFlowOpenBtn{
display: none;
}

/* LpFlowPanel */
.LpFlowPanel{
width: 100%;
vertical-align: middle;
text-align: center;
}
.js-on .LpFlowPanel{
padding: 73px 0 58px;
box-sizing: border-box;
min-width: 970px;
max-width: 1920px;
min-height: 700px;
overflow: hidden;
}
.js-on .first .LpFlowPanel{
padding: 73px 20px 58px;
}

/* Box */
.LpFlowPanelWrap.first .LpFlowBox{
background: #e4e7ec;
overflow: hidden;
position: relative;
margin: 0 auto;
width: 100%;
}
.LpFlowPanel .LpFlowBox .LpFlowHdgArea{
padding-top: 67px;
position: relative;
z-index: 2;
}
.LpFlowPanel .LpFlowBox .LpFlowHdgArea{
position: relative;
display: table;
margin: 0 auto;
}
.LpFlowPanel .LpFlowBox .LpFlowHdgArea:after{
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #c6cdd2;
bottom: 40px;
left: 0;
z-index: 0;
}
.LpFlowPanel .LpFlowBox .LpFlowHdgArea.loading:before{
content: "";
position: absolute;
width: 100%;
height: 2px;
background: #5ea1d5;
bottom: 40px;
animation-duration: .8s;
animation-name: loading;
z-index: 1;
}
@keyframes loading {
    from {
        width: 0%
    }
    to {
        width: 100%;
    }
}

.js-on .LpFlowPanelWrap.first .PdcImg{
width: 100%;
z-index: 2;
text-align: center;
}
.js-on .LpFlowPanelWrap.first .PdcImg img{
width: 100%;
position: absolute;
bottom: 0;
left: 0;
}

/* slide2 */
.js-on .LpFlowPanelWrap + .LpFlowPanelWrap{
position: absolute;
top: 0;
left: 0;
width: 100%;
}
.js-on .LpFlowPanelWrap + .LpFlowPanelWrap .LpFlowPanel .LpFlowSlide {
margin: 0 auto;
position: relative;
}
/* LpFlowSlide */
.LpFlowSlide.open > li{
float: left;
list-style: none;
position: relative;
}
.LpFlowSlide > li .slideInner{
width: 100%;
}
.js-on .LpFlowSlide{
display: table;
width: 100%;
overflow: hidden;
}
.js-on .LpFlowSlide li{
list-style: none;
overflow: hidden;
}
.LpFlowSlide li{
border-top: 1px solid #fff;
border-bottom: 1px solid #fff;
}
.LpFlowSlide.open li{
border: 0 none;
}
.LpFlowSlide > .str1 .slideInner{
background: #a1d5cf url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/bg1.jpg) right no-repeat;
background-size: auto 100%;
}
.LpFlowSlide > .str2 .slideInner{
background: #7594ba url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/bg2.jpg) no-repeat;
background-size: auto 100%;
text-align: left;
}
.LpFlowSlide > .str3 .slideInner{
background: #b9d1dc url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/bg3.jpg) right no-repeat;
background-size: auto 100%;
}
.LpFlowSlide.open > .str1 .PnlCnt,
.no-script .LpFlowSlide > .str1{
background: #d2e3e1 url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/bg1_l.jpg) no-repeat center center;
}
.LpFlowSlide.open > .str2 .PnlCnt,
.no-script .LpFlowSlide > .str2{
background: #c5cedc url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/bg2_l.jpg) no-repeat center bottom;
background-size: 100%;
}
.LpFlowSlide.open > .str3 .PnlCnt,
.no-script .LpFlowSlide > .str3{
background: #d9e6ec url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/bg3_l.jpg) no-repeat center center;
}
.js-on .PnlCnt{
display: none;
}
.js-on .open .PnlCnt{
display: block;
}
.LpFlowSlide > .str1 > *,
.LpFlowSlide > .str3 > *{
direction : rtl;
}
.LpFlowSlide > .str1 > * > *,
.LpFlowSlide.open > .str1 > *,
.LpFlowSlide > .str3 > * > *,
.LpFlowSlide.open > .str3 > *{
direction : ltr;
}

.js-on .LpFlowSlide > li .slideInner > .LpFlowHdgImg{
width: 50%;
}
.js-on .LpFlowSlide > li.str2 .slideInner > .LpFlowHdgImg{
text-align: left;
}
.js-on .LpFlowSlide.open > li .PnlCnt{
position: absolute;
left: 400px;
top: 0;
text-align: left;
}
.js-on .LpFlowSlide.open > li .PnlCnt img.horizontal{
width: 100%;
}
.js-on .LpFlowSlide.open > li.str1 .PnlCnt img{
position: absolute;
top: 50%;
margin-top: -300px;
height: 100%;
}
.js-on .LpFlowSlide.open > li.str2 .PnlCnt{
text-align: center;
}
.js-on .LpFlowSlide.open > li.str2 .PnlCnt img{
max-width: 100%;
height: 100%;
}
.js-on .LpFlowSlide.open > li.str3 .PnlCntWrap{
position: absolute;
top: 0;
left: 400px;
}
.js-on .LpFlowSlide.open > li.str3 .PnlCnt{
text-align: left;
width: 100%;
display: table-cell;
vertical-align: middle;
position: static;
}
.js-on .LpFlowSlide.open > li.str3 .PnlCnt img{
text-align: left;
}
.js-on .LpFlowSlide > li .slideInner .LpFlowHdgArea{
padding-left: 50px;
}
.js-on .LpFlowSlide > li.str2 .slideInner .LpFlowHdgArea{
padding-right: 150px;
}
.js-on .LpFlowSlide.open > li .slideInner .LpFlowHdgArea{
padding: 0;
}
.js-on .LpFlowSlide.open > li .slideInner > .LpFlowHdgImg{
display: none;
}

.LpFlowSlide > li .slideInner {
display: table;
position: relative;
table-layout: fixed;
width: 100%;
overflow: hidden;
}
.js-on .LpFlowSlide.open > li .slideInner{
width: 400px;
}
.js-on .LpFlowSlide > li .slideInner > * {
display: table-cell;
vertical-align: middle;
}
.js-on .LpFlowSlide .LpFlowHdgArea .LpFlowClmHdg {
font-size: 0;
text-align: left;
}
.js-on .LpFlowSlide.open .LpFlowHdgArea .LpFlowClmHdg {
font-size: 100%;
}
.js-on .LpFlowSlide.open .LpFlowHdgArea .LpFlowClmHdg,
.no-script .LpFlowHdgArea .LpFlowClmHdg{
color : #333;
margin: 0;
font-size: 2.982954em;
margin-bottom: 35px;
font-weight: normal;
line-height: 1.33333;
}
.js-on .LpFlowSlide > li .slideInner > .LpFlowHdgArea img{
position: relative;
z-index: 1;
}
.js-on .LpFlowSlide li.str2 .LpFlowHdgArea .LpFlowClmHdg,
.js-on .LpFlowSlide > li.str2 .slideInner > .LpFlowHdgArea{
text-align: right;
}
.js-on .LpFlowSlide.open li.str2 .LpFlowHdgArea .LpFlowClmHdg,
.js-on .LpFlowSlide.open > li.str2 .slideInner > .LpFlowHdgArea{
text-align: left;
}
.js-on .LpFlowSlide.open > li .slideInner > .LpFlowHdgArea{
background: #fff;
padding: 0 40px;
width: 400px;
margin-right: auto;
margin-left: 0;
box-sizing: border-box;
}
.js-on .LpFlowSlide.open > li .slideInner > .LpFlowHdgArea .LpFlowClmHdg img{
display: none;
}
.js-on .LpFlowSlide > li .slideInner .LpFlowHdgImg img{
height: 100%;
width: auto;
position: absolute;
top: 0;
left: 0;
}
.js-on .LpFlowSlide > li.str2 .slideInner .LpFlowHdgImg img{
left: auto;
}
.js-on .LpFlowSlide > li .slideInner .LpFlowText{
display: none;
font-size: 1.136363em;
}
.js-on .LpFlowSlide.open > li .slideInner .LpFlowText{
display: block;
padding-bottom: 100px;
position: relative;
line-height: 1.625;
}
.js-on .cvBtn{position: absolute;left: 0;bottom: 0;}
.LpFlowHdgArea button{
padding: 0;
background: none;
border: 0 none;
}
.LpFlowHdgArea .LpFlowClmHdg span{
overflow: hidden;
}
.LpFlowCatalogBtn{z-idex: 10;margin: 0 auto;display: table;}
.LpFlowCatalogBtn a {
position: absolute;
top: 20px;
display: table;
}
.LpFlowCatalogBtn a.link_models {
right: 290px;
}
.LpFlowCatalogBtn a.link_catalog {right: 20px;}
.LpFlowCatalogBtn .btn_style span {
  position: relative;
  z-index: 5;
  display: inline-block;
  padding: 8px 0;
  letter-spacing: 1px;
  font-weight: bold;
  font-size: 16px;
  width: 250px;
}
.LpFlowCatalogBtn .btn_style:before {
  position: absolute;
  bottom: 0;
  left: 50%;
  z-index: 0;
  display: block;
  margin-left: -45%;
  width: 90%;
  height: 0;
  content: "";
}
.LpFlowCatalogBtn .btn_style.type01 span {
  background: #fff;
  color: #3475b7;
  border: 1px solid #3475b7;
}
.LpFlowCatalogBtn .btn_style.type01:before {
  box-shadow: 0 -2px 9px 3px rgba(62, 138, 215, 0.8);
}
.LpFlowCatalogBtn .btn_style.type02 span {
  background: #e52726;
  color: #fff;
  border: 1px solid #e52726;
}
.LpFlowCatalogBtn .btn_style.type02:before {
  box-shadow: 0 -2px 9px 3px rgba(229, 39, 38, 0.8);
}
.LpFlowSection a,
.LpFlowSection button{transition: all 0.4s;cursor: pointer;}
.LpFlowSection a:hover,
.LpFlowSection a:focus{
opacity: .6;
}
.open li .slideInner{
position: relative;
z-index: 1;
}
/*.open li:first-child .slideInner{
background: #d3e2dd url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/bg_cnt1.jpg) no-repeat center center;
background-size: 100%;
}*/
.open .LpFlowHdgArea {text-align: left;}
.LpFlowCLogo{
padding: 0;
display: table;
margin: 0 atuo;
text-align: center;
z-index: 1;
width: 100%;
}
.js-on .LpFlowCLogo .inner{
position: absolute;
top: 20px;
width: 100%;
left: 0;
z-index: 10;
vertical-align: middle;
}
.js-on .innertext{
display: none;
}
.innertext{
padding-left: 34px;
}
.LpFlowLargePanel{
background: #fff;
position: absolute;
top: 0;
left: 0;
height: 100%;
z-index: 1;
}
.LpFlowSlide li:first-child + li .LpFlowLargePanel{
left: auto;
right: 0;
}
.js-on .LpFlowSlide > li .LpFlowListBtn{
display: none;
}
.js-on .LpFlowSlide.open > li .LpFlowListBtn{
display: table;
bottom: 40px;
left: 0;
z-index: 2;
position: absolute;
width: 100%;
}
.LpFlowListBtn > li{
display: table-cell;
width: 50%;
text-align: left;
padding: 0 40px;
}
.LpFlowListBtn > li + li{
text-align: right;
}
.LpFlowListBtn button,
.LpFlowListBtn button:disabled{
border: 0 none;
background: #f3f3f3;
border-radius: 25px;
height: 50px;
font-size: 1.06534em;
position: relative;
text-align: left;
z-index: 2;
color: #333;
-moz-focus-inner: none;
outline: none;
}
.LpFlowListBtn button:hover,
.LpFlowListBtn button:focus{
color: #fff;
outline: none;
}
.LpFlowListBtn button.prev{
padding: 2px 19px 2px 60px;
}
.LpFlowListBtn button:before{
content: "";
width: 50px;
height: 50px;
border-radius: 25px;
position: absolute;
top: 0;
right: 0;
transition: all 1s;
z-index: -1;
}
.LpFlowListBtn button.prev:before{
right: auto;
left: 0;
}
.LpFlowListBtn button.next{
text-align: right;
padding: 2px 60px 2px 19px;
}
.LpFlowListBtn button:hover,
.LpFlowListBtn button:focus{
opacity: 1;
}
.LpFlowListBtn button:hover:before,
.LpFlowListBtn button:focus:before{
width :100%;
}

.str3 .LpFlowListBtn button.next:before{
background: #7bb9b9;
}
.str2 .LpFlowListBtn button.next:before{
background: #5588a0;
}
.str1 .LpFlowListBtn button.next:before{
background: #486292;
}

.str1 .LpFlowListBtn button.prev:before{
background: #5588a0;
}
.str2 .LpFlowListBtn button.prev:before{
background: #7bb9b9;
}
.str3 .LpFlowListBtn button.prev:before{
background: #486292;
}

.LpFlowListBtn button:after{
content: "";
width: 50px;
height: 50px;
position: absolute;
top: 0;
left: 3px;
background: url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/icon_prev.png) no-repeat;
}
.LpFlowListBtn button.next:after{
background: url(../../../../img/landing_page/products/process/fd-r_ws_sr57328/icon_next.png) no-repeat;
left: auto;
right: 0;
}
.first .LpFlowHdgArea{
overflow: hidden;
}
.first .LpFlowHdgArea span{
position: relative;
}
.js-on .cvBtn{
display: none;
}
.js-on .copyright{
position: absolute;
bottom: 20px;
width: 100%;
text-align: center;
color: #787878;
}


/* for js off */
.no-script .LpFlowHdgImg,
.no-script .LpFlowListBtn{
display: none;
}
.no-script .LpFlowSlide .LpFlowHdgArea .LpFlowClmHdg img{
display: none;
}
.no-script .LpFlowCLogo {
  padding: 50px 10px;
  text-align: left;
}
.no-script .LpFlowSlideLi{
display: table;
table-layout: fixed;
width: 100%;
height: 600px;
}
.no-script .PdcImg{
text-align: center;
}
.no-script .LpFlowSlideLi.str2{
direction: rtl;
}
.no-script .LpFlowSlideLi > .slideInner,
.no-script .LpFlowSlideLi > .PnlCnt{
display: table-cell;
vertical-align: middle;
direction: ltr;
}
.no-script .LpFlowSlideLi > .slideInner, .no-script .LpFlowSlideLi.str1 > .PnlCnt{
text-align: left;
}
.no-script .LpFlowSlideLi > .slideInner{
text-align: left;
background: #fff;
width: 30%;
padding: 0 20px;
}
.no-script.LpFlowSection {
min-width: 970px;
max-width: 1350px;
margin: 0 auto;
}
.no-script .cvBtn{
display: block;
}

.no-script .LpFlowPanel .LpFlowBox .PdcImg img,
.no-script .LpFlowSlideLi.str1 > .PnlCnt img,
.no-script .LpFlowSlideLi.str3 .PnlCnt img{
width: 100%;
}
.no-script .LpFlowCatalogBtn a{
top: 50px;
}
.no-script + .copyright{
padding: 10px;
text-align: center;
}
.no-script .LpFlowSlideLi.str3 .PnlCntWrap {
padding-top: 15%;
}

.sp .LpFlowLargePanel,
.sp .LpFlowOpenBtn {
display: none;
}
.sp .LpFlowHdgArea .LpFlowClmHdg {
font-size: 2.5em;
}
@media screen and (max-width: 1100px) {
  .js-on .LpFlowPanel{
    padding: 140px 0 58px;
    background: #fff;
  }
  .LpSectionWrap .LpFlowCatalogBtn a.link_models{
    right: 20px;
    top: 70px;
  }
  .LpSectionWrap .LpFlowCatalogBtn a.link_catalog{
    right: 20px;
    top: 15px;
  }
}

/* 202209 追記 */

.lp-buttonConversion {
    display: inline-block;
    max-width: 100%;
    background: #dc002f;
    color: #fff;
    font-size: 16px;
    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;
}

.js-on .LpFlowSlide.open > li .slideInner .LpFlowText.of-primary {
    margin-bottom: 120px;
}

.cvBtn .LpFlowCatalogBtn {
    display: block;
}

.cvBtn a.link_catalog.btn_style.type02 {
    right: 0;
    position: relative;
    top: 0;
    display: block;
}

.cvBtn .LpFlowCatalogBtn .btn_style.type02 span {
    display: flex;
    justify-content: center;
    align-items: center;
}

.js-on .LpFlowSlide.open > li .slideInner .LpFlowText.of-primary {
    padding-bottom: 130px;
}

.LpFlowText.of-primary .js-on .cvBtn {
    bottom: 20px;
}

.js-on .cvBtn.of-primary {
    margin-bottom: 64px;
}

.lp-buttonConversion:link,
.lp-buttonConversion:visited{
    color: #fff;
}

.lp-buttonConversion.of-arrow.of-primary.of-shadow::before {
    position: absolute;
    bottom: 0;
    left: 50%;
    z-index: 0;
    display: block;
    margin-left: -45%;
    width: 90%;
    height: 0;
    content: "";
    box-shadow: 0 -2px 9px 3px rgba(19, 119, 143, 0.8);
}

.no-script .LpFlowText.of-primary .cvBtn.of-primary {
    margin-top:20px;
}

.no-script .LpFlowText.of-primary .cvBtn.of-primary + .cvBtn {
    margin-top: 24px;
}

.no-script .LpFlowText.of-primary .link_catalog.btn_style.type02 {
    position: relative;
    display: inline-block;
}
.no-script .LpFlowText.of-primary .lp-buttonConversion.of-arrow.of-primary.of-shadow {
    position: relative;
}