.user-photo{margin-bottom:60px}.user-photo h3{font-family:Lato,Arial,Helvetica,\6e38\30b4\30b7\30c3\30af\4f53,Yu Gothic,YuGothic,\6e38\30b4\30b7\30c3\30afMedium,Yu Gothic Medium,Hiragino Kaku Gothic Pro,meiryo,sans-serif;font-style:normal;font-weight:500;font-size:16px;line-height:19px;margin-top:35px;padding-bottom:15px}@media screen and (max-width: 900px){.user-photo h3{margin-left:20px}}.user-photo__list{display:flex;flex-wrap:nowrap;overflow-x:scroll;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:-ms-autohiding-scrollbar;gap:4px;scroll-snap-type:x mandatory}@media screen and (max-width: 900px){.user-photo__list{margin-bottom:90px;margin-left:20px}}.user-photo__list::-webkit-scrollbar{display:none}.user-photo__list li{width:180px;height:180px;aspect-ratio:1/1;scroll-snap-align:start;cursor:pointer}@media screen and (max-width: 900px){.user-photo__list li{width:110px;height:110px}}.user-photo__list li img{display:block;width:100%;object-fit:cover;aspect-ratio:1/1}.user-photo-modal{display:none;position:fixed;top:0;left:0;width:100%;height:100%;justify-content:center;align-items:center;overflow:hidden;z-index:9999}.user-photo-modal__overlay{position:absolute;background-color:#000000b3;width:100%;height:100%;display:block!important}.user-photo-modal.opened{display:block}.user-photo-modal__content{background-color:#fff;border-radius:5px;max-height:80%;max-width:1048px;width:90%;margin:auto;padding:85px;top:50%;transform:translateY(-50%);overflow-y:auto;position:relative;display:flex;flex-direction:column;overflow-x:hidden}@media screen and (max-width: 900px){.user-photo-modal__content{padding:0 10px 33px;-ms-overflow-style:none;scrollbar-width:none;max-height:95%;height:100%}.user-photo-modal__content::-webkit-scrollbar{display:none}}.user-photo-modal__heading{height:20px;position:absolute;top:0;right:20px;display:flex;justify-content:flex-end;align-items:center}@media screen and (max-width: 900px){.user-photo-modal__heading{position:relative;height:auto;padding:20px 0;right:auto;top:auto}}.user-photo-modal__close-button{position:relative;width:25px;height:20px;background-color:#454545;display:block;border-radius:0 0 5px 5px;margin-left:auto;cursor:pointer}.user-photo-modal__close-button:after,.user-photo-modal__close-button:before{content:"";position:absolute;top:50%;left:50%;width:12px;height:3px;border-radius:3px;background-color:#bbb;transform:translate(-50%,-50%) rotate(45deg)}.user-photo-modal__close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}@media screen and (max-width: 900px){.user-photo-modal__close-button{position:relative;width:35px;height:35px;background-color:#bfbfbf;display:block;border-radius:50%;cursor:pointer}.user-photo-modal__close-button:after,.user-photo-modal__close-button:before{content:"";position:absolute;top:50%;left:50%;width:20px;height:3px;background-color:#fff;transform:translate(-50%,-50%) rotate(45deg)}.user-photo-modal__close-button:after{transform:translate(-50%,-50%) rotate(-45deg)}}.user-photo-modal__nav-prev{position:absolute;left:-22px;top:50%;transform:translateY(-50%);cursor:pointer}@media screen and (max-width: 900px){.user-photo-modal__nav-prev{display:none}}.user-photo-modal__nav-next{position:absolute;right:-22px;top:50%;transform:translateY(-50%);cursor:pointer}@media screen and (max-width: 900px){.user-photo-modal__nav-next{display:none}}.user-photo-modal__content-inner{display:none}.user-photo-modal__content-inner.current{display:flex}@media screen and (max-width: 900px){.user-photo-modal__content-inner{flex-direction:column}}.user-photo-modal__content-image{width:40%;padding:20px}@media screen and (max-width: 900px){.user-photo-modal__content-image{width:100%;max-width:500px;margin:auto;padding:0;position:relative}}.user-photo-modal__content-image img{width:100%;height:auto;object-fit:cover;aspect-ratio:1/1}.user-photo-modal__content-image-prev-sp{display:none}@media screen and (max-width: 900px){.user-photo-modal__content-image-prev-sp{display:block;position:absolute;top:50%;left:-22px;transform:translateY(-50%);width:22px;height:44px;border-radius:50%;cursor:pointer}}.user-photo-modal__content-image-next-sp{display:none}@media screen and (max-width: 900px){.user-photo-modal__content-image-next-sp{display:block;position:absolute;top:50%;right:0;transform:translateY(-50%);width:22px;height:44px;border-radius:50%;cursor:pointer}}.user-photo-modal__content-container{width:60%;padding:20px;display:flex;flex-direction:column}@media screen and (max-width: 900px){.user-photo-modal__content-container{width:100%;padding:0;margin-top:26px}}.user-photo-modal__content-instagram{display:flex;align-items:center;gap:13px;margin-bottom:16px}.user-photo-modal__content-instagram-link{color:#656565;font-size:14px;font-weight:700;line-height:19px;text-decoration-line:underline}@media screen and (max-width: 900px){.user-photo-modal__content-instagram-link{font-size:12px}}.user-photo-modal__content-description{margin-bottom:16px}.user-photo-modal__content-description-text{font-size:14px;line-height:22px;color:#656565}@media screen and (max-width: 900px){.user-photo-modal__content-description-text{font-size:12px}}.user-photo-modal__content-customer-message h4{font-size:14px;font-weight:700;line-height:22px;color:#656565}@media screen and (max-width: 900px){.user-photo-modal__content-customer-message h4{font-size:12px}}.user-photo-modal__content-customer-message p{font-size:14px;font-weight:400;line-height:22px;color:#656565}@media screen and (max-width: 900px){.user-photo-modal__content-customer-message p{font-size:12px}}.user-photo-modal__content-customer-interview{margin:73px auto 0}@media screen and (max-width: 900px){.user-photo-modal__content-customer-interview{margin:33px auto 0}}.user-photo-modal__content-customer-interview-link{display:flex;width:352px;height:29px;padding:5px 16px;justify-content:center;align-items:center;border-radius:15px;border:1px solid #656565;text-decoration:none}@media screen and (max-width: 900px){.user-photo-modal__content-customer-interview-link{max-width:352px;width:100%}}.user-photo-modal__content-customer-interview-text{margin-left:4px;font-size:12px;font-weight:500;color:#656565}
/*# sourceMappingURL=/cdn/shop/t/233/assets/component-user-photo.css.map */