/* TREND WORK | 共通の色・書体、トップページの見出し・検索・フッター
 * UTF-8。保存すると公開ページへ反映されます。編集前にファイルをダウンロードしてください。
 * 読み込み順は変更しないでください。後のファイルの同じ指定が優先される場合があります。
 */


/* 共通・その他 */
html.th-public {
  --th-bg: #000;
  --th-panel: #0d0d0d;
  --th-panel-2: #151515;
  --th-ink: #fff;
  --th-sub: #ededed;
  --th-muted: #c9c9c9;
  --th-gold-deep: #845c06;
  --th-gold: #b19a55;
  --th-gold-light: #ffd764;
  --th-line: #b19a556b;
  --th-line-soft: #b19a5538;
  --th-grad: linear-gradient(90deg, #8c7537 0%, #dbb00b 45%, #fde79d 70%, #dbb10c 85%, #bc7f04 90% 100%);
  --th-font: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
  --lightningcss-light: ;
  --lightningcss-dark: initial;
  color-scheme: dark;
  background: #000;
}

html.th-public body {
  color: var(--th-ink);
  font-family: var(--th-font);
  letter-spacing: .03em;
  background: #000;
}

html.th-public body :where(*):not(svg,svg *,code,pre) {
  font-family: var(--th-font) !important;
}


/* 上部ロゴ・メニュー */
html.th-public .home-page .topbar.th-topbar {
  z-index: 60;
  border-bottom: 1px solid var(--th-line-soft);
  height: 64px;
  box-shadow: none;
  clip-path: none;
  -webkit-backdrop-filter: blur(6px);
  backdrop-filter: blur(6px);
  background: #000000eb;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  padding: 0 18px;
  display: grid;
  position: sticky;
  top: 0;
}

html.th-public .th-topbar .brand-logo-link {
  grid-column: 2;
  justify-self: center;
}

html.th-public .th-topbar .brand-logo-image {
  width: auto;
  height: 44px;
}

html.th-public .th-topbar__search {
  grid-column: 1;
  justify-self: start;
}

html.th-public .th-topbar__right {
  grid-column: 3;
  justify-self: end;
  align-items: center;
  gap: 6px;
  display: flex;
}

html.th-public .th-topbar__icon {
  color: #fff;
  cursor: pointer;
  background: 0 0;
  border: 0;
  place-items: center;
  width: 44px;
  height: 44px;
  padding: 0;
  display: inline-grid;
  position: relative;
}

html.th-public .th-topbar__keep em {
  background: var(--th-gold-light);
  color: #000;
  text-align: center;
  border-radius: 9px;
  min-width: 18px;
  height: 18px;
  padding: 0 4px;
  font-size: 11px;
  font-style: normal;
  font-weight: 700;
  line-height: 18px;
  position: absolute;
  top: 4px;
  right: 2px;
}

html.th-public .th-topbar__menu {
  align-content: center;
  gap: 6px;
}

html.th-public .th-topbar__menu span {
  background: #fff;
  width: 26px;
  height: 1.5px;
  display: block;
}

html.th-public .th-drawer[hidden] {
  display: none;
}

html.th-public .th-drawer {
  z-index: 80;
  background: #0000008c;
  justify-content: flex-end;
  display: flex;
  position: fixed;
  inset: 0;
}

html.th-public .th-drawer__panel {
  border-left: 1px solid var(--th-line-soft);
  background: #000 url(/assets/images/common/backgrounds/common_background_base.webp) bottom/120% no-repeat;
  flex-direction: column;
  width: min(360px,86vw);
  height: 100%;
  padding: 64px 28px 32px;
  display: flex;
  overflow-y: auto;
}

html.th-public .th-drawer__panel a {
  border-bottom: 1px solid var(--th-line-soft);
  color: #fff;
  letter-spacing: .12em;
  padding: 16px 4px;
  font-size: 16px;
  text-decoration: none;
}

html.th-public .th-drawer__panel a:hover {
  color: var(--th-gold-light);
}

html.th-public .th-drawer__panel a.th-drawer__sub {
  color: var(--th-muted);
  font-size: 13px;
}

html.th-public .th-drawer__close {
  color: #fff;
  cursor: pointer;
  background: 0 0;
  border: 0;
  width: 44px;
  height: 44px;
  font-size: 28px;
  position: absolute;
  top: 12px;
  right: 16px;
}


/* メインバナー */
html.th-public .home-page,html.th-public .home-page .portal-layout,html.th-public .home-page .night-hero--carousel,html.th-public .home-page .jobs-section,html.th-public .home-page .portal-reading-surface {
  color: var(--th-ink);
  background: #000 !important;
}


/* 共通・その他 */
html.th-public body:has(.home-page) {
  color: var(--th-ink);
  background: #000 !important;
}

html.th-public .home-page .gold-atmosphere,html.th-public .home-page .gold-atmosphere__toggle,html.th-public .home-page .ridge-divider {
  display: none !important;
}


/* エリアから探す・地図 / フッター / 店舗トピックス / 記事・特集・はじめての方 */
html.th-public .home-page #area-search:before,html.th-public .home-page .jobs-head:before,html.th-public .home-page .portal-topics:before,html.th-public .home-page .editorial-hub:before,html.th-public .home-page .candidate-handbook:before,html.th-public .home-page .portal-footer:before {
  content: "";
  aspect-ratio: 800/250;
  pointer-events: none;
  background: url(/assets/images/common/backgrounds/common_background_texture_03.webp) 50%/contain no-repeat;
  width: min(70%,700px);
  margin: 0 auto 8px;
  display: block;
}


