/* 2026-10 PHP・WP更新後の崩れ修正 */
/* 固定ページ上部のタイトル(「トップページ」など)を隠す。旧サイトはどの固定ページも非表示 */
.page .c-page-header{display:none}
/* 背景画像つきセクション(About usなど):2020年に作ったブロックの文字が、背景画像の下に隠れていたのを戻す */
.smb-section-with-bgimage:has(> .c-container){display:flex;flex-wrap:wrap;align-items:center}
.smb-section-with-bgimage > .c-container{position:relative;flex:1 1 100%}
.smb-section-with-bgimage--wide:has(> .c-container){min-height:75vh}
/* 幅広(alignwide)のブロックが細くなっていたのを、旧の幅に戻す
   (トップの書籍・商品、事業内容の01〜03、採用情報の写真と文の段など) */
.l-body--one-column-slim .c-entry__content > .alignwide{width:min(1120px,calc(100vw - 40px));max-width:none;margin-left:50%;transform:translateX(-50%)}
/* 縦に長いセクション(事業内容の「主な書籍」など)が、ふわっと出る動きが始まらず
   透明のまま空白になっていたので、セクションは最初から表示する */
.smb-section[class*="sme-animation-"]{opacity:1!important;animation:none!important}
/* 幅広ブロックの中の「細い幅」の枠(u-slim-width)も外す。採用情報の募集要項テーブルなどが細いままだったため
   (旧サイトの追加CSSでも事業内容のセクションで同じ指定をしていた) */
.l-body--one-column-slim .c-entry__content > .alignwide .u-slim-width{max-width:none!important}

