@charset "UTF-8";@media print,screen and (min-width:461px){.doorArea .detail01{padding:1.2rem 0 .78rem}}.doorArea .detail01 .box .l-right .ph{-webkit-box-shadow:1px 2px 0.13rem 0px rgba(58, 58, 58, 0.1), 1px 2px 0.15rem 0px rgba(155, 155, 155, 0.25), 1px 2px 0.15rem 0px rgba(216, 216, 216, 0.35);box-shadow:1px 2px 0.13rem 0px rgba(58, 58, 58, 0.1), 1px 2px 0.15rem 0px rgba(155, 155, 155, 0.25), 1px 2px 0.15rem 0px rgba(216, 216, 216, 0.35)}@media screen and (max-width:460px){.doorArea .detail01 .box .l-right .ph{-webkit-box-shadow:1px 2px 0.1rem 0px rgba(58, 58, 58, 0.1), 1px 2px 0.12rem 0px rgba(155, 155, 155, 0.25), 1px 2px 0.12rem 0px rgba(216, 216, 216, 0.35);box-shadow:1px 2px 0.1rem 0px rgba(58, 58, 58, 0.1), 1px 2px 0.12rem 0px rgba(155, 155, 155, 0.25), 1px 2px 0.12rem 0px rgba(216, 216, 216, 0.35)}}.doorArea .detail01 .tit{font-weight:bold}.doorArea .detail01 .change{margin-top:.75rem}@media screen and (max-width:460px){.doorArea .detail01 .change{margin-top:.5rem}}.doorArea .detail01 .change .in{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:justify;-ms-flex-pack:justify;justify-content:space-between;position:relative}@media screen and (max-width:460px){.doorArea .detail01 .change .in{-ms-flex-wrap:wrap;flex-wrap:wrap}}.doorArea .detail01 .change .in:after{background:url("../img/product/entrance-door/arrow_right.png");background-size:cover;content:'';height:.4rem;position:absolute;top:50%;left:50%;-webkit-transform:translate(-50%, -50%);-ms-transform:translate(-50%, -50%);transform:translate(-50%, -50%);width:.25rem}@media screen and (max-width:460px){.doorArea .detail01 .change .in:after{height:.23rem;width:.14rem;-webkit-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}}.doorArea .detail01 .change .in .img{position:relative;width:47.1%}@media screen and (max-width:460px){.doorArea .detail01 .change .in .img{width:100%}}.doorArea .detail01 .change .in .img img{height:auto;width:100%}.doorArea .detail01 .change .in .img:after{content:'';height:.5rem;position:absolute;top:-.2rem;left:0;width:1.3rem}@media screen and (max-width:460px){.doorArea .detail01 .change .in .img:after{height:.28rem;top:-.12rem;width:.83rem}}.doorArea .detail01 .change .in .before:after{background:url("../img/product/entrance-door/mark_before.png");background-size:cover}@media screen and (max-width:460px){.doorArea .detail01 .change .in .before:after{background-size:contain;background-repeat:no-repeat}}.doorArea .detail01 .change .in .after{position:relative}@media screen and (max-width:460px){.doorArea .detail01 .change .in .after{margin-top:.6rem}}.doorArea .detail01 .change .in .after:before{background:url("../img/product/entrance-door/reform_before.png");background-size:cover;content:'';height:1.46rem;position:absolute;top:-0.3rem;right:-0.18rem;width:1.46rem}@media screen and (max-width:460px){.doorArea .detail01 .change .in .after:before{top:-0.16rem;right:-0.07rem;height:.79rem;width:.79rem}}.doorArea .detail01 .change .in .after:after{background:url("../img/product/entrance-door/mark_after.png");background-size:cover;background-repeat:no-repeat}@media screen and (max-width:460px){.doorArea .detail01 .change .in .after:after{background-size:contain}}@media print,screen and (min-width:461px){.procedureArea .detail01{padding:.7rem 0 .5rem}}@media screen and (max-width:460px){.procedureArea .detail01{padding:.25rem 0 .1rem}}.procedureArea .detail01 .line{background:#e8e7e5}.procedureArea .detail01 .line:after,.procedureArea .detail01 .line:before{background:#e8e7e5}.procedureArea .detail01 .list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-top:.9rem;counter-reset:section}@media screen and (max-width:460px){.procedureArea .detail01 .list{margin-top:.4rem}}.procedureArea .detail01 .list .item{background:#e9f7f7;width:calc(( 100% - 2.1rem) /3);margin-right:.7rem;padding:.3rem 0;-webkit-box-sizing:border-box;box-sizing:border-box;position:relative}@media print,screen and (min-width:461px){.procedureArea .detail01 .list .item{margin-right:.7rem}}@media screen and (max-width:460px){.procedureArea .detail01 .list .item{padding:.18rem 0;margin:0 auto;display:block!important;width:85.97%!important;margin-top:.2rem;margin-bottom:.24rem}}.procedureArea .detail01 .list .item:before{color:#fff;counter-increment:section;content:"Step." counter(section);font-size:.2rem;letter-spacing:0.1em;position:absolute;width:1.04rem;height:.4rem;background:url("../img/product/entrance-door/step_before.png");background-size:cover;top:-0.2rem;left:0;font-family:aktiv-grotesk, "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","游ゴシック","游ゴシック体","Yu Gothic",YuGothic,verdana,"メイリオ","Meiryo","Osaka",sans-serif-serif;font-weight:700;text-align:center;padding-right:.08rem}@media screen and (max-width:460px){.procedureArea .detail01 .list .item:before{font-size:.16rem;width:.8rem;height:.275rem;top:-0.1375rem;padding-right:0;background-size:contain;background-repeat:no-repeat;padding-left:.05rem;text-align:left}}.procedureArea .detail01 .list .item:after{background:url("../img/product/entrance-door/arrow_right.png");background-size:cover;content:'';height:.4rem;position:absolute;top:50%;right:-0.5rem;-webkit-transform:translate(0, -50%);-ms-transform:translate(0, -50%);transform:translate(0, -50%);width:.25rem}@media screen and (max-width:460px){.procedureArea .detail01 .list .item:after{right:-0.23rem;height:.22rem;width:.14rem;-webkit-transform:translate(-50%, -50%) rotate(90deg);-ms-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg);display:block;right:50%;margin-right:-11px;top:109%}}@media screen and (max-width:350px){.procedureArea .detail01 .list .item:after{right:-0.18rem}}.procedureArea .detail01 .list .item:nth-child(n+4){margin-top:.6rem;width:calc(( 100% - 2.1rem) /4)}@media screen and (max-width:460px){.procedureArea .detail01 .list .item:nth-child(n+4){display:block!important;margin:0 auto;margin-top:.44rem;width:85.97%!important}}@media screen and (max-width:460px){.procedureArea .detail01 .list .item:nth-child(4){margin-top:.22rem}}@media screen and (max-width:460px){.procedureArea .detail01 .list .item.note:after{display:none}}.procedureArea .detail01 .list .item .ph{margin:0 auto;padding-top:1.1rem;width:1.1rem}.procedureArea .detail01 .list .item .ttl{color:#2cb3b3;font-size:.2rem;letter-spacing:.1em;line-height:1;margin-top:.13rem;text-align:center}@media screen and (max-width:460px){.procedureArea .detail01 .list .item .ttl{font-size:.18rem;margin-top:.17rem}}.procedureArea .detail01 .list .slick-next,.procedureArea .detail01 .list .slick-prev{display:none!important}@media screen and (max-width:460px){.procedureArea .detail01 .list .slick-dots{bottom:-0.32rem}}@media screen and (max-width:460px){.procedureArea .detail01 .list .slick-dots li{width:.1rem;height:.1rem}}@media screen and (max-width:460px){.procedureArea .detail01 .list .slick-dots li button{width:.1rem;height:.1rem;padding:0;margin:0}}@media screen and (max-width:460px){.procedureArea .detail01 .list .slick-dots li button:before{font-size:.1rem;line-height:.1rem;top:0;left:0;width:.1rem;height:.1rem;content:'•'}}.procedureArea .detail01 .list .slick-dots li.slick-active button:before{color:#2cb3b3}.procedureArea .detail01 .list .slick-dots li button:focus:before,.procedureArea .detail01 .list .slick-dots li button:hover:before{color:#2cb3b3}@media print,screen and (min-width:461px){.procedureArea .detail01 .list .note{margin-right:0}}.procedureArea .detail01 .list .note:after{display:none}@media screen and (max-width:460px){.procedureArea .detail01 .list .note:after{display:block}}@media print,screen and (min-width:461px){.contactArea{padding-top:.7rem}}
/*# sourceMappingURL=entrance-door.css.map */