/* 採用サイト TOP（2026-11-03 デザイン一新・担当者が案B「フルブリード写真」を選択）。
   ヘッダー・ENTRY メニュー・採用ナビ（.recruit-bar）は福利厚生ページと共通（corporate-shell.css / recruit.css）、
   フッターは corp-footer.css。このファイルは TOP の本文だけ（クラス名は rt- で始める）。 */
/* 本文の幅は企業サイトと同じ --corp-page（最大1480px・corporate-shell.css）。以前は max-width 1280px から --gutter を引いていたため、広い画面ほど細くなっていた（1920px で 840px） */
.rt-inner{ width: var(--corp-page, min(1480px, calc(100vw - 80px))); margin: 0 auto; }
.rt-eyebrow{ display: flex; align-items: center; gap: 12px; margin: 0; color: var(--corp-blue); font-family: var(--corp-display); font-size: 13px; font-weight: 500; letter-spacing: .14em; line-height: 1.2; }
.rt-eyebrow::before{ content: ""; width: 28px; height: 2px; background: currentColor; }
.rt-h2{ margin: 12px 0 0; font-size: clamp(28px, 3.2vw, 40px); font-weight: 800; letter-spacing: .01em; line-height: 1.3; }
.rt-lead{ margin: 14px 0 0; color: var(--corp-slate); font-size: 15px; line-height: 2; }
.rt-link{ display: inline-flex; align-items: center; gap: 14px; padding: 0 0 10px; border-bottom: 2px solid var(--corp-ink); color: var(--corp-ink); font-size: 14px; font-weight: 700; text-decoration: none; }
.rt-link i{ display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--corp-ice); font-style: normal; font-size: 15px; transition: transform .25s ease; }
.rt-link:hover i{ transform: translate(2px, -2px); }
.rt-sec{ padding: var(--pad-m, 72px) 0; }
.rt-sec.is-mist{ background: var(--corp-mist); }
.rt-head{ display: flex; align-items: flex-end; justify-content: space-between; gap: 24px; margin-bottom: 36px; }

