@import url("https://fonts.googleapis.com/css?family=Lato:300,400,600,700&display=swap");@import url(base.css);@import url("https://fonts.googleapis.com/css?family=Noto+Serif+JP:300&display=swap&subset=japanese");.pnkz .inner ul .pnkz-list:last-child{letter-spacing:-.5px;margin-left:12px}.content-wrapper{padding-bottom:100px}.area-ttl{background:#f1a46c;color:#fff;font-size:24px;font-weight:600;letter-spacing:.5px;text-align:center;padding:23px 0 19px}.main-visual{position:relative;margin-bottom:20px;overflow:hidden;height:52.5vw;width:100%}@keyframes sizeScale{to{transform:scale(1.2)}}.main-visual:before{content:"";width:100%;height:100%;position:absolute;top:0;left:0;background:#231815;opacity:.18;z-index:1;mix-blend-mode:multiply}.main-visual .image{background:url("../img/renovation/main-visual.jpg") center center/cover;width:100%;height:100%;animation:sizeScale 20s linear alternate infinite}.main-visual .txt{color:#fff;position:absolute;left:50%;top:50%;transform:translate(-50%, -50%);z-index:1;text-align:center}.main-visual .txt .en{display:block;font-family:"Lato",sans-serif;font-size:65px;font-weight:600;letter-spacing:3.5px;margin-bottom:22px;white-space:nowrap}.main-visual .txt .en .s{margin:0 7px 0 -4px}.main-visual .txt .ja{font-size:18px;letter-spacing:1px}.difference{margin:47px 0 94px;text-align:center;display:flex;flex-wrap:wrap;justify-content:center}.difference .title{font-size:30px;letter-spacing:.8px;margin-bottom:58px;font-weight:600;width:100%}.difference .reform,.difference .renovation{display:inline-block;font-size:23px;letter-spacing:.5px;margin:0 30px}.difference .reform img,.difference .renovation img{display:block;margin:0 auto 32px}.difference .reform .equal,.difference .renovation .equal{margin:-2px .25em 0;vertical-align:2px}.difference .difference-text{margin-top:20px;font-size:16px;line-height:26px}.catch-area{margin-bottom:61px}.catch-area .image-box{width:100%;display:flex;justify-content:space-between;position:relative;align-items:flex-start;margin-bottom:71px}.catch-area .image-box img{width:23.8%;height:auto}.catch-area .image-box img:nth-child(1){margin:0 0 108px}.catch-area .image-box img:nth-child(2){margin:26px 0 82px}.catch-area .image-box img:nth-child(3){margin:52px 0 57px}.catch-area .image-box img:nth-child(4){margin:78px 0 0}.catch-area .image-box .catch{position:absolute;left:50%;top:42.5%;transform:translate(-50%, -50%)}.catch-area .image-box .catch .inner{padding:89px 129px 87px 104px;font-family:'Noto Serif JP', serif;font-weight:300;font-size:45px;letter-spacing:1.5px;white-space:nowrap;background:rgba(255,255,255,0.85);width:100%;height:100%;position:relative}.catch-area .image-box .catch .inner:before,.catch-area .image-box .catch .inner:after,.catch-area .image-box .catch .inner .circle:before,.catch-area .image-box .catch .inner .circle:after{content:"";position:absolute;width:9px;height:9px;background:#3e3a39;border-radius:50%}.catch-area .image-box .catch .inner:before{top:15px;left:15px}.catch-area .image-box .catch .inner:after{top:15px;right:15px}.catch-area .image-box .catch .inner .circle{display:block;position:absolute;width:100%;height:100%;top:0;left:0}.catch-area .image-box .catch .inner .circle:before{bottom:15px;left:15px}.catch-area .image-box .catch .inner .circle:after{bottom:15px;right:15px}.catch-area .image-box .catch .inner .cross{display:inline-block;position:relative;margin:0 35px 0;padding:0;width:1px;height:44px;background:#3e3a39;transform:rotate(45deg);top:7px}.catch-area .image-box .catch .inner .cross:before{display:block;content:"";position:absolute;top:50%;left:-22px;width:44px;height:1px;background:#3e3a39}.catch-area .txt{line-height:30px;letter-spacing:.3px;width:1000px;margin:0 auto;text-align:justify}.recommend{margin-bottom:90px}.recommend .point{width:1118px;margin:100px auto 0;display:flex;justify-content:center;flex-wrap:wrap}.recommend .point .point-box{width:260px;height:260px;border-radius:50%;border:dashed 1px #40220f;margin:0 10px 20px;text-align:center;padding-top:45px}.recommend .point .point-box .icon{height:78px;width:auto}.recommend .point .point-box .txt{margin-top:20px;font-size:18px;line-height:28px;letter-spacing:.3px}.merit{margin-bottom:118px}.merit .merit-list{margin-top:124px}.merit .merit-list li{margin-bottom:47px;display:flex;align-items:flex-start;*zoom:1}.merit .merit-list li:before,.merit .merit-list li:after{display:table;content:"";line-height:0}.merit .merit-list li:after{clear:both}.merit .merit-list li img{margin-right:47px;width:50%;height:26.4vw;float:left;order:-1}.merit .merit-list li .txt-box{margin-top:42px;width:505px}.merit .merit-list li .txt-box .num{font-size:30px;font-family:"Lato",sans-serif;color:#f1a46c;letter-spacing:.5px;margin-bottom:19px}.merit .merit-list li .txt-box .ttl{margin-bottom:16px;font-size:25px;line-height:41px;letter-spacing:.5px}.merit .merit-list li .txt-box .txt{line-height:30px;letter-spacing:.2px}.merit .merit-list li:nth-child(even){justify-content:flex-end}.merit .merit-list li:nth-child(even) img{order:1;margin:0 0 0 44px}@media screen and (max-width: 1150px){.catch-area .txt{width:100%;padding:0 100px}.recommend .point{width:100%;padding:0 20px}.merit .merit-list li .txt-box{padding-right:40px}.merit .merit-list li:nth-child(even) .txt-box{padding:0 0 0 40px}}@media screen and (max-width: 768px){.content-wrapper{padding-bottom:60px}.area-ttl{font-size:18px;padding:20px 0 17px}.main-visual{margin-bottom:15px}.main-visual .txt{width:100%;padding:0 15px}.main-visual .txt .en{font-size:32px;letter-spacing:.05em;margin-bottom:18px;white-space:initial}.main-visual .txt .en .s{margin:0}.main-visual .txt .ja{font-size:14px}.difference{margin:50px 0 60px}.difference .title{font-size:20px;letter-spacing:.8px;margin-bottom:30px}.difference .reform,.difference .renovation{font-size:16px;letter-spacing:.5px;margin:0 5px;width:calc(50% - 20px);max-width:200px;line-height:22px}.difference .reform img,.difference .renovation img{margin:0 auto 20px;width:80px;height:auto}.difference .reform .equal,.difference .renovation .equal{margin:1px 0;transform:rotateZ(90deg);display:block}.difference .reform .difference-text,.difference .renovation .difference-text{margin-top:13px;font-size:14px;line-height:20px}.catch-area{margin-bottom:50px}.catch-area .image-box{margin-bottom:20px}.catch-area .image-box img:nth-child(1){margin:0 0 58px}.catch-area .image-box img:nth-child(2){margin:10px 0 52px}.catch-area .image-box img:nth-child(3){margin:20px 0 26px}.catch-area .image-box img:nth-child(4){margin:30px 0 13px}.catch-area .image-box .catch{top:46%}.catch-area .image-box .catch .inner{padding:30px 15px;font-size:20px}.catch-area .image-box .catch .inner:before,.catch-area .image-box .catch .inner:after,.catch-area .image-box .catch .inner .circle:before,.catch-area .image-box .catch .inner .circle:after{width:4px;height:4px}.catch-area .image-box .catch .inner:before{top:7px;left:7px}.catch-area .image-box .catch .inner:after{top:7px;right:7px}.catch-area .image-box .catch .inner .circle:before{bottom:7px;left:7px}.catch-area .image-box .catch .inner .circle:after{bottom:7px;right:7px}.catch-area .image-box .catch .inner .cross{margin:0 10px 0;height:16px;top:1px}.catch-area .image-box .catch .inner .cross:before{left:-8px;width:16px}.catch-area .txt{line-height:28px;width:100%;padding:0 20px}.recommend{margin-bottom:50px}.recommend .point{width:100%;margin:45px auto 0;flex-wrap:wrap;padding:0 6px}.recommend .point .point-box{width:200px;height:200px;max-width:calc(50vw - 16px);max-height:calc(50vw - 16px);margin:0 5px 10px;padding-top:0;position:relative;display:flex;justify-content:center;align-items:center}.recommend .point .point-box .icon{height:54%;position:absolute;top:50%;left:50%;z-index:-1;opacity:.2;transform:translate(-50%, -50%)}.recommend .point .point-box .txt{margin-top:0;font-size:14px;line-height:20px;letter-spacing:-.3px}.merit{margin-bottom:50px}.merit .merit-list{margin-top:30px}.merit .merit-list li{margin-bottom:40px;flex-wrap:wrap}.merit .merit-list li img{margin-right:0;width:100%;height:auto}.merit .merit-list li .txt-box{margin-top:16px;width:100%;padding:0 20px}.merit .merit-list li .txt-box .num{font-size:22px;margin-bottom:8px}.merit .merit-list li .txt-box .ttl{margin-bottom:8px;font-size:20px;line-height:32px}.merit .merit-list li .txt-box .txt{line-height:28px}.merit .merit-list li:nth-child(even){justify-content:flex-end}.merit .merit-list li:nth-child(even) .txt-box{padding:0 20px}.merit .merit-list li:nth-child(even) img{order:initial;margin:0}}.bn{width:100%;background:url("../img/renovation/bg-banner.jpg") no-repeat center center;background-size:cover;padding:66px 0 80px}@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx){.bn{background-image:url("../img/renovation/bg-banner@2x.jpg")}}.bn__txt{text-align:center}.bn__txt img{width:clamp(728px, 83.046875vw, 1063px);max-width:100%;height:auto}.bn__btn{text-align:center;margin-top:38px}.bn__btn a{display:inline-block}.bn__btn a:hover{opacity:.7}.bn__btn img{width:clamp(320px, 36.09375vw, 462px);max-width:100%;height:auto}@media screen and (max-width: 768px){.bn{padding:66px 60px 80px}}@media screen and (max-width: 590px){.bn{padding:48px 20px 60px}.bn__btn{margin-top:24px}}
/*# sourceMappingURL=renovation.css.map */