@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");.page-ttl .image{background-image:url("../img/base/head-img2.jpg")}.pnkz{margin-top:15px}.comment-area{margin:37px 0 148px;position:relative}.comment-area .ttl{text-align:center;margin-bottom:80px}.comment-area .ttl img{margin-bottom:26px}.comment-area .ttl .big{margin-bottom:16px;font-size:30px;letter-spacing:.8px;font-weight:700}.comment-area .ttl .sub{font-size:20px;letter-spacing:.3px}.comment-area .image{width:58.6%;height:456px;position:relative;overflow:hidden}.comment-area .image img{position:absolute;left:50%;top:0;transform:translate(-50%, 0);max-width:100%;height:auto;width:100%}.comment-area .txt-box{max-width:58.1%;background:rgba(255,255,255,0.9);padding:48px calc(50% - 550px) 53px 56px;position:absolute;bottom:-77px;right:0;z-index:1}.comment-area .txt-box .catch{font-family:'Noto Serif JP', serif;font-size:26px;font-weight:300;line-height:41px;margin-bottom:28px;letter-spacing:.5px}.comment-area .txt-box .catch:first-letter{color:#e07715}.comment-area .txt-box .name{font-family:'Noto Serif JP', serif;font-size:22px;letter-spacing:.3px}.comment-area .txt-box .name span{font-size:16px;margin-right:17px;vertical-align:1px}.comment-area .txt-box .txt{margin-top:29px;color:#595757;letter-spacing:.3px;line-height:30px}.lixil{padding-top:58px;background:url("../img/concept/bg-lixil.jpg") no-repeat;background-size:contain}.lixil .inner{background:rgba(255,255,255,0.9);border:solid 3px #e07715;padding:38px 60px 42px;width:1104px;margin:0 auto}.lixil .inner .top{padding:0 0 36px 8px;border-bottom:solid 1px #e07715;margin-bottom:39px;display:flex;align-items:center}.lixil .inner .top .logo{mix-blend-mode:multiply;margin:0 60px 0 7px}.lixil .inner .top .txt{color:#595757;line-height:30px;letter-spacing:1px;margin-right:-28px}.lixil .inner .space{margin-right:.25em}.lixil .inner .space-lr{margin:0 .25em}.lixil .inner .half{margin-left:-.5em}.lixil .inner .list-ttl{color:#e07715;font-weight:700;font-size:18px;margin-bottom:40px}.lixil .inner .award-list{border-bottom:dotted 1px #dcdddd;margin-bottom:44px}.lixil .inner .award-list>li{border-top:dotted 1px #dcdddd;display:flex;color:#595757;line-height:30px;letter-spacing:.3px;min-height:158px}.lixil .inner .award-list>li .year{width:30%;padding:21px 0 9px}.lixil .inner .award-list>li .main{width:70%;padding:21px 0 9px}.lixil .inner .award-list>li .main .contest-list{margin-bottom:8px}.lixil .inner .award-list>li .main .contest-list .contest-ttl{font-weight:700;color:#e07715;margin-bottom:2px}.lixil .inner .award-list>li .main .contest-list .award{width:35%;display:inline-block}.lixil .inner .award-list>li .main .contest-list .rank{color:#e07715}.concierge{margin-bottom:114px}.concierge .top{padding:123px 157px 166px 0;margin:0 calc(50% - 550px) 0 0;width:75.8%;border-right:solid 3px #e07715;border-bottom:solid 3px #e07715}.concierge .top img{width:100%;position:relative;z-index:1}.concierge .bottom{position:relative}.concierge .bottom .txt-box{background:#fff;padding:54px calc(50% - 550px) 40px 44px;position:absolute;top:-132px;right:0}.concierge .bottom .txt-box .catch{font-size:30px;line-height:44px;margin-bottom:53px;letter-spacing:.8px;text-align:right}.concierge .bottom .txt-box .catch .space{margin-right:.25em}.concierge .bottom .txt-box .txt{color:#595757;line-height:30px;letter-spacing:.3px;width:568px;margin:0 0 0 auto}.concierge .bottom .image1{margin-top:107px;position:relative;z-index:1;width:37%}.concierge .bottom .image2{display:block;margin:calc(100px - 16vw) 0 0 26.1vw;position:relative;z-index:2;width:31.2%}.concierge .bottom .orange-line{font-size:50px;font-family:"Lato",sans-serif;letter-spacing:.5px;color:#ddd;position:absolute;bottom:13vw;right:0;border-bottom:solid 3px #e07715;width:43%;text-align:right;padding:0 5% 8px 0}.works-content{position:relative;padding-top:77px}.works-content .inner .icon{position:absolute;top:-16px;left:calc(50% - 33px);width:66.5px}@media screen and (max-width: 1150px){.comment-area .txt-box{padding-right:40px}.comment-area .image img{width:auto;height:100%;max-width:initial}.lixil .inner{width:calc(100% - 80px);margin:0 40px}.concierge .bottom .txt-box{padding-right:40px}.concierge .bottom .txt-box .txt{width:55vw}}@media screen and (max-width: 768px){.comment-area{margin:40px 0 50px}.comment-area .ttl{margin-bottom:40px}.comment-area .ttl img{margin-bottom:12px;width:45px}.comment-area .ttl .big{margin-bottom:10px;font-size:20px}.comment-area .ttl .sub{font-size:14px}.comment-area .image{width:100%;height:auto;margin-bottom:18px}.comment-area .image img{position:relative;left:0;top:0;transform:translate(0, 0);max-width:100%;height:auto;width:100%}.comment-area .txt-box{max-width:100%;position:static;padding:0 20px}.comment-area .txt-box .catch{font-size:20px;line-height:35px;margin-bottom:15px}.comment-area .txt-box .name{font-size:17px}.comment-area .txt-box .name span{font-size:12px;margin-right:12px}.comment-area .txt-box .txt{margin-top:18px;line-height:26px}.lixil{padding:30px 15px 0;background-size:initial;background-position:center top}.lixil .inner{padding:25px 20px 30px;width:100%;margin:0 auto;border-width:2px}.lixil .inner .top{padding:0 0 25px 0;margin-bottom:30px;display:block}.lixil .inner .top .logo{margin:0 auto 15px;display:block;width:80px}.lixil .inner .top .txt{line-height:26px;margin-right:0}.lixil .inner .list-ttl{font-size:16px;margin-bottom:25px;text-align:center;line-height:26px}.lixil .inner .award-list{margin-bottom:25px}.lixil .inner .award-list>li{display:block;line-height:26px;min-height:initial;padding-top:15px}.lixil .inner .award-list>li .year{width:100%;padding:0;font-weight:700;text-align:center}.lixil .inner .award-list>li .main{width:100%;padding:21px 0 9px}.lixil .inner .award-list>li .main .contest-list{margin-bottom:8px}.lixil .inner .award-list>li .main .contest-list .contest-ttl{font-weight:700;color:#e07715;margin-bottom:2px}.lixil .inner .award-list>li .main .contest-list .award{width:100%;display:block}.lixil .inner .award-list>li .main .contest-list .rank{margin-left:1em}.concierge{margin-bottom:70px}.concierge .top{padding:40px 25px 40px 0;margin:0 20px 0 0;width:90%;border-width:2px}.concierge .top img{width:95%}.concierge .bottom .txt-box{padding:20px 20px 0 0;top:-40px;width:calc(100% - 20px);position:relative;margin:0 20px 0 20px}.concierge .bottom .txt-box .catch{font-size:19px;line-height:35px;margin-bottom:25px;letter-spacing:.5px;text-align:right}.concierge .bottom .txt-box .catch .half-xs{margin:0 -.4em;display:inline}.concierge .bottom .txt-box .txt{line-height:26px;width:100%;margin:0 0 0 auto;text-align:justify}.concierge .bottom .image1{margin-top:0;position:relative;z-index:1;width:85%}.concierge .bottom .image2{display:block;margin:-8vw 0 0 auto;position:relative;z-index:2;width:65%}.concierge .bottom .orange-line{display:none}.works-content{padding-top:50px}.works-content .inner .icon{top:-12px;left:calc(50% - 22px);width:45px}}
/*# sourceMappingURL=concept.css.map */