:root{--primary-light: #ffffff;--primary-dark: #1a1919;--primary-medium-dark: #242222;--primary-semi-dark: #453f3f;--primary-grey-dark: #626262;--primary-grey-middle: #767676;--primary-grey-light: #d8d8d8;--primary-grey-neutral: #b4b4b4;--primary-copper-on-light: #9a7b69;--primary-error-on-light: #ad4141;--primary-warm-beige: #b8a388;--background-light: #ffffff;--background-sand: #faf9f7;--background-dark-sand: #f6f4f2;--border-dark: #1a1919;--border-grey-light: #b4b4b4;--collection-mansion: #211f1f}.c-top-experience-tile{background-color:var(--background-sand)}.c-top-experience-tile-inner{box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;gap:24px;padding:24px 24px 40px}@media screen and (min-width: 768px){.c-top-experience-tile-inner{flex-direction:row;gap:24px;padding:40px}}@media screen and (min-width: 1024px){.c-top-experience-tile-inner{gap:32px;padding:64px}}@media screen and (min-width: 1440px){.c-top-experience-tile-inner{max-width:1320px;width:100%;margin-inline:auto;padding:64px 0;gap:64px;align-items:unset}}@media screen and (min-width: 2560px){.c-top-experience-tile-inner{max-width:1920px;gap:96px}}.c-top-experience-tile-inner>.tile-image{display:flex;flex-direction:column}@media screen and (min-width: 768px){.c-top-experience-tile-inner>.tile-image{min-width:60%;width:60%}}@media screen and (min-width: 1440px){.c-top-experience-tile-inner>.tile-image{min-width:65%;width:65%;position:relative}}.c-top-experience-tile-inner>.tile-image>.tile-image-link{display:block;height:100%}.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;aspect-ratio:.9;opacity:0;transform:translateY(120px) scale(.8);transition:opacity 1.2s ease,transform 1.2s ease}.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image.fade-in{opacity:1;transform:translateY(0) scale(1)}@media screen and (min-width: 768px){.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image{width:856px;max-width:100%;aspect-ratio:auto}}@media screen and (min-width: 1440px){.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;position:absolute;top:0;left:0}}.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image-pc{display:none}@media screen and (min-width: 768px){.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image-pc{display:block}}.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image-sp{display:block;width:100%;height:auto}@media screen and (min-width: 768px){.c-top-experience-tile-inner>.tile-image>.tile-image-link>.image-sp{display:none}}.c-top-experience-tile-inner>.tile-content{width:100%}@media screen and (min-width: 768px){.c-top-experience-tile-inner>.tile-content{max-width:480px;padding-block:40px}}@media screen and (min-width: 1024px){.c-top-experience-tile-inner>.tile-content{padding-block:64px}}@media screen and (min-width: 1440px){.c-top-experience-tile-inner>.tile-content{max-width:35%;padding-block:96px}}.c-top-experience-tile-inner>.tile-content>.text{font-family:adobe-garamond-pro,"Noto Serif JP",serif;font-size:14px;font-weight:400;line-height:16px;letter-spacing:2px;text-align:left;color:var(--primary-copper-on-light);opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.c-top-experience-tile-inner>.tile-content>.text.fade-in{opacity:1;transform:translateY(0)}@media (max-width: 390px){.c-top-experience-tile-inner>.tile-content>.text{margin:0;padding:0}}@media (min-width: 391px) and (max-width: 1024px){.c-top-experience-tile-inner>.tile-content>.text{margin:0;padding:0}}@media (min-width: 1024px) and (max-width: 1439px){.c-top-experience-tile-inner>.tile-content>.text{margin:0;padding:0}}.c-top-experience-tile-inner>.tile-content>.title{font-size:36px;font-weight:400;line-height:56px;letter-spacing:0em;text-align:left;text-transform:inherit;color:var(--primary-dark);opacity:0;transform:translateY(15px);transition:opacity .5s ease .2s,transform .5s ease .2s}.c-top-experience-tile-inner>.tile-content>.title.fade-in{opacity:1;transform:translateY(0)}@media (max-width: 390px){.c-top-experience-tile-inner>.tile-content>.title{font-size:24px;line-height:34px;margin:1em 0 0;padding:0}}@media (min-width: 391px) and (max-width: 1024px){.c-top-experience-tile-inner>.tile-content>.title{font-size:24px;line-height:34px;margin:1em 0 0;padding:0}}@media (min-width: 1024px) and (max-width: 1439px){.c-top-experience-tile-inner>.tile-content>.title{font-size:24px;line-height:34px;margin:1em 0 0;padding:0}}.c-top-experience-tile-inner>.tile-content>.description{font-size:16px;font-weight:300;line-height:30px;letter-spacing:.6px;text-align:left;color:var(--primary-dark);opacity:0;transform:translateY(15px);transition:opacity .5s ease .4s,transform .5s ease .4s}.c-top-experience-tile-inner>.tile-content>.description.fade-in{opacity:1;transform:translateY(0)}@media (max-width: 390px){.c-top-experience-tile-inner>.tile-content>.description{margin:0;padding:0;font-size:14px;line-height:26px}}@media (min-width: 391px) and (max-width: 1024px){.c-top-experience-tile-inner>.tile-content>.description{margin:0;padding:0;font-size:14px;line-height:26px}}@media (min-width: 1024px) and (max-width: 1439px){.c-top-experience-tile-inner>.tile-content>.description{margin:0;padding:0;font-size:14px;line-height:26px}}.c-top-experience-tile-inner>.tile-content>.link{background-color:transparent;border:1px solid rgba(26,25,25,.16);font-style:normal;min-width:220px;max-width:280px;padding:20px 32px;margin-top:24px;width:200px;font-family:ff-scala-sans-pro,Noto Sans JP,sans-serif;font-size:12px;font-weight:400;line-height:16px;letter-spacing:2px;text-align:center;text-decoration:none;color:var(--primary-dark);opacity:0;transform:translateY(15px);transition:opacity .5s ease .6s,transform .5s ease .6s}.c-top-experience-tile-inner>.tile-content>.link.fade-in{opacity:1;transform:translateY(0)}@media (hover: hover){.c-top-experience-tile-inner>.tile-content>.link:hover{background-color:#1a1919;color:#fff}}
/*# sourceMappingURL=/cdn/shop/t/100/assets/c-section-top-tile-content.css.map */