/* 2026-10-19 予約導線の改修（MONJI 6件）PC */
:root{--k-brown:#67471C;--k-red:#d9261c;--k-green:#5d9c2c;--k-cream:#fff8ec;--k-line:#e6d8bf;}
/* #1 ヘッダーのWEB予約 */
#header-inner #h-otona{right:452px;top:25px;}
#header-inner #h-otona img{width:160px;height:auto;}
#header-inner #h-web{position:absolute;top:18px;right:304px;}
#h-web a{display:flex;flex-direction:column;justify-content:center;align-items:center;width:140px;height:50px;border-radius:8px;background:var(--k-red);color:#fff;font-weight:bold;font-size:18px;line-height:1.1;text-decoration:none;box-shadow:0 3px 0 #a3170f;transition:opacity .2s;}
#h-web a span{font-size:11px;font-weight:normal;margin-bottom:3px;}
#h-web a:hover{opacity:.85;}
/* #2 対象別バナー */
.k-target{background:var(--k-cream);padding:28px 0;}
.k-target__list{display:flex;justify-content:space-between;width:960px;margin:0 auto;padding:0;list-style:none;}
.k-target__item{width:304px;background:#fff;border-radius:10px;box-shadow:0 2px 8px rgba(103,71,28,.15);overflow:hidden;display:flex;flex-direction:column;}
.k-target__head{padding:12px 16px;color:#fff;font-weight:bold;font-size:20px;text-align:center;}
.k-target__item--kids .k-target__head{background:var(--k-green);}
.k-target__item--otona .k-target__head{background:#c9875b;}
.k-target__item--white .k-target__head{background:#4f9fc9;}
.k-target__body{padding:14px 18px 18px;color:var(--k-brown);font-size:14px;line-height:1.7;flex:1;display:flex;flex-direction:column;}
.k-target__body p{margin:0 0 12px;flex:1;}
.k-target__btns{display:flex;gap:8px;margin:0;padding:0;list-style:none;}
.k-target__btns li{flex:1;}
.k-target__btns a{display:block;padding:10px 6px;border:2px solid currentColor;border-radius:24px;text-align:center;font-weight:bold;font-size:14px;text-decoration:none;transition:background .2s,color .2s;}
.k-target__item--kids .k-target__btns a{color:var(--k-green);}
.k-target__item--otona .k-target__btns a{color:#b06f43;}
.k-target__item--white .k-target__btns a{color:#3a87b0;}
.k-target__btns a:hover{background:currentColor;}
.k-target__btns a:hover span{color:#fff;}
/* #3 採用バナー（ファーストビュー直下） */
.k-recruit{padding:20px 0 6px;}
.k-recruit__list{display:flex;justify-content:center;gap:20px;margin:0;padding:0;list-style:none;}
.k-recruit__list img{display:block;height:150px;width:auto;border-radius:6px;}
.k-recruit__list a{display:block;transition:opacity .2s;}
.k-recruit__list a:hover{opacity:.85;}
/* #5 各ページ末尾のご予約 */
.k-cta{width:960px;margin:40px auto;padding:28px 30px 32px;box-sizing:border-box;background:var(--k-cream);border:2px solid var(--k-line);border-radius:12px;text-align:center;color:var(--k-brown);}
.k-cta__ttl{margin:0 0 10px;font-size:24px;font-weight:bold;}
.k-cta__txt{margin:0 0 20px;font-size:15px;line-height:1.8;}
.k-cta__btns{display:flex;justify-content:center;gap:24px;margin:0;padding:0;list-style:none;}
.k-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:300px;height:72px;border-radius:10px;color:#fff;font-weight:bold;font-size:24px;line-height:1.1;text-decoration:none;transition:opacity .2s;}
.k-btn:hover{opacity:.85;color:#fff;}
.k-btn__sub{font-size:13px;font-weight:normal;margin-bottom:5px;}
.k-btn--tel{background:var(--k-brown);box-shadow:0 4px 0 #42290c;}
.k-btn--web{background:var(--k-red);box-shadow:0 4px 0 #a3170f;}
/* #6 バナーの整理：関連サイト3本はバナー＋文字ボタン */
.k-bnr4{display:flex;justify-content:center;gap:16px;}
.k-bnr4 li{margin:0 !important;}
.k-bnr4 img{display:block;width:222px;height:auto;}
.k-related{margin-top:36px;}
.k-related__ttl{margin:0 0 14px;color:var(--k-brown);font-size:18px;font-weight:bold;}
.k-related__list{display:flex;justify-content:center;gap:40px;margin:0;padding:0;list-style:none;}
.k-related__link{display:block;width:284px;text-decoration:none;}
.k-related__link img{display:block;width:284px;height:64px;border-radius:5px;}
.k-related__btn{display:block;margin-top:8px;padding:9px 0;border:2px solid var(--k-brown);border-radius:22px;background:#fff;color:var(--k-brown);font-size:15px;font-weight:bold;text-align:center;transition:background .2s,color .2s;}
.k-related__btn::after{content:"\203A";margin-left:8px;}
.k-related__link:hover .k-related__btn{background:var(--k-brown);color:#fff;}
