@charset "UTF-8";.m-home-case{padding:0 0 93px;position:relative}.m-home-case:before{background:url(https://cittec.ctc-g.co.jp/hubfs/ctc-5g2022/assets/images/home/bg-use-case.png) 100% 100%/46.27% auto no-repeat #f5f4ef;bottom:93px;content:"";height:calc(100% - 135px);left:0;position:absolute;width:100%;z-index:-1}.m-home-case>.inner{margin:0 auto;max-width:1366px}.m-home-case ul{list-style:none;margin:0;padding:0}.m-home-case .title-wrap{margin:0 auto 60px;padding:0 50px;width:100%}.m-home-case .title-wrap h2{margin:0 auto;max-width:1100px}.m-home-case .case-wrap,.m-home-case .item-wrap{display:-webkit-box;display:-ms-flexbox;display:flex}.m-home-case .item-wrap{-webkit-box-flex:1;-ms-flex:1;flex:1;padding:0 50px 80px 40px;width:59.15%}.m-home-case .list{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;width:100%}.m-home-case .list .click{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;font-weight:800;justify-content:center;line-height:1;margin:0 0 0 auto;position:relative;text-align:center;width:calc(25% - 8px)}.m-home-case .list .click:after,.m-home-case .list .click:before{background:#f14a29;border-radius:1px;content:"";display:inline-block;height:15px;margin:0 13px -3px;width:2px}.m-home-case .list .click:before{-webkit-transform:rotate(-34deg);transform:rotate(-34deg)}.m-home-case .list .click:after{-webkit-transform:rotate(34deg);transform:rotate(34deg)}.m-home-case .item-list{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;margin:0 -4px}.m-home-case .item-list li{border-radius:10px;cursor:pointer;margin:0 4px 10px;padding:28px 20px 16px;position:relative;text-align:center;width:calc(25% - 8px)}.m-home-case .item-list li>*{-webkit-transition:all .4s linear;transition:all .4s linear}.m-home-case .item-list li.-js-selected{background:rgba(62,62,62,.1)}.m-home-case .item-list li.-js-selected:after{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f14a29;border-radius:12px;color:#fff;content:"選択中";display:-webkit-box;display:-ms-flexbox;display:flex;font-size:1.1rem;font-weight:700;height:22px;justify-content:center;position:absolute;right:10px;top:10px;width:54px}.m-home-case .item-list li .number{color:#f14a29;font-weight:800;left:20px;line-height:1;position:absolute;top:28px}.m-home-case .item-list li .area-name{font-size:1.8rem;font-weight:700;margin:0}.m-home-case .views{-ms-flex-pack:center;-ms-flex-align:end;-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:-237px 0 -93px;min-width:400px;padding:0 40px 56px 0;position:relative;width:40.85%}.m-home-case .views,.m-home-case .views .base-image{-webkit-box-pack:center;-webkit-box-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.m-home-case .views .base-image{-ms-flex-pack:center;-ms-flex-align:end;bottom:0;height:100%;left:0;position:absolute;width:calc(100% - 40px);z-index:-1}.m-home-case .views .swiper{height:100%}.m-home-case .image-list li{-webkit-box-orient:vertical;-webkit-box-direction:reverse;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-direction:column-reverse;flex-direction:column-reverse}.m-home-case .image-list .info{background:#f14a29;border-radius:10px;color:#fff;line-height:2;margin:0 0 -20px;padding:30px 40px 40px;position:relative;-webkit-transition:all .2s ease;transition:all .2s ease;width:100%;z-index:2}.m-home-case .image-list .info:after{background:url(https://cittec.ctc-g.co.jp/hubfs/ctc-5g2022/assets/images/common/baloon-tail.svg) 0 0/contain no-repeat;bottom:-24px;content:"";height:24px;left:23px;position:absolute;width:36px}.m-home-case .image-list .info .number{color:#f7745a;font-size:6.3rem;font-weight:800;line-height:1;position:absolute;right:20px;top:11px}.m-home-case .image-list .info .area-name{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1}.m-home-case .image-list .info .area-name .ja{font-size:3.2rem;font-weight:700;margin-right:20px}.m-home-case .image-list .info .area-name .en{font-weight:800}.m-home-case .image-list .info .text{font-size:1.4rem}.m-home-case .image-list .image{overflow:hidden}.m-home-case .image-list .image img{-webkit-transition:opacity .2s ease-in,-webkit-transform .3s ease-in;transition:opacity .2s ease-in,-webkit-transform .3s ease-in;transition:opacity .2s ease-in,transform .3s ease-in;transition:opacity .2s ease-in,transform .3s ease-in,-webkit-transform .3s ease-in}@media screen and (min-width:800px){.m-home-case .item-list li:hover>*{-webkit-animation:case-list .4s;animation:case-list .4s}.m-home-case .item-list li.-js-selected{pointer-events:none}.m-home-case .image-list li{display:-webkit-box;display:-ms-flexbox;display:flex}.m-home-case .image-list li .image img{opacity:1;-webkit-transform:translate(0);transform:translate(0)}.m-home-case .image-list li.-js-right-top .image img{opacity:0;-webkit-transform:translate(50%,-40%);transform:translate(50%,-40%)}.m-home-case .image-list li.-js-left-bottom .image img{opacity:0;-webkit-transform:translate(-50%,40%);transform:translate(-50%,40%)}.m-home-case .swiper-button-next,.m-home-case .swiper-button-prev{display:none}}@media screen and (max-width:1366px) and (min-width:800px){.m-home-case .case-wrap{-webkit-box-align:center;-ms-flex-align:center;align-items:center}.m-home-case .item-list li,.m-home-case .list .click{width:calc(33.33333% - 8px)}}@media screen and (max-width:930px) and (min-width:800px){.m-home-case .item-list li .area-name{font-size:1.3rem}.m-home-case .views{margin-top:-120px}}@media screen and (max-width:860px) and (min-width:800px){.m-home-case .item-list li,.m-home-case .list .click{width:calc(50% - 8px)}.m-home-case .views{padding-bottom:160px}.m-home-case .views .base-image{bottom:130px}.m-home-case .image-list .info{margin-bottom:0}}@media screen and (max-width:800px){.m-home-case{overflow:hidden;padding:0 0 70px}.m-home-case:before{background-image:none;bottom:0;height:calc(100% - 32px);top:auto}.m-home-case .title-wrap{margin:0 0 50px;padding:0 20px;width:100%}.m-home-case .case-wrap{display:block}.m-home-case .item-wrap{display:block;padding-bottom:0;width:100%}.m-home-case .list{-webkit-box-flex:0;-ms-flex:0 0 auto;flex:0 0 auto;margin:0;width:100%;z-index:1}.m-home-case .list .click{margin:0 0 12px;min-width:none;width:auto}.m-home-case .item-list{-webkit-box-pack:center;-ms-flex-pack:center;display:-webkit-box;display:-ms-flexbox;display:flex;justify-content:center}.m-home-case .item-list li{background:#d9d9d9;border-radius:5px;color:#888;margin:0 4px 8px;min-width:auto;padding:3px 10px;width:auto!important}.m-home-case .item-list li.-js-selected{background:#f14a29;color:#fff}.m-home-case .item-list li.-js-selected:after{content:none}.m-home-case .item-list li ._pc-only{display:none}.m-home-case .item-list li .area-name{font-size:1.5rem}.m-home-case .views{bottom:auto;height:auto;margin:0 -10%;padding:0;position:relative;right:auto;width:120%}.m-home-case .views .base-image{-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;bottom:auto}.m-home-case .views .swiper{height:auto}.m-home-case .image-list li{display:block}.m-home-case .image-list .info{bottom:0;margin:-72px auto 0;padding:20px;position:relative;width:calc(100vw - 40px)}.m-home-case .image-list .info:after{content:none}.m-home-case .image-list .info .number{font-size:4.5rem;line-height:1;top:11px}.m-home-case .image-list .info .area-name{-webkit-box-align:end;-ms-flex-align:end;align-items:flex-end;display:-webkit-box;display:-ms-flexbox;display:flex;line-height:1;margin-bottom:20px}.m-home-case .image-list .info .area-name .ja{font-size:2.2rem;margin-right:15px}.m-home-case .image-list .info .area-name .en{font-size:1.2rem}.m-home-case .image-list .image{margin:0}.m-home-case .swiper-button-next,.m-home-case .swiper-button-prev{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;background:#f14a29;border-radius:50%;color:#fff;display:-webkit-box;display:-ms-flexbox;display:flex;height:38px;justify-content:center;position:absolute;top:128px;width:38px;z-index:2}.m-home-case .swiper-button-next.swiper-button-disabled,.m-home-case .swiper-button-prev.swiper-button-disabled{display:none}.m-home-case .swiper-button-prev{left:calc(10% + 7px)}.m-home-case .swiper-button-next{right:calc(10% + 7px)}}@-webkit-keyframes case-list{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes case-list{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}