@charset "UTF-8";
/*!
 * site-header-footer.css
 * ヘッダー（ナビ横のCTAボタン）とフッター（4カラム）を
 * coqoon_newdesign_pc.png / coqoon_newdesign_sp.png に寄せるための全ページ共通スタイル。
 * BEM命名：ヘッダーは .site-header-cta*、フッターは .site-footer*
 *
 * 【詳細度に関する規約】
 * このファイルの要素はCocoon本体のマークアップ（#navi-in、#footer等）の内側に
 * 配置されるため、Cocoon側が持つ`.navi-in a`のようなタグを含む記述に詳細度で
 * 負けることがある（例:「クラス1個」=10点 に対し「クラス1個+タグ1個」=11点）。
 * これを避けるため、このファイルではCocoonのマークアップ内に置く要素のセレクタは
 * 単体クラスにせず、常に親ブロックのクラスを含めた2階層（`.親 .要素`）で書く
 * ことをこのファイル内の規約とする。!importantは使わない。
 *
 * 【レスポンシブ方針：モバイルファースト】
 * メディアクエリを付けない基本スタイル＝SPとし、Cocoon本体がPCナビ⇔
 * ハンバーガーメニューを切り替える基準（max-width:1023px=モバイル）に
 * 合わせて`min-width: 1024px`をPC切り替え地点として使う。
 */
