/* 配置確認の仮案。書体・虹・原稿は採用案を引き継ぐ。 */
.header{position:fixed;inset:0 0 auto;display:flex;align-items:flex-start;justify-content:space-between;gap:32px;padding:0 24px 0 0;width:100%;height:auto;background:transparent!important;box-shadow:none;pointer-events:none;z-index:100;}
.header__middle{display:block;flex:none;margin:0;padding:25px 30px 23px;border-radius:0 0 28px 0;background:#fff!important;pointer-events:auto;}
.header__logo{gap:13px;}
.header .logo-rainbow{width:62px;height:38px;}
.header .header__logo-text{font-size:26px;line-height:1.3;}
.trial-logo-caption{display:block;margin-top:8px;font-size:20px;font-weight:700;font-synthesis:weight;letter-spacing:.02em;text-align:center;color:#5c3d2e;}
.header__inner{display:flex;justify-content:flex-end;gap:24px;margin:20px 0 0;padding:16px 20px 16px 30px;max-width:none;border:0;border-radius:50px;background:#fff;pointer-events:auto;min-height:70px;}
.header__nav{display:block;}.header__nav-list{gap:18px;}.header__nav-link{font-size:12px;}
.trial-contact{display:flex;align-items:center;justify-content:center;padding:13px 24px;border-radius:28px;background:#ed865c;color:#fff;font-size:13px;white-space:nowrap;}
.hero{display:block;position:relative;height:min(900px,100svh);min-height:640px;padding:0!important;background:#fff!important;overflow:hidden;border-radius:0 0 60px 60px;}
.hero__inner{display:grid;place-items:center;max-width:none;width:100%;height:100%;padding:100px 24px 40px;isolation:isolate;}
.hero__visual{position:absolute;inset:0;z-index:-2;width:100%;height:100%;margin:0;}
.hero__img-wrap{position:absolute;inset:0;width:100%;height:100%;border:0;border-radius:0!important;box-shadow:none;animation:none!important;transform:none!important;aspect-ratio:auto;}
.hero__img{width:100%;height:100%;object-fit:cover;object-position:50% 43%;border-radius:0;animation:none!important;transform:none!important;filter:none;}
.hero__content{width:max-content;max-width:100%;margin:0;text-align:center;transform:none!important;}
.hero__sub{display:table;margin:0 auto 20px;padding:7px 16px;background:white;border-radius:30px;font-size:12px;color:#654d3e;letter-spacing:.13em;}
.hero__title{font-size:clamp(36px,3.5vw,54px)!important;line-height:1.65!important;margin:0!important;color:#3d2b1f;letter-spacing:.025em!important;}
.hero-line{display:table;width:max-content;margin:7px auto;background:#fff;box-shadow:16px 0 #fff,-16px 0 #fff;border-radius:8px;}
.hero__scroll{position:absolute;bottom:25px;left:50%;transform:translateX(-50%);margin:0;padding:5px 14px;border-radius:20px;background:#fff;}
.hero__scroll-text{color:#654d3e;font-size:11px;}.hero__scroll-line{display:none;}
.trial-intro{padding:48px 24px 60px;background:#fff;text-align:center;}
.trial-intro .hero__desc{max-width:720px;margin:0 auto 28px;text-align:center;line-height:2.1;}
.trial-intro .hero__btns{justify-content:center;margin:0;}
.trial-intro .hero__pills{display:flex;justify-content:center;flex-wrap:wrap;margin:26px auto 0;gap:12px;}
.trial-intro .hero__vacancy,.trial-intro .hero__recruit-pill{margin:0;box-shadow:none;}
.marquee-wrap{display:none;}
.trial-layout-note{font-size:11px;color:#8a7468;margin:25px 0 0;}
#news{scroll-margin-top:120px;}section[id]{scroll-margin-top:120px;}
@media(max-width:1100px){
 .header{gap:0;padding:0 16px;align-items:center;background:#fff!important;height:76px;}
 .header__middle{padding:0;background:transparent!important;}.header .logo-rainbow{width:48px;height:30px;}.header .header__logo-text{font-size:23px;}.trial-logo-caption{font-size:15px;margin-top:4px;letter-spacing:0;}
 .header__inner{gap:16px;padding:0;margin:0;background:transparent;min-height:0;border-radius:0;}.header__nav{display:none;}.hamburger{display:flex;z-index:1001;}
 .trial-contact{padding:11px 17px;font-size:11px;}.drawer{display:block;overflow:auto;}.drawer-overlay{z-index:98;}
 .hero{height:86svh;min-height:640px;border-radius:0 0 32px 32px;}.hero__inner{padding-top:100px;}.hero__title{font-size:40px!important;}
}
@media(max-width:600px){
 .header{height:70px;padding:0 16px;}.header__logo{gap:8px;}.header .logo-rainbow{width:44px;height:27px;}.header .header__logo-text{font-size:21px;}.trial-logo-caption{font-size:14px;}.trial-contact{padding:10px 13px;font-size:10px;}.header__inner{gap:14px;}.hamburger__bar{width:23px;}
 .hero{height:82svh;min-height:580px;max-height:760px;}.hero__inner{padding:100px 24px 40px;}.hero__title{font-size:clamp(24px,7.2vw,31px)!important;line-height:1.75!important;}.hero-line{box-shadow:10px 0 #fff,-10px 0 #fff;border-radius:6px;margin:5px auto;}.hero__sub{font-size:9px;padding:7px 11px;margin-bottom:15px;}
 .hero__img{object-position:47% 42%;}.hero__content{align-self:end;margin-bottom:64px;}.hero__scroll{bottom:20px;}
 .trial-intro{padding:34px 24px 40px;}.trial-intro .hero__desc{font-size:14px;line-height:2;text-align:left;}.trial-intro .hero__btns{gap:12px;}.trial-intro .btn{padding:15px 18px;}.trial-layout-note{font-size:10px;}
}
/* 既存の2列グリッド・文字グラデーションを仮案では解除。 */
.hero__inner{grid-template-columns:1fr;gap:0;}
.hero__sub{-webkit-text-fill-color:#654d3e;background-clip:border-box;}
@media(min-width:1101px){.hero__img{object-position:50% 55%;}}
.hero__visual,.hero__img-wrap{max-width:none!important;}
@media(min-width:601px) and (max-width:1100px){.hero__content{align-self:end;margin-bottom:84px;}}

/* 本人指定：写真の上は白い帯を外して白文字。 */
.hero__title,.hero__sub{color:#fff!important;-webkit-text-fill-color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.38);}
.hero-line,.hero__sub{background:transparent!important;box-shadow:none!important;border-radius:0;}
.hero__inner::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.03),rgba(0,0,0,.10) 35%,rgba(0,0,0,.25));}

/* 本人指定：写真上のコピーを太く・約2割拡大。Kiwi Maruの書体は維持。 */
.hero__title,.hero-line{font-weight:700!important;font-synthesis:weight;}
.hero__title{font-size:clamp(44px,4.2vw,66px)!important;line-height:1.6!important;}
@media(min-width:601px) and (max-width:1100px){.hero__title{font-size:48px!important;}}
@media(max-width:600px){.hero__title{font-size:clamp(28px,8.6vw,38px)!important;line-height:1.65!important;}}

@media(max-width:360px){.header__inner{gap:10px;}.trial-contact{padding:10px 9px;}}

.header__middle .header__logo{justify-content:center;}
@media(max-width:360px){.trial-contact{font-size:9px;padding:10px 7px;}.header__inner{gap:8px;}}

/* 本人指定：参考サイトのように上部の白いロゴ枠とナビ帯を大きく。 */
.header{gap:40px;}
.header__middle{width:320px;padding:28px 30px 26px;border-radius:0 0 32px 0;}
.header .logo-rainbow{width:76px;height:46px;}
.header .header__logo-text{font-size:34px;}
.trial-logo-caption{margin-top:12px;}
.header__inner{flex:1;min-width:0;min-height:104px;justify-content:space-between;gap:18px;padding:20px 24px 20px 28px;border-radius:56px;}
.header__nav-list{gap:16px;}.header__nav-link{font-size:14px;}
.trial-contact{font-size:15px;padding:17px 25px;}
.trial-header-phone{flex:none;display:flex;flex-direction:column;gap:4px;text-align:center;white-space:nowrap;color:#dd7950;}
.trial-header-phone span{font-size:18px;font-weight:700;font-synthesis:weight;}
.trial-header-phone small{font-size:10px;color:#5c3d2e;}
@media(min-width:1101px) and (max-width:1399px){
 .header{gap:28px;}.header__middle{width:300px;padding:26px 24px;}
 .trial-header-phone{display:none;}.header__inner{gap:14px;padding:20px 24px;}.header__nav-list{gap:14px;}.header__nav-link{font-size:13px;}
}
@media(max-width:1100px){
 .header{height:104px;gap:0;}.header__middle{width:auto;padding:0;border-radius:0;}
 .header .logo-rainbow{width:64px;height:39px;}.header .header__logo-text{font-size:30px;}.trial-logo-caption{margin-top:7px;}
 .header__inner{flex:none;min-height:0;padding:0;gap:18px;border-radius:0;}.trial-header-phone{display:none;}.trial-contact{padding:14px 20px;font-size:13px;}
 .drawer{padding-top:120px;}
}
@media(max-width:600px){
 .header{height:96px;}.header .logo-rainbow{width:56px;height:34px;}.header .header__logo-text{font-size:28px;}.trial-logo-caption{margin-top:5px;}
 .header__inner{gap:14px;}.trial-contact{padding:13px 13px;font-size:11px;}
}
@media(max-width:360px){.header__inner{gap:8px;}.trial-contact{padding:12px 7px;font-size:9px;}}

/* 本人指定：メニューを文字に沿った囲みボタンへ。顔を避けた写真・コピー配置。 */
.header__nav{flex:1;min-width:0;}
.header__nav-list{justify-content:center;gap:8px;}
.header__nav-link{display:flex;align-items:center;justify-content:center;min-height:46px;padding:11px 13px;border:1px solid #e5c6b6;border-radius:26px;background:#fffaf7;color:#674735;line-height:1.3;}
.header__nav-link::after{display:none;}
.header__nav-link:hover{background:#f8e9df;border-color:#d99c7a;color:#493025;}
.header__nav-link:focus-visible{outline:2px solid #d88860;outline-offset:3px;}
@media(min-width:1101px){
 .hero__img{object-position:50% 34%;}
 .hero__content{justify-self:start;margin-left:clamp(40px,6vw,120px);text-align:left;}
 .hero-line{margin-left:0;margin-right:0;}
}
@media(min-width:1101px) and (max-width:1599px){.trial-header-phone{display:none;}}
@media(min-width:1101px) and (max-width:1250px){
 .header__nav-link{font-size:12px;padding:11px 9px;}.header__nav-list{gap:6px;}
 .header__inner{gap:12px;padding-left:18px;padding-right:18px;}.trial-contact{font-size:13px;padding:17px 19px;}
}
@media(max-width:1100px){.hero__visual{top:30px;height:calc(100% - 30px);}}

/* 本人指定：右の余白にスタッフ募集を主役、空き情報を補助で仮配置。 */
.hero-actions{position:absolute;z-index:4;right:clamp(32px,4vw,90px);top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:16px;width:clamp(210px,19vw,300px);}
.hero-action{display:flex;align-items:center;justify-content:space-between;gap:20px;border-radius:50px;white-space:nowrap;transition:background .2s,box-shadow .2s;}
.hero-action--recruit{width:100%;min-height:90px;padding:24px 28px;background:#f28a5d;border:2px solid #f28a5d;color:#fff;font-size:22px;font-weight:700!important;font-synthesis:weight;box-shadow:0 8px 28px #0002;}
.hero-action--vacancy{width:85%;min-height:58px;padding:15px 22px;background:rgba(0,0,0,.08);border:2px solid #fff;color:#fff;font-size:16px;font-weight:500;}
.hero-action--recruit:hover{background:#e77b4d;border-color:#e77b4d;box-shadow:0 10px 30px #0003;}
.hero-action--vacancy:hover{background:#fff2;}
.hero-action:focus-visible{outline:3px solid #fff;outline-offset:5px;}
@media(min-width:1101px){.trial-intro .hero__pills{display:none;}}
@media(max-width:1100px){
 .hero-actions{display:none;}
 .trial-intro .hero__pills{display:flex;flex-direction:column;align-items:center;gap:12px;margin:0 auto 32px;}
 .trial-intro .hero__recruit-pill{display:flex;align-items:center;justify-content:space-between;gap:24px;width:280px;max-width:100%;min-height:70px;padding:20px 28px;border:2px solid #f28a5d;background:#f28a5d;color:#fff;font-size:21px;font-weight:700!important;font-synthesis:weight;box-shadow:none;}
 .trial-intro .hero__vacancy{display:flex;align-items:center;justify-content:space-between;gap:24px;width:230px;max-width:100%;min-height:54px;padding:14px 24px;border:1px solid #d99a7b;background:#fff;color:#674735;font-size:16px;}
}
@media(min-width:1101px) and (max-width:1250px){.hero-action--recruit{font-size:20px;padding:22px;gap:12px;}}

/* 独立ページ化に伴うモバイルメニューのリンク操作を有効にする。 */
.drawer{pointer-events:auto;}

/* ===== 2026-10-22 スマホ指摘の直し（本人指摘）===== */
/* 旧式ボタン（.btn）を新デザインの見た目に合わせる：単色オレンジ＋白文字／外枠型はオレンジ文字 */
.btn.btn--primary{background:#f28a5d;border:2px solid #f28a5d;color:#fff!important;border-radius:50px;font-weight:700!important;box-shadow:0 6px 20px #0002;}
.btn.btn--primary:hover{background:#e77b4d;border-color:#e77b4d;color:#fff!important;}
.btn.btn--outline{background:#fff;border:2px solid #f28a5d;color:#f28a5d!important;border-radius:50px;}
.btn.btn--outline:hover{background:#fff4ef;color:#e77b4d!important;}
/* スマホでは長い説明文を左揃えに（短い1行や著作権・受付時間は中央のまま） */
@media(max-width:768px){
  .section-desc,.recruit__catch-copy,.recruit__catch-sub,.contact-chat-guide__desc{text-align:left;}
}
/* 1日の流れのタブ（TOP・1日の流れページ共通）：選択中＝オレンジ＋白文字、未選択＝白地＋オレンジ文字 */
.flow__tab-btn{background:#fff!important;border:2px solid #f28a5d!important;color:#f28a5d!important;border-radius:50px;font-weight:700!important;font-synthesis:weight;}
.flow__tab-btn--active,.flow__tab-btn[aria-selected="true"]{background:#f28a5d!important;color:#fff!important;border-color:#f28a5d!important;}
.flow__tab-btn:focus-visible{outline:2px solid #b95e3a;outline-offset:3px;}
/* ご利用の流れの数字（01・02…）：TOPは塗りつぶし丸＝白文字、独立ページは白丸＝オレンジ文字 */
.howto__step-num{color:#fff!important;border-color:#f28a5d!important;}
.howto-page .howto__step-num{color:#f28a5d!important;}