.housing .color-01{color:#0ca19c !important}.housing .color-02{color:#364bba !important}.housing .color-03{color:red !important}.housing .box-list-wrap{height:100%;border:1px solid #ccc}.housing .box-list-wrap .box-list-head{padding:20px 0 20px;color:#333;font-weight:bold;font-size:1.25rem;text-align:center;border-bottom:1px solid #ccc;background-color:#f4f6fb}.housing .box-list-wrap .box-list-body{padding:20px}.housing .box-list-wrap .box-list-body .logo{margin:5px 0 10px;height:64px;text-align:center}.housing .box-list-wrap .box-list-body .logo-tit{font-size:1.25rem}.housing .box-list-wrap .box-list-bottom{display:block;padding:20px 0 20px;color:#fff;font-weight:normal;font-size:1.25rem;text-align:center;border-top:1px solid #ccc;background-color:#1c226c}.housing .box-list-wrap .box-list-bottom:focus-visible{outline:3px dotted red !important}.housing .box-type-01{margin-top:30px;padding:4% 10%;text-align:center;border:5px solid #ebebeb;border-radius:10px}.housing .box-type-01 .tit{font-weight:600;font-size:26px;letter-spacing:-0.1rem}.housing .box-type-01 p{font-size:1.25rem;word-break:keep-all;letter-spacing:-0.1rem}.housing .box-type-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap}.housing .box-type-wrap .tit{font-size:20px;font-weight:700}.housing .box-type-wrap.gap10{gap:10px}@media only screen and (max-width: 30em){.housing .box-type-wrap{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}}.housing .box-type-wrap .box-type-02,.housing .box-type-wrap .box-type-03,.housing .box-type-wrap .box-type-04{-webkit-box-flex:1;-ms-flex:1;flex:1}.housing .box-type-wrap .box-type-05{-webkit-box-flex:2;-ms-flex:2;flex:2;display:inherit;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.housing .box-type-wrap .box-type-06{-webkit-box-flex:6;-ms-flex:6;flex:6}.housing .box-type-wrap .box-type-02,.housing .box-type-wrap .box-type-05{padding:2% 0;text-align:center;border:1px solid #b1e3d3;background-color:#e0f5f1;border-radius:10px}.housing .box-type-wrap .box-type-03,.housing .box-type-wrap .box-type-06{padding:2% 0;text-align:center;border:1px solid #c1d0f1;background-color:#f4f6fb;border-radius:10px}.housing .box-type-wrap .box-type-05,.housing .box-type-wrap .box-type-06{padding:1%}.housing .box-type-wrap .box-type-04{display:inherit;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;border:1px solid #ccc}.housing .box-type-wrap .box-type-04:first-child{border-right:none}@media only screen and (max-width: 30em){.housing .box-type-wrap .box-type-04:first-child{border-right:1px solid #ccc;border-bottom:none}}.housing .box-type-wrap .box-type-04 .btn-wrap{width:100%}@media only screen and (max-width: 48em){.housing .box-type-wrap .box-type-04 .btn-wrap{width:80%}}@media only screen and (max-width: 30em){.housing .box-type-wrap .box-type-04 .btn-wrap{width:90%}}.housing .box-type-wrap .box-type-04 .btn-wrap .btn{height:4.125rem}@media only screen and (max-width: 30em){.housing .box-type-wrap .box-type-04 .btn-wrap .btn{height:inherit}}.housing .box-type-wrap .box-type-04 picture{display:block;margin-top:1.875rem;height:60px}.housing .box-type-wrap .box-type-04 .img{display:block}.housing .arrow-top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.housing .arrow-top picture{display:block;width:160px;height:160px;margin:20px 0 0;background-image:url(../image/sub/img_arrow_top.png);background-position:center center}.housing .app-image-wrap img{display:block;width:100%;height:100%}.tab-nav{margin:0 auto 0 auto !important}.tab-nav ul li h4{min-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-nav ul li span{min-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tab-nav ul li.active{color:#fff;background-color:#787777;outline-offset:-2px;text-decoration:underline}.tab-body .tab-content{display:none}.step-wrap{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:47px}@media only screen and (max-width: 48em){.step-wrap{gap:60px;-ms-flex-wrap:wrap;flex-wrap:wrap}}.step-wrap .step{display:-webkit-box;display:-ms-flexbox;display:flex;border:1px solid #ccc;text-align:center}.step-wrap .step .top{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:65px;border-bottom:1px solid #ccc;background-color:#f4f6fb}.step-wrap .step .top em{display:block}@media only screen and (max-width: 48em){.step-wrap .step .top em{display:inline-block}}.step-wrap .step .info{display:inherit;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.step-wrap .step .info picture{margin-top:2rem;display:block}.step-wrap .step .info p em{display:block}@media only screen and (max-width: 48em){.step-wrap .step .info p em{display:inline-block}}.step-wrap .step .bottom{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;height:65px;border-top:1px solid #ccc;background-color:#f4f6fb}@media only screen and (max-width: 48em){.step-wrap.steps1{-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.step-wrap.steps1 .step{width:33.3%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start;min-width:auto;height:205px}@media only screen and (max-width: 48em){.step-wrap.steps1 .step{width:100%}}.step-wrap.steps1 .step .info{margin:auto 0}@media only screen and (max-width: 48em){.step-wrap.steps1 .step .info{-webkit-box-align:center;-ms-flex-align:center;align-items:center}}.step-wrap.steps1 .step .info p{margin:1rem 0 1rem;font-weight:normal;line-height:1.4rem}.step-wrap.steps1.small .step{height:120px}.step-wrap.steps1.normal .step{height:auto !important}.step-wrap.steps2{gap:0}@media only screen and (max-width: 48em){.step-wrap.steps2{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.step-wrap.steps2 .step-relations{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:20%;flex-basis:20%}@media only screen and (max-width: 48em){.step-wrap.steps2 .step-relations{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.step-wrap.steps2 .step-relations em{display:block;position:absolute;text-align:center}.step-wrap.steps2 .step-relations em:first-child{top:calc(35% - 10px)}@media only screen and (max-width: 48em){.step-wrap.steps2 .step-relations em:first-child{padding:0 10px;background-color:#fff}}.step-wrap.steps2 .step-relations em:last-child{bottom:calc(35% - 10px)}@media only screen and (max-width: 48em){.step-wrap.steps2 .step-relations em:last-child{padding:0 10px;background-color:#fff}}.step-wrap.steps2 .step-relations span{display:block;width:100%;height:1px;background-color:#ccc}@media only screen and (max-width: 48em){.step-wrap.steps2 .step-relations span{width:1px;height:100px}}.step-wrap.steps2 .step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:160px}@media only screen and (max-width: 30em){.step-wrap.steps2 .step{width:100%}}.step-wrap.steps2 .step:first-child{width:30%;background-color:#f4f6fb}@media only screen and (max-width: 48em){.step-wrap.steps2 .step:first-child{width:100%;padding:20px 0 20px}}.step-wrap.steps2 .step:last-child{width:70%}@media only screen and (max-width: 48em){.step-wrap.steps2 .step:last-child{width:100%}}.step-wrap.steps2 .step em{display:block}@media only screen and (max-width: 48em){.step-wrap.steps2 .step em{display:inline-block}}.step-wrap.steps2 .step .info{padding:10px 20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.step-wrap.steps2 .step .info p{margin:1rem 0 1rem;font-weight:normal;line-height:1.4rem}@media only screen and (max-width: 48em){.step-wrap.steps2 .step:first-child.arrow-bottom::after{display:none}}.step-wrap.steps2 .step:last-child.arrow-bottom::after{display:none}@media only screen and (max-width: 48em){.step-wrap.steps2 .step:last-child.arrow-bottom::after{display:block}}.step-wrap .arrow-right{position:relative}.step-wrap .arrow-right::after{position:absolute;right:-81px;top:40%;display:block;content:"";width:65px;height:42px;background-image:url(/humanframe/globaltheme/assets/image/_module/step-active-right.png);background-repeat:no-repeat;background-size:contain}@media only screen and (max-width: 48em){.step-wrap .arrow-right::after{right:calc(50% - 33px);top:auto;bottom:-50px;background-image:url(../image/sub/img_arrow_bottom_01.png)}}.step-wrap .arrow-bottom{position:relative}.step-wrap .arrow-bottom::after{position:absolute;right:calc(50% - 45px);bottom:-50px;display:block;content:"";width:65px;height:42px;bottom:-50px;background-image:url(../image/sub/img_arrow_bottom_02.png);background-repeat:no-repeat;background-size:contain}.step-wrap.steps3{gap:0}@media only screen and (max-width: 48em){.step-wrap.steps3{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.step-wrap.steps3 .step-relations{position:relative;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-ms-flex-preferred-size:10%;flex-basis:10%}@media only screen and (max-width: 48em){.step-wrap.steps3 .step-relations{-webkit-box-orient:horizontal !important;-webkit-box-direction:normal !important;-ms-flex-direction:row !important;flex-direction:row !important;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}}.step-wrap.steps3 .step-relations em{display:block;position:absolute;text-align:center}.step-wrap.steps3 .step-relations em:first-child{top:calc(35% - 10px)}@media only screen and (max-width: 48em){.step-wrap.steps3 .step-relations em:first-child{padding:0 10px;background-color:#fff}}.step-wrap.steps3 .step-relations em:last-child{bottom:calc(35% - 10px)}@media only screen and (max-width: 48em){.step-wrap.steps3 .step-relations em:last-child{padding:0 10px;background-color:#fff}}.step-wrap.steps3 .step-relations span{display:block;width:100%;height:1px;background-color:#ccc}@media only screen and (max-width: 48em){.step-wrap.steps3 .step-relations span{width:1px;height:100px}}.step-wrap.steps3 .step{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;min-height:120px}@media only screen and (max-width: 30em){.step-wrap.steps3 .step{width:100%}}.step-wrap.steps3 .step:first-child{width:20%;margin-right:50px}@media only screen and (max-width: 48em){.step-wrap.steps3 .step:first-child{width:100%;margin-right:0;padding:20px 0 20px}}.step-wrap.steps3 .step:nth-child(2){width:20%;background-color:#f4f6fb}@media only screen and (max-width: 48em){.step-wrap.steps3 .step:nth-child(2){width:100%;margin-top:60px}}.step-wrap.steps3 .step:last-child{width:50%}@media only screen and (max-width: 48em){.step-wrap.steps3 .step:last-child{width:100%}}.step-wrap.steps3 .step em{display:block}@media only screen and (max-width: 48em){.step-wrap.steps3 .step em{display:inline-block}}.step-wrap.steps3 .step .info{padding:10px 20px;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start}.step-wrap.steps3 .step .info p{margin:1rem 0 1rem;font-weight:normal;line-height:1.4rem}@media only screen and (max-width: 48em){.step-wrap.steps3 .step:first-child.arrow-bottom::after{display:none}}.step-wrap.steps3 .step:last-child.arrow-bottom::after{display:none}@media only screen and (max-width: 48em){.step-wrap.steps3 .step:last-child.arrow-bottom::after{display:block}}.display-flex{display:-webkit-box;display:-ms-flexbox;display:flex}.display-flex.flex-wrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.display-flex.flex-nowrap{-ms-flex-wrap:wrap;flex-wrap:wrap}.display-flex.flex-direction-row{-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-direction:row;flex-direction:row}.display-flex.flex-direction-column{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.display-flex.justify-flex-space-betwon{-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between}.display-flex.justify-flex-end{-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}.display-flex.justify-flex-start{-webkit-box-pack:start;-ms-flex-pack:start;justify-content:flex-start}.text-align-left{text-align:left}.text-align-center{text-align:center}.cl-out{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:0 50px}.cl-out .cl-inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-column-gap:50px;-moz-column-gap:50px;column-gap:50px;row-gap:30px}.cl-out .cl-inner .cl-box{-ms-flex-preferred-size:calc(50% - 25px);flex-basis:calc(50% - 25px)}@media only screen and (max-width: 48em){.cl-out .cl-inner .cl-box{-ms-flex-preferred-size:100%;flex-basis:100%}}.cl-out .cl-inner .cl-box .cl-head{padding:21px 25px;font-weight:bold;font-size:20px;line-height:24px;color:#fff;background-color:#1e72aa}@media only screen and (max-width: 48em){.cl-out .cl-inner .cl-box .cl-head{padding:11px 15px}}.cl-out .cl-inner .cl-box .cl-cont{border:1px solid #d8d8d8;border-top:none}.cl-out .cl-inner .cl-box .cl-cont li{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:horizontal;-webkit-box-direction:normal;-ms-flex-flow:row nowrap;flex-flow:row nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;-webkit-box-align:baseline;-ms-flex-align:baseline;align-items:baseline;padding:20px 25px;border-top:1px solid #d8d8d8}@media only screen and (max-width: 48em){.cl-out .cl-inner .cl-box .cl-cont li{padding:10px 15px}}.cl-out .cl-inner .cl-box .cl-cont li:first-child{border-top:1px solid #d8d8d8}.cl-out .cl-inner .cl-box .cl-cont li .cl-option-tit{word-break:keep-all;width:calc(100% - 130px);padding:8px 0;font-size:18px;line-height:22px;color:#444}.cl-out .cl-inner .cl-box .cl-cont li .cl-btn{display:inline-block;padding:9px 20px;border:1px solid #afcdff;font-size:15px;line-height:19px;color:#666;background:#f1f7ff}.snb-title-wrap.type-1{background-image:url("/humanframe/theme/pub/assets/image/idream/snb-top.svg")}.snb-title-wrap.type-1 .snb-title img{width:160px}.process-step-wrap.process-flex ol li div{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-flow:column wrap;flex-flow:column wrap;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;height:100%}