:root{--shf-teal-dark:#00687d;--shf-teal-darker:#004e5e;--shf-charcoal:#2e3134;--shf-charcoal-text:#a9b4b6;--shf-font:"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic UI","Yu Gothic","Meiryo",sans-serif;--cocoon--mobile-header-menu-buttons--height:64px}.site-header-ctas{display:none}.site-header-ctas .site-header-cta,.mobile-drawer__ctas .site-header-cta{display:inline-flex;align-items:center;justify-content:center;width:auto;height:auto;padding:10px 20px;border-radius:6px;font-weight:700;font-size:.85rem;font-family:var(--shf-font);color:#fff;text-decoration:none;white-space:nowrap;flex:0 0 auto;transition:background-color .2s ease,color .2s ease,border-color .2s ease}.site-header-ctas .site-header-cta--primary,.mobile-drawer__ctas .site-header-cta--primary{background:var(--shf-teal-dark)}.site-header-ctas .site-header-cta--primary:hover,.mobile-drawer__ctas .site-header-cta--primary:hover{background:var(--shf-teal-darker);color:#fff}.site-header-ctas .site-header-cta--outline,.mobile-drawer__ctas .site-header-cta--outline{background:#fff;color:var(--shf-teal-dark);border:1px solid var(--shf-teal-dark)}.site-header-ctas .site-header-cta--outline:hover,.mobile-drawer__ctas .site-header-cta--outline:hover{background:var(--shf-teal-dark);color:#fff}.navi-in>ul li{width:auto}.navi-in>ul li a{padding:0 20px}.navi-in .top-has-sub{display:none}@media screen and (min-width:1024px){.header-container-in.hlt-top-menu .navi{width:auto;flex:1 1 auto;min-width:0}#header{margin-right:60px}#navi-in.navi-in{width:auto;display:flex;align-items:center;justify-content:flex-start;flex-wrap:wrap;gap:12px}#navi-in.navi-in>ul.menu-top{margin-left:auto}.site-header-ctas{display:flex;gap:10px;flex-wrap:wrap}.header-container-in.hlt-top-menu .logo-header img{height:42px;max-height:42px;width:auto}}.mobile-header-menu-buttons.mobile-menu-buttons{box-shadow:0 1px 4px rgba(28,43,58,.12);min-height:64px}.mobile-header-menu-buttons .logo-menu-button{order:1;justify-content:flex-start;text-align:left;padding-left:16px}.mobile-header-menu-buttons .logo-menu-button .menu-button-in{font-weight:800;font-size:1rem;color:#1c2b3a}.mobile-header-menu-buttons .logo-menu-button img,.mobile-header-menu-buttons .logo-menu-button .site-logo-image{max-height:32px !important;margin:0 !important}.mobile-header-menu-buttons .navi-menu-button{order:2}.mobile-header-menu-buttons .navi-menu-caption{display:none}.mobile-header-menu-buttons .search-menu-button{display:none}#header-container{display:none}@media screen and (min-width:1024px){#header-container{display:block}}#navi-menu-content{left:auto;right:0;transform:translateX(105%)}#content{background-color:#fff;margin-top:0}#footer{background-color:var(--shf-charcoal);margin-top:0}#main{padding-top:0;padding-bottom:0}.coqoon-nav-links__heading{margin:0 0 16px;color:#fff;font-size:.85rem;font-weight:700}.coqoon-nav-links__list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.coqoon-nav-links__link{color:var(--shf-charcoal-text);font-size:.8rem;text-decoration:none}.coqoon-nav-links__link:hover{color:#fff}.coqoon-nav-links__contact-name{color:#fff;font-weight:700;font-size:.9rem;margin:0 0 10px}.coqoon-nav-links__contact-logo{height:50px;width:auto}.coqoon-nav-links__contact-line{color:var(--shf-charcoal-text);font-size:.78rem;margin:0 0 6px;line-height:1.6}.coqoon-nav-links__contact-icon{display:inline-block;width:1.1em;margin-right:6px;text-align:center}.site-footer{padding:32px 29px 20px}.site-footer .coqoon-nav-links{display:grid;grid-template-columns:1fr;gap:28px}.site-footer .coqoon-nav-links__list{padding-left:1.6rem}.site-footer .coqoon-nav-links__contact{padding-top:28px;border-top:1px solid rgba(255,255,255,.12)}.site-footer .coqoon-nav-links__copyright{margin:28px 0 0;padding-top:20px;border-top:1px solid rgba(255,255,255,.12);text-align:center;color:var(--shf-charcoal-text);font-size:.72rem}@media screen and (min-width:600px){.site-footer .coqoon-nav-links{grid-template-columns:repeat(2,1fr)}}@media screen and (min-width:1024px){.site-footer{padding:48px 24px 24px}.site-footer .coqoon-nav-links{grid-template-columns:repeat(3,1fr) 1.4fr;gap:32px}.site-footer .coqoon-nav-links__list{padding-left:0}.site-footer .coqoon-nav-links__contact{padding-top:0;border-top:none}.site-footer .coqoon-nav-links__copyright{margin-top:32px}}.navi-menu-content.mobile-drawer{padding:0;display:flex;flex-direction:column}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--shf-teal-dark)}.mobile-drawer__logo{color:#fff;font-weight:800;font-size:1.05rem}.mobile-drawer__logo-img{max-height:32px;width:auto;margin:0}.mobile-drawer__close{display:flex;align-items:center;justify-content:center;width:32px;height:32px;color:#fff;cursor:pointer}.mobile-drawer__close-icon{width:18px;height:18px}.mobile-drawer__nav{padding:8px 12px}.mobile-drawer__nav .menu-drawer{margin:0;padding:0}.mobile-drawer__nav .menu-drawer li{position:relative}.mobile-drawer__nav .menu-drawer-toggle-row,.mobile-drawer__nav .menu-drawer>li>a{color:var(--cocoon-text-color);text-decoration:none;padding:14px 6px;display:block;cursor:pointer}.mobile-drawer__nav .menu-drawer-toggle-row:hover,.mobile-drawer__nav .menu-drawer>li>a:hover{background-color:#f5f8fa}.mobile-drawer__nav .menu-drawer .sub-menu{max-height:0;overflow:hidden;transition:max-height .3s ease}.mobile-drawer__nav .menu-drawer-toggle-input:checked~.sub-menu{max-height:500px}.mobile-drawer__ctas{display:flex;flex-direction:column;gap:10px;padding:12px 20px 24px}.mobile-drawer__ctas .site-header-cta{width:100%}.mobile-drawer__footer{background:var(--shf-teal-dark);padding:28px 20px 20px}.mobile-drawer__tagline{position:relative;overflow:hidden;width:calc(100% + 40px);margin:-28px -20px 28px;padding:20px;display:flex;flex-direction:column;gap:2px;color:#fff;font-weight:700;font-size:.95rem;line-height:1.7;text-align:center;background-color:var(--shf-teal-darker)}.mobile-drawer__tagline:before{content:"";position:absolute;inset:0;background-image:url(//coqoon.net/wp-content/themes/cocoon-child/assets/css/../images/badge-bg.jpg);background-size:cover;background-position:center;opacity:.35}.mobile-drawer__tagline span{position:relative;z-index:1}.mobile-drawer .coqoon-nav-links{display:flex;flex-direction:column;gap:20px}.mobile-drawer .coqoon-nav-links__list{padding-left:1.6rem}.mobile-drawer .coqoon-nav-links__contact{padding-top:20px;border-top:1px solid rgba(255,255,255,.12)}.mobile-drawer .coqoon-nav-links__copyright{margin:20px 0 0;padding-top:16px;border-top:1px solid rgba(255,255,255,.12);text-align:center;color:var(--shf-charcoal-text);font-size:.7rem}.blog-index-header__container{padding:32px 29px 0}.blog-index-header__title{color:#1c2b3a;font-size:1.6rem;font-weight:800;line-height:1.5;margin:0 0 36px}@media (min-width:1024px){.blog-index-header__container{padding:40px 29px 0}.blog-index-header__title{font-size:2rem;margin:0 0 44px}}.coqoon-cookie-notice{display:none;position:fixed;left:0;right:0;bottom:0;z-index:9999;align-items:center;gap:12px;padding:14px 16px;background:var(--shf-teal-dark);box-shadow:0 -2px 8px rgba(0,0,0,.15)}.coqoon-cookie-notice.is-visible{display:flex;flex-direction:column}.coqoon-cookie-notice__text{margin:0;color:#fff;font-size:.78rem;line-height:1.6}.coqoon-cookie-notice__text a{color:#fff;text-decoration:underline}.coqoon-cookie-notice__button{flex:0 0 auto;align-self:flex-end;padding:8px 20px;border:1px solid #fff;border-radius:6px;background:0 0;color:#fff;font-size:.8rem;font-weight:700;cursor:pointer}.coqoon-cookie-notice__button:hover{background:rgba(255,255,255,.15)}@media (min-width:1024px){.coqoon-cookie-notice.is-visible{flex-direction:row;justify-content:center;padding:14px 24px}.coqoon-cookie-notice__text{font-size:.85rem}.coqoon-cookie-notice__button{align-self:center}}