@charset "UTF-8";
/* Reset */
body {
min-width: 1200px;
}
div#HeaderArea {
margin: 0;
}
.FullWidth#ContentsArea {
overflow: hidden;
}
div#ContentsArea div#ContentsLayout.SingleWide:first-child {
padding-top: 0;
}
div.SingleWide div#MainContent div.Section.Contract {
width: 100%;
}
div#MainContent div.BorderedBox {
border: none;
}
div#MainContentBody > .Section:first-child > p {
margin: 0;
}
div#MainContentBody > .Section.Contract {
padding-bottom: 0;
}
html[lang="zh"] .LpFlowServiceMain .LpFlowServiceMainTxt,
html[lang="zh"] .LpFlowServiceEnq .LpFlowServiceEnqTtl03 {
font-family:'黑体', Helvetica, Arial, sans-serif;
}
/* Common */
.LpFlowService *,
.LpFlowService *::before,
.LpFlowService *::after {
box-sizing: border-box;
}
div#MainContent .LpFlowService ul li {
background: none;
margin: 0;
padding: 0;
}
/* Box */
.LpFlowService .LpFlowServiceColWrap {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
.LpFlowService .LpFlowServiceColWrap .Col03 {
width: calc(100% / 3 - 25px);
}
.LpFlowService .LpFlowServiceColWrap .Col02 {
width: calc(100% / 2 - 25px);
}
.LpFlowService .LpFlowServiceColWrap.ColPtn01 {
-ms-flex-direction: row-reverse;
flex-direction: row-reverse;
}
/* List */
.LpFlowService .ListCol {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-ms-flex-pack: justify;
justify-content: space-between;
}
div#MainContent .LpFlowService .ListCol.ItemCol02 li {
width: 50%;
margin: 10px 0;
}
/* LpFlowService */
/* Text */
.LpFlowService .TxtPoint {
color: #f08200;
font-weight: bold;
}
.LpFlowService .LpFlowServiceNotice {
font-size: 17px;
color: #555555;
}
/* LpFlowServiceMain */
.LpFlowService .LpFlowServiceMain img {
vertical-align: middle;
}
.LpFlowService .LpFlowServiceMain {
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_001.jpg) no-repeat center top;
width: 1200px;
margin: 0 auto;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtl01 {
text-align: center;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceMainTxt {
font-size: 24px;
line-height: 1.8;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceMainTxt.TxtPtn01 {
font-size: 27px;
line-height: 1.5;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap .Col03 {
margin-bottom: 10px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap .Col03:first-child {
width: 400px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap .Col03:nth-child(2) {
width: 401px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap .Col03:nth-child(3) {
width: 399px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap .Col03 img {
display: block;
margin: auto;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc {
-ms-flex-align: center;
align-items: center;
margin: 80px 0 10px;
}
.LpFlowService.Ptn01 .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc {
margin: 30px 0 0;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceWrap.LpFlowServiceMainDesc {
margin: 45px 230px 10px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceWrap.LpFlowServiceMainDesc .TxtBoxPtn02 {
text-align: center;
}
div#MainContentBody .LpFlowService .LpFlowServiceMain .LpFlowServiceWrap.LpFlowServiceMainDesc .TxtBoxPtn02 > p {
margin-bottom: 10px;
}
div#MainContent .LpFlowService .LpFlowServiceMain .LpFlowServiceWrap.LpFlowServiceMainDesc .TxtBoxPtn02 > *:last-child {
margin-bottom: 0;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceWrap.LpFlowServiceMainDesc .TxtBoxPtn02 .LpFlowServiceMainTxt {
font-size: 32px;
line-height: 1.3;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceWrap.LpFlowServiceMainDesc .TxtBoxPtn02 .LpFlowServiceNotice {
font-size: 16px;
color: #888;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc .Col02:nth-child(1),
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc.ColPtn01 .Col02:nth-child(2) {
width: 570px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc .Col02:nth-child(2),
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc.ColPtn01 .Col02:nth-child(1) {
width: 630px;
padding: 0 15px;
}
div#MainContent .LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc .Col02.TxtBoxPtn01 p {
margin: 0 15px 10px 160px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc .Col02 img {
display: block;
margin: 0 auto 0 40px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc.ColPtn01 .Col02 img {
display: block;
margin: 0 40px 0 auto;
}
.LpFlowService.Ptn01 .LpFlowServiceMain .LpFlowServiceColWrap.LpFlowServiceMainDesc .Col02 img {
margin: 0 auto 0 70px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtlOuter {
min-height: 200px;
display: flex;
align-items: center;
justify-content: center;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtlOuter.Ptn01 {
padding: 52px 0 27px;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtlOuter.ColPtn01 {
flex-direction: column;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtlOuter.ColPtn02 {
flex-direction: column-reverse;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtlOuter > *:last-child {
    margin-bottom: 0;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtl01.Ptn01 {
font-size: 56px;
color: #fff;
text-shadow: 0 0 16px rgb(10 16 31), 0 0 16px rgb(10 16 31), 0 0 16px rgb(10 16 31);
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTtl01.Ptn02 {
font-size: 50px;
color: #fff;
text-shadow: 0 0 16px rgb(10 16 31), 0 0 16px rgb(10 16 31), 0 0 16px rgb(10 16 31);
margin-bottom: 14px;
line-height: 1.1;
}
.LpFlowService .LpFlowServiceMain .LpFlowServiceTxt {
margin-bottom: 24px;
}
.LpFlowService .LpFlowServiceMain .LineBreak {
display: block;
}
/* LpFlowServiceEnq */
/* Title */
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqTtl02 {
text-align: center;
margin-bottom: 100px;
}
div#MainContent .LpFlowServiceEnq.Ptn01 .LpFlowServiceEnqTtl02 {
margin-bottom: 110px;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl03 {
overflow: hidden;
position: relative;
background: #3371BC;
color: #FFF;
font-size: 30px;
font-weight: bold;
line-height: 1;
text-transform: none;
margin: 0;
padding: 25px 20px 25px 195px;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl03 .TxtStep {
display: inline-block;
position: absolute;
top: 0;
left: 0;
background: #4198e6;
max-width: 170px;
padding: 25px 20px;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl03 .TxtStep::after {
content: "";
display: block;
position: absolute;
top: 0;
right: -20px;
border-top: 39px solid transparent;
border-left: 20px solid #4198e6;
border-bottom: 39px solid transparent;
border-right: 0 solid transparent;
width: 0;
height: 0;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl03.Ttl03Ptn01 {
font-size: 24px;
padding: 15px 20px 15px 195px;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl03.Ttl03Ptn01 .TxtStep {
font-size: 30px;
line-height: 1;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl03.Ttl03Ptn01 .SubTxt {
font-size: 18px;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl04 {
border-left: none;
font-size: 18px;
font-weight: normal;
text-transform: none;
margin-bottom: 20px;
padding: 0;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqTtl04.Ttl04Ptn01 {
font-size: 22px;
font-weight: bold;
margin: 30px 0 10px;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqStepBoxInner > .LpFlowServiceEnqTtl04.Ttl04Ptn01:first-of-type {
margin: 0 0 10px;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqStepBoxInner > * + .LpFlowServiceEnqTtl04.Ttl04Ptn01:first-of-type {
margin: 30px 0 10px;
}
/* Box */
.LpFlowServiceEnq .LpFlowServiceEnqStepBox {
margin: 0 auto 60px;
width: 970px;
}
/* List */
div#MainContent .LpFlowServiceEnq .ListEnqItem li {
margin: 5px 0;
}
/* Table */
.LpFlowServiceEnq .TblData {
width: 100%;
}
div#MainContent .LpFlowServiceEnq .TblData tr th,
div#MainContent .LpFlowServiceEnq .TblData tr td {
border: none;
font-size: 18px;
}
div#MainContent .LpFlowServiceEnq .TblData tr th {
vertical-align: middle;
background-color: #FFF;
line-height: 1.2;
text-align: left;
padding-bottom: 20px;
}
.LpFlowServiceEnq .TblData tr td {
vertical-align: top;
text-align: left;
padding-bottom: 20px;
}
.LpFlowServiceEnq .TblData tr td p {
text-indent: -1em;
margin-left: 1em;
}
#BoxReferenceChart .TblChart {
border: 2px solid #3371BC;
border-collapse: collapse;
width: 380px;
margin: auto;
}
#BoxReferenceChart .TblChart tr th,
#BoxReferenceChart .TblChart tr td {
border: 2px solid #3371BC;
font-size: 16px;
text-align: center;
padding: 7px;
}
#BoxReferenceChart .TblChart tr th {
background: #4198e6;
color: #FFF;
font-weight: bold;
}
#BoxReferenceChart .TblChart tr td {
background: #EFEFEF;
}
#BoxReferenceChart .TblChart tr td.TxtSize {
font-size: 14px;
}
#BoxReferenceChart .mfp-close {
opacity: 1;
right: calc(100vw / 2 - 380px / 2 - 70px);
background: #EFEFEF;
border-radius: 5px;
color: #333;
}
/* Text */
div#MainContent .LpFlowServiceEnq .TxtCaution {
font-size: 15px;
}
div#MainContent .LpFlowServiceEnq .TxtSubQuestion {
margin-bottom: 10px;
}
div#MainContent .LpFlowServiceEnq .TxtDesc {
font-size: 16px;
margin: 15px 0;
}
#BoxReferenceChart .TblChart .TxtInch {
color: #0099FF;
margin: 0 2px;
}
.LpFlowServiceEnq .TxtBold {
font-weight: bold;
}
/* enqparts */
.LpFlowServiceEnq .BoxEnqItem {
position: relative;
margin: 10px 0;
}
.LpFlowServiceEnq .BoxEnqItem.Horizontal {
display: -ms-flexbox;
display: flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-left: -30px;
}
.LpFlowServiceEnq .BoxEnqItem.Horizontal > * {
margin-left: 30px;
}
.LpFlowServiceEnq .PartsLength01 {
width: 420px;
}
.LpFlowServiceEnq .PartsLength02 {
width: 235px;
}
div#MainContent .LpFlowServiceEnq label {
cursor: pointer;
color: #282828;
font-size: 18px;
}
.LpFlowServiceEnq .RadioAndTxt input[type="radio"] + span.Text {
vertical-align: middle;
}
div#MainContent .LpFlowServiceEnq .UIElm-check-label .CustomCheckbox,
.LpFlowServiceEnq .LpFlowServiceEnqStepBox label input[type="radio"] + span.Text::before {
display: inline-block;
position: static;
vertical-align: middle;
width: 22px;
height: 23px;
margin-right: 5px;
}
div#MainContent .LpFlowServiceEnq .UIElm-check-label .CustomCheckbox {
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_004.png) no-repeat center bottom;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox label input[type="radio"] + span.Text::before {
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_005.png) no-repeat center bottom;
}
div#MainContent .UIElm-check-label span.CustomCheckbox.checked,
div#MainContent .LpFlowServiceEnq .UIElm-check-label input[type="checkbox"]:checked + .CustomCheckbox,
div#MainContent .LpFlowServiceEnqStepBox label input[type="radio"]:checked + span.Text::before {
background-position: center top;
}
div#MainContent .LpFlowServiceEnq .UIElm-check-label span.CustomCheckbox.disabled {
background-position: center bottom;
opacity: 0.6;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox label + input[type="text"] {
vertical-align: baseline;
margin-left: 5px;
}
/* LpFlowServiceEnq */
div#MainContent .LpFlowServiceEnq.BorderedBox {
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_002.png) no-repeat center top,
url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_003.jpg) repeat center top;
width: 1200px;
margin: 0 auto 30px;
padding: 80px 0 50px;
}
div#MainContent .LpFlowServiceEnq.BorderedBox.Ptn01 {
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_002.png) no-repeat center top;
padding: 70px 0 0;
}
div#MainContent .LpFlowServiceEnq.BorderedBox.Ptn02 {
background: none;
padding: 30px 0 0;
}
.LpFlowServiceEnq img {
vertical-align: middle;
}
.LpFlowServiceEnq p,
.LpFlowServiceEnq .ListEnqItem li label,
.LpFlowServiceEnq .BoxEnqItem label {
color: #282828;
font-size: 18px;
line-height: 1.6;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox:not(.LpFlowServiceEnqStep01) {
display: none;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .ProgressBox {
margin-bottom: 5px;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqStepBoxInner {
background: #FFF;
border: 5px solid #3371BC;
border-top: none;
margin: 0 auto 60px;
padding: 50px;
}
.LpFlowServiceEnq .BoxTips {
position: relative;
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_007.png) no-repeat -10px center #ebebeb;
border: 2px solid #B6B6B6;
border-radius: 4px;
margin: 15px 0;
padding: 18px 20px 18px 200px;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBoxInner > * + .BoxTips {
margin: 50px 0 10px;
}
.LpFlowServiceEnq .BoxTips::before {
content: "";
display: block;
position: absolute;
bottom: 0;
left: 10px;
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_008.png) no-repeat center center;
width: 139px;
height: 98px;
}
div#MainContent .LpFlowServiceEnq .BoxTips p {
margin: 0;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqStepBtn {
text-align: center;
margin-top: 50px;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqStepBtn p {
display: inline-block;
background: #777A7B;
border-radius: 5px;
box-shadow: 0 5px 0 #585959;
color: #FFF;
font-size: 26px;
font-weight: bold;
width: 380px;
padding: 5px 0;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox.is-active .LpFlowServiceEnqStepBtn p {
cursor: pointer;
transition: opacity 0.2s;
background: #d87f0c;
box-shadow: 0 5px 0 #B77013;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox.is-active .LpFlowServiceEnqStepBtn p:hover {
opacity: 0.8;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqBtn {
text-align: center;
margin-top: 50px;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqBtn a {
display: inline-block;
background: #4198e6;
border-radius: 5px;
box-shadow: 0 5px 0 #3371bc;
color: #FFF;
font-size: 26px;
font-weight: bold;
text-decoration: none;
width: 380px;
padding: 5px 0;
}

div#MainContent div.LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqStepBtn.Ptn01 p,
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStepBox .LpFlowServiceEnqBtn.Ptn01 a {
    width: 530px;
}

.LpFlowServiceEnq .LpFlowServiceEnqStepBox.is-active .LpFlowServiceEnqBtn a:hover {
opacity: 0.8;
}
.LpFlowServiceEnq .LpFlowServiceEnqStepBox #BoxReferenceChart + .LpFlowServiceEnqStepBtn {
margin-top: 20px;
}
.LpFlowServiceEnq .LpFlowServiceEnqBoxSub {
margin: 20px 0 40px;
padding-left: 70px;
}
div#MainContent .LpFlowServiceEnq .UIElm-check-label {
padding: 0;
}
div#MainContent .LpFlowServiceEnq .ListEnqItem li input[type="checkbox"] {
display: none;
}
div#MainContent .LpFlowServiceEnq .ListEnqItem li input[type="radio"],
div#MainContent .LpFlowServiceEnq .BoxEnqItem input[type="radio"] {
display: none;
}
div#MainContent .LpFlowServiceEnq .ListEnqItem li input[type="radio"] + .Text,
div#MainContent .LpFlowServiceEnq .BoxEnqItem input[type="radio"] + .Text {
padding-left: 20px;
}
div#MainContent .LpFlowServiceEnq .ListEnqItem input[type="text"],
div#MainContent .LpFlowServiceEnq .BoxEnqItem input[type="text"]  {
display: inline-block;
vertical-align: bottom;
border: 1px solid #A9A9A9;
color: #282828;
font-size: 16px;
padding: 10px 10px 8px;
}
div#MainContent .LpFlowServiceEnq .ListEnqItem input[type="text"],
div#MainContent .LpFlowService .TblData .BoxEnqItem input[type="text"] {
width: auto;
}
div#MainContent .LpFlowServiceEnq .ListEnqItem li.RadioAndTxt.Ptn01 {
    display: flex;
    align-items: center;
    margin: 10px 0;
}
div#MainContent .LpFlowServiceEnq .BoxEnqItem select {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
cursor: pointer;
background: url(../../img/landing_page/lp_flow_service/lp_flow_service_bg_006.png) no-repeat right center #fff;
border: 1px solid #A9A9A9;
color: #282828;
font-size: 16px;
padding: 8px 10px;
}
.LpFlowServiceEnq .BoxEnqItem .TxtUnit {
display: inline-block;
color: #282828;
font-size: 18px;
margin-left: 10px;
}
.LpFlowServiceEnq .BoxEnqItem .TxtUnit.TxtPtn01 {
font-size: 15px;
}
.LpFlowServiceEnq .BoxEnqItem .BoxValidateErr {
position: absolute;
top: 0;
background: #FFF;
border: 2px solid #FF9797;
border-radius: 3px;
color: #F25252;
white-space: nowrap;
margin-left: 20px;
padding: 10px 15px 7px;
}
.LpFlowServiceEnq .BoxEnqItem .BoxValidateErr:before {
content: "";
position: absolute;
top: 13px;
left: -6px;
transform: rotate(-45deg);
background: #FFF;
border-top: 2px solid #FF9797;
border-left: 2px solid #FF9797;
border-bottom: 2px solid #FFF;
border-right: 2px solid #FFF;
width: 12px;
height: 12px;
}
::-ms-expand {
display: none;
}
/* STEP2 */
.LpFlowServiceEnq .LpFlowServiceEnqStep02 .LpFlowServiceColWrap {
border-bottom: 1px dashed #DDD;
margin-bottom: 35px;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStep02 .LpFlowServiceColWrap .Col03 .ListCategory {
margin-bottom: 20px;
}
.LpFlowServiceEnq .LpFlowServiceEnqStep02 .LpFlowServiceColWrap .Col03 .ListCategory:not(:last-child) {
border-bottom: 1px dashed #DDD;
}
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStep02 .LpFlowServiceColWrap .Col03 ul li {
margin: 0 0 12px;
}
div#MainContent .LpFlowService .TblData tr td:last-of-type {
vertical-align: middle;
}
/* STEP3 */
.LpFlowServiceEnq .LpFlowServiceEnqStep03 .LpFlowServiceEnqBoxSub {
display: none;
}
/* STEP4 */
.LpFlowServiceEnq .LpFlowServiceEnqStep04 .LpFlowServiceEnqBoxSub {
display: none;
}
/* step07 */
div#MainContent .LpFlowServiceEnq .LpFlowServiceEnqStep07 .ListCol.ItemCol02 .ItemAnalog {
width: 100%;
}