﻿.container.caseDetail_container{max-width:980px}.caseDetail_title{margin:0;padding:20px 0 30px;font-weight:bold;font-size:22px}@media(min-width: 901px){.caseDetail_title{padding:20px 0 60px}}.caseDetail_title .caseDetail_title_tag{display:inline-block;margin-bottom:12px;padding:7px 14px;background:#002060;color:#fff;font-weight:bold;font-size:12px;line-height:1}.caseDetail_slider{margin-bottom:10px}.caseDetail_slider .caseDetail_slider_slide .image{aspect-ratio:16/9;overflow:hidden;background:#fff}.caseDetail_slider .caseDetail_slider_slide .image img{width:100%;height:100%;object-fit:contain}.caseDetail_slider .caseDetail_slider_slide p{margin:10px 0 0;font-size:12px}@media(min-width: 901px){.caseDetail_slider .caseDetail_slider_slide p{font-size:14px}}.caseDetail_thumbnail_wrap{margin:0 auto 30px}@media(min-width: 901px){.caseDetail_thumbnail_wrap{max-width:650px}}.caseDetail_thumbnail{position:relative;width:calc(100% - 90px);margin:0 auto}.caseDetail_thumbnail .caseDetail_thumbnail_thumbnail{margin:0 3px}.caseDetail_thumbnail .caseDetail_thumbnail_thumbnail .image{aspect-ratio:1/1;overflow:hidden;background:#fff}.caseDetail_thumbnail .caseDetail_thumbnail_thumbnail .image img{width:100%;height:100%;object-fit:contain}.caseDetail_thumbnail .caseDetail_thumbnail_thumbnail.slick-current{position:relative}.caseDetail_thumbnail .caseDetail_thumbnail_thumbnail.slick-current::after{display:block;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;border:1px solid #707070;background:rgba(255,255,255,.6);content:""}.slick-arrow{position:absolute;top:0;z-index:1;width:36px;height:100%;border:none;background:#b2b2b2;cursor:pointer}.slick-arrow.slick-prev{display:flex;justify-content:center;align-items:center;left:-45px}.slick-arrow.slick-prev::before{display:block;width:8px;height:28px;background:url("/mansion/assets/images/case_detail/caseDetail_thumbnail_arrowPrev.png") no-repeat center center/8px 28px;content:""}.slick-arrow.slick-next{display:flex;justify-content:center;align-items:center;right:-45px}.slick-arrow.slick-next::before{display:block;width:8px;height:28px;background:url("/mansion/assets/images/case_detail/caseDetail_thumbnail_arrowNext.png") no-repeat center center/8px 28px;content:""}.caseDetail_description{padding:0 15px 30px}@media(min-width: 901px){.caseDetail_description{padding:0 45px 30px}}.caseDetail_table{width:100%;max-width:500px;margin:0 auto 30px;border:1px solid #e0e0e0}@media(min-width: 901px){.caseDetail_table{margin-bottom:60px}}.caseDetail_table th{width:100px;padding:10px;border-bottom:1px solid #e0e0e0;background:#f7f7f7}@media(min-width: 901px){.caseDetail_table th{width:160px;padding:10px 30px;text-align:left}}.caseDetail_table td{padding:10px;border-bottom:1px solid #e0e0e0}.caseDetail_beforeAfterGalleryrSection{background:#faf8f4;padding:20px 0 30px}@media(min-width: 901px){.caseDetail_beforeAfterGalleryrSection{padding:60px 0 70px}}.caseDetail_beforeAfterGalleryrSection .container{display:flex;flex-direction:column;gap:20px 0}@media(min-width: 901px){.caseDetail_beforeAfterGalleryrSection .container{max-width:980px;margin:0 auto;padding:0 40px;gap:40px 0}}.caseDetail_beforeAfterGalleryrSection h2{font-size:28px;font-family:"EB Garamond","Noto Serif JP","游明朝","Yu Mincho","YuMincho","Hiragino Mincho ProN","HGS明朝E","メイリオ","Meiryo",serif;font-weight:500;letter-spacing:.02em;text-align:center}@media(min-width: 901px){.caseDetail_beforeAfterGalleryrSection h2{font-size:32px}}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner{display:flex;flex-direction:column;gap:60px}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner:not(:last-of-type){border-bottom:1px solid #393939;padding-bottom:20px}@media(min-width: 901px){.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner:not(:last-of-type){border:0;padding-bottom:0}}@media(min-width: 901px){.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner{flex-direction:row;gap:100px}}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner img{width:100%}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner p{font-size:16px}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_before,.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_after{cursor:pointer;flex:1 1 100%}@media(min-width: 901px){.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_before,.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_after{flex:0 1 50%}}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_image{position:relative;width:100%}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_image img{aspect-ratio:80/51;object-fit:contain;width:100%}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_image .caseDetail_beforeAfterGallery_label{position:absolute;width:100%;bottom:0;left:0;padding:4px 10px;color:#fff}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_image .caseDetail_beforeAfterGallery_label::before{display:block;position:absolute;content:"";width:100%;height:100%;top:0;left:0;background:linear-gradient(to right, #393939, transparent)}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_image .caseDetail_beforeAfterGallery_label span{position:relative;display:inline-block;letter-spacing:.02em;mix-blend-mode:normal}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_after{position:relative}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_after::before{position:absolute;top:-93px;left:50%;translate:-50% 0;width:26px;height:100px;background:url(../../assets/images/case_detail/case_beforeAfterGallery_arrow.png) no-repeat center center/26px 100px;content:"";transform:rotate(90deg)}@media(min-width: 901px){.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_after::before{width:26px;height:100px;top:calc(50% - 50px);left:-63px;translate:0 -50%;background:url(../../assets/images/case_detail/case_beforeAfterGallery_arrow.png) no-repeat center center/26px 100px;transform:rotate(0deg)}}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_after .caseDetail_beforeAfterGallery_label::before{background:linear-gradient(to right, #fee100, transparent)}.caseDetail_beforeAfterGalleryrSection .caseDetail_beforeAfterGalleryrSection_inner .caseDetail_beforeAfterGallery_after .caseDetail_beforeAfterGallery_label span{color:#393939}.caseDetail_afterGalleryrSection{padding:20px 0 30px}@media(min-width: 901px){.caseDetail_afterGalleryrSection{max-width:980px;margin:0 auto;padding:60px 40px 70px}}.caseDetail_afterGalleryrSection h2{font-size:22px;letter-spacing:.02em;text-align:center}@media(min-width: 901px){.caseDetail_afterGalleryrSection h2{font-size:26px}}.caseDetail_afterGalleryrSection ul{display:flex;flex-wrap:wrap;list-style:none;padding:0;margin-top:20px;gap:20px}@media(min-width: 901px){.caseDetail_afterGalleryrSection ul{margin-top:50px;gap:30px}}.caseDetail_afterGalleryrSection li{flex:0 1 calc(50% - 10px);cursor:pointer}@media(min-width: 901px){.caseDetail_afterGalleryrSection li{flex-basis:calc(33.3333333333% - 20px)}}.caseDetail_afterGalleryrSection li a{display:block;text-decoration:none;color:#393939}.caseDetail_afterGalleryrSection .image{display:flex;justify-content:center;align-items:center;aspect-ratio:14/9;background:#fff}.caseDetail_afterGalleryrSection .image img{width:100%;height:100%;object-fit:contain}.modal-window{display:none;position:fixed;top:0;left:0;z-index:100;width:100%;height:100%;background:rgba(57,57,57,.8)}.modal-window>.inner{position:absolute;top:50%;left:50%;translate:-50% -50%;width:calc(100% - 40px);max-width:740px;background:#fff;border-radius:4px}@media(min-width: 768px){.modal-window>.inner{width:calc(100% - 80px)}}.modal-window>.inner>.slider{padding:10px 0 20px;margin:0}@media(min-width: 768px){.modal-window>.inner>.slider{padding:40px 0}}.modal-window>.inner>.slider *{cursor:default}.modal-window>.inner>.slider .head{position:relative;padding:0 10px}@media(min-width: 768px){.modal-window>.inner>.slider .head{padding:0 60px}}.modal-window>.inner>.slider .head>.image{aspect-ratio:16/9;background:#fff}.modal-window>.inner>.slider .head>.image>img{width:100%;height:100%;object-fit:contain}.modal-window>.inner>.slider .head>.slick-prev,.modal-window>.inner>.slider .head>.slick-next{top:50%;height:50px;transform:translateY(-50%);cursor:pointer}@media(min-width: 768px){.modal-window>.inner>.slider .head>.slick-prev,.modal-window>.inner>.slider .head>.slick-next{height:88px}}.modal-window>.inner>.slider .head>.slick-prev{left:0}.modal-window>.inner>.slider .head>.slick-next{right:0}.modal-window>.inner>.slider .body{padding:10px 20px 20px}@media(min-width: 768px){.modal-window>.inner>.slider .body{padding:20px 80px}}.modal-window>.inner>.slider .body .num{font-size:12px}.modal-window>.inner>.slider .body p{margin:10px 0 0;font-size:14px}.modal-window>.inner>.close{position:absolute;top:-15px;right:-15px;width:30px;height:30px;cursor:pointer}.modal-window>.inner>.close>img{width:100%;height:auto}@media(min-width: 768px){.modal-window>.inner>.close{top:-20px;right:-20px;width:40px;height:40px}}@media(min-width: 901px){.caseDetail_beforeAfterSection{margin:0 auto;padding-top:40px}}.caseDetail_beforeAfterSection .caseDetail_beforeAfterSection_inner{background:#faf8f4}@media(min-width: 901px){.caseDetail_beforeAfterSection .caseDetail_beforeAfterSection_inner{padding-top:60px;padding-bottom:40px}}@media(max-width: 900px){.caseDetail_beforeAfterSection .caseDetail_beforeAfterSection_inner{padding-top:20px;padding-bottom:20px}}.caseDetail_beforeAfter_title{margin:0;font-size:22px;letter-spacing:.02em;text-align:center}@media(min-width: 901px){.caseDetail_beforeAfter_title{margin:0 0 25px}}.caseDetail_beforeAfter_wrap{padding:20px 20px 0}.caseDetail_beforeAfter{margin-left:auto;margin-right:auto}@media(min-width: 901px){.caseDetail_beforeAfter{display:flex;justify-content:center;width:auto;margin-bottom:40px}}.caseDetail_beforeAfter .caseDetail_beforeAfter_before::before{content:"Before"}.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after){position:relative}@media(min-width: 901px){.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after){flex-basis:360px;flex-shrink:0}}.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after)::before{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}.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after) .image{width:100%;height:100%;min-width:0;background:#fff}@media(min-width: 901px){.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after) .image{height:420px}}@media(max-width: 900px){.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after) .image{min-width:0;aspect-ratio:1/1}}.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after) .image img{width:100%;height:100%;object-fit:contain;vertical-align:bottom}.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after) .image+p{margin-top:14px;margin-bottom:0}@media(max-width: 900px){.caseDetail_beforeAfter :is(.caseDetail_beforeAfter_before,.caseDetail_beforeAfter_after) .image+p{display:none}}.caseDetail_beforeAfter .caseDetail_beforeAfter_arrow{display:flex;justify-content:center;align-items:center}@media(min-width: 901px){.caseDetail_beforeAfter .caseDetail_beforeAfter_arrow{flex-basis:170px;position:relative}}@media(max-width: 900px){.caseDetail_beforeAfter .caseDetail_beforeAfter_arrow{flex-direction:column;gap:17px;margin-top:20px;margin-bottom:20px}}@media(max-width: 900px){.caseDetail_beforeAfter .caseDetail_beforeAfter_arrow picture{width:6.724137931%;min-width:29px}}.caseDetail_beforeAfter .caseDetail_beforeAfter_arrow img{height:auto}@media(min-width: 901px){.caseDetail_beforeAfter .caseDetail_beforeAfter_arrow img{width:27px;position:absolute;top:50%;left:50%;transform:translate(-50%, -90px)}}@media(max-width: 900px){.caseDetail_beforeAfter .caseDetail_beforeAfter_arrow img{width:100%}}.caseDetail_beforeAfter .caseDetail_beforeAfter_after::before{content:"After"}.caseDetail_more{text-align:right}.caseDetail_more a{display:inline-block;position:relative;margin:0 0 35px;padding-right:33px;border-bottom:1px solid #707070;color:#393939;font-size:18px;line-height:20px;text-decoration:none}.caseDetail_more a::after{display:block;position:absolute;top:50%;right:0;translate:0 -50%;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){.caseDetail_more a:hover::after{right:-5px}}.caseDetail_tag{display:flex;flex-wrap:wrap;gap:10px 5px;list-style:none;margin:40px 0 60px;padding:0}.caseDetail_tag li{cursor:pointer}.caseDetail_tag li a{display:block;padding:6px 16px;border-radius:28px;background:#faf8f4;color:#393939;font-size:14px;line-height:19px;text-decoration:none}@media(min-width: 901px){.caseDetail_tag li a{font-size:16px}}.caseDetail_tag li a:empty{display:none}.caseDetail_cta{margin:60px 0}@media(min-width: 901px){.caseDetail_cta{margin:100px 0}}.category_tag{padding:30px 0 0}@media(min-width: 901px){.category_tag{padding:90px 0 0}}.category_tag img{height:35px}.case_nav{list-style:none;margin:0 auto;padding:0}@media(min-width: 901px){.case_nav{display:flex;align-items:flex-start;gap:12px;justify-content:space-between}}.case_nav>li{border:1px solid #707070;background:#faf8f4}@media(min-width: 901px){.case_nav>li{flex-basis:calc((100% - 48px)/3);min-height:270px}}@media(max-width: 900px){.case_nav>li:not(:last-of-type){margin-bottom:10px}}.case_nav>li>span{display:flex;align-items:center;position:relative;height:48px;padding:0 0 0 20px;font-weight:bold;font-size:18px;letter-spacing:.02em}@media(min-width: 901px){.case_nav>li>span{flex-direction:column;justify-content:center;height:80px;padding:0}}.case_nav>li>a{display:flex;align-items:center;position:relative;height:48px;padding:0 0 0 20px;color:#393939;font-weight:bold;font-size:18px;letter-spacing:.02em;text-decoration:none}@media(min-width: 901px){.case_nav>li>a{flex-direction:column;justify-content:center;height:80px;padding:0}}.case_nav>li>a::after{display:none;position:absolute;top:50%;right:17px;translate:0 -50%;width:12px;height:6px;background:url("/mansion/assets/images/case/case_nav_arrow.svg") no-repeat center center/12px 6px;content:""}.case_nav>li>a.case_nav_movie{background:#fff}.case_nav>li .case_nav_icon{width:46px}@media(min-width: 901px){.case_nav>li .case_nav_icon{width:auto;height:30px}}.case_nav>li .case_nav_gray{color:#848484;font-size:16px}.case_nav>li .case_nav_parent{position:relative;padding-right:16px;cursor:pointer}@media(min-width: 901px){.case_nav>li .case_nav_parent{padding-right:0}}.case_nav>li .case_nav_parent::before{display:none;position:absolute;top:50%;right:17px;translate:0 -50%;width:12px;height:1px;background:#707070;content:""}.case_nav>li .case_nav_parent::after{display:none;position:absolute;top:50%;right:22.5px;translate:0 -50%;width:1px;height:12px;background:#707070;content:"";transition:.2s}.case_nav>li .case_nav_parent.js_active::after{height:0}.case_nav>li .case_nav_childNav{display:block;padding:0 12px}.case_nav>li .case_nav_childNav ul{display:flex;flex-direction:column;gap:10px 0;list-style:none;padding:14px 0 17px;border-top:1px solid #707070;font-size:15px}@media(min-width: 901px){.case_nav>li .case_nav_childNav ul{padding:14px 10px 17px}}.case_nav>li .case_nav_childNav ul li a{color:#393939;text-decoration:none}.case_listSection .case_listSection_title{margin:0 0 10px;padding:14px 10px;border:1px solid #707070;background:#393939;color:#fff;font-size:16px;line-height:20px;letter-spacing:.02em}@media(min-width: 901px){.case_listSection .case_listSection_title{margin:0 0 25px}}.case_list{list-style:none;margin:0;padding:0}@media(min-width: 901px){.case_list{display:flex;flex-wrap:wrap;margin:0 0 30px}}@media(min-width: 901px){.case_list>li{width:calc((100% - 150px)/3)}}@media(min-width: 901px){.case_list>li:nth-of-type(3n + 2){width:calc((100% - 150px)/3 + 75px);padding-left:75px}}@media(min-width: 901px){.case_list>li:nth-of-type(3n + 3){width:calc((100% - 150px)/3 + 75px);padding-left:75px}}@media(max-width: 900px){.case_list>li:last-of-type{margin-bottom:0;border-bottom:none}}.case_list>li .image{position:relative;width:100%;height:223px}.case_list>li .image img{width:100%;height:100%;object-fit:contain}.case_list>li .image .tag_block{position:absolute;top:0;left:0;display:flex}.case_list>li .image .tag_block img.category_tag2{height:25px !important;display:inline-block;position:absolute;width:80px !important}.case_list>li .image .tag_block .new{display:flex;justify-content:center;align-items:center;width:60px;height:25px;color:#fff;background:#ba0101;font-size:11px;font-weight:700;letter-spacing:.05em}@media(min-width: 901px){.case_list>li .image .tag_block .new{width:70px;height:25px;font-size:14px}}.case_list>li h3{margin:20px 0 20px;font-size:20px;line-height:30px;letter-spacing:.02em}.case_list>li ul{display:flex;flex-wrap:wrap;gap:5px;list-style:none;margin:0 0 20px;padding:0}.case_list>li ul li{height:19px;padding:0 10px;border-radius:10px;background:#e0e0e0;font-size:12px;line-height:19px}@media(min-width: 901px){.case_list>li ul li{font-size:14px}}.case_list>li p{max-height:48px;margin:0;overflow:hidden;line-height:24px}.case_list>li .case_list_more{position:relative;margin:5px 0 0;padding-right:33px;text-align:right}.case_list>li .case_list_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}.case_list>li a{color:#393939;text-decoration:none}@media(hover: hover)and (pointer: fine){.case_list>li a:hover .case_list_more::after{right:-5px}}/*# sourceMappingURL=case_detail.min.css.map */