@charset "UTF-8";:root{--color-primary:#1f2620;--font-primary:"Zen Kaku Gothic New",sans-serif;--font-secondary:"Poppins",sans-serif;--font-thirdly:"Yu Mincho",serif;--spacing:.1em;--green:#13a49f;--color-brand-green:#255b4d;--color-text-dark:#1f2620;--color-border-light:#e9eae9}
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
html{line-height:1.15;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{margin:0}main{display:block}h1{font-size:2em;margin:.67em 0}hr{box-sizing:content-box;height:0;overflow:visible}pre{font-family:monospace;font-size:1em}a{background-color:transparent}abbr[title]{border-bottom:none;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted}b,strong{font-weight:bolder}code,kbd,samp{font-family:monospace;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}img{border-style:none}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0}button,input{overflow:visible}button,select{text-transform:none}button,[type=button],[type=reset],[type=submit]{-webkit-appearance:auto;-moz-appearance:auto;appearance:auto}button::-moz-focus-inner,[type=button]::-moz-focus-inner,[type=reset]::-moz-focus-inner,[type=submit]::-moz-focus-inner{border-style:none;padding:0}button:-moz-focusring,[type=button]:-moz-focusring,[type=reset]:-moz-focusring,[type=submit]:-moz-focusring{outline:1px dotted ButtonText}fieldset{padding:.35em .75em .625em}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal}progress{vertical-align:baseline}textarea{overflow:auto}[type=checkbox],[type=radio]{box-sizing:border-box;padding:0}[type=number]::-webkit-inner-spin-button,[type=number]::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;-moz-appearance:textfield;appearance:textfield;outline-offset:-2px}[type=search]::-webkit-search-decoration{-webkit-appearance:none;appearance:none}::-webkit-file-upload-button{-webkit-appearance:auto;appearance:auto;font:inherit}details{display:block}summary{display:list-item}template{display:none}[hidden]{display:none}*{letter-spacing:var(--spacing);box-sizing:border-box}html{font-size:62.5%}body{overflow-y:scroll;color:var(--color-primary);background-color:#fff;font-size:clamp(14px,1.6rem,1.6rem);line-height:2.6;font-weight:400;font-family:var(--font-primary);overflow-wrap:anywhere;word-break:normal;line-break:strict;position:relative;font-style:normal;text-underline-offset:.3em}body.is-modal-open{position:fixed;width:100%;overflow-y:scroll}body.preload *{transition:none!important}:before,:after{box-sizing:border-box;letter-spacing:var(--spacing)}input,textarea,select,button{color:var(--color-primary);font-size:1.6rem;font-family:var(--font-primary);line-height:2}input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder,button::-moz-placeholder{color:#3336}input::placeholder,textarea::placeholder,select::placeholder,button::placeholder{color:#3336}p,h1,h2,h3,h4,h5,h6{margin:0;padding:0;border:0;font-style:normal;font-size:100%;vertical-align:baseline}h1,h2,h3,h4,h5,h6{font-weight:500}h1{font-size:clamp(14px,2.6rem,2.6rem)}h2{font-size:clamp(14px,2.2rem,2.2rem)}h3{font-size:clamp(14px,2rem,2rem)}h4,h5,h6{font-size:clamp(14px,1.8rem,1.8rem)}dl,dt,dd{margin:0;padding:0}small{font-size:100%}img{max-width:100%;height:auto;vertical-align:middle}a{color:var(--color-primary);text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--color-primary) 100%,transparent);text-decoration-thickness:1px;transition:all .3s ease}a[href^="tel:"]{pointer-events:auto;text-decoration:none!important}a i{text-decoration:none}a img,a:before,a:after{transition:all .3s ease}em{font-style:italic}ol{margin:0;padding-left:0;list-style:none;display:table}ol li{display:table-row;counter-increment:table-ol}ol li:before{content:counter(table-ol) ".";display:table-cell;text-align:right;white-space:nowrap}ul{margin:0;padding:0;list-style-type:"・"}ul li{margin:0 0 0 1em;padding:0}table{border:none;border-collapse:collapse}figure{margin:0}br.pc{display:none}.aligncenter{display:block;margin-right:auto;margin-left:auto}.alignright{float:right;margin-bottom:2rem;margin-left:2rem}.alignleft{float:left;margin-right:2rem;margin-bottom:2rem}.wp-caption,[class*=wp-image]{display:block;max-width:100%!important;margin-top:1.5em;text-align:center}.wp-caption-text{margin-top:0}.header{width:100%;position:fixed;top:0;left:0;z-index:10}.header__content{margin-inline:auto;max-width:192rem;height:8rem;background-color:#fff;position:relative}.header__brand{width:22rem;height:100%;position:absolute;top:0;left:0;z-index:20}.header .brand-logo{padding-inline:2rem;height:100%;display:flex;align-items:center;justify-content:center}.header .brand-logo__link{display:flex;flex-direction:column;justify-content:center;gap:.4rem;text-decoration:none}.header .brand-logo__text--jp{color:#255b4d;font-size:clamp(14px,1.8rem,1.8rem);font-weight:500;line-height:1.1;--spacing:.37em}.header .brand-logo__text--en{color:var(--color-primary);font-family:var(--font-secondary);font-size:clamp(10px,1.2rem,1.2rem);font-weight:275;line-height:.9;--spacing:.46em}.header__nav-list{margin:0;padding:0;list-style:none;display:flex}.header__nav-item{margin:0;padding-block:0;padding-inline:0;display:flex;justify-content:center;align-items:center}.header__nav-item a{display:flex;justify-content:center;align-items:center;white-space:nowrap;background-color:#fff;line-height:1.2;--spacing:.25em;text-decoration:none;position:relative}.header__nav-item a:after{content:"";width:100%;height:.3rem;background:#255b4d;position:absolute;left:0;bottom:0;opacity:0}.header__nav-item a:hover{color:var(--color-primary)}.header__nav-item a.is-current:after{opacity:1}.global-nav-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;width:4rem;aspect-ratio:1/1;background:0 0;position:absolute;top:2rem;right:2rem;cursor:pointer}.global-nav-button span{display:block;background-color:var(--color-primary);width:4rem;height:1px;position:absolute;left:0;transition:all .4s ease}.global-nav-button span:nth-child(1){top:1.6rem}.global-nav-button span:nth-child(2){top:2.4rem}.global-nav-button.is-active span:nth-child(1){top:2rem;transform:rotate(15deg)}.global-nav-button.is-active span:nth-child(2){top:2rem;transform:rotate(-15deg)}.modal{position:fixed;top:0;left:0;width:100%;height:100%;z-index:1000;visibility:hidden;opacity:0;transition:all .3s ease;overflow-y:auto;-webkit-overflow-scrolling:touch}.modal.is-open{visibility:visible;opacity:1}.modal__overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000000b3;display:flex;justify-content:center;align-items:center;padding:1rem}.modal__container{background-color:#fff;padding:2rem;max-width:50rem;width:90%;border-radius:.4rem;position:relative;max-height:90dvh;display:flex;flex-direction:column;margin:auto;transform:translate(0);will-change:transform}.modal__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1rem}.modal__title{margin:0;padding-right:2rem;flex:1}.modal__close-button{position:absolute;top:1rem;right:1rem;background:0 0;border:none;font-size:1.5rem;line-height:1;cursor:pointer;padding:.5rem;z-index:2;color:#666;transition:color .2s ease}.modal__close-button:hover{color:#000}.modal__close-button:focus{outline:.2rem solid #007bff;outline-offset:.2rem}.modal__content{overflow-y:auto;-webkit-overflow-scrolling:touch;padding-right:.5rem;position:relative;z-index:1}.modal__content::-webkit-scrollbar{width:.6rem}.modal__content::-webkit-scrollbar-track{background:#f1f1f1;border-radius:.3rem}.modal__content::-webkit-scrollbar-thumb{background:#888;border-radius:.3rem}.modal__content::-webkit-scrollbar-thumb:hover{background:#555}.modal__footer{margin-top:1rem;padding-top:1rem;border-top:1px solid #eee;display:flex;justify-content:flex-end;gap:1rem}.modal--large .modal__container{max-width:80rem}.modal--small .modal__container{max-width:30rem}.modal--fullscreen .modal__container{max-width:100%;width:100%;height:100%;max-height:100%;border-radius:0}.modal--centered .modal__overlay{align-items:center}.main{padding-block:8rem 0;margin-inline:auto;max-width:192rem;position:relative;z-index:2}.footer{padding-block:6rem;padding-inline:3rem}.footer__container{margin-inline:auto;max-width:176rem}.footer__content{display:flex}.footer__logo img{width:23.4rem}.footer__organization{font-weight:500;line-height:1.4}.footer__address{display:flex}.footer__copyright{color:#909790;font-size:clamp(14px,1.4rem,1.4rem);line-height:2.4}.skip-link{position:absolute;top:-10rem;left:0;background:#fff;color:var(--color-primary);padding:.8rem;z-index:1000;text-decoration:none;border:1px solid var(--color-primary);transition:top .3s ease}.skip-link:focus{top:0}.accordion__header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding:1rem;background-color:#f5f5f5;border:1px solid #ddd;transition:background-color .3s ease}.accordion__header:hover{background-color:#e9e9e9}.accordion__header:focus{outline:2px solid #007bff;outline-offset:2px}.accordion__content{max-height:0;overflow:hidden;transition:max-height .3s ease;border-left:1px solid #ddd;border-right:1px solid #ddd;border-bottom:1px solid #ddd}.accordion__inner{padding:1rem;background-color:#fff}.accordion.is-open .accordion__content{max-height:1000px}.accordion.is-open .accordion__header{background-color:#e9e9e9}.accordion__item.is-open .accordion__content{max-height:1000px}.accordion--large .accordion__header{padding:1.5rem;font-size:1.2rem}.accordion--large .accordion__inner{padding:1.5rem}.accordion--compact .accordion__header,.accordion--compact .accordion__inner{padding:.5rem}.accordion--bordered .accordion__header{border-radius:.5rem .5rem 0 0}.accordion--bordered .accordion__content{border-radius:0 0 .5rem .5rem}.product-section__content{display:flex}.product-section__content .product-info-slider-wrap{padding-inline:3rem}.product-section__content .product-info{display:flex;flex-direction:column}.product-section__content .product-info__header{padding-block:1rem 4rem;display:flex;flex-direction:column;justify-content:flex-end}.product-section__content .product-info__category{font-size:clamp(14px,1.4rem,1.4rem);line-height:1.4;--spacing:.2em}.product-section__content .product-info__title{margin-block:1rem 0;font-family:var(--font-thirdly);font-size:clamp(14px,3rem,3rem);font-weight:600;line-height:1.4;--spacing:.05em}.product-section__content .product-info__subtitle{margin-block:1rem 0;font-family:var(--font-thirdly);font-weight:600;line-height:1.6}.product-section__content .product-info__details{flex:1;display:flex;flex-direction:column}.product-section__content .product-info__details-button{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0;border:none;width:100%;height:4.2rem;background:#f9f9f9;text-align:center;font-family:var(--font-secondary);font-size:clamp(14px,1.4rem,1.4rem);font-weight:275;line-height:1.6;--spacing:.2em;position:relative}.product-section__content .product-info__details-button-icon{width:1.3rem;aspect-ratio:1/1;position:absolute;right:1rem;top:1.4rem}.product-section__content .product-info__details-button-icon:before,.product-section__content .product-info__details-button-icon:after{content:"";position:absolute;background-color:var(--color-primary);transition:transform .3s;transform-origin:center;width:1.3rem;height:1px;top:50%;left:0;transform:translateY(-50%)}.product-section__content .product-info__details-button-icon:before{transform:translateY(-50%) rotate(90deg)}.product-section__content .product-info__details-button.is-active .product-info__details-button-icon:before{transform:translateY(-50%) rotate(180deg)}.product-section__content .product-info__details-button.is-active .product-info__details-button-icon:after{transform:translateY(-50%) rotate(180deg)}.product-section__content .product-info__description{line-height:1.6}.product-section__content .product-info__tags{margin-block:3rem 0;padding-inline:0;padding:0;list-style:none}.product-section__content .product-info__tag-item{margin:0;padding:0;color:#1f262099;font-size:clamp(14px,1.4rem,1.4rem);line-height:1.2}.product-section__content .product-info__tag-item a{text-decoration:none;position:relative;color:#1f262099;background-image:linear-gradient(to right,#1f262099,#1f262099);background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .3s ease}.product-section__content .product-info__link{margin-block:7.2rem 0;line-height:1.6}.product-section__content .product-info__link a{padding-inline:2.6rem 0;display:inline-block;position:relative}.product-section__content .product-info__link a:before{content:"";width:1rem;height:1rem;background:#255b4d;clip-path:polygon(0 0,100% 50%,0 100%);position:absolute;left:.3rem;top:50%;transform:translateY(-50%)}.product-section .product-image-slider-wrap{overflow:hidden}.product-section .product-image-slider{padding-block:0 5.2rem}.product-section .product-image-slider .swiper-slide{aspect-ratio:1100/767}.product-section .product-image,.product-section .product-image a{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.product-section .product-image img{width:100%;height:100%;object-fit:cover}.product-section .swiper-button-next.product-slider-next{padding:0;width:3.9rem;height:auto;aspect-ratio:1/1;border:none;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/product-slider-next.svg) no-repeat center center/contain;cursor:pointer;z-index:10;display:flex;align-items:center;justify-content:center;transition:all .3s ease;position:absolute;top:50%;right:2.6rem;transform:translateY(-50%)}.product-section .swiper-button-next.product-slider-next:after{display:none}.product-section .swiper-button-next.product-slider-next .swiper-navigation-icon{display:none}.product-section .product-slider-pagination{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);z-index:10}.product-section .product-slider-pagination .swiper-pagination-bullet{width:1rem;height:1rem;background:#ffffff80;opacity:1;margin:0 .5rem;transition:all .3s ease}.product-section .product-slider-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{background:#fff;transform:scale(1.2)}.product-section .autoplay-progress{width:calc(100% - 2rem);position:absolute;bottom:1.5rem;right:1rem;z-index:10;pointer-events:none;display:flex;align-items:center;gap:1.7rem}.product-section .autoplay-progress .autoplay-progress-bar{flex:1;height:1px;background:#1f262033;overflow:hidden}.product-section .autoplay-progress .autoplay-progress-bar .autoplay-progress-fill{height:100%;background:#255b4d;width:0;transition:width .1s linear;border-radius:.1rem;transform-origin:left}.product-section .autoplay-progress .autoplay-progress-text{opacity:.5;font-family:var(--font-thirdly);font-weight:300;line-height:1;display:flex;--spacing:0}.product-section .autoplay-progress .autoplay-progress-text .current-slide{font-size:clamp(14px,1.4rem,1.4rem)}.product-section .autoplay-progress .autoplay-progress-text .separate{margin-inline:.2rem;width:.7rem;aspect-ratio:33/56;display:inline-block;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/autoplay-progress-separate.svg) no-repeat center center/contain}.product-section .autoplay-progress .autoplay-progress-text .total-slides{font-size:clamp(14px,1.4rem,1.4rem)}.brand-description{padding-block:8rem;padding-inline:3rem}.brand-description__content{margin-inline:auto;max-width:60rem}.brand-description__text{font-family:var(--font-thirdly)}.brand-description__button{margin-block:6rem 0;display:flex}.brand-description__button a{padding-inline:3rem;display:flex;align-items:center;justify-content:space-between;width:100%;max-width:35.4rem;height:9rem;border:1px solid #255b4d;color:#fff;background:#255b4d;font-size:clamp(14px,1.8rem,1.8rem);line-height:1.4;--spacing:.19em;text-decoration:none}.brand-description__button a:hover{color:#fff}.brand-description__button-icon{width:3.8rem;height:1px;background-color:#fff;position:relative}.brand-description__button-icon:after{content:"";width:.4rem;aspect-ratio:1/1;background-color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg)}.topics-section{padding-block:8rem;padding-inline:3rem}.topics-section__header{display:flex;flex-direction:column;gap:1rem}.topics-section__title-jp{font-size:clamp(14px,2.6rem,2.6rem);font-weight:400;line-height:1.4;--spacing:.2em;text-align:center}.topics-section__title-en{font-family:var(--font-secondary);font-weight:275;line-height:.9;--spacing:.3em;text-align:center}.topics-section__list{margin-block:3rem 0;margin-inline:auto;max-width:60rem;padding:0;list-style:none}.topics-section__list-item{margin:0;padding:0;border-bottom:1px solid #e9eae9}.topics-section__list-item:first-child{border-top:1px solid #e9eae9}.topics-section__list-item .topics-item{display:flex;color:var(--color-primary);text-decoration:none}.topics-section__list-item .topics-item__date{line-height:2}.topics-section__list-item .topics-item__title{font-size:clamp(14px,1.8rem,1.8rem)}.topics-section__list-item .topics-item__icon{margin-inline:auto 0;width:5.9rem;aspect-ratio:1/1;border:1px rgba(233,234,233,.4) solid;border-radius:100vmax;background:#e9eae966;position:relative;transition:border .3s ease;flex-shrink:0}.topics-section__list-item .topics-item__icon:before{content:"";width:.6rem;aspect-ratio:1/1;background:#255b4d;position:absolute;right:calc(50% - .3rem);top:calc(50% - .3rem);transform:rotate(0);transition:all .3s ease}.topics-section__list-item .topics-item__icon:after{content:"";width:0;height:1px;background:#255b4d;position:absolute;left:50%;top:50%;transform:translate(-50%);transition:all .3s ease}.topics-section__list-item .topics-item:hover{padding-inline:2rem 0}.topics-section__list-item .topics-item:hover .topics-item__icon{border:1px #255b4d solid}.topics-section__list-item .topics-item:hover .topics-item__icon:before{right:1.8rem;transform:rotate(45deg)}.topics-section__list-item .topics-item:hover .topics-item__icon:after{width:2.2rem}.topics-section__footer{margin-block:6rem 0}.topics-section__view-all a{margin-inline:auto;display:flex;max-width:35.4rem;padding-block:1rem;padding-inline:7rem;justify-content:center;align-items:center;border:1px solid var(--color-primary);background:#fff;color:var(--color-primary);text-align:center;line-height:1.4;--spacing:.25em;text-decoration:none}.poplar-story{padding-block:0}.poplar-story__content{margin-inline:auto;max-width:128rem;display:flex}.poplar-story__figure img{object-fit:cover;width:100%;height:100%}.poplar-story__text{padding-block:6rem 8rem;padding-inline:3rem;background-color:#fcf9f1}.poplar-story__title{font-size:clamp(14px,2.6rem,2.6rem);font-weight:400;line-height:1.8}.poplar-story__description{margin-block:2rem 0;text-align:justify;line-height:2}.poplar-story__product{margin-block:3.5rem 0}.poplar-story__product-link-text img{width:37.6rem}.related-links{padding-block:8rem;padding-inline:3rem;background:#e9eae94d}.related-links__title{text-align:center;font-size:clamp(14px,2.6rem,2.6rem);font-weight:400;line-height:1.4;--spacing:.2em}.related-links__title:not(:first-child){margin-block:8rem 0}.related-links__shop{margin-block:4rem 0;margin-inline:auto;padding:0;list-style:none;max-width:60rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:2rem}.related-links__shop-item{margin:0;padding:0}.related-links__shop a{display:flex;flex-direction:column;border:1px solid #2c665f;background:#fff;text-decoration:none}.related-links__shop a:hover{color:var(--color-primary)}.related-links__shop-image{padding-block:4rem 2.5rem;padding-inline:1.6rem}.related-links__shop-image img{margin-inline:auto;display:flex;width:auto;height:auto;max-height:12rem}.related-links__shop-title{line-height:1.4;display:flex;justify-content:center;align-items:center;gap:1.5rem}.related-links__shop-title:before{content:"";width:1.8rem;aspect-ratio:18/23;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/related-links-shop-title-icon.svg) no-repeat center center/contain}.related-links__shop-info{margin-block:2.5rem 0;padding-block:1.2rem 1.4rem;padding-inline:2rem;color:#fff;background:#2c665f;line-height:1.5;text-align:center;position:relative}.related-links__shop-info:after{content:"";width:1.5rem;aspect-ratio:1/1;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/related-links-shop-info-icon.svg) no-repeat center center/contain;position:absolute;right:3rem;top:50%;transform:translateY(-50%);transition:all .3s ease}.related-links__onlineshop{margin-block:4rem 0;margin-inline:auto;padding:0;list-style:none;max-width:60rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(26rem,1fr));gap:2rem}.related-links__onlineshop-item{margin:0;padding:0;text-align:center}.related-links__onlineshop a{display:block}.product-search__section{padding-block:4rem;padding-inline:3rem;border-top:1px solid #f4f4f4;background-color:#fff}.product-search__search{margin-inline:auto;max-width:160rem;display:flex}.product-search__search .search-box{padding-block:0;padding-inline:1.9rem;border:1px solid #d3d3d3;border-radius:100vmax;background:#fff;display:flex;flex-direction:row-reverse;align-items:center;width:100%;max-width:35.4rem;height:6rem;gap:1rem}.product-search__search .search-box__input{-webkit-appearance:none;-moz-appearance:none;appearance:none;flex:1;width:100%;height:100%;border:0;background:0 0;padding:0;line-height:1.5;outline:none}.product-search__search .search-box__input::-moz-placeholder{color:#bfbfbf}.product-search__search .search-box__input::placeholder{color:#bfbfbf}.product-search__search .search-box__icon{width:2.1rem;cursor:pointer}.product-search__search .search-box__icon-img{position:relative;top:-.2rem}.product-search__search-list{margin-block:4rem 0;margin-inline:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem}.product-search__search-item{margin:0;padding:0}.product-search__search-link{display:flex;padding-block:.6rem .8rem;padding-inline:2.9rem;border:1px solid #e9eae9;border-radius:100vmax;background:#fff;justify-content:center;align-items:center;color:#909790;line-height:1.5;text-decoration:none}.product-introduction{padding-block:4rem 8rem;padding-inline:3rem}.product-introduction__header{margin-inline:auto;max-width:160rem}.product-introduction__header-inner{display:flex}.product-introduction__title{color:#000;font-size:clamp(14px,2.8rem,2.8rem);font-weight:300}.product-introduction__filter{position:relative;z-index:3}.product-introduction__filter-list-wrap{position:absolute;top:0;left:0}.product-introduction__filter-list-wrap .accordion__item{border-radius:.2rem}.product-introduction__filter-list-wrap .accordion__header{padding-block:1rem;padding-inline:2rem 4.7rem;font-size:clamp(14px,1.8rem,1.8rem);line-height:1.2;color:#fff;background:#1f2620;border:1px #1f2620 solid;position:relative;cursor:pointer}.product-introduction__filter-list-wrap .accordion__header:after{content:"";width:.8rem;height:.5rem;background:#fff;clip-path:polygon(0 0,100% 0,50% 100%);position:absolute;right:2rem;top:50%;transform:translateY(-50%);transition:transform .3s ease}.product-introduction__filter-list-wrap .accordion__header.is-active:after{transform:translateY(-50%) rotate(180deg)}.product-introduction__filter-list-wrap .accordion__inner ul{margin:0;padding-block:0;padding-inline:0;list-style:none}.product-introduction__filter-list-wrap .accordion__inner ul li{margin:0;padding-block:0;padding-inline:2rem}.product-introduction__filter-list-wrap .accordion__inner ul li a{text-decoration:none;position:relative;color:var(--color-primary);background-image:linear-gradient(to right,var(--color-primary),var(--color-primary));background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .3s ease}.product-introduction__filter-list-wrap .accordion__inner ul li a:hover{color:var(--color-primary)}.product-introduction__count{color:#000;line-height:1.4;display:flex;align-items:baseline;gap:.5rem}.product-introduction__count-number{color:#000;font-size:clamp(14px,2.2rem,2.2rem);line-height:1.1;position:relative;bottom:-.2rem}.product-introduction__search-result{margin-block:4rem 0;color:#000;font-size:clamp(14px,2.4rem,2.4rem);font-weight:300;line-height:1;text-decoration-line:underline;text-decoration-thickness:1px}.product-list__content{margin-block:4rem 0;margin-inline:auto;max-width:35.4rem;display:grid;grid-template-columns:1fr;gap:6rem}.product-list__content .product-card{position:relative}.product-list__content .product-card__figure a{aspect-ratio:426/293;display:flex;padding:3.8rem;align-items:center;justify-content:center;border:1px solid #e9eae9}.product-list__content .product-card__image{max-width:100%;max-height:100%;width:auto;height:auto}.product-list__content .product-card__info{margin-block:2.6rem 0}.product-list__content .product-card__title{font-size:clamp(14px,2rem,2rem);font-weight:400;line-height:1.6}.product-list__content .product-card__title a{text-decoration:none;position:relative;color:var(--color-primary);background-image:linear-gradient(to right,var(--color-primary),var(--color-primary));background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .3s ease}.product-list__content .product-card__company{line-height:1.8}.product-list__content .product-card__tags{margin-block:1.6rem 0;margin-inline:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:.4rem 3.2rem}.product-list__content .product-card__tag-item{margin:0;padding:0;color:#909790;font-size:clamp(14px,1.4rem,1.4rem);line-height:1.2}.product-list__content .product-card__tag-item a{text-decoration:none;position:relative;color:#909790;background-image:linear-gradient(to right,#909790,#909790);background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .3s ease}.product-list__content .product-card__category{padding-block:.2rem 1px;padding-inline:1rem .8rem;writing-mode:vertical-rl;font-feature-settings:initial;color:#fff;background-color:var(--color-primary);font-weight:500;line-height:1.4;--spacing:.46em;position:absolute;top:0;right:0;z-index:2;pointer-events:none}.product-pagination{margin-block:8rem 0}.product-pagination .wp-pagenavi{margin-inline:auto;max-width:160rem;display:flex;gap:2rem}.product-pagination .wp-pagenavi a,.product-pagination .wp-pagenavi span{padding-inline:.1em 0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(14px,2.4rem,2.4rem);line-height:1.6}.product-pagination .wp-pagenavi a{color:var(--color-primary);text-decoration:none;border:1px solid transparent}.product-pagination .wp-pagenavi span{color:#fff;background-color:#909790;border:1px solid #909790}.product-no-item{margin-inline:auto;margin-block:4rem 0;max-width:160rem}.product-entry__header{padding-block:10rem;padding-inline:3rem}.product-entry__header-container{margin-inline:auto;max-width:60rem}.product-entry__title{font-size:clamp(14px,2.8rem,2.8rem);font-weight:400;line-height:1.6}.product-entry__tags{margin-inline:0;padding:0;list-style:none;display:flex;flex-wrap:wrap}.product-entry__tag-item{margin:0;padding:0;color:#898989;line-height:1.2}.product-entry__tag-item a{text-decoration:none;position:relative;color:#898989;background-image:linear-gradient(to right,#898989,#898989);background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .3s ease}.product-entry__gallery{margin-block:6rem 0;display:flex}.product-entry__gallery-container{flex:1}.product-entry__gallery-main{border:1px solid #d2d2d2;padding:2rem}.product-entry__gallery-main-image{display:flex;align-items:center;justify-content:center;height:22rem}.product-entry__gallery-main-image img{object-fit:contain;max-width:100%;max-height:100%}.product-entry__gallery-thumbnails{margin-block:2rem 0}.product-entry__gallery-thumbnails-container{gap:2rem}.product-entry__gallery-thumbnail{border:1px solid #e9eae9;aspect-ratio:1/1;cursor:pointer;transition:border-color .3s ease,opacity .3s ease;background-color:#fff;overflow:hidden}.product-entry__gallery-thumbnail--active{border-color:var(--color-primary);border-width:1px;opacity:1}.product-entry__gallery-thumbnail img{object-fit:cover;display:block;width:100%;height:100%;transition:transform .3s ease}.product-entry__story{padding-block:0 10rem;padding-inline:4rem}.product-entry__story-title{margin-inline:-4rem;display:flex;align-items:center;gap:3rem;text-align:center;font-size:clamp(14px,1.6rem,1.6rem);font-weight:400;line-height:1.4;--spacing:.3em}.product-entry__story-title:before,.product-entry__story-title:after{content:"";flex:1;height:1px;background:var(--color-primary)}.product-entry__story-section{margin-block:8rem 0;margin-inline:auto;max-width:60rem}.product-entry__story-title+.product-entry__story-section{margin-block:10rem 0}.product-entry__story-section--main .product-entry__story-subtitle{font-size:clamp(14px,3.2rem,3.2rem);font-weight:400;line-height:1.6;--spacing:.3em}.product-entry__story-section--main .product-entry__story-image{margin-block:4rem 0}.product-entry__story-section--normal{display:flex}.product-entry__story-subtitle{font-size:clamp(14px,2.6rem,2.6rem);font-weight:400;line-height:1.6;--spacing:.2em}.product-entry__story-text{margin-block:4rem 0;line-height:2}.product-entry__story-image{text-align:center}.product-entry__details{margin-block:8rem 0;margin-inline:auto;padding-block:6rem;padding-inline:4rem;max-width:60rem;border:1px #e9eae9 solid}.product-entry__details-title{font-size:clamp(14px,2rem,2rem);font-weight:400;line-height:1.4;--spacing:.2em;display:flex;align-items:center;justify-content:center;gap:1.4rem}.product-entry__details-title:before,.product-entry__details-title:after{content:"";width:2rem;height:1px;background:var(--color-primary)}.product-entry__details-table{margin-block:2rem 0;width:100%}.product-entry__details-table tr{border-bottom:1px #e9eae9 solid}.product-entry__details-table th{padding-inline:0 4rem;font-weight:400;text-align:left;vertical-align:top}.product-entry__details-table td{line-height:2;vertical-align:top}.product-entry__brand{margin-block:8rem 0;margin-inline:auto;padding-block:7rem;padding-inline:3rem;max-width:108rem;outline-width:.2rem;outline-style:solid;outline-offset:-1.3rem}.product-entry__brand-container{margin-inline:auto;max-width:92rem;display:flex;gap:4rem}.product-entry__brand-logo img{display:block}.product-entry__brand-title{margin-block:4rem 0;font-size:clamp(14px,2rem,2rem);font-weight:500;line-height:1.6}.product-entry__brand-description{font-weight:500;line-height:2}.product-entry__brand-button{margin-block:4rem 0}.product-entry__brand-button a{max-width:27.4rem;height:5.1rem;border:1px solid var(--color-primary);background-color:#fff;line-height:2;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;position:relative}.product-entry__brand-button a:after{content:"";width:1.1rem;aspect-ratio:1/1;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/product/product-entry-brand-button-icon.svg) no-repeat center center/contain;position:absolute;right:1.9rem;top:50%;transform:translateY(-50%)}.product-entry__brand-button a:hover{color:var(--color-primary)}.product-entry__contact{padding-block:0 2rem;padding-inline:2rem}.product-entry__contact-inner{padding-block:9rem;padding-inline:3rem;background:#e9eae94d}.product-entry__contact-title{text-align:center;font-size:clamp(14px,2.6rem,2.6rem);font-weight:400;line-height:1.6;--spacing:.2em}.product-entry__contact-description{margin-block:3rem 0;text-align:center;line-height:2}.product-entry__contact-list{margin-block:5rem 0;margin-inline:auto;padding:0;list-style:none;max-width:60rem;display:grid;grid-template-columns:1fr;gap:1rem}.product-entry__contact-item{margin:0;padding:0}.product-entry__contact-link{margin-inline:auto;padding-block:2rem;padding-inline:2rem;border:1px solid var(--color-primary);background:#fff;display:flex;align-items:center;justify-content:center;gap:1rem;max-width:48rem;height:100%;min-height:8rem;text-decoration:none;color:var(--color-primary);line-height:1.4;--spacing:.2em}.product-entry__contact-link:hover{color:var(--color-primary)}.product-entry__contact-link--mail:before{content:"";width:3.5rem;aspect-ratio:35/34;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/product/product-entry-contact-link-mail.svg) no-repeat center center/contain}.product-entry__contact-link--tel:before{content:"";width:2.9rem;aspect-ratio:29/30;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/product/product-entry-contact-link-tel.svg) no-repeat center center/contain}.product-entry__contact-link--page:before{content:"";width:3.7rem;aspect-ratio:37/36;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/product/product-entry-contact-link-page.svg) no-repeat center center/contain}.product-entry__contact-link--blank:before{content:"";width:3.7rem;aspect-ratio:37/36;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/product/product-entry-contact-link-blank.svg) no-repeat center center/contain}.product-entry__back-link{padding-block:1rem .6rem;padding-inline:2rem;border-radius:0 .4rem 0 0;display:flex;justify-content:center;align-items:center;gap:1rem;color:#faf6f2;background:#255b4d;text-align:center;font-family:var(--font-secondary);font-weight:300;line-height:1.3;position:fixed;bottom:0;left:0;z-index:10;writing-mode:vertical-rl;font-feature-settings:initial;text-decoration:none}.product-entry__back-link:hover{color:#faf6f2}.product-entry__back-link:after{content:"";width:.7rem;aspect-ratio:7/37;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/product/product-entry-back-link-icon.svg) no-repeat center center/contain;position:relative;right:-1px}.hb-hero{padding-block:8rem 0;padding-inline:2rem}.hb-hero__title{color:#255b4d;text-align:center;font-size:clamp(14px,2.8rem,2.8rem);font-weight:500;line-height:1.5;--spacing:.2em}.hb-hero__content{margin-inline:auto;max-width:176rem;position:relative;overflow:hidden}.hb-hero__figure{margin-block:6rem 0;margin-inline:auto;text-align:center;position:relative;z-index:1}.hb-hero__figure img{width:100%}.hb-hero__text{color:#f9f9f9;text-align:right;font-family:var(--font-thirdly);font-size:clamp(14px,6.5rem,6.5rem);font-weight:300;line-height:.9;--spacing:.05em;position:absolute;right:0;bottom:0;z-index:2}.hb-about{margin-block:15rem 0;padding-inline:3rem}.hb-about__container{margin-inline:auto;max-width:60rem}.hb-about__title{color:#255b4d;font-weight:400;line-height:1.4}.hb-about__description{margin-block:2rem 0;line-height:2}.hb-history{margin-block:10rem 0;padding-inline:2rem}.hb-history__title{margin-inline:-2rem;display:flex;align-items:center;gap:3rem;text-align:center;font-size:clamp(14px,1.6rem,1.6rem);font-weight:400;line-height:1.4;--spacing:.3em}.hb-history__title:before,.hb-history__title:after{content:"";flex:1;height:1px;background:var(--color-primary)}.hb-history__timeline-title{margin-block:6rem 0;color:#e9eae9;text-align:center;font-family:var(--font-thirdly);font-size:clamp(14px,6.7rem,6.7rem);font-weight:300;line-height:1;--spacing:.05em;text-transform:uppercase}.hb-history__timeline{margin-inline:auto}.hb-history__timeline-item{display:flex;position:relative}.hb-history__timeline-item:last-child .hb-history__timeline-content:before{height:calc(100% - 4.2rem)}.hb-history__timeline-item:before{content:"";width:1px;height:100%;background:#90979080;position:absolute;left:.8rem;top:1.7rem}.hb-history__timeline-item:after{content:"";width:15px;aspect-ratio:15/16;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand/hb-history-timeline-event-icon.svg) no-repeat center center/contain;position:absolute;left:1px;top:1rem}.hb-history__timeline-date{font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:1.8}.hb-history__timeline-content{position:relative}.hb-history__timeline-content:before{content:"";width:1px;height:100%;background:#90979080;position:absolute;left:0;top:4.2rem}.hb-history__timeline-event{font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:1.8;position:relative}.hb-history__timeline-event:before{content:"";width:15px;aspect-ratio:15/16;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand/hb-history-timeline-event-icon.svg) no-repeat center center/contain;position:absolute;left:-3.9rem;top:1.2rem}.hb-history__timeline-description{color:#1f262099;line-height:1.8}.hb-history__gallery-loop{margin-inline:-2rem;overflow:hidden;white-space:nowrap}.hb-history__gallery-loop .track{width:-moz-max-content;width:max-content;animation:scrollImage 20s linear infinite}.hb-history__gallery-wrap{display:flex}.hb-history__gallery{margin:0;padding:0;list-style:none;display:flex}.hb-history__gallery-item{margin:0;padding:0}@keyframes scrollImage{0%{transform:translate(0)}to{transform:translate(-50%)}}.hb-series{margin-block:10rem 0;padding-block:8rem;padding-inline:3rem;background:#e9eae94d}.hb-series__title{color:#909790;text-align:center;font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6}.hb-series__description{color:#909790;text-align:center;font-size:clamp(14px,2rem,2rem);line-height:2.2}.hb-series__content{margin-block:4rem 0;margin-inline:auto;max-width:37.2rem;display:grid;grid-template-columns:1fr;gap:2rem}.hb-series .series-card{display:block;padding-block:3rem;padding-inline:3rem;position:relative;text-decoration:none;transition:opacity .6s ease}.hb-series .series-card:after{content:"";width:5.5rem;aspect-ratio:86/12;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/series-card-icon.svg) no-repeat center center/contain;position:absolute;right:2.7rem;bottom:4.1rem}.hb-series .series-card--hokudai-gagome{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/series-card-hokudai-gagome-bg.jpg) no-repeat center center/cover}.hb-series .series-card--hokudai-raspberry{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/series-card-hokudai-raspberry-bg.jpg) no-repeat center center/cover}.hb-series .series-card--hokudai-shorthorn{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/series-card-hokudai-shorthorn-bg.jpg) no-repeat center center/cover}.hb-series .series-card__figure{width:23.5rem;aspect-ratio:372/437;overflow:hidden}.hb-series .series-card__image{object-fit:cover;width:100%;height:100%;transition:transform .6s ease}.hb-series .series-card__name-jp{margin-block:2.3rem 0;color:#fff;font-size:clamp(14px,2.4rem,2.4rem);font-weight:275;line-height:1.2;--spacing:.25em}.hb-series .series-card__name-en{writing-mode:vertical-rl;font-feature-settings:initial;color:#fff;font-family:var(--font-secondary);font-size:clamp(14px,2rem,2rem);font-weight:275;line-height:1.2;--spacing:.25em;position:absolute;right:2rem;top:2rem}.hb-contact{padding-block:2rem;padding-inline:2rem}.hb-contact__content{padding-block:4rem;padding-inline:3rem;background:#e9eae94d}.hb-contact__title{text-align:center;font-size:clamp(14px,2rem,2rem);font-weight:400;line-height:1.8;letter-spacing:.2em}.hb-contact__link{margin-block:2rem 0}.hb-contact__link a{margin-inline:auto;padding-inline:2rem;display:flex;max-width:37.2rem;height:8rem;justify-content:center;align-items:center;border:1px solid var(--color-primary);background:#fff;color:var(--color-primary);text-align:center;line-height:1.4;--spacing:.2em;text-decoration:none}.hbi-hero{padding-block:8rem 0;padding-inline:2rem}.hbi-hero__image{text-align:center}.hokudai-gagome .hbi-hero__image img{width:8.4rem}.hokudai-raspberry .hbi-hero__image img{width:10.2rem}.hokudai-shorthorn .hbi-hero__image img{width:8.4rem}.hbi-hero__title{margin-block:3rem 0;text-align:center;font-size:clamp(14px,2.8rem,2.8rem);font-weight:500;line-height:1.3;--spacing:.2em}.hbi-hero__subtitle{margin-block:2rem 0;text-align:center;font-size:clamp(14px,1.8rem,1.8rem);line-height:1.8;--spacing:.2em}.hbi-hero__content{margin-block:10rem 0;position:relative}.hbi-hero__content:before{content:"";width:24.1rem;aspect-ratio:241/402;position:absolute;right:-2rem;top:-4.3rem;z-index:-1}.hokudai-gagome .hbi-hero__content:before{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-gagome_hero-bg.png) no-repeat center center/cover}.hokudai-raspberry .hbi-hero__content:before{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-raspberry_hero-bg.png) no-repeat center center/cover}.hokudai-shorthorn .hbi-hero__content:before{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-shorthorn_hero-bg.png) no-repeat center center/cover}.hbi-hero__figure{text-align:center}.hbi-hero__figure img{width:37.4rem}.hbi-hero__brand{margin-block:2rem 0;text-align:center;font-family:var(--font-secondary);font-size:clamp(14px,4.4rem,4.4rem);font-weight:275;line-height:1.3;--spacing:.26em}.hbi-hero__description{padding-block:1.5rem;padding-inline:3rem;background-color:#fff;font-weight:500;line-height:1.3;--spacing:.4em;position:absolute;right:2rem;top:-3.3rem;writing-mode:vertical-rl;font-feature-settings:initial;white-space:nowrap}.hbi-about{padding-block:15rem 5rem;padding-inline:2rem;position:relative}.hbi-about:after{content:"";position:absolute;z-index:-1}.hokudai-gagome .hbi-about:after{width:27.1rem;aspect-ratio:1/1;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-gagome_about-bg.png) no-repeat center center/cover;left:0;bottom:0}.hbi-about__title{text-align:center;font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:2;--spacing:.4em}.hbi-about__subtitle{margin-block:1.6rem 0;font-size:clamp(14px,2.6rem,2.6rem);font-weight:400;line-height:1.8;--spacing:.15em;text-align:center}.hbi-about__intro{margin-inline:auto;display:flex}.hbi-about__intro-text{line-height:2}.hbi-about__intro-text+.hbi-about__intro-text{margin-block:3rem 0}.hbi-about__intro-figure{text-align:center}.hbi-about__fucoidan{margin-block:5rem 0;margin-inline:auto;padding-block:5rem;padding-inline:4rem;border:1px solid #e9eae9;background:#fff;display:flex}.hbi-about__fucoidan-title{font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:2;--spacing:.2em}.hbi-about__fucoidan-text{margin-block:1rem 0;line-height:2}.hbi-about__fucoidan-figure{text-align:center}.hbi-about__fucoidan-figure img{width:29.4rem}.hbi-corner{padding-inline:3rem}.hbi-corner__title{padding-block:5rem;color:#e9eae980;font-family:var(--font-thirdly);font-size:clamp(14px,16rem,16rem);font-weight:400;line-height:1.4;--spacing:.21em;text-transform:uppercase;text-align:center}.hbi-corner__box-3{margin-inline:auto;display:flex}.hokudai-raspberry .hbi-corner__box-3-content{order:2}.hbi-corner__box-3-title{font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6;--spacing:.2em}.hbi-corner__box-3-text{margin-block:2rem 0;text-align:justify;line-height:2}.hbi-corner__box-3-text .bold{color:#ffc831;font-weight:700}.hbi-corner__box-3-figure{flex-shrink:1}.hbi-corner__box-3-figure img{width:100%}.hbi-corner__box{padding-block:8rem}.hbi-corner__box:last-child{padding-block:8rem 0}.hbi-corner__box-figure{text-align:center}.hbi-corner__box-title{text-align:center;font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6;--spacing:.2em}.hbi-corner__box-figure+.hbi-corner__box-title{margin-block:7.6rem 0}.hbi-corner__box-intro{margin-block:4rem 0;margin-inline:auto;max-width:calc(100% - 8rem);text-align:justify;line-height:2}.hbi-corner__box-content{margin-block:6rem 0;margin-inline:auto;display:flex}.hbi-corner__box-subtitle{font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:2;--spacing:.2em}.hbi-corner__box-list{margin-block:2rem 0;padding:2rem;background:#e9eae94d;line-height:2.2}.hbi-corner__box-2{position:relative;padding-inline:3rem}.hokudai-raspberry .hbi-corner__box-2:before{content:"";width:9.6rem;aspect-ratio:96/224;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-raspberry_about-bg.png) no-repeat center center/cover;position:absolute;left:0;top:-5.8rem}.hbi-corner__box-2-image{text-align:center}.hbi-corner__box-2-title{font-size:clamp(14px,1.6rem,1.6rem);font-weight:400;line-height:2;--spacing:.2em}.hbi-corner__box-2-items{margin-block:2rem 0;display:grid;grid-template-columns:1fr;gap:2rem}.hbi-corner__box-2-item{padding:4rem;border:1px solid #909790;background:#fff;display:flex;position:relative;flex-direction:column;gap:2rem}.hbi-corner__box-2-number{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hbi-corner-box-2-number-raspberry.jpg) no-repeat center center/cover;display:flex;justify-content:center;align-items:center;color:#fff}.hbi-corner__box-2-number-text{line-height:1.1;--spacing:.21em}.hbi-corner__box-2-number-number{font-family:var(--font-thirdly);font-size:clamp(14px,3rem,3rem);line-height:1.1}.hbi-corner__box-2-title-2{font-size:clamp(14px,2rem,2rem);font-weight:400;line-height:1.7;--spacing:.2em}.hbi-corner__box-2-description{margin-block:1rem 0;line-height:1.8}.hbi-corner__gallery{margin:0;padding:0;list-style:none;width:-moz-max-content;width:max-content;display:flex;gap:1rem}.hbi-corner__gallery-item{margin:0;padding:0}.hbi-corner__gallery-image-caption{text-align:center;font-size:clamp(10px,1.2rem,1.2rem);line-height:2.2}.hbi-corner__box-4{margin-block:6rem 0;padding-inline:3rem;position:relative}.hokudai-shorthorn .hbi-corner__box-4:before{content:"";width:9.6rem;aspect-ratio:96/224;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-shorthorn_about-bg.png) no-repeat center center/cover;position:absolute;left:0;top:-5.8rem}.hbi-corner__box-4-items{margin-inline:auto;max-width:128rem;display:grid;grid-template-columns:1fr;gap:2rem}.hbi-corner__box-4-item{padding-block:4rem;padding-inline:2rem;border:1px solid #909790;background:#fff;display:flex;align-items:center;gap:2rem;position:relative;cursor:pointer}.hbi-corner__box-4-item:after{content:"";width:2.3rem;aspect-ratio:1/1;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hbi-corner-box-4-icon-plus.svg) no-repeat center center/contain;position:absolute;right:2rem;bottom:2rem}.hbi-corner__box-4-icon{width:6.2rem}.hbi-corner__box-4-title{flex:1;font-size:clamp(14px,2rem,2rem);font-weight:400;line-height:1.7;--spacing:.2em}.hbi-corner__box-5{margin-inline:auto;background:#e9eae980;display:flex}.hbi-corner__box-5-title{font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:2;--spacing:.4em}.hbi-corner__box-5-description{margin-block:1rem 0;line-height:2.2}.hbi-corner-2__box-title{text-align:center;font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6;--spacing:.4em}.hbi-corner-2__box-items{margin-block:2rem 0;display:grid;grid-template-columns:1fr}.hbi-corner-2__box-item-image{text-align:center}.hbi-corner-2__box-item-title{margin-block:2rem 0;text-align:center;font-size:clamp(14px,2rem,2rem);font-weight:400;line-height:2;--spacing:.4em}.hbi-corner-2__box-item-sub-title{margin-block:-.3rem 0;line-height:2;--spacing:.4em;text-align:center}.hbi-corner-2__box-item-description{margin-block:1rem;line-height:2}.hbi-corner-2__box-2{margin-inline:auto;padding-block:8rem;padding-inline:3rem;display:flex}.hbi-corner-2__box-2-image{text-align:center}.hbi-corner-2__box-2-title{font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:2;--spacing:.2em}.hbi-corner-2__box-2-title-2{margin-block:1rem 0;font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6;--spacing:.2m}.hbi-corner-2__box-2-description{margin-block:3rem 0;line-height:2}.hbi-corner-2__box-3{padding-inline:3rem}.hbi-corner-2__box-3-title{text-align:center;font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6;--spacing:.2em}.hbi-corner-2__box-3-description{margin-block:3rem 0;text-align:center;line-height:2}.hbi-corner-2__box-3-items{margin-block:5rem 0;margin-inline:auto;max-width:60rem;display:grid;grid-template-columns:1fr;gap:3rem}.hbi-corner-2__box-3-item{padding:5rem;border:1px solid #4d1109;background:#fff;display:grid;grid-template-rows:subgrid;grid-row:span 5;gap:0}.hbi-corner-2__box-3-item-image{height:16rem;display:flex;align-items:center;justify-content:center}.hbi-corner-2__box-3-item-image img{width:auto;height:auto;max-height:100%;max-width:100%}.hbi-corner-2__box-3-item-title{margin-block:2rem 0;font-size:clamp(14px,1.8rem,1.8rem);font-weight:400;line-height:2;--spacing:.2em;text-align:center}.hbi-corner-2__box-3-item-description{margin-block:1.2rem 0;line-height:2}.hbi-corner-2__box-3-item-access{margin-block:2rem 0;padding-block:2rem 0;background-image:repeating-linear-gradient(90deg,#b3b3b3,#b3b3b3 .5rem,transparent .5rem,transparent 1rem,#b3b3b3 1rem);background-size:100% 1px;background-position:0 0;background-repeat:no-repeat;line-height:1.4;display:flex;align-items:center;gap:1.5rem}.hbi-corner-2__box-3-item-access:before{content:"";width:1.9rem;aspect-ratio:19/24;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hbi-corner-2-box-3-item-access-icon.svg) no-repeat center center/contain}.hbi-corner-2__box-3-item-button{margin-block:3.8rem 0}.hbi-corner-2__box-3-item-button a{width:100%;height:5.1rem;display:flex;align-items:center;justify-content:center;text-align:center;color:#fff;line-height:1.4;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hbi-corner-2-box-3-item-button-bg.png) no-repeat center center/cover;text-decoration:none;position:relative}.hbi-corner-2__box-3-item-button a:after{content:"";width:1.5rem;aspect-ratio:1/1;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/home/related-links-shop-info-icon.svg) no-repeat center center/contain;position:absolute;right:2rem;top:50%;transform:translateY(-50%)}.hbi-corner-2__box-3-item-button a:hover{color:#fff}.hbi-corner-2__box-3-item-button a:hover:after{right:1.7rem;transform:translateY(calc(-50% - .3rem))}.hbi-products{padding-block:8rem;padding-inline:3rem}.hokudai-gagome .hbi-products{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-gagome_products-bg-sp.png) no-repeat center center/cover}.hokudai-raspberry .hbi-products{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-raspberry_products-bg-sp.png) no-repeat center center/cover}.hokudai-shorthorn .hbi-products{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-shorthorn_products-bg-sp.png) no-repeat center center/cover}.hbi-products__inner{margin-inline:auto;max-width:128rem}.hbi-products__logo{text-align:center}.hokudai-gagome .hbi-products__logo img{width:8.4rem}.hokudai-raspberry .hbi-products__logo img{width:10.2rem}.hokudai-shorthorn .hbi-products__logo img{width:8.4rem}.hbi-products__title{margin-block:2rem 0;font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6;text-align:center;--spacing:.2em}.hbi-products__list{margin-block:4rem 0;display:grid;grid-template-columns:1fr;gap:6rem}.hbi-products__item-figure{display:flex;align-items:center;justify-content:center;height:23.8rem;background-color:#fff}.hbi-products__item-figure a{padding:3rem;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border:1px solid #fff}.hbi-products__item-figure img{object-fit:contain;max-height:100%}.hbi-products__item-title{margin-block:2rem 0;font-size:clamp(14px,2rem,2rem);font-weight:400;line-height:1.6}.hbi-products__item-title a{text-decoration:none;position:relative;color:var(--color-primary);background-image:linear-gradient(to right,var(--color-primary),var(--color-primary));background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .3s ease}.hbi-products__item-brand{line-height:1.8}.hbi-products__item-tags{margin-block:1.5rem 0;margin-inline:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:1rem}.hbi-products__item-tag{margin:0;padding:0;color:#909790;font-size:clamp(14px,1.4rem,1.4rem);line-height:1.2}.hbi-products__item-tag a{text-decoration:none;position:relative;color:#909790;background-image:linear-gradient(to right,#909790,#909790);background-repeat:no-repeat;background-position:right bottom;background-size:0 1px;transition:background-size .3s ease}.hbi-products__more{margin-block:6rem 0}.hbi-products__more a{margin-inline:auto;padding-inline:3rem;height:7.4rem;display:flex;align-items:center;gap:2rem;color:#fff;font-size:20px;font-weight:500;line-height:1.4;text-decoration:none;position:relative}.hokudai-gagome .hbi-products__more a{background:#8ccfc4}.hokudai-raspberry .hbi-products__more a{background:#f6c5be}.hokudai-shorthorn .hbi-products__more a{background:#d5aa9c}.hbi-products__more a:before{content:"";flex:1;height:1px;opacity:0}.hbi-products__more a:hover{color:#fff}.hbi-products__more a:hover .hbi-products__more-icon:before{width:100%}.hbi-products__more-icon{flex:1;height:1px;position:relative}.hbi-products__more-icon:before{content:"";width:7rem;height:1px;background-color:#fff;position:absolute;right:0;top:0;transition:width .3s ease}.hbi-products__more-icon:after{content:"";width:.8rem;aspect-ratio:1/1;background-color:#fff;position:absolute;right:0;top:50%;transform:translateY(-50%) rotate(45deg)}.hbi-interview{padding-block:8rem;padding-inline:3rem}.hbi-interview__content{margin-inline:auto;border:1px solid #e9eae9;display:flex}.hbi-interview__image img{object-fit:cover;width:100%;aspect-ratio:1/1;border-radius:100vmax}.hbi-interview__organization{line-height:1.6}.hbi-interview__person{margin-block:1rem 0;line-height:1.6;display:flex;align-items:center;gap:2rem}.hbi-interview__position{font-size:clamp(14px,1.6rem,1.6rem);position:relative;top:.3rem}.hbi-interview__description{margin-block:3.5rem 0;line-height:2}.hbi-series{margin-block:6rem 0;padding-block:0 4rem;padding-inline:2rem}.hbi-series__title{color:#909790;text-align:center;font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.6}.hbi-series__list{margin-block:3rem 0;margin-inline:auto;max-width:37.2rem;display:grid;grid-template-columns:1fr;gap:2rem}.hbi-series__list a{display:flex;width:100%;height:17.2rem;color:#fff;text-decoration:none}.hbi-series__list a.gagome{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hbi-series-list-item-gagome.jpg) no-repeat center center/cover}.hbi-series__list a.raspberry{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hbi-series-list-item-raspberry.jpg) no-repeat center center/cover}.hbi-series__list a.shorthorn{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hbi-series-list-item-shorthorn.jpg) no-repeat center center/cover}.hbi-series__list a:hover{color:#fff}.hbi-series__list-figure{order:2;width:11.7rem}.hbi-series__list-figure img{object-fit:cover;width:100%;height:100%}.hbi-series__list-content{order:1;flex:1;padding-inline:3rem 1rem;display:flex;flex-direction:column;justify-content:center}.hbi-series__list-title{font-size:clamp(14px,2.4rem,2.4rem);font-weight:400;line-height:1.2;--spacing:.1em}.hbi-series__list-subtitle{margin-block:1rem 0;font-family:var(--font-secondary);font-size:clamp(14px,1.8rem,1.8rem);font-weight:275;line-height:1.2;--spacing:.25em}.modal-hokudai-shorthorn.modal{z-index:1200}.modal-hokudai-shorthorn .modal__container{padding-block:5rem;padding-inline:3rem;width:100%;max-width:96rem;border-radius:0}.modal-hokudai-shorthorn .modal__close-button{padding:0;width:2rem;top:2rem;right:2rem}.modal-hokudai-shorthorn .modal__content__inner{margin-inline:auto;max-width:60rem}.modal-hokudai-shorthorn__title{font-size:clamp(14px,2rem,2rem);text-align:center;font-weight:400;line-height:1.6;--spacing:.3em}.modal-hokudai-shorthorn__text{margin-block:2rem 0;line-height:2.4}.topics{padding-block:0 8rem;padding-inline:3rem}.topics__header{margin-inline:-3rem;padding-block:8rem}.topics__header--article{background:#e9eae94d}.topics__header-inner{margin-inline:auto;max-width:128rem;display:flex;align-items:center;gap:2rem}.topics__title{font-weight:400}.topics__subtitle{color:#909790;font-family:var(--font-secondary);font-size:clamp(14px,1.4rem,1.4rem);font-weight:275;line-height:1.8;--spacing:.3em}.topics__category{margin-block:0;margin-inline:auto;padding:0;max-width:128rem;list-style:none;display:flex;flex-wrap:wrap;gap:1.5rem}.topics__category-item{margin:0;padding:0;line-height:1.5}.topics__category-item a{padding-block:.4rem;padding-inline:3rem;height:4rem;display:flex;align-items:center;justify-content:center;border-radius:100vmax;border:1px solid #e9eae9;text-decoration:none}.topics__category-item a.is-active{background:#e9eae966;border:1px solid rgba(233,234,233,.4)}.topics__category-item a:hover{color:var(--color-primary)}.topics__list{margin-block:6rem 0;margin-inline:auto;max-width:128rem}.topics__item{border-bottom:1px solid #e9eae9}.topics__item:first-child{border-top:1px solid #e9eae9}.topics__item .topics-item{display:flex;color:var(--color-primary);text-decoration:none}.topics__item .topics-item__date{line-height:2}.topics__item .topics-item__categories{display:flex;flex-direction:column;align-items:flex-start;gap:.8rem}.topics__item .topics-item__category{padding-block:0;padding-inline:2rem;justify-content:center;align-items:center;gap:1rem;background:#e9eae966;line-height:2;transition:all .3s ease}.topics__item .topics-item__title{font-size:clamp(14px,1.8rem,1.8rem)}.topics__item .topics-item__icon{margin-inline:auto 0;width:5.9rem;aspect-ratio:1/1;border:1px rgba(233,234,233,.4) solid;border-radius:100vmax;background:#e9eae966;position:relative;transition:border .3s ease;flex-shrink:0}.topics__item .topics-item__icon:before{content:"";width:.6rem;aspect-ratio:1/1;background:#255b4d;position:absolute;right:calc(50% - .3rem);top:calc(50% - .3rem);transform:rotate(0);transition:all .3s ease}.topics__item .topics-item__icon:after{content:"";width:0;height:1px;background:#255b4d;position:absolute;left:50%;top:50%;transform:translate(-50%);transition:all .3s ease}.topics__pagination{margin-block:6rem 0}.topics__pagination .wp-pagenavi{margin-inline:auto;max-width:160rem;display:flex;gap:2rem}.topics__pagination .wp-pagenavi a,.topics__pagination .wp-pagenavi span{padding-inline:.1em 0;width:4rem;height:4rem;display:flex;align-items:center;justify-content:center;text-align:center;font-size:clamp(14px,2.4rem,2.4rem);line-height:1.6}.topics__pagination .wp-pagenavi a{color:var(--color-primary);text-decoration:none;border:1px solid transparent}.topics__pagination .wp-pagenavi span{color:#fff;background-color:#909790;border:1px solid #909790}.topics-article{margin-inline:auto;padding-block:8rem;max-width:60rem}.topics-article__title{font-size:clamp(14px,2.2rem,2.2rem);font-weight:400;line-height:1.6}.topics-article__meta{display:flex}.topics-article__date{line-height:2}.topics-article__categories{margin:0;padding:0;list-style:none;display:flex;gap:.8rem}.topics-article__category{margin:0;padding:0 2rem;line-height:2;background:#e9eae966}.topics-article__content{margin-block:4rem 0}.topics-article__content p{margin-block:2.2rem}.topics-article__content p:first-child{margin-block:0 2.2rem}.topics-article__content p:last-child{margin-block:2.2rem 0}.topics-article__content table{border:1px solid #000}.topics-article__content table th,.topics-article__content table td{padding-inline:1rem;border:1px solid #000}.topics-back{border-top:1px solid #eaeaea;padding-inline:3rem}.topics-back__text{margin-inline:auto;padding-block:2rem;max-width:128rem;font-family:var(--font-secondary);font-size:clamp(14px,2rem,2rem);font-weight:275;line-height:2.4}.topics-back__link{color:var(--color-primary);text-decoration:none;width:-moz-fit-content;width:fit-content;display:flex;align-items:center;gap:2rem;position:relative;left:0;transition:all .3s ease}.topics-back__link:before{content:"";width:4.3rem;aspect-ratio:43/6;background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/topics/topics-back-link-icon.svg) no-repeat center center/contain}.topics-back__link:hover{color:var(--color-primary)}@media screen and (min-width:601px){.product-list__content{max-width:160rem;grid-template-columns:repeat(2,1fr);gap:6rem 3rem}.hb-hero__figure{margin-block:8rem 0;max-width:176rem}}@media screen and (min-width:769px){.hbi-products__list{grid-template-columns:repeat(3,1fr);gap:3.7rem}}@media (961px <=width < 1280px){html{font-size:.78125vw}}@media screen and (min-width:961px){input,textarea,select,button{font-size:clamp(14px,1.6rem,1.6rem)}input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder,button::-moz-placeholder{font-size:clamp(14px,1.6rem,1.6rem)}input::placeholder,textarea::placeholder,select::placeholder,button::placeholder{font-size:clamp(14px,1.6rem,1.6rem)}a[href^="tel:"]{pointer-events:none}br.pc{display:inline}br.sp{display:none}.header__content{height:10rem}.header__brand{width:32rem}.header .brand-logo__link{gap:1rem;align-items:center}.header .brand-logo__text--jp{font-size:clamp(14px,2.2rem,2.2rem);text-align:center}.header .brand-logo__text--en{text-align:center}.header__nav{margin-inline:auto 0;width:-moz-fit-content;width:fit-content;height:100%;position:relative}.header__nav-list{align-items:center;height:100%}.header__nav-item{padding-inline:5.8rem;flex:1}.header__nav-item a{height:6rem;font-size:clamp(14px,1.8rem,1.8rem)}.global-nav-button{display:none}.main{padding-block:10rem 0}.footer__content{align-items:center;gap:6rem}.footer__logo,.footer__logo img{width:29.1rem}.footer__info{flex:1;padding-block:.2rem 0}.footer__organization{font-size:clamp(14px,2rem,2rem)}.footer__address{margin-block:1px 0;line-height:2.2;gap:1.4rem}.footer__copyright{margin-block:3rem 0}.product-section__content{height:49.27vw;background:linear-gradient(180deg,#fff 0% 52.3%,#e9eae94d 52.3% 100%)}.product-section__content .product-info-slider-wrap{padding-inline:5.21vw 6.25vw;width:37.5%;height:100%;order:1}.product-section__content .product-info-slider,.product-section__content .product-info-slider .swiper-wrapper,.product-section__content .product-info-slider .swiper-slide,.product-section__content .product-info{height:100%}.product-section__content .product-info__header{padding-block:2.6vw 2.24vw;height:52.3%}.product-section__content .product-info__category{font-size:1.04vw}.product-section__content .product-info__title{margin-block:1.46vw 0;font-size:3.02vw}.product-section__content .product-info__subtitle{margin-block:.16vw 0;font-size:1.04vw;line-height:1.4}.product-section__content .product-info__details{padding-block:2.6vw;font-size:clamp(1.2rem,.83vw,.83vw)}.product-section__content .product-info__details-button{display:none}.product-section__content .product-info__tags{margin-block:2.6vw 0;display:flex;flex-wrap:nowrap;gap:.26vw 1.04vw}.product-section__content .product-info__tag-item{font-size:.73vw;font-size:clamp(1.2rem,.73vw,.73vw)}.product-section__content .product-info__link{font-size:clamp(1.2rem,.83vw,.83vw)}.product-section__slider{flex:1}.product-section .product-image-slider-wrap{order:2;width:62.5%;height:100%}.product-section .product-image-slider{padding-block:0 5.21vw}.product-section .product-image-slider .swiper-wrapper{height:100%!important}.product-section .product-image-slider .swiper-slide{height:100%}.product-section .swiper-button-next.product-slider-next{width:4.69vw;right:2.92vw}.product-section .product-slider-pagination{bottom:1.04vw}.product-section .product-slider-pagination .swiper-pagination-bullet{margin:0 .26vw;width:.52vw;height:.52vw}.product-section .autoplay-progress{width:100%;right:5.21vw;bottom:0;gap:1.51vw}.product-section .autoplay-progress .autoplay-progress-bar{height:.4rem}.product-section .autoplay-progress .autoplay-progress-text .current-slide{font-size:1.67vw}.product-section .autoplay-progress .autoplay-progress-text .separate{margin-inline:-.52vw -.1vw;width:1.72vw}.product-section .autoplay-progress .autoplay-progress-text .total-slides{font-size:2.92vw}.brand-description{padding-block:10rem 4rem}.brand-description__content{max-width:131.4rem}.brand-description__text{font-size:clamp(14px,2rem,2rem);line-height:2.2}.brand-description__button{gap:4rem}.brand-description__button a{padding-inline:4rem;max-width:62rem;font-size:clamp(14px,2rem,2rem)}.brand-description__button-icon{width:7rem}.topics-section{padding-block:16rem}.topics-section__header{gap:2rem}.topics-section__title-jp{font-size:clamp(14px,3.2rem,3.2rem);font-weight:500}.topics-section__list{margin-block:4rem 0;max-width:128rem}.topics-section__list-item .topics-item{padding-block:2.9rem;white-space:nowrap;align-items:center;gap:5.6rem}.topics-section__list-item .topics-item__date{width:8.6rem}.topics-section__list-item .topics-item__title{flex:1;white-space:wrap}.topics-section__view-all a{padding-block:1.2rem 1.4rem;max-width:63.4rem;font-size:clamp(14px,1.8rem,1.8rem)}.poplar-story{padding-block:0 16rem;padding-inline:3rem}.poplar-story__visual{width:41.2rem}.poplar-story__figure{width:100%;height:100%}.poplar-story__text{padding-block:8rem;padding-inline:10rem 8rem;flex:1;display:flex;flex-direction:column;justify-content:center}.poplar-story__title{font-size:clamp(14px,3rem,3rem)}.poplar-story__product{margin-block:1.8rem 0}.poplar-story__product-link-text img{width:68.9rem}.related-links{padding-block:10.6rem 13rem}.related-links__title{font-size:clamp(14px,3.2rem,3.2rem);line-height:2;--spacing:.3em}.related-links__title:not(:first-child){margin-block:7.6rem 0}.related-links__shop,.related-links__onlineshop{margin-block:4.2rem 0;max-width:172rem;grid-template-columns:repeat(3,1fr);gap:3rem}.related-links__onlineshop img{width:40.7rem}.product-search__search{justify-content:space-between;align-items:center}.product-search__search .search-box{max-width:27rem;height:4rem}.product-search__search-list{margin-block:0}.product-introduction{padding-block:4rem 16rem}.product-introduction__header-inner{gap:4.7rem;align-items:flex-start}.product-introduction__title{font-size:clamp(14px,3.9rem,3.9rem);line-height:1.5}.product-introduction__filter{margin-block:1rem 0;flex:1}.product-introduction__count{margin-block:1rem 0;margin-inline:auto 0}.product-introduction__count-number{font-size:clamp(14px,2.4rem,2.4rem)}.product-list__content{margin-block:7.5rem 0;grid-template-columns:repeat(3,1fr);gap:8.33vw}.product-list__content .product-card__info{margin-block:3.2rem 0}.product-pagination{margin-block:15rem 0}.product-entry__header{padding-block:10rem 19.3rem}.product-entry__header-container{max-width:160rem}.product-entry__title{font-size:clamp(14px,4.2rem,4.2rem);line-height:1.8}.product-entry__company{margin-block:.5rem 0;font-size:clamp(14px,2.2rem,2.2rem);line-height:1.6}.product-entry__tags{margin-block:3rem 0;gap:1rem 3rem}.product-entry__gallery{justify-content:space-between;gap:11rem}.product-entry__gallery-container{order:1}.product-entry__gallery-main-image{height:72.6rem}.product-entry__gallery-thumbnails{margin-block:4rem 0}.product-entry__gallery-thumbnails-container{display:flex}.product-entry__gallery-thumbnail{width:9.8rem}.product-entry__description{padding-block:1.3rem 0;padding-inline:.2rem 0;font-size:clamp(14px,3.6rem,3.6rem);line-height:1.9;order:2;writing-mode:vertical-rl;font-feature-settings:initial;--spacing:.3em;text-orientation:upright}.product-entry__story{padding-block:0 20rem;padding-inline:16rem}.product-entry__story-title{margin-inline:-16rem;font-size:clamp(14px,2.8rem,2.8rem);gap:4rem}.product-entry__story-section{margin-block:16rem 0;max-width:108rem}.product-entry__story-title+.product-entry__story-section{margin-block:21.2rem 0}.product-entry__story-section--main .product-entry__story-subtitle{font-size:clamp(14px,5.2rem,5.2rem)}.product-entry__story-section--main .product-entry__story-image{margin-block:6rem 0}.product-entry__story-section--normal{gap:8rem}.product-entry__story-section--normal .product-entry__story-content{flex:1}.product-entry__story-section--normal .product-entry__story-image{width:50rem}.product-entry__story-subtitle{font-size:clamp(14px,3.2rem,3.2rem);--spacing:.3em}.product-entry__story-text{line-height:2.4}.product-entry__details{margin-block:16rem 0;padding:8rem;max-width:108rem}.product-entry__details-title{font-size:clamp(14px,2.6rem,2.6rem);--spacing:.3em;gap:2.4rem}.product-entry__details-title:before,.product-entry__details-title:after{width:2.6rem}.product-entry__details-table th{padding-block:1.8rem 1.7rem;width:22rem;line-height:2}.product-entry__details-table td{padding-block:1.8rem 1.7rem}.product-entry__brand{margin-block:16rem 0;padding-block:8rem;padding-inline:4rem}.product-entry__brand-container{justify-content:space-between}.product-entry__brand-content{width:44rem;order:1}.product-entry__brand-title{margin-block:5rem 0;font-size:clamp(14px,2.2rem,2.2rem);--spacing:.2em}.product-entry__brand-description{margin-block:1.8rem 0;line-height:2.4;--spacing:.2em}.product-entry__brand-button{margin-block:4.8rem 0}.product-entry__brand-button a{max-width:30rem;height:5.3rem;font-size:clamp(14px,1.8rem,1.8rem)}.product-entry__brand-image{order:2;width:44rem}.product-entry__contact{padding-block:0 5rem;padding-inline:5rem}.product-entry__contact-inner{padding-block:15.6rem 18rem}.product-entry__contact-title{font-size:clamp(14px,3.4rem,3.4rem);line-height:2}.product-entry__contact-description{margin-block:2rem 0;line-height:2.4}.product-entry__contact-list{max-width:98.5rem;grid-template-columns:repeat(2,1fr);gap:2.5rem}.product-entry__contact-list:has(.product-entry__contact-item:only-child){grid-template-columns:1fr}.product-entry__contact-link{padding-inline:6rem;font-size:clamp(14px,2rem,2rem);min-height:10rem}.hb-hero{padding-block:10rem 0;padding-inline:3rem}.hb-hero__title{font-size:clamp(14px,4rem,4rem);line-height:1.3}.hb-hero__text{font-size:clamp(14px,16rem,16rem);right:1.3rem;bottom:.3rem}.hb-about{margin-block:16rem 0}.hb-about__container{max-width:110rem}.hb-about__title{font-size:clamp(14px,3.2rem,3.2rem);--spacing:.4em}.hb-about__description{margin-block:4rem 0;line-height:2.2}.hb-history{margin-block:17rem 0;padding-inline:4rem}.hb-history__title{margin-inline:-4rem;gap:4rem;font-size:clamp(14px,2.8rem,2.8rem)}.hb-history__timeline-title{margin-block:5.2rem 0;font-size:clamp(14px,18.6rem,18.6rem);line-height:1.4}.hb-history__timeline{max-width:89rem}.hb-history__timeline-item{gap:3.3rem}.hb-history__timeline-item:before{display:none}.hb-history__timeline-item:after{display:none}.hb-history__timeline-date{padding-block:3rem;width:15rem;font-size:clamp(14px,2rem,2rem)}.hb-history__timeline-content{padding-block:3rem;padding-inline:3.2rem 0;flex:1}.hb-history__timeline-event{font-size:clamp(14px,2rem,2rem)}.hb-history__gallery-loop{margin-block:4rem 0;margin-inline:-4rem}.hb-series{padding-block:10rem}.hb-series__title{font-size:clamp(14px,3.6rem,3.6rem);line-height:2.2}.hb-series__content{max-width:170rem;grid-template-columns:repeat(3,1fr);gap:3rem}.hb-series .series-card{padding-block:2.6vw;padding-inline:2.6vw}.hb-series .series-card:after{width:4.48vw;aspect-ratio:86/12;right:2.29vw;bottom:3.44vw}.hb-series .series-card__figure{width:78.8%}.hb-series .series-card__name-jp{margin-block:2.19vw 0;font-size:1.88vw;font-weight:300;--spacing:.2em}.hb-series .series-card__name-en{font-size:1.46vw;right:1.25vw;top:1.56vw}.hb-contact{padding-block:4rem;padding-inline:4rem}.hb-contact__content{padding-block:5.6rem 8rem}.hb-contact__title{font-size:clamp(14px,3.2rem,3.2rem);line-height:2}.hb-contact__link{margin-block:2.2rem 0}.hb-contact__link a{padding-inline:6rem;max-width:64rem;height:10rem;font-size:clamp(14px,2rem,2rem)}.hbi-hero{padding-block:10rem;padding-inline:8rem}.hokudai-gagome .hbi-hero__image img{width:12.4rem}.hokudai-raspberry .hbi-hero__image img{width:16.8rem}.hokudai-shorthorn .hbi-hero__image img{width:12.4rem}.hbi-hero__title{margin-block:2.5rem 0;font-size:clamp(14px,6.4rem,6.4rem)}.hbi-hero__subtitle{margin-block:2.8rem 0;font-size:clamp(14px,2.4rem,2.4rem);line-height:2;--spacing:.4em}.hbi-hero__content{margin-block:8.6rem 0;margin-inline:-8rem}.hbi-hero__content:before{width:64.2rem;aspect-ratio:642/848;right:0;top:-13.4rem}.hokudai-gagome .hbi-hero__content:before{background-size:contain}.hokudai-raspberry .hbi-hero__content:before{background-size:contain}.hokudai-shorthorn .hbi-hero__content:before{background-size:contain}.hbi-hero__figure img{width:176rem}.hbi-hero__brand{margin-block:3rem 0;font-size:clamp(14px,9.6rem,9.6rem);line-height:1.2;--spacing:.46em}.hbi-hero__description{padding-block:1.5rem;padding-inline:4rem;font-size:clamp(14px,2.4rem,2.4rem);line-height:1.875;right:3rem;top:-6rem}.hbi-about{padding-block:7.4rem 10rem;padding-inline:8rem}.hokudai-gagome .hbi-about:after{width:53rem;aspect-ratio:530/351;background-size:contain}.hbi-about__title{font-size:clamp(14px,2.4rem,2.4rem)}.hbi-about__subtitle{margin-block:.2rem 0;font-size:clamp(14px,4.6rem,4.6rem);line-height:2;--spacing:.4em}.hbi-about__intro{margin-block:5rem 0;max-width:128rem;gap:8rem}.hbi-about__intro-content{width:64rem}.hbi-about__intro-text{line-height:2.4}.hbi-about__intro-figure{width:56rem}.hbi-about__fucoidan{margin-block:10rem 0;padding-block:8rem;padding-inline:12rem;max-width:128rem;align-items:center;justify-content:space-between}.hbi-about__fucoidan-content{width:47.7rem}.hbi-about__fucoidan-title{--spacing:.4em}.hbi-about__fucoidan-text{line-height:2.2}.hbi-about__fucoidan-figure,.hbi-about__fucoidan-figure img{width:43.8rem}.hbi-corner{padding-block:0 14rem}.hbi-corner__box-3{padding-block:16rem;max-width:128rem;align-items:center;justify-content:space-between;gap:10rem}.hbi-corner__box-3-content{width:40%;padding-block:0 5.6rem}.hokudai-raspberry .hbi-corner__box-3-content{order:1}.hbi-corner__box-3-title{font-size:clamp(14px,3.2rem,3.2rem);line-height:2;--spacing:.3em}.hbi-corner__box-3-text{margin-block:2.2rem 0;line-height:2.2}.hokudai-raspberry .hbi-corner__box-3-figure{order:2}.hbi-corner__box-3-figure img{width:auto}.hbi-corner__box{padding-block:13.6rem 16rem}.hbi-corner__box:last-child{padding-block:13.6rem 0}.hokudai-gagome .hbi-corner__box-content-wrap{margin-block:9rem 0}.hbi-corner__box-title{font-size:clamp(14px,3.2rem,3.2rem);line-height:2;--spacing:.3em}.hbi-corner__box-intro{margin-block:2.2rem 0;max-width:64rem;line-height:2.2}.hbi-corner__box-intro--center{max-width:96rem;text-align:center}.hbi-corner__box-content{margin-block:8.2rem 0;max-width:96rem}.hbi-corner__box-details{flex:1}.hbi-corner__box-subtitle{font-size:clamp(14px,2.2rem,2.2rem);text-align:center;--spacing:.4em}.hbi-corner__box-list{margin-block:3rem 0;padding-block:3.6rem;padding-inline:4rem}.hbi-corner__box-2{margin-block:8.6rem 0}.hokudai-raspberry .hbi-corner__box-2:before{width:52rem;aspect-ratio:520/350;left:0;top:-22.3rem}.hbi-corner__box-2-title{margin-inline:auto;max-width:128rem;font-size:clamp(14px,1.8rem,1.8rem);--spacing:.4em}.hbi-corner__box-2-items{margin-block:3rem 0;margin-inline:auto;max-width:128rem;grid-template-columns:repeat(2,1fr)}.hbi-corner__box-2-number{width:10rem;flex-direction:column}.hbi-corner__box-2-number-number{font-size:clamp(14px,5.2rem,5.2rem)}.hbi-corner__box-2-content{flex:1}.hbi-corner__box-2-title-2{font-size:clamp(14px,2.2rem,2.2rem)}.hbi-corner__box-2-description{--spacing:.07em}.hbi-corner__gallery-wrap{margin-block:4rem 0}.hbi-corner__gallery-image-caption{font-size:clamp(14px,1.8rem,1.8rem)}.hbi-corner__box-4{margin-block:10rem 0}.hokudai-shorthorn .hbi-corner__box-4:before{width:51.2rem;aspect-ratio:442/317;top:-20.8rem}.hbi-corner__box-4-items{grid-template-columns:repeat(2,1fr)}.hbi-corner__box-4-item{padding:4rem}.hbi-corner__box-4-item:after{width:3.1rem}.hbi-corner__box-4-icon{width:10rem}.hbi-corner__box-4-title{font-size:clamp(14px,2.2rem,2.2rem);--spacing:.3em}.hbi-corner__box-5{margin-block:10rem 0;padding-block:8rem;padding-inline:12rem;max-width:128rem;justify-content:space-between;align-items:center;gap:8rem}.hbi-corner__box-5-image{width:40.3rem}.hbi-corner__box-5-content{flex:1}.hbi-corner-2__box{padding-block:18.4rem 16rem}.hbi-corner-2__box-title{font-size:clamp(14px,3.2rem,3.2rem);line-height:2;--spacing:.3em}.hbi-corner-2__box-items{margin-block:4.2rem 0;grid-template-columns:repeat(2,1fr)}.hbi-corner-2__box-item{padding-inline:6rem}.hbi-corner-2__box-item:nth-child(2n){border-left:1px solid #e9eae9}.hbi-corner-2__box-item-title{margin-block:2.5rem 0;font-size:clamp(14px,2.2rem,2.2rem)}.hbi-corner-2__box-2{padding-block:16rem 10rem;max-width:134rem;gap:8rem}.hbi-corner-2__box-2-image{order:1;width:56rem}.hbi-corner-2__box-2-content{margin-block:-1.7rem 0;flex:1;order:2}.hbi-corner-2__box-2-title{font-size:clamp(14px,2.4rem,2.4rem);--spacing:.4em}.hbi-corner-2__box-2-title-2{margin-block:1.2rem 0;font-size:clamp(14px,3.2rem,3.2rem);line-height:2;--spacing:.3em}.hbi-corner-2__box-2-description{margin-block:2.2rem 0;line-height:2.4}.hbi-corner-2__box-3{padding-block:13.2rem 25rem}.hbi-corner-2__box-3-title{font-size:clamp(14px,3.2rem,3.2rem);line-height:2;--spacing:.3em}.hbi-corner-2__box-3-description{margin-block:2.2rem 0;line-height:2.4}.hbi-corner-2__box-3-items{margin-block:6rem 0;max-width:128rem;grid-template-columns:repeat(3,1fr)}.hbi-products{padding-block:16rem;padding-inline:10rem}.hokudai-gagome .hbi-products{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-gagome_products-bg.png) no-repeat center center/cover}.hokudai-raspberry .hbi-products{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-raspberry_products-bg.png) no-repeat center center/cover}.hokudai-shorthorn .hbi-products{background:url(//brand.mcip.hokudai.ac.jp/wp-hub/wp-content/themes/hu-brand/assets/css/../images/hu-brand-item/hokudai-shorthorn_products-bg.png) no-repeat center center/cover}.hokudai-gagome .hbi-products__logo img{width:12.4rem}.hokudai-raspberry .hbi-products__logo img{width:16.7rem}.hokudai-shorthorn .hbi-products__logo img{width:12.4rem}.hbi-products__title{margin-block:1.6rem 0;font-size:clamp(14px,3.2rem,3.2rem);line-height:2;--spacing:.3em}.hbi-products__list{margin-block:4.2rem 0}.hbi-products__item-figure{height:27.6rem}.hbi-products__item-figure a{padding:3.7rem}.hbi-products__item-title{margin-block:3rem 0}.hbi-products__more{margin-block:5rem 0}.hbi-products__more a{max-width:128rem;justify-content:center;font-size:clamp(14px,2rem,2rem);text-align:center;--spacing:.4em}.hbi-interview{padding-block:16rem 8rem;padding-inline:4rem}.hbi-interview__content{padding-block:10rem;padding-inline:6rem;max-width:128rem;align-items:center;justify-content:center;gap:9.2rem}.hbi-interview__image{width:26rem}.hbi-interview__text{width:69rem}.hbi-interview__organization{font-size:clamp(14px,2rem,2rem)}.hbi-interview__person{font-size:clamp(14px,2.4rem,2.4rem)}.hbi-series{margin-block:8rem 0;padding-inline:4rem}.hbi-series__title{font-size:clamp(14px,3.6rem,3.6rem);line-height:2.2}.hbi-series__list{margin-block:4rem 0;max-width:184rem;grid-template-columns:repeat(3,1fr);gap:1.56vw}.hbi-series__list a{height:12.4vw}.hbi-series__list-figure{width:12.5vw}.hbi-series__list-content{padding-inline:2.08vw}.hbi-series__list-title{font-size:1.46vw;--spacing:.2em}.hbi-series__list-subtitle{font-size:1.04vw;line-height:1.4;--spacing:.4em}.modal-hokudai-shorthorn .modal__container{padding-block:10rem}.modal-hokudai-shorthorn .modal__close-button{width:4rem;top:5rem;right:5rem}.modal-hokudai-shorthorn__title{font-size:clamp(14px,2.4rem,2.4rem);line-height:2.4;--spacing:.4em}.topics{padding-block:0 16rem;padding-inline:10rem}.topics__header{margin-inline:-10rem;padding-block:14rem 10rem}.topics__header--article{padding-block:10rem}.topics__header-inner{gap:5rem}.topics__title{font-size:clamp(14px,4rem,4rem);line-height:1.45}.topics__subtitle{font-size:clamp(14px,2.4rem,2.4rem);line-height:.9;--spacing:.46em}.topics__category-item{font-size:clamp(14px,1.8rem,1.8rem);line-height:1.33}.topics__category-item a{min-width:24rem;height:6rem}.topics__category-item a.all{min-width:16rem}.topics__list{margin-block:8rem 0}.topics__item .topics-item{padding-block:3rem;white-space:nowrap;align-items:center;gap:2rem}.topics__item .topics-item__date{margin-inline:0 3.6rem;width:8.6rem}.topics__item .topics-item__title{flex:1;white-space:wrap}.topics__pagination{margin-block:10rem 0}.topics-article{padding-block:14rem;max-width:128rem}.topics-article__title{font-size:clamp(14px,3.2rem,3.2rem);line-height:2.4}.topics-article__meta{gap:2rem}.topics-article__content{margin-block:6rem 0}.topics-back{margin-inline:-10rem}}@media screen and (min-width:1281px){.related-links__shop,.related-links__onlineshop,.hbi-corner-2__box-items{grid-template-columns:repeat(4,1fr)}.hbi-corner-2__box-item:not(:first-child){border-left:1px solid #e9eae9}}@media screen and (min-width:1501px){.hbi-hero__description{right:calc(50% - 72rem)}}@media screen and (min-width:1921px){.product-section__content{height:94.6rem}.product-section__content .product-info-slider-wrap{padding-inline:10rem 12rem}.product-section__content .product-info__header{padding-block:5rem 4.3rem}.product-section__content .product-info__category{font-size:clamp(14px,2rem,2rem)}.product-section__content .product-info__title{margin-block:2.8rem 0;font-size:clamp(14px,5.8rem,5.8rem)}.product-section__content .product-info__subtitle{margin-block:.3rem 0;font-size:clamp(14px,2rem,2rem)}.product-section__content .product-info__details{padding-block:5rem;font-size:clamp(14px,1.6rem,1.6rem)}.product-section__content .product-info__tags{margin-block:5rem 0;gap:.5rem 2rem}.product-section__content .product-info__tag-item{font-size:clamp(14px,1.4rem,1.4rem)}.product-section__content .product-info__link{font-size:clamp(14px,1.6rem,1.6rem)}.product-section .product-image-slider{padding-block:0 10rem}.product-section .swiper-button-next.product-slider-next{width:9rem;right:5.6rem}.product-section .product-slider-pagination{bottom:2rem}.product-section .product-slider-pagination .swiper-pagination-bullet{margin:0 .5rem;width:1rem;height:1rem}.product-section .autoplay-progress{right:10rem;gap:2.9rem}.product-section .autoplay-progress .autoplay-progress-text .current-slide{font-size:clamp(14px,3.2rem,3.2rem)}.product-section .autoplay-progress .autoplay-progress-text .separate{margin-inline:-1rem -.2rem;width:3.3rem}.product-section .autoplay-progress .autoplay-progress-text .total-slides{font-size:clamp(14px,5.6rem,5.6rem)}.product-list__content{gap:16rem}.hb-series .series-card{padding-block:5rem;padding-inline:5rem}.hb-series .series-card:after{width:8.6rem;right:4.4rem;bottom:6.6rem}.hb-series .series-card__name-jp{margin-block:4.2rem 0;font-size:clamp(14px,3.6rem,3.6rem)}.hb-series .series-card__name-en{font-size:clamp(14px,2.8rem,2.8rem);right:2.4rem;top:3rem}.hbi-series__list{gap:3rem}.hbi-series__list a{height:23.8rem}.hbi-series__list-figure{width:24rem}.hbi-series__list-content{padding-inline:4rem}.hbi-series__list-title{font-size:clamp(14px,2.8rem,2.8rem)}.hbi-series__list-subtitle{font-size:clamp(14px,2rem,2rem)}}@media screen and (max-width:960px){input::-moz-placeholder,textarea::-moz-placeholder,select::-moz-placeholder,button::-moz-placeholder{letter-spacing:var(--spacing);font-size:1.6rem}input::placeholder,textarea::placeholder,select::placeholder,button::placeholder{letter-spacing:var(--spacing);font-size:1.6rem}.header__content{border-bottom:1px solid #e9eae9}.header__nav{opacity:0;visibility:hidden;width:100%;transition:all .4s ease;position:absolute;top:100%;right:0;z-index:2}.header__nav.is-open{opacity:1;visibility:visible}.header__nav-list{flex-direction:column;background:#fff}.header__nav-item{border-top:1px solid #e9eae9}.header__nav-item a{width:100%;height:7.9rem}.header__nav-item a.is-current:after{opacity:0}.footer{border-top:1px solid #e9eae9}.footer__content{flex-direction:column;gap:1rem}.footer__logo{text-align:center}.footer__organization{font-size:clamp(14px,1.8rem,1.8rem);text-align:center}.footer__address{margin-block:2rem 0;line-height:1.8;text-align:center;flex-direction:column}.footer__copyright{margin-block:4rem 0;text-align:center}.product-section__content{flex-direction:column}.product-section__content .product-info__description{max-height:0;overflow:hidden;padding-block:0;padding-inline:4rem;border-top:1px solid #e9eae9;background:#f9f9f9;transition:max-height .3s ease,padding-block .3s ease}.product-section__content .product-info__description.is-open{max-height:1000px}.product-section__content .product-info__description>p{padding-block:6rem}.brand-description__text{text-align:justify;line-height:1.8}.brand-description__button{flex-direction:column;gap:2rem}.topics-section__title-en{font-size:clamp(14px,1.4rem,1.4rem)}.topics-section__list-item .topics-item{padding-block:2rem;flex-direction:column;gap:1rem}.topics-section__list-item .topics-item__title{line-height:1.6}.topics-section__list-item .topics-item__icon{display:none}.poplar-story__content{flex-direction:column}.poplar-story__figure{margin-inline:auto;aspect-ratio:414/480;max-width:60rem}.poplar-story__text{margin-inline:auto;max-width:60rem}.poplar-story__product-link{margin-inline:-2.2rem;padding-inline:2.2rem 0}.related-links__onlineshop img{width:35.4rem}.product-search__search{flex-direction:column}.product-search__search .search-box__input::-moz-placeholder{letter-spacing:var(--spacing);font-size:1.6rem}.product-search__search .search-box__input::placeholder{letter-spacing:var(--spacing);font-size:1.6rem}.product-introduction__header-inner{flex-direction:column;gap:1rem}.product-introduction__title{text-align:center;line-height:2.09}.product-introduction__filter{margin-inline:auto;max-width:35.4rem;width:100%;height:4.2rem}.product-introduction__filter-list-wrap{width:100%;max-width:35.4rem}.product-introduction__filter-list-wrap .accordion__header{padding-inline:4.7rem;text-align:center}.product-introduction__count{margin-block:2rem 0}.product-entry__company{margin-block:1rem 0;line-height:1.8}.product-entry__tags{margin-block:2rem 0;font-size:clamp(14px,1.4rem,1.4rem);line-height:1.2;gap:1rem 2.6rem}.product-entry__gallery{flex-direction:column;gap:4rem}.product-entry__gallery-thumbnails-container{display:grid;grid-template-columns:repeat(4,1fr)}.product-entry__description{font-size:clamp(14px,2.2rem,2.2rem);line-height:1.8}.product-entry__story-section--normal{flex-direction:column;gap:4rem}.product-entry__details-table{display:block}.product-entry__details-table th{padding-block:1.5rem 0;width:100%;display:block;line-height:2.4}.product-entry__details-table td{padding-block:0 1.5rem;width:100%;display:block}.product-entry__brand-container{flex-direction:column}.hb-about__title{font-size:clamp(14px,2.6rem,2.6rem);text-align:center;--spacing:.3em}.hb-history__timeline{padding-inline:2.5rem;max-width:60rem}.hb-history__timeline-item{padding-block:0 2.3rem;padding-inline:4rem 0;flex-direction:column;gap:.5rem}.hb-history__timeline-item:last-child{padding-block:0}.hb-history__timeline-content:before{display:none}.hb-history__timeline-event:before{display:none}.hb-history__timeline-description{margin-block:.5rem 0}.hb-history__gallery-item{flex-shrink:0}.hb-history__gallery-item img{width:auto;height:9.6rem}.hb-series{margin-inline:-2rem}.hbi-about__intro{margin-block:4rem 0;max-width:60rem;flex-direction:column;gap:5rem}.hbi-about__intro-figure img{object-fit:cover;aspect-ratio:374/280}.hbi-about__fucoidan{max-width:60rem;flex-direction:column;gap:4rem}.hbi-corner{padding-block:8rem}.hbi-corner__box-3{padding-block:0 8rem;max-width:60rem;flex-direction:column;gap:6rem}.hbi-corner__box-3-content{padding-inline:4rem}.hbi-corner__box-3-figure{text-align:center}.hokudai-raspberry .hbi-corner__box-3-figure{margin-block:0 -4rem;order:1}.hokudai-raspberry .hbi-corner__box-3-figure img{width:27.4rem}.hbi-corner__box{margin-inline:auto;max-width:60rem}.hokudai-gagome .hbi-corner__box{display:flex;flex-direction:column}.hbi-corner__box-inner{padding-inline:3rem}.hokudai-gagome .hbi-corner__box-figure{margin-block:6rem 0;order:2}.hokudai-gagome .hbi-corner__box-content-wrap{order:1}.hbi-corner__box-inner .hbi-corner__box-title{padding-inline:4rem;text-align:left}.hbi-corner__box-content{flex-direction:column;gap:5rem}.hokudai-gagome .hbi-corner__box-content{order:3}.hbi-corner__box-2{margin-block:8rem 0}.hbi-corner__box-2-item{padding-inline:4rem}.hbi-corner__box-2-number{padding-block:.5rem;width:9.8rem;position:absolute;top:0;left:0}.hbi-corner__gallery-wrap{margin-inline:-3rem;padding-block:0}.hbi-corner__gallery-item{width:17rem}.hbi-corner__box-5{margin-block:6rem 0;flex-direction:column;padding-block:7rem 8rem;padding-inline:4rem;max-width:calc(100% - 6rem);gap:4rem}.hbi-corner-2__box{padding-block:8rem;padding-inline:3rem}.hbi-corner-2__box-items{margin-inline:auto;max-width:60rem}.hbi-corner-2__box-item{padding-block:4rem;padding-inline:2rem;border-bottom:1px solid #e9eae9}.hbi-corner-2__box-item-description{text-align:justify}.hbi-corner-2__box-2{max-width:66rem;flex-direction:column;gap:5rem}.hbi-corner-2__box-2-content{padding-inline:4rem}.hbi-corner-2__box-3{margin-inline:auto;padding-block:8rem;max-width:66rem}.hbi-products__more a{max-width:37.2rem;font-size:clamp(14px,1.8rem,1.8rem);text-align:left;--spacing:.2em}.hbi-products__more a:before{display:none}.hbi-interview__content{padding-block:8rem;padding-inline:4rem;max-width:60rem;flex-direction:column;gap:4rem}.hbi-interview__image{margin-inline:auto;width:22.4rem}.hbi-interview__organization{font-size:clamp(14px,1.8rem,1.8rem);text-align:center}.hbi-interview__person{font-size:clamp(14px,2.2rem,2.2rem);justify-content:center}.topics--article{padding-block:0}.topics__header--article{padding-block:0;height:18rem;display:flex;align-items:center;justify-content:flex-start}.topics__header--article .topics__header-inner{width:100%}.topics__header-inner{padding-inline:3rem}.topics__title{font-size:clamp(14px,3.2rem,3.2rem);--sapcing:.2em;line-height:1.8}.topics__item .topics-item{padding-block:2rem;flex-wrap:wrap;gap:1rem 3rem}.topics__item .topics-item__date{white-space:nowrap}.topics__item .topics-item__category{font-size:clamp(14px,1.4rem,1.4rem)}.topics__item .topics-item__title{width:100%;line-height:1.6}.topics__item .topics-item__icon{display:none}.topics-article__meta{margin-block:2rem 0;gap:3rem}.topics-article__category{font-size:clamp(14px,1.4rem,1.4rem)}.topics-article__content{line-height:2}.topics-back{margin-inline:-3rem}}@media screen and (max-width:768px){.hbi-products__list{margin-inline:auto;max-width:37.2rem}}@media screen and (max-width:414px){html{font-size:2.4154589372vw}}@media (any-hover:hover){a:hover{color:red;text-decoration-color:red}.header__nav-item a:hover:after{opacity:1}.product-section__content .product-info__tag-item a:hover{color:#1f262099;background-position:left bottom;background-size:100% 1px;opacity:1}.brand-description__button a:hover{color:var(--color-primary);background:#e9eae94d;border:1px solid #909790}.brand-description__button a:hover .brand-description__button-icon{background-color:#909790}.brand-description__button a:hover .brand-description__button-icon:after{background-color:#909790}.topics-section__view-all a:hover{color:#fff;background-color:var(--color-primary)}.related-links__shop a:hover{opacity:.8}.related-links__shop a:hover .related-links__shop-info:after{right:2.7rem;top:50%;transform:translateY(calc(-50% - .3rem))}.related-links__onlineshop a:hover,.product-search__search .search-box__icon:hover{opacity:.8}.product-search__search-link:hover{color:var(--color-primary);background-color:#e9eae9}.product-introduction__filter-list-wrap .accordion__inner ul li a:hover{color:var(--color-primary);background-position:left bottom;background-size:100% 1px;opacity:1}.product-list__content .product-card__figure a:hover{border:1px solid var(--color-primary)}.product-list__content .product-card__title a:hover{color:var(--color-primary);background-position:left bottom;background-size:100% 1px;opacity:1}.product-list__content .product-card__tag-item a:hover{color:#909790;background-position:left bottom;background-size:100% 1px;opacity:1}.product-pagination .wp-pagenavi a:hover{border:1px solid #909790}.product-entry__tag-item a:hover{color:#898989;background-position:left bottom;background-size:100% 1px;opacity:1}.product-entry__gallery-thumbnail:hover{border-color:#999;opacity:.8}.product-entry__gallery-thumbnail:hover img{transform:scale(1.05)}.product-entry__contact-link:hover{color:#fff;background-color:var(--color-primary)}.product-entry__contact-link:hover:before{filter:brightness(0) saturate(100%) invert(100%) sepia(100%) saturate(2%) hue-rotate(287deg) brightness(105%) contrast(101%)}.product-entry__back-link:hover,.hb-series .series-card:hover{opacity:.8}.hb-series .series-card:hover .series-card__image{transform:scale(1.05)}.hb-contact__link a:hover{color:#fff;background-color:var(--color-primary)}.hbi-corner-2__box-3-item-button a:hover{opacity:.8}.hbi-products__item-figure a:hover{border:1px solid var(--color-primary)}.hbi-products__item-title a:hover{color:var(--color-primary);background-position:left bottom;background-size:100% 1px;opacity:1}.hbi-products__item-tag a:hover{color:#909790;background-position:left bottom;background-size:100% 1px;opacity:1}.hokudai-gagome .hbi-products__more a:hover{background:#0e998a}.hokudai-raspberry .hbi-products__more a:hover{background:#f44e53}.hbi-series__list a:hover{opacity:.8}.topics__category-item a:hover{background:#e9eae966;border:1px solid rgba(233,234,233,.4)}.topics__item .topics-item:hover{padding-inline:2rem 0;color:#255b4d}.topics__item .topics-item:hover .topics-item__category{color:#faf6f2;background-color:#255b4d}.topics__item .topics-item:hover .topics-item__icon{border:1px #255b4d solid}.topics__item .topics-item:hover .topics-item__icon:before{right:1.8rem;transform:rotate(45deg)}.topics__item .topics-item:hover .topics-item__icon:after{width:2.2rem}.topics__pagination .wp-pagenavi a:hover{border:1px solid #909790}.topics-back__link:hover{filter:brightness(0) saturate(100%) invert(29%) sepia(49%) saturate(449%) hue-rotate(114deg) brightness(91%) contrast(91%);left:-1rem}}@media print{body{font-family:メイリオ,Meiryo,ヒラギノ角ゴ Pro W3,Hiragino Kaku Gothic Pro,ＭＳ Ｐゴシック,sans-serif}}:root{--swiper-theme-color:#007aff}:host{position:relative;display:block;margin-left:auto;margin-right:auto;z-index:1}.swiper{margin-left:auto;margin-right:auto;position:relative;overflow:hidden;list-style:none;padding:0;z-index:1;display:block}.swiper-vertical>.swiper-wrapper{flex-direction:column}.swiper-wrapper{position:relative;width:100%;height:100%;z-index:1;display:flex;transition-property:transform;transition-timing-function:var(--swiper-wrapper-transition-timing-function,initial);box-sizing:content-box}.swiper-android .swiper-slide,.swiper-ios .swiper-slide,.swiper-wrapper{transform:translateZ(0)}.swiper-horizontal{touch-action:pan-y}.swiper-vertical{touch-action:pan-x}.swiper-slide{flex-shrink:0;width:100%;height:100%;position:relative;transition-property:transform;display:block}.swiper-slide-invisible-blank{visibility:hidden}.swiper-autoheight,.swiper-autoheight .swiper-slide{height:auto}.swiper-autoheight .swiper-wrapper{align-items:flex-start;transition-property:transform,height}.swiper-backface-hidden .swiper-slide{transform:translateZ(0);backface-visibility:hidden}.swiper-3d.swiper-css-mode .swiper-wrapper{perspective:1200px}.swiper-3d .swiper-wrapper{transform-style:preserve-3d}.swiper-3d{perspective:1200px}.swiper-3d .swiper-slide,.swiper-3d .swiper-cube-shadow{transform-style:preserve-3d}.swiper-css-mode>.swiper-wrapper{overflow:auto;scrollbar-width:none;-ms-overflow-style:none}.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar{display:none}.swiper-css-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:start start}.swiper-css-mode.swiper-horizontal>.swiper-wrapper{scroll-snap-type:x mandatory}.swiper-css-mode.swiper-vertical>.swiper-wrapper{scroll-snap-type:y mandatory}.swiper-css-mode.swiper-free-mode>.swiper-wrapper{scroll-snap-type:none}.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide{scroll-snap-align:none}.swiper-css-mode.swiper-centered>.swiper-wrapper:before{content:"";flex-shrink:0;order:9999}.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide{scroll-snap-align:center center;scroll-snap-stop:always}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child{margin-inline-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before{height:100%;min-height:1px;width:var(--swiper-centered-offset-after)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child{margin-block-start:var(--swiper-centered-offset-before)}.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before{width:100%;min-width:1px;height:var(--swiper-centered-offset-after)}.swiper-3d .swiper-slide-shadow,.swiper-3d .swiper-slide-shadow-left,.swiper-3d .swiper-slide-shadow-right,.swiper-3d .swiper-slide-shadow-top,.swiper-3d .swiper-slide-shadow-bottom{position:absolute;left:0;top:0;width:100%;height:100%;pointer-events:none;z-index:10}.swiper-3d .swiper-slide-shadow{background:#00000026}.swiper-3d .swiper-slide-shadow-left{background-image:linear-gradient(to left,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-right{background-image:linear-gradient(to right,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-top{background-image:linear-gradient(to top,#00000080,#0000)}.swiper-3d .swiper-slide-shadow-bottom{background-image:linear-gradient(to bottom,#00000080,#0000)}.swiper-lazy-preloader{width:42px;height:42px;position:absolute;left:50%;top:50%;margin-left:-21px;margin-top:-21px;z-index:10;transform-origin:50%;box-sizing:border-box;border:4px solid var(--swiper-preloader-color,var(--swiper-theme-color));border-radius:50%;border-top-color:transparent}:is(.swiper:not(.swiper-watch-progress),.swiper-watch-progress .swiper-slide-visible) .swiper-lazy-preloader{animation:swiper-preloader-spin 1s infinite linear}.swiper-lazy-preloader-white{--swiper-preloader-color:#fff}.swiper-lazy-preloader-black{--swiper-preloader-color:#000}@keyframes swiper-preloader-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}:root{--swiper-navigation-size:44px}.swiper-button-prev,.swiper-button-next{position:absolute;width:var(--swiper-navigation-size);height:var(--swiper-navigation-size);z-index:10;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--swiper-navigation-color,var(--swiper-theme-color))}:is(.swiper-button-prev,.swiper-button-next).swiper-button-disabled{opacity:.35;cursor:auto;pointer-events:none}:is(.swiper-button-prev,.swiper-button-next).swiper-button-hidden{opacity:0;cursor:auto;pointer-events:none}.swiper-navigation-disabled :is(.swiper-button-prev,.swiper-button-next){display:none!important}:is(.swiper-button-prev,.swiper-button-next) svg{width:100%;height:100%;object-fit:contain;transform-origin:center;fill:currentColor;pointer-events:none}.swiper-button-lock{display:none}.swiper-horizontal .swiper-button-prev,.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal~.swiper-button-next{top:var(--swiper-navigation-top-offset,50%);margin-top:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next{left:var(--swiper-navigation-sides-offset,4px);right:auto}.swiper-horizontal .swiper-button-next,.swiper-horizontal~.swiper-button-next,.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev{right:var(--swiper-navigation-sides-offset,4px);left:auto}:is(.swiper-horizontal .swiper-button-prev,.swiper-horizontal~.swiper-button-prev,.swiper-horizontal.swiper-rtl .swiper-button-next,.swiper-horizontal.swiper-rtl~.swiper-button-next) .swiper-navigation-icon{transform:rotate(180deg)}:is(.swiper-horizontal.swiper-rtl .swiper-button-prev,.swiper-horizontal.swiper-rtl~.swiper-button-prev) .swiper-navigation-icon{transform:rotate(0)}.swiper-vertical .swiper-button-prev,.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-prev,.swiper-vertical~.swiper-button-next{left:var(--swiper-navigation-top-offset,50%);margin-left:calc(0px - (var(--swiper-navigation-size) / 2))}.swiper-vertical .swiper-button-prev,.swiper-vertical~.swiper-button-prev{top:var(--swiper-navigation-sides-offset,4px);bottom:auto;transform:rotate(-90deg)}.swiper-vertical .swiper-button-next,.swiper-vertical~.swiper-button-next{bottom:var(--swiper-navigation-sides-offset,4px);top:auto;transform:rotate(90deg)}.swiper-pagination{position:absolute;text-align:center;transition:.3s opacity;transform:translateZ(0);z-index:10}.swiper-pagination.swiper-pagination-hidden{opacity:0}.swiper-pagination-disabled>.swiper-pagination,.swiper-pagination.swiper-pagination-disabled{display:none!important}.swiper-pagination-fraction,.swiper-pagination-custom,.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-bullets.swiper-pagination-horizontal{bottom:var(--swiper-pagination-bottom,8px);top:var(--swiper-pagination-top,auto);left:0;width:100%}.swiper-pagination-bullets-dynamic{overflow:hidden;font-size:0}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transform:scale(.33);position:relative}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active,.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main{transform:scale(1)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev{transform:scale(.33)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next{transform:scale(.66)}.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next{transform:scale(.33)}.swiper-pagination-bullet{width:var(--swiper-pagination-bullet-width,var(--swiper-pagination-bullet-size,8px));height:var(--swiper-pagination-bullet-height,var(--swiper-pagination-bullet-size,8px));display:inline-block;border-radius:var(--swiper-pagination-bullet-border-radius,50%);background:var(--swiper-pagination-bullet-inactive-color,#000);opacity:var(--swiper-pagination-bullet-inactive-opacity,.2)}button.swiper-pagination-bullet{border:none;margin:0;padding:0;box-shadow:none;-webkit-appearance:none;-moz-appearance:none;appearance:none}.swiper-pagination-clickable .swiper-pagination-bullet{cursor:pointer}.swiper-pagination-bullet:only-child{display:none!important}.swiper-pagination-bullet-active{opacity:var(--swiper-pagination-bullet-opacity,1);background:var(--swiper-pagination-color,var(--swiper-theme-color))}.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets{right:var(--swiper-pagination-right,8px);left:var(--swiper-pagination-left,auto);top:50%;transform:translate3d(0,-50%,0)}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets) .swiper-pagination-bullet{margin:var(--swiper-pagination-bullet-vertical-gap,6px) 0;display:block}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{top:50%;transform:translateY(-50%);width:8px}:is(.swiper-vertical>.swiper-pagination-bullets,.swiper-pagination-vertical.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{display:inline-block;transition:.2s transform,.2s top}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets) .swiper-pagination-bullet{margin:0 var(--swiper-pagination-bullet-horizontal-gap,4px)}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic{left:50%;transform:translate(-50%);white-space:nowrap}:is(.swiper-horizontal>.swiper-pagination-bullets,.swiper-pagination-horizontal.swiper-pagination-bullets).swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s left}.swiper-horizontal.swiper-rtl>.swiper-pagination-bullets-dynamic .swiper-pagination-bullet{transition:.2s transform,.2s right}.swiper-pagination-fraction{color:var(--swiper-pagination-fraction-color,inherit)}.swiper-pagination-progressbar{background:var(--swiper-pagination-progressbar-bg-color,rgba(0,0,0,.25));position:absolute}.swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:var(--swiper-pagination-color,var(--swiper-theme-color));position:absolute;left:0;top:0;width:100%;height:100%;transform:scale(0);transform-origin:left top}.swiper-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{transform-origin:right top}.swiper-horizontal>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-horizontal,.swiper-vertical>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite{width:100%;height:var(--swiper-pagination-progressbar-size,4px);left:0;top:0}.swiper-vertical>.swiper-pagination-progressbar,.swiper-pagination-progressbar.swiper-pagination-vertical,.swiper-horizontal>.swiper-pagination-progressbar.swiper-pagination-progressbar-opposite,.swiper-pagination-progressbar.swiper-pagination-horizontal.swiper-pagination-progressbar-opposite{width:var(--swiper-pagination-progressbar-size,4px);height:100%;left:0;top:0}.swiper-pagination-lock{display:none}