@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap);
.bl_breadcrumb{max-width:106rem;width:100%;margin:auto}@media screen and (max-width: 1150px){.bl_breadcrumb{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_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_rootHeader{position:fixed;width:100%;top:0;left:0;color:#fff;z-index:100;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;height:10.4rem;-webkit-transition:top 300ms;transition:top 300ms}.ly_rootHeader::after{position:fixed;top:0;left:0;content:"";width:100%;height:10.6rem;background-color:#0c5aaa;-webkit-transition:top 300ms;transition:top 300ms}@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.6rem}}[data-scroll-state=down].ly_rootHeader{top:-11rem}[data-scroll-state=down].ly_rootHeader::after{top:-11rem}.ly_rootHeader_inner{display:grid;grid-template-columns:7rem 95.3rem 8.9rem;-webkit-box-align:center;align-items:center;position:relative;z-index:100;max-width:120rem;margin:auto}@media screen and (max-width: 1150px){.ly_rootHeader_inner{grid-template-columns:7rem 90.3rem 8.9rem}}@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;padding:0 2.2rem;width:100%;height:7.6rem;grid-template-columns:none}}.ly_globalHeaderLogo{display:block;width:7rem;height:6.4rem;-webkit-box-ordinal-group:2;order:1}@media screen and (max-width: 752px){.ly_globalHeaderLogo{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;grid-area:auto;-webkit-box-ordinal-group:2;order:1;width:5.3rem;height:7.6rem}}.ly_globalHeaderLogo_inner{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;color:inherit;text-decoration:none;-webkit-transition:opacity 300ms;transition:opacity 300ms;width:100%;height:100%}.ly_globalHeaderLogo_inner:visited{color:inherit}.ly_globalHeaderLogo_inner:hover{opacity:.5;color:inherit}.bl_globalHeaderLogo_image{font-size:0;line-height:0;width:100%;height:100%}@media screen and (max-width: 752px){.bl_globalHeaderLogo_image{height:4.8rem}}.bl_globalHeaderLogo_image_img{max-width:100%;height:auto}.bl_globalHeaderLogo_image_link{display:block}.ly_globalHeaderLanguageNavi{display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center;-webkit-box-ordinal-group:4;order:3}@media screen and (max-width: 752px){.ly_globalHeaderLanguageNavi{display:block;padding:0;height:0;opacity:0;visibility:hidden;grid-area:auto;-webkit-box-ordinal-group:2;order:1}}.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-left:4.4rem}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList{padding-left:0}}.bl_globalHeaderLanguageNaviList_item_en,.bl_globalHeaderLanguageNaviList_item_jp,.bl_globalHeaderLanguageNaviList_item{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;padding:0 1.1rem;color:#fff;border-radius:1rem;-webkit-transition:color 300ms,background-color 300ms;transition:color 300ms,background-color 300ms;white-space:nowrap}.bl_globalHeaderLanguageNaviList_item_en:visited,.bl_globalHeaderLanguageNaviList_item_jp:visited,.bl_globalHeaderLanguageNaviList_item:visited{color:#fff}.bl_globalHeaderLanguageNaviList_item_en:hover,.bl_globalHeaderLanguageNaviList_item_jp:hover,.bl_globalHeaderLanguageNaviList_item:hover{color:#0c5aaa;background-color:#fff;text-decoration:none}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList_item_en,.bl_globalHeaderLanguageNaviList_item_jp,.bl_globalHeaderLanguageNaviList_item{font-size:1.5rem}}.bl_globalHeaderLanguageNaviList_item_jp::before{content:"JP"}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList_item_jp::before{content:"Japanese"}}.bl_globalHeaderLanguageNaviList_item_en::before{content:"EN"}@media screen and (max-width: 752px){.bl_globalHeaderLanguageNaviList_item_en::before{content:"English"}}html[lang=ja] .bl_globalHeaderLanguageNaviList_item_jp{color:#0c5aaa;background-color:#fff;pointer-events:none}html[lang=en] .bl_globalHeaderLanguageNaviList_item_en{color:#0c5aaa;background-color:#fff;pointer-events:none}.bl_globalHeaderNaviList_item__home,.bl_globalHeaderNaviList_item__guide,.bl_globalHeaderNaviList_item__detail,.bl_globalHeaderNaviList_item__faq,.bl_globalHeaderNaviList_item{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__home,.bl_globalHeaderNaviList_item__guide,.bl_globalHeaderNaviList_item__detail,.bl_globalHeaderNaviList_item__faq,.bl_globalHeaderNaviList_item{font-size:1.8rem;font-weight:400}}.bl_globalHeaderNaviList_item__home::after,.bl_globalHeaderNaviList_item__guide::after,.bl_globalHeaderNaviList_item__detail::after,.bl_globalHeaderNaviList_item__faq::after,.bl_globalHeaderNaviList_item::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;pointer-events:none}@media screen and (max-width: 752px){.bl_globalHeaderNaviList_item__home::after,.bl_globalHeaderNaviList_item__guide::after,.bl_globalHeaderNaviList_item__detail::after,.bl_globalHeaderNaviList_item__faq::after,.bl_globalHeaderNaviList_item::after{display:none}}.bl_globalHeaderNaviList_item__home:visited,.bl_globalHeaderNaviList_item__guide:visited,.bl_globalHeaderNaviList_item__detail:visited,.bl_globalHeaderNaviList_item__faq:visited,.bl_globalHeaderNaviList_item:visited{color:inherit}.bl_globalHeaderNaviList_item__home:hover,.bl_globalHeaderNaviList_item__guide:hover,.bl_globalHeaderNaviList_item__detail:hover,.bl_globalHeaderNaviList_item__faq:hover,.bl_globalHeaderNaviList_item:hover{color:inherit;text-decoration:none}@media screen and (max-width: 752px){.bl_globalHeaderNaviList_item__home:hover,.bl_globalHeaderNaviList_item__guide:hover,.bl_globalHeaderNaviList_item__detail:hover,.bl_globalHeaderNaviList_item__faq:hover,.bl_globalHeaderNaviList_item:hover{color:#aaa}}.bl_globalHeaderNaviList_item__home:hover::after,.bl_globalHeaderNaviList_item__guide:hover::after,.bl_globalHeaderNaviList_item__detail:hover::after,.bl_globalHeaderNaviList_item__faq:hover::after,.bl_globalHeaderNaviList_item:hover::after{bottom:0;opacity:1;pointer-events:none}.ly_globalHeaderNavi{display:block;color:#fff;-webkit-box-ordinal-group:3;order:2}@media screen and (max-width: 752px){.ly_globalHeaderNavi{display:block;opacity:0;height:0;visibility:hidden;-webkit-box-ordinal-group:3;order:2;grid-area:auto;padding-left:0}}.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:.9rem}@media screen and (max-width: 752px){.ly_globalHeaderNavi_inner{-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column}}.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;padding-bottom:2.4rem;-webkit-box-ordinal-group:4;order:3;width:100%}}.bl_globalHeaderNaviList>li~li{margin-left:2.2rem}@media screen and (max-width: 752px){.bl_globalHeaderNaviList>li~li{margin-left:0;margin-top:2.4rem}}body[data-global-menu-top-active] .bl_globalHeaderNaviList_item__home::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-guide-active] .bl_globalHeaderNaviList_item__guide::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-detail-active] .bl_globalHeaderNaviList_item__detail::after{bottom:0;opacity:1;pointer-events:none}body[data-global-menu-faq-active] .bl_globalHeaderNaviList_item__faq::after{bottom:0;opacity:1;pointer-events:none}.bl_globalHeaderNaviSubList{display:none}.bl_globalHeaderNaviSnsLink{width:17rem;height:2.9rem;margin-left:3.3rem;color:#fff;border-radius:5rem;overflow:hidden;border:.1rem solid #1470cc}@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLink{-webkit-box-ordinal-group:3;order:2;display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;width:23.6rem;height:5.2rem;margin:5rem auto 0}}.bl_globalHeaderNaviSnsLinkButton{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 2.2rem;background-color:#f39000;text-decoration:none;-webkit-transition:background-color .5s ease-out,color .5s ease-out;transition:background-color .5s ease-out,color .5s ease-out;position:relative}.bl_globalHeaderNaviSnsLinkButton::before{content:"アプリダウンロード";font-size:1.4rem;font-weight:700;white-space:nowrap}@media screen and (max-width: 752px){.bl_globalHeaderNaviSnsLinkButton::before{font-size:1.6rem;line-height:2.4rem;color:#fff;font-weight:700;content:"まずはダウンロード"}}.bl_globalHeaderNaviSnsLinkButton:visited{color:inherit}.bl_globalHeaderNaviSnsLinkButton:hover{color:#1470cc;background-color:#fff;text-decoration:none}.bl_globalHeaderNaviLogo{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:#0c5aaa}body[data-bind-sp-menu-state=main] .ly_rootHeader[data-scroll-state=down]{top:0}body[data-bind-sp-menu-state=main] .ly_rootHeader_inner{-webkit-box-align:center;align-items:center;height:100%}body[data-bind-sp-menu-state=main] .ly_globalHeaderLanguageNavi{padding:5rem 0 2.4rem;height:auto;opacity:1;visibility:visible}body[data-bind-sp-menu-state=main] .ly_globalHeaderNavi{opacity:1;height:auto;visibility:visible;width:100%}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList{display:block;list-style:none}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList_item{color:inherit;text-decoration:none;position:relative;padding-left:1rem;padding-top:2.2rem;font-size:1.6rem;display:block}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList_item::before{content:"・";position:absolute;left:-0.5rem}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList_item:visited{color:inherit}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList_item:hover{color:inherit}}@media screen and (max-width: 752px)and (max-width: 752px){body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubList_item:hover{color:#aaa}}@media screen and (max-width: 752px){body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList{list-style:none;display:-webkit-box;display:flex;padding-left:1.1rem;padding-top:.5rem;white-space:nowrap}}@media screen and (max-width: 752px)and (max-width: 752px){body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList{padding-top:.6rem}}@media screen and (max-width: 752px){body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item{position:relative;line-height:1.3;font-size:1.2rem}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item:not(:last-child){padding-right:1.7rem}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item:not(:last-child)::after{content:"/";position:absolute;top:50%;right:.6rem;-webkit-transform:translateY(-50%);transform:translateY(-50%)}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item_link{color:inherit;text-decoration:none;font-size:1.2rem;padding-right:2rem}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item_link:visited{color:inherit}body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item_link:hover{color:inherit}}@media screen and (max-width: 752px)and (max-width: 752px){body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSubSubList_item_link:hover{color:#aaa}}@media screen and (max-width: 752px){body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviSnsLink{margin:0 auto 3.6rem}body[data-bind-sp-menu-state=main] .ly_globalHeaderLogo{-webkit-box-ordinal-group:5;order:4;padding:2.2rem;width:9.7rem;height:7.6rem}}.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.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:#0c5aaa;color:#fff;height:35.7rem}@media screen and (max-width: 752px){.ly_rootFooter{display:block;height:auto}}.ly_rootFooter_inner{max-width:120rem;display:grid;grid-template-columns:11.4rem 96.5rem;-webkit-box-align:center;align-items:center;-webkit-box-pack:justify;justify-content:space-between;-webkit-column-gap:6.6rem;-moz-column-gap:6.6rem;column-gap:6.6rem}@media screen and (max-width: 1150px){.ly_rootFooter_inner{grid-template-columns:15.1rem 86rem;-webkit-column-gap:5rem;-moz-column-gap:5rem;column-gap:5rem}}@media screen and (max-width: 752px){.ly_rootFooter_inner{display:block;padding:6rem 2.4rem 0}}.bl_globalFooterLogo{display:-webkit-box;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;flex-direction:column;-webkit-box-align:center;align-items:center;-webkit-transition:opacity 300ms;transition:opacity 300ms;width:11.4rem;padding:2.2rem;color:inherit;text-decoration:none}.bl_globalFooterLogo:visited{color:inherit}.bl_globalFooterLogo:hover{opacity:.5;color:inherit}@media screen and (max-width: 752px){.bl_globalFooterLogo{display:none}}.bl_globalFooterLogo_image{width:7rem;height:6.4rem}.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:min(8.8rem,4vw);-moz-column-gap:min(8.8rem,4vw);column-gap:min(8.8rem,4vw)}@media screen and (max-width: 1150px){.ly_globalFooterNavi_inner{-webkit-column-gap:4.4rem;-moz-column-gap:4.4rem;column-gap:4.4rem}}@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;pointer-events:none}@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}@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;text-decoration:none}.bl_globalFooterNaviSubSubList_item_link:visited{color:inherit}.bl_globalFooterNaviSubSubList_item_link:hover{color:inherit}@media screen and (max-width: 752px){.bl_globalFooterNaviSubSubList_item_link:hover{color:#aaa}}@media screen and (max-width: 752px){.bl_globalFooterNaviListAndSns{display:grid;padding-top:2.4rem;margin-top:2.4rem}}.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;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{display:-webkit-box;display:flex;-webkit-box-align:center;align-items:center;-webkit-box-pack:center;justify-content:center;-webkit-transition:opacity 300ms;transition:opacity 300ms;width:4rem;height:4rem}.bl_globalFooterNaviSnsList_item:hover{opacity:.5}.bl_globalFooterNaviSnsList_item__note{-webkit-transition:opacity 300ms;transition:opacity 300ms;width:7rem;height:4.5rem;display:-webkit-box;display:flex;-webkit-box-pack:center;justify-content:center;-webkit-box-align:center;align-items:center}.bl_globalFooterNaviSnsList_item__note img{display:block;width:100%;height:auto}.bl_globalFooterNaviSnsList_item__note:hover{opacity:.5}.bl_globalFooterNaviSnsList_item_img__youtube{display:block;width:100%;height:auto}.bl_globalFooterNaviSnsList_item_img__facebook{display:block;width:100%;height:auto}.bl_globalFooterNaviSnsList_item_img__instagram{display:block;width:100%;height:auto}.bl_globalFooterNaviSnsList_item_img__twitter{display:block;width:100%;height:auto}.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}}.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;-webkit-transition:padding-top 300ms;transition:padding-top 300ms}@media screen and (max-width: 752px){.ly_rootMain{padding-top:7.4rem}}[data-scroll-state=down]~.ly_rootMain{padding-top:0}.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;color:#fff}@media screen and (max-width: 752px){.bl_breadcrumb{padding:1.2rem}}.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:#fff #fff 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}.bl_breadcrumbList_item_link:link,.bl_breadcrumbList_item_link:visited{color:inherit;text-decoration:none}.bl_breadcrumbList_item_link::after{position:absolute;bottom:-1rem;left:0;content:"";width:100%;border-bottom:.1rem solid #fff;opacity:0;-webkit-transition:bottom 300ms,opacity 300ms;transition:bottom 300ms,opacity 300ms}.bl_breadcrumbList_item_link:hover{color:inherit}.bl_breadcrumbList_item_link:hover::after{bottom:-0.5rem;opacity:1}

/* ▼ セクションの余白を全ページで揃える: ここから ▼
   ごみ拾いSNSピリカ配下の4ページは /common/styles/index.css を読まず、
   このファイルが共通基盤になっているので、同じ指定をここにも置く。
   （内容は common/styles/index.css 末尾のブロックと同一） */
/* ラッパーには _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;
}
/* ▲ ここまで ▲ */

.ly_rootRightSideFixedControls{z-index:100;position:fixed;top:calc(50% - 145px);right:-5px}
@media screen and (max-width: 752px){.ly_rootRightSideFixedControls{display:none}}
/* 1199px以下では本文の右端に重なるので非表示（コーポレート側と同じ扱い） */
@media screen and (min-width:753px) and (max-width:1199px){.ly_rootRightSideFixedControls{display:none}}
.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:#252627}
.bl_commonComponentSideTab__light:visited,.bl_commonComponentSideTab__normal:visited{color:#252627}
.bl_commonComponentSideTab__light:hover,.bl_commonComponentSideTab__normal:hover{color:#252627;text-decoration:none}
.bl_commonComponentSideTab__normal{background-color:#f9d572}
.bl_commonComponentSideTab__light{background-color:#fff9b0}
.bl_commonComponentSideTab__light:hover{background-color:#f4e0a7}
/* ▲ ここまで ▲ */

/* ▼ フッター直前の会社紹介文（bl_aiBoilerplate）の土台（common/styles/index.css と同一の指定）▼
   こちらも同じ理由で見た目の指定が無く、画面いっぱいの素の文字で出ていた。 */
.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}}
/* ▲ ここまで ▲ */

/* ▼ お問い合わせのサイドタブ（common/styles/index.css 末尾と同一の指定）: ここから ▼ */
.bl_commonComponentSideTab__normal{
  background-color:#EF9C37;
}
.bl_commonComponentSideTab__normal:hover{
  background-color:#F4B76A;
}
/* ▲ ここまで ▲ */

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

html{
  font-size:10px;
}
/* ただし SNSピリカ配下4ページのヘッダーは `7rem 90.3rem 8.9rem` の固定幅（合計1062px）で
   組まれており、753〜1150px では縮小を前提にしている。この幅だけ元の伸縮を残す。
   （スマホ幅は固定10pxにする。元は2.6667vwで、375px以外では大きすぎ・小さすぎになっていた） */
@media screen and (min-width:753px) and (max-width:1150px){
  html{
    font-size:.8695652174vw;
  }
}
/* ▲ ここまで ▲ */

/* ▼ タブレット幅(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;
  }
}
/* ▲ ここまで ▲ */

/* ▼ 既存の不具合: ページ見出しの画像が幅50.8rem固定で、スマホで横スクロールが出ていた ▼
   （文字サイズの変更とは無関係で、以前から発生していた） */
.bl_guidePageHeader_image_img,
.bl_faqPageHeader_image_img,
.bl_detailPageHeader_image_img{
  max-width:100%;
  height:auto;
}
/* ▲ ここまで ▲ */

/* ▼ タブレット幅(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;
  }
  /* 内側にコンテナがある場合は外側を0にして二重にしない */
  body [class$="Section"]:has(> [class*="Section_inner"]){
    padding-left:0;
    padding-right:0;
  }
}
/* ▲ ここまで ▲ */


/* (1) 親のグリッドの行間で間隔を作っているページ
   行間は他の要素どうしにも効いているので、見出しの下と直後の要素の上に負の余白を入れて1か所だけ縮める。
   見出しを1行ぶんより大きく引くと行の高さが0で止まって効かなくなるため、見出し側と直後側に分けている。 */
/* 行間8.8rem: 8.8 - 4.4 - 2.2 = 2.2rem */
body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_title,
body .bl_detailPageSection_inner > .bl_detailPageSection_title,
body .bl_guidePageSection_inner > .bl_guidePageSection_title,
body .bl_guidePageSection_inner > .bl_guidePageSection_title__start{
  margin-bottom:-4.4rem;
}
body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_title + *,
body .bl_detailPageSection_inner > .bl_detailPageSection_title + *,
body .bl_guidePageSection_inner > .bl_guidePageSection_title + *,
body .bl_guidePageSection_inner > .bl_guidePageSection_title__start + *{
  margin-top:-2.2rem;
}
/* 「Web版からの新規登録はこちら」(小見出し・1行4.3rem): 8.8 - 2.2 - 4.4 = 2.2rem */
body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_webTitle{margin-bottom:-2.2rem;}
body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_webTitle + *{margin-top:-4.4rem;}
/* 行間6.6rem（よくある質問）: 6.6 - 2.2 - 2.2 = 2.2rem */
body .bl_faqPageSection > .bl_faqPageSection_title{margin-bottom:-2.2rem;}
body .bl_faqPageSection > .bl_faqPageSection_title + *{margin-top:-2.2rem;}
/* 行間4.4rem（アプリ紹介の見出し）: 4.4 - 2.2 = 2.2rem */
body .bl_snsPirikaPageAboutSection > .bl_snsPirikaPageAboutSection_title{margin-bottom:-2.2rem;}

/* (2) 見出し自身の下余白で間隔を作っているページ */
body .bl_guidePageSubSection_title{padding-bottom:2.2rem;}
/* (3) アプリ紹介欄は文章の枠に上余白2remが別にあり、見出し→文章が4.2remになっていた */
body .bl_snsPirikaPageAboutSection_inner > .bl_snsPirikaPageAboutSection_textArea{padding-top:0;}

@media screen and (max-width:752px){
  /* SPの行間は4.4rem → 見出しを2.0rem引けば2.4rem（見出し1行=3.9remなので行の高さは0にならない） */
  body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_title,
  body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_webTitle,
  body .bl_faqPageSection > .bl_faqPageSection_title,
  body .bl_snsPirikaPageAboutSection > .bl_snsPirikaPageAboutSection_title{
    margin-bottom:-2rem;
  }
  body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_title + *,
  body .bl_snsPirikaPageSection_inner > .bl_snsPirikaPageSection_webTitle + *,
  body .bl_faqPageSection > .bl_faqPageSection_title + *{
    margin-top:0;
  }
  /* 使い方・くわしい使い方はSPでグリッドでなくなり、見出しの下余白4.4remで間隔を作っている */
  body .bl_detailPageSection_inner > .bl_detailPageSection_title,
  body .bl_guidePageSection_inner > .bl_guidePageSection_title,
  body .bl_guidePageSection_inner > .bl_guidePageSection_title__start{
    margin-bottom:0;
    padding-bottom:2.4rem;
  }
  body .bl_detailPageSection_inner > .bl_detailPageSection_title + *,
  body .bl_guidePageSection_inner > .bl_guidePageSection_title + *,
  body .bl_guidePageSection_inner > .bl_guidePageSection_title__start + *{
    margin-top:0;
  }
  body .bl_guidePageSubSection_title{padding-bottom:2.4rem;}
}
/* ▲ ここまで ▲ */

/* --- 2026-09-21: SPメニューは文字の部分しか押せなかったので、行の幅いっぱいを押せるようにする --- */
@media screen and (max-width:752px){
  body[data-bind-sp-menu-state=main] .bl_globalHeaderNaviList > li > a{
    display:block;
    width:100%;
  }
}

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