/* 共通・その他 */
html.th-public .home-page .jobs-head:before {
  background-image: url(/assets/images/common/backgrounds/common_background_texture_01.webp);
  flex-basis: 100%;
}


/* 店舗トピックス */
html.th-public .home-page .portal-topics:before {
  background-image: url(/assets/images/common/backgrounds/common_background_texture_04.webp);
}


/* 記事・特集・はじめての方 */
html.th-public .home-page .editorial-hub:before {
  background-image: url(/assets/images/common/backgrounds/common_background_texture_02.webp);
}

html.th-public .home-page .candidate-handbook:before {
  background-image: url(/assets/images/common/backgrounds/common_background_texture_03.webp);
}


/* フッター */
html.th-public .home-page .portal-footer:before {
  background-image: url(/assets/images/common/backgrounds/common_background_texture_01.webp);
  grid-column: 1/-1;
  margin-bottom: 0;
}


/* 英語・日本語の見出し */
html.th-public .home-page .th-heading {
  --th-heading-size: 2.5rem;
  isolation: isolate;
  text-align: left;
  min-height: 0;
  margin: 0 0 1.4rem;
  padding: 0;
  display: block;
  position: relative;
}

html.th-public .home-page .th-heading .th-heading__en {
  z-index: 1;
  font-size: var(--th-heading-size);
  letter-spacing: .02em;
  white-space: nowrap;
  background: var(--th-grad);
  -webkit-text-fill-color: transparent;
  color: #0000;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0;
  font-weight: 700;
  line-height: 1;
  position: relative;
  top: 0;
  left: 0;
}

html.th-public .home-page .th-heading .th-heading__en span {
  letter-spacing: .06em;
  margin-top: .15em;
  font-size: .3em;
  line-height: 1;
  display: block;
}

html.th-public .home-page .th-heading .th-heading__ja {
  z-index: 3;
  letter-spacing: .32em;
  color: #fff;
  text-shadow: 0 0 7px #000,0 0 2px #000;
  outline: none;
  padding: 0;
  font-size: 1.1rem;
  font-weight: 700;
  line-height: 1.4;
  position: relative;
  top: auto;
  left: auto;
  margin: .2rem 0 0 !important;
}

html.th-public .th-heading__lead {
  z-index: 3;
  max-width: 62ch;
  color: var(--th-muted);
  margin: .85rem 0 0;
  font-size: .95rem;
  line-height: 1.9;
  position: relative;
}


/* 共通・その他 */
html.th-public .th-spaced {
  text-align: center;
}

html.th-public .th-spaced__en {
  letter-spacing: .6em;
  text-indent: .6em;
  color: #fff;
  text-shadow: 0 0 12px #ffd76473;
  margin: 0;
  font-size: 1.9rem;
  font-weight: 700;
}

html.th-public .th-spaced__ja {
  letter-spacing: 1.1em;
  text-indent: 1.1em;
  color: var(--th-gold-light);
  margin: .25rem 0 0;
  font-size: .8rem;
}

html.th-public .th-spaced small {
  color: var(--th-muted);
  margin-top: .4rem;
  display: block;
}

html.th-public .th-mini-en {
  letter-spacing: .08em;
  background: var(--th-grad);
  -webkit-text-fill-color: transparent;
  -webkit-background-clip: text;
  background-clip: text;
  margin: 0 0 6px;
  font-size: 1.5rem;
  font-weight: 700;
}


