@font-face{font-family:"NotoSerifJP-Medium";src:url("/fitting/assets/font/NotoSerifJP-Medium.otf") format("opentype");font-style:normal;font-weight:500}@font-face{font-family:"NotoSerifJP-Bold";src:url("/fitting/assets/font/NotoSerifJP-Bold.otf") format("opentype");font-style:normal;font-weight:700}@font-face{font-family:"NotoSerifJP-Black";src:url("/fitting/assets/font/NotoSerifJP-Black.otf") format("opentype");font-style:normal;font-weight:900}@font-face{font-family:"NotoSansJP-Medium";src:url("/fitting/assets/font/NotoSansJP-Medium.otf") format("opentype");font-style:normal;font-weight:700}@font-face{font-family:"NotoSansJP-Bold";src:url("/fitting/assets/font/NotoSansJP-Bold.otf") format("opentype");font-style:normal;font-weight:700}.procedure-wrap{color:#000;-webkit-font-feature-settings:'palt' 1;font-feature-settings:'palt' 1;font-family:"FP-ヒラギノ角ゴ ProN W3","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","游ゴシック体","Yu Gothic",YuGothic,"メイリオ",Meiryo,"ＭＳ Ｐゴシック",Verdana,Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;text-align:center;background-color:#fff}.procedure-wrap img{width:100%;height:auto;line-height:1}.procedure-wrap *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}.procedure-wrap a,.procedure-wrap a:link{color:#33a823;text-decoration:underline;text-underline-position:under;outline:none}.procedure-wrap a:visited{color:#33a823}.procedure-wrap a:hover{color:#33a823;text-decoration:none}.procedure-wrap a:active{color:#33a823}.procedure-wrap a img{opacity:1;-webkit-transition:.3s;transition:.3s}.procedure-wrap a img:hover{opacity:.7}.procedure-wrap h1,.procedure-wrap h2,.procedure-wrap h3{font-weight:normal}.procedure-wrap .btm1em{margin-bottom:1em}.procedure-wrap .btm0{margin-bottom:0}.procedure-wrap .pcnone{display:none}.procedure-wrap .head-kv{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;background-color:#262837}.procedure-wrap .head-kv .head-left{-webkit-flex:1;-ms-flex:1;flex:1;background-color:#262837}.procedure-wrap .head-kv .head-right{position:relative;width:35.71%}.procedure-wrap .head-kv .head-right .photo2{position:absolute;top:46.43%;left:-56%;width:63.83%;pointer-events:none}.procedure-wrap .head-kv .block1,.procedure-wrap .head-kv .block2{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;height:50%}.procedure-wrap .head-kv .block1 .text-block{margin-left:6.5%;text-align:left}.procedure-wrap .head-kv .block1 .text-block .subhead{display:inline-block;margin-bottom:2.5%;padding:0.8% 1.5%;color:#262837;font-family:'NotoSansJP-Bold',serif;font-size:1.95vw;font-style:italic;line-height:1;background-color:#33a823}@media screen and (max-width: 1280px){.procedure-wrap .head-kv .block1 .text-block .subhead{font-size:25px}}.procedure-wrap .head-kv .block1 .text-block h1{color:#fff;font-family:"NotoSerifJP-Black",serif;font-size:4.76vw;font-style:italic;line-height:1}@media screen and (max-width: 1280px){.procedure-wrap .head-kv .block1 .text-block h1{font-size:61px}}.procedure-wrap .head-kv .block2{background-color:#494b5b}.procedure-wrap .head-kv .block2 .text-block{margin-left:6.5%;text-align:left}.procedure-wrap .head-kv .block2 .text-block h2{color:#fff;font-family:"NotoSerifJP-Black",serif;font-size:2.74vw;font-style:italic;line-height:1.3}@media screen and (max-width: 1280px){.procedure-wrap .head-kv .block2 .text-block h2{font-size:35px}}.procedure-wrap .head-kv .block2 .text-block h2 strong{position:relative;color:#b38b20;font-size:3.69vw;z-index:1}.procedure-wrap .head-kv .block2 .text-block h2 strong::before{content:"";position:absolute;bottom:0.3vw;left:-0.3vw;width:100%;height:0.8vw;padding:0 0.3vw;background-color:#333544;z-index:-1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}@media screen and (max-width: 1280px){.procedure-wrap .head-kv .block2 .text-block h2 strong{font-size:47.2px}.procedure-wrap .head-kv .block2 .text-block h2 strong::before{bottom:3.8px;left:-3.8px;height:10.2px;padding:0 3.8px}}.procedure-wrap .procedure-contents{background-color:#eceeef;padding-top:75px}.procedure-wrap .procedure-intro{width:1000px;margin:0 auto 40px auto;font-size:20px;line-height:1.5;text-align:left}.procedure-wrap .unchor-list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;width:790px;margin:0 auto 80px auto}.procedure-wrap .unchor-list li{width:380px}.procedure-wrap .unchor-list li a{display:block;padding:5px;text-decoration:none;background-image:url("/fitting/assets/img/procedure/bullet_anchor.png");background-repeat:no-repeat;background-position:right 20px center;-webkit-background-size:40px auto;-o-background-size:40px auto;background-size:40px auto;-webkit-transition:.3s;transition:.3s}.procedure-wrap .unchor-list li a:hover{opacity:.7}.procedure-wrap .unchor-list li a .unchor-inner{padding:15px 10px;border:3px solid #fff}.procedure-wrap .unchor-list li a p{padding-right:8px;color:#fff;font-family:'NotoSerifJP-Bold',serif;font-size:18px;font-style:italic;line-height:1.4}.procedure-wrap .unchor-list li a p strong{font-family:'NotoSerifJP-Black',serif;font-size:28px;line-height:1}.procedure-wrap .unchor-list li a p strong.wood{color:#ffed26}.procedure-wrap .unchor-list li a p strong.iron{color:#ffed26}.procedure-wrap .unchor-list li.unchor-wood a{background-color:#262837}.procedure-wrap .unchor-list li.unchor-iron a{background-color:#4c9d41}.procedure-wrap .procedure-block{margin-top:-44px;padding-top:44px;padding-bottom:10px}.procedure-wrap .procedure-block .category-title{position:relative;display:inline-block;margin-bottom:75px;font-family:'NotoSerifJP-Black',serif;font-size:52px;font-style:italic;line-height:1;z-index:1}.procedure-wrap .procedure-block .category-title::before{content:"";position:absolute;bottom:-8px;left:-14px;width:100%;height:20px;padding:0 14px;z-index:-1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.procedure-wrap .procedure-block .category-title.wood::before{background-color:#ffed26}.procedure-wrap .procedure-block .category-title.iron{margin-bottom:30px}.procedure-wrap .procedure-block .category-title.iron::before{background-color:#3fb62e}.procedure-wrap .procedure-block .note{margin-bottom:75px;font-size:16px;line-height:1}.procedure-wrap .procedure-block .section-title{margin-bottom:30px;padding:12px;background-repeat:repeat;background-position:center;-webkit-background-size:24px auto;-o-background-size:24px auto;background-size:24px auto}.procedure-wrap .procedure-block .section-title.wood{background-image:url("/fitting/assets/img/procedure/bg_section_title_wood.png")}.procedure-wrap .procedure-block .section-title.iron{background-image:url("/fitting/assets/img/procedure/bg_section_title_iron.png")}.procedure-wrap .procedure-block .section-title .inner{display:-webkit-inline-box;display:-ms-inline-flexbox;display:-webkit-inline-flex;display:inline-flex;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;padding:0}.procedure-wrap .procedure-block .section-title .icon{display:inline-block;width:87px;margin-right:20px}.procedure-wrap .procedure-block .section-title span{color:#ffed26;font-family:'NotoSerifJP-Bold',serif;font-size:36px;line-height:1}.procedure-wrap .procedure-section{width:1200px;margin:0 auto 75px auto}.procedure-wrap .procedure-section .section-inner{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;width:100%;margin-bottom:30px}.procedure-wrap .procedure-section .section-inner .kv{width:500px}.procedure-wrap .procedure-section .section-inner .text-block{-webkit-flex:1;-ms-flex:1;flex:1;padding:0 30px 0 95px}.procedure-wrap .procedure-section .section-inner .text-block h3{padding:30px 0;font-family:'NotoSerifJP-Bold',serif;font-size:36px;font-style:italic;line-height:1.2;text-align:left}.procedure-wrap .procedure-section .section-inner .text-block .copy{font-size:20px;line-height:1.5;text-align:left}.procedure-wrap .procedure-section .section-inner .text-block .link-btn{width:310px;padding-top:30px}.procedure-wrap .procedure-section .section-inner .text-block .link-btn a{display:block;position:relative;height:55px;padding:0 40px 0 15px;color:#fff;font-family:"FP-ヒラギノ角ゴ ProN W6","ヒラギノ角ゴPro W6",sans-serif;font-size:18px;line-height:55px;text-align:left;text-decoration:none;background:linear-gradient(180deg, #333 50%, #000 50%);-webkit-border-radius:4px;border-radius:4px;-webkit-transition:.3s;transition:.3s}.procedure-wrap .procedure-section .section-inner .text-block .link-btn a::after{content:"";position:absolute;top:50%;right:22px;width:10px;height:16px;margin-top:-8px;background-image:url("/fitting/assets/img/procedure/bullet_link.png");background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.procedure-wrap .procedure-section .section-inner .text-block .link-btn a:hover{opacity:.7}.procedure-wrap .procedure-section .section-inner.kv-right .text-block{padding:0 40px 0 30px}.procedure-wrap .procedure-section .section-inner.kv-right .copy{padding-right:65px}.procedure-wrap .procedure-section .section-inner.kv-wide .kv{width:554px}.procedure-wrap .procedure-section .section-inner.kv-wide .text-block{padding:0 30px 0 40px}.procedure-wrap .procedure-section .point-block{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:100%;background-color:#fff}.procedure-wrap .procedure-section .point-block .point-head{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;width:185px;height:156px;padding-right:15px;color:#ffed26;font-family:'NotoSerifJP-Bold',serif;font-size:20px;line-height:1;text-transform:uppercase;background-image:url("/fitting/assets/img/procedure/bg_point.png");background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.procedure-wrap .procedure-section .point-block .point-body{padding:10px 25px;color:#222;font-family:'NotoSansJP-Bold',serif;font-size:36px;font-style:italic;line-height:1.3;text-align:left;z-index:1}.procedure-wrap .procedure-section .point-block .point-body strong{position:relative;color:#33a823}.procedure-wrap .procedure-section .point-block .point-body strong::before{content:"";position:absolute;bottom:0;left:-6px;width:100%;height:12px;padding:0 6px;background-color:#ffed71;z-index:-1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}.procedure-wrap .procedure-section .color-code{margin-top:60px;padding:20px 40px 20px 30px;background-color:#fff}.procedure-wrap .procedure-section .color-code .inner{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;position:relative;width:100%;padding:0}.procedure-wrap .procedure-section .color-code .inner .chart-thmbnail{width:242px;margin-left:60px}.procedure-wrap .procedure-section .color-code .inner .text-block{-webkit-flex:1;-ms-flex:1;flex:1}.procedure-wrap .procedure-section .color-code .inner .text-block h4{padding:20px 0 25px 0;font-family:'NotoSansJP-Bold',serif;font-size:24px;line-height:1.2;text-align:left}.procedure-wrap .procedure-section .color-code .inner .text-block .copy{font-size:20px;line-height:1.5;text-align:left}.procedure-wrap .procedure-section .color-code .inner .btn-colorcode{position:absolute;bottom:0;left:0;width:310px;height:55px;padding:0 50px 0 15px;color:#fff;font-family:"FP-ヒラギノ角ゴ ProN W6","ヒラギノ角ゴPro W6",sans-serif;font-size:18px;line-height:55px;text-align:left;text-decoration:none;background:linear-gradient(180deg, #bf0c0c 50%, #9a0a0a 50%);-webkit-border-radius:4px;border-radius:4px;cursor:pointer;-webkit-transition:.3s;transition:.3s}.procedure-wrap .procedure-section .color-code .inner .btn-colorcode::after{content:"";position:absolute;top:50%;right:22px;width:10px;height:16px;margin-top:-8px;background-image:url("/fitting/assets/img/procedure/bullet_link.png");background-repeat:no-repeat;background-position:center;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.procedure-wrap .procedure-section .color-code .inner .btn-colorcode:hover{opacity:.7}.procedure-wrap .colorcode-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;z-index:30000000}.procedure-wrap .colorcode-modal .overlay{display:none;position:absolute;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,0.8);cursor:pointer;z-index:31000000}.procedure-wrap .colorcode-modal .modal-block{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;-webkit-box-align:center;-ms-flex-align:center;-webkit-align-items:center;align-items:center;position:absolute;top:0;left:0;width:100%;height:100%;z-index:32000000;pointer-events:none}.procedure-wrap .colorcode-modal .modal-inner{position:relative;width:auto;max-height:94vh;background-color:transparent;pointer-events:all}.procedure-wrap .colorcode-modal .modal-inner .modal-close{width:2.68vw;height:3.87vw;margin:0 0 0 auto;cursor:pointer}.procedure-wrap .colorcode-modal .modal-inner .modal-close img{width:100%}.procedure-wrap .colorcode-modal .modal-inner .modal-body img{width:auto;height:calc(94vh - 3.87vw);max-height:1080px}.procedure-wrap .banner-block{padding-bottom:40px}.procedure-wrap .banner-block .banner-list{display:-webkit-box;display:-ms-flexbox;display:-webkit-flex;display:flex;-webkit-flex-wrap:wrap;flex-wrap:wrap;-webkit-box-pack:justify;-ms-flex-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;-webkit-box-align:end;-ms-flex-align:end;-webkit-align-items:flex-end;align-items:flex-end;width:1200px;margin:0 auto}.procedure-wrap .banner-block .banner-list li{width:580px;margin-bottom:40px}.procedure-wrap .banner-block .banner-list li a{display:block;line-height:0}.procedure-wrap .banner-block .banner-list li.single{width:100%}.procedure-wrap .banner-block .banner-list li.single a{width:600px;margin:0 auto}.procedure-wrap .banner-block .banner-list li.col1{width:100%}.procedure-wrap .banner-block .banner-list li.col1 a{width:580px;margin:0 auto}.procedure-wrap .banner-block .banner-list li .banner-copy{display:inline-block;position:relative;margin-bottom:20px;padding:0 35px;font-family:"ゴシックMB101 B",sans-serif;font-size:20px;line-height:1}.procedure-wrap .banner-block .banner-list li .banner-copy::before{display:block;position:absolute;content:"";top:50%;left:0;width:18px;height:24px;margin-top:-13px;background-image:url("/fitting/assets/img/bnr_deco_left.png");background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.procedure-wrap .banner-block .banner-list li .banner-copy::after{display:block;position:absolute;content:"";top:50%;right:0;width:21px;height:24px;margin-top:-13px;background-image:url("/fitting/assets/img/bnr_deco_right.png");background-repeat:no-repeat;-webkit-background-size:cover;-o-background-size:cover;background-size:cover}.procedure-wrap .banner-block .banner-list li a{display:block;margin:0 auto}.procedure-wrap .banner-block .banner-list li.retailers a{width:750px}.procedure-wrap .banner-block .banner-list li.blog a{width:580px}@media screen and (max-width: 768px){.procedure-wrap{width:100%;margin:auto;-webkit-background-size:240px auto;-o-background-size:240px auto;background-size:240px auto}.procedure-wrap .pcnone{display:initial}.procedure-wrap .spnone{display:none}.procedure-wrap a:hover img{opacity:1}.procedure-wrap .head-kv{-webkit-box-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.procedure-wrap .head-kv .head-left{-webkit-flex:none;-ms-flex:none;flex:none}.procedure-wrap .head-kv .head-right{position:relative;width:100%;line-height:0}.procedure-wrap .head-kv .head-right .photo2{position:absolute;top:-30vw;left:auto;right:0;width:40.93vw}.procedure-wrap .head-kv .block1,.procedure-wrap .head-kv .block2{display:block;height:auto}.procedure-wrap .head-kv .block1{padding:4.8vw 1.3vw}.procedure-wrap .head-kv .block1 .text-block{margin-left:0;text-align:center}.procedure-wrap .head-kv .block1 .text-block .subhead{margin-bottom:2.4vw;padding:1vw 2vw;font-size:4.4vw}}@media screen and (max-width: 768px) and (max-width: 1280px){.procedure-wrap .head-kv .block1 .text-block .subhead{font-size:4.4vw}}@media screen and (max-width: 768px){.procedure-wrap .head-kv .block1 .text-block h1{font-size:8vw}}@media screen and (max-width: 768px) and (max-width: 1280px){.procedure-wrap .head-kv .block1 .text-block h1{font-size:8vw}}@media screen and (max-width: 768px){.procedure-wrap .head-kv .block2{padding:4.8vw 2vw}.procedure-wrap .head-kv .block2 .text-block{margin-left:0;text-align:left}.procedure-wrap .head-kv .block2 .text-block h2{font-size:4vw;line-height:1.3}}@media screen and (max-width: 768px) and (max-width: 1280px){.procedure-wrap .head-kv .block2 .text-block h2{font-size:4vw}}@media screen and (max-width: 768px){.procedure-wrap .head-kv .block2 .text-block h2 strong{font-size:5.3vw}.procedure-wrap .head-kv .block2 .text-block h2 strong::before{content:"";position:absolute;bottom:0.6vw;left:0;width:100%;height:1.2vw;padding:0 0.3vw;background-color:#333544;z-index:-1;-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box}}@media screen and (max-width: 768px) and (max-width: 1280px){.procedure-wrap .head-kv .block2 .text-block h2 strong{font-size:5.3vw}.procedure-wrap .head-kv .block2 .text-block h2 strong::before{bottom:0.3vw;left:-0.3vw;height:1.2vw;padding:0 0.3vw}}@media screen and (max-width: 768px){.procedure-wrap .procedure-contents{width:100%;padding-top:6.7vw}.procedure-wrap .procedure-intro{width:94.67%;margin:0 auto 6.6vw auto;font-size:4vw}.procedure-wrap .unchor-list{width:90.4%;margin:0 auto 8vw auto}.procedure-wrap .unchor-list li{width:48%}.procedure-wrap .unchor-list li a{padding:0.67vw;background-position:center bottom 2.53vw;-webkit-background-size:3.7vw auto;-o-background-size:3.7vw auto;background-size:3.7vw auto;-webkit-transition:none;transition:none}.procedure-wrap .unchor-list li a:hover{opacity:1}.procedure-wrap .unchor-list li a .unchor-inner{padding:2.4vw 2vw 6.2vw 2vw;border:0.4vw solid #fff}.procedure-wrap .unchor-list li a p{padding-right:0;font-size:2.67vw;line-height:1.4}.procedure-wrap .unchor-list li a p strong{font-size:3.47vw}.procedure-wrap .procedure-block{margin-top:-63px;padding-top:63px;padding-bottom:3vw}.procedure-wrap .procedure-block .category-title{margin-bottom:8vw;font-size:6.93vw}.procedure-wrap .procedure-block .category-title::before{bottom:-1.3vw;left:-1vw;height:2.67vw;padding:0 1vw}.procedure-wrap .procedure-block .category-title.iron{margin-bottom:5vw}.procedure-wrap .procedure-block .note{margin-bottom:8vw;font-size:2.93vw}.procedure-wrap .procedure-block .section-title{margin-bottom:4.5vw;padding:1.87vw;line-height:0;-webkit-background-size:3.2vw auto;-o-background-size:3.2vw auto;background-size:3.2vw auto}.procedure-wrap .procedure-block .section-title .icon{width:11.6vw;margin-right:2.67vw;line-height:0}.procedure-wrap .procedure-block .section-title span{font-size:4.8vw}.procedure-wrap .procedure-section{width:94.67%;margin:0 auto 8vw auto}.procedure-wrap .procedure-section .section-inner{-webkit-box-direction:reverse;-ms-flex-direction:column-reverse;-webkit-flex-direction:column-reverse;flex-direction:column-reverse;margin-bottom:8.67vw}.procedure-wrap .procedure-section .section-inner .kv{width:84vw;margin:0 auto;line-height:0}.procedure-wrap .procedure-section .section-inner .text-block{-webkit-flex:none;-ms-flex:none;flex:none;margin-bottom:5.33vw;padding:0}.procedure-wrap .procedure-section .section-inner .text-block h3{padding:0 0 4vw 0;font-size:4.8vw;text-align:center}.procedure-wrap .procedure-section .section-inner .text-block .copy{font-size:4vw}.procedure-wrap .procedure-section .section-inner .text-block .link-btn{width:70.67vw;margin:0 auto;padding-top:5.33vw}.procedure-wrap .procedure-section .section-inner .text-block .link-btn a{height:11.33vw;padding:0 8vw;font-size:3.73vw;line-height:11.33vw;text-align:center;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:none;transition:none}.procedure-wrap .procedure-section .section-inner .text-block .link-btn a::after{right:3.73vw;width:2.13vw;height:3.33vw;margin-top:-1.66vw}.procedure-wrap .procedure-section .section-inner .text-block .link-btn a:hover{opacity:1}.procedure-wrap .procedure-section .section-inner.kv-right{-webkit-box-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.procedure-wrap .procedure-section .section-inner.kv-right .text-block{padding:0}.procedure-wrap .procedure-section .section-inner.kv-right .copy{padding-right:0}.procedure-wrap .procedure-section .section-inner.kv-wide .kv{width:100%}.procedure-wrap .procedure-section .section-inner.kv-wide .text-block{padding:0}.procedure-wrap .procedure-section .point-block{display:block;position:relative}.procedure-wrap .procedure-section .point-block .point-head{display:block;position:absolute;top:-4.53vw;left:50%;width:29.6vw;height:auto;margin-left:-14.8vw;padding:2.67vw 9.33vw;font-size:3.2vw;text-align:center;background-image:none;background-color:#262837}.procedure-wrap .procedure-section .point-block .point-body{padding:6vw 2.67vw 5vw 2.67vw;font-size:4.8vw}.procedure-wrap .procedure-section .point-block .point-body strong{position:relative;color:#33a823;background:linear-gradient(transparent 70%, #ffed71 70%)}.procedure-wrap .procedure-section .color-code{margin-top:5.33vw;padding:5.33vw 2.67vw 6.67vw 2.67vw}.procedure-wrap .procedure-section .color-code .inner{-webkit-box-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column}.procedure-wrap .procedure-section .color-code .inner .chart-thmbnail{width:35.47vw;margin-left:auto;margin-right:auto;padding:6.67vw 0;line-height:0}.procedure-wrap .procedure-section .color-code .inner .text-block{-webkit-flex:none;-ms-flex:none;flex:none}.procedure-wrap .procedure-section .color-code .inner .text-block h4{padding:0 0 4vw 0;font-size:4.27vw;text-align:center}.procedure-wrap .procedure-section .color-code .inner .text-block .copy{font-size:4vw}.procedure-wrap .procedure-section .color-code .inner .btn-colorcode{position:relative;bottom:auto;left:auto;width:70.67vw;margin:0 auto;height:11.33vw;padding:0 8vw;font-size:3.73vw;line-height:11.33vw;text-align:center;-webkit-border-radius:4px;border-radius:4px;-webkit-transition:none;transition:none}.procedure-wrap .procedure-section .color-code .inner .btn-colorcode::after{right:3.73vw;width:2.13vw;height:3.33vw;margin-top:-1.66vw}.procedure-wrap .procedure-section .color-code .inner .btn-colorcode:hover{opacity:1}.procedure-wrap .colorcode-modal .modal-inner{position:relative;width:auto;max-height:94vh;background-color:transparent;pointer-events:all;-ms-overflow-y:auto;overflow-y:auto}.procedure-wrap .colorcode-modal .modal-inner .modal-close{width:6vw;height:6vw;margin:0 1.6vw 2.4vw auto;cursor:pointer}.procedure-wrap .colorcode-modal .modal-inner .modal-close img{width:100%}.procedure-wrap .colorcode-modal .modal-inner .modal-body{line-height:0}.procedure-wrap .colorcode-modal .modal-inner .modal-body img{width:100%;height:auto;max-height:auto}.procedure-wrap .banner-block{padding-bottom:35px}.procedure-wrap .banner-block .banner-list{-webkit-box-direction:column;-ms-flex-direction:column;-webkit-flex-direction:column;flex-direction:column;width:94.67%}.procedure-wrap .banner-block .banner-list li{width:100%;margin-bottom:5.33vw}.procedure-wrap .banner-block .banner-list li.single,.procedure-wrap .banner-block .banner-list li.col1{width:100%}.procedure-wrap .banner-block .banner-list li.single a,.procedure-wrap .banner-block .banner-list li.col1 a{width:100%;margin:0}.procedure-wrap .banner-block .banner-list li:last-child{margin-bottom:0}.procedure-wrap .banner-block .banner-list li .banner-copy{display:inline-block;position:relative;margin-bottom:10px;padding:0 5.6vw;font-size:3.7vw}.procedure-wrap .banner-block .banner-list li .banner-copy::before{left:0.67vw;width:3.33vw;height:4.4vw;margin-top:-2.2vw}.procedure-wrap .banner-block .banner-list li .banner-copy::after{right:0.67vw;width:3.867vw;height:4.4vw;margin-top:-2.2vw}}