@charset "UTF-8";.case{background-color:#f5f5f5}.case__container{padding-top:50px}.case__cta{padding-block:80px 100px;background-color:#fff}.case__contents{margin-top:40px;padding-bottom:80px}.case__empty{font-family:YuGothic,"Yu Gothic","游ゴシック","Hiragino Kaku Gothic ProN",sans-serif;font-size:16px;line-height:1.8;color:#4d4748;text-align:center}.case-tab__list{display:-ms-grid;display:grid;-ms-grid-columns:(1fr)[4];grid-template-columns:repeat(4,1fr);grid-column-gap:12px;-webkit-column-gap:12px;-moz-column-gap:12px;column-gap:12px;grid-row-gap:16px;row-gap:16px}.case-tab__btn{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;gap:8px;width:100%;min-height:60px;padding-inline:16px;border-radius:4px;background-color:#fff;font-family:YuGothic,"Yu Gothic","游ゴシック","Hiragino Kaku Gothic ProN",sans-serif;font-weight:700;font-size:15px;line-height:1.3;color:#4d4748;cursor:pointer}.case-tab__btn.is-active{background-color:#edeae7}.case-tab__label{-webkit-box-flex:1;-ms-flex:1;flex:1;text-align:center}.case-tab__btn::after{content:"";display:block;-ms-flex-negative:0;flex-shrink:0;width:10px;height:5px;background-image:url(../../img/case/tab_chevron.svg);background-repeat:no-repeat;background-position:center;background-size:contain}.case-item{padding:40px 50px;border-radius:4px;background-color:#fff}.case-item:not(:first-child){margin-top:80px}.case-item__inner{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;gap:50px}.case-item__media{-ms-flex-negative:0;flex-shrink:0;width:360px}.case-item__compare{display:-webkit-box;display:-ms-flexbox;display:flex;gap:0}.case-item__photo{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}.case-item__photo img{display:block;width:100%;aspect-ratio:180/225;-o-object-fit:cover;object-fit:cover}.case-item__photo--before img{background-color:#b3b3b3}.case-item__photo--after img{background-color:#cacaca}.case-item__label{height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:YuGothic,"Yu Gothic","游ゴシック","Hiragino Kaku Gothic ProN",sans-serif;font-weight:700;font-size:14px;line-height:1.2;letter-spacing:.06em}.case-item__label--before{background-color:#f3f0ec;color:#4d4748}.case-item__label--after{background-color:#e6d8a3;color:#fff}.case-item__tags{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:nowrap;flex-wrap:nowrap;gap:4px;margin-top:16px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none;-webkit-overflow-scrolling:touch}.case-item__tags::-webkit-scrollbar{display:none}.case-item__tag{-ms-flex-negative:0;flex-shrink:0;height:24px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;padding-block:4px;padding-inline:10px;border:1px solid #4d4748;border-radius:20px;font-family:YuGothic,"Yu Gothic","游ゴシック","Hiragino Kaku Gothic ProN",sans-serif;font-weight:500;font-size:12px;line-height:1.2;letter-spacing:.06em;color:#4d4748}.case-item__body{-webkit-box-flex:1;-ms-flex:1;flex:1;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;gap:48px}.case-item__body .c-btn--brown{-ms-flex-item-align:center;-ms-grid-row-align:center;align-self:center}.case .table-layout__col-label{width:160px}.case .table-layout__label{width:160px;letter-spacing:.1em}@media only screen and (max-width:767px){.case__container{padding-top:24px}.case__cta{padding-block:56px}.case__contents{margin-top:46px;padding-bottom:56px}.case-tab__list{-ms-grid-columns:(1fr)[2];grid-template-columns:repeat(2,1fr)}.case-tab__btn{background-color:#f9f9f9}.case-item{padding:32px 20px}.case-item:not(:first-child){margin-top:56px}.case-item__inner{display:block}.case-item__media{width:100%}.case-item__body{gap:32px;margin-top:24px}.case-item__body .c-btn--brown{-ms-flex-item-align:stretch;-ms-grid-row-align:stretch;align-self:stretch;width:100%}.case .table-layout__col-label{width:130px}.case .table-layout__label{width:130px;letter-spacing:.04em}}@media only screen and (min-width:768px){.case-tab__btn{-webkit-transition:opacity .3s;transition:opacity .3s}.case-tab__btn:hover{opacity:.7}}
/*# sourceMappingURL=../maps/page/case.min.css.map */