/* ファーストビュー: 写真を全幅、見出しは白抜き */
.rt-hero{ position: relative; min-height: 640px; height: calc(100vh - 150px); max-height: 820px; overflow: hidden; color: #fff; background: var(--corp-ink); }
.rt-hero img{ position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 35%; }
.rt-hero::after{ content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(29,39,46,.02) 25%, rgba(29,39,46,.72) 100%); }
.rt-hero .rt-inner{ position: relative; z-index: 1; display: flex; flex-direction: column; justify-content: flex-end; height: 100%; padding-bottom: 130px; }
.rt-hero .rt-eyebrow{ color: #fff; }
.rt-hero h1{ margin: 18px 0 0; font-size: clamp(34px, 4.6vw, 60px); font-weight: 800; line-height: 1.3; letter-spacing: .01em; text-shadow: 0 4px 30px rgba(0,0,0,.3); }
.rt-hero .rt-scroll{ position: absolute; right: var(--gutter, 40px); bottom: 150px; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 10px; color: #fff; font-family: var(--corp-display); font-size: 11px; letter-spacing: .2em; text-decoration: none; }
.rt-hero .rt-scroll::after{ content: ""; width: 1px; height: 48px; background: #fff; animation: rt-scroll 1.8s ease-in-out infinite; transform-origin: top; }
@keyframes rt-scroll{ 0%{ transform: scaleY(0); } 50%{ transform: scaleY(1); } 100%{ transform: scaleY(0); transform-origin: bottom; } }

/* 案内カード（写真に重なる） */
.rt-nav{ position: relative; z-index: 2; margin-top: -76px; }
.rt-cards{ display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; margin: 0; padding: 0; list-style: none; }
.rt-card{ position: relative; display: block; padding: 28px 30px 30px; border-radius: 14px; background: #fff; color: var(--corp-ink); text-decoration: none; box-shadow: 0 20px 50px rgba(15,59,88,.16); transition: transform .25s ease, box-shadow .25s ease; }
.rt-card:hover{ transform: translateY(-4px); box-shadow: 0 26px 56px rgba(15,59,88,.2); }
.rt-card .n, .rt-card .en, .rt-card .jp{ display: block; }
.rt-card .n{ font-family: var(--corp-display); font-size: 12px; letter-spacing: .12em; color: var(--corp-cyan-ink); }
.rt-card .en{ margin-top: 10px; font-family: var(--corp-display); font-size: 22px; font-weight: 500; letter-spacing: .06em; line-height: 1.1; }
.rt-card .jp{ margin-top: 6px; font-size: 14px; font-weight: 700; }
.rt-card .ar{ position: absolute; right: 24px; bottom: 24px; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: var(--corp-ice); font-style: normal; font-size: 15px; }

/* 募集職種 */
.rt-jobs{ display: grid; grid-template-columns: 1fr 2fr; gap: 48px; align-items: start; }
/* 募集職種: 白カード＋枠線、右端にオレンジの「応募ページへ」ボタン（案J1、2026-11-03） */
.rt-joblist{ display: flex; flex-direction: column; gap: 12px; margin: 0; padding: 0; list-style: none; }
.rt-joblist a{ display: grid; grid-template-columns: 150px 1fr auto; align-items: center; gap: 20px; padding: 22px 20px 22px 26px; border: 1.5px solid var(--corp-line); border-radius: 14px; background: #fff; color: var(--corp-ink); text-decoration: none; transition: border-color .2s ease, background .2s ease; }
.rt-joblist a:hover{ border-color: var(--corp-cyan); background: var(--corp-ice); }
.rt-joblist small{ font-family: var(--corp-display); font-size: 12px; letter-spacing: .14em; color: var(--corp-cyan-ink); }
.rt-job-t b{ display: block; font-size: 17px; font-weight: 700; }
.rt-job-btn{ display: inline-flex; align-items: center; gap: 8px; height: 44px; padding: 0 20px; border-radius: 999px; background: var(--corp-recruit); color: #fff; font-size: 13px; font-weight: 700; white-space: nowrap; transition: transform .2s ease; }
.rt-job-btn i{ font-style: normal; font-size: 14px; }
.rt-joblist a:hover .rt-job-btn{ transform: translateX(2px); }

/* 福利厚生の案内 */
.rt-wp{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 0; align-items: stretch; border-radius: 16px; overflow: hidden; background: #fff; box-shadow: var(--corp-shadow); }
.rt-wp img{ width: 100%; height: 100%; min-height: 320px; object-fit: cover; }
.rt-wp .body{ display: flex; flex-direction: column; justify-content: center; padding: clamp(32px, 4vw, 56px); }
.rt-wp .rt-link{ align-self: flex-start; margin-top: 28px; }

/* 社員インタビュー */
.rt-people{ display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 28px 22px; margin: 0; padding: 0; list-style: none; }
.rt-person{ display: block; color: var(--corp-ink); text-decoration: none; }
.rt-person .ph{ aspect-ratio: 4 / 5; border-radius: 12px; overflow: hidden; background: var(--corp-mist); }
.rt-person .ph img{ width: 100%; height: 100%; object-fit: cover; object-position: center 15%; transition: transform .4s ease; }
.rt-person:hover .ph img{ transform: scale(1.04); }
.rt-person .cat{ margin-top: 14px; font-family: var(--corp-display); font-size: 11px; letter-spacing: .14em; color: var(--corp-cyan-ink); }
.rt-person .nm{ margin-top: 4px; font-size: 22px; font-weight: 800; line-height: 1.2; }
.rt-person .nm small{ margin-left: 4px; font-size: 13px; font-weight: 500; }
.rt-person .tag{ display: inline-block; margin-top: 8px; padding: 4px 12px; border-radius: 999px; background: var(--corp-ice); color: var(--corp-cyan-ink); font-size: 12px; font-weight: 700; }

/* 新卒・インターン */
.rt-tiles{ display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
/* 新卒・インターン枠: ピル型の塗りボタン（案K1、2026-11-03）。ENTRY と同じ丸みで「押せる」ことを見せる */
.rt-tile{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 20px; min-height: 104px; padding: 26px 24px 26px 36px; border-radius: 999px; background: var(--corp-ink); color: #fff; text-decoration: none; box-shadow: 0 10px 26px rgba(15,59,88,.14); transition: transform .25s ease, box-shadow .25s ease, background .25s ease; }
.rt-tile.is-cyan{ background: var(--corp-cyan-ink); }
.rt-tile-txt{ display: block; min-width: 0; }
.rt-tile small{ display: block; font-family: var(--corp-display); font-size: 12px; letter-spacing: .14em; color: var(--corp-cyan); }
.rt-tile span{ display: block; margin-top: 4px; font-size: 22px; font-weight: 800; color: #fff; }
.rt-tile i{ position: static; flex-shrink: 0; display: grid; place-items: center; width: 52px; height: 52px; border-radius: 50%; background: #fff; color: var(--corp-ink); font-style: normal; font-size: 18px; transform: none; transition: transform .25s ease; }
.rt-tile:hover{ transform: translateY(-3px); box-shadow: 0 16px 34px rgba(15,59,88,.22); background: var(--corp-blue); }
.rt-tile:hover i{ transform: translate(2px, -2px); }

/* 関連動画 */
.rt-movies{ display: grid; grid-template-columns: 1fr 1fr; gap: 24px; margin: 0; padding: 0; list-style: none; }
.rt-movies .frame{ position: relative; aspect-ratio: 16 / 9; border-radius: 14px; overflow: hidden; background: var(--corp-ink); }
.rt-movies iframe{ position: absolute; inset: 0; width: 100%; height: 100%; border: 0; }
.rt-movies figcaption{ margin-top: 12px; font-size: 14px; font-weight: 700; }

/* 応募・選考方法 */
.rt-flow{ display: grid; grid-template-columns: 1fr 1.4fr; gap: 48px; align-items: start; }
.rt-notes{ margin: 18px 0 0; padding: 0; list-style: none; color: var(--corp-slate); font-size: 13.5px; line-height: 1.9; }
.rt-steps{ margin: 0; padding: 0; list-style: none; counter-reset: step; }
.rt-steps li{ display: grid; grid-template-columns: 64px 1fr 56px; align-items: center; gap: 20px; min-height: 100px; padding: 18px 26px; border-radius: 12px; background: #fff; border: 1px solid var(--corp-line); }
.rt-steps li + li{ margin-top: 12px; }
.rt-steps .st{ font-family: var(--corp-display); font-size: 13px; letter-spacing: .12em; color: var(--corp-cyan-ink); }
.rt-steps .tx{ font-size: 18px; font-weight: 700; }
.rt-steps img{ width: 56px; height: 56px; object-fit: contain; justify-self: end; }

/* ENTRY */
.rt-entry{ padding: var(--pad-m, 72px) 0; background: var(--corp-ink); color: #fff; }
.rt-entry .rt-eyebrow{ color: var(--corp-cyan); }
.rt-entry .rt-h2{ color: #fff; }
.rt-entry-list{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; margin: 32px 0 0; padding: 0; list-style: none; }
.rt-entry-list a{ display: block; position: relative; padding: 26px 56px 26px 26px; border: 1px solid rgba(255,255,255,.22); border-radius: 12px; color: #fff; text-decoration: none; transition: background .2s ease, border-color .2s ease; }
.rt-entry-list a:hover{ background: rgba(255,255,255,.08); border-color: rgba(255,255,255,.5); }
.rt-entry-list small{ display: block; font-family: var(--corp-display); font-size: 12px; letter-spacing: .12em; color: var(--corp-cyan); }
.rt-entry-list span{ display: block; margin-top: 8px; font-size: 16px; font-weight: 700; }
.rt-entry-list i{ position: absolute; right: 22px; top: 50%; transform: translateY(-50%); font-style: normal; }

/* ふわっと出す演出（動きを減らす設定では無効） */
.rt-js .rt-reveal{ opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }
.rt-js .rt-reveal.is-in{ opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce){ .rt-reveal{ opacity: 1; transform: none; transition: none; } .rt-hero .rt-scroll::after{ animation: none; } }

@media (max-width: 1100px){
  .rt-people{ grid-template-columns: repeat(3, minmax(0, 1fr)); }
  .rt-jobs, .rt-flow{ grid-template-columns: 1fr; gap: 28px; }
}
@media (max-width: 860px){
  .rt-sec{ padding: 56px 0; }
  .rt-hero{ min-height: 520px; height: 72vh; }
  .rt-hero .rt-inner{ padding-bottom: 110px; }
  .rt-hero .rt-scroll{ display: none; }
  .rt-hero h1{ font-size: clamp(28px, 8.4vw, 34px); }
  .rt-hero h1 br{ display: none; }
  .rt-nav{ margin-top: -56px; }
  .rt-cards{ grid-template-columns: 1fr; gap: 10px; }
  .rt-card{ padding: 20px 22px; box-shadow: 0 12px 30px rgba(15,59,88,.14); }
  .rt-card .en{ font-size: 18px; }
  .rt-head{ flex-direction: column; align-items: flex-start; gap: 16px; }
  .rt-joblist a{ grid-template-columns: 1fr; gap: 8px; padding: 18px 18px 18px 20px; }
  .rt-job-t b{ font-size: 16px; }
  .rt-job-btn{ justify-self: start; margin-top: 4px; height: 40px; }
  .rt-wp{ grid-template-columns: 1fr; }
  .rt-wp img{ min-height: 220px; max-height: 260px; }
  .rt-people{ grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 22px 14px; }
  .rt-person .nm{ font-size: 18px; }
  .rt-tiles, .rt-movies, .rt-entry-list{ grid-template-columns: 1fr; }
  .rt-tile{ min-height: 84px; padding: 18px 16px 18px 26px; }
  .rt-tile span{ font-size: 18px; }
  .rt-tile i{ width: 44px; height: 44px; }
  .rt-steps li{ grid-template-columns: 56px 1fr 44px; padding: 16px 18px; }
  .rt-steps img{ width: 44px; height: 44px; }
}

/* 社員インタビュー欄: 職種ごとに1名の7枚カルーセル（2026-11-03 担当者が案Aを選択）。スクロールスナップ＋矢印・ドット */
.rt-car{ position: relative; }
.rt-track{ display: flex; gap: 22px; margin: 0; padding: 0 0 8px; list-style: none; overflow-x: auto; scroll-snap-type: x mandatory; scrollbar-width: none; -webkit-overflow-scrolling: touch; }
.rt-track::-webkit-scrollbar{ display: none; }
.rt-track:focus-visible{ outline: 3px solid var(--corp-cyan); outline-offset: 6px; border-radius: 8px; }
.rt-slide{ flex: 0 0 calc((100% - 66px) / 3.3); scroll-snap-align: start; }
.rt-car-ui{ display: flex; align-items: center; justify-content: space-between; margin-top: 24px; }
.rt-dots{ display: flex; gap: 8px; }
.rt-dots button{ width: 28px; height: 14px; padding: 0; border: 0; background: transparent; cursor: pointer; }
.rt-dots button::before{ content: ""; display: block; height: 3px; background: var(--corp-line); transition: background .2s ease; }
.rt-dots button[aria-current="true"]::before{ background: var(--corp-cyan); }
.rt-arrows{ display: flex; gap: 10px; }
.rt-arrows button{ display: grid; place-items: center; width: 44px; height: 44px; border: 1px solid var(--corp-ink); border-radius: 50%; background: #fff; color: var(--corp-ink); font-size: 16px; cursor: pointer; transition: background .2s ease, color .2s ease; }
.rt-arrows button:hover{ background: var(--corp-ink); color: #fff; }
.rt-arrows button:disabled{ opacity: .3; cursor: default; background: #fff; color: var(--corp-ink); }
@media (max-width: 1100px){ .rt-slide{ flex-basis: calc((100% - 44px) / 2.3); } }
@media (max-width: 860px){ .rt-slide{ flex-basis: 78%; } .rt-track{ gap: 14px; } .rt-dots{ display: none; } .rt-car-ui{ justify-content: flex-end; } }

/* ファーストビュー: 大小のカラーモザイク＋中央の白いカード（2026-11-03 担当者が案D1 を選択。数字タイルは「創業42年」）。
   旧 .rt-hero（全幅写真）の指定は .rt-mosaic で上書きする */
.rt-hero.rt-mosaic{ height: auto; min-height: 0; max-height: none; padding: 10px; background: #fff; color: var(--corp-ink); }
.rt-hero.rt-mosaic::after{ display: none; }
.rt-mz-list{ display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); grid-template-rows: repeat(3, minmax(0, 1fr)); gap: 10px; height: clamp(520px, calc(100vh - 150px), 720px); margin: 0; padding: 0; list-style: none; }
.rt-mz{ position: relative; min-width: 0; min-height: 0; overflow: hidden; border-radius: 12px; background: var(--corp-mist); }
.rt-js .rt-mz{ opacity: 0; transform: translateY(14px); animation: rt-tile-in .7s ease forwards; }
.rt-mz img{ position: static; width: 100%; height: 100%; object-fit: cover; }
.rt-mz.u1{ grid-column: 1 / 3; grid-row: 1 / 3; animation-delay: .05s; }
.rt-mz.u2{ grid-column: 3 / 4; grid-row: 1 / 2; animation-delay: .15s; }
.rt-mz.u3{ grid-column: 5 / 7; grid-row: 3 / 4; animation-delay: .55s; }
.rt-mz.u4{ grid-column: 6 / 7; grid-row: 1 / 3; animation-delay: .35s; }
.rt-mz.u5{ grid-column: 3 / 4; grid-row: 2 / 3; animation-delay: .2s; }
.rt-mz.u10{ grid-column: 4 / 6; grid-row: 1 / 2; animation-delay: .3s; }
.rt-mz.u6{ grid-column: 1 / 2; grid-row: 3 / 4; animation-delay: .4s; }
.rt-mz.u7{ grid-column: 2 / 4; grid-row: 3 / 4; animation-delay: .45s; }
.rt-mz.u8{ grid-column: 4 / 5; grid-row: 3 / 4; animation-delay: .5s; }
.rt-mz.u9{ grid-column: 4 / 6; grid-row: 2 / 3; animation-delay: .25s; }
.rt-mz-num{ display: flex; flex-direction: column; justify-content: space-between; padding: 18px 22px; background: var(--corp-ice); color: var(--corp-cyan-ink); }
.rt-mz-num .en{ font-family: var(--corp-display); font-size: 12px; letter-spacing: .2em; }
.rt-mz-num .val{ display: flex; align-items: baseline; gap: 8px; font-family: var(--corp-display); font-size: clamp(56px, 6.2vw, 88px); font-weight: 600; line-height: .9; letter-spacing: -.02em; }
.rt-mz-num .val b{ font-weight: 600; }
.rt-mz-num .val i{ font-style: normal; font-family: var(--corp-sans); font-size: 20px; font-weight: 700; color: var(--corp-ink); }
.rt-mz-num small{ font-size: 13px; font-weight: 700; color: var(--corp-ink); }
.rt-mz-mark{ position: absolute; right: -30px; bottom: -30px; width: 60%; opacity: .12; pointer-events: none; }
.rt-mz-mark path{ fill: var(--corp-cyan); }
@keyframes rt-tile-in{ to{ opacity: 1; transform: none; } }
.rt-hero-card{ position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(520px, calc(100% - 40px)); padding: 32px 36px; border-radius: 16px; background: rgba(255,255,255,.96); box-shadow: 0 30px 70px rgba(15,59,88,.22); text-align: center; z-index: 2; }
.rt-js .rt-hero-card{ opacity: 0; animation: rt-card-in .8s .5s ease forwards; }
@keyframes rt-card-in{ to{ opacity: 1; } }
.rt-hero-card .rt-eyebrow{ justify-content: center; }
.rt-hero-card .rt-eyebrow::before{ display: none; }
.rt-hero-card h1{ margin: 12px 0 0; font-size: clamp(22px, 2.6vw, 36px); line-height: 1.45; font-weight: 800; text-shadow: none; color: var(--corp-ink); }
.rt-mark{ display: block; width: 96px; height: auto; margin: 0 auto 18px; }
.rt-mark-fill{ fill: #34a852; }
.rt-js .rt-mark-fill{ opacity: 0; animation: rt-mark-fill .6s 2.1s ease forwards; }
.rt-mark-line{ fill: none; stroke: #34a852; stroke-width: 1.4; stroke-dasharray: 1; stroke-dashoffset: 0; }
.rt-js .rt-mark-line{ stroke-dashoffset: 1; animation: rt-mark-draw 1.6s .7s ease forwards; }
@keyframes rt-mark-draw{ to{ stroke-dashoffset: 0; } }
@keyframes rt-mark-fill{ to{ opacity: 1; } }
.rt-mosaic + .rt-nav{ margin-top: 28px; }
@media (prefers-reduced-motion: reduce){ .rt-mz, .rt-hero-card, .rt-mark-fill{ animation: none; opacity: 1; transform: none; } .rt-mark-line{ animation: none; stroke-dashoffset: 0; } }
@media (max-width: 1100px){ .rt-mz-list{ height: clamp(480px, 60vw, 640px); } }
@media (max-width: 860px){
  .rt-hero.rt-mosaic{ display: flex; flex-direction: column; padding: 0 8px 8px; }
  .rt-hero-card{ order: 0; position: static; transform: none; width: auto; margin: 0; padding: 26px 16px 22px; border-radius: 0; box-shadow: none; background: #fff; }
  .rt-hero-card h1{ font-size: 21px; white-space: normal; }
  .rt-hero-card h1 br{ display: inline; }
  .rt-mark{ width: 64px; margin-bottom: 10px; }
  .rt-mz-list{ order: 1; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-template-rows: none; grid-auto-rows: auto; gap: 8px; height: auto; }
  .rt-mz{ border-radius: 10px; aspect-ratio: 1 / 1; }
  .rt-mz.u1{ grid-column: 1 / 3; grid-row: auto; aspect-ratio: 16 / 9; }
  .rt-mz.u2, .rt-mz.u10, .rt-mz.u7, .rt-mz.u4{ grid-column: auto; grid-row: auto; }
  .rt-mz.u1{ order: 1; } .rt-mz.u2{ order: 2; } .rt-mz.u10{ order: 3; } .rt-mz.u7{ order: 4; } .rt-mz.u4{ order: 5; }
  .rt-mz.u3, .rt-mz.u5, .rt-mz.u6, .rt-mz.u8, .rt-mz.u9{ display: none; }
  .rt-mz-num{ padding: 14px 16px; }
  .rt-mz-num .val{ font-size: 56px; }
  .rt-mz-num .val i{ font-size: 16px; }
  .rt-mosaic + .rt-nav{ margin-top: 20px; }
}
}

/* ファーストビューの動き（2026-11-03 担当者指示: ①スクロール視差 ②タイルの入れ替わり） */
.rt-mz img{ transition: opacity .6s ease; }
[data-depth]{ will-change: transform; }
@media (prefers-reduced-motion: reduce){ [data-depth]{ transform: none !important; } }

/* カルーセルの矢印を左右の端（写真の高さの中央）に（2026-11-03 担当者指示: 右下だと場所が分かりにくい） */
.rt-arrows{ position: static; }
.rt-arrows button{ position: absolute; top: 0; z-index: 3; width: 52px; height: 52px; margin-top: calc((100% - 66px) / 3.3 * 1.25 / 2 - 26px); border: 0; background: rgba(255,255,255,.96); box-shadow: 0 8px 24px rgba(15,59,88,.22); color: var(--corp-ink); font-size: 20px; }
.rt-arrows .rt-prev{ left: -26px; }
.rt-arrows .rt-next{ right: -26px; }
.rt-arrows button:hover{ background: var(--corp-ink); color: #fff; }
.rt-arrows button:disabled{ opacity: 0; pointer-events: none; }
.rt-car-ui{ justify-content: flex-start; }
@media (max-width: 1100px){ .rt-arrows button{ margin-top: calc((100% - 44px) / 2.3 * 1.25 / 2 - 26px); } }
@media (max-width: 860px){ .rt-arrows button{ width: 44px; height: 44px; margin-top: calc(78% * 1.25 / 2 - 22px); } .rt-arrows .rt-prev{ left: 4px; } .rt-arrows .rt-next{ right: 4px; } }