.design_title{margin:0;padding:40px 0 30px;font-weight:500;font-size:28px;text-align:center}.design_title span{display:inline-block}@media(min-width: 901px){.design_title{padding:60px 0 50px;font-size:35px}}.design_img{aspect-ratio:195/119}@media(min-width: 901px){.design_img{aspect-ratio:72/25}}.design_img img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}h2{padding:40px 0 20px;font-size:22px;text-align:center}@media(min-width: 901px){h2{padding:60px 0 50px;font-size:28px}}.design_nav_section{margin:30px 0}@media(min-width: 901px){.design_nav_section{margin:60px 0}}.design_nav_section ul{display:flex;flex-wrap:wrap;gap:14px;padding:0}.design_nav_section ul li{flex-basis:100%;display:inline-block;background:#848484;color:#fff;font-size:15px}@media(min-width: 901px){.design_nav_section ul li{flex-basis:calc(33.3333333333% - 10px)}}.design_nav_section ul li a{position:relative;display:flex;align-items:center;color:#fff;text-decoration:none;padding-right:24px}.design_nav_section ul li a::after{display:block;position:absolute;top:50%;right:17px;translate:0 -50%;width:12px;height:6px;background:url(/mansion/assets/images/purpose_design/design_nav_arrow.svg) no-repeat center center/12px 6px;content:""}@media(max-width: 900px){.design_nav_section ul li a::after{right:10px}}.design_nav_section ul li .design_nav_number{position:relative;flex-basis:90px;flex-shrink:0;font-family:"EB Garamond","Noto Serif JP","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","HGS明朝E","メイリオ","Meiryo",serif;font-size:12px;padding:4px 8px}@media(max-width: 900px){.design_nav_section ul li .design_nav_number{flex-basis:100px;padding:4px 15px}}.design_nav_section ul li .design_nav_number>span{font-size:30px}.design_nav_section ul li .design_nav_number::after{display:block;position:absolute;top:50%;right:15px;translate:0 -50%;width:10px;height:41px;background:url(/mansion/assets/images/purpose_design/design_nav_bg.svg) no-repeat center center/10px 41px;content:""}.design_case_section{width:100%;margin:30px auto 0;position:relative;background:#faf8f4;padding:0 20px 20px}@media(min-width: 901px){.design_case_section{margin:70px auto 0;padding:0 20px 40px}}.design_case_section#case02{background:#f5f5f5}.design_case_section#case02 .case_point_title{background:#f5f5f5}.design_case_section#cityhousestyle,.design_case_section#coordination{background:#fff}@media(min-width: 901px){.design_case_section#cityhousestyle,.design_case_section#coordination{max-width:100%;border-top:1px solid #707070}}.design_case_section#cityhousestyle a,.design_case_section#coordination a{text-decoration:none;color:#393939}.design_case_section#cityhousestyle .case_image,.design_case_section#coordination .case_image{aspect-ratio:25/17}@media(min-width: 901px){.design_case_section#cityhousestyle .case_image,.design_case_section#coordination .case_image{aspect-ratio:18/7}}.design_case_section#cityhousestyle .case_image img,.design_case_section#coordination .case_image img{-o-object-fit:cover;object-fit:cover;-o-object-position:center center;object-position:center center;width:100%;height:100%}.design_case_section#coordination{border-bottom:1px solid #707070;border-top:1px solid #707070}@media(min-width: 901px){.design_case_section#coordination{border-bottom:none}}.design_case_section#cityhousestyle p>span{display:inline-block}.design_case_section#cityhousestyle .case_title h2{font-family:"EB Garamond","Noto Serif JP","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","HGS明朝E","メイリオ","Meiryo",serif;font-size:35px;font-weight:500;letter-spacing:.08em;padding:0;line-height:1.2}@media(min-width: 901px){.design_case_section#cityhousestyle .case_title h2{padding:90px 0 80px}}@media(min-width: 901px){.design_case_section{max-width:1200px;padding:0 40px 50px;margin:60px auto}}.case_inner{max-width:900px;margin:0 auto}.case_inner h3{text-align:center}.case_inner h3 span{display:inline-block}.case_inner img{width:100%}.case_inner .note{font-size:14px;text-align:right}.case_subtitle{position:absolute;top:-30px;left:20px;font-family:"EB Garamond","Noto Serif JP","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","HGS明朝E","メイリオ","Meiryo",serif;font-style:italic;font-size:32px;letter-spacing:.05em;transform:rotate(-5deg)}.case_subtitle span{font-size:42px}@media(min-width: 901px){.case_subtitle{left:50px}}.case_title{font-size:22px;font-weight:700;text-align:center;padding:0 20px 20px}@media(min-width: 901px){.case_title{padding:20px}}.case_title span{display:inline-block}.case_title h2{font-size:22px;padding-bottom:10px;margin:0}@media(min-width: 901px){.case_title h2{font-size:30px}}.case_data{font-weight:700;text-align:right}.case_detail{display:flex;flex-direction:column}.case_detail .case_gallery{order:1}.case_detail .case_point_section{order:3;margin:30px 0 20px}@media(min-width: 901px){.case_detail .case_point_section{order:2;margin:30px 0}}.case_detail .before_after_section{order:2}@media(min-width: 901px){.case_detail .before_after_section{order:3}}.case_image{margin:10px 0}#case01 .case_point_section li:nth-of-type(3),#case02 .case_point_section li:nth-of-type(2),#case02 .case_point_section li:nth-of-type(3){display:flex;flex-direction:row;flex-wrap:wrap;align-content:flex-start;gap:10px 20px}@media(min-width: 768px){#case01 .case_point_section li:nth-of-type(3),#case02 .case_point_section li:nth-of-type(2),#case02 .case_point_section li:nth-of-type(3){gap:10px}}#case01 .case_point_section li:nth-of-type(3) .case_point_subtitle,#case02 .case_point_section li:nth-of-type(2) .case_point_subtitle,#case02 .case_point_section li:nth-of-type(3) .case_point_subtitle{flex-basis:100%}#case01 .case_point_section li:nth-of-type(3) .case_point_image,#case02 .case_point_section li:nth-of-type(2) .case_point_image,#case02 .case_point_section li:nth-of-type(3) .case_point_image{flex-basis:calc(50% - 20px)}@media(min-width: 768px){#case01 .case_point_section li:nth-of-type(3) .case_point_image,#case02 .case_point_section li:nth-of-type(2) .case_point_image,#case02 .case_point_section li:nth-of-type(3) .case_point_image{flex-basis:calc(50% - 10px)}}#case01 .case_point_section li:nth-of-type(3) p,#case02 .case_point_section li:nth-of-type(2) p,#case02 .case_point_section li:nth-of-type(3) p{flex-basis:50%}.case_point_section{position:relative;border:1px solid #707070;padding:20px;margin:30px 0}@media(min-width: 901px){.case_point_section{argin:60px 0 50px}}.case_point_section .case_point_title{position:absolute;width:180px;background:#faf8f4;font-size:16px;font-weight:700;text-align:center;padding:10px 20px;top:-24px;left:0;right:0;margin:auto}@media(min-width: 901px){.case_point_section .case_point_title{width:200px;font-size:20px;top:-30px}}.case_point_section ul{display:flex;flex-wrap:wrap;padding:0;margin:15px 0 0;list-style:none;gap:20px}.case_point_section li{flex-basis:100%;display:flex;flex-direction:column;gap:10px;font-size:16px}@media(min-width: 901px){.case_point_section li{flex-basis:calc(33.3333333333% - 14px);font-size:18px}}.case_point_section li:not(:first-of-type) .case_point_subtitle{border-top:1px solid #707070;padding-top:10px}@media(min-width: 901px){.case_point_section li:not(:first-of-type) .case_point_subtitle{border:0;padding-top:0}}.case_point_section .case_point_subtitle{font-weight:700}.case_point_section .case_point_subtitle span{font-size:14px}.case_point_section p{font-size:16px;margin:0}.case_point_section img{width:100%}.before_after_section{background:#e0e0e0;min-width:60%;margin:10px 0;padding:25px 25px;text-align:center;overflow-x:auto}@media(min-width: 901px){.before_after_section{margin:60px 0}}.before_after_wrapper{display:flex;gap:40px;width:560px;margin:0 auto}@media(min-width: 768px){.before_after_wrapper{width:850px}}.before_after_inner{position:relative;background:#fff;padding:30px 20px}@media(min-width: 901px){.before_after_inner{padding:30px 40px}}.before_after_inner img{width:100%}.before_after_inner:first-of-type::before{display:block;position:absolute;top:50%;right:-25px;translate:0 -50%;width:10px;height:41px;background:url(/mansion/assets/images/purpose_design/before_after_arrow.png) no-repeat center center/10px 41px;content:""}.before_after_title{position:absolute;top:0;left:0;translate:0 -50%;rotate:-5deg;font-style:italic;font-size:35px;line-height:1;font-family:"EB Garamond",serif;letter-spacing:.08em;content:""}.case_gallery ul{list-style:none;padding:0;display:flex;flex-direction:column}@media(min-width: 768px){.case_gallery ul{flex-direction:row;gap:20px}}.case_gallery li{display:inline-block;flex-basis:50%}.case_gallery img{width:100%}.case_button_close{position:relative;text-align:right;padding-bottom:10px}.case_button_close.js-active .case_button_text::after{height:0}.case_button_close .case_button_text{padding-right:20px;text-align:right}.case_button_close .case_button_text::before{display:block;position:absolute;top:calc(50% - 5px);right:0px;translate:0 -50%;width:12px;height:1px;background:#707070;content:""}.case_button_close .case_button_text::after{display:block;position:absolute;top:calc(50% - 5px);right:5.5px;translate:0 -50%;width:1px;height:12px;background:#707070;content:"";transition:.2s}.case_more{position:relative;text-align:right;color:#393939;text-decoration:none;padding-right:33px}.case_more::after{display:block;position:absolute;top:50%;right:0;translate:0 -1px;width:28px;height:5px;background:url(/mansion/assets/images/common/nav_common_arrowBlack.svg) no-repeat center center/28px 5px;content:"";transition:.2s}@media(hover: hover)and (pointer: fine){.case_more:hover::after{right:-5px}}.cta_section{padding:80px 0 65px}@media(min-width: 901px){.cta_section{border-top:1px solid #707070}}/*# sourceMappingURL=purpose_design.min.css.map */