.hp-media-benefits{overflow:hidden;background:var(--section-background);padding-top:var(--padding-top-desktop);padding-bottom:var(--padding-bottom-desktop)}.hp-media-benefits__heading{margin-top:0}.hp-media-benefits hp-media-benefits{display:block}.hp-media-benefits hp-media-benefits:not(.hp-media-benefits--ready) [data-hp-media-benefits-content],.hp-media-benefits hp-media-benefits:not(.hp-media-benefits--ready) .hp-media-benefits__navigation{visibility:hidden}.hp-media-benefits [hidden]{display:none!important}.hp-media-benefits__loading{display:flex;gap:16px;overflow:hidden}.hp-media-benefits__loading-card{display:flex;min-width:0;flex:0 0 714px;flex-direction:column;overflow:hidden;border-radius:8px;background:#fff}.hp-media-benefits__loading-media,.hp-media-benefits__loading-line{display:block;background:linear-gradient(90deg,#eef0f2 25%,#f7f8f9 37%,#eef0f2 63%);background-size:400% 100%;animation:hp-media-benefits-skeleton 1.4s ease infinite}.hp-media-benefits__loading-media{height:300px}.hp-media-benefits__loading-content{display:flex;flex-direction:column;gap:10px;padding:20px 16px 24px}.hp-media-benefits__loading-line{width:82%;height:16px;border-radius:4px}.hp-media-benefits__loading-line--title{width:58%;height:20px}.hp-media-benefits__loading-line--short{width:68%}@keyframes hp-media-benefits-skeleton{0%{background-position:100% 0}to{background-position:-100% 0}}.hp-media-benefits__swiper{overflow:visible}.hp-media-benefits__items{display:flex;width:100%;align-items:stretch}.hp-media-benefits__card{display:flex;height:auto;flex-shrink:0;flex-direction:column;overflow:hidden;border-radius:8px;background:var(--card-background)}.hp-media-benefits__media{position:relative;height:300px;flex:0 0 auto;overflow:hidden;background:#e9e9e9}.hp-media-benefits__media picture{display:block;width:100%;height:100%}.hp-media-benefits__image{display:block;width:100%;height:100%;object-fit:cover}.hp-media-benefits__image--deferred:not(.lazyloaded){opacity:0}.hp-media-benefits__image.lazyloaded{opacity:1;transition:opacity .16s ease}@media(prefers-reduced-motion:reduce){.hp-media-benefits__loading-media,.hp-media-benefits__loading-line{animation:none}.hp-media-benefits__image.lazyloaded{transition:none}}.hp-media-benefits__placeholder{color:#b8b8b8;background:#e9e9e9}.hp-media-benefits__content{display:grid;min-height:92px;flex:1;grid-template-columns:minmax(0,1fr);align-content:start;padding:28px 16px;font-family:Noto Sans JP}.hp-media-benefits__card--two-content .hp-media-benefits__content{grid-template-columns:repeat(2,minmax(0,1fr));padding-right:8px;padding-left:8px;padding-bottom:16px;text-align:center}.hp-media-benefits__content-group{min-width:0}.hp-media-benefits__card--two-content .hp-media-benefits__content-group{padding:0 8px}.hp-media-benefits__card--two-content .hp-media-benefits__content-group+.hp-media-benefits__content-group{border-left:1px solid #dedede}.hp-media-benefits__title{margin:0;color:var(--title-color);background:linear-gradient(180deg,#63b9ff,#214eb0);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;font-family:Noto Sans JP;font-size:18px;font-weight:500;line-height:1.4}.hp-media-benefits__description{margin-top:6px;color:var(--description-color);font-family:Noto Sans JP;font-size:16px;font-weight:400;line-height:1.5}.hp-media-benefits__navigation{position:relative;height:48px;margin-top:24px}.hp-media-benefits .hp-media-benefits__button{position:absolute;top:0;display:flex;width:48px;height:48px;margin:0;align-items:center;justify-content:center;border:0;border-radius:50%;color:#1d1d1f;background-color:#e5e5e5;background-repeat:no-repeat;background-position:center;background-size:cover;cursor:pointer;transition:opacity .2s ease,background-color .2s ease;outline:none;box-shadow:none;-webkit-tap-highlight-color:transparent}.hp-media-benefits .hp-media-benefits__button:focus,.hp-media-benefits .hp-media-benefits__button:focus-visible{outline:none;box-shadow:none}.hp-media-benefits .hp-media-benefits__button--prev{left:unset;right:62px;background-image:url(arrow-left-black.png)}.hp-media-benefits .hp-media-benefits__button--next{right:0;background-image:url(arrow-right-black.png)}.hp-media-benefits .hp-media-benefits__button:hover{background-color:#dcdcdc}.hp-media-benefits .hp-media-benefits__button:after{display:none}.hp-media-benefits .hp-media-benefits__button svg{display:none}.hp-media-benefits .hp-media-benefits__button.swiper-button-disabled{opacity:.35;cursor:default}.hp-media-benefits .hp-media-benefits__button.swiper-button-lock{display:none}@media(max-width:767px){.hp-media-benefits{padding-top:var(--padding-top-mobile);padding-bottom:var(--padding-bottom-mobile)}.hp-media-benefits__media{height:auto;aspect-ratio:5 / 3}.hp-media-benefits__loading-card{flex-basis:84vw}.hp-media-benefits__loading-media{height:auto;aspect-ratio:5 / 3}.hp-media-benefits__content,.hp-media-benefits__card--two-content .hp-media-benefits__content{min-height:160px;grid-template-columns:minmax(0,1fr);gap:24px;padding:14px 10px;text-align:left}.hp-media-benefits__card--two-content .hp-media-benefits__content-group{padding:0}.hp-media-benefits__card--two-content .hp-media-benefits__content-group+.hp-media-benefits__content-group{border-left:0}.hp-media-benefits__title{font-size:16px;line-height:1.4}.hp-media-benefits__description{margin-top:6px;font-size:14px;line-height:1.45}.hp-media-benefits__navigation{display:none}}@media(min-width:1025px){.hp-media-benefits__card{width:714px}}@media(min-width:768px)and (max-width:1024px){.hp-media-benefits__loading-card{flex-basis:36vw}.hp-media-benefits__loading-media{height:300px}}
/*# sourceMappingURL=/cdn/shop/t/612/assets/hp-media-benefits.css.map */