/* --------------------------------------------------
Common
-------------------------------------------------- */
html, body { height: 100%; font-size: 10px; line-height: 1; }
@media screen and (min-width: 768px) and (max-width: 1000px) { html, body { font-size: 8px; } }

body { font-family: var(--font-family); color: var(--primary-color); background: var(--bg-color); font-display: swap; -webkit-text-size-adjust: none; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; font-feature-settings: "palt"; -webkit-font-feature-settings: "palt"; text-rendering: optimizeLegibility; line-height: 1; }
body img, body img[src$=".svg"], body video { width: 100%; aspect-ratio: 100/1; }
body main { display: block; }
body h1, body h2, body h3, body h4, body h5, body p { font-weight: inherit; }
body sup { line-height: inherit; }
body *:focus { outline: none; }
body button[data-js] { opacity: 0; pointer-events: none; }
body *:not(img)::selection { background: #cdcdcd; }
body *:not(img)::-moz-selection { background: #cdcdcd; }
body.is-loaded #wrapper { opacity: 1 !important; transition: opacity 1s ease 0s; }

@media screen and (orientation: portrait) { .pc { display: none !important; } }
@media screen and (orientation: landscape) { .sp { display: none !important; } }
/* --------------------------------------------------
Contents
-------------------------------------------------- */
:root { --font-family: dnp-shuei-gothic-gin-std, sans-serif; --font-en: "Lexend", sans-serif; --primary-color: #000; --bg-color: #F2F1E8; --white-color: #fff; --acc-color: #c3a249; --ease: cubic-bezier(0.25, 0.1, 0.25, 1); --easein: cubic-bezier(0.32, 0, 0.67, 0); --easeout: cubic-bezier(0.33, 1, 0.68, 1); --easeinout: cubic-bezier(0.55, 0.05, 0.22, 0.99); --bounce: cubic-bezier(0.68, -0.6, 0.32, 1.6); --back: cubic-bezier(0.34, 1.56, 0.64, 1); }

@keyframes hoverLine { 0% { transform: translate(0, 0); opacity: 1; }
  49% { transform: translate(100%, 0); opacity: 1; }
  50.3% { transform: translate(100%, 0); opacity: 0; }
  50.6% { transform: translate(-100%, 0); opacity: 0; }
  51% { transform: translate(-100%, 0); opacity: 1; }
  100% { transform: translate(0, 0); opacity: 1; } }
@keyframes slider { 0% { opacity: 0; }
  40% { opacity: 0; }
  50% { opacity: 1; }
  90% { opacity: 1; }
  100% { opacity: 0; } }
body #wrapper .top { position: relative; }
body #wrapper .top .logo { width: 20%; position: absolute; left: 8.72%; top: 5.15%; opacity: 0; }
body #wrapper .top .logo img { aspect-ratio: 1000 / 2484; filter: invert(1); }
body #wrapper .top .imagearea img { aspect-ratio: 390 / 660; }
body #wrapper .sticky-container { display: flex; align-items: flex-start; }
body #wrapper .sticky-container .triple-logo { width: 25.64%; position: sticky; left: 0; top: 2rem; z-index: 1; transform: translate3d(0, 0, -0.1rem); margin: 12.82% 0 0; }
body #wrapper .sticky-container .triple-logo img { aspect-ratio: 1000 / 2484; width: 40%; margin: 0 auto; }
body #wrapper .sticky-container .sticky-contents { width: 100%; margin: 0 0 0 -25.65%; position: relative; z-index: 2; }
body #wrapper .sticky-container .sticky-contents .product-story .text-block { padding: 10.26% 6.41% 10.26% 28.21%; text-align: justify; font-size: 1.3rem; line-height: 2.15; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .image-container .imagearea { opacity: 0; transform: translate(0, 3rem); }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .image-container .imagearea .image-slider { position: relative; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .image-container .imagearea .image-slider li:nth-child(2) { position: absolute; top: 0; right: 0; bottom: 0; left: 0; opacity: 0; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .image-container .imagearea img, body #wrapper .sticky-container .sticky-contents .product-story .image-block .image-container .imagearea video { aspect-ratio: 456 / 678; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .image-container .imagearea.is-show { opacity: 1; transform: none; transition: opacity 1.4s var(--ease) 0s, transform 1.4s var(--ease) 0s; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .image-container .imagearea.is-show .image-slider li:nth-child(2) { animation: slider 6s linear 0s infinite; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea { padding: 1.5rem 6.41% 0 0; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li { display: flex; justify-content: flex-end; align-items: center; column-gap: 1.5em; font-family: var(--font-en); font-weight: 300; font-size: 0.9rem; line-height: 2; letter-spacing: 0.075em; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .iteminfo { display: flex; justify-content: flex-end; column-gap: 0.5em; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn { width: 6.6rem; height: 1.1rem; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn a { height: 100%; display: flex; justify-content: space-between; align-items: center; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn a::before, body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn a::after { display: block; content: ""; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn:not(.ask) a::before, body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn:not(.ask) a::after { width: 0.3rem; height: 100%; border: 0.1rem solid; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn:not(.ask) a::before { border-right: none; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn:not(.ask) a::after { border-left: none; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn.ask a::before, body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn.ask a::after { width: 2rem; height: 0.1rem; background: currentColor; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--01 .image-container { display: flex; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--01 .image-container .imagearea { width: calc(100% / 3); }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--01 .image-container .imagearea:nth-child(2).is-show { transition-delay: 0.15s; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--01 .image-container .imagearea:nth-child(3).is-show { transition-delay: 0.3s; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--02 .image-container .imagearea { width: 50%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--02 .image-container .imagearea:nth-child(1) { margin: 0 0 0 auto; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--03 { margin: 0 0 15.38%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--03 .image-container { width: 44.1%; margin: 0 auto; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--03 .image-container .imagearea img { aspect-ratio: 250 / 349; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--04 { margin: 0 0 10.26%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--05 { margin: 0 0 14.1%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--05 .image-container { width: 67.69%; margin: 0 0 0 auto; display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.01 * 100)); }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 { margin: 0 0 10.26%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container { display: flex; flex-direction: column; align-items: center; row-gap: calc(var(--vw) * (0.103 * 100)); }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container .imagearea:nth-child(1) { width: 87.18%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container .imagearea:nth-child(1) img { aspect-ratio: 462 / 680; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container .imagearea:nth-child(2) { width: 44.1%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container .imagearea:nth-child(2) video { aspect-ratio: 624 / 912; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 { margin: 0 0 21.79%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container { display: flex; justify-content: center; column-gap: 1.03%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container .imagearea { width: 43.08%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container .imagearea img { aspect-ratio: 306 / 448; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container .imagearea:nth-child(2).is-show { transition-delay: 0.3s; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--08 { margin: 0 0 12.82%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 { margin: 0 0 16.67%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 .image-container { display: flex; justify-content: center; column-gap: 1.03%; row-gap: calc(var(--vw) * (0.01 * 100)); flex-wrap: wrap; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 .image-container .imagearea { width: 43.08%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 .image-container .imagearea img { aspect-ratio: 225 / 343; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 .image-container .imagearea:nth-child(2n).is-show { transition-delay: 0.3s; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--10 { margin: 0 0 11.54%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--10 .image-container { width: 68.72%; margin: 0 0 0 auto; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 { margin: 0 0 21.79%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container { display: flex; flex-direction: column; row-gap: calc(var(--vw) * (0.128 * 100)); }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container .imagearea:nth-child(1) { width: 43.08%; margin: 0 0 0 6.41%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container .imagearea:nth-child(1) img { aspect-ratio: 312 / 456; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container .imagearea:nth-child(2) { width: 53.85%; margin: 0 auto; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container .imagearea:nth-child(2) video { aspect-ratio: 624 / 912; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--12 { margin: 0 0 16.67%; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--13 .image-container { width: 49.74%; margin: 0 auto; }
body #wrapper .sticky-container .sticky-contents .product-story .image-block--13 .image-container .imagearea img { aspect-ratio: 456 / 649; }
body #wrapper .sticky-container .sticky-contents .footer { padding: 10rem 0 3rem; text-align: center; font-family: var(--font-en); font-weight: 300; }
body #wrapper .sticky-container .sticky-contents .footer .inner .logo { width: 4.8rem; margin: 0 auto 5rem; }
body #wrapper .sticky-container .sticky-contents .footer .inner .logo img { aspect-ratio: 1000 / 1371; }
body #wrapper .sticky-container .sticky-contents .footer .inner .links { margin: 0 0 8rem; }
body #wrapper .sticky-container .sticky-contents .footer .inner .links ul { display: flex; flex-direction: column; row-gap: 3rem; }
body #wrapper .sticky-container .sticky-contents .footer .inner .links ul li { font-size: 1.4rem; letter-spacing: 0.06em; }
body #wrapper .sticky-container .sticky-contents .footer .inner .copyright { font-size: 0.8rem; }
body.is-loaded #wrapper .top .logo { opacity: 1; transition: opacity 1.4s var(--ease) 1s; }

@media screen and (min-width: 768px) { body #wrapper .top { padding: 3.66% 0 0; }
  body #wrapper .top .logo { width: 6.52%; position: static; margin: 0 auto 2.93%; }
  body #wrapper .top .logo img { filter: none; }
  body #wrapper .top .imagearea { width: 24.3%; margin: 0 auto; }
  body #wrapper .sticky-container { padding: 5.12% 0 0; }
  body #wrapper .sticky-container .triple-logo { width: 16.4%; margin: 3.66% 0 0; top: 3rem; }
  body #wrapper .sticky-container .triple-logo img { width: 6.4rem; }
  body #wrapper .sticky-container .sticky-contents { margin: 0 0 0 -16.4%; }
  body #wrapper .sticky-container .sticky-contents .product-story .text-block { width: calc(100% / 3); padding: 3.66% 1.98%; font-size: 1.5rem; line-height: 2.13; letter-spacing: 0.02em; margin: 0 auto; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea { padding: 1.5rem 0 0; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li { font-size: 1.2rem; line-height: 1.75; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn { width: 8.5rem; height: 1.4rem; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn:not(.ask) a:hover { background: var(--acc-color); }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn.ask a::before, body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn.ask a::after { width: 2.6rem; transition: width 0.4s var(--ease) 0s; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn.ask a:hover::before { width: 5.2rem; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block .textarea .credit ul li .link-btn.ask a:hover::after { width: 0; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--02 { width: 33.38%; margin: 0 auto; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--02 .image-container .imagearea { width: 100%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--02 .image-container .imagearea:nth-child(1) { margin: 0 0 1.54%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--03 { margin: 0 0 6.22%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--03 .image-container { width: 18.3%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--04 { width: 33.38%; margin: 0 auto 5.12%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--05 { width: 67.13%; margin: 0 auto 5.86%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--05 .image-container { width: 100%; margin: 0; flex-direction: row; justify-content: space-between; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--05 .image-container .imagearea { width: 49.73%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--05 .image-container .imagearea:nth-child(2).is-show { transition-delay: 0.3s; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 { margin: 0 0 8.05%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container { flex-direction: row; align-items: flex-end; column-gap: 20.86%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container .imagearea:nth-child(1) { width: 33.82%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container .imagearea:nth-child(2) { width: 22.84%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--06 .image-container .imagearea:nth-child(2).is-show { transition-delay: 0.3s; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 { margin: 0 0 10.25%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container { justify-content: flex-end; column-gap: 0.51%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container .imagearea { width: 22.4%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container .imagearea:nth-child(1).is-show { transition-delay: 0.3s; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--07 .image-container .imagearea:nth-child(2).is-show { transition-delay: 0s; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--08 { width: 33.38%; margin: 0 auto 6.22%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 { width: 33.38%; margin: 0 auto 4.03%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 .image-container { justify-content: space-between; row-gap: calc(var(--vw) * (0.004 * 100)); }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--09 .image-container .imagearea { width: 49.34%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--10 { margin: 0 0 6.22%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--10 .image-container { width: 33.38%; margin: 0 auto; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 { margin: 0 0 5.42%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container { flex-direction: row; justify-content: center; column-gap: 3.81%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container .imagearea:nth-child(1) { width: 22.84%; margin: 0; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--11 .image-container .imagearea:nth-child(2) { width: 22.84%; margin: 0; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--12 { width: 33.38%; margin: 0 auto 6.59%; }
  body #wrapper .sticky-container .sticky-contents .product-story .image-block--13 .image-container { width: 33.38%; }
  body #wrapper .sticky-container .sticky-contents .footer .inner .logo { width: 6.4rem; margin: 0 auto 7.5rem; }
  body #wrapper .sticky-container .sticky-contents .footer .inner .links { margin: 0 0 9rem; }
  body #wrapper .sticky-container .sticky-contents .footer .inner .links ul { row-gap: 4rem; }
  body #wrapper .sticky-container .sticky-contents .footer .inner .links ul li { font-size: 2rem; }
  body #wrapper .sticky-container .sticky-contents .footer .inner .links ul li a { transition: opacity 0.4s var(--ease) 0s; }
  body #wrapper .sticky-container .sticky-contents .footer .inner .links ul li a:hover { opacity: 0.5; }
  body #wrapper .sticky-container .sticky-contents .footer .inner .copyright { font-size: 1rem; } }