:root{--color-white:#fff;--color-black:#222;--color-hfc-blue:#004098;--color-hfc-blue-hover:#00337a;--color-hfc-red:#e60012;--color-main-ref:#e84754;--color-main-pink:#fc8ac1;--color-main-orange:#f88228;--color-main-yellow:#fc0;--color-main-green:#68c46c;--color-main-aqua:#7bcef8;--color-text-black:var(--color-black);--color-text-gray:#909090;--color-text-gray-dark:#6f6f6f;--color-text-white:var(--color-white);--color-text-brand:var(--color-hfc-blue);--color-text-caution:#b1000d;--color-text-link:var(--color-hfc-blue);--color-text-link-hover:var(--color-hfc-blue);--color-accent-pink:#e4589b;--color-accent-orange:#ea6905;--color-accent-yellow:var(--color-main-yellow);--color-accent-green:var(--color-main-green);--color-accent-aqua:#299bd4;--color-accent-blue:var(--color-hfc-blue);--color-border-default:#d3d3d3;--color-border-dot-gray:#bdbdbd;--color-border-link-gray:#909090;--color-border-gray-dark:#6f6f6f;--color-border-bk:var(--color-black);--color-border-white:var(--color-white);--color-border-brand:var(--color-hfc-blue);--color-border-accent:var(--color-accent-aqua);--color-bg-white:var(--color-white);--color-bg-pale-gray:#f8f8f8;--color-bg-gray:#d3d3d3;--color-bg-dark-gray:#bdbdbd;--color-bg-charcoal-gray:var(--color-border-gray-dark);--color-bg-black:var(--color-black);--color-bg-brand:var(--color-hfc-blue);--color-bg-aqua:var(--color-main-aqua);--color-bg-yellow:#ffdb4d;--color-bg-light-aqua:#ebf8fe;--color-bg-light-aqua-02:#def3fd;--color-bg-light-orange:#fef3ea;--color-bg-light-orange-02:#feecdf;--color-bg-light-red:#fce3e5;--color-hover-gray:#f8f8f8;--weight-regular:400;--weight-medium:500;--weight-semi-bold:600;--weight-bold:700;--weight-extra-bold:800;--weight-black:900;--underline-offset:0.3em;--underline-thickness:1px;--rateX:4px}.p-theme_recipe_icon{display:grid;align-self:center;width:1.5rem;height:1.5rem;place-items:center}.p-theme_recipe_icon>span{display:block;width:100%;height:100%;background-color:var(--color-hfc-blue);-webkit-mask:url(/assets/img/common/icon/arw_lg.svg) no-repeat center/contain;mask:url(/assets/img/common/icon/arw_lg.svg) no-repeat center/contain}[target=_blank] .p-theme_recipe_icon>span{-webkit-mask-image:url(/assets/img/common/icon/blank_sm.svg);mask-image:url(/assets/img/common/icon/blank_sm.svg)}@media (min-width:768px){[target=_blank] .p-theme_recipe_icon>span{-webkit-mask-image:url(/assets/img/common/icon/blank_lg.svg);mask-image:url(/assets/img/common/icon/blank_lg.svg)}}[href$=".pdf"] .p-theme_recipe_icon>span{-webkit-mask-image:url(/assets/img/common/icon/pdf.svg);mask-image:url(/assets/img/common/icon/pdf.svg)}.fv{position:relative;padding:31px 0}@media (min-width:768px){.fv{padding:52px 0}}.fv:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:5px;background:linear-gradient(90deg,var(--color-accent-pink) 0,var(--color-accent-pink) calc(var(--rate)*1),var(--color-accent-yellow) calc(var(--rate)*1),var(--color-accent-yellow) calc(var(--rate)*2),var(--color-accent-green) calc(var(--rate)*2),var(--color-accent-green) calc(var(--rate)*3),var(--color-accent-aqua) calc(var(--rate)*3),var(--color-accent-aqua) calc(var(--rate)*4),var(--color-hfc-blue) calc(var(--rate)*4),var(--color-hfc-blue));--rate:20%}.fv_ttl_sub{position:relative;margin:0 auto;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content;color:var(--color-hfc-blue);font-size:1.5rem;font-weight:var(--weight-bold)}@media (min-width:768px){.fv_ttl_sub{font-size:1.75rem}}.fv_ttl_sub:after,.fv_ttl_sub:before{content:"";position:absolute;top:50%;width:41px;height:1px;-webkit-transform:translateY(-50%);transform:translateY(-50%);background-color:var(--color-hfc-blue)}.fv_ttl_sub:before{left:-49px}@media (min-width:768px){.fv_ttl_sub:before{left:-61px}}.fv_ttl_sub:after{right:-49px}@media (min-width:768px){.fv_ttl_sub:after{right:-61px}}.fv_inner hgroup{text-align:center}.fv_ttl{margin-top:10px}@media (min-width:768px){.fv_ttl{margin-top:16px}}.lineup{padding:0 20px}@media (min-width:768px){.lineup{padding:0 40px}}.lineup_inner{padding:40px 0}@media (min-width:768px){.lineup_inner{padding:56px 0}}.lineup_list{display:grid;gap:32px 24px;grid-template-columns:1fr;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}@media (min-width:768px){.lineup_list{gap:40px 24px}}@media (min-width:1024px){.lineup_list{grid-template-columns:repeat(3,1fr)}}.lineup_pagination{margin-top:32px}@media (min-width:768px){.lineup_pagination{margin-top:48px}}.recommend{padding-inline:20px}@media (min-width:768px){.recommend{padding-inline:40px}}.recommend_inner{padding:40px 0}@media (min-width:768px){.recommend_inner{padding:56px 0}}.recommend_list{display:flex;flex-wrap:wrap;justify-content:center;margin-top:32px;gap:24px}@media (min-width:768px){.recommend_list{display:grid;margin-top:48px;grid-template-columns:repeat(2,1fr)}}.recommend_list .c-card_recipe{width:100%}.recommend_btn{margin-top:32px}@media (min-width:768px){.recommend_btn{margin-top:48px}}.knowledge{padding:0 20px}@media (min-width:768px){.knowledge{padding:0 40px}}.knowledge_inner{padding:40px 0 48px}@media (min-width:768px){.knowledge_inner{padding:56px 0 120px}}.column_links{margin-top:40px}@media (min-width:768px){.column_links{margin-top:48px}}@media (min-width:768px){.column_links_cont{display:grid;grid-template-columns:repeat(2,1fr);gap:32px}}.column_links_cm>a{display:block;overflow:hidden;border-radius:8px;text-decoration:none}.column_links_cm_label{display:grid;position:relative;width:100%;height:3rem;background-color:var(--color-hfc-blue);place-items:center}@media (min-width:768px){.column_links_cm_label{height:3.75rem}}.column_links_cm_label>span{display:inline-block;color:var(--color-white);font-weight:var(--weight-bold)}@media (min-width:768px){.column_links_cm_label>span{font-size:1.25rem}}.column_links_cm_icon{position:absolute;top:0;right:16px;bottom:0;margin:auto}.column_links_cm_icon>span{background-color:var(--color-white)}.column_links_cm_thumb{border:1px solid var(--color-border-default);border-top:none;border-bottom-right-radius:8px;border-bottom-left-radius:8px;width:100%;aspect-ratio:16/9}.column_links_cm_thumb img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}.column_links_list_wrapper{margin-top:25px}@media (min-width:768px){.column_links_list_wrapper{margin-top:0}}.column_links_list{border-top:1px dashed var(--color-border-default)}@media (min-width:768px){.column_links_list{border-top:0}}.column_links_item{border-bottom:1px dashed var(--color-border-default)}@media (min-width:768px){.column_links_item:last-child{border-bottom:0}}.column_links_item>a{display:grid;padding:14px 16px;text-decoration:none;grid-template-columns:auto 1fr;gap:16px}.column_links_icon{display:grid;border-radius:50%;width:56px;height:56px;place-items:center}.column_links_icon>span{display:block;width:32px;height:32px;background-color:var(--color-white);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center}.column_links_icon .icon_factory{-webkit-mask-image:url(/assets/img/common/icon/factory.svg);mask-image:url(/assets/img/common/icon/factory.svg)}.column_links_icon .icon_fish{-webkit-mask-image:url(/assets/img/common/icon/fish.svg);mask-image:url(/assets/img/common/icon/fish.svg)}.column_links_icon .icon_academic_cap{-webkit-mask-image:url(/assets/img/common/icon/academic_cap.svg);mask-image:url(/assets/img/common/icon/academic_cap.svg)}.column_links_icon .icon_secret{-webkit-mask-image:url(/assets/img/common/icon/secret.svg);mask-image:url(/assets/img/common/icon/secret.svg)}.column_links_icon._aqua{background-color:var(--color-accent-aqua)}.column_links_icon._blue{background-color:var(--color-accent-blue)}.column_links_icon._green{background-color:var(--color-accent-green)}.column_links_icon._yellow{background-color:var(--color-accent-yellow)}.column_links_label_wrapper{display:grid;align-items:center;grid-template-columns:1fr auto;gap:16px}.column_links_label{color:var(--color-hfc-blue);font-weight:var(--weight-bold)}.column_btn{margin:32px auto 0}@media (min-width:768px){.column_btn{margin-top:48px}}.column_links_item>a{transition:background-color .16s cubic-bezier(.25,.46,.45,.94)}.column_links_item>a .column_links_label{transition:color .16s cubic-bezier(.25,.46,.45,.94)}.column_links_item>a:hover{transition:background-color .34s cubic-bezier(.25,.46,.45,.94);background-color:var(--color-hover-gray)}.column_links_item>a:hover .column_links_label{transition:color .34s cubic-bezier(.25,.46,.45,.94);color:var(--color-hfc-blue)}.column_links_cm>a .column_links_cm_label{transition:background-color .16s cubic-bezier(.25,.46,.45,.94)}.column_links_cm>a .column_links_cm_thumb{overflow:hidden}.column_links_cm>a .column_links_cm_thumb>img{display:block;width:100%;height:100%;transition:-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94);transition:transform .16s cubic-bezier(.25,.46,.45,.94),-webkit-transform .16s cubic-bezier(.25,.46,.45,.94);-webkit-transform:scale(1);transform:scale(1);-o-object-fit:cover;object-fit:cover}.column_links_cm>a:hover .column_links_cm_label{transition:background-color .34s cubic-bezier(.25,.46,.45,.94);background-color:var(--color-hfc-blue-hover)}.column_links_cm>a:hover .column_links_cm_thumb>img{transition:-webkit-transform .46s cubic-bezier(.165,.84,.44,1);transition:transform .46s cubic-bezier(.165,.84,.44,1);transition:transform .46s cubic-bezier(.165,.84,.44,1),-webkit-transform .46s cubic-bezier(.165,.84,.44,1);-webkit-transform:scale(1.05);transform:scale(1.05)}