﻿.flow_color_template_1{--flow-color: var(--bs-primary);--flow-shadow: var(--bs-gray-500);--flow-background: var(--bs-light)}.flow_color_template_2{--flow-color: var(--bs-secondary);--flow-background: var(--bs-light)}.flow_color_template_3{--flow-color: var(--bs-dark);--flow-background: var(--bs-light)}.flow_design_template_1 ol.flow-step{counter-reset:step;padding:0;list-style:none}.flow_design_template_1 ol.flow-step li{position:relative;border-radius:0;border:none;counter-increment:step;margin-bottom:2rem}.flow_design_template_1 ol.flow-step li:not(:first-child)::before{content:"";display:block;padding-top:4rem;padding-bottom:4rem;width:100%}.flow_design_template_1 ol.flow-step li:not(:first-child)::after{content:"";display:inline-block;width:1.6rem;aspect-ratio:1;border-right:0.5rem var(--flow-color) solid;border-bottom:0.5rem var(--flow-color) solid;position:absolute;top:0rem;right:0;left:0;margin:0 auto;transform:rotate(45deg)}@media (min-width:992px){.flow_design_template_1 ol.flow-step li:not(:first-child)::after{left:50%}}.flow_design_template_1 ol.flow-step li .flow-step-text{margin-bottom:0}@media (min-width:576px){.flow_design_template_1 ol.flow-step li .flow-step-text{margin-bottom:-20rem}}@media (min-width:992px){.flow_design_template_1 ol.flow-step li .flow-step-text{margin-bottom:0}}.flow_design_template_1 ol.flow-step li .flow-step-text .card-body{padding:3rem 0 0 0;background-color:transparent;width:100%;transform:translate(0, 0)}@media (min-width:576px){.flow_design_template_1 ol.flow-step li .flow-step-text .card-body{padding:3rem 3rem 0 3rem;background-color:#FFFFFF;width:75%;transform:translate(1rem, -8rem);background-color:rgba(255, 255, 255, 0);padding-top:0}}@media (min-width:992px){.flow_design_template_1 ol.flow-step li .flow-step-text .card-body{padding:3rem;background-color:transparent;width:100%;left:50%;transform:translate(0, 0)}}.flow_design_template_1 ol.flow-step li .flow-step-text .card-body h3{border-bottom:2px var(--flow-color) dotted;margin-bottom:1.5rem !important;padding-top:1rem;padding-bottom:2rem;position:relative;z-index:1}.flow_design_template_1 ol.flow-step li .flow-step-text .card-body h3::before{content:counter(step, decimal-leading-zero) !important;color:var(--flow-color);font-size:5rem;display:inline-block;text-align:right;pointer-events:none;position:absolute;top:-1rem;right:0;z-index:-1;text-shadow:5px 5px 0px var(--flow-shadow)}.flow_design_template_2 ol.flow-step{counter-reset:step;padding:0;list-style:none}.flow_design_template_2 ol.flow-step li{position:relative;border-radius:0;border:none;counter-increment:step;margin-bottom:2rem}@media (min-width:992px){.flow_design_template_2 ol.flow-step li:nth-child(even) .flow-step-img{order:2}}.flow_design_template_2 ol.flow-step li:not(:first-child)::before{content:"";display:block;padding-top:4rem;padding-bottom:4rem;width:100%}.flow_design_template_2 ol.flow-step li:not(:first-child)::after{content:"";display:inline-block;width:1.6rem;aspect-ratio:1;border-right:0.5rem var(--flow-color) solid;border-bottom:0.5rem var(--flow-color) solid;position:absolute;top:0rem;right:0;left:0;margin:0 auto;transform:rotate(45deg)}@media (min-width:992px){.flow_design_template_2 ol.flow-step li:not(:first-child)::after{left:50%}}.flow_design_template_2 ol.flow-step li .flow-step-text{margin-bottom:0}@media (min-width:576px){.flow_design_template_2 ol.flow-step li .flow-step-text{margin-bottom:-20rem}}@media (min-width:992px){.flow_design_template_2 ol.flow-step li .flow-step-text{margin-bottom:0}}.flow_design_template_2 ol.flow-step li .flow-step-text .card-body{padding:3rem 0 0 0;background-color:transparent;width:100%;transform:translate(0, 0)}@media (min-width:576px){.flow_design_template_2 ol.flow-step li .flow-step-text .card-body{padding:3rem 3rem 0 3rem;background-color:#FFFFFF;width:75%;transform:translate(1rem, -8rem);background-color:rgba(255, 255, 255, 0);padding-top:0}}@media (min-width:992px){.flow_design_template_2 ol.flow-step li .flow-step-text .card-body{padding:3rem;background-color:transparent;width:100%;left:50%;transform:translate(0, 0)}}.flow_design_template_2 ol.flow-step li .flow-step-text .card-body h3{border-bottom:2px var(--flow-color) dotted;margin-bottom:1.5rem !important;padding-top:1rem;padding-bottom:2rem;position:relative;z-index:1}.flow_design_template_2 ol.flow-step li .flow-step-text .card-body h3::before{content:counter(step, decimal-leading-zero) !important;color:var(--flow-color);font-size:5rem;display:inline-block;text-align:right;pointer-events:none;position:absolute;top:-1rem;right:0;z-index:-1;text-shadow:5px 5px 0px var(--flow-shadow)}.flow_design_template_3 ol.flow-step{counter-reset:step;padding:0;list-style:none}.flow_design_template_3 ol.flow-step li{position:relative;border-radius:0;border:none;counter-increment:step;margin-bottom:2rem}.flow_design_template_3 ol.flow-step li:not(:first-child)::before{content:"";display:block;padding-top:4rem;padding-bottom:2rem;width:100%}.flow_design_template_3 ol.flow-step li:not(:first-child)::after{content:"";display:inline-block;width:1.6rem;aspect-ratio:1;border-right:0.5rem var(--flow-color) solid;border-bottom:0.5rem var(--flow-color) solid;position:absolute;right:0;left:0;margin:0 auto;transform:rotate(45deg)}@media (min-width:576px){.flow_design_template_3 ol.flow-step li:not(:first-child)::after{top:0rem}}.flow_design_template_3 ol.flow-step li .flow-step-img{display:flex;justify-content:center}.flow_design_template_3 ol.flow-step li .flow-step-img img{object-fit:contain}@media (min-width:992px){.flow_design_template_3 ol.flow-step li .flow-step-img img{width:100%;height:100%;margin-right:0 !important}}@media (max-width:575.98px){.flow_design_template_3 ol.flow-step li .flow-step-img img{width:59% !important}}.flow_design_template_3 ol.flow-step li .flow-step-text{margin-bottom:0}@media (min-width:992px){.flow_design_template_3 ol.flow-step li .flow-step-text{margin-bottom:0}}.flow_design_template_3 ol.flow-step li .flow-step-text .card-body{background-color:transparent;width:100%;transform:translate(0, 0)}@media (min-width:576px){.flow_design_template_3 ol.flow-step li .flow-step-text .card-body{padding:3rem 3rem 0 3rem;background-color:#FFFFFF;width:100%;background-color:rgba(255, 255, 255, 0);padding-top:0}}@media (min-width:992px){.flow_design_template_3 ol.flow-step li .flow-step-text .card-body{padding:3rem;background-color:transparent;width:100%;left:50%;transform:translate(0, 0)}}.flow_design_template_3 ol.flow-step li .flow-step-text .card-body h3{position:relative;font-size:5rem;color:var(--flow-color);margin-left:6rem;padding-bottom:1.5rem}@media (min-width:576px){.flow_design_template_3 ol.flow-step li .flow-step-text .card-body h3{padding-bottom:0}}.flow_design_template_3 ol.flow-step li .flow-step-text .card-body h3::before{content:counter(step, decimal-leading-zero);color:var(--flow-color);font-size:3rem;display:inline-block;text-align:left;pointer-events:none;position:absolute;top:1.6rem;left:-3.9rem;z-index:0;clip-path:polygon(31% 0, 100% 0, 100% 100%, 0 100%, 0 49%);background-image:none !important;height:auto;width:auto}.flow_design_template_3 ol.flow-step li .flow-step-text .card-body h3::after{content:"";width:3rem;height:1px;background:var(--flow-color);position:absolute;top:calc(1.5rem + 18px);left:calc(-4rem + -14px);transform:skew(0, -55deg)}.flow_design_template_3 ol.flow-step li .flow-step-text .card-body h3 span{display:block;font-size:1.5rem;vertical-align:middle;line-height:150% !important;margin-top:2rem;text-shadow:-2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white}@media (min-width:576px){.flow_design_template_3 ol.flow-step li .flow-step-text .card-body h3 span{font-size:2rem}}.flow_design_template_3 ol.flow-step li .flow-step-text .card-body h3 span::before{content:"STEP";position:absolute;top:0.8rem;left:-6rem;font-size:0.8rem;color:var(--flow-color);letter-spacing:1px}.flow_design_template_4 ol.flow-step{counter-reset:step;padding:0;list-style:none}.flow_design_template_4 ol.flow-step li{position:relative;border-radius:0;border:none;counter-increment:step;margin-bottom:2rem}@media (min-width:992px){.flow_design_template_4 ol.flow-step li:nth-child(even) .flow-step-img{order:2}}.flow_design_template_4 ol.flow-step li:not(:first-child)::before{content:"";display:block;padding-top:4rem;padding-bottom:2rem;width:100%}.flow_design_template_4 ol.flow-step li:not(:first-child)::after{content:"";display:inline-block;width:1.6rem;aspect-ratio:1;border-right:0.5rem var(--flow-color) solid;border-bottom:0.5rem var(--flow-color) solid;position:absolute;right:0;left:0;margin:0 auto;transform:rotate(45deg)}@media (min-width:576px){.flow_design_template_4 ol.flow-step li:not(:first-child)::after{top:0rem}}.flow_design_template_4 ol.flow-step li .flow-step-img{display:flex;justify-content:center}.flow_design_template_4 ol.flow-step li .flow-step-img img{object-fit:contain}@media (min-width:992px){.flow_design_template_4 ol.flow-step li .flow-step-img img{width:100%;height:100%;margin-right:0 !important}}@media (max-width:575.98px){.flow_design_template_4 ol.flow-step li .flow-step-img img{width:59% !important}}.flow_design_template_4 ol.flow-step li .flow-step-text{margin-bottom:0}@media (min-width:992px){.flow_design_template_4 ol.flow-step li .flow-step-text{margin-bottom:0}}.flow_design_template_4 ol.flow-step li .flow-step-text .card-body{background-color:transparent;width:100%;transform:translate(0, 0)}@media (min-width:576px){.flow_design_template_4 ol.flow-step li .flow-step-text .card-body{padding:3rem 3rem 0 3rem;background-color:#FFFFFF;width:100%;background-color:rgba(255, 255, 255, 0);padding-top:0}}@media (min-width:992px){.flow_design_template_4 ol.flow-step li .flow-step-text .card-body{padding:3rem;background-color:transparent;width:100%;left:50%;transform:translate(0, 0)}}.flow_design_template_4 ol.flow-step li .flow-step-text .card-body h3{position:relative;font-size:5rem;color:var(--flow-color);margin-left:6rem;padding-bottom:1.5rem}@media (min-width:576px){.flow_design_template_4 ol.flow-step li .flow-step-text .card-body h3{padding-bottom:0}}.flow_design_template_4 ol.flow-step li .flow-step-text .card-body h3::before{content:counter(step, decimal-leading-zero);color:var(--flow-color);font-size:3rem;display:inline-block;text-align:left;pointer-events:none;position:absolute;top:1.6rem;left:-3.9rem;z-index:0;clip-path:polygon(31% 0, 100% 0, 100% 100%, 0 100%, 0 49%);background-image:none !important;height:auto;width:auto}.flow_design_template_4 ol.flow-step li .flow-step-text .card-body h3::after{content:"";width:3rem;height:1px;background:var(--flow-color);position:absolute;top:calc(1.5rem + 18px);left:calc(-4rem + -14px);transform:skew(0, -55deg)}.flow_design_template_4 ol.flow-step li .flow-step-text .card-body h3 span{display:block;font-size:1.5rem;vertical-align:middle;line-height:150% !important;margin-top:2rem;text-shadow:-2px -2px 0 white, 2px -2px 0 white, -2px 2px 0 white, 2px 2px 0 white}@media (min-width:576px){.flow_design_template_4 ol.flow-step li .flow-step-text .card-body h3 span{font-size:2rem}}.flow_design_template_4 ol.flow-step li .flow-step-text .card-body h3 span::before{content:"STEP";position:absolute;top:0.8rem;left:-6rem;font-size:0.8rem;color:var(--flow-color);letter-spacing:1px}.flow_design_template_5 ol.flow-step{counter-reset:step;padding:0;list-style:none}@media (min-width:992px){.flow_design_template_5 ol.flow-step{margin:auto;flex:0 0 auto;width:83.33333333%}}.flow_design_template_5 ol.flow-step li{position:relative;border-radius:0;border:none;counter-increment:step;margin-bottom:2rem;margin-left:3rem}.flow_design_template_5 ol.flow-step li::after{content:"";height:calc(100% - 3.5rem);width:1px;background-color:#222222;position:absolute;top:3.5rem;left:-1rem}.flow_design_template_5 ol.flow-step li h3{position:relative;color:var(--flow-color);padding-bottom:1rem}@media (min-width:576px){.flow_design_template_5 ol.flow-step li h3{padding-bottom:0}}.flow_design_template_5 ol.flow-step li h3::before{content:counter(step, decimal-leading-zero);color:var(--flow-color);display:inline-block;position:absolute;top:0;left:-3rem}.flow_design_template_5 ol.flow-step li .card-text{margin-top:0.8rem}.flow_design_template_6 ol.flow-step{counter-reset:step;padding:0;list-style:none}@media (min-width:992px){.flow_design_template_6 ol.flow-step{margin:auto;flex:0 0 auto;width:83.33333333%}}.flow_design_template_6 ol.flow-step li{position:relative;border-radius:0;border:none;counter-increment:step;margin-left:6rem}.flow_design_template_6 ol.flow-step li::after{content:"";height:calc(100% - 3.5rem);width:1px;background-color:#222222;position:absolute;top:3.5rem;left:-3rem}.flow_design_template_6 ol.flow-step li h3{position:relative;color:var(--flow-color);padding-bottom:1rem}@media (min-width:576px){.flow_design_template_6 ol.flow-step li h3{padding-bottom:0}}.flow_design_template_6 ol.flow-step li h3::before{content:"STEP" counter(step, decimal-leading-zero);color:var(--flow-color);display:inline-block;position:absolute;top:0.5rem;left:-6rem;font-size:1rem}.flow_design_template_6 ol.flow-step li .card-text{margin-top:0.8rem}.flow_design_template_7 ol.flow-step{counter-reset:step;padding:0;list-style:none}@media (min-width:992px){.flow_design_template_7 ol.flow-step{margin:auto;flex:0 0 auto;width:83.33333333%}}.flow_design_template_7 ol.flow-step li{position:relative;border-radius:0;border:none;counter-increment:step;margin-left:4rem}.flow_design_template_7 ol.flow-step li:not(:last-child)::after{content:"";height:calc(100% - 3rem);width:4px;background-color:var(--flow-color);position:absolute;top:3.9rem;left:-2.3rem}.flow_design_template_7 ol.flow-step li h3{position:relative;color:var(--flow-color)}.flow_design_template_7 ol.flow-step li h3::before{content:counter(step, decimal-leading-zero);background-color:var(--flow-color);color:#FFFFFF;padding:10px;width:3.5rem;border-radius:50%;aspect-ratio:1;position:absolute;top:-0.5rem;display:flex;align-items:center;left:-5rem;justify-content:space-around}.flow_design_template_7 ol.flow-step li .card-text{margin-top:0.8rem}h2[id$="-step-heading"]{line-height:2rem}h2[id$="-step-heading"] .heading-lead{display:block;font-size:1rem;letter-spacing:3px;margin-bottom:-1.5rem}h2[id$="-step-heading"] .heading-lead .dot{display:inline-block;position:relative;margin-top:1rem}h2[id$="-step-heading"] .heading-lead .dot::before{position:absolute;top:-0.75em;left:50%;transform:translate(-50%, 0);color:#00D4AF;font-size:1em;content:"・"}h2[id$="-step-heading"] .heading-lead .span{margin-top:0;margin-bottom:0}h2[id$="-step-heading"] .heading-lead .brand-name{gap:0.5rem}.intro-flow-txt{align-items:baseline !important;gap:0.5rem}.flow-menu ul{list-style:none}.flow-menu ul .cate-deco{position:relative}.flow-menu ul .cate-deco:hover .flow-category-btn{background:#cce0f5;transition:all 0.3s ease}.flow-menu ul .flow-step::before,.flow-menu ul .flow-guide::before,.flow-menu ul .flow-additional-info::before,.flow-menu ul .flow-size-info::before,.flow-menu ul .flow-qa::before,.flow-menu ul .flow-offer-calendar::before{content:"";background-repeat:no-repeat;background-position:center;background-size:contain;display:inline-block;position:absolute;left:0.8rem;top:0.6rem;height:40px;width:40px;z-index:1}.flow-menu ul .flow-step::before{background-image:url(../images/flow-step-icon.svg)}.flow-menu ul .flow-guide::before{background-image:url(../images/flow-guide-icon.svg)}.flow-menu ul .flow-additional-info::before{background-image:url(../images/flow-additional-info-icon.svg)}.flow-menu ul .flow-size-info::before{background-image:url(../images/flow-size-info-icon.svg)}.flow-menu ul .flow-qa::before{background-image:url(../images/flow-qa-icon.svg)}.flow-menu ul .flow-offer-calendar::before{background-image:url(../images/flow-offer-calendar-icon.svg)}.flow-menu .flow-category-btn{border-radius:0.25rem;background:#FFFFFF;box-shadow:0px 2px 2px 0px rgba(0, 0, 0, 0.25);position:relative;height:58px}.flow-menu .flow-category-btn::before{content:"";font-family:bootstrap-icons;color:#FFFFFF;position:absolute;bottom:12px;right:5px;width:0.6rem;height:0.6rem;z-index:1}.flow-menu .flow-category-btn::after{content:"";position:absolute;bottom:0;right:0;width:1.5rem;height:1.5rem;border-radius:0 0 0.25rem 0;background:linear-gradient(315deg, var(--bs-primary) 0%, var(--bs-primary) 50%, rgba(255, 255, 255, 0) 50.01%)}.flow-menu .flow-category-btn p{display:flex;align-items:center}.flow-menu .flow-category-btn p a{font-size:clamp(0.688rem, 0.529rem + 0.67vw, 0.875rem);text-decoration:none;display:inline-block;line-height:1.2rem}@media (min-width:992px){.flow-menu .flow-category-btn p a{font-size:1rem;line-height:1.5rem}}section#flow-guide table.daibiki-table{border:1px solid #ADB5BD;text-align:center;width:100%}section#flow-guide table.daibiki-table thead{background-color:#cce0f5}section#flow-guide table.daibiki-table tbody th{text-align:start;font-weight:normal;width:60% !important}section#flow-guide table.daibiki-table tbody td{width:40% !important}section#flow-guide table.daibiki-table tbody th,section#flow-guide table.daibiki-table tbody td{border:1px solid #ADB5BD;background-color:#FFFFFF;width:50%;padding:0.5rem}.alignfull[class$="flow-bg"] h3{position:relative}section#flow-additional-info{z-index:1}section#flow-additional-info ul .img-box{margin-bottom:1.5rem}@media (min-width:768px){section#flow-additional-info ul .img-box{margin-bottom:0}}section#flow-size-info .size-box.row.mb-5{display:flex;justify-content:center;align-items:center}section#flow-size-info .size-box.row.mb-5 .col-12.col-md-7{margin-bottom:1.5rem}@media (min-width:768px){section#flow-size-info .size-box.row.mb-5 .col-12.col-md-7{margin-bottom:0}}section#flow-size-info .size-box.row.mb-5 .col-12.col-md-7 table.size-table{border:1px solid #ADB5BD;text-align:center;width:100%}section#flow-size-info .size-box.row.mb-5 .col-12.col-md-7 table.size-table td{border:1px solid #ADB5BD;background-color:#FFFFFF;width:50%;padding:0.5rem}