@import"https://fonts.googleapis.com/css2?family=Figtree:ital,wght@0,300..900;1,300..900&family=Noto+Sans:ital,wght@0,100..900;1,100..900&display=swap";.clock[data-v-e39620b1]{font-family:Figtree,sans-serif;display:flex;flex-direction:column;align-items:flex-end;gap:5%;font-weight:400}.clock .line[data-v-e39620b1]{line-height:1;display:flex;align-items:baseline;gap:5%;min-width:140px}.clock .line p[data-v-e39620b1]{text-align:center}.clock .line p[data-v-e39620b1]:nth-child(1){width:40%}.clock .line p[data-v-e39620b1]:nth-child(2){width:55%}.clock .line_0[data-v-e39620b1]{font-weight:700}.clock .line_0 .city[data-v-e39620b1]{font-size:1.8rem;letter-spacing:-.05rem}.clock .line_0 .time[data-v-e39620b1]{font-size:2.8rem}.clock .line_1[data-v-e39620b1]{font-size:1.4rem}.wrapper[data-v-aea7618c]{width:100%;aspect-ratio:1200/540;position:relative}@media(max-width:767px){.wrapper[data-v-aea7618c]{aspect-ratio:1200/1200}}.wrapper .logo[data-v-aea7618c]{position:absolute;width:50%;height:auto;left:3%;top:20%;z-index:4;display:flex;flex-direction:column;filter:drop-shadow(0px 0px 7px rgba(0,0,0,.45))}.wrapper .logo .title[data-v-aea7618c]{width:100%;height:auto}.wrapper .logo .copy[data-v-aea7618c]{margin-top:4%;width:63%;height:auto}@media(max-width:767px){.wrapper .logo[data-v-aea7618c]{display:block;width:84%;top:10%;left:5%}.wrapper .logo .copy[data-v-aea7618c]{width:80%}}.wrapper .dark[data-v-aea7618c]{pointer-events:none;z-index:3;position:absolute;width:100%;aspect-ratio:100/100;left:-40%;top:-30%;display:none}@media(max-width:767px){.wrapper .dark[data-v-aea7618c]{display:block}}.wrapper .mask[data-v-aea7618c]{position:absolute;width:100%;height:100%;background-color:#fff}.wrapper .kv[data-v-aea7618c]{overflow:hidden;position:absolute;width:100%;height:100%;clip-path:inset(50%);animation:kv-reveal-aea7618c 1.2s cubic-bezier(.4,0,.2,1) forwards;animation-delay:1s}.wrapper .kv .slide[data-v-aea7618c]{position:absolute;width:100%;height:auto;top:0;left:50%;transform:translate(-50%)}@media(max-width:767px){.wrapper .kv .slide[data-v-aea7618c]{height:100%;width:auto;max-width:none}}.wrapper .kv .slide[data-v-aea7618c]{clip-path:inset(100% 0 0 0);opacity:0;z-index:1;will-change:clip-path,opacity;transition:clip-path .6s var(--ease-fast-out),opacity .6s var(--ease-fast-out)}.wrapper .kv .slide.show[data-v-aea7618c]{clip-path:inset(0 0 0 0);opacity:1;z-index:2}.wrapper .kv .slide.under[data-v-aea7618c]{clip-path:inset(0 0 0 0);opacity:1;z-index:1;transition:none}@keyframes kv-reveal-aea7618c{to{clip-path:inset(0%)}}.box[data-v-50c8bdb3] *{text-align:initial}.box[data-v-50c8bdb3]{width:49%;aspect-ratio:564/150;position:relative;flex-shrink:0;display:flex;align-items:center;justify-content:center;cursor:pointer}@media(max-width:767px){.box[data-v-50c8bdb3]{width:100%}}.box .contents[data-v-50c8bdb3]{color:#d5dedb;background-color:#004831;display:flex;flex-direction:column;align-items:flex-start;gap:10px;width:100%;height:100%;transform:scale(.98,.94);position:relative;border-radius:10px}.box .contents .title[data-v-50c8bdb3]{display:flex;margin:4% 0 0 5%;height:22%;width:auto;align-items:flex-start}.box .contents .title__graphic[data-v-50c8bdb3]{display:block;width:auto;height:100%}.box .contents .text[data-v-50c8bdb3]{margin:0 0 0 5%;font-size:1.4rem;line-height:1.5}.box .contents[data-v-50c8bdb3]:after{content:"";position:absolute;z-index:-1;width:inherit;height:inherit;background-color:inherit;border-radius:inherit;transition:transform .3s ease}.box .contents .title__graphic[data-v-50c8bdb3]{fill:#fff}.box .contents[data-v-50c8bdb3]:hover{color:#004831;background-color:#c4d700}.box .contents:hover .title__graphic[data-v-50c8bdb3]{opacity:.8}.box .contents[data-v-50c8bdb3]:hover:after{transform:scale(1.02,1.04)}.box .contents:hover .title__graphic[data-v-50c8bdb3]{fill:#004831}[data-v-7587c4fe],[data-v-7587c4fe]:before,[data-v-7587c4fe]:after{box-sizing:border-box;margin:0;padding:0}html[data-v-7587c4fe]{font-size:62.5%}body[data-v-7587c4fe]{line-height:1.6;color:#333;font-size:1.6rem;text-align:initial}img[data-v-7587c4fe]{max-width:100%;height:auto}#app[data-v-7587c4fe]{font-family:Noto Sans,sans-serif;font-weight:400;text-align:initial}#app img[data-v-7587c4fe]{display:block}a[data-v-7587c4fe]{color:inherit;text-decoration:none}[data-v-7587c4fe]:root{--ease-fast-out: cubic-bezier(.16, 1, .3, 1)}.__base_wrapper[data-v-7587c4fe]{padding:0 20px}@media(max-width:767px){.__base_wrapper[data-v-7587c4fe]{padding:0 2.2vw}}.adjust_header[data-v-7587c4fe] *{text-align:initial}.from-top[data-v-7587c4fe]{clip-path:inset(0 0 100% 0)}.from-top.active[data-v-7587c4fe]{animation:from-top-7587c4fe 1s var(--ease-fast-out) forwards}.hero__title span.sub[data-v-7587c4fe]{font-size:3.2rem!important}@media(max-width:767px){.hero__title span.sub[data-v-7587c4fe]{font-size:1.8rem!important}}@keyframes from-top-7587c4fe{0%{clip-path:inset(0 0 100% 0)}to{clip-path:inset(0 0 0 0)}}.from-bottom[data-v-7587c4fe]{clip-path:inset(100% 0 0 0)}.from-bottom.active[data-v-7587c4fe]{animation:from-bottom-7587c4fe 1s var(--ease-fast-out) forwards}@keyframes from-bottom-7587c4fe{0%{clip-path:inset(100% 0 0 0)}to{clip-path:inset(0 0 0 0)}}.arrow_btn[data-v-7587c4fe]{background-color:#f59114;border-radius:50%;position:absolute;width:40px;aspect-ratio:1/1;right:3%;bottom:8%;display:flex;justify-content:center;align-items:center}.arrow_btn img[data-v-7587c4fe]{width:10px;height:auto}.arrow_btn.small[data-v-7587c4fe]{width:32px;height:32px}@media(max-width:1023px){.arrow_btn[data-v-7587c4fe]{width:32px}}.arrow_btn[data-v-7587c4fe]:after{content:"";position:absolute;width:10px;height:8px;background-image:url(/sustainability/spice-hub/images/home/white-arrow.svg);background-size:contain;background-repeat:no-repeat;background-position:center}.arrow_btn[data-v-7587c4fe]:before{content:"";position:absolute;width:100%;height:100%;border-radius:inherit;background-color:inherit;transition:transform .3s ease}.hover_bg:hover .arrow_btn[data-v-7587c4fe]:before{transform:scale(1.1)}.zoom_img[data-v-7587c4fe]{--zoom-hover-transform: scale(1.1);transition:transform .3s var(--ease-fast-out),opacity .3s var(--ease-fast-out)}.zoom_img.pos_y[data-v-7587c4fe]{--zoom-hover-transform: translateY(-50%) scale(1.1)}.focus_text[data-v-7587c4fe]{transition:color .3s var(--ease-fast-out)}.hover_item:hover .zoom_img[data-v-7587c4fe]{transform:var(--zoom-hover-transform)!important}.hover_item:hover .focus_text_rounded_btn[data-v-7587c4fe]{color:#004831!important}.for_sp[data-v-7587c4fe]{display:none}@media(max-width:767px){.for_sp[data-v-7587c4fe]{display:inline}}.for_pc[data-v-7587c4fe]{display:inline}@media(max-width:767px){.for_pc[data-v-7587c4fe]{display:none}}.text a[data-v-7587c4fe]{color:#f59114;text-decoration:underline}.section_title[data-v-7587c4fe]{margin-top:80px;display:flex;flex-direction:column;width:100%;align-items:center;color:#141d1d;line-height:1;gap:10px;position:relative}.section_title p[data-v-7587c4fe]:nth-child(1){font-family:Figtree,sans-serif;font-weight:700;font-size:4.4rem}.section_title p[data-v-7587c4fe]:nth-child(2){font-weight:600;font-size:1.4rem;text-align:center}.expand-box[data-v-7587c4fe]{position:relative;width:80%;aspect-ratio:1032/520}@media(min-width:1280px){.expand-box[data-v-7587c4fe]{aspect-ratio:initial;height:520px}}@media(max-width:767px){.expand-box[data-v-7587c4fe]{width:100%;aspect-ratio:375/324}}.interview_name[data-v-7587c4fe]{color:#f08084;text-indent:-.5em;display:block}.articles_min-title[data-v-7587c4fe]{font-size:2rem;font-weight:600;color:#141d1d}.articles_min-title_thin[data-v-7587c4fe]{font-size:1.8rem;font-weight:600;color:#141d1d}.expand-bg[data-v-7587c4fe]{clip-path:inset(-1px -2px -1px 100%);transition:clip-path .8s var(--ease-fast-out)}.expand-bg.active[data-v-7587c4fe]{clip-path:inset(-1px -2px -1px -1px)}.expand-bg[data-v-7587c4fe]{background:no-repeat right top;position:absolute;width:80%;aspect-ratio:1032/520;right:0;background-size:contain}@media(min-width:1280px){.expand-bg[data-v-7587c4fe]{aspect-ratio:initial;height:520px;background-size:cover;background-position:right center}}@media(max-width:767px){.expand-bg[data-v-7587c4fe]{width:100%;aspect-ratio:375/324;background-size:cover;background-position:center}}.category[data-v-7587c4fe]{display:flex;position:relative;flex-direction:column;align-items:flex-start;font-family:Figtree,sans-serif;width:100%;transition:background-color .3s ease}.category.interview.active[data-v-7587c4fe],.category.interview[data-v-7587c4fe]:hover{background-color:#eddede}.category.field-research.active[data-v-7587c4fe],.category.field-research[data-v-7587c4fe]:hover{background-color:#d9e6d3}.category.future-trend.active[data-v-7587c4fe],.category.future-trend[data-v-7587c4fe]:hover{background-color:#d7e4e8}@media(max-width:767px){.category[data-v-7587c4fe]{width:auto;flex-shrink:0;padding:0 15px}}.category .title[data-v-7587c4fe]{padding:10px 0 0 15px;flex-direction:row;font-weight:700;font-size:2rem;display:flex;align-items:center;gap:10px;color:#000;position:relative}@media(max-width:1023px){.category .title[data-v-7587c4fe]{gap:0px;padding:10px 0 0;width:100%;justify-content:center}}.category .title .tip[data-v-7587c4fe]{width:18px;height:3px;background-color:#f08084}.category .title .tip.interview[data-v-7587c4fe]{background-color:#f08084}.category .title .tip.field-research[data-v-7587c4fe]{background-color:#64ba32}.category .title .tip.future-trend[data-v-7587c4fe]{background-color:#50b4d2}@media(max-width:1023px){.category .title .tip[data-v-7587c4fe]{width:80px;position:absolute;top:0;left:50%;transform:translate(-50%)}}.category .title .text[data-v-7587c4fe]{font-size:1.8rem;white-space:nowrap}.category:hover .title[data-v-7587c4fe]{color:#56635f}.category .description[data-v-7587c4fe]{width:100%;padding:0 0 15px 15px;color:#56635f;font-size:1.4rem;font-weight:600}.category .description[data-v-7587c4fe] .sp-br{display:none}@media(max-width:1023px){.category .description[data-v-7587c4fe]{padding:0 0 15px;text-align:center}}@media(max-width:767px){.category .description[data-v-7587c4fe]{line-height:1.2}.category .description[data-v-7587c4fe] .sp-br{display:inline}}main[data-v-e7a61d68]{background-color:#efefef}.area0[data-v-e7a61d68]{position:relative;z-index:2;background:linear-gradient(to bottom,#ffffff,transparent 100%) no-repeat top/100%}.bg-section[data-v-e7a61d68]{position:sticky;top:calc(100vh - 78.125vw);margin-top:-600px;z-index:1;width:100%;aspect-ratio:1280/1000;background:url(/sustainability/spice-hub/images/home/bg.jpg) no-repeat center top/contain}@media(max-width:767px){.bg-section[data-v-e7a61d68]{margin-top:0}}.area1[data-v-e7a61d68]{background-color:#fff;position:relative;z-index:2}.title[data-v-e7a61d68]{width:100%}@media(max-width:767px){.title[data-v-e7a61d68]{padding:0}}.title .block_0[data-v-e7a61d68]{padding:20px 0 10px}@media(max-width:767px){.title .block_0[data-v-e7a61d68]{padding:2.2vw 2.2vw 1.1vw}}.title .block_0[data-v-e7a61d68]{display:flex;flex-direction:row;justify-content:space-between}.title .block_0 img[data-v-e7a61d68]{display:block;width:42px;height:auto}.title .block_0 .clocks[data-v-e7a61d68]{display:flex;flex-direction:row;gap:12px}.title .block_0 .clocks .border[data-v-e7a61d68]{width:1px;height:100%;background-color:#d5dedb}.title .block_2[data-v-e7a61d68]{padding:0 22px;position:relative;margin-top:-60px;display:flex;flex-direction:row;justify-content:space-between}@media(max-width:1023px){.title .block_2[data-v-e7a61d68]{padding:0 14px}}@media(max-width:767px){.title .block_2[data-v-e7a61d68]{gap:10px;margin-top:-40px;padding:0 2.2vw;flex-direction:column}}.section_title .pager[data-v-e7a61d68]{position:absolute;display:flex;flex-direction:row;gap:10px;right:0;bottom:0}.section_title .pager .movie_arrow[data-v-e7a61d68]{display:none}@media(min-width:1024px){.section_title .pager .movie_arrow[data-v-e7a61d68]{display:flex}}.section_title .pager .movie_arrow[data-v-e7a61d68]{align-items:center;justify-content:center;width:56px;height:56px;border-radius:50%;border:1px solid #d5dedb}.section_title .pager .movie_arrow[data-v-e7a61d68]:after{content:"";width:6px;height:12px;background:url(/sustainability/spice-hub/images/home/left-arrow.svg) no-repeat center center/contain}.section_title .pager .movie_arrow.right[data-v-e7a61d68]{transform:rotate(-180deg)}@media(max-width:767px){.articles[data-v-e7a61d68]{padding:0}}.articles[data-v-e7a61d68]{min-height:1200px}.articles .contents[data-v-e7a61d68]{display:flex;flex-direction:row;justify-content:space-between}@media(max-width:1023px){.articles .contents[data-v-e7a61d68]{flex-direction:column-reverse}}.articles .contents .articles_list[data-v-e7a61d68]{margin-top:60px;display:flex;flex-direction:row;flex-wrap:wrap;gap:20px 20px;width:100%}@media(max-width:1023px){.articles .contents .articles_list[data-v-e7a61d68]{margin-top:30px;width:100%}.articles .contents .articles_list[data-v-e7a61d68] .article{width:calc((100% - 40px) / 3)}}@media(max-width:767px){.articles .contents .articles_list[data-v-e7a61d68]{margin-top:0;flex-direction:column;gap:0px}.articles .contents .articles_list[data-v-e7a61d68] .article{flex-shrink:0;width:100%;position:relative}.articles .contents .articles_list[data-v-e7a61d68] .article:not(:last-child):after{content:"";display:block;width:100%;height:1px;background-color:#d5dedb;position:absolute;bottom:0;width:92%}}.articles .contents .category_nav[data-v-e7a61d68]{flex-shrink:0;width:100%;display:flex;flex-direction:row;position:relative;margin-top:30px}@media(min-width:1024px){.articles .contents .category_nav[data-v-e7a61d68]{margin-top:60px;width:282px;flex-direction:column}.articles .contents .category_nav[data-v-e7a61d68]:before{content:"CATEGORIES";display:block;font-family:Figtree,sans-serif;font-weight:700;font-size:1.8rem;color:#56635f;padding-left:15px}.articles .contents .category_nav .category[data-v-e7a61d68]:before{content:"";display:block;width:100%;height:1px;background-color:#d5dedb}.articles .contents .category_nav .category[data-v-e7a61d68]:last-child:after{content:"";display:block;width:100%;height:1px;background-color:#d5dedb}}@media(max-width:1023px){.articles .contents .category_nav[data-v-e7a61d68]{justify-content:space-between}.articles .contents .category_nav[data-v-e7a61d68]:before{content:"";display:block;width:100%;height:1px;background-color:#d5dedb;position:absolute}.articles .contents .category_nav[data-v-e7a61d68]:after{content:"";display:block;width:100%;height:1px;background-color:#d5dedb;position:absolute;bottom:0}.articles .contents .category_nav .category[data-v-e7a61d68]{width:33.3%}.articles .contents .category_nav .category[data-v-e7a61d68]:not(:last-child):after{content:"";display:block;width:100%;height:1px;background-color:#d5dedb;width:1px;height:66%;position:absolute;right:0;top:50%;transform:translateY(-50%)}}@media(max-width:767px){.articles .contents .category_nav[data-v-e7a61d68]{overflow-x:scroll;width:auto}.articles .contents .category_nav[data-v-e7a61d68]::-webkit-scrollbar{display:none}.articles .contents .category_nav .category[data-v-e7a61d68]{width:auto}.articles .contents .category_nav[data-v-e7a61d68]{-ms-overflow-style:none}}.movies[data-v-e7a61d68]{margin:0 auto 142px;display:flex;flex-direction:column;align-items:center;gap:32px;width:100%;max-width:1280px}.movies .movie_list[data-v-e7a61d68]{width:100%;overflow-x:scroll}.movies .movie_list[data-v-e7a61d68]::-webkit-scrollbar{display:none}.movies .movie_list[data-v-e7a61d68]{-ms-overflow-style:none;display:flex;flex-direction:row;justify-content:center}.movies .movie_list[data-v-e7a61d68]:has(>:nth-child(3)){justify-content:flex-start}.movies .movie_list[data-v-e7a61d68]{gap:20px;margin-bottom:48px}