:root{--f-gothic: "Noto Sans JP", sans-serif;--f-th: "Noto Sans Thai", sans-serif;--f-inter: "Inter", sans-serif;--f-sarabun: "Sarabun", sans-serif;--f-tel: "Roboto", sans-serif;--f-num: "din-2014", sans-serif;--c-main-color: #003a5b;--c-global-blue: #003559;--c-main: #034b7c;--c-black: #333;--c-red: #b6082b;--c-yellow: #ffd30f;--c-white: #f9f9f9;--c-pail-gray: #f8fbfc;--c-grad-blue: linear-gradient(90deg, #124675 0%, #2582D6 100%);--c-line: #29be68}.cover--case-archive{background-image:url("../img/case/bg_cover_archive--pc.webp")}@media screen and (max-width: 767px){.cover--case-archive{background-image:url("../img/case/bg_cover_archive--sp.webp")}}.cover--case-single{background-image:url("../img/case/bg_cover_single--pc.webp")}@media screen and (max-width: 767px){.cover--case-single{background-image:url("../img/case/bg_cover_single--sp.webp")}}.cover--case-single .cat-list{pointer-events:none}.case-cond{filter:drop-shadow(0px 3.6px 9.2px #cbd3d9);margin-bottom:32px}.case-cond_label{display:inline-block;min-width:360px;max-width:100%;font-weight:600;line-height:1 !important;color:#fff;background-color:var(--c-main);border-radius:16px 16px 0 0;padding:16px 24px;margin:0 !important}@media screen and (max-width: 575px){.case-cond_label{min-width:0;width:100%}}.case-cond_list{display:grid;grid-template-columns:max-content 1fr;align-items:center;gap:16px 0;background-color:#fff;padding:16px 32px}@media screen and (max-width: 767px){.case-cond_list{display:flex;flex-direction:column;align-items:flex-start;gap:24px 0;padding:16px clamp(16px,4.166667vw,32px)}}.case-cond_list__item{display:contents}@media screen and (max-width: 767px){.case-cond_list__item{flex:0 0 auto;display:flex;flex-direction:column;gap:16px 0;width:100%}}.case-cond_list-label{font-weight:600;padding-right:55px}@media screen and (max-width: 767px){.case-cond_list-label{padding-right:0;border-bottom:solid 1px var(--c-main);padding-bottom:12px}}.case-cond_list-body{border-left:solid 1px var(--c-main);padding-left:40px}@media screen and (max-width: 767px){.case-cond_list-body{border-left:none;padding-left:0}}.case-list{display:flex;flex-wrap:wrap;gap:clamp(24px,4.166667vw,57px);margin-bottom:clamp(30px,5.208333vw,80px)}.case-list__item{flex:0 0 auto;width:calc(33.333333% - clamp(24px,4.166667vw,57px)/3*2)}@media screen and (max-width: 767px){.case-list__item{width:calc(50% - clamp(24px,4.166667vw,57px)/2)}}@media screen and (max-width: 575px){.case-list__item{width:100%}}.case-list__item-anch{display:block}.case-list__item-anch:hover .case-list__item_image img{scale:1.2}.case-list__item-anch:hover .case-list__item_ttl:after{translate:5px 0}.case-list__item-anch .cat-list{pointer-events:none}.case-list__item_image{overflow:hidden;margin-bottom:clamp(8px,1.388889vw,12px)}.case-list__item_image img{width:100%;height:100%;object-fit:cover;aspect-ratio:32/22;transition:scale .3s}.case-list__item_image img.vertical{object-fit:contain;background-color:#dcedff}.case-list__item_ttl{display:inline-flex;align-items:center;gap:0 20px;font-size:clamp(1.8rem,2.34375vw,2rem);font-weight:600;line-height:1.25 !important;color:var(--c-black);padding:clamp(16px,2.083333vw,18px) 5px 0 0;margin-bottom:0 !important}.case-list__item_ttl:after{flex:0 0 auto;content:"";width:11px;height:16px;background-color:var(--c-black);-webkit-mask:url("../img/icon/icon_angle-right.svg") no-repeat center/cover;mask:url("../img/icon/icon_angle-right.svg") no-repeat center/cover;transition:translate .3s}.case-pic{display:flex;flex-wrap:wrap;gap:16px 32px;padding-top:6px}.case-pic__img{flex:1 1 auto;width:calc(50% - 16px);position:relative}@media screen and (max-width: 767px){.case-pic__img{width:100%}}.case-pic__img-label{position:absolute;top:0;left:0;min-width:98px;text-align:center;font-size:clamp(1.8rem,3.125vw,2.3rem);font-weight:600;line-height:1;color:#fff;padding:15px 12px}.case-pic__img-label--before{background-color:#b0afaf}.case-pic__img-label--after{background:linear-gradient(90deg, #124675 0%, #2582d6 100%)}.case-pic__img img{object-fit:cover;width:100%;height:100%;aspect-ratio:29/16}.case-pic__img img.vertical{object-fit:contain;background-color:#dcedff}@media screen and (max-width: 767px){.case-pic__img img{aspect-ratio:auto}}.case-pic__desc{margin-bottom:0 !important}.case-photos{padding-top:clamp(24px,4.166667vw,64px)}@media screen and (max-width: 575px){.case-photos .tile-ttl_text{display:inline-block;width:100%;line-height:1.4235}}.case-photos_list{display:flex;flex-wrap:wrap;gap:clamp(32px,4.166667vw,56px) clamp(16px,2.083333vw,56px);padding-top:6px}@media screen and (max-width: 575px){.case-photos_list{gap:16px 0}}.case-photos_list__item{flex:0 1 auto;width:calc(33.333333% - clamp(16px,2.083333vw,56px)/3*2)}@media screen and (max-width: 767px){.case-photos_list__item{width:calc(50% - clamp(16px,2.083333vw,56px)/2)}}@media screen and (max-width: 575px){.case-photos_list__item{width:100%}}.case-photos_list__item figure{margin:0}.case-photos_list__item figure img{object-fit:cover;width:100%;height:100%;aspect-ratio:18/11}.case-photos_list__item figure img.vertical{object-fit:contain;background-color:#dcedff}@media screen and (max-width: 575px){.case-photos_list__item figure img{aspect-ratio:auto}}.case-photos_list__item figcaption{padding-top:8px}.case-voice{margin-top:clamp(24px,4.166667vw,60px);padding:30px clamp(16px,2.777778vw,50px) 32px;background-color:#fff;border:solid 1px var(--c-main);border-radius:10px}.case-voice__label{font-size:2.6rem;font-weight:600;line-height:1.6155 !important;color:var(--c-main);border-left:solid 4px var(--c-main);padding-left:24px;margin-bottom:16px !important}.case-voice__content{margin-bottom:0 !important}.cat-list{display:flex;flex-wrap:wrap;align-items:center;gap:6px 12px}.cat-list__item{flex:0 1 auto;display:inline-flex;align-items:center;justify-content:center}.cat-list__item-label{flex:0 1 auto;font-size:1.5rem;font-weight:500;line-height:1.3;color:var(--c-main);background-color:#fff;border:solid 1px var(--c-main);border-radius:4px;padding:4px 10px;transition:color .3s,background-color .3s}.cat-list__item-label.current,.cat-list__item-label:hover{color:#fff;background-color:var(--c-main)}.cat-list__item-label.current{pointer-events:none}/*# sourceMappingURL=case.css.map */
