.l-footer{margin-top:0}.index-list{position:relative;margin-top:9rem;margin-bottom:11rem;padding:3.5rem 3.5rem 3.5rem 27rem;background:rgba(255, 255, 255, 0.7);border-radius:3.3rem;-webkit-border-radius:3.3rem;-moz-border-radius:3.3rem}.index-list::before{content:"Index";position:absolute;left:6rem;top:3rem;font-size:5.7rem;color:#A27B5B;font-weight:400;font-style:normal;line-height:1.1;letter-spacing:0.017em;font-family:reross-quadratic, noto-sans-cjk-jp, "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "Yu Gothic Medium", sans-serif}.index-list li{list-style-type:disc}.index-list li::marker{color:#A27B5B;font-size:0.9em;margin-right:0.2em}.index-list li a:hover{color:#A27B5B}.single{padding-bottom:16rem}.single #article{padding-top:19rem}.single #article::before{content:"";position:absolute;right:0;top:10rem;width:88rem;height:83rem;background:url(../img/common/bg_logo.svg) no-repeat center center / contain;z-index:-1}.single #article .content_wrap{max-width:110rem;margin:0 auto}.single #article .single_thumbnail{position:relative;max-width:81rem;margin:0 auto 8rem;text-align:center}.single #article .single_title{font-weight:bold;line-height:1.8;font-size:3.2rem}.single #article .single_date,.single #article .tag-list{position:relative;padding-left:2.2rem}.single #article .single_date{margin-top:3.2rem}.single #article .single_date .ico{position:absolute;left:0;top:0.5em}.single #article .tag-list{margin-top:0.7rem}.single #article .tag-list::before{content:"";position:absolute;left:0;top:0.5em;width:1em;height:1em;background:url(../img/common/ico_tag.svg) no-repeat center center / contain}.single #article .tag-list li:nth-child(even) a{background:#D9D9D9}.single #article .single_content{margin-top:9rem}.single #article .single_content h2{position:relative;margin-top:11rem;margin-bottom:7rem;padding-left:6rem;font-size:3.3rem;color:#A27B5B;font-weight:400;font-style:normal;line-height:1.2;font-weight:bold;letter-spacing:0.017em;font-family:reross-quadratic, noto-sans-cjk-jp, "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "Yu Gothic Medium", sans-serif}.single #article .single_content h2::before{content:"";position:absolute;left:0;top:0;width:3.8rem;height:3.3rem;background:url(../img/common/ico_logo.svg) center center no-repeat;background-size:contain}.single #article .single_content h3{color:#A27B5B;font-size:2.6rem;font-weight:bold;letter-spacing:0.12em}.single #article .single_content h3:not(:first-child){margin-top:7rem;margin-bottom:0.5em}.single #article .single_content p{line-height:2.66;text-align:left}.single #article .single_content p:not(:first-child){padding-top:1em}.single-construction-example .single_img_wrap{position:relative;z-index:0}.single-construction-example .single_thumbnail{padding-bottom:40%}.single-construction-example .details{position:absolute;right:0;bottom:-12.5rem;padding:3.2rem 4.5rem 2.6rem 3rem;background:#fff;box-shadow:0.7rem 0.4rem 1.4rem rgba(0, 0, 0, 0.25);border-radius:2.3rem;z-index:1}.single-construction-example .details .tit{font-size:3rem;font-weight:bold;color:#A27B5B}.single-construction-example .details .list_wrap{display:flex;margin-top:1.6rem;gap:0 4.5rem;margin-left:3rem}.single-construction-example .details .list_wrap .list dl{display:flex}.single-construction-example .details .list_wrap .list dl dt{font-weight:bold}.single-construction-example .details .list_wrap .list dl dt::after{content:"：";margin:0 0.1em}.single-construction-example .details .list_wrap .list:not(:first-child){border-left:1px solid #A27B5B;padding-left:5rem}.single-construction-example .single_head{margin-bottom:14rem}.single-construction-example .single_head .title{margin-bottom:2.5rem;font-size:4.1rem;font-weight:bold;color:#A27B5B}.single-construction-example .single_head .catch_copy{margin-bottom:3rem;font-size:3rem;font-weight:bold;color:#202020;line-height:1.8}.single-construction-example .single_head .text{line-height:2.66}.works-example-content{line-height:2.66}.works-example-content .works-content-headline,.works-example-content .other-headline{position:relative;margin-top:14rem;margin-bottom:5rem;padding-left:6rem;font-size:3.3rem;color:#A27B5B;font-weight:400;font-style:normal;line-height:1.2;font-weight:bold;letter-spacing:0.017em;font-family:reross-quadratic, noto-sans-cjk-jp, "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "Yu Gothic Medium", sans-serif}.works-example-content .works-content-headline::before,.works-example-content .other-headline::before{content:"";position:absolute;left:0;top:0;width:3.8rem;height:3.3rem;background:url(../img/common/ico_logo.svg) center center no-repeat;background-size:contain}.works-example-content .works-content-headline img,.works-example-content .other-headline img{display:none}.works-example-content .before-contents{display:flex;align-items:center;justify-content:center;gap:6.4rem}.works-example-content .before-contents img{width:60%}.works-example-content .plan-contents{margin-bottom:14rem}.works-example-content .plan-contents .plan-images{display:flex;align-items:center;justify-content:space-around;gap:4.2rem}.works-example-content .plan-contents .plan-images>div{flex:1;font-size:2.6rem;text-align:center;font-weight:400;font-style:normal;line-height:1.1;letter-spacing:0.017em;font-family:reross-quadratic, noto-sans-cjk-jp, "游ゴシック Medium", YuGothic, "游ゴシック体", "メイリオ", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", HiraKakuProN-W3, "Yu Gothic Medium", sans-serif}.works-example-content .plan-contents .plan-images>div img{margin-bottom:3rem}.works-example-content .plan-contents .plan-details{width:90%;max-width:86rem;margin:7rem auto 0}.works-example-content .after-contents{margin-bottom:9rem}.works-example-content .after-contents .after-images{display:flex;justify-content:center;flex-wrap:wrap;align-items:center;gap:10px}.works-example-content .after-contents .after-images img{max-width:46%}.works-example-content .after-contents .after-details{margin:7.5rem auto 0;max-width:86rem}.works-example-content .vertical-layout{display:flex;align-items:center;justify-content:space-around;gap:10rem;max-width:86rem;margin:0 auto 18rem}.works-example-content .vertical-layout img{width:41rem}.works-example-content .other-image-content{display:-webkit-box;display:-ms-flexbox;display:flex;align-items:center;justify-content:space-between}.works-example-content .other-image-content img{width:57%}.works-example-content .other-image-content p{width:37%}.works-example-content .other-after-contents{margin-bottom:13rem}.works-example-content .other-after-contents.vertical-layout{gap:3.5rem}.footer-request-information-button{margin-top:13rem;text-align:center}@media screen and (min-width:769px){.works-example-content .sp-on{display:none}.works-example-content div.vertical-two-column-layout{display:flex;justify-content:space-between}.works-example-content div.vertical-two-column-layout .other-headline{margin-top:0}.works-example-content div.vertical-two-column-layout>div{width:46%;margin-top:13rem;margin-bottom:0 !important}.works-example-content div.vertical-two-column-layout>div img{width:100% !important}.works-example-content div.vertical-two-column-layout .other-after-contents .other-image-content{display:block}.works-example-content div.vertical-two-column-layout .other-after-contents .other-image-content p{width:100% !important;margin-top:5rem}div.works-example-content div.other-after-contents.vertical-layout{width:100%;max-width:900px;gap:10px}div.works-example-content div.other-after-contents.max-height-480{margin-top:13rem;max-width:1033px;flex-wrap:wrap}div.works-example-content div.other-after-contents.max-height-480 div img{max-height:480px}div.works-example-content div.other-after-contents.two-column-layout{flex-wrap:wrap;justify-content:center}div.works-example-content div.other-after-contents.two-column-layout div{width:100%;max-width:49%}div.works-example-content div.other-after-contents.vertical-layout img{width:100%;max-height:100%;max-width:100%}}@media screen and (max-width:768px){.pc-on{display:none !important}.index-list{margin-top:4rem;margin-bottom:6rem;padding:3.5rem 1.5rem 3.5rem 5.5rem;border-radius:2.5rem;-webkit-border-radius:2.5rem;-moz-border-radius:2.5rem}.index-list::before{display:block;margin-left:-2rem;margin-bottom:1.5rem;position:static;font-size:3.2rem}.single{padding-bottom:8rem}.single #article{padding-top:8rem}.single #article::before{top:8rem;width:40rem;height:38rem}.single #article .single_thumbnail{margin-bottom:3rem}.single #article .single_title{font-size:2.3rem}.single #article .single_date{margin-top:2rem}.single #article .single_content{margin-top:4rem}.single #article .single_content h2{margin-top:6rem;margin-bottom:4rem;padding-left:3.8rem;font-size:2.5rem}.single #article .single_content h2::before{width:2.8rem;height:2.6rem}.single #article .single_content h3{font-size:2rem}.single #article .single_content h3:not(:first-child){margin-top:4rem;margin-bottom:0.5em}.single-construction-example{margin-top:8rem}.single-construction-example .single_img_wrap{margin-bottom:5rem}.single-construction-example .single_thumbnail{padding-bottom:75%}.single-construction-example .details{position:static;margin-top:-3rem}.single-construction-example .details .tit{font-size:3rem}.single-construction-example .details .list_wrap{display:block}.single-construction-example .details .list_wrap .list:not(:first-child){border-left:none;padding-left:0}.single-construction-example .single_head{margin-bottom:6rem}.single-construction-example .single_head .title{font-size:3.3rem}.single-construction-example .single_head .catch_copy{margin-bottom:2rem;font-size:2.4rem}.works-example-content{line-height:1.8}.works-example-content .works-content-headline,.works-example-content .other-headline{margin-top:6rem;margin-bottom:4rem;padding-left:4rem;font-size:2.8rem}.works-example-content .works-content-headline::before,.works-example-content .other-headline::before{width:3rem;height:2.8rem}.works-example-content .before-contents{flex-direction:column;gap:3rem}.works-example-content .before-contents img{width:auto}.works-example-content .plan-contents{margin-bottom:7rem}.works-example-content .plan-contents .plan-images{flex-direction:column;gap:3rem}.works-example-content .plan-contents .plan-images>div{flex:initial;font-size:2rem}.works-example-content .plan-contents .plan-details{width:auto;margin-top:3rem}.works-example-content .after-contents{margin-bottom:7rem}.works-example-content .after-contents .after-images{flex-direction:column;gap:3rem;text-align:center}.works-example-content .after-contents .after-images img{max-width:100%}.works-example-content .after-contents .after-images p{text-align:left}.works-example-content .after-contents .after-details{margin-top:2rem}.works-example-content .vertical-layout{gap:1.6rem;margin-bottom:8rem}.works-example-content .vertical-layout img{width:50%}.works-example-content .other-image-content{flex-direction:column;gap:3rem;text-align:center}.works-example-content .other-image-content img{width:auto}.works-example-content .other-image-content p{width:auto;text-align:left}.works-example-content .other-after-contents{margin-bottom:8rem}.works-example-content .other-after-contents.vertical-layout{flex-wrap:wrap;justify-content:space-between;gap:1.6rem 0}.works-example-content .other-after-contents.vertical-layout div{max-width:48%}.works-example-content .other-after-contents.vertical-layout div img{width:100%}.footer-request-information-button{margin-top:8rem;text-align:center}}