._header_yvhr0_1{position:sticky;top:0;z-index:var(--z-index-header);width:100%;background-color:var(--color-white)}._header__inner_yvhr0_9{display:flex;justify-content:space-between;align-items:center;min-height:60px;@media(width>=780px){gap:24px;min-height:80px}}._header__logo_yvhr0_21{display:block;margin-right:auto;padding:8px 0}._header__logo-image_yvhr0_28{width:138px;height:auto;@media(width>=780px){width:185px}}._header__navigations_yvhr0_37{display:flex;align-items:center;gap:4px;margin-right:-15px;@media(width>=780px){gap:8px;margin-right:0}}._header__navigation_yvhr0_37{position:fixed;overflow:scroll;background-color:var(--color-white);inset:60px 0 0;opacity:0;visibility:hidden;transition:opacity var(--transition-duration) var(--transition-timing-function),visibility var(--transition-duration) var(--transition-timing-function);@media(width>=780px){position:static;display:block;overflow:visible;background-color:transparent;opacity:1;visibility:visible}&.is-opened-menu{opacity:1;visibility:visible}}._header__navigation-list_yvhr0_76{display:grid;gap:16px;max-width:calc(var(--container-width) + var(--container-padding) * 2);margin:0 auto;padding:16px 15px;@media(width>=780px){display:flex;align-items:center;gap:8px;max-width:unset;height:100%;margin:0;padding:0}}._header__navigation-item_yvhr0_94{display:grid;gap:8px;padding-top:24px;border-top:1px solid var(--color-border-light);font-size:var(--font-size-13);font-weight:600;line-height:1.5;@media(width>=780px){position:relative;display:block;width:fit-content;padding-top:0;border-top:none;font-size:var(--font-size-14);font-weight:600;line-height:1.5}}._header__navigation-link_yvhr0_115{position:relative;display:block;width:fit-content;padding:8px 32px 8px 0;color:var(--color-darkgreen);transition:var(--transition-background-color);@media(width>=780px){position:static;padding:10px 16px;border-radius:9999px;color:var(--foreground);white-space:nowrap}&:hover{@media(width>=780px){background-color:var(--color-gray-100)}}&:after{content:"";position:absolute;top:50%;right:0;width:24px;height:24px;background-image:url(/images/icon-header-menu-arrow.svg);background-position:center;background-size:contain;background-repeat:no-repeat;transform:translateY(-50%);transition:right var(--transition-duration);@media(width>=780px){content:none}}&:hover:after{right:-4px}}._header__navigation-child-list_yvhr0_161{font-size:var(--font-size-15);font-weight:300;line-height:2.4;@media(width>=780px){position:absolute;top:calc(100% + 10px);left:50%;display:grid;gap:16px;width:max-content;padding:24px 16px;background-color:var(--background);border-radius:8px;font-size:var(--font-size-13);line-height:1.6;opacity:0;transform:translate(-50%);transition:opacity var(--transition-duration) var(--transition-timing-function),visibility var(--transition-duration) var(--transition-timing-function);visibility:hidden;box-shadow:var(--box-sadow-sm)}&:before{@media(width>=780px){content:"";position:absolute;top:-10px;right:0;left:0;display:block;height:10px}}._header__navigation-item_yvhr0_94:hover &{@media(width>=780px){opacity:1;visibility:visible}}}._header__navigation-child-link_yvhr0_207{display:block;width:fit-content;padding-left:16px;color:var(--color-darkgreen);@media(width>=780px){padding:0;color:var(--foreground);transition:var(--transition-color)}&:hover{@media(width>=780px){color:var(--color-gray-400)}}}._header__search-button_yvhr0_226{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:2px;min-height:60px;padding:8px 2px;color:var(--color-darkgreen);font-size:var(--font-size-09);cursor:pointer;@media(width>=780px){flex-direction:row;min-height:unset;padding:8px 16px;border-radius:9999px;color:var(--color-black);font-size:var(--font-size-14);font-weight:600;transition:var(--transition-background-color)}&:hover{@media(width>=780px){background-color:var(--color-gray-100)}}&.is-opened{opacity:0;visibility:hidden;@media(width>=780px){background-color:var(--color-gray-100);opacity:1;visibility:visible}}}._header__search-icon_yvhr0_267{width:15.75px;height:15.75px;margin:2.25px;background-color:var(--color-darkgreen);mask-image:url(/images/icon-search.svg);mask-size:contain;mask-repeat:no-repeat;mask-position:center;@media(width>=780px){width:24px;height:24px;margin:0;background-color:var(--color-black)}}._header__search-button-text-sp_yvhr0_285{@media(width>=780px){display:none}}._header__search-button-text-pc_yvhr0_291{display:none;@media(width>=1440px){display:block}}._header__search_yvhr0_226{@media(width>=780px){position:relative}}._header__search-navigation_yvhr0_305{position:fixed;overflow:scroll;background-color:var(--color-white);inset:60px 0 0;opacity:0;visibility:hidden;transition:opacity var(--transition-duration) var(--transition-timing-function),visibility var(--transition-duration) var(--transition-timing-function);@media(width>=780px){position:absolute;width:607px;padding:24px 16px;border-radius:8px;inset:calc(100% + 10px) 0 auto auto;box-shadow:var(--box-sadow-sm)}&.is-opened-search{opacity:1;visibility:visible}}._header__search-navigation-inner_yvhr0_331{display:grid;gap:16px;max-width:calc(var(--container-width) + var(--container-padding) * 2);margin:0 auto;padding:16px 15px;@media(width>=780px){gap:24px;max-width:unset;margin:0;padding:0}}._header__search-data-title_yvhr0_346,._header__tags-data-title_yvhr0_347{position:relative;padding-left:24px;color:var(--color-darkgreen);font-size:var(--font-size-16);font-weight:600;line-height:1.53125;@media(width>=780px){padding-left:22px;color:var(--foreground);font-size:var(--font-size-13);line-height:calc(15 / 13)}&:before{content:"";position:absolute;top:50%;left:0;display:block;width:20px;height:20px;background-color:var(--color-darkgreen);transform:translateY(-50%);mask-repeat:no-repeat;mask-position:center;@media(width>=780px){width:18px;height:18px;background-color:var(--foreground)}}}._header__search-data-title_yvhr0_346{&:before{mask-image:url(/images/icon-search.svg);mask-size:15px;@media(width>=780px){mask-size:13px}}}._header__tags-data-title_yvhr0_347{&:before{mask-image:url(/images/icon-tag.svg);mask-size:18px;@media(width>=780px){mask-size:15px}}}._header__search-data_yvhr0_346{display:grid;gap:6px;padding:24px 8px 8px;border-top:1px solid var(--color-border-light);@media(width>=780px){gap:8px;padding:0 8px 2px;border-top:none}}._header__search-input_yvhr0_418{width:100%;padding:15px 12px;border:1px solid var(--color-gray-200);border-radius:8px;color:var(--color-black);font-size:var(--font-size-16);line-height:1;transition:var(--transition);&::placeholder{color:#999}&:focus{outline:none;border-color:var(--color-darkgreen)}}._header__tags-data_yvhr0_347{display:grid;gap:8px;padding:24px 8px 0;@media(width>=780px){padding:0 8px}}._header__tag-list_yvhr0_448{display:flex;flex-wrap:wrap;gap:12px 8px}._header__tags-link_yvhr0_454{display:block;width:fit-content;padding:5px 16px;border:1px solid var(--color-gray-200);border-radius:4px;font-size:var(--font-size-13);line-height:calc(17.5 / 13);transition:var(--transition);&:hover{background-color:var(--color-gray-50);border-color:var(--color-blue);color:var(--color-blue)}}._header__open-nav-button_yvhr0_472{position:relative;width:66px;height:60px;color:var(--color-darkgreen);@media(width>=780px){display:none}&:before,&:after{content:"";position:absolute;left:50%;display:block;width:30px;height:2px;background-color:var(--color-darkgreen);border-radius:2px;transform:translate(-50%,-50%);transition:transform .3s ease,top .3s ease}&:before{top:calc(50% - 5px)}&:after{top:calc(50% + 5px)}&.is-opened{&:before,&:after{top:50%}&:before{transform:translate(-50%,-50%) rotate(45deg)}&:after{transform:translate(-50%,-50%) rotate(-45deg)}}}