:root {
  --color-main: #3CC1DB;
  --color-green: #11AFAA;
  --color-blue: #4A8DC4;
  --color-yellow: #F9E446;
  --color-black: #494C59;
  --color-white: #FFFFFF;
  --color-light-blue: #E8F6FE;
  --color-gray: #E0E4E8;
  --color-blue-gray: #F3FAFE;
  --color-light-yellow: #FFFDF6;
  --color-footer-bg: #4B5B63;

  --font-main: 'Zen Kaku Gothic New', sans-serif;
  --font-heading: 'Zen Maru Gothic', sans-serif;
  --font-english: 'Quicksand', sans-serif;

  --content-width: 1180px;
  --content-narrow: 1080px;
  --section-pt: 100px;
  --section-pb: 80px;

  --shadow-card: 0px 8px 32px rgba(45, 43, 41, 0.12);
  --shadow-btn: 1.39px 1.39px 3.48px rgba(74, 74, 72, 0.3);
  --radius-card: 16px;
  --radius-pill: 9999px;
  --transition: 0.3s ease;
}

.top-page,
.top-page *,
.flow-page,
.flow-page *,
.faq-page,
.faq-page *,
.recruit-page,
.recruit-page *,
.staff-page,
.staff-page *,
.contact-page,
.contact-page *,
.pricing-page,
.pricing-page *,
.housekeeping-page,
.housekeeping-page *,
.cooking-page,
.cooking-page *,
.tokushohou-page,
.tokushohou-page *,
.privacy-page,
.privacy-page * {
  box-sizing: border-box;
}

.top-page,
.flow-page,
.faq-page,
.recruit-page,
.staff-page,
.contact-page,
.pricing-page,
.housekeeping-page,
.cooking-page,
.tokushohou-page,
.privacy-page {
  font-family: var(--font-main);
  font-size: 16px;
  font-weight: 500;
  line-height: 1.55;
  color: var(--color-black);
  -webkit-font-smoothing: antialiased;
  overflow-x: hidden;
  background-color: #fff !important;
}

.top-page img,
.flow-page img,
.faq-page img,
.recruit-page img,
.staff-page img,
.contact-page img,
.pricing-page img,
.housekeeping-page img,
.cooking-page img,
.tokushohou-page img,
.privacy-page img {
  max-width: 100%;
  height: auto;
  display: block;
}

.top-page a,
.flow-page a,
.faq-page a,
.recruit-page a,
.staff-page a,
.contact-page a,
.pricing-page a,
.housekeeping-page a,
.cooking-page a,
.tokushohou-page a,
.privacy-page a {
  color: inherit;
  text-decoration: none;
  transition: var(--transition);
}

.tt-inner {
  max-width: var(--content-width);
  margin: 0 auto;
  padding: 0 20px;
}

.tt-inner--narrow {
  max-width: var(--content-narrow);
  margin: 0 auto;
  padding: 0 20px;
}

.tt-section {
  padding-top: var(--section-pt);
  padding-bottom: var(--section-pb);
}