@charset "utf-8";

/*
 * File       : sub-product.css
 * Author     : STUDIO-JT (JSH)
 *
 * SUMMARY:
 * DETAIL
 */



/* **************************************** *
 * DETAIL
 * **************************************** */
body.product-detail .article__body { padding-bottom: 0; }

/* VISUAL */
body.product-detail .jt-sub-visual__scroll-item:before { opacity: 0; }

.product-visual { height: 100%; display: grid; align-items: center; justify-content: center; text-align: center; }
.product-visual:before { content: ''; position: absolute; left: 0; top: 0; bottom: 0; right: 0; background: #000; opacity: .3; }
.product-visual__desc { color: var(--color-white); }

/* SECTION */
.product-section { position: relative; padding: 160rem 0 200rem; }
.product-section--gray { background: var(--color-gray-100); }
.product-section--white { background: var(--color-white); }
.product-section__header { text-align: center; }
.product-section__desc { color: var(--color-gray-800); margin-top: 40rem; }

/* BANNER */
.product-banner { border-radius: 20rem; overflow: hidden; margin-top: 80rem; }
.product-banner .jt-lazyload { padding-top: 56.27%; }

/* BENEFIT */
.product-section__header + .product-benefit { margin-top: 80rem; }
.product-benefit__item { display: flex; align-items: center; }
.product-benefit__item + .product-benefit__item { margin-top: 80rem; }
.product-benefit__image { max-width: 748rem; width: 100%; border-radius: 20rem; overflow: hidden; }
.product-benefit__image .jt-lazyload { padding-top: 48.12%; }
.product-benefit__content { flex: 1; padding: 20rem 80rem; }
.product-benefit__title { display: block;  margin-bottom: 24rem; }
.product-benefit__desc { color: var(--color-gray-700); }
.product-benefit__add { color: var(--color-gray-600); margin-top: 8rem; }
.product-benefit__btn { text-align: center; margin-top: 120rem; }
.product-benefit__btn--mobile { display: none; }

/* CAUTION */
.product-caution { position: relative; padding: 80rem 0 100rem; background: var(--color-gray-100); }
.product-caution__list > li { position: relative; color: var(--color-gray-600); padding-left: 18rem; font-weight: 700; word-break: break-all; }
.product-caution__list > li + li { margin-top: 4rem; }
.product-caution__list > li:before { content: '※'; position: absolute; left: 0; }
.product-caution__list > li.product-caution__title { padding-left: 0; }
.product-caution__list > li.product-caution__title:before { display: none; }

/* FEATURE BANNER */
.product-feature-banner { margin-top: 80rem; position: relative; border-radius: 20rem; overflow: hidden; }
.product-feature-banner__bg { width: 100%; padding-top: 56.27%; position: relative; background: no-repeat center / cover; border-radius: inherit; overflow: hidden; }
.product-feature-banner__bg:after { content: ''; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background: rgba(0, 0, 0, 0.2); }
.product-feature-banner__content { display: flex; flex-direction: column; justify-content: center; gap: 24rem; width: 450rem; height: 100%; position: absolute; top: 0; left: 80rem; color: var(--color-white); }