.blog-usercase-img-swiper{padding-top:var(--buis-padding-top, clamp(24px, 3.333vw, 48px));padding-bottom:var(--buis-padding-bottom, clamp(24px, 3.333vw, 48px));background:var(--buis-bg, #ffffff);font-family:Noto Sans JP,sans-serif;color:var(--font-primary, #0a0a0a)}.blog-usercase-img-swiper__inner{display:flex;flex-direction:column;align-items:center;gap:clamp(24px,2.222vw,32px)}.blog-usercase-img-swiper__title{margin:0;width:100%;font-size:clamp(24px,calc(10px + 1.806vw),36px);font-weight:500;line-height:1.1;text-align:center;text-transform:capitalize;word-break:break-word;font-family:Noto Sans JP}.blog-usercase-img-swiper__subtitle{margin:0;max-width:901px;font-size:clamp(14px,calc(10px + .556vw),18px);font-weight:400;line-height:1.4;text-align:center;color:var(--font-secondary, #404040);word-break:break-word}.blog-usercase-img-swiper__gallery--pc{display:flex;align-items:stretch;justify-content:center;gap:clamp(12px,1.667vw,24px);width:100%}.blog-usercase-img-swiper__gallery--pc .blog-usercase-img-swiper__slide{flex:1 1 0;min-width:0;max-width:384px;aspect-ratio:384 / 270;border-radius:6px;overflow:hidden}.blog-usercase-img-swiper__image{display:block;width:100%;height:100%;object-fit:cover}.blog-usercase-img-swiper__content{width:100%;font-weight:400;color:var(--font-tertiary, #737373);word-break:break-word}.blog-usercase-img-swiper__content p{margin:0}.blog-usercase-img-swiper__content--pc{display:flex;flex-direction:column;align-items:center;max-width:1038px;font-size:clamp(14px,calc(10px + .556vw),18px);line-height:1.2;text-align:center}.blog-usercase-img-swiper__content--pc p{width:100%}.blog-usercase-img-swiper__content--pc p:first-child{max-width:901px}.blog-usercase-img-swiper__content--pc p:nth-child(4){margin-top:12px}.blog-usercase-img-swiper__content--pc p+p{max-width:1038px}.blog-usercase-img-swiper__content--mb{display:flex;flex-direction:column;gap:4px;max-width:none;font-size:clamp(14px,3.562vw,14px);line-height:1.3;text-align:left}.blog-usercase-img-swiper__content-lead{margin:0;font-size:inherit;line-height:inherit;color:var(--font-tertiary, #737373)}.blog-usercase-img-swiper__content-body{display:flex;flex-direction:column;gap:4px;width:100%}.blog-usercase-img-swiper__content-body p{margin:0}.blog-usercase-img-swiper__content strong{font-weight:400;color:var(--buis-accent, #e4a244)}.blog-usercase-img-swiper__gallery--mb{display:flex;flex-direction:column;gap:12px;width:100%}.blog-usercase-img-swiper__gallery--mb .blog-usercase-img-swiper__swiper{width:100%;overflow:hidden;border-radius:6px}.blog-usercase-img-swiper__gallery--mb .blog-usercase-img-swiper__slide{height:230px;border-radius:6px;overflow:hidden}.blog-usercase-img-swiper__controls{display:flex;align-items:center;justify-content:space-between;min-height:32px;width:100%;margin-top:12px}.blog-usercase-img-swiper__pagination.swiper-pagination{position:static;display:flex;align-items:center;gap:10px;width:auto}.blog-usercase-img-swiper__pagination .swiper-pagination-bullet{width:6px;height:6px;margin:0;border-radius:10px;background:var(--font-tertiary, #737373);opacity:1;transition:width .3s ease,background-color .3s ease}.blog-usercase-img-swiper__pagination .swiper-pagination-bullet-active{width:32px;background:var(--icon-primary, #0a0a0a)}.blog-usercase-img-swiper__nav{display:flex;align-items:center;gap:24px}.blog-usercase-img-swiper__nav-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:6px;border:0;border-radius:100px;cursor:pointer;color:#fff;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.blog-usercase-img-swiper__nav-btn--prev,.blog-usercase-img-swiper__nav-btn--next{background:var(--font-quaternary, #a3a3a3)}.blog-usercase-img-swiper__nav-btn.swiper-button-disabled{background:#bababa80;cursor:not-allowed}@media screen and (max-width:768px){.blog-usercase-img-swiper{padding-top:var(--buis-padding-top-mb, 24px);padding-bottom:var(--buis-padding-bottom-mb, 24px)}.blog-usercase-img-swiper__inner{gap:0;align-items:stretch}.blog-usercase-img-swiper__title{line-height:1.4;width:90%;margin:0 auto 24px}}@media screen and (min-width:769px){.hide-pc{display:none!important}}@media screen and (max-width:768px){.hide-mb{display:none!important}.hide-pc{display:block}.blog-usercase-img-swiper__gallery--mb.hide-pc{display:flex}}
/*# sourceMappingURL=/cdn/shop/t/188/assets/blog-usercase-img-swiper.css.map */