/* ===== 採用情報ページ(2026-10 作り直し)。クラス名は kt-rc- で始まる ===== */
.kt-rc-en{margin:0 0 6px!important;text-align:center;font-size:13px;font-weight:700;letter-spacing:.25em;color:#14A79C}
.kt-rc-h{margin:0 0 36px!important;text-align:center;font-size:30px;letter-spacing:.1em}
/* ビジョン */
.kt-rc-vision{margin-top:100px!important;margin-bottom:100px!important;text-align:center}
.kt-rc-vision .kt-rc-vision__copy{margin:18px 0 0;font-size:clamp(28px,3.2vw,44px);font-weight:700;line-height:1.8;letter-spacing:.1em;text-align:center}
/* メッセージ:薄い黄色の面 */
.kt-rc-msg{padding:72px clamp(20px,8vw,120px)!important;border-radius:24px;background:linear-gradient(180deg,#fff7b8 0%,#fffdf0 100%)}
.kt-rc-msg p{max-width:760px;margin-left:auto!important;margin-right:auto!important;line-height:2.1}
.kt-rc-msg .kt-rc-msg__call{margin-top:32px!important;padding-top:28px;border-top:1px solid rgba(0,0,0,.12);font-weight:700;text-align:center}
.kt-rc-msg .kt-rc-en{max-width:none}
/* 3つの強み:写真(右下に黄色の影)と見出しを横並び */
.kt-rc-feature{margin-top:100px!important}
.kt-rc-feature:not(:has(> .wp-block-group__inner-container)),
.kt-rc-feature > .wp-block-group__inner-container{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.kt-rc-feature .wp-block-image{position:relative;isolation:isolate;margin:0!important}
.kt-rc-feature .wp-block-image::before{content:"";position:absolute;inset:0;z-index:-1;transform:translate(18px,18px);background:#fcf76a}
.kt-rc-feature .wp-block-image img{display:block;width:100%;height:auto}
.kt-rc-feature h3{margin:0!important;font-size:26px;line-height:1.7;letter-spacing:.06em}
/* 動画 */
.kt-rc-movie{max-width:860px;margin:110px auto 0!important}
/* 職種の見出し:写真に暗いマスク+白文字 */
.kt-rc-jobhead{position:relative;overflow:hidden;margin-top:130px!important;margin-bottom:48px!important;padding:80px 20px!important;border-radius:16px;background:#555 center/cover no-repeat;color:#fff;text-align:center}
.kt-rc-jobhead::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.kt-rc-jobhead > *{position:relative}
.kt-rc-jobhead--acu{background-image:url(https://koritoreru.co.jp/wp-content/uploads/2020/10/53A6124-1024x683-1.jpg)}
.kt-rc-jobhead--clinic{background-image:url(https://koritoreru.co.jp/wp-content/uploads/2024/04/1820745_m.jpg)}
.kt-rc-jobhead .kt-rc-jobhead__title{margin:0;font-size:32px;font-weight:700;letter-spacing:.12em;color:#fff;text-align:center}
.kt-rc-jobhead .kt-rc-jobhead__sub{margin:8px 0 0!important;font-size:14px;letter-spacing:.35em;color:#fff;text-align:center}
/* 募集要項の本文 */
.kt-rc-job .kt-rc-job__lead{line-height:2.1}
.kt-rc-job .kt-rc-job__h{margin:64px 0 18px!important;padding-left:14px;border-left:5px solid #14A79C;font-size:22px;letter-spacing:.06em}
.kt-rc-table{margin:0!important}
.kt-rc-table table{width:100%;border-collapse:collapse;font-size:15px}
.kt-rc-table td{padding:18px 22px;border:0;border-bottom:1px solid #e3e3e3;vertical-align:top;line-height:1.9;text-align:left}
.kt-rc-table tr:first-child td{border-top:2px solid #14A79C}
.kt-rc-table td:first-child{width:9em;white-space:nowrap;font-weight:700;background:#f6f8f7;color:#333}
.kt-rc-btns{justify-content:center;margin-top:40px!important}
.kt-rc-btn .wp-block-button__link{min-width:320px;padding:18px 40px;border-radius:999px;background:#14A79C;color:#fff;font-weight:700;letter-spacing:.1em;text-align:center;transition:opacity .2s}
.kt-rc-btn .wp-block-button__link:hover{opacity:.85}
@media (max-width:767px){
  .kt-rc-vision{margin-top:64px!important;margin-bottom:64px!important}
  .kt-rc-h{font-size:24px}
  .kt-rc-msg{padding:48px 20px!important;border-radius:16px}
  .kt-rc-msg .kt-rc-msg__call{text-align:left}
  .kt-rc-feature{margin-top:64px!important}
  .kt-rc-feature:not(:has(> .wp-block-group__inner-container)),
  .kt-rc-feature > .wp-block-group__inner-container{grid-template-columns:1fr;gap:32px}
  .kt-rc-feature .wp-block-image::before{transform:translate(10px,10px)}
  .kt-rc-feature h3{font-size:20px}
  .kt-rc-movie{margin-top:72px!important}
  .kt-rc-jobhead{margin-top:80px!important;margin-bottom:32px!important;padding:52px 16px!important}
  .kt-rc-jobhead .kt-rc-jobhead__title{font-size:22px}
  .kt-rc-job .kt-rc-job__h{margin-top:44px!important;font-size:19px}
  .kt-rc-table table{font-size:14px}
  .kt-rc-table td{padding:12px 12px}
  .kt-rc-table td:first-child{width:6.5em}
  .kt-rc-btn{width:100%}
  .kt-rc-btn .wp-block-button__link{min-width:0;width:100%}
}

/* テーマの見出し装飾(灰色の帯・線)を外す */
.kt-rc-msg .kt-rc-h,.kt-rc-feature h3,.kt-rc-job .kt-rc-job__h{background:none!important;border-top:0!important;border-right:0!important;border-bottom:0!important;box-shadow:none!important;padding-top:0!important;padding-bottom:0!important}
.kt-rc-msg .kt-rc-h{border-left:0!important;padding-left:0!important}
.kt-rc-feature h3{border-left:0!important;padding-left:0!important}
.kt-rc-msg .kt-rc-h::before,.kt-rc-msg .kt-rc-h::after,.kt-rc-feature h3::before,.kt-rc-feature h3::after,.kt-rc-job .kt-rc-job__h::before,.kt-rc-job .kt-rc-job__h::after{content:none!important}
/* 写真と見出しの段・募集要項は、本文の細い幅ではなく960pxまで広げる */
.kt-rc-feature > .wp-block-group__inner-container,.kt-rc-feature:not(:has(> .wp-block-group__inner-container)){max-width:960px;margin-left:auto;margin-right:auto}
.kt-rc-job > .wp-block-group__inner-container > *,.kt-rc-job:not(:has(> .wp-block-group__inner-container)) > *{max-width:960px!important;margin-left:auto!important;margin-right:auto!important}
.kt-rc-btns{display:flex;justify-content:center}
/* 幅広グループの内側の枠(テーマが736pxに制限)を960pxまで広げる */
.kt-rc-job > .wp-block-group__inner-container,.kt-rc-feature > .wp-block-group__inner-container{max-width:960px!important}
@media (max-width:767px){.kt-rc-msg{padding:40px 6px!important}}

/* パネル(店舗カード・商品カードなど):カード全体を押せるリンクに戻す。
   旧バージョンにあった「リンクをカード全体に広げる」指定が更新でなくなり、文字のない空のリンクだけ残って押せなくなっていた */
.smb-panels__item{position:relative}
.smb-panels__item__action > a::after{content:"";position:absolute;inset:0;z-index:1}
.smb-panels__item__content a{position:relative;z-index:2}

/* ===== スマホの調整(2026-10-22) ===== */
@media (max-width:767px){
  /* トップの書籍・DVD:1冊ずつ縦に並んで長くなるので2列に */
  .smb-panels > .c-row[data-lg-columns="4"] > .c-row__col{flex:0 0 50%;max-width:50%}
  /* トップの事業内容:クリーム色の背景が右側だけ切れているので全幅に(旧の追加CSSと同じ意図) */
  .works .smb-section__background{inset:0!important;width:auto!important;transform:none!important}
  /* 旧の追加CSSが幅広グループの中身を80%に縮めていたので、スマホでは全幅に戻す */
  .wp-block-group.alignwide > .wp-block-group__inner-container{width:auto!important}
  /* 採用情報のメッセージ:左右の余白を戻す */
  .kt-rc-msg{padding:40px 22px!important}
  .kt-rc-msg p{max-width:none}
}

/* ページ先頭が画面幅いっぱいの画像(MV・スライダー)のとき、ヘッダー(パンくず)との間の余白(48px)をなくす */
.l-contents__inner:has(.c-entry__content > .alignfull:first-child){padding-top:0!important}
@media (max-width:767px){
  /* 会社概要の代表メッセージ(スマホ):縦長の背景画像の一番下にいる先生が切れて隠れるので、画像は下端を基準に表示 */
  .smb-section-with-bgimage--fit .smb-section-with-bgimage__bgimage--sm img{object-position:50% 100%!important}
}