/* キャリカレ共通シェル。正本: 調理師合格指導講座 rn */
:root{--ccj-orange:#f67921;--ccj-blue:#0068c0;--ccj-entry:#f24343;--ccj-paper:#008acb;--ccj-text:#333;--ccj-muted:#686868;--ccj-footer:#f5f5f5;--ccj-header-height:55px}
.ccj-only-pc{display:none}.ccj-only-sp{display:flex}
.l-header{position:fixed;z-index:999;top:0;left:0;width:100%;color:var(--ccj-text);background:#fff;font-family:var(--bousai-font-sans)}
.l-header.has-shadow{box-shadow:0 3px 6px rgb(0 0 0/4%)}
.l-header__bottom{height:55px;background:#fff}.ccj-header-container{width:100%;height:100%;margin-inline:auto}
.l-headerBottomContainer{height:100%;align-items:center;justify-content:space-between;padding-inline:16px}
.l-headerLogo{width:143px;flex:0 0 auto}.l-headerLogo a,.l-headerLogo img{display:block}.l-headerLogo img{width:100%;height:auto}
.l-headerRight{display:flex;min-width:0;align-items:center;gap:10px}.l-headerEntryWrapper{display:flex;align-items:center}
.l-headerEntry{display:flex;width:95px;height:35px;align-items:center;justify-content:center;color:var(--ccj-blue)!important;background:#fff;border:2px solid var(--ccj-blue);border-radius:5px;font-size:12px;font-weight:700;text-decoration:none}
.l-headerEntry span{display:flex;align-items:center;gap:6px}.l-headerEntry span::before{width:18px;height:20px;background:url("../public/images/ccj-common/siryou_icon.png") center/contain no-repeat;content:""}
.l-headerMenuButton{position:relative;display:block;width:42px;height:42px;padding:0;background:var(--ccj-orange);border:0;border-radius:5px;cursor:pointer}
.l-headerMenuButton::before,.l-headerMenuButton::after{position:absolute;left:50%;width:24px;height:3px;background:#fff;content:"";transform:translateX(-50%);transition:180ms ease}
.l-headerMenuButton::before{top:12px;box-shadow:0 8px 0 #fff}.l-headerMenuButton::after{top:28px}
.l-headerMenuButton.is-active::before{top:20px;box-shadow:none;transform:translateX(-50%) rotate(45deg)}.l-headerMenuButton.is-active::after{top:20px;transform:translateX(-50%) rotate(-45deg)}
.l-headerMenuButton span,.l-headerSearch .btn-search-open span{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px)}
.ccj-header-menu-backdrop{position:fixed;z-index:998;inset:55px 0 auto;background:transparent}.ccj-header-menu-backdrop[hidden]{display:none}
.l-headerNav{width:100%;max-height:calc(100svh - 55px);overflow-y:auto;color:var(--ccj-text);background:#fff;border-top:1px solid var(--ccj-orange);box-shadow:0 5px 10px rgb(0 0 0/12%)}
.l-headerNavMenu{padding:0;list-style:none;color:var(--ccj-text);font-size:13px}.l-headerNavMenu li{border-bottom:1px solid var(--ccj-orange)}
.l-headerNavMenu a{position:relative;display:flex;width:100%;min-height:40px;align-items:center;gap:8px;padding:8px 40px 8px 18px;color:var(--ccj-text)!important;text-decoration:none}
.l-headerNavMenu a::after{position:absolute;top:50%;right:16px;color:#c8c8c8;content:"›";font-size:20px;transform:translateY(-50%)}
.l-headerNavMenu.hasIcon{font-size:16px;font-weight:700}.l-headerNavMenu.hasIcon a{min-height:48px}.l-headerNavMenu.hasIcon a::before{width:24px;height:24px;flex:0 0 auto;background:#fff1e7;border:2px solid var(--ccj-orange);border-radius:50%;content:""}
.l-headerNavButtons{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;padding:16px 18px max(18px,env(safe-area-inset-bottom))}
.l-headerNavButton{display:flex;min-height:58px;align-items:center;justify-content:center;padding:10px;color:#fff!important;border-radius:5px;font-size:15px;font-weight:700;text-align:center;text-decoration:none}.l-headerNavButton__whitepaper{background:var(--ccj-paper)}.l-headerNavButton__entry{background:var(--ccj-entry)}
body.is-ccj-menu-open{overflow:hidden}.l-header+.bousai-main{padding-top:var(--ccj-header-height)}

.l-footer{min-width:0;padding:32px 0 20px;color:var(--ccj-text);background:var(--ccj-footer);font-family:var(--bousai-font-sans)}
.l-footerBanner{padding-inline:32px}.l-footerBanner__container{width:min(100%,1040px);margin-inline:auto}.l-footerBanner__slide{position:relative;margin-bottom:24px}.l-footerBanner .swiper{overflow:hidden}
.l-footerBanner .swiper-slide a,.l-footerBanner .swiper-slide img{display:block}.l-footerBanner .swiper-slide img{width:100%;height:auto}
.l-footerBanner .swiper-button-prev,.l-footerBanner .swiper-button-next{width:20px;height:28px;margin-top:0;color:#c8c8c8;transform:translateY(-50%)}.l-footerBanner .swiper-button-prev{left:-24px}.l-footerBanner .swiper-button-next{right:-24px}.l-footerBanner .swiper-button-prev::after,.l-footerBanner .swiper-button-next::after{font-size:18px;font-weight:800}
.l-footerUnderContents{display:flex;width:min(calc(100% - 32px),1342px);flex-direction:column;gap:24px;margin:0 auto}.l-footerRight{order:-1}.l-footer__container{width:82.05%;margin-inline:auto}
.l-footerSns__title{display:none;margin-bottom:14px;font-size:14px;font-weight:700;text-align:center}.l-footerSnsList{display:flex;justify-content:space-between;padding:0;list-style:none}.l-footerSnsList__item{width:min(9.6vw,38px)}
.l-footerSnsList__item a,.l-footerSnsList__item img{display:block}.l-footerSnsList__item a{min-width:44px;min-height:44px;padding:3px;margin:-3px}.l-footerSnsList__item img{width:100%;height:auto}.l-footerSnsList__item .ccj-line-pc{display:none}
.l-footerSitemap{padding-top:4px}.l-footerSitemapList{display:grid;gap:0;padding:0;border-top:1px solid #bcbcbc;list-style:none}.l-footerSitemapList li{position:relative;padding-left:14px;border-bottom:1px solid #bcbcbc}.l-footerSitemapList li::before{position:absolute;top:15px;left:0;content:"›";font-weight:800}
.l-footerSitemapList a{display:flex;min-height:48px;align-items:center;color:var(--ccj-text)!important;font-size:11px;font-weight:700;line-height:1.667;text-decoration:none}.l-footerSecure{display:none}
.l-footerCopyright{margin-top:24px;padding:0 16px env(safe-area-inset-bottom);text-align:center}.l-footerCopyright small{color:var(--ccj-muted);font-size:9px;font-weight:600}
.c-pageTop{position:fixed;z-index:3;right:14px;bottom:132px;margin:0}.c-pageTop__link,.c-pageTop__link img{display:block;width:41px;height:41px}
@media(hover:hover){.l-headerEntry:hover{color:#fff!important;background:var(--ccj-blue)}.l-headerNavMenu a:hover{background:#fff7f1}.l-footerBanner a:hover img{opacity:.82}.l-footerSitemapList a:hover{text-decoration:underline}}

@media(min-width:1024px){
 :root{--ccj-header-height:67px}.ccj-only-pc{display:flex}.ccj-only-sp{display:none}
 .l-header{position:relative;border-bottom:1px solid #d3d3d3}.l-header.has-shadow{box-shadow:none}.l-header__bottom{height:67px}.ccj-header-container{max-width:1536px}.l-headerBottomContainer{padding:0 clamp(20px,3.5vw,50px)}
 .l-headerLogo{width:clamp(150px,12.5vw,179px)}.l-headerRight{height:100%;gap:clamp(12px,1.7vw,26px)}.l-headerNavMenu{display:flex;height:100%;align-items:center;gap:clamp(12px,1.7vw,26px)}.l-headerNavMenu li{height:100%;border:0}.l-headerNavMenu a{height:100%;min-height:0;padding:0;color:#505050!important;font-size:clamp(11px,1vw,14px);white-space:nowrap}.l-headerNavMenu a::after{display:none}
 .l-headerEntry{width:clamp(110px,9.3vw,133px);height:42px;font-size:12px}.l-headerSearch{position:relative;display:flex;width:clamp(150px,20.7vw,297px);align-items:center}.l-headerSearch .input-search{width:100%;height:33px;padding:0 48px 0 14px;color:#333;background:#e8e8e8;border:0;border-radius:5px;font:inherit;font-size:13px}
 .l-headerSearch .btn-search-open{position:absolute;top:50%;right:0;display:grid;width:40px;height:33px;place-items:center;padding:0;background:#bebebe;border:0;border-radius:0 5px 5px 0;cursor:pointer;transform:translateY(-50%)}.l-headerSearch .btn-search-open::before{width:14px;height:14px;border:2px solid #fff;border-radius:50%;content:""}.l-headerSearch .btn-search-open::after{position:absolute;width:7px;height:2px;margin:13px 0 0 13px;background:#fff;content:"";transform:rotate(45deg)}
 .ccj-header-menu-backdrop{display:none}.l-header+.bousai-main{padding-top:0}
 .l-footer{padding-bottom:50px}.l-footerBanner{padding:0 28px}.l-footerUnderContents{width:min(calc(100% - 48px),1342px);flex-direction:row;gap:0;margin-top:50px}.l-footerSitemap,.l-footerRight{width:50%}.l-footerRight{order:initial}.l-footer__container{width:100%}.l-footerSitemap{padding:0}.l-footerSitemapList{grid-template-columns:220px minmax(0,1fr);gap:40px 0;border:0}.l-footerSitemapList li{padding-left:14px;border:0}.l-footerSitemapList li::before{top:4px}.l-footerSitemapList li:nth-child(1){order:1}.l-footerSitemapList li:nth-child(6){order:2}.l-footerSitemapList li:nth-child(2){order:3}.l-footerSitemapList li:nth-child(7){order:4}.l-footerSitemapList li:nth-child(4){order:5}.l-footerSitemapList li:nth-child(8){order:6}.l-footerSitemapList li:nth-child(5){order:7}.l-footerSitemapList li:nth-child(9){order:8}.l-footerSitemapList li:nth-child(3){display:none}.l-footerSitemapList a{display:inline-block;min-height:0;font-size:15px}.l-footerSns__title{display:block;margin:0;font-size:15px;text-align:left}.l-footerSnsList{justify-content:flex-start;gap:30px;margin-top:18px}.l-footerSnsList__item{width:30px}.l-footerSnsList__item .ccj-line-sp{display:none}.l-footerSnsList__item .ccj-line-pc{display:block}.l-footerSecure{display:block;margin-top:45px}.l-footerSecure__text{max-width:520px;color:var(--ccj-muted);font-size:9px;line-height:1.778}.l-footerCopyright{margin-top:50px;padding:0}.l-footerCopyright small{font-size:11px}.c-pageTop{bottom:30px}
}
@media(min-width:1024px) and (max-width:1199px){.l-headerBottomContainer{padding-inline:20px}.l-headerRight,.l-headerNavMenu{gap:10px}.l-headerNavMenu a{font-size:11px}.l-headerSearch{width:150px}.l-footerSitemapList{grid-template-columns:190px minmax(0,1fr)}.l-footerSitemapList a{font-size:13px}}
@media(max-width:374px){.l-headerBottomContainer{padding-inline:10px}.l-headerLogo{width:126px}.l-headerRight{gap:6px}.l-headerEntry{width:88px}.l-footerBanner{padding-inline:28px}.l-footerUnderContents{width:calc(100% - 24px)}}
@media(prefers-reduced-motion:reduce){.l-headerMenuButton::before,.l-headerMenuButton::after{transition:none}}
