@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
.bl_breadcrumb,.ly_rootFooter_inner,.ly_rootHeader_inner{max-width:106rem;width:100%;margin:auto}@media screen and (max-width: 1150px){.bl_breadcrumb,.ly_rootFooter_inner,.ly_rootHeader_inner{width:100%}}html{font-size:10px;font-family:"Noto Sans JP",sans-serif;font-weight:400;line-height:1.8;height:100%;scroll-behavior:smooth}@media screen and (max-width: 1150px){html{font-size:.8695652174vw}}@media screen and (max-width: 752px){html{font-size:2.6666666667vw}}body{background-color:#fff;font-size:1.6rem;color:#0e0e0e;position:relative}body[data-body-sns-pirika]{background-color:#fff;font-size:1.6rem;color:#212121;position:relative}a{color:#04c;text-decoration:none;text-underline-offset:.2em;overflow-wrap:anywhere}a:hover{color:#04c;text-decoration:underline}a:visited{color:#04c}*::before,*::after,*{margin:0;padding:0;-webkit-box-sizing:border-box;box-sizing:border-box}.ly_rootRightSideFixedControls{z-index:100;position:fixed;top:calc(50% - 145px);right:-5px}@media screen and (max-width: 752px){.ly_rootRightSideFixedControls{display:none}}.ly_rootHeaderBackgound{position:fixed;width:100%;height:10.4rem;top:0;left:0;display:block;color:#fff;z-index:10;background-color:#fff}@media screen and (max-width: 752px){.ly_rootHeaderBackgound{height:7.4rem}}.ly_rootHeader{position:fixed;width:100%;top:0;left:0;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;color:#fff;z-index:100;height:10.4rem}.ly_rootHeader::after{position:fixed;top:0;left:0;content:"";width:100%;height:10.4rem;background-color:#fff}@media screen and (max-width: 752px){.ly_rootHeader{bottom:0;height:0;-webkit-transition:background-color 500ms ease-in-out,height 500ms ease-in-out,overflow 500ms ease-in-out;transition:background-color 500ms ease-in-out,height 500ms ease-in-out,overflow 500ms ease-in-out;overscroll-behavior:contain;background-color:rgba(0,0,0,0)}.ly_rootHeader::after{height:7.4rem}}.ly_rootHeader_inner{display:grid;grid-template-columns:7rem 1fr auto auto;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;position:relative;z-index:100;grid-template-rows:2.9rem minmax(auto, 3.9rem);grid-column-gap:1.1rem}@media screen and (max-width: 752px){.ly_rootHeader_inner{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;padding:0;height:7.4rem}}.ly_globalHeaderLanguageNavi{-webkit-box-ordinal-group:2;order:1;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;-webkit-box-align:center;align-items:center;grid-row:2;grid-column:4;height:3.4rem}@media screen and (max-width: 752px){.ly_globalHeaderLanguageNavi{display:block;padding:0;height:0;opacity:0;visibility:hidden}}.bl_globalHeaderLanguageNaviList{list-style:none;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;font-weight:700;padding-top:1rem;padding-left:1.1rem}.bl_globalHeaderLanguageNaviList>li~li{position:relative;padding-left:1.6rem}.bl_globalHeaderLanguageNaviList>li~li::after{position:absolute;top:0;left:.5rem;content:"/"}.bl_globalHeaderLanguageNaviList_item{color:#fff;text-transform:uppercase;font-weight:400}.bl_globalHeaderLanguageNaviList_item:hover,.bl_globalHeaderLanguageNaviList_item:visited{color:#fff}.el_globalHeaderLanguageNaviList_item_tail{display:none}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList{padding-top:0;padding-left:0}.bl_globalHeaderLanguageNaviList_item{text-transform:initial;font-weight:700}.el_globalHeaderLanguageNaviList_item_tail{display:initial}}.bl_globalHeaderNaviList_item__case,.bl_globalHeaderNaviList_item__company,.el_globalHeaderNaviListButton_label,.bl_globalHeaderNaviList_item__information,.bl_globalHeaderNaviList_item__recruit,.bl_globalHeaderNaviList_item__contact,.bl_globalHeaderNaviList_item__result{color:inherit;text-decoration:none;position:relative;padding-bottom:.5rem;white-space:nowrap;font-size:1.6rem;font-weight:700}@media screen and (max-width: 752px){.bl_globalHeaderNaviList_item__case,.bl_globalHeaderNaviList_item__company,.el_globalHeaderNaviListButton_label,.bl_globalHeaderNaviList_item__information,.bl_globalHeaderNaviList_item__recruit,.bl_globalHeaderNaviList_item__contact,.bl_globalHeaderNaviList_item__result{font-weight:400;font-size:1.4rem}}.bl_globalHeaderNaviList_item__case::after,.bl_globalHeaderNaviList_item__company::after,.el_globalHeaderNaviListButton_label::after,.bl_globalHeaderNaviList_item__information::after,.bl_globalHeaderNaviList_item__recruit::after,.bl_globalHeaderNaviList_item__contact::after,.bl_globalHeaderNaviList_item__result::after{position:absolute;bottom:-0.3rem;left:0;content:"";width:100%;height:.1rem;background-color:#fff;-webkit-transition:bottom 300ms,opacity 300ms;transition:bottom 300ms,opacity 300ms;opacity:0}@media screen and (max-width: 752px){.bl_globalHeaderNaviList_item__case::after,.bl_globalHeaderNaviList_item__company::after,.el_globalHeaderNaviListButton_label::after,.bl_globalHeaderNaviList_item__information::after,.bl_globalHeaderNaviList_item__recruit::after,.bl_globalHeaderNaviList_item__contact::after,.bl_globalHeaderNaviList_item__result::after{display:none}}.bl_globalHeaderNaviList_item__case:visited,.bl_globalHeaderNaviList_item__company:visited,.el_globalHeaderNaviListButton_label:visited,.bl_globalHeaderNaviList_item__information:visited,.bl_globalHeaderNaviList_item__recruit:visited,.bl_globalHeaderNaviList_item__contact:visited,.bl_globalHeaderNaviList_item__result:visited{color:inherit}.bl_globalHeaderNaviList_item__case:hover,.bl_globalHeaderNaviList_item__company:hover,.el_globalHeaderNaviListButton_label:hover,.bl_globalHeaderNaviList_item__information:hover,.bl_globalHeaderNaviList_item__recruit:hover,.bl_globalHeaderNaviList_item__contact:hover,.bl_globalHeaderNaviList_item__result:hover{color:inherit;text-decoration:none}@media screen and (max-width: 752px){.bl_globalHeaderNaviList_item__case:hover,.bl_globalHeaderNaviList_item__company:hover,.el_globalHeaderNaviListButton_label:hover,.bl_globalHeaderNaviList_item__information:hover,.bl_globalHeaderNaviList_item__recruit:hover,.bl_globalHeaderNaviList_item__contact:hover,.bl_globalHeaderNaviList_item__result:hover{color:#aaa}}.bl_globalHeaderNaviList_item__case:hover::after,.bl_globalHeaderNaviList_item__company:hover::after,.el_globalHeaderNaviListButton_label:hover::after,.bl_globalHeaderNaviList_item__information:hover::after,.bl_globalHeaderNaviList_item__recruit:hover::after,.bl_globalHeaderNaviList_item__contact:hover::after,.bl_globalHeaderNaviList_item__result:hover::after{bottom:0;opacity:1;pointer-events:none}.bl_globalHeaderLanguageNaviList_item__jp,.bl_globalHeaderLanguageNaviList_item__en{color:inherit;text-decoration:none;position:relative;padding-bottom:.5rem;white-space:nowrap;font-size:1.4rem;font-weight:700}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList_item__jp,.bl_globalHeaderLanguageNaviList_item__en{font-size:1.5rem;font-weight:400}}.bl_globalHeaderLanguageNaviList_item__jp::after,.bl_globalHeaderLanguageNaviList_item__en::after{position:absolute;bottom:-0.3rem;left:0;content:"";width:100%;height:.1rem;background-color:#fff;-webkit-transition:bottom 300ms,opacity 300ms;transition:bottom 300ms,opacity 300ms;opacity:0}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList_item__jp::after,.bl_globalHeaderLanguageNaviList_item__en::after{display:none}}.bl_globalHeaderLanguageNaviList_item__jp:visited,.bl_globalHeaderLanguageNaviList_item__en:visited{color:inherit}.bl_globalHeaderLanguageNaviList_item__jp:hover,.bl_globalHeaderLanguageNaviList_item__en:hover{color:inherit;text-decoration:none}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList_item__jp:hover,.bl_globalHeaderLanguageNaviList_item__en:hover{color:#aaa}}.bl_globalHeaderLanguageNaviList_item__jp:hover::after,.bl_globalHeaderLanguageNaviList_item__en:hover::after{bottom:0;opacity:1;pointer-events:none}html[lang=ja] .bl_globalHeaderLanguageNaviList_item__jp,html[lang=en] .bl_globalHeaderLanguageNaviList_item__en{color:inherit;text-decoration:none;pointer-events:none}@media screen and (max-width: 752px){html[lang=ja] .bl_globalHeaderLanguageNaviList_item__jp,html[lang=en] .bl_globalHeaderLanguageNaviList_item__en{color:#aaa}}html[lang=ja] .bl_globalHeaderLanguageNaviList_item__jp::after,html[lang=en] .bl_globalHeaderLanguageNaviList_item__en::after{bottom:0;opacity:1;pointer-events:none}.ly_globalHeaderLogo{display:block;-webkit-box-ordinal-group:3;order:2;grid-area:1/1/3/2}@media screen and (max-width: 752px){.ly_globalHeaderLogo{-webkit-box-ordinal-group:2;order:1}}.ly_globalHeaderLogo_inner{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;width:7rem;height:5rem}@media screen and (max-width: 752px){.ly_globalHeaderLogo_inner{height:7.4rem}}.bl_globalHeaderLogo_image{font-size:0;line-height:0;width:7rem;height:5rem}@media screen and (max-width: 752px){.bl_globalHeaderLogo_image{width:5.2rem;height:3.7rem}}.bl_globalHeaderLogo_image_img{max-width:100%;height:auto}.bl_globalHeaderLogo_image_link{display:block;-webkit-transition:opacity 300ms;transition:opacity 300ms}.bl_globalHeaderLogo_image_link:hover{opacity:.5}.ly_globalHeaderNavi{display:block;color:#fff;-webkit-box-ordinal-group:4;order:3;grid-row:2;grid-column:2/4}@media screen and (max-width: 752px){.ly_globalHeaderNavi{display:block;opacity:0;height:0;visibility:hidden;-webkit-box-ordinal-group:2;order:1}}.ly_globalHeaderNavi_inner{display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;-webkit-box-align:center;align-items:center;padding-top:1rem}@media screen and (max-width: 752px){.ly_globalHeaderNavi_inner{display:block;padding:0}}.bl_globalHeaderNaviList{display:-webkit-box;display:flex;list-style:none;-webkit-box-pack:stretch;justify-content:stretch;font-size:1.6rem}@media screen and (max-width: 752px){.bl_globalHeaderNaviList{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.bl_globalHeaderNaviList>li~li{margin-left:2.2rem}@media screen and (max-width: 752px){.bl_globalHeaderNaviList>li~li{margin-left:0;margin-top:1.2rem;padding-top:1.2rem;border-top:1px solid #aaa}}.ly_globalHeaderNaviContact{-webkit-box-ordinal-group:2;order:1;display:-webkit-box;display:flex;-webkit-box-pack:end;justify-content:flex-end;-webkit-box-align:center;align-items:center;grid-row:1;grid-column:3/span 2;height:3.4rem}@media screen and (max-width: 752px){.ly_globalHeaderNaviContact{display:block;padding:0;height:0;opacity:0;visibility:hidden;-webkit-box-ordinal-group:3;order:2;width:100%}}.bl_globalHeaderNaviContact_snsLink{width:21.5rem;height:2.9rem;color:#fff;border-radius:.5rem;overflow:hidden;border:.1rem solid #1470cc}@media screen and (max-width: 752px){.bl_globalHeaderNaviContact_snsLink{width:100%;height:auto;margin:3.6rem 0 1.2rem}}.el_globalHeaderNaviContact_snsLinkButton{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;color:inherit;padding:0 1.1rem;background-color:#1470cc;text-decoration:none;-webkit-transition:background-color .5s ease-out,color .5s ease-out;transition:background-color .5s ease-out,color .5s ease-out}.el_globalHeaderNaviContact_snsLinkButton:visited{color:inherit}.el_globalHeaderNaviContact_snsLinkButton:hover{color:#1470cc;background-color:#fff;text-decoration:none}@media screen and (max-width: 752px){.el_globalHeaderNaviContact_snsLinkButton{padding:1.8rem 2.4rem;-webkit-box-pack:stretch;justify-content:stretch}.el_globalHeaderNaviContact_snsLinkButton:hover{color:inherit;background-color:#1470cc;-webkit-transition:none;transition:none}}.el_globalHeaderNaviContact_snsLinkButton_text{font-size:1.4rem;font-weight:700;white-space:nowrap}@media screen and (max-width: 752px){.el_globalHeaderNaviContact_snsLinkButton_text{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:stretch;justify-content:stretch}.el_globalHeaderNaviContact_snsLinkButton_text::before{content:"";display:inline-block;left:0;width:5rem;height:4.5rem;margin-right:2.4rem;background-image:url(/common/images/pirika-sns.svg);background-size:5rem 4.5rem;background-position:center center;background-repeat:no-repeat}}.bl_globalHeaderNaviContact_pirikaSupporter{width:21.5rem;height:2.9rem;margin-left:1.1rem;color:#252627;border-radius:.5rem;overflow:hidden;border:.1rem solid rgba(0,0,0,0)}@media screen and (max-width: 752px){.bl_globalHeaderNaviContact_pirikaSupporter{width:100%;height:auto;margin:0 0 2.4rem}}.el_globalHeaderNaviContact_pirikaSupporterButton{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:100%;height:100%;color:inherit;padding:0 1.1rem;background-color:#fff;text-decoration:none;-webkit-transition:background-color .5s ease-out,color .5s ease-out;transition:background-color .5s ease-out,color .5s ease-out}.el_globalHeaderNaviContact_pirikaSupporterButton:visited{color:inherit}.el_globalHeaderNaviContact_pirikaSupporterButton:hover{color:#fff;background-color:#555656;text-decoration:none}@media screen and (max-width: 752px){.el_globalHeaderNaviContact_pirikaSupporterButton{padding:1.8rem 2.4rem;-webkit-box-pack:stretch;justify-content:stretch}.el_globalHeaderNaviContact_pirikaSupporterButton:hover{color:inherit;background-color:#fff;-webkit-transition:none;transition:none}}.el_globalHeaderNaviContact_pirikaSupporterButton_text{font-size:1.4rem;font-weight:700;white-space:nowrap}@media screen and (max-width: 752px){.el_globalHeaderNaviContact_pirikaSupporterButton_text{position:relative;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:stretch;justify-content:stretch}.el_globalHeaderNaviContact_pirikaSupporterButton_text::before{content:"";display:inline-block;width:5rem;height:4.5rem;margin-right:2.4rem;background-image:url(/common/images/SupportersClub_Symbol.svg);background-size:4rem 3.6rem;background-position:center center;background-repeat:no-repeat}}body[data-global-menu-case-active] .bl_globalHeaderNaviList_item__case::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-company-active] .bl_globalHeaderNaviList_item__company::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-service-active] .bl_globalHeaderNaviList_item__service::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-_information-active] .bl_globalHeaderNaviList_item__information::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-recruit-active] .bl_globalHeaderNaviList_item__recruit::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-contact-active] .bl_globalHeaderNaviList_item__contact::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-result-active] .bl_globalHeaderNaviList_item__result::after{bottom:0;opacity:1;pointer-events:none}.bl_globalHeaderSecondaryNaviList{display:none}body[data-page-top] .ly_rootHeader::after{background-color:rgba(0,0,0,0)}.el_globalHeaderLocalNaviServiceMenuButtonControl{display:none}.el_globalHeaderLocalNaviPlatformMenuButtonControl{display:none}.ly_globalHeaderSecondaryNaviList{display:none}.bl_globalHeaderMenuButtonFrame{display:none}@media screen and (max-width: 752px){.bl_globalHeaderMenuButtonFrame{position:fixed;top:0;right:0;display:-webkit-box;display:flex;width:7.4rem;height:7.4rem;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;background-color:rgba(0,0,0,0);cursor:pointer;-webkit-box-shadow:none;box-shadow:none;border:none;z-index:100;outline:none;-webkit-box-ordinal-group:3;order:2}.bl_globalHeaderMenuButton{display:-webkit-box;display:flex;width:3.8rem;height:2.6rem;-webkit-box-align:center;align-items:center;position:relative}.bl_globalHeaderMenuButton_content{position:relative;display:block;width:100%;height:.3rem;background-color:#fff;border-radius:.25rem}.bl_globalHeaderMenuButton_content::before,.bl_globalHeaderMenuButton_content::after{position:absolute;left:0;content:"";width:100%;height:100%;background-color:#fff;border-radius:.25rem;-webkit-transition:.2s cubic-bezier(0.22, 0.61, 0.36, 1);transition:.2s cubic-bezier(0.22, 0.61, 0.36, 1)}.bl_globalHeaderMenuButton_content::before{top:-1.3rem}.bl_globalHeaderMenuButton_content::after{top:1.3rem}body[data-bind-sp-menu-state=main] .bl_globalHeaderMenuButton{width:1.4rem;height:1.4rem}body[data-bind-sp-menu-state=main] .bl_globalHeaderMenuButton_content{background-color:rgba(0,0,0,0)}body[data-bind-sp-menu-state=main] .bl_globalHeaderMenuButton_content::before{top:0;-webkit-transform:rotate(45deg);transform:rotate(45deg)}body[data-bind-sp-menu-state=main] .bl_globalHeaderMenuButton_content::after{top:0;-webkit-transform:rotate(-45deg);transform:rotate(-45deg)}body[data-bind-sp-menu-state=main] .ly_rootHeader{padding:2.4rem;height:100%;overflow:auto;background-color:#fff}body[data-bind-sp-menu-state=main] .ly_rootHeader_inner{-webkit-box-align:center;align-items:center;height:62rem;padding-top:1.2rem}body[data-bind-sp-menu-state=main] .ly_globalHeaderLanguageNavi{padding:0 1.2rem 3.6rem;height:auto;opacity:1;visibility:visible;width:100%}body[data-bind-sp-menu-state=main] .bl_globalHeaderLanguageNaviList{-webkit-box-pack:start;justify-content:flex-start}body[data-bind-sp-menu-state=main] .ly_globalHeaderNavi{opacity:1;height:auto;visibility:visible;margin:0;width:100%;padding:0 1.2rem}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton{position:relative;width:100%;display:block}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::before{position:absolute;top:50%;right:0;content:"";width:1.6rem;height:1px;background-color:#fff}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::after{position:absolute;top:50%;right:0;content:"";width:1.6rem;height:1px;background-color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:opacity 300ms,-webkit-transform 300ms;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}body[data-bind-sp-menu-state=main] .ly_globalHeaderSecondaryNaviList{display:block;list-style:none;padding:0;height:0;opacity:0;pointer-events:none;-webkit-transition:height 300ms,opacity 300ms;transition:height 300ms,opacity 300ms}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton_label,body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item{color:inherit;text-decoration:none;position:relative;padding-left:1rem;padding-top:2.2rem;font-size:1.4rem;display:inline-block}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton_label::before,body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item::before{content:"・";position:absolute;left:-0.5rem}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton_label:visited,body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item:visited{color:inherit}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton_label:hover,body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item:hover{color:#aaa}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton{position:relative;width:100%;display:block}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::before{position:absolute;top:calc(50% + 1.1rem);right:0;content:"";width:1.6rem;height:1px;background-color:#fff}body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::after{position:absolute;top:calc(50% + 1.1rem);right:0;content:"";width:1.6rem;height:1px;background-color:#fff;-webkit-transform:rotate(90deg);transform:rotate(90deg);-webkit-transition:opacity 300ms,-webkit-transform 300ms;transition:opacity 300ms,-webkit-transform 300ms;transition:transform 300ms,opacity 300ms;transition:transform 300ms,opacity 300ms,-webkit-transform 300ms}body[data-bind-sp-menu-state=main] .ly_globalHeaderTertiaryNaviList{list-style:none;padding:0;height:0;opacity:0;pointer-events:none;display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-transition:height 300ms,opacity 300ms;transition:height 300ms,opacity 300ms}body[data-bind-sp-menu-state=main] .ly_globalHeaderTertiaryNaviList_item{display:block;padding:2.2rem 0 0 1.5em}body[data-bind-sp-menu-state=main] .bl_globalHeaderTertiaryNavi_item_link{color:inherit;text-decoration:none;font-size:1.4rem;padding-right:2rem}body[data-bind-sp-menu-state=main] .bl_globalHeaderTertiaryNavi_item_link:visited{color:inherit}body[data-bind-sp-menu-state=main] .bl_globalHeaderTertiaryNavi_item_link:hover{color:inherit}}@media screen and (max-width: 752px)and (max-width: 752px){body[data-bind-sp-menu-state=main] .bl_globalHeaderTertiaryNavi_item_link:hover{color:#aaa}}@media screen and (max-width: 752px){body[data-bind-sp-menu-state=main] .ly_globalHeaderNaviContact{visibility:visible;height:auto;opacity:1}body[data-bind-sp-menu-state=main] .ly_globalHeaderLogo{-webkit-box-ordinal-group:4;order:3;padding-bottom:2.2rem}.el_globalHeaderLocalNaviServiceMenuButtonControl:checked~.ly_globalHeaderSecondaryNavi .el_globalHeaderLocalNaviServiceMenuButton::after{-webkit-transform:rotate(0);transform:rotate(0);opacity:0}.el_globalHeaderLocalNaviServiceMenuButtonControl:checked~.ly_globalHeaderSecondaryNavi .ly_globalHeaderSecondaryNaviList{height:20.4rem;opacity:1;pointer-events:all}.el_globalHeaderLocalNaviPlatformMenuButtonControl:checked~.ly_globalHeaderSecondaryNavi .ly_globalHeaderSecondaryNaviList{height:35.7rem}.el_globalHeaderLocalNaviPlatformMenuButtonControl:checked~.ly_globalHeaderSecondaryNavi .ly_globalHeaderSecondaryNaviList .el_globalHeaderLocalNaviPlatformMenuButton::after{-webkit-transform:rotate(0);transform:rotate(0);opacity:0}.el_globalHeaderLocalNaviPlatformMenuButtonControl:checked~.ly_globalHeaderSecondaryNavi .ly_globalHeaderSecondaryNaviList .ly_globalHeaderTertiaryNaviList{height:15.3rem;opacity:1;pointer-events:all}}.bl_globalFooterNaviList_item,.bl_globalFooterNaviList_item__hasSpBorder{line-height:1;color:inherit;display:-webkit-inline-box;display:inline-flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;position:relative}[target=_blank].bl_globalFooterNaviList_item::before,[target=_blank].bl_globalFooterNaviList_item__hasSpBorder::before{content:"";display:block;width:1.6rem;height:1.3rem;margin-left:1.1rem;background:url("/common/images/window.r2610.svg") no-repeat 100% 100%;-webkit-box-ordinal-group:3;order:2}@media screen and (max-width: 1150px){[target=_blank].bl_globalFooterNaviList_item::before,[target=_blank].bl_globalFooterNaviList_item__hasSpBorder::before{width:2.7rem;height:2.1rem}}.ly_rootFooter{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;background-color:#f5f7fa;color:#252627;height:35.7rem}@media screen and (max-width: 752px){.ly_rootFooter{display:block;height:auto}}.ly_rootFooter_inner{display:grid;grid-template-columns:7rem 89.4rem;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-column-gap:10rem;-moz-column-gap:10rem;column-gap:10rem}@media screen and (max-width: 752px){.ly_rootFooter_inner{display:block;padding:6rem 2.4rem 0}}@media screen and (max-width: 752px){.bl_globalFooterLogo_image{display:none}}.bl_globalFooterLogo_image_link{display:block;-webkit-transition:opacity 300ms;transition:opacity 300ms}.bl_globalFooterLogo_image_link:hover{opacity:.5}.ly_globalFooterNavi{display:block}.ly_globalFooterNavi_inner{display:-webkit-box;display:flex;-webkit-box-align:start;align-items:flex-start;-webkit-box-pack:start;justify-content:flex-start;-webkit-column-gap:8.8rem;-moz-column-gap:8.8rem;column-gap:8.8rem}@media screen and (max-width: 752px){.ly_globalFooterNavi_inner{display:block}}.bl_globalFooterNaviList__noSpBorder,.bl_globalFooterNaviList{list-style:none;color:#fff}@media screen and (max-width: 752px){.bl_globalFooterNaviList__noSpBorder,.bl_globalFooterNaviList{padding-top:2.4rem;margin-top:2.4rem;border-top:.1rem solid #fff}.bl_globalFooterNaviList__noSpBorder:first-child,.bl_globalFooterNaviList:first-child{border-top:none;padding-top:0;margin-top:0}}.bl_globalFooterNaviList__noSpBorder>li~li,.bl_globalFooterNaviList>li~li{margin-top:1.1rem}@media screen and (max-width: 752px){.bl_globalFooterNaviList__noSpBorder>li~li,.bl_globalFooterNaviList>li~li{margin-top:2.4rem}}@media screen and (max-width: 752px){.bl_globalFooterNaviList__noSpBorder{padding-top:0;border-top:0;border-top:none}}.bl_globalFooterNaviList_item__hasSpBorder,.bl_globalFooterNaviList_item{color:inherit;text-decoration:none;position:relative;white-space:nowrap}@media screen and (max-width: 752px){.bl_globalFooterNaviList_item__hasSpBorder,.bl_globalFooterNaviList_item{font-size:1.8rem}}.bl_globalFooterNaviList_item__hasSpBorder::after,.bl_globalFooterNaviList_item::after{position:absolute;bottom:-1rem;left:0;content:"";width:100%;height:.1rem;background-color:#fff;-webkit-transition:bottom 300ms,opacity 300ms;transition:bottom 300ms,opacity 300ms;opacity:0}@media screen and (max-width: 752px){.bl_globalFooterNaviList_item__hasSpBorder::after,.bl_globalFooterNaviList_item::after{display:none}}.bl_globalFooterNaviList_item__hasSpBorder:visited,.bl_globalFooterNaviList_item:visited{color:inherit}.bl_globalFooterNaviList_item__hasSpBorder:hover,.bl_globalFooterNaviList_item:hover{color:inherit;text-decoration:none}@media screen and (max-width: 752px){.bl_globalFooterNaviList_item__hasSpBorder:hover,.bl_globalFooterNaviList_item:hover{color:#aaa}}.bl_globalFooterNaviList_item__hasSpBorder:hover::after,.bl_globalFooterNaviList_item:hover::after{bottom:-0.8rem;opacity:1}@media screen and (max-width: 752px){.bl_globalFooterNaviList_item__hasSpBorder{width:100%;padding-top:3.6rem;margin-top:1.2rem;border-top:.1rem solid #fff}}.bl_globalFooterNaviSubList{list-style:none}.bl_globalFooterNaviSubList_item{color:inherit;text-decoration:none;position:relative;padding-left:1rem;padding-top:1.1rem;font-size:1.6rem;display:inline-block}@media screen and (max-width: 752px){.bl_globalFooterNaviSubList_item{padding-top:2.4rem;font-size:1.8rem}}.bl_globalFooterNaviSubList_item::before{content:"・";position:absolute;left:-0.5rem}.bl_globalFooterNaviSubList_item::after{position:absolute;bottom:-1rem;left:0;content:"";width:100%;height:.1rem;background-color:#fff;-webkit-transition:bottom 300ms,opacity 300ms;transition:bottom 300ms,opacity 300ms;opacity:0}@media screen and (max-width: 752px){.bl_globalFooterNaviSubList_item::after{display:none}}.bl_globalFooterNaviSubList_item:visited{color:inherit}.bl_globalFooterNaviSubList_item:hover{color:inherit;text-decoration:none}@media screen and (max-width: 752px){.bl_globalFooterNaviSubList_item:hover{color:#aaa}}.bl_globalFooterNaviSubList_item:hover::after{bottom:0;opacity:1}.bl_globalFooterNaviSubSubList{list-style:none;display:-webkit-box;display:flex;padding-left:1.1rem;padding-top:.5rem;white-space:nowrap}@media screen and (max-width: 752px){.bl_globalFooterNaviSubSubList{padding-top:.6rem;padding-left:.5rem}}.bl_globalFooterNaviSubSubList_item{position:relative;line-height:1.3;font-size:1.2rem;display:inline-block}.bl_globalFooterNaviSubSubList_item::before{position:absolute;bottom:-1rem;left:0;content:"";width:100%;height:.1rem;background-color:#fff;-webkit-transition:bottom 300ms,opacity 300ms;transition:bottom 300ms,opacity 300ms;opacity:0}@media screen and (max-width: 752px){.bl_globalFooterNaviSubSubList_item::before{display:none}}.bl_globalFooterNaviSubSubList_item:not(:last-child){padding-right:1.7rem}.bl_globalFooterNaviSubSubList_item:not(:last-child)::before{width:calc(100% - 1.7rem)}.bl_globalFooterNaviSubSubList_item:not(:last-child)::after{content:"/";position:absolute;top:50%;right:.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}.bl_globalFooterNaviSubSubList_item:hover::before{bottom:0;opacity:1}.bl_globalFooterNaviSubSubList_item_link{color:inherit}.bl_globalFooterNaviSubSubList_item_link:visited{color:inherit}.bl_globalFooterNaviSubSubList_item_link:hover{color:inherit;text-decoration:none}@media screen and (max-width: 752px){.bl_globalFooterNaviSubSubList_item_link:hover{color:#aaa}}@media screen and (max-width: 752px){.bl_globalFooterNaviListAndSns{padding-top:2.4rem;margin-top:2.4rem;border-top:.1rem solid #aaa}}.bl_globalFooterNaviSnsList{list-style:none;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:start;justify-content:flex-start;max-width:20.3rem;width:100%;-webkit-column-gap:1.1rem;-moz-column-gap:1.1rem;column-gap:1.1rem;row-gap:.4rem;margin-top:3.3rem;flex-wrap:wrap}@media screen and (max-width: 752px){.bl_globalFooterNaviSnsList{margin:2.4rem 0 2.2rem;padding:2.2rem;max-width:none}}.bl_globalFooterNaviSnsList_item__note,.bl_globalFooterNaviSnsList_item{-webkit-transition:opacity 300ms;transition:opacity 300ms;width:4rem;height:4rem;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.bl_globalFooterNaviSnsList_item__note img,.bl_globalFooterNaviSnsList_item img{display:block;width:100%;height:auto}.bl_globalFooterNaviSnsList_item__note:hover,.bl_globalFooterNaviSnsList_item:hover{opacity:.5}.bl_globalFooterNaviSnsList_item__note{width:7rem;height:4.5rem}.bl_rootFooter_copyright{display:none}@media screen and (max-width: 752px){.bl_rootFooter_copyright{display:block;font-size:1.5rem;padding-top:1.2rem;text-align:center;white-space:nowrap}}.ly_rootMainHorizontal{display:grid;row-gap:17.6rem;-webkit-box-align:start;align-items:flex-start;padding-bottom:17.6rem;overflow:hidden}@media screen and (max-width: 752px){.ly_rootMainHorizontal{row-gap:13.2rem;padding-bottom:13.2rem}}.ly_commonComponentSideTabs{display:grid;grid-template-rows:260px;grid-template-columns:60px;grid-auto-rows:auto;grid-row-gap:2px}.ly_commonComponentSideTabs_item{display:block;width:100%;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content}.bl_commonComponentSideTab__light,.bl_commonComponentSideTab__normal{-webkit-writing-mode:vertical-rl;writing-mode:vertical-rl;width:100%;display:-webkit-box;display:flex;text-decoration:none;border-radius:5px;-webkit-box-align:center;align-items:center;padding:30px 35px 30px 30px;-webkit-filter:drop-shadow(-2px 2px 4px rgba(142, 122, 67, 0.25));filter:drop-shadow(-2px 2px 4px rgba(142, 122, 67, 0.25));font-size:20px;color:inherit}.bl_commonComponentSideTab__light:visited,.bl_commonComponentSideTab__normal:visited{color:inherit}.bl_commonComponentSideTab__light:hover,.bl_commonComponentSideTab__normal:hover{color:inherit;text-decoration:none}.bl_commonComponentSideTab__normal{background-color:#f9d572}.bl_commonComponentSideTab__normal:hover{background-color:#f4e0a7}.bl_commonComponentSideTab__light{background-color:#fff9b0}.bl_commonComponentSideTab__light:hover{background-color:#f4e0a7}.brPc{display:block}@media screen and (max-width: 752px){.brPc{display:none}}.brSp{display:none}@media screen and (max-width: 752px){.brSp{display:block}}.ly_rootMain{padding-top:10.4rem}@media screen and (max-width: 752px){.ly_rootMain{padding-top:7.4rem}}.bl_breadcrumb{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;padding:1.1rem 0}@media screen and (max-width: 752px){.bl_breadcrumb{padding:1.1rem 1.2rem 0}}.bl_breadcrumbList{display:-webkit-box;display:flex;-webkit-box-pack:start;justify-content:flex-start;-webkit-box-align:center;align-items:center;list-style:none;font-size:1.2rem;flex-wrap:wrap}.bl_breadcrumbList_item{margin-right:3.1rem;position:relative}.bl_breadcrumbList_item::after{position:absolute;top:50%;right:-1.3rem;content:"";width:.8rem;height:.8rem;border:.1rem solid;border-color:#0e0e0e #0e0e0e rgba(0,0,0,0) rgba(0,0,0,0);-webkit-transform:rotate(45deg) translateY(-50%);transform:rotate(45deg) translateY(-50%)}.bl_breadcrumbList_item:last-child{margin-right:0}.bl_breadcrumbList_item:last-child::after{content:none}.bl_breadcrumbList_item_link{position:relative;color:inherit}.bl_breadcrumbList_item_link::after{position:absolute;bottom:-1rem;left:0;content:"";width:100%;border-bottom:.1rem solid #0e0e0e;opacity:0;-webkit-transition:bottom 300ms,opacity 300ms;transition:bottom 300ms,opacity 300ms}.bl_breadcrumbList_item_link:visited{color:inherit}.bl_breadcrumbList_item_link:hover{color:inherit;text-decoration:none}.bl_breadcrumbList_item_link:hover::after{bottom:-0.5rem;opacity:1}

/* --- ヘッダー: 紺 -> 白 --- */
.ly_rootHeader{color:#252627}
.ly_rootHeader::after,.ly_rootHeaderBackgound{background-color:#fff;box-shadow:inset 0 -1px 0 #e5e8ee}
body[data-page-top] .ly_rootHeader::after{background-color:#fff}
.bl_globalHeaderLanguageNaviList_item,.bl_globalHeaderLanguageNaviList_item:visited{color:#252627}
.bl_globalHeaderLanguageNaviList_item__jp,.bl_globalHeaderLanguageNaviList_item__en{color:#252627}
.bl_globalHeaderNaviList_item__case::after,.bl_globalHeaderNaviList_item__company::after,.el_globalHeaderNaviListButton_label::after,.bl_globalHeaderNaviList_item__information::after,.bl_globalHeaderNaviList_item__recruit::after,.bl_globalHeaderNaviList_item__contact::after,.bl_globalHeaderNaviList_item__result::after{background-color:#EF9C37}
.bl_globalHeaderLanguageNaviList_item__jp::after,.bl_globalHeaderLanguageNaviList_item__en::after{background-color:#EF9C37}
.bl_globalHeaderNaviList_item__case:hover,.bl_globalHeaderNaviList_item__company:hover,.el_globalHeaderNaviListButton_label:hover,.bl_globalHeaderNaviList_item__information:hover,.bl_globalHeaderNaviList_item__recruit:hover,.bl_globalHeaderNaviList_item__contact:hover,.bl_globalHeaderNaviList_item__result:hover{color:#EF9C37}
.bl_globalHeaderLanguageNaviList_item:hover,.bl_globalHeaderLanguageNaviList_item__jp:hover,.bl_globalHeaderLanguageNaviList_item__en:hover{color:#EF9C37}
html[lang=ja] .bl_globalHeaderLanguageNaviList_item__jp,html[lang=en] .bl_globalHeaderLanguageNaviList_item__en{color:#EF9C37}
/* --- ドロップダウン（PC）: 白パネル化 --- */
@media screen and (min-width: 1151px){
.ly_globalHeaderSecondaryNaviList{background-color:#fff;border:1px solid #e5e8ee;border-top:none;box-shadow:0 8px 16px rgba(37,38,39,.08);box-sizing:border-box;padding:0 1.6rem}
}
.bl_globalHeaderSecondaryNaviList_item:hover,.el_globalHeaderLocalNaviPlatformMenuButton_label:hover,.bl_globalHeaderTertiaryNavi_item_link:hover{color:#EF9C37;background-color:#FDF3E3}
body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton_label:hover,body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item:hover,body[data-bind-sp-menu-state=main] .bl_globalHeaderTertiaryNavi_item_link:hover{color:#EF9C37}
/* --- ハンバーガー・SPメニュー --- */
.bl_globalHeaderMenuButton_content{background-color:#252627}
.bl_globalHeaderMenuButton_content::before,.bl_globalHeaderMenuButton_content::after{background-color:#252627}
body[data-bind-sp-menu-state=main] .ly_rootHeader{background-color:#fff}
body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::after,body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::after{background-color:#252627}
/* --- コーポレートロゴ（Horizontal）サイズ調整 --- */
.bl_globalHeaderLogo_image{width:auto;height:auto}
.bl_globalHeaderLogo_image_img{height:3.6rem;width:auto;display:block}
@media screen and (max-width: 752px){.bl_globalHeaderLogo_image_img{height:2.8rem}}
/* --- フッター: 紺 -> ライトグレー --- */
.ly_rootFooter{background-color:#f5f7fa;color:#252627}
.bl_globalFooterNaviList_item__hasSpBorder:hover,.bl_globalFooterNaviList_item:hover,.bl_globalFooterNaviSubList_item:hover,.bl_globalFooterNaviSubSubList_item_link:hover{color:#EF9C37}
.bl_globalFooterNaviList_item__hasSpBorder::after,.bl_globalFooterNaviList_item::after,.bl_globalFooterNaviSubList_item::after{background-color:#EF9C37}
.bl_globalFooterNaviList_item__hasSpBorder{border-top-color:rgba(37,38,39,.15)}
.bl_globalFooterNaviSnsList_item img,.bl_globalFooterNaviSnsList_item__note img{-webkit-filter:invert(1) opacity(.8);filter:invert(1) opacity(.8)}
.bl_globalFooterLogo_image{display:block;margin-bottom:2.4rem}
.bl_globalFooterLogo_image .bl_globalHeaderLogo_image_img{height:3rem;margin:auto}
/* --- トップメッセージのアクセント --- */
.el_heroAccent{color:#EF9C37}

.ly_globalHeaderNavi{color:#252627}
.ly_globalHeaderLogo,.ly_globalHeaderLogo_inner,.bl_globalHeaderLogo_image,.bl_globalHeaderLogo_image_link{width:auto;height:auto}

.bl_globalFooterNaviList__noSpBorder,.bl_globalFooterNaviList{color:#252627}

/* --- ロゴのレスポンシブ修正 + ヒーロー注記 (2026-08-16) --- */
.ly_rootHeader_inner{grid-template-columns:auto 1fr auto auto}
.bl_globalHeaderLogo_image_img{height:auto;max-height:3.6rem;max-width:min(21rem,34vw)}
@media screen and (max-width: 752px){
  .bl_globalHeaderLogo_image_img{max-height:2.8rem;max-width:38vw;margin-left:1.2rem}
}
.el_heroNote{font-size:1.3rem;opacity:.85;margin-top:1.2rem}
@media screen and (max-width: 752px){.el_heroNote{font-size:1.1rem}}

/* --- SP修正 2026-08-16: ロゴ位置・ヒーロー高さ・注釈 --- */
.el_heroNote{font-size:1.2rem;opacity:.82;margin-top:1.6rem}
@media screen and (max-width: 752px){
  .el_heroNote{font-size:1.05rem;margin-top:1.2rem}
  /* ロゴを行内で垂直中央に。左上張り付きを解消 */
  .ly_globalHeaderLogo{display:flex;align-items:center;height:7.4rem}
  .ly_globalHeaderLogo_inner,.bl_globalHeaderLogo_image,.bl_globalHeaderLogo_image_link{display:flex;align-items:center;height:100%}
  .bl_globalHeaderLogo_image_img{max-height:2.6rem;max-width:44vw;margin-left:1.6rem}
  /* ヒーローの縦長を約半分に */
  .bl_pageTopMainVisual{padding:9rem 1.2rem 12rem;height:auto;min-height:44rem}
}

@media screen and (max-width: 752px){
  /* 1) メニュー開状態でもロゴを閉状態と同じ左上（ヘッダー行の垂直中央）に固定表示 */
  body[data-bind-sp-menu-state=main] .ly_globalHeaderLogo{position:fixed;top:var(--demo-ribbon-h,0px);left:0;height:7.4rem;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-ordinal-group:1;order:0;padding-bottom:0;z-index:2}
  /* 2) 上部の空白を詰める: 縦中央寄せをやめ、✕ボタン行(7.4rem)のすぐ下から内容を開始 */
  body[data-bind-sp-menu-state=main] .ly_rootHeader{-webkit-box-align:start;align-items:flex-start}
  
  .ly_rootHeader{-webkit-box-align:start;align-items:flex-start}
  body[data-bind-sp-menu-state=main] .ly_rootHeader_inner{height:auto;min-height:62rem;padding-top:5.4rem}
  /* 3) サービス/プラットフォームの「＋」横棒が白のままで見えない問題（::afterのみ黒くなっていた） */
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::before,body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::before{background-color:#252627}
}
@media screen and (max-width: 752px){
  /* 4) サービス配下が4項目→6項目に増えたため、展開高さの固定値を更新（旧: 20.4rem / 35.7rem） */
  .el_globalHeaderLocalNaviServiceMenuButtonControl:checked~.ly_globalHeaderSecondaryNavi .ly_globalHeaderSecondaryNaviList{height:30.6rem}
  .el_globalHeaderLocalNaviPlatformMenuButtonControl:checked~.ly_globalHeaderSecondaryNavi .ly_globalHeaderSecondaryNaviList{height:45.9rem}
}

/* --- 2026-08-18: 英語見出し削除に伴う余白補正（見出し下の間隔を確保） --- */
.bl_pageTopSection_title_label{display:block;margin-bottom:2.2rem}

/* --- 2026-08-18: フッターロゴ廃止・レイアウト最適化 --- */
.bl_globalFooterLogo_image{display:none !important}
/* ロゴ用の左カラム(7rem)を廃し、ナビを中央配置で全幅を活かす */
.ly_rootFooter_inner{display:block;max-width:106rem;margin:auto;padding:6.4rem 2.4rem}
.ly_globalFooterNavi_inner{justify-content:center;column-gap:12rem}
@media screen and (max-width: 752px){
  .ly_rootFooter_inner{padding:4.8rem 2.4rem 2.4rem}
}

/* --- 2026-08-28: AI/検索向け「ピリカとは」定義文（フッター直前・全ページ共通） --- */
.bl_aiBoilerplate{background:#fff;border-top:1px solid #e5e8ee;padding:4.4rem 2.4rem}
.bl_aiBoilerplate_inner{max-width:89.4rem;margin:auto;font-size:1.4rem;line-height:2;color:#555}
@media screen and (max-width: 752px){.bl_aiBoilerplate{padding:3.2rem 2.4rem}.bl_aiBoilerplate_inner{font-size:1.2rem}}

.bl_globalHeaderNaviContact_pirikaSupporter{
  border-color:#EF9C37;
}

.el_globalHeaderNaviContact_pirikaSupporterButton,
.el_globalHeaderNaviContact_pirikaSupporterButton:visited{
  color:#fff;
  background-color:#EF9C37;
}
.el_globalHeaderNaviContact_pirikaSupporterButton:hover{
  color:#EF9C37;
  background-color:#fff;
}
@media screen and (max-width: 752px){
  .el_globalHeaderNaviContact_pirikaSupporterButton:hover{
    color:#fff;
    background-color:#EF9C37;
  }
  /* スマホのメニューだけマークが出る。マークの半分がオレンジ（#FF8B00）で塗りに溶けるため、白い丸を敷く。
     幅は元の 5rem＋余白2.4rem のまま（隣のSNSボタンと文字の開始位置を揃える）。 */
  .el_globalHeaderNaviContact_pirikaSupporterButton_text::before{
    width:4.5rem;
    height:4.5rem;
    margin:0 2.65rem 0 .25rem;
    border-radius:50%;
    background-color:#fff;
    background-size:3.2rem 2.9rem;
  }
}
/* ▲ ここまで ▲ */

/* ▼ フッターの背景がコンテンツより短い問題の修正: ここから ▼
   .ly_rootFooter に height:35.7rem の固定値が入っており、中身（456px）が
   背景の帯（357px）から99pxはみ出して、灰色の外に「・清掃ロボット」だけが
   はみ出して見えていた。スマホ（752px以下）は既に height:auto なので対象外。
   固定値は最低の高さとして残し、中身が増えたぶんは帯も伸びるようにする。
   差し戻す場合はこのブロックを削除（退避: index.css.bak-footerheight）。 */
.ly_rootFooter{
  height:auto;
  min-height:35.7rem;
}
/* ▲ ここまで ▲ */

/* ラッパーには _consulting のような派生クラスがあるので、クラス名の部分一致で拾う。
   （.ly_rootMainHorizontal_consulting は grid・row-gap 17.6rem を持っていた） */
body [class*="ly_rootMainHorizontal"],
body [class*="ly_rootServiceMainHorizontal"]{
  row-gap:13.2rem;
  padding-bottom:6.6rem;
}
/* この共通ブロックはグリッドの子の内側にあり、上下110remの余白を自前で持っている。
   セクション間の距離はグリッドの隙間(13.2rem)が受け持つので、二重にしない。 */
body .bl_servicePageCommonSection{
  padding-top:0;
  padding-bottom:0;
}

body .ly_rootMainHorizontal__companyContents,
body .ly_rootMainHorizontal__publicSurveyResultsContents{
  row-gap:0;
  padding-bottom:0;  /* 末尾の余白はセクション側の6.6remが受け持つので二重にしない */
}
body .ly_rootMainHorizontal__companyContents > section,
body .ly_rootMainHorizontal__publicSurveyResultsContents > section{
  padding-top:6.6rem;
  padding-bottom:6.6rem;
}
/* 公開調査結果の一部のセクションは、固定ヘッダーの下に見出しが潜らないように
   padding-top:10.4rem + margin-top:-10.4rem で位置を相殺している（ページ内リンク用）。
   この分を足しておかないと、内容が10.4rem上にずれる。 */
body .bl_publicSurveyResultsPage_introductionSection:nth-child(odd),
body .bl_publicSurveyResultsPage_surveySiteSection:nth-child(odd),
body .bl_publicSurveyResultsPage_openDataSection:nth-child(odd),
body .bl_publicSurveyResultsPage_sponsorshipSection:nth-child(odd),
body .bl_publicSurveyResultsPage_naviSection:nth-child(odd){
  padding-top:17rem;   /* 6.6rem + 10.4rem */
}
@media screen and (max-width:752px){
  /* スマホは相殺量が7.4rem */
  body .bl_publicSurveyResultsPage_introductionSection:nth-child(odd),
  body .bl_publicSurveyResultsPage_surveySiteSection:nth-child(odd),
  body .bl_publicSurveyResultsPage_openDataSection:nth-child(odd),
  body .bl_publicSurveyResultsPage_sponsorshipSection:nth-child(odd),
  body .bl_publicSurveyResultsPage_naviSection:nth-child(odd){
    padding-top:14rem; /* 6.6rem + 7.4rem */
  }
}

body .bl_companyPage_coreValueList_item:last-child{
  padding-bottom:0;
}
/* タカノメだけはセクションを包む要素がグリッドではないので、
   セクション自身に上下6.6remを持たせて同じリズム（6.6+6.6=13.2rem）にする。 */
body .ly_takanomeMainContents > section{
  padding-top:6.6rem;
  padding-bottom:6.6rem;
}
/* ▲ ここまで ▲ */

.bl_commonComponentSideTab__normal{
  background-color:#EF9C37;
}
.bl_commonComponentSideTab__normal:hover{
  background-color:#F4B76A;
}
/* ▲ ここまで ▲ */

body .ly_rootMainHorizontal__companyContents,
body .ly_rootMainHorizontal__publicSurveyResultsContents{
  padding-top:0;
}
body .bl_companyPage_naviSection{
  padding-top:2.2rem;
  padding-bottom:0;
}
body .bl_companyPageSection_title{
  padding-bottom:4.4rem;
}
body .bl_companyPage_coreValueList_item_title_jp:empty{
  display:none;
}
/* ▲ ここまで ▲ */

/* ▼ サイドタブ2つをくっつける: ここから ▼
   1行目が grid-template-rows:260px の固定で、中のタブ（180px）より80px高かったため、
   「お問い合わせ」と「セミナー情報」の間に82pxの隙間ができていた。
   行の高さを中身なりにし、行間も0にして2つを接する。 */
.ly_commonComponentSideTabs{
  grid-template-rows:auto;
  row-gap:0;
}
/* ▲ ここまで ▲ */

html{
  font-size:10px;
}
/* ▲ ここまで ▲ */

/* ▼ タブレット幅(753〜1150px)で横にはみ出す箇所の手当て: ここから ▼
   文字サイズをvwで縮めるのをやめた結果、この幅だけ一部の固定幅が収まらなくなった。
   該当は3か所だけなので、この幅のときだけ可変にする。 */
@media screen and (min-width:753px) and (max-width:1150px){
  /* 協賛ロゴ: 4列×最小21.8rem=938px → 3列にして最小幅を外す */
  /* トップページ側のCSSが後から読まれるので body を足して詳細度を上げる */
  body .bl_pageTopSponsorshipList{
    grid-template-columns:1fr 1fr 1fr;
  }
  body .bl_pageTopSponsorshipList_item_link{
    min-width:0;
  }
  /* フッターの列間 12rem は広すぎるので詰める */
  .ly_globalFooterNavi_inner{
    -webkit-column-gap:4.4rem;
    -moz-column-gap:4.4rem;
    column-gap:4.4rem;
  }
}
/* ▲ ここまで ▲ */

/* ▼ タブレット幅(753〜1150px)の左右余白: ここから ▼
   このサイトの中身は「max-width:106rem・中央寄せ」のコンテナに入っている。
   文字サイズをvwで縮めていた頃は、106rem自体も縮んで画面より狭くなり、
   結果として左右に余白ができていた。固定10pxにしたことで
   106rem(1060px)>画面幅 となり、中身が画面端に貼り付くようになった。
   この幅のときだけ、コンテナに左右2.4remの余白を持たせる。
   背景色はコンテナの外側（section）に付いているので、帯は全幅のまま。 */
@media screen and (min-width:753px) and (max-width:1150px){
  body [class*="Section_inner"],
  body [class$="Section"],
  body .bl_breadcrumb,
  body .ly_rootHeader_inner,
  body .bl_recruitPage_documentForCandidateSection_lead,
  body .bl_recruitPage_certificationMark{
    padding-left:2.4rem;
    padding-right:2.4rem;
    /* グリッド／フレックスの子は既定の min-width:auto で中身の幅より縮まない。
       左右余白を足したぶんはみ出さないよう、縮めるようにしておく。 */
    min-width:0;
  }
  /* 内側にコンテナがある場合は外側を0にして二重にしない */
  body [class$="Section"]:has(> [class*="Section_inner"]){
    padding-left:0;
    padding-right:0;
  }
}
/* ▲ ここまで ▲ */

/* ▼ サービスカード: タブレット幅では2列にする ▼
   文字を16pxに固定した結果、3列だとカード幅が241pxになり、
   サブタイトル「ごみ拾い促進プラットフォーム」（14文字=224px）が入らず2行に折れる。
   1行に収めるにはカード幅334px以上が必要。左右余白が入るこの幅では3列だと足りないので、
   753〜1150pxは2列にする（760pxでもカード幅343px、1150pxで約530pxとゆとりがある）。 */
@media screen and (min-width:753px) and (max-width:1150px){
  body .bl_pageTopServiceSection .bl_pageTopServiceList{
    grid-template-columns:1fr 1fr;
  }
}

/* ▼ タカノメ: タブレット幅で図版の列が縮まずはみ出すのを防ぐ ▼
   `1fr 1fr` は既定で min-width:auto のため、画像側の列が中身の幅(654px)以下に
   縮まず、合計904pxになって画面(768px)からはみ出していた。 */
@media screen and (min-width:753px) and (max-width:1150px){
  body .ly_takanomeAboutDetailLayout{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
  }
}
/* ▲ ここまで ▲ */

/* ▼ タカノメの自治体スライダー: タブレット幅で1枚の幅が固定ではみ出す ▼ */
@media screen and (min-width:753px) and (max-width:1150px){
  body .ly_takanomeMunicipalitySlider_wrapper_slide,
  body .ly_takanomeMunicipalityContents{
    max-width:100%;
    min-width:0;
  }
  body .ly_takanomeMunicipalityContents_image img{
    max-width:100%;
    height:auto;
  }
}
/* ▲ ここまで ▲ */

/* ▼ タブレット幅(753〜1150px)の共通の安全策 ▼
   この幅はもともと「PCレイアウトをvwで縮小する」前提で、
   個々の部品には縮む仕組みが入っていない（grid/flexの既定 min-width:auto、
   画像の固定幅など）。文字サイズを固定したことで縮小が効かなくなるため、
   この幅のときだけ「中身より狭くなれる」ようにして横スクロールを防ぐ。 */
@media screen and (min-width:753px) and (max-width:1150px){
  body .ly_rootMain *{
    min-width:0;
  }
  body .ly_rootMain img{
    max-width:100%;
    height:auto;
  }
}
/* ▲ ここまで ▲ */

/* ▼ タブレット幅でヘッダーのナビがロゴに重なるのを防ぐ ▼
   ナビの一覧は flex + 右寄せで、入りきらないと左へはみ出してロゴに重なる。
   （850px幅で一覧548pxに対し置き場所504px→ロゴと33px重なっていた）
   この幅では折り返して2段にする。 */
@media screen and (min-width:753px) and (max-width:1150px){
  /* ロゴは1行目だけにし（既定は1〜2行にまたがる）、ナビは2行目を丸ごと使う */
  body .ly_globalHeaderLogo{
    grid-area:1/1/2/2;
  }
  /* 4列目は言語切替(JA/EN)の場所なので、そこは避けて1〜3列目を使う
     （1/-1 にすると JA/EN と「調査結果」が重なる） */
  body .ly_globalHeaderNavi{
    grid-row:2;
    grid-column:1/4;
  }
  body .bl_globalHeaderNaviList{
    -webkit-box-pack:end;
    justify-content:flex-end;
    flex-wrap:wrap;
    -webkit-column-gap:2.4rem;
    -moz-column-gap:2.4rem;
    column-gap:2.4rem;
  }
}
/* ▲ ここまで ▲ */

/* ▼ 900px未満はナビの項目を少し詰めて1行に収める ▼
   （760pxでは24pxの間隔だと入りきらず2段になり、ロゴに重なっていた） */
@media screen and (min-width:753px) and (max-width:899px){
  body .bl_globalHeaderNaviList,
  body .bl_globalHeaderNaviList > li > a{
    font-size:1.4rem;
  }
  
  body .el_globalHeaderNaviListButton_label,
  body .bl_globalHeaderLanguageNaviList,
  body .bl_globalHeaderLanguageNaviList_item{
    font-size:1.4rem;
  }
  body .bl_globalHeaderNaviList{
    -webkit-column-gap:1.6rem;
    -moz-column-gap:1.6rem;
    column-gap:1.6rem;
  }
  /* サービスの下に出るサブメニューが横幅を食わないようにする */
  body .bl_globalHeaderNaviList > li{
    flex:0 0 auto;
  }
}
/* ▲ ここまで ▲ */

/* 2026-09-10: ページ内アンカー遷移時に見出しが固定ヘッダー(74px)に隠れないようにする（全ページ共通） */
[id]{scroll-margin-top:9.4rem}


/* (1) 見出し自身の下余白(padding-bottom)で間隔を作っているページ */
body .bl_contactPageSectionTitle,
body .bl_contactDetailPageSectionTitle,
body .bl_downloadPageSectionTitle,
body .bl_publicSurveyResultsPageSection_title,
body .bl_securityPageSectionTitle,
body .bl_recruitPageSection_title,
body .bl_recruitPageProcess_title,
body .bl_recruitPageArticle_title,
body .bl_membersPageSection_title,
body .bl_cookiePageSectionTitle,
body .bl_termsPageSectionTitle,
body .bl_companyPageSection_title,
/* タカノメは見出しを包む枠(TitleFrame)の下余白 */
body .ly_takanomeAboutTitleFrame,
body .ly_takanomeCasesTitleFrame,
body .ly_takanomeSurveyDataTitleFrame,
body .ly_takanomeSurveyFlowTitleFrame,
body .ly_takanomeSurveyMethodTitleFrame,
body .ly_takanomeSurveyCasesTitleFrame,
body .ly_takanomeServiceMenuTitleFrame{
  padding-bottom:2.2rem;
}

/* (2) 親のグリッドの行間(row-gap PC8.8rem / SP4.4rem)で間隔を作っているページ
   行間は他の要素どうしにも効いているので、親の行間は変えず、
   見出しの下と直後の要素の上に負の余白を入れて、この1か所だけ縮める。
   PC: 8.8 - 4.4(見出し) - 2.2(直後) = 2.2rem
   ※見出しを1行(5.3rem)より大きく引くと行の高さが0で止まって効かなくなるため、
     見出し4.4rem・直後2.2remに分けている */
body :is(.bl_serviceSubPageSection, .bl_albatrossPageSection_inner, .bl_consultingPageSection_inner,
         .bl_artificialTurfPageLeadArea, .bl_artificialTurfPageFunctionIntroduction,
         .bl_governmentPageLeadArea, .bl_governmentPageFunctionIntroduction,
         .bl_groupPageSection_inner, .bl_groupPageFunctionIntroduction,
         .bl_recyclingPageSection_inner) > h2{
  margin-bottom:-4.4rem;
}
body :is(.bl_serviceSubPageSection, .bl_albatrossPageSection_inner, .bl_consultingPageSection_inner,
         .bl_artificialTurfPageLeadArea, .bl_artificialTurfPageFunctionIntroduction,
         .bl_governmentPageLeadArea, .bl_governmentPageFunctionIntroduction,
         .bl_groupPageSection_inner, .bl_groupPageFunctionIntroduction,
         .bl_recyclingPageSection_inner) > h2 + *{
  margin-top:-2.2rem;
}

/* (3) 直後の要素の上余白(padding-top 8.8rem / SP4.4rem)で間隔を作っているページ */
body .bl_governmentPageSection > .bl_governmentPageSection_title + *,
body .bl_governmentPageSection_inner > .bl_governmentPageSection_title + .bl_governmentPageSection_leadText,
body .bl_groupPageSection > .bl_groupPageSection_title + *,
body .bl_albatrossPageSection > .bl_albatrossPageSection_title + .bl_albatrossPageResearchProcess,
body .bl_recyclingPageFunctionIntroduction > .bl_recyclingPageSection_title + .bl_recyclingPageServiceList,
body .bl_artificialTurfPageSection_inner > .bl_artificialTurfPageSection_title + .bl_artificialTurfPageSection_otherService > .bl_artificialTurfPageSection_otherService_leadText{
  padding-top:2.2rem;
}
/* (4) 直後の要素の上マージンで間隔を作っているページ（リサイクル「ごみの地産地消」・コンサル「製品事例」） */
body .bl_recyclingPageSection > .bl_recyclingPageSection_title + .bl_recyclingPageSection_leadText{
  margin-top:2.2rem;
}

@media screen and (max-width:752px){
  body .bl_contactPageSectionTitle,
  body .bl_contactDetailPageSectionTitle,
  body .bl_downloadPageSectionTitle,
  body .bl_publicSurveyResultsPageSection_title,
  body .bl_securityPageSectionTitle,
  body .bl_recruitPageSection_title,
  body .bl_recruitPageProcess_title,
  body .bl_recruitPageArticle_title,
  body .bl_membersPageSection_title,
  body .bl_cookiePageSectionTitle,
  body .bl_termsPageSectionTitle,
  body .bl_companyPageSection_title,
  body .ly_takanomeAboutTitleFrame,
  body .ly_takanomeCasesTitleFrame,
  body .ly_takanomeSurveyDataTitleFrame,
  body .ly_takanomeSurveyFlowTitleFrame,
  body .ly_takanomeSurveyMethodTitleFrame,
  body .ly_takanomeSurveyCasesTitleFrame,
  body .ly_takanomeServiceMenuTitleFrame{
    padding-bottom:2.4rem;
  }
  /* SPの行間は4.4rem → 見出しを2.0rem引けば2.4rem（見出し1行=3.9remなので行の高さは0にならない） */
  body :is(.bl_serviceSubPageSection, .bl_albatrossPageSection_inner, .bl_consultingPageSection_inner,
           .bl_artificialTurfPageLeadArea, .bl_artificialTurfPageFunctionIntroduction,
           .bl_governmentPageLeadArea, .bl_governmentPageFunctionIntroduction,
           .bl_groupPageSection_inner, .bl_groupPageFunctionIntroduction,
           .bl_recyclingPageSection_inner, .bl_recyclingPageFunctionIntroduction) > h2{
    margin-bottom:-2rem;
  }
  body :is(.bl_serviceSubPageSection, .bl_albatrossPageSection_inner, .bl_consultingPageSection_inner,
           .bl_artificialTurfPageLeadArea, .bl_artificialTurfPageFunctionIntroduction,
           .bl_governmentPageLeadArea, .bl_governmentPageFunctionIntroduction,
           .bl_groupPageSection_inner, .bl_groupPageFunctionIntroduction,
           .bl_recyclingPageSection_inner) > h2 + *{
    margin-top:0;
  }
  body .bl_governmentPageSection > .bl_governmentPageSection_title + *,
  body .bl_governmentPageSection_inner > .bl_governmentPageSection_title + .bl_governmentPageSection_leadText,
  body .bl_groupPageSection > .bl_groupPageSection_title + *,
  body .bl_albatrossPageSection > .bl_albatrossPageSection_title + .bl_albatrossPageResearchProcess,
  body .bl_artificialTurfPageSection_inner > .bl_artificialTurfPageSection_title + .bl_artificialTurfPageSection_otherService > .bl_artificialTurfPageSection_otherService_leadText{
    padding-top:2.4rem;
  }
  /* リサイクル「提供サービス」はSPだけ行間4.4remも効くので、直後の上余白は0にする */
  body .bl_recyclingPageFunctionIntroduction > .bl_recyclingPageSection_title + .bl_recyclingPageServiceList{
    padding-top:0;
  }
  body .bl_recyclingPageSection > .bl_recyclingPageSection_title + .bl_recyclingPageSection_leadText{
    margin-top:2.4rem;
  }
}
/* ▲ ここまで ▲ */

/* ▼ SPメニューの操作性改善（2026-09-21） ▼
   1) メニュー項目は文字の部分しか押せなかったので、行の幅いっぱいを押せるようにする
   2)「サービス」「ピリカ」の開閉ボタン（＋）を、丸いボタンとして見せてマウスオーバーで反応させる
   いずれもSP（752px以下）でメニューを開いているときだけ効く。PCの表示は変えない。 */
@media screen and (max-width:752px){
  /* --- 1) 行全体をタップ領域にする --- */
  /* li の上余白を a に移し替える。行の高さ・区切り線の位置は変えない */
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li:not(.ly_globalHeaderSecondaryNavi){
    padding-top:0;
  }
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li:not(.ly_globalHeaderSecondaryNavi) > a{
    display:block;
    width:100%;
    
    padding:1.51rem 0 .19rem;
  }
  /* 1行目（企業情報）は元から上余白が無いので、そのまま */
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li:first-child > a{
    padding-top:0;
  }
  /* 「サービス」の行も同じ基準（上下約17px・行の高さも他と同じ）に揃える */
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li.ly_globalHeaderSecondaryNavi{
    padding-top:1.21rem;
    padding-bottom:.13rem;
  }
  /* サービスの下の階層（タカノメ・コンサルティングなど）も行いっぱいにする */
  body[data-bind-sp-menu-state=main] .bl_globalHeaderSecondaryNaviList_item,
  body[data-bind-sp-menu-state=main] .bl_globalHeaderTertiaryNavi_item_link{
    display:block;
    width:100%;
  }

  /* --- 2) 開閉ボタン（＋）をボタンらしく見せる --- */
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton,
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton{
    cursor:pointer;
    -webkit-tap-highlight-color:rgba(0,0,0,.06);
  }
  /* ::before を丸いボタンの枠にして、横棒は背景で描く */
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::before,
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::before{
    width:2.8rem;
    height:2.8rem;
    margin-top:-1.4rem;
    background-color:#fff;
    background-image:linear-gradient(#252627,#252627);
    background-size:1.2rem 1px;
    background-repeat:no-repeat;
    background-position:center;
    border:1px solid #c9ccd0;
    border-radius:50%;
    -webkit-transition:background-color 200ms,border-color 200ms;
    transition:background-color 200ms,border-color 200ms;
  }
  /* ::after は縦棒。丸の中心に合わせる（開くと rotate(0)+opacity:0 で消える既存の動きはそのまま） */
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton::after,
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton::after{
    right:.8rem;
    width:1.2rem;
    margin-top:-0.5px;
    background-color:#252627;
  }
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton:hover::before,
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton:hover::before{
    background-color:#eef0f2;
    border-color:#8a9096;
  }
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviServiceMenuButton:active::before,
  body[data-bind-sp-menu-state=main] .el_globalHeaderLocalNaviPlatformMenuButton:active::before{
    background-color:#dfe2e5;
    border-color:#6b7076;
  }
}
/* ▲ ここまで ▲ */

@media screen and (max-width:752px){
  /* --- A) ロゴを開閉のどちらでも完全に固定する ---
     メニューを閉じる0.5秒の間、ヘッダーの中身が「閉じた状態の並び」に戻りつつ高さが縮むため、
     ロゴが一度画面の中ほどに落ち、そこから上へ登って見えていた（前回の修正では防げていなかった）。
     ロゴを閉じた状態でも fixed にして並びから外し、ヘッダー行の上下中央（左16px）に固定する。 */
  .ly_globalHeaderLogo{
    position:fixed;
    top:var(--demo-ribbon-h,0px);
    left:0;
    height:7.4rem;
    display:flex;
    align-items:center;
    z-index:2;
  }
  /* 閉じるときのアニメーション自体も不要なので止める（開くときの動きはそのまま） */
  body:not([data-bind-sp-menu-state=main]) .ly_rootHeader,
  body:not([data-bind-sp-menu-state=main]) .ly_rootHeader *,
  body:not([data-bind-sp-menu-state=main]) .ly_rootHeader *::before,
  body:not([data-bind-sp-menu-state=main]) .ly_rootHeader *::after{
    -webkit-transition:none !important;
    transition:none !important;
  }
  
  .ly_rootHeader{--sp-close-anim:1;}
  body[data-bind-sp-menu-state=main][data-sp-menu-closing] .ly_rootHeader{
    height:calc(7.4rem + var(--demo-ribbon-h,0px));
    overflow:hidden;
  }
  /* ✕→≡ の切り替えは縮み始めと同時に行う（開くときに≡→✕がすぐ切り替わるのと対称） */
  body[data-bind-sp-menu-state=main][data-sp-menu-closing] .bl_globalHeaderMenuButton{width:3.8rem;height:2.6rem;}
  body[data-bind-sp-menu-state=main][data-sp-menu-closing] .bl_globalHeaderMenuButton_content{background-color:#252627;}
  body[data-bind-sp-menu-state=main][data-sp-menu-closing] .bl_globalHeaderMenuButton_content::before{top:-1.3rem;-webkit-transform:none;transform:none;}
  body[data-bind-sp-menu-state=main][data-sp-menu-closing] .bl_globalHeaderMenuButton_content::after{top:1.3rem;-webkit-transform:none;transform:none;}

  /* --- B) メニューを開いたときのヘッダー行（ロゴ・✕）を白の不透明にする ---
     トップページだけヘッダーの白帯が透明指定になっており、メニューをスクロールすると
     文字がロゴの下を透けて重なっていた。帯を白にし、メニュー本文より手前に置く（ロゴ・✕はさらに手前）。 */
  /* メニュー本文は .ly_rootHeader_inner（z-index:100）の中にあるため、帯も同じ中に置かないと手前に来ない */
  body[data-bind-sp-menu-state=main] .ly_rootHeader_inner::before{
    content:"";
    position:fixed;
    top:0;
    left:0;
    width:100%;
    height:calc(7.4rem + var(--demo-ribbon-h,0px));
    background-color:#fff;
    z-index:1;
  }

  /* --- B2) 開いた瞬間にロゴの下端（鳥のお腹）が一瞬欠けるのを防ぐ ---
     開く瞬間のヘッダーは「高さ0＋上下余白24px」＝48pxの箱で、しかもスクロール領域（overflow:auto）。
     ロゴは下端が50pxにあり、iPhoneのSafariではスクロール領域の中の fixed 要素が箱の形で切り取られるため、
     箱が伸びきるまでの一瞬、下の2pxが欠けて見えていた。開いている間は箱をヘッダー行の高さ以上に保つ。 */
  body[data-bind-sp-menu-state=main] .ly_rootHeader{
    min-height:calc(7.4rem + var(--demo-ribbon-h,0px));
  }
  
  body[data-bind-sp-menu-state=main] .ly_rootHeader_inner{
    margin-top:0;
    margin-bottom:0;
  }

  /* --- C) ボタンまでファーストビューに収める（iPhone 12 のSafari表示域 390×664 で確認） ---
     変更前はサポーターズクラブのボタン下端が716pxで、文字が隠れていた。
     行の上下の余白を 17px→11px、各ブロックの間隔とボタンの高さを詰めて約584pxに収める。 */
  body[data-bind-sp-menu-state=main] .ly_globalHeaderLanguageNavi{
    padding-bottom:1.6rem;
  }
  /* 項目の行: 区切り線の外側の余白（li の margin）をやめ、上下の余白はすべて a の中に持たせる（行全体が押せる） */
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li{
    margin-top:0;
  }
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li:not(.ly_globalHeaderSecondaryNavi) > a,
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li:first-child > a{
    padding:.9rem 0 .78rem;   /* 実測で文字の上下とも11px */
  }
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li.ly_globalHeaderSecondaryNavi{
    padding-top:.6rem;
    padding-bottom:.72rem;
  }
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviContact_snsLink{
    margin:2rem 0 1rem;
  }
  body[data-bind-sp-menu-state=main] .el_globalHeaderNaviContact_snsLinkButton,
  body[data-bind-sp-menu-state=main] .el_globalHeaderNaviContact_pirikaSupporterButton{
    padding-top:1rem;
    padding-bottom:1rem;
  }
}
/* 画面の高さが低い機種（iPhone SE など・Safariの表示域 約548px）でもボタンまで収まるよう、さらに詰める */
@media screen and (max-width:752px) and (max-height:600px){
  body[data-bind-sp-menu-state=main] .ly_globalHeaderLanguageNavi{padding-bottom:.8rem;}
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li:not(.ly_globalHeaderSecondaryNavi) > a,
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li:first-child > a{padding:.6rem 0 .48rem;}
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li.ly_globalHeaderSecondaryNavi{padding-top:.3rem;padding-bottom:.42rem;}
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviContact_snsLink{margin:1.2rem 0 .8rem;}
  body[data-bind-sp-menu-state=main] .el_globalHeaderNaviContact_snsLinkButton,
  body[data-bind-sp-menu-state=main] .el_globalHeaderNaviContact_pirikaSupporterButton{padding-top:.6rem;padding-bottom:.6rem;}
}
/* ▲ ここまで ▲ */

a.bl_topPageInformationList_item_title_link::after,
a.bl_informationPageInformationList_item_title_link::after,
a.bl_pageTopPossibleList_item_text_link::after,
a.bl_articleCard_blankWindow::after{content:none;display:none;}
a.bl_topPageInformationList_item_title_link,
a.bl_informationPageInformationList_item_title_link{text-decoration:none;}
a.bl_topPageInformationList_item_title_link:hover,
a.bl_informationPageInformationList_item_title_link:hover{text-decoration:underline;text-underline-offset:.2em;}
/* ▲ ここまで ▲ */

@media screen and (min-width:753px) and (max-width:1199px){
  .ly_rootRightSideFixedControls{
    display:none;
  }
}
/* ▲ ここまで ▲ */

/* ▼ お問い合わせのサイドタブの文字を白に（2026-10-01 小嶌さん指示）: ここから ▼ */
.bl_commonComponentSideTab__normal,
.bl_commonComponentSideTab__normal:visited,
.bl_commonComponentSideTab__normal:hover{
  color:#fff;
}
/* ▲ ここまで ▲ */