/* 求人を探す・検索フォーム */
html.th-public .home-page .night-search {
  position: relative;
  border: 1px solid var(--th-line-soft) !important;
  box-shadow: none !important;
  background: linear-gradient(#000000b8,#000000db),url(/assets/images/common/backgrounds/common_background_base.webp) 50% 40%/cover no-repeat !important;
  border-radius: 0 !important;
}

html.th-public .home-page .night-search__head {
  display: block;
  padding: 22px 20px 0 !important;
}

html.th-public .home-page .night-search__head>p {
  color: var(--th-muted);
  margin: 6px 0 0 .5rem;
  font-size: 12px;
}

html.th-public .home-page .night-search__head>p span {
  color: var(--th-muted);
}


/* 求人を探す・検索フォーム / 英語・日本語の見出し */
html.th-public .home-page .night-search__head .th-heading {
  margin-bottom: .6rem;
}


/* 求人を探す・検索フォーム */
html.th-public .home-page .night-search__field>span,html.th-public .home-page .night-search__foot,html.th-public .home-page .search-summary span {
  color: var(--th-sub) !important;
}

html.th-public .home-page .night-search select,html.th-public .home-page .night-search input:not([type=checkbox]),html.th-public .home-page .jobs-toolbar select,html.th-public .home-page .advanced-filters select {
  color: #111 !important;
  background-color: #e4e4e4 !important;
  border: 1px solid #bdbdbd !important;
  border-radius: 0 !important;
}

html.th-public .home-page .night-search__submit {
  background: var(--th-grad) !important;
  color: #1a1203 !important;
  box-shadow: none !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .night-search__submit * {
  color: #1a1203 !important;
}


/* 求人を探す・検索フォーム / エリアから探す・地図 */
html.th-public .home-page .night-search__shortcuts button,html.th-public .home-page .filter-chips button,html.th-public .home-page .advanced-filter-toggle,html.th-public .home-page .advanced-condition-group button,html.th-public .home-page .condition-directory button,html.th-public .home-page .area-explorer__actions button,html.th-public .home-page .area-explorer__switch button {
  border: 1px solid var(--th-line) !important;
  color: #fff !important;
  box-shadow: none !important;
  background: #000 !important;
  border-radius: 0 !important;
}


/* エリアから探す・地図 */
html.th-public .home-page .filter-chips button.active,html.th-public .home-page .filter-chips button[aria-pressed=true],html.th-public .home-page .advanced-condition-group button[aria-pressed=true],html.th-public .home-page .area-explorer__switch button[aria-pressed=true] {
  background: var(--th-grad) !important;
  color: #1a1203 !important;
  border-color: #0000 !important;
}


/* 共通・その他 */
html.th-public .home-page .filter-chips {
  background: 0 0 !important;
  border: 0 !important;
}

html.th-public .home-page .advanced-filters {
  border: 1px solid var(--th-line-soft) !important;
  color: #fff !important;
  background: #0b0b0b !important;
  border-radius: 0 !important;
}

html.th-public .home-page .advanced-filters * {
  color: inherit;
}

html.th-public .home-page .active-filter-bar {
  border: 1px solid var(--th-line-soft) !important;
  color: #fff !important;
  background: #0b0b0b !important;
  border-radius: 0 !important;
}

html.th-public .home-page .top-shop-banners>p,html.th-public .home-page .top-shop-banners>p small {
  color: var(--th-gold-light) !important;
}

html.th-public .home-page .top-shop-banner {
  border: 1px solid var(--th-line-soft) !important;
  background: #000 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .top-shop-banner small {
  color: var(--th-muted) !important;
}

html.th-public .home-page .top-shop-banner em {
  color: var(--th-gold-light) !important;
}

html.th-public .home-page .hero-showcase {
  background: 0 0 !important;
}

html.th-public .home-page .hero-showcase__heading {
  background: 0 0 !important;
  margin: 0 0 14px !important;
  padding: 0 !important;
}

html.th-public .home-page .hero-showcase__stage {
  border-radius: 0 !important;
}

html.th-public .home-page .hero-showcase__arrow {
  background: #00000059 !important;
}

html.th-public .home-page .hero-showcase__controls {
  color: var(--th-muted) !important;
}

html.th-public .home-page .jobs-head {
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  gap: 8px 16px;
  display: flex;
}

html.th-public .home-page .recruit-masthead {
  flex: 520px;
  min-width: 0;
}

html.th-public .home-page .jobs-head>p {
  color: var(--th-muted) !important;
}

html.th-public .home-page .jobs-head>p b {
  color: var(--th-gold-light) !important;
}


/* 求人カード・給与・条件 */
html.th-public .home-page .job-card {
  overflow: visible;
  border: 1px solid var(--th-line-soft) !important;
  box-shadow: none !important;
  background: #050505 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .job-card .job-visual {
  border-radius: 0 !important;
}

html.th-public .home-page .job-card .job-body {
  background: 0 0 !important;
}

html.th-public .home-page .job-card .job-area {
  letter-spacing: .08em;
  display: inline-block;
  color: #fff !important;
  background: 0 0 !important;
  border: 1px solid #fff !important;
  border-radius: 0 !important;
  padding: 1px 8px !important;
  font-size: 12px !important;
}

html.th-public .home-page .job-card h3,html.th-public .home-page .job-card h3 a {
  letter-spacing: .08em;
  font-weight: 700;
  color: #fff !important;
}

html.th-public .home-page .job-card .job-card-meta,html.th-public .home-page .job-card .job-card-meta * {
  color: var(--th-muted) !important;
}

html.th-public .home-page .job-card .conditions {
  border: 0 !important;
  border-top: 1px solid var(--th-line) !important;
  border-bottom: 1px solid var(--th-line) !important;
  background: 0 0 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .job-card .conditions>div {
  border-color: var(--th-line-soft) !important;
}

html.th-public .home-page .job-card .conditions > div > span {
  color: var(--th-muted) !important;
}

html.th-public .home-page .job-card .conditions b {
  color: var(--th-gold-light) !important;
}

html.th-public .home-page .job-card .tags span {
  padding: 1px 7px;
  border: 1px solid var(--th-line) !important;
  color: var(--th-sub) !important;
  background: 0 0 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .job-card .banner-card-footer {
  border-color: var(--th-line-soft) !important;
}

html.th-public .home-page .job-card .banner-card-footer a {
  color: var(--th-gold-light) !important;
}

html.th-public .home-page .job-card .banner-card-footer button {
  border: 1px solid var(--th-line) !important;
  color: #fff !important;
  background: 0 0 !important;
  border-radius: 0 !important;
}


/* 共通・その他 */
html.th-public .listing-seal {
  background: var(--th-grad) !important;
  width: auto !important;
  height: auto !important;
  box-shadow: none !important;
  color: #1a1203 !important;
  border-radius: 0 !important;
  padding: 3px 10px !important;
}

html.th-public .listing-seal span {
  letter-spacing: .12em;
  color: #1a1203 !important;
  font-size: 12px !important;
}

html.th-public .listing-seal small {
  display: none !important;
}

html.th-public .home-page .collection-controls,html.th-public .home-page .collection-controls * {
  color: var(--th-sub) !important;
}


/* 店舗トピックス */
html.th-public .home-page .collection-controls button,html.th-public .home-page .portal-topics nav button {
  border: 1px solid var(--th-line) !important;
  color: #fff !important;
  background: #000 !important;
  border-radius: 0 !important;
}


/* PRバナー・右サイド */
html.th-public .home-page .recruit-side-new,html.th-public .home-page .recruit-side-pr,html.th-public .home-page .sidebar-film,html.th-public .home-page .sidebar-lounge {
  border-color: var(--th-line-soft) !important;
  background: #050505 !important;
  border-radius: 0 !important;
}


/* 共通・その他 */
html.th-public .home-page .recruit-side-new h3,html.th-public .home-page .sidebar-film header span {
  color: var(--th-gold-light) !important;
}


/* エリアから探す・地図 */
html.th-public .home-page .area-explorer {
  box-shadow: none !important;
  color: #fff !important;
  background: 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .area-explorer * {
  color: inherit;
}

html.th-public .home-page .area-explorer__heading {
  align-items: flex-end;
}

html.th-public .home-page .area-explorer__actions span {
  color: var(--th-muted) !important;
}

html.th-public .home-page .area-explorer__diagram {
  background: 0 0 !important;
}

html.th-public .home-page .area-explorer__region {
  box-shadow: none !important;
  color: #fff !important;
  background: #070707 !important;
  border: 1px solid #b19a55 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .area-explorer__region b {
  letter-spacing: .08em;
  color: #fff !important;
}

html.th-public .home-page .area-explorer__region span {
  color: var(--th-gold-light) !important;
}

html.th-public .home-page .area-explorer__region.is-pending,html.th-public .home-page .area-explorer__region:disabled {
  cursor: default;
  background: #000 !important;
  border-color: #626262 !important;
}

html.th-public .home-page .area-explorer__region.is-pending b,html.th-public .home-page .area-explorer__region:disabled b {
  color: #8a8a8a !important;
}

html.th-public .home-page .area-explorer__region.is-pending span,html.th-public .home-page .area-explorer__region:disabled span {
  letter-spacing: .1em;
  font-size: 12px;
  color: #8a8a8a !important;
}

html.th-public .home-page .area-explorer__regional,html.th-public .home-page .area-explorer__regional-towns {
  color: #fff !important;
  background: 0 0 !important;
}

html.th-public .home-page .area-explorer__prefecture-links button,html.th-public .home-page .area-explorer__regional-towns button,html.th-public .home-page .area-explorer__regional-heading button {
  border: 1px solid var(--th-line) !important;
  color: #fff !important;
  background: #000 !important;
  border-radius: 0 !important;
}


/* 共通・その他 */
html.th-public .home-page .portal-reading-surface {
  padding-top: 12px;
}

html.th-public .home-page .portal-reading-surface :is(section,.wrap,header) {
  background-color: #0000 !important;
}

html.th-public .home-page .portal-reading-surface,html.th-public .home-page .portal-reading-surface :is(p,span,small,b,h2,h3,h4,li,dt,dd,summary,label,time,a) {
  color: inherit;
}


/* 店舗トピックス */
html.th-public .home-page .portal-topics__heading {
  background: 0 0 !important;
  border: 0 !important;
  padding: 0 !important;
  display: block !important;
}

html.th-public .home-page .portal-topics>.wrap>p,html.th-public .home-page .portal-topics p {
  color: var(--th-muted) !important;
}


/* 店舗トピックス / 写真・動画 / 記事・特集・はじめての方 */
html.th-public .home-page .topic-tile,html.th-public .home-page .editorial-card,html.th-public .home-page .shop-media-card,html.th-public .home-page .shop-media-grid>*,html.th-public .home-page .candidate-handbook__steps>*,html.th-public .home-page .candidate-handbook__check,html.th-public .home-page .candidate-handbook details {
  border: 1px solid var(--th-line-soft) !important;
  box-shadow: none !important;
  color: #fff !important;
  background: #070707 !important;
  border-radius: 0 !important;
}


/* 店舗トピックス / 記事・特集・はじめての方 */
html.th-public .home-page .topic-tile *,html.th-public .home-page .editorial-card *,html.th-public .home-page .candidate-handbook * {
  color: inherit;
}

html.th-public .home-page .editorial-card p,html.th-public .home-page .candidate-handbook p,html.th-public .home-page .topic-tile p {
  color: var(--th-muted) !important;
}

html.th-public .home-page .editorial-card small,html.th-public .home-page .topic-tile small {
  color: var(--th-gold) !important;
}


/* 写真・動画 / 記事・特集・はじめての方 */
html.th-public .home-page .shop-media-section,html.th-public .home-page .shop-media-heading,html.th-public .home-page .shop-blog-cover,html.th-public .home-page .editorial-blog-entrance,html.th-public .home-page .candidate-handbook,html.th-public .home-page .candidate-handbook__cover,html.th-public .home-page .candidate-handbook__guide,html.th-public .home-page .candidate-handbook__cta {
  box-shadow: none !important;
  background-color: #000 !important;
  border-radius: 0 !important;
}


/* 写真・動画 */
html.th-public .home-page .shop-media-section,html.th-public .home-page .shop-blog-cover {
  border: 1px solid var(--th-line-soft) !important;
}


/* 記事・特集・はじめての方 */
html.th-public .home-page .editorial-more,html.th-public .home-page .candidate-handbook a {
  border-color: var(--th-line) !important;
  color: var(--th-gold-light) !important;
  background: 0 0 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .candidate-handbook__cover-script,html.th-public .home-page .candidate-handbook__cover-edition,html.th-public .home-page .candidate-handbook__cover-top small {
  display: none !important;
}


/* 共通・その他 */
html.th-public .home-page .condition-directory {
  background: 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .condition-directory h2 {
  letter-spacing: .2em;
  color: #fff !important;
}


/* フッター */
html.th-public .home-page .portal-footer {
  color: #fff !important;
  background: #000 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html.th-public .home-page .portal-footer :is(p,span,small,a,summary) {
  color: var(--th-sub) !important;
}

html.th-public .home-page .portal-footer b {
  color: var(--th-gold-light) !important;
}


/* 共通・その他 */
html.th-public .th-mobile-bar {
  border-top: 1px solid var(--th-line-soft) !important;
  background: #000000f2 !important;
}

html.th-public .th-mobile-bar a,html.th-public .th-mobile-bar button {
  color: #fff !important;
  background: 0 0 !important;
  border: 0 !important;
  border-radius: 0 !important;
}

html.th-public .th-mobile-bar svg {
  margin: 0 auto 2px;
  display: block;
}

html.th-public .th-mobile-bar b {
  background: var(--th-gold-light) !important;
  color: #000 !important;
}