:root {
  --brand: #2864f0;
  --brand-dark: #1e4fc0;
  --text: #111827;
  --text-muted: #4b5563;
  --text-light: #6b7280;
  --bg: #ffffff;
  --bg-gray: #f9fafb;
  --bg-gray-100: #f3f4f6;
  --border: #dcdde1;
  --border-light: #f3f4f6;
  --radius-sm: 0.5rem;
  --radius: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
  --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
  --shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Geist', -apple-system, BlinkMacSystemFont, 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', 'Noto Sans JP', Meiryo, sans-serif;
  font-size: 16px;
  line-height: 1.5;
  color: var(--text);
  background: var(--bg);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  height: auto;
  display: block;
}

a {
  color: inherit;
  text-decoration: none;
}

button {
  font-family: inherit;
  cursor: pointer;
  border: none;
  background: none;
}

:focus-visible {
  outline: 2px solid var(--brand);
  outline-offset: 2px;
  border-radius: 2px;
}

@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
}

.container {
  width: 100%;
  max-width: 1280px;
  margin: 0 auto;
  padding: 0 1rem;
}

.hide-on-mobile {
  display: none;
}
@media (min-width: 640px) {
  .hide-on-mobile {
    display: inline;
  }
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  font-weight: 600;
  border-radius: 9999px;
  transition: all 0.2s ease;
  white-space: nowrap;
}

.btn-primary {
  background: var(--brand);
  color: #fff;
}
.btn-primary:hover {
  background: rgba(40, 100, 240, 0.9);
}

.btn-white {
  background: #fff;
  color: var(--brand);
  font-weight: 700;
  box-shadow: var(--shadow-lg);
}
.btn-white:hover {
  background: rgba(255, 255, 255, 0.9);
}

.btn-sm {
  height: 2.25rem;
  padding: 0 1rem;
  font-size: 0.875rem;
}

.btn-lg {
  height: 3rem;
  padding: 0 2rem;
  font-size: 1rem;
}

.icon-arrow {
  width: 1rem;
  height: 1rem;
}

.site-header {
  position: sticky;
  top: 0;
  z-index: 50;
  background: rgba(255, 255, 255, 0.95);
  backdrop-filter: blur(8px);
  border-bottom: 1px solid var(--border-light);
  box-shadow: var(--shadow-sm);
}
.site-header .btn {
  border-radius: var(--radius-sm);
}
.header-inner {
  display: flex;
  align-items: center;
  justify-content: space-between;
  height: 4rem;
}
.logo {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.logo-img {
  height: 4rem;
  width: auto;
}

.hero {
  position: relative;
  padding: 6rem 0 4rem;
  overflow: hidden;
  background: linear-gradient(to bottom right, var(--brand) 0%, var(--brand) 60%, #ffffff 100%);
}
@media (min-width: 768px) {
  .hero {
    padding: 7rem 0 5rem;
  }
}

.sparkle {
  position: absolute;
  color: rgba(255, 255, 255, 0.15);
  animation: float 4s ease-in-out infinite;
}
.sparkle-1 { top: 3rem; left: 8%; width: 80px; height: 80px; }
.sparkle-2 { top: 6rem; right: 12%; width: 72px; height: 72px; color: rgba(255,255,255,0.2); animation-delay: 200ms; }
.sparkle-3 { bottom: 7rem; left: 18%; width: 44px; height: 44px; color: rgba(255,255,255,0.1); animation-delay: 400ms; }
.sparkle-4 { top: 50%; left: 3%; width: 24px; height: 24px; color: rgba(255,255,255,0.15); animation-delay: 500ms; }
.sparkle-5 { bottom: 4rem; right: 25%; width: 56px; height: 56px; color: rgba(255,255,255,0.2); animation-delay: 700ms; }
.sparkle-6 { top: 4rem; left: 45%; width: 20px; height: 20px; color: rgba(255,255,255,0.1); animation-delay: 800ms; }
.sparkle-7 { bottom: 10rem; right: 8%; width: 32px; height: 32px; color: rgba(255,255,255,0.15); animation-delay: 1000ms; }
.sparkle-8 { top: 9rem; right: 40%; width: 16px; height: 16px; color: rgba(255,255,255,0.1); animation-delay: 300ms; }

@keyframes float {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-16px); }
}

.hero-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 56rem;
}

.badge {
  display: inline-flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  background: rgba(255, 255, 255, 0.15);
  backdrop-filter: blur(8px);
  border: 1px solid rgba(255, 255, 255, 0.25);
  margin-bottom: 1.5rem;
  color: #fff;
  font-size: 0.875rem;
  font-weight: 500;
}
.badge-dot {
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 9999px;
  background: #4ade80;
  animation: pulse 2s ease-in-out infinite;
}
@keyframes pulse {
  0%, 100% { opacity: 1; }
  50% { opacity: 0.5; }
}

.hero-title {
  font-size: 1.875rem;
  font-weight: 700;
  letter-spacing: -0.02em;
  line-height: 1.2;
  color: #fff;
  margin-bottom: 1.25rem;
}
@media (min-width: 768px) {
  .hero-title { font-size: 2.25rem; }
}
@media (min-width: 1024px) {
  .hero-title { font-size: 3rem; }
}

.hero-line2 {
  display: block;
  word-break: auto-phrase;
  line-break: strict;
}
.hero-suffix {
  white-space: nowrap;
}
.hero-rotating {
  transition: opacity 0.3s ease;
  background-image: linear-gradient(transparent 80%, rgba(255, 255, 255, 0.6) 80%);
  padding: 0 0.15em;
}
.hero-rotating.is-fading {
  opacity: 0;
}

.hero-description {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.8);
  max-width: 36rem;
  margin-bottom: 2.5rem;
  line-height: 1.7;
}
@media (min-width: 768px) {
  .hero-description { font-size: 1.125rem; }
}

.mascot {
  position: absolute;
  bottom: 0;
  right: 1rem;
  display: none;
}
.mascot img {
  width: 240px;
  height: auto;
  filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.12));
}
@media (min-width: 640px) {
  .mascot { display: block; }
}
@media (min-width: 768px) {
  .mascot { right: 3rem; }
}

.hero-logos {
  background: #fff;
  padding: 2.5rem 0;
  margin-top: 1.8rem;
}
.hero-logos-grid {
  list-style: none;
  margin: 0;
  padding: 0;
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: center;
  gap: 40px 56px;
}
.hero-logos-grid img {
  display: block;
  height: 1.4rem;
  width: auto;
  transition: opacity 0.2s ease, transform 0.2s ease;
}
.hero-logos-grid .is-kumamoto img {
  height: 2rem;
}
.hero-logos-grid .is-she img {
  height: 1.6rem;
}
.hero-logos-grid .is-eiwat img {
  height: 1.5rem;
}

.hero-logos-grid li:hover img {
  transform: scale(1.04);
}

.section {
  padding: 5rem 0;
}
.section-white { background: #fff; }
.section-gray { background: var(--bg-gray); }
.section-blue { background: #edf4ff; }

#demo {
  position: relative;
  overflow: hidden;
  background:
    linear-gradient(180deg, #ffffff 0%, #eef4ff 10%, #f2f7ff 80%, #eaf1ff 90%);
}
#demo::before,
#demo::after {
  content: "";
  position: absolute;
  border-radius: 50%;
  z-index: 0;
  pointer-events: none;
  filter: blur(110px);
}
#demo::before {
  width: 60rem;
  height: 40rem;
  bottom: -14rem;
  left: -10rem;
  background: radial-gradient(ellipse at center, rgba(40, 100, 240, 0.32), transparent 72%);
}
#demo::after {
  width: 68rem;
  height: 32rem;
  bottom: -6rem;
  right: -24rem;
  transform: rotate(-20deg);
  transform-origin: bottom right;
  background: radial-gradient(ellipse at center, rgba(255, 100, 20, 0.25), transparent 80%);
}
#demo > .container {
  position: relative;
  z-index: 1;
}

.section-header {
  text-align: center;
  max-width: 48rem;
  margin: 0 auto 3rem;
}
.section-title {
  font-size: 1.75rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.75rem;
  letter-spacing: -0.02em;
}
@media (min-width: 768px) {
  .section-title { font-size: 2.25rem; }
}
.section-description {
  font-size: 1rem;
  color: var(--text-muted);
  line-height: 1.7;
}

.testimonial-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1.5rem;
  margin: 0;
}
@media (min-width: 640px) {
  .testimonial-grid { grid-template-columns: 1fr 1fr; gap: 1.75rem; }
}
@media (min-width: 1024px) {
  .testimonial-grid { grid-template-columns: repeat(2, 1fr); }
}
.testimonial {
  display: flex;
  flex-direction: column;
  padding: 2.5rem;
  border-radius: var(--radius-lg);
  border: 1px solid var(--border);
  background: #fff;
  box-shadow: var(--shadow-sm);
}
.testimonial-logo {
  display: inline-flex;
  align-items: center;
  justify-content: flex-start;
  align-self: flex-start;
  height: 2.5rem;
  margin-bottom: 1.75rem;
}
.testimonial-logo img {
  height: 100%;
  width: auto;
  max-width: 100%;
  object-fit: contain;
}
.testimonial-logo img[src*="yamacon"] {
  height: 55%;
}
.testimonial-logo img[src*="mstage-group"] {
  padding-block: 0.45rem;
}
.testimonial-logo img[src*="she"] {
  height: 80%;
}
.testimonial-logo img[src*="eiwat"] {
  height: 75%;
}
.testimonial-logo img[src*="yamaya"] {
  height: 70%;
}
.testimonial-quote {
  flex: 1;
  margin: 0 0 1.75rem;
  font-size: 1rem;
  font-weight: 400;
  line-height: 1.8;
  color: var(--text-muted);
}
@media (min-width: 768px) {
  .testimonial-quote { font-size: 1.0625rem; }
}
.testimonial-meta {
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
  padding-top: 1.25rem;
  border-top: 1px solid var(--border-light);
}
.testimonial-company {
  font-size: 0.9375rem;
  font-weight: 600;
  color: var(--text-muted);
}
.testimonial-person {
  font-size: 0.875rem;
  line-height: 1.5;
  color: var(--text-light);
  min-height: 3em;
}

.demo-tabs {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 0.5rem;
  max-width: 48rem;
  margin: 0 auto 2rem;
}
.demo-tab {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.5rem 1rem;
  border-radius: 9999px;
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--text-muted);
  background: #fff;
  border: 1px solid var(--border);
  transition: all 0.2s ease;
  cursor: pointer;
}
.demo-tab svg {
  width: 1rem;
  height: 1rem;
}
.demo-tab:hover {
  background: var(--bg-gray-100);
}
.demo-tab.is-active {
  background: var(--brand);
  color: #fff;
  border-color: var(--brand);
  box-shadow: var(--shadow-md);
}

.demo-window {
  max-width: 72rem;
  margin: 0 auto;
  border-radius: var(--radius-sm);
  overflow: hidden;
  box-shadow: var(--shadow-xl);
  border: 1px solid var(--border);
  background: #fff;
}
.browser-chrome {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 0.75rem 1rem;
  background: var(--bg-gray);
  border-bottom: 1px solid var(--border);
}
.browser-url {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
}
.browser-url > svg {
  width: 0.75rem;
  height: 0.75rem;
  color: var(--text-light);
  display: inline-flex;
  align-items: center;
}
.browser-url > span {
  font-size: 0.75rem;
  color: var(--text-light);
  display: inline-flex;
  align-items: center;
  padding: 0.25rem 0.75rem;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 0.375rem;
  width: 18rem;
  max-width: 100%;
  text-align: center;
}

.browser-chrome-win {
  height: 2.5rem;
  padding: 0 0 0 0.875rem;
}
.browser-chrome-win .browser-url {
  justify-content: flex-start;
}
.browser-winctrls {
  display: flex;
  align-self: stretch;
  margin-left: auto;
}
.winctrl {
  width: 2.875rem;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--text-light);
}
.winctrl svg {
  width: 0.75rem;
  height: 0.75rem;
}
.winctrl:hover {
  background: var(--bg-gray-100);
}
.winctrl-close:hover {
  background: #e81123;
  color: #fff;
}

.demo-app {
  display: flex;
  background: #fff;
  height: 40rem;
  position: relative;
  overflow: hidden;
}
.demo-sidebar {
  display: none;
  width: 12rem;
  flex-shrink: 0;
  border-right: 1px solid var(--border-light);
  flex-direction: column;
}
@media (min-width: 768px) {
  .demo-sidebar { display: flex; }
}
.demo-sidebar-header {
  padding: 0.375rem 0.5rem;
  border-bottom: 1px solid var(--border-light);
}
.demo-sidebar-header img {
  height: 2.5rem;
  width: auto;
}
.demo-sidebar-nav {
  padding: 0.5rem;
  flex: 1;
}
.nav-item {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.375rem 0.5rem;
  font-size: 0.75rem;
  color: var(--text-light);
  border-radius: 0.375rem;
}
.nav-item:hover {
  background: var(--bg-gray);
}
.nav-icon {
  width: 0.875rem;
  height: 0.875rem;
  border-radius: 0.25rem;
  background: var(--bg-gray-100);
}
.nav-item.is-active {
  color: var(--brand);
  background: rgba(40, 100, 240, 0.05);
  font-weight: 500;
  margin-top: 0.25rem;
}
.nav-item.is-active svg {
  width: 0.875rem;
  height: 0.875rem;
}

.demo-main {
  flex: 1 1 auto;
  min-width: 0;
  min-height: 0;
  display: flex;
  flex-direction: column;
}

.demo-preview {
  flex: 0 0 0%;
  min-width: 0;
  overflow: hidden;
  background: #fff;
  border-left: 1px solid var(--border);
  display: flex;
  flex-direction: column;
  transition: flex-basis 0.35s ease;
}
.demo-app.preview-open .demo-preview {
  flex-basis: 40%;
}
.demo-preview-header {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  padding: 0.625rem 0.875rem;
  background: var(--bg-gray);
  border-bottom: 1px solid var(--border-light);
  flex-shrink: 0;
}
.demo-preview-title {
  font-size: 0.8125rem;
  font-weight: 700;
  color: var(--text);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.demo-preview-body {
  flex: 1;
  min-height: 0;
  overflow: auto;
  padding: 1rem;
}

.preview-doc-title {
  font-size: 1rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.25rem;
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
}
.preview-doc-sub {
  font-size: 0.75rem;
  color: var(--text-light);
  margin-bottom: 1rem;
}
.artifact-card {
  display: flex;
  align-items: center;
  gap: 0.625rem;
  width: 100%;
  text-align: left;
  margin-top: 0.625rem;
  padding: 0.625rem 0.75rem;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 0.625rem;
}
.artifact-card.is-open {
  border-color: var(--brand);
  background: rgba(40, 100, 240, 0.05);
}
.artifact-card-icon {
  width: 2rem;
  height: 2rem;
  border-radius: 0.5rem;
  background: rgba(40, 100, 240, 0.1);
  color: var(--brand);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
}
.artifact-card-icon svg {
  width: 1.1rem;
  height: 1.1rem;
}
.artifact-card-info {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  gap: 0.1875rem;
}
.artifact-card-title {
  font-size: 0.8125rem;
  font-weight: 600;
  color: var(--text);
  font-family: ui-monospace, SFMono-Regular, Menlo, monospace;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.artifact-card-type {
  align-self: flex-start;
  font-size: 0.625rem;
  font-weight: 600;
  color: var(--brand);
  background: rgba(40, 100, 240, 0.1);
  padding: 0.0625rem 0.4375rem;
  border-radius: 9999px;
}
.artifact-card-open {
  width: 1rem;
  height: 1rem;
  color: var(--brand);
  flex-shrink: 0;
}

@media (max-width: 767px) {
  .demo-preview {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    flex-basis: auto;
    border-left: none;
    transform: translateX(100%);
    transition: transform 0.35s ease;
    z-index: 5;
  }
  .demo-app.preview-open .demo-preview {
    flex-basis: auto;
    transform: translateX(0);
  }
}
.demo-chat {
  flex: 1;
  min-height: 0;
  padding: 1rem;
  overflow: auto;
  transition: opacity 0.3s ease;
}
.demo-chat.is-fading {
  opacity: 0;
}
.chat-label {
  font-size: 0.625rem;
  color: var(--text-light);
  margin-bottom: 0.25rem;
  display: block;
}
.chat-user {
  display: flex;
  justify-content: flex-end;
  margin-bottom: 1rem;
}
.chat-user-inner {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  max-width: 26rem;
}
.chat-bubble {
  padding: 0.5rem 0.75rem;
  border-radius: 1rem;
}
.chat-bubble-user {
  background: var(--brand);
  color: #fff;
  border-bottom-right-radius: 0.25rem;
  font-size: 0.875rem;
}
.chat-user-file {
  display: flex;
  align-items: center;
  gap: 0.5rem;
  margin-bottom: 0.5rem;
  padding: 0.5rem 0.625rem;
  background: rgba(255, 255, 255, 0.15);
  border: 1px solid rgba(255, 255, 255, 0.4);
  border-radius: 0.5rem;
}
.chat-user-file svg {
  width: 1rem;
  height: 1rem;
  color: #fff;
  flex-shrink: 0;
}
.chat-user-file-name {
  font-size: 0.8125rem;
  font-weight: 500;
  color: #fff;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.chat-ai {
  display: flex;
  gap: 0.5rem;
}
.chat-ai:not(:last-child) {
  margin-bottom: 1.25rem;
}
.chat-ai-icon {
  width: 1.75rem;
  height: 1.75rem;
  object-fit: contain;
  flex-shrink: 0;
}
.chat-ai-content {
  flex: 1;
  max-width: 38rem;
}
.chat-bubble-ai {
  background: var(--bg-gray);
  border-top-left-radius: 0.25rem;
  padding: 0.625rem 0.75rem;
  margin-bottom: 0.5rem;
}
.chat-main {
  font-size: 0.875rem;
  color: var(--text);
  font-weight: 500;
  margin-bottom: 0.25rem;
}
.chat-detail {
  font-size: 0.875rem;
  color: var(--text-muted);
}
.chat-result {
  margin: 0.625rem 0 0.75rem;
  padding: 0.875rem 1rem;
  background: #fff;
  border: 1px solid var(--border);
  border-radius: 0.625rem;
}
.chat-result-row {
  font-size: 0.875rem;
  color: var(--text);
  padding: 0.1875rem 0;
}
.chat-result-row b {
  font-weight: 700;
}
.chat-result-total {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  margin-top: 0.5rem;
  padding-top: 0.625rem;
  border-top: 1px dashed var(--border);
}
.chat-result-total span {
  font-size: 0.8125rem;
  color: var(--text-light);
}
.chat-result-total strong {
  font-size: 1.5rem;
  font-weight: 800;
  color: var(--brand);
  letter-spacing: -0.01em;
}
.chat-steps {
  list-style: none;
  margin-top: 0.75rem;
  margin-bottom: 0.5rem;
  display: flex;
  flex-direction: column;
  gap: 0.25rem;
}
.chat-steps li {
  position: relative;
  padding-left: 1.25rem;
  font-size: 0.75rem;
  color: var(--text-light);
  line-height: 1.5;
}
.chat-steps li::before {
  content: "✓";
  position: absolute;
  left: 0;
  top: 0;
  color: #16a34a;
  font-weight: 700;
}
.chat-attachment {
  margin-top: 0.5rem;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
  display: flex;
  align-items: center;
  gap: 0.5rem;
}
.file-icon {
  width: 2rem;
  height: 2rem;
  background: #fef2f2;
  border-radius: 0.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
}
.file-icon svg {
  width: 1rem;
  height: 1rem;
  color: #ef4444;
}
.file-info {
  flex: 1;
  min-width: 0;
}
.file-name {
  font-size: 0.75rem;
  font-weight: 500;
  color: #1f2937;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.file-size {
  font-size: 0.625rem;
  color: var(--text-light);
}
.file-download {
  width: 0.875rem;
  height: 0.875rem;
  color: var(--brand);
}

.chat-table-wrap {
  overflow-x: auto;
  margin-top: 0.25rem;
}
.chat-table {
  width: 100%;
  border-collapse: collapse;
  font-size: 0.6875rem;
  line-height: 1.4;
  background: #fff;
}
.chat-table th,
.chat-table td {
  border: 1px solid var(--border);
  padding: 0.5rem 0.625rem;
  text-align: left;
  white-space: nowrap;
  vertical-align: top;
}
.chat-table thead th {
  background: #f3f4f6;
  font-weight: 600;
  color: var(--text);
}

.chat-link {
  font-size: 0.8125rem;
  color: var(--text-muted);
  margin-top: 0.625rem;
}
.chat-link-a {
  display: inline-flex;
  align-items: center;
  gap: 0.3125rem;
  color: var(--brand);
  font-weight: 600;
  text-decoration: underline;
  text-underline-offset: 2px;
  cursor: pointer;
}
.chat-link-icon {
  width: 0.875rem;
  height: 0.875rem;
  flex-shrink: 0;
}

.chat-chart {
  margin-top: 0.625rem;
  padding: 0.5rem;
  background: #fff;
  border: 1px solid var(--border-light);
  border-radius: var(--radius-sm);
}
.chat-chart svg {
  display: block;
  width: 100%;
  height: auto;
}
.chat-chart-legend {
  display: flex;
  gap: 1rem;
  font-size: 0.6875rem;
  color: var(--text-muted);
  margin-bottom: 0.25rem;
}
.chat-chart-legend span {
  display: inline-flex;
  align-items: center;
  gap: 0.25rem;
}
.chat-chart-legend i {
  width: 0.625rem;
  height: 0.625rem;
  border-radius: 0.125rem;
  display: inline-block;
}
.chat-chart-legend .dot-last { background: #f97314; }
.chat-chart-legend .dot-current { background: var(--brand); }
.chat-chart .bar-last { fill: #f97314; }
.chat-chart .bar-current { fill: var(--brand); }
.chat-chart .bar-label {
  font-size: 9px;
  fill: var(--text-light);
}

.demo-input {
  padding: 0.75rem;
  border-top: 1px solid var(--border-light);
  display: flex;
  gap: 0.5rem;
  pointer-events: none;
}
.demo-input input {
  flex: 1;
  padding: 0.5rem 0.75rem;
  border: 1px solid var(--border);
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  background: var(--bg-gray);
  font-family: inherit;
}
.demo-input input:focus {
  background: #fff;
  outline: none;
  border-color: var(--brand);
  box-shadow: 0 0 0 3px rgba(40, 100, 240, 0.1);
}
.demo-input button {
  padding: 0.5rem 1rem;
  background: var(--brand);
  color: #fff;
  border-radius: var(--radius-sm);
  font-size: 0.875rem;
  font-weight: 500;
}
.demo-input button:hover {
  background: var(--brand-dark);
}

.demo-progress {
  display: flex;
  justify-content: center;
  gap: 0.375rem;
  margin-top: 1.25rem;
}
.progress-dot {
  height: 0.375rem;
  width: 0.375rem;
  border-radius: 9999px;
  background: #d1d5db;
  transition: all 0.2s ease;
  cursor: pointer;
}
.progress-dot:hover {
  background: #9ca3af;
}
.progress-dot.is-active {
  background: var(--brand);
  width: 1.5rem;
}

#case-studies {
  --uc-blue: #2563eb;
  --uc-blue-soft: #e6f1fb;
  --uc-blue-text: #185fa5;
  --uc-orange: #f97316;
  --uc-orange-soft: #fdead7;
  --uc-orange-text: #c2570c;
}

.category {
  border-left: 3px solid;
  padding: 2px 0 2px 16px;
  margin-bottom: 24px;
}
.category--employee { border-color: var(--uc-blue); }
.category--admin { border-color: var(--uc-orange); }

.category__label {
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
  margin-bottom: 3px;
}
.category__label svg { width: 20px; height: 20px; }
.category--employee .category__label svg { color: var(--uc-blue-text); }
.category--admin .category__label svg { color: var(--uc-orange-text); }
.category__name {
  font-size: 20px;
  font-weight: 600;
  color: var(--text);
}
.category__desc {
  margin: 0;
  font-size: 15px;
  color: var(--text-light);
}

.grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  margin-bottom: 64px;
}
.grid:last-child { margin-bottom: 0; }

.card {
  background: #fff;
  border: 1px solid rgba(17, 24, 39, 0.08);
  border-radius: 12px;
  padding: 24px 20px;
  text-align: left;
  transition: border-color 0.2s ease, transform 0.2s ease;
}
.card:hover {
  border-color: rgba(17, 24, 39, 0.16);
  transform: translateY(-2px);
}
.card__head {
  display: flex;
  align-items: center;
  gap: 12px;
  margin-bottom: 12px;
}
.card__icon {
  width: 40px;
  height: 40px;
  flex-shrink: 0;
  border-radius: 9px;
  display: flex;
  align-items: center;
  justify-content: center;
  color: #fff;
}
.card__icon svg { width: 21px; height: 21px; }
.grid--employee .card__icon { background: var(--uc-blue); }
.grid--admin .card__icon { background: var(--uc-orange); }

.card__title {
  font-size: 17px;
  font-weight: 600;
  color: var(--text);
  margin: 0 0 8px;
}
.card__desc {
  font-size: 14px;
  color: var(--text-light);
  margin: 0;
  line-height: 1.65;
}

@media (max-width: 900px) {
  .grid { grid-template-columns: repeat(2, 1fr); }
}
@media (max-width: 520px) {
  .grid { grid-template-columns: 1fr; }
}

.steps-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 1rem;
  max-width: 56rem;
  margin: 0 auto;
}
@media (min-width: 768px) {
  .steps-grid { grid-template-columns: repeat(3, 1fr); }
}
.step-wrapper {
  position: relative;
}
.step-card {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  padding: 2.5rem 1.5rem 2rem;
  border-radius: var(--radius-xl);
  background: #fff;
  border: 1px solid var(--border);
  box-shadow: var(--shadow-sm);
  height: 100%;
}
.step-number {
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 9999px;
  background: var(--brand);
  color: #fff;
  font-size: 1.3125rem;
  font-weight: 800;
  font-variant-numeric: tabular-nums;
  margin-bottom: 1.375rem;
  box-shadow: 0 10px 20px -8px rgba(40, 100, 240, 0.7), 0 0 0 6px rgba(40, 100, 240, 0.08);
}
.step-title {
  font-size: 1.0625rem;
  font-weight: 700;
  color: var(--text);
  margin-bottom: 0.5rem;
  letter-spacing: -0.01em;
}
.step-description {
  font-size: 0.875rem;
  color: var(--text-muted);
  line-height: 1.6;
}
.hint-box {
  display: flex;
  align-items: center;
  gap: 12px;
  width: fit-content;
  margin: 2.5rem auto 0;
  padding: 14px 18px;
  background: #eff4ff;
  border: 1px solid #dbe6ff;
  border-radius: 12px;
}
.hint-box__icon {
  flex-shrink: 0;
  color: #2563eb;
  display: flex;
}
.hint-box__text {
  margin: 0;
  font-size: 15px;
  line-height: 1.6;
  color: #334155;
}
.hint-box__em {
  color: #2563eb;
  font-weight: 500;
}

@media (max-width: 520px) {
  .hint-box { align-items: flex-start; }
  .hint-box__text { font-size: 14px; }
}

.integrations-wrapper {
  max-width: 62rem;
  margin: 0 auto;
}
.integrations-grid {
  display: grid;
  grid-template-columns: 1fr;
  gap: 0.75rem;
}
@media (min-width: 768px) {
  .integrations-grid { grid-template-columns: repeat(2, 1fr); }
}
@media (min-width: 1024px) {
  .integrations-grid { grid-template-columns: repeat(3, 1fr); }
}

.integration-card {
  display: flex;
  align-items: center;
  gap: 0.75rem;
  padding: 1rem;
  border-radius: var(--radius);
  background: #fff;
  border: 1px solid var(--border-light);
  box-shadow: var(--shadow-md);
  transition: all 0.2s ease;
}
.integration-icon {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.integration-icon img {
  object-fit: contain;
  transition: all 0.2s ease;
}
.integration-symbol-icon {
  width: 2.75rem;
  height: 2.75rem;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  transition: all 0.2s ease;
}
.integration-symbol-icon img {
  width: 1.8rem;
  height: 1.8rem;
  object-fit: contain;
  transition: all 0.2s ease;
}
.integration-info {
  min-width: 0;
}
.integration-name {
  font-weight: 700;
  color: var(--text);
  font-size: 0.875rem;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  transition: color 0.2s ease;
}
.integration-desc {
  font-size: 0.75rem;
  color: var(--text-light);
}
.integrations-note {
  text-align: center;
  color: var(--text-light);
  font-size: 0.875rem;
  margin-top: 1.5rem;
}

.cta-card {
  position: relative;
  overflow: hidden;
  border-radius: var(--radius-xl);
  padding: 2rem;
  background: linear-gradient(to bottom right, var(--brand), var(--brand), var(--brand-dark));
  box-shadow: var(--shadow-md);
}
@media (min-width: 768px) {
  .cta-card { padding: 3rem; }
}
.cta-pattern {
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 20% 30%, rgba(255, 255, 255, 0.1) 0%, transparent 50%);
}
.cta-content {
  position: relative;
  z-index: 10;
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  max-width: 36rem;
  margin: 0 auto;
}
.cta-title {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  margin-bottom: 1rem;
}
@media (min-width: 768px) {
  .cta-title { font-size: 1.875rem; }
}
.cta-description {
  font-size: 1rem;
  color: rgba(255, 255, 255, 0.75);
  margin-bottom: 2rem;
  line-height: 1.7;
}

.g-footer, .g-footer *, .g-footer *::before, .g-footer *::after { box-sizing: border-box; }
.g-footer { font-family: "Noto Sans JP", sans-serif; font-size: 16px; line-height: 1.5; color: #595959; }
:where(.g-footer p, .g-footer ul, .g-footer ol, .g-footer li, .g-footer dl, .g-footer dt, .g-footer dd, .g-footer figure, .g-footer h1, .g-footer h2, .g-footer h3, .g-footer h4) { margin: 0; padding: 0; }
:where(.g-footer ul, .g-footer ol) { list-style: none; }
:where(.g-footer img) { border: 0; max-width: 100%; vertical-align: baseline; }
:where(.g-footer a) { color: #fff; text-decoration: none; }
:where(.g-footer a:hover) { text-decoration: underline; }

.c-breadcrumb_inner,.c-callToAction-tel_inner,.c-formGroup_inner,.c-modal_inner,.g-footer_inner,.g-headerNavDropdown_contentInner,.g-headerSearch_bodyInner,.g-header_inner,.g-header_sub_inner,.l-container,.l-container_full .c-productFlow_container{margin-left:auto;margin-right:auto;max-width:1352px;padding-left:32px;padding-right:32px}
@media screen and (max-width:767px){.c-breadcrumb_inner,.c-callToAction-tel_inner,.c-formGroup_inner,.c-modal_inner,.g-footer_inner,.g-headerNavDropdown_contentInner,.g-headerSearch_bodyInner,.g-header_inner,.g-header_sub_inner,.l-container,.l-container_full .c-productFlow_container{max-width:1352px;padding-left:32px;padding-right:32px}}
@media screen and (max-width:519px){.c-breadcrumb_inner,.c-callToAction-tel_inner,.c-formGroup_inner,.c-modal_inner,.g-footer_inner,.g-headerNavDropdown_contentInner,.g-headerSearch_bodyInner,.g-header_inner,.g-header_sub_inner,.l-container,.l-container_full .c-productFlow_container{padding-left:32px;padding-right:32px}}
.l-grid{display:-moz-box;display:flex;flex-wrap:wrap;margin:24px -16px -32px}
.l-grid:first-child{margin-top:0}
.l-grid>.l-grid_item{margin-bottom:32px;min-height:1px;padding-left:16px;padding-right:16px;width:100%}
.l-grid>.l-grid_item-1{width:8.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-lg{width:8.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-md{width:8.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-sm{width:8.3333333333%}}
.l-grid>.l-grid_item-2{width:16.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-lg{width:16.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-md{width:16.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-sm{width:16.6666666667%}}
.l-grid>.l-grid_item-3{width:25%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-lg{width:25%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-md{width:25%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-sm{width:25%}}
.l-grid>.l-grid_item-4{width:33.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-lg{width:33.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-md{width:33.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-sm{width:33.3333333333%}}
.l-grid>.l-grid_item-5{width:41.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-lg{width:41.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-md{width:41.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-sm{width:41.6666666667%}}
.l-grid>.l-grid_item-6{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-sm{width:50%}}
.l-grid>.l-grid_item-7{width:58.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-7-lg{width:58.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-7-md{width:58.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-7-sm{width:58.3333333333%}}
.l-grid>.l-grid_item-8{width:66.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-8-lg{width:66.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-8-md{width:66.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-8-sm{width:66.6666666667%}}
.l-grid>.l-grid_item-9{width:75%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-9-lg{width:75%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-9-md{width:75%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-9-sm{width:75%}}
.l-grid>.l-grid_item-10{width:83.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-10-lg{width:83.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-10-md{width:83.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-10-sm{width:83.3333333333%}}
.l-grid>.l-grid_item-11{width:91.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-11-lg{width:91.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-11-md{width:91.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-11-sm{width:91.6666666667%}}
.l-grid>.l-grid_item-12{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-12-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-12-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-12-sm{width:100%}}
.l-grid>.l-grid_item-1-1{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-1-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-1-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-1-sm{width:100%}}
.l-grid>.l-grid_item-1-2{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-2-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-2-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-2-sm{width:50%}}
.l-grid>.l-grid_item-2-2{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-2-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-2-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-2-sm{width:100%}}
.l-grid>.l-grid_item-1-3{width:33.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-3-lg{width:33.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-3-md{width:33.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-3-sm{width:33.3333333333%}}
.l-grid>.l-grid_item-2-3{width:66.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-3-lg{width:66.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-3-md{width:66.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-3-sm{width:66.6666666667%}}
.l-grid>.l-grid_item-3-3{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-3-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-3-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-3-sm{width:100%}}
.l-grid>.l-grid_item-1-4{width:25%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-4-lg{width:25%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-4-md{width:25%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-4-sm{width:25%}}
.l-grid>.l-grid_item-2-4{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-4-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-4-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-4-sm{width:50%}}
.l-grid>.l-grid_item-3-4{width:75%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-4-lg{width:75%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-4-md{width:75%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-4-sm{width:75%}}
.l-grid>.l-grid_item-4-4{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-4-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-4-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-4-sm{width:100%}}
.l-grid>.l-grid_item-1-5{width:20%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-5-lg{width:20%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-5-md{width:20%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-5-sm{width:20%}}
.l-grid>.l-grid_item-2-5{width:40%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-5-lg{width:40%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-5-md{width:40%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-5-sm{width:40%}}
.l-grid>.l-grid_item-3-5{width:60%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-5-lg{width:60%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-5-md{width:60%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-5-sm{width:60%}}
.l-grid>.l-grid_item-4-5{width:80%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-5-lg{width:80%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-5-md{width:80%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-5-sm{width:80%}}
.l-grid>.l-grid_item-5-5{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-5-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-5-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-5-sm{width:100%}}
.l-grid>.l-grid_item-1-6{width:16.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-6-lg{width:16.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-6-md{width:16.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-6-sm{width:16.6666666667%}}
.l-grid>.l-grid_item-2-6{width:33.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-6-lg{width:33.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-6-md{width:33.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-6-sm{width:33.3333333333%}}
.l-grid>.l-grid_item-3-6{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-6-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-6-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-6-sm{width:50%}}
.l-grid>.l-grid_item-4-6{width:66.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-6-lg{width:66.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-6-md{width:66.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-6-sm{width:66.6666666667%}}
.l-grid>.l-grid_item-5-6{width:83.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-6-lg{width:83.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-6-md{width:83.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-6-sm{width:83.3333333333%}}
.l-grid>.l-grid_item-6-6{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-6-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-6-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-6-sm{width:100%}}
.l-grid>.l-grid_item-1-7{width:14.2857142857%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-7-lg{width:14.2857142857%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-7-md{width:14.2857142857%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-7-sm{width:14.2857142857%}}
.l-grid>.l-grid_item-2-7{width:28.5714285714%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-7-lg{width:28.5714285714%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-7-md{width:28.5714285714%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-7-sm{width:28.5714285714%}}
.l-grid>.l-grid_item-3-7{width:42.8571428571%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-7-lg{width:42.8571428571%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-7-md{width:42.8571428571%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-7-sm{width:42.8571428571%}}
.l-grid>.l-grid_item-4-7{width:57.1428571429%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-7-lg{width:57.1428571429%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-7-md{width:57.1428571429%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-7-sm{width:57.1428571429%}}
.l-grid>.l-grid_item-5-7{width:71.4285714286%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-7-lg{width:71.4285714286%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-7-md{width:71.4285714286%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-7-sm{width:71.4285714286%}}
.l-grid>.l-grid_item-6-7{width:85.7142857143%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-7-lg{width:85.7142857143%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-7-md{width:85.7142857143%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-7-sm{width:85.7142857143%}}
.l-grid>.l-grid_item-7-7{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-7-7-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-7-7-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-7-7-sm{width:100%}}
.l-grid>.l-grid_item-1-8{width:12.5%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-8-lg{width:12.5%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-8-md{width:12.5%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-8-sm{width:12.5%}}
.l-grid>.l-grid_item-2-8{width:25%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-8-lg{width:25%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-8-md{width:25%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-8-sm{width:25%}}
.l-grid>.l-grid_item-3-8{width:37.5%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-8-lg{width:37.5%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-8-md{width:37.5%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-8-sm{width:37.5%}}
.l-grid>.l-grid_item-4-8{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-8-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-8-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-8-sm{width:50%}}
.l-grid>.l-grid_item-5-8{width:62.5%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-8-lg{width:62.5%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-8-md{width:62.5%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-8-sm{width:62.5%}}
.l-grid>.l-grid_item-6-8{width:75%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-8-lg{width:75%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-8-md{width:75%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-8-sm{width:75%}}
.l-grid>.l-grid_item-7-8{width:87.5%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-7-8-lg{width:87.5%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-7-8-md{width:87.5%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-7-8-sm{width:87.5%}}
.l-grid>.l-grid_item-8-8{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-8-8-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-8-8-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-8-8-sm{width:100%}}
.l-grid>.l-grid_item-1-9{width:11.1111111111%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-9-lg{width:11.1111111111%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-9-md{width:11.1111111111%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-9-sm{width:11.1111111111%}}
.l-grid>.l-grid_item-2-9{width:22.2222222222%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-9-lg{width:22.2222222222%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-9-md{width:22.2222222222%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-9-sm{width:22.2222222222%}}
.l-grid>.l-grid_item-3-9{width:33.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-9-lg{width:33.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-9-md{width:33.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-9-sm{width:33.3333333333%}}
.l-grid>.l-grid_item-4-9{width:44.4444444444%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-9-lg{width:44.4444444444%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-9-md{width:44.4444444444%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-9-sm{width:44.4444444444%}}
.l-grid>.l-grid_item-5-9{width:55.5555555556%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-9-lg{width:55.5555555556%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-9-md{width:55.5555555556%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-9-sm{width:55.5555555556%}}
.l-grid>.l-grid_item-6-9{width:66.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-9-lg{width:66.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-9-md{width:66.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-9-sm{width:66.6666666667%}}
.l-grid>.l-grid_item-7-9{width:77.7777777778%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-7-9-lg{width:77.7777777778%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-7-9-md{width:77.7777777778%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-7-9-sm{width:77.7777777778%}}
.l-grid>.l-grid_item-8-9{width:88.8888888889%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-8-9-lg{width:88.8888888889%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-8-9-md{width:88.8888888889%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-8-9-sm{width:88.8888888889%}}
.l-grid>.l-grid_item-9-9{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-9-9-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-9-9-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-9-9-sm{width:100%}}
.l-grid>.l-grid_item-1-10{width:10%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-10-lg{width:10%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-10-md{width:10%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-10-sm{width:10%}}
.l-grid>.l-grid_item-2-10{width:20%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-10-lg{width:20%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-10-md{width:20%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-10-sm{width:20%}}
.l-grid>.l-grid_item-3-10{width:30%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-10-lg{width:30%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-10-md{width:30%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-10-sm{width:30%}}
.l-grid>.l-grid_item-4-10{width:40%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-10-lg{width:40%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-10-md{width:40%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-10-sm{width:40%}}
.l-grid>.l-grid_item-5-10{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-10-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-10-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-10-sm{width:50%}}
.l-grid>.l-grid_item-6-10{width:60%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-10-lg{width:60%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-10-md{width:60%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-10-sm{width:60%}}
.l-grid>.l-grid_item-7-10{width:70%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-7-10-lg{width:70%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-7-10-md{width:70%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-7-10-sm{width:70%}}
.l-grid>.l-grid_item-8-10{width:80%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-8-10-lg{width:80%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-8-10-md{width:80%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-8-10-sm{width:80%}}
.l-grid>.l-grid_item-9-10{width:90%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-9-10-lg{width:90%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-9-10-md{width:90%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-9-10-sm{width:90%}}
.l-grid>.l-grid_item-10-10{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-10-10-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-10-10-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-10-10-sm{width:100%}}
.l-grid>.l-grid_item-1-11{width:9.0909090909%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-11-lg{width:9.0909090909%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-11-md{width:9.0909090909%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-11-sm{width:9.0909090909%}}
.l-grid>.l-grid_item-2-11{width:18.1818181818%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-11-lg{width:18.1818181818%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-11-md{width:18.1818181818%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-11-sm{width:18.1818181818%}}
.l-grid>.l-grid_item-3-11{width:27.2727272727%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-11-lg{width:27.2727272727%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-11-md{width:27.2727272727%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-11-sm{width:27.2727272727%}}
.l-grid>.l-grid_item-4-11{width:36.3636363636%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-11-lg{width:36.3636363636%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-11-md{width:36.3636363636%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-11-sm{width:36.3636363636%}}
.l-grid>.l-grid_item-5-11{width:45.4545454545%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-11-lg{width:45.4545454545%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-11-md{width:45.4545454545%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-11-sm{width:45.4545454545%}}
.l-grid>.l-grid_item-6-11{width:54.5454545455%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-11-lg{width:54.5454545455%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-11-md{width:54.5454545455%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-11-sm{width:54.5454545455%}}
.l-grid>.l-grid_item-7-11{width:63.6363636364%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-7-11-lg{width:63.6363636364%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-7-11-md{width:63.6363636364%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-7-11-sm{width:63.6363636364%}}
.l-grid>.l-grid_item-8-11{width:72.7272727273%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-8-11-lg{width:72.7272727273%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-8-11-md{width:72.7272727273%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-8-11-sm{width:72.7272727273%}}
.l-grid>.l-grid_item-9-11{width:81.8181818182%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-9-11-lg{width:81.8181818182%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-9-11-md{width:81.8181818182%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-9-11-sm{width:81.8181818182%}}
.l-grid>.l-grid_item-10-11{width:90.9090909091%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-10-11-lg{width:90.9090909091%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-10-11-md{width:90.9090909091%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-10-11-sm{width:90.9090909091%}}
.l-grid>.l-grid_item-11-11{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-11-11-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-11-11-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-11-11-sm{width:100%}}
.l-grid>.l-grid_item-1-12{width:8.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-1-12-lg{width:8.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-1-12-md{width:8.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-1-12-sm{width:8.3333333333%}}
.l-grid>.l-grid_item-2-12{width:16.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-2-12-lg{width:16.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-2-12-md{width:16.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-2-12-sm{width:16.6666666667%}}
.l-grid>.l-grid_item-3-12{width:25%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-3-12-lg{width:25%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-3-12-md{width:25%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-3-12-sm{width:25%}}
.l-grid>.l-grid_item-4-12{width:33.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-4-12-lg{width:33.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-4-12-md{width:33.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-4-12-sm{width:33.3333333333%}}
.l-grid>.l-grid_item-5-12{width:41.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5-12-lg{width:41.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5-12-md{width:41.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5-12-sm{width:41.6666666667%}}
.l-grid>.l-grid_item-6-12{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-6-12-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-6-12-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-6-12-sm{width:50%}}
.l-grid>.l-grid_item-7-12{width:58.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-7-12-lg{width:58.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-7-12-md{width:58.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-7-12-sm{width:58.3333333333%}}
.l-grid>.l-grid_item-8-12{width:66.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-8-12-lg{width:66.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-8-12-md{width:66.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-8-12-sm{width:66.6666666667%}}
.l-grid>.l-grid_item-9-12{width:75%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-9-12-lg{width:75%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-9-12-md{width:75%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-9-12-sm{width:75%}}
.l-grid>.l-grid_item-10-12{width:83.3333333333%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-10-12-lg{width:83.3333333333%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-10-12-md{width:83.3333333333%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-10-12-sm{width:83.3333333333%}}
.l-grid>.l-grid_item-11-12{width:91.6666666667%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-11-12-lg{width:91.6666666667%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-11-12-md{width:91.6666666667%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-11-12-sm{width:91.6666666667%}}
.l-grid>.l-grid_item-12-12{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-12-12-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-12-12-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-12-12-sm{width:100%}}
.l-grid-center{-moz-box-pack:center;justify-content:center}
@media screen and (min-width:768px){.l-grid-center-lg{-moz-box-pack:center;justify-content:center}}
@media screen and (max-width:767px){.l-grid-center-md{-moz-box-pack:center;justify-content:center}}
@media screen and (max-width:519px){.l-grid-center-sm{-moz-box-pack:center;justify-content:center}}
.l-grid>.l-grid_item-auto{width:auto}
@media screen and (max-width:767px){.l-grid>.l-grid_item-auto-md{width:auto}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-auto-sm{width:auto}}
.l-grid>.l-grid_item-5per{width:5%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-5per-lg{width:5%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-5per-md{width:5%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-5per-sm{width:5%}}
.l-grid>.l-grid_item-10per{width:10%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-10per-lg{width:10%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-10per-md{width:10%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-10per-sm{width:10%}}
.l-grid>.l-grid_item-15per{width:15%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-15per-lg{width:15%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-15per-md{width:15%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-15per-sm{width:15%}}
.l-grid>.l-grid_item-20per{width:20%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-20per-lg{width:20%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-20per-md{width:20%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-20per-sm{width:20%}}
.l-grid>.l-grid_item-25per{width:25%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-25per-lg{width:25%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-25per-md{width:25%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-25per-sm{width:25%}}
.l-grid>.l-grid_item-30per{width:30%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-30per-lg{width:30%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-30per-md{width:30%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-30per-sm{width:30%}}
.l-grid>.l-grid_item-35per{width:35%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-35per-lg{width:35%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-35per-md{width:35%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-35per-sm{width:35%}}
.l-grid>.l-grid_item-40per{width:40%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-40per-lg{width:40%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-40per-md{width:40%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-40per-sm{width:40%}}
.l-grid>.l-grid_item-45per{width:45%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-45per-lg{width:45%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-45per-md{width:45%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-45per-sm{width:45%}}
.l-grid>.l-grid_item-50per{width:50%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-50per-lg{width:50%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-50per-md{width:50%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-50per-sm{width:50%}}
.l-grid>.l-grid_item-55per{width:55%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-55per-lg{width:55%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-55per-md{width:55%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-55per-sm{width:55%}}
.l-grid>.l-grid_item-60per{width:60%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-60per-lg{width:60%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-60per-md{width:60%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-60per-sm{width:60%}}
.l-grid>.l-grid_item-65per{width:65%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-65per-lg{width:65%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-65per-md{width:65%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-65per-sm{width:65%}}
.l-grid>.l-grid_item-70per{width:70%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-70per-lg{width:70%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-70per-md{width:70%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-70per-sm{width:70%}}
.l-grid>.l-grid_item-75per{width:75%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-75per-lg{width:75%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-75per-md{width:75%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-75per-sm{width:75%}}
.l-grid>.l-grid_item-80per{width:80%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-80per-lg{width:80%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-80per-md{width:80%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-80per-sm{width:80%}}
.l-grid>.l-grid_item-85per{width:85%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-85per-lg{width:85%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-85per-md{width:85%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-85per-sm{width:85%}}
.l-grid>.l-grid_item-90per{width:90%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-90per-lg{width:90%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-90per-md{width:90%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-90per-sm{width:90%}}
.l-grid>.l-grid_item-95per{width:95%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-95per-lg{width:95%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-95per-md{width:95%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-95per-sm{width:95%}}
.l-grid>.l-grid_item-100per{width:100%}
@media screen and (min-width:768px){.l-grid>.l-grid_item-100per-lg{width:100%}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-100per-md{width:100%}}
@media screen and (max-width:519px){.l-grid>.l-grid_item-100per-sm{width:100%}}
.l-grid-hreverse{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}
@media screen and (min-width:768px){.l-grid-hreverse-lg{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}}
@media screen and (max-width:767px){.l-grid-hreverse-md{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}}
@media screen and (max-width:519px){.l-grid-hreverse-sm{-moz-box-orient:horizontal;-moz-box-direction:reverse;flex-direction:row-reverse}}
.l-grid-vreverse{-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse}
@media screen and (min-width:768px){.l-grid-vreverse-lg{-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse}}
@media screen and (max-width:767px){.l-grid-vreverse-md{-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse}}
@media screen and (max-width:519px){.l-grid-vreverse-sm{-moz-box-orient:vertical;-moz-box-direction:reverse;flex-direction:column-reverse}}
.l-grid-flex{-moz-box-align:center;align-items:center;display:-moz-box;display:flex}
.l-grid-flexSpaceBetween{-moz-box-pack:justify;justify-content:space-between}
.l-grid-flexEnd{-moz-box-pack:end;justify-content:flex-end}
.l-grid>.l-grid_item-flex{-moz-box-flex:1;flex:1 1}
.l-tile{display:-moz-box;display:flex;flex-wrap:wrap;margin:24px -16px -32px}
.l-tile:first-child{margin-top:0}
.l-tile>.l-tile_item{margin-bottom:32px;padding-left:16px;padding-right:16px;width:100%}
.l-tile-1>.l-tile_item{width:100%}
@media screen and (min-width:768px){.l-tile-1-lg>.l-tile_item{width:100%}}
@media screen and (max-width:767px){.l-tile-1-md>.l-tile_item{width:100%}}
@media screen and (max-width:519px){.l-tile-1-sm>.l-tile_item{width:100%}}
.l-tile-2>.l-tile_item{width:50%}
@media screen and (min-width:768px){.l-tile-2-lg>.l-tile_item{width:50%}}
@media screen and (max-width:767px){.l-tile-2-md>.l-tile_item{width:50%}}
@media screen and (max-width:519px){.l-tile-2-sm>.l-tile_item{width:50%}}
.l-tile-3>.l-tile_item{width:33.3333333333%}
@media screen and (min-width:768px){.l-tile-3-lg>.l-tile_item{width:33.3333333333%}}
@media screen and (max-width:767px){.l-tile-3-md>.l-tile_item{width:33.3333333333%}}
@media screen and (max-width:519px){.l-tile-3-sm>.l-tile_item{width:33.3333333333%}}
.l-tile-4>.l-tile_item{width:25%}
@media screen and (min-width:768px){.l-tile-4-lg>.l-tile_item{width:25%}}
@media screen and (max-width:767px){.l-tile-4-md>.l-tile_item{width:25%}}
@media screen and (max-width:519px){.l-tile-4-sm>.l-tile_item{width:25%}}
.l-tile-5>.l-tile_item{width:20%}
@media screen and (min-width:768px){.l-tile-5-lg>.l-tile_item{width:20%}}
@media screen and (max-width:767px){.l-tile-5-md>.l-tile_item{width:20%}}
@media screen and (max-width:519px){.l-tile-5-sm>.l-tile_item{width:20%}}
.l-tile-6>.l-tile_item{width:16.6666666667%}
@media screen and (min-width:768px){.l-tile-6-lg>.l-tile_item{width:16.6666666667%}}
@media screen and (max-width:767px){.l-tile-6-md>.l-tile_item{width:16.6666666667%}}
@media screen and (max-width:519px){.l-tile-6-sm>.l-tile_item{width:16.6666666667%}}
.l-tile-7>.l-tile_item{width:14.2857142857%}
@media screen and (min-width:768px){.l-tile-7-lg>.l-tile_item{width:14.2857142857%}}
@media screen and (max-width:767px){.l-tile-7-md>.l-tile_item{width:14.2857142857%}}
@media screen and (max-width:519px){.l-tile-7-sm>.l-tile_item{width:14.2857142857%}}
.l-tile-8>.l-tile_item{width:12.5%}
@media screen and (min-width:768px){.l-tile-8-lg>.l-tile_item{width:12.5%}}
@media screen and (max-width:767px){.l-tile-8-md>.l-tile_item{width:12.5%}}
@media screen and (max-width:519px){.l-tile-8-sm>.l-tile_item{width:12.5%}}
.l-tile-9>.l-tile_item{width:11.1111111111%}
@media screen and (min-width:768px){.l-tile-9-lg>.l-tile_item{width:11.1111111111%}}
@media screen and (max-width:767px){.l-tile-9-md>.l-tile_item{width:11.1111111111%}}
@media screen and (max-width:519px){.l-tile-9-sm>.l-tile_item{width:11.1111111111%}}
.l-tile-10>.l-tile_item{width:10%}
@media screen and (min-width:768px){.l-tile-10-lg>.l-tile_item{width:10%}}
@media screen and (max-width:767px){.l-tile-10-md>.l-tile_item{width:10%}}
@media screen and (max-width:519px){.l-tile-10-sm>.l-tile_item{width:10%}}
.c-table_cell .i-label{vertical-align:baseline}
.c-img{display:inline-block;margin-top:24px;width:100%}
.c-img:first-child{margin-top:0}
.c-img>img{height:auto;max-width:100%;vertical-align:bottom}
.c-img-full>img{width:100%}
.c-img+.c-textSmall{margin-top:12px}
.c-img:link:hover img{opacity:.7}
.c-tableList>.l-tile_item{margin-bottom:0;padding:16px 8px}
@media screen and (max-width:767px){.c-tableList>.l-tile_item{padding:16px 8px}}
.c-linkList_itemLink-iconRight .i-label{-moz-box-ordinal-group:2;margin-left:auto;margin-top:0;order:1;-moz-transform:none;transform:none}
.c-borderedBox-light .c-borderedBox_head .c-img img{height:60px;width:auto}
@media screen and (max-width:767px){.c-step .l-tile{margin-bottom:-32px}}
.c-step .l-tile_item{position:relative}
@media screen and (max-width:767px){.c-step .l-tile_item{margin-bottom:32px}}
.c-step .l-tile_item:not(:last-child):after{border-color:transparent;border-style:solid;content:"";height:0;position:absolute;width:0}
@media screen and (min-width:768px){.c-step .l-tile_item:not(:last-child):after{border-left-color:#aac8ff;border-width:14px 0 14px 16px;right:-8px;top:-moz-calc(50% - 14px);top:calc(50% - 14px)}}
@media screen and (max-width:767px){.c-step .l-tile_item:not(:last-child):after{border-top-color:#aac8ff;border-width:16px 14px 0;bottom:-24px;right:-moz-calc(50% - 14px);right:calc(50% - 14px)}}
.c-indexLinkList_itemLink .i-label{-moz-box-ordinal-group:2;margin-left:auto;margin-right:0;margin-top:0;order:1;-moz-transform:none;transform:none}
@media screen and (max-width:767px){.g-headerNavDropdown_link a .i-label,.g-headerNavDropdown_nav a .i-label{display:none}}
@media screen and (min-width:768px){.g-headerNavDropdown_nav .l-tile_item>.u-tc-heading{font-weight:500}}
@media screen and (max-width:767px){.g-headerNavDropdown_nav .l-tile_item,.g-headerNavDropdown_nav>.c-textLarge{font-size:14px;line-height:1.5}.g-headerNavDropdown_nav .l-tile_item [data-js-accordion-trigger]+.l-stack .l-stack_item a{padding-left:64px;padding-right:64px}.g-headerNavDropdown_nav .l-grid_item{font-size:14px;line-height:1.5}.g-headerNavDropdown_nav .l-grid_item .l-stack_item a,.g-headerNavDropdown_nav .l-grid_item .l-tile_item a{padding-left:64px;padding-right:64px}}
@media screen and (max-width:767px){.g-headerNavPopup_nav .l-stack_item a .i-label{display:none}}
@media screen and (min-width:768px){.g-header-common .g-headerNavDropdown_nav .l-tile{padding-left:24px;padding-right:24px}}
@media screen and (min-width:768px){.g-header-kojin .g-headerNavDropdown_nav>.l-tile{margin-left:8px;margin-right:8px}.g-header-kojin .g-headerNavDropdown_nav>.l-tile .l-tile_item .l-stack_item .c-note,.g-header-kojin .g-headerNavDropdown_nav>.l-tile .l-tile_item .l-stack_item .c-textSmall{margin-left:16px}.g-header-kojin .g-headerNavDropdown_nav>.l-grid{margin-left:8px;margin-right:8px}}
@media screen and (min-width:768px){.g-header-houjin .g-headerNavDropdown_nav>.l-tile{margin-left:8px;margin-right:8px}}
@media screen and (max-width:767px){.c-localNav_content a .i-label{display:none}}
@media screen and (min-width:768px){.c-localNav_content .l-tile{margin-bottom:0;margin-left:8px;margin-right:8px}}
@media screen and (max-width:767px){.c-localNav_content .l-tile_item [data-js-accordion-nest-trigger]{position:relative}.c-localNav_content .l-tile_item [data-js-accordion-nest-trigger]:before{background-image:url(/assets/img/icons/ic_accordion_open.svg);background-repeat:no-repeat;background-size:100%;content:"";display:inline-block;height:1.5em;position:absolute;right:28px;vertical-align:middle;width:1.5em}.c-localNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open{color:#2864f0}.c-localNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open:before{background-image:url(/assets/img/icons/primary/ic_accordion_close.svg)}.c-localNav_content .l-tile_item p[data-js-accordion-nest-trigger]{background-color:#f7f5f5;border-top:1px solid #e1dcdc;font-size:14px;line-height:1.5;padding:16px 32px}}
@media screen and (min-width:768px){.c-localNav_content .l-tile_item .l-stack{margin-left:16px}}
@media screen and (max-width:767px){.c-localNav_content .l-tile_item .l-stack_item a{padding-left:48px;padding-right:48px}}
@media screen and (min-width:768px){.g-footer_inner>.l-tile:not(:first-child){margin-top:40px}}
.g-footer_separator{background-color:#464343;padding-bottom:72px;padding-top:40px}
@media screen and (max-width:767px){.g-footer_separator{padding-bottom:40px}}
.g-footer_copyright{color:#fff;font-size:12px;line-height:1.5;margin-top:40px;text-align:center}
@media screen and (max-width:767px){.g-footer_copyright{margin-top:32px}}
.g-footerApp{background-color:#f7f5f5}
@media screen and (min-width:768px){.g-footerApp{padding-bottom:12px;padding-top:12px}}
@media screen and (max-width:767px){.g-footerApp{padding-bottom:16px;padding-top:24px}}
.g-footerApp .g-footer_inner{-moz-box-align:center;-moz-box-pack:justify;align-items:center;display:-moz-box;display:flex;justify-content:space-between}
@media screen and (max-width:767px){.g-footerApp .g-footer_inner{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}}
.g-footerApp_text{color:#323232;font-size:20px;font-weight:500;line-height:1.5}
@media screen and (min-width:768px){.g-footerApp_text{font-size:1.25rem}}
@media screen and (max-width:767px){.g-footerApp_text{text-align:center}}
.g-footerApp_button{-moz-box-align:center;align-items:center;display:-moz-box;display:flex}
@media screen and (max-width:767px){.g-footerApp_button{margin-top:8px}}
.g-footerApp_button .appstore{margin-right:20px}
.g-footerApp_button .appstore:hover,.g-footerApp_button .googlepray:hover{opacity:.7}
.g-footerApp_button .googlepray img{vertical-align:middle}
.g-footerNav{background-color:#464343;padding:56px 0}
@media screen and (max-width:767px){.g-footerNav{padding:0}.g-footerNav [data-js-accordion-content]{display:none}.g-footerNav .g-footer_inner{padding:0}.g-footerNav .l-tile{margin:0}.g-footerNav .l-tile_item{margin-bottom:0;padding:0}}
.g-footerNav_heading{border-bottom:2px solid #8c8989;color:#fff;font-size:1rem;font-weight:700;margin-bottom:16px;padding-bottom:8px}
@media screen and (max-width:767px){.g-footerNav_heading{font-size:.875rem;font-weight:400;margin-bottom:0;padding:12px 48px 12px 32px}}
.g-footerNav_heading[data-js-accordion-trigger]{position:relative}
@media screen and (max-width:767px){.g-footerNav_heading[data-js-accordion-trigger]:hover{cursor:pointer;text-decoration:underline}.g-footerNav_heading[data-js-accordion-trigger]:after,.g-footerNav_heading[data-js-accordion-trigger]:before{background-color:#fff;content:"";height:2px;position:absolute;right:32px;top:-moz-calc(50% - 2px);top:calc(50% - 2px);width:12px}.g-footerNav_heading[data-js-accordion-trigger]:after{-moz-transform:rotate(90deg);transform:rotate(90deg)}}
.g-footerNav_heading[data-js-accordion-trigger].c-accordion-open:after{display:none}
.g-footerNav_parent{color:#fff;font-size:.875rem}
@media screen and (max-width:767px){.g-footerNav_parent{border-bottom:1px solid #8c8989;font-size:14px;line-height:1.5;position:relative}}
.g-footerNav_parent~.g-footerNav_parent{margin-top:16px}
@media screen and (max-width:767px){.g-footerNav_parent~.g-footerNav_parent{margin-top:0}.g-footerNav_parent[data-js-accordion-trigger]:hover{cursor:pointer;text-decoration:underline}.g-footerNav_parent[data-js-accordion-trigger]:after,.g-footerNav_parent[data-js-accordion-trigger]:before{background-color:#fff;content:"";height:2px;position:absolute;right:32px;top:-moz-calc(50% - 2px);top:calc(50% - 2px);width:12px}.g-footerNav_parent[data-js-accordion-trigger]:after{-moz-transform:rotate(90deg);transform:rotate(90deg)}}
.g-footerNav_parent[data-js-accordion-trigger].c-accordion-open:after{display:none}
.g-footerNav_parentLink{font-size:.875rem}
.g-footerNav_parentLink:link,.g-footerNav_parentLink:visited{color:inherit}
@media screen and (min-width:768px){.g-footerNav_parentLink-ic:before{background-repeat:no-repeat;background-size:100%;content:"";display:inline-block;height:1.5em;margin-right:.3em;margin-top:-1.5em;-moz-transform:translateY(.365em);transform:translateY(.365em);vertical-align:baseline;width:.75em}}
@media screen and (max-width:767px){.g-footerNav_parentLink{display:block;padding:12px 60px 12px 48px}}
@media screen and (min-width:768px){.g-footerNav_list{margin-top:8px}}
@media screen and (max-width:767px){.g-footerNav_list{background-color:#f7f5f5;display:none}}
.g-footerNav_listItem{font-size:14px;font-size:.8125rem;line-height:1.5}
@media screen and (min-width:768px){.g-footerNav_listItem{padding-left:0}.g-footerNav_listItem+.g-footerNav_listItem{margin-top:12px}.g-footerNav_listItem>.g-footerNav_list{margin-top:8px}}
@media screen and (max-width:767px){.g-footerNav_listItem+.g-footerNav_listItem{border-top:1px solid #e1dcdc}.g-footerNav_listItem>.g-footerNav_parent{border-bottom:0;color:#323232;cursor:pointer;padding:12px 32px 12px 48px}.g-footerNav_listItem>.g-footerNav_parent[data-js-accordion-trigger]:after,.g-footerNav_listItem>.g-footerNav_parent[data-js-accordion-trigger]:before{background-color:#6e6b6b}.g-footerNav_listItem>.g-footerNav_parent .g-footerNav_parentLink{padding:0}.g-footerNav_listItem>.g-footerNav_parent+.g-footerNav_list{border-top:1px solid #e1dcdc}.g-footerNav_listItem>.g-footerNav_parent+.g-footerNav_list .g-footerNav_listItemLink{padding-left:64px}}
@media screen and (min-width:768px){.g-footerNav_listItemLink{position:relative}}
.g-footerNav_listItemLink:link,.g-footerNav_listItemLink:visited{color:#fff}
@media screen and (max-width:767px){.g-footerNav_listItemLink:link,.g-footerNav_listItemLink:visited{color:#323232}.g-footerNav_listItemLink{display:block;padding:12px 32px 12px 48px}}
@media screen and (min-width:768px){.g-footerNav_listItemLink-ic:before{background-repeat:no-repeat;background-size:100%;content:"";display:inline-block;height:1.5em;margin-right:.3em;margin-top:-1.5em;-moz-transform:translateY(.365em);transform:translateY(.365em);vertical-align:baseline;width:.75em}.g-footerNav_listItemLink-bdr{-moz-box-align:center;align-items:center;display:-moz-box;display:flex}.g-footerNav_listItemLink-bdr:before{border-top:1px solid #8c8989;content:"";display:block;height:0;margin-right:.75em;width:.5em}}
.g-footerNav_listItemDesc{display:block;font-size:.625rem}
@media screen and (min-width:768px){.g-footerNav_listItemDesc{color:#d7d2d2}}
.g-footerNav_blankIcon{width:1em!important}
@media screen and (max-width:767px){.g-footerNavArea{border-bottom:1px solid #8c8989;margin-top:0}}
@media screen and (min-width:768px){.g-footerNavArea~.g-footerNavArea{margin-top:32px}}
.g-footerNavArea_heading{color:#fff;font-size:.875rem}
@media screen and (min-width:768px){.g-footerNavArea_heading{font-weight:700;margin-bottom:4px}}
@media screen and (max-width:767px){.g-footerNavArea_heading{padding:12px 60px 12px 48px}}
.g-footerNavArea_heading[data-js-accordion-trigger]{position:relative}
@media screen and (max-width:767px){.g-footerNavArea_heading[data-js-accordion-trigger]:hover{cursor:pointer;text-decoration:underline}.g-footerNavArea_heading[data-js-accordion-trigger]:after,.g-footerNavArea_heading[data-js-accordion-trigger]:before{background-color:#fff;content:"";height:2px;position:absolute;right:32px;top:-moz-calc(50% - 2px);top:calc(50% - 2px);width:12px}.g-footerNavArea_heading[data-js-accordion-trigger]:after{-moz-transform:rotate(90deg);transform:rotate(90deg)}}
.g-footerNavArea_heading[data-js-accordion-trigger].c-accordion-open:after{display:none}
.g-footer_information{-moz-box-pack:justify;color:#fff;display:-moz-box;display:flex;justify-content:space-between}
@media screen and (min-width:768px){.g-footer_information{height:105px}}
@media screen and (max-width:767px){.g-footer_information{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}}
.g-footer_information_company{-moz-box-align:center;align-items:center;display:-moz-box;display:flex}
@media screen and (max-width:767px){.g-footer_information_company{-moz-box-orient:vertical;-moz-box-direction:normal;flex-direction:column}}
.g-footer_information_company .c-img{height:53px;width:136px}
@media screen and (min-width:768px){.g-footer_information_company .c-img{margin-left:24px;margin-right:56px}}
@media screen and (max-width:767px){.g-footer_information_company .c-img{margin-bottom:24px;margin-top:24px}}
.g-footer_information_company p{font-size:14px;line-height:1.5;line-height:1.8;margin-left:32px}
@media screen and (max-width:767px){.g-footer_information_company p{margin-left:0;margin-top:24px}}
.g-footer_information_link{-moz-box-align:center;align-items:center;display:-moz-box;display:flex}
@media screen and (max-width:767px){.g-footer_information_link{margin-top:32px}}
.g-footer_information_link li:not(:last-child){margin-right:24px}
@media screen and (max-width:767px){.g-footer_information_link li:not(:last-child){margin-right:24px}}
.g-footer_information_link li.truste{margin-right:64px;width:120px}
@media screen and (max-width:767px){.g-footer_information_link li.truste{-moz-box-flex:1;flex:1 1}}
.g-footer_information_link li a{color:#fff;display:block}
.g-footer_information_link li a:hover{opacity:.7}
.g-footer_information_link li a img{vertical-align:middle}
.g-footerSubNav{border-top:1px solid #8c8989;margin-top:40px;padding-top:40px}
.g-footerSubNav:first-child{margin-top:0}
.g-footerSubNav_list{-moz-box-align:center;align-items:center;display:-moz-box;display:flex;flex-wrap:wrap}
@media screen and (min-width:768px){.g-footerSubNav_list{-moz-box-pack:center;justify-content:center}}
@media screen and (max-width:767px){.g-footerSubNav_list{margin-bottom:-16px}}
.g-footerSubNav_listItem{font-size:14px;line-height:1.5}
@media screen and (min-width:768px){.g-footerSubNav_listItem+.g-footerSubNav_listItem{margin-left:40px}}
@media screen and (max-width:767px){.g-footerSubNav_listItem{margin-bottom:16px;width:50%}}
.g-footerSubNav_listItemLink:link,.g-footerSubNav_listItemLink:visited{color:#fff}
@media screen and (max-width:767px){.c-categoryNav_content a .i-label{display:none}}
@media screen and (min-width:768px){.c-categoryNav_content .l-tile{margin-bottom:0;margin-left:8px;margin-right:8px}}
@media screen and (max-width:767px){.c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger]{position:relative}.c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger]:before{background-image:url(/assets/img/icons/ic_accordion_open.svg);background-repeat:no-repeat;background-size:100%;content:"";display:inline-block;height:1.5em;position:absolute;right:28px;vertical-align:middle;width:1.5em}.c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open{color:#2864f0}.c-categoryNav_content .l-tile_item [data-js-accordion-nest-trigger].c-accordion-open:before{background-image:url(/assets/img/icons/primary/ic_accordion_close.svg)}.c-categoryNav_content .l-tile_item p[data-js-accordion-nest-trigger]{background-color:#f7f5f5;border-top:1px solid #e1dcdc;font-size:14px;line-height:1.5;padding:16px 32px}}
@media screen and (min-width:768px){.c-categoryNav_content .l-tile_item .l-stack{margin-left:16px}}
@media screen and (max-width:767px){.c-categoryNav_content .l-tile_item .l-stack_item a{padding-left:48px;padding-right:48px}}
@media(width < 1024px){.slim_header-menu-item-accordion-defaultInner .l-tile .l-tile_item{padding-left:16px}.slim_header-menu-item-accordion-defaultInner .l-tile .l-tile_item a{background-color:#f7f5f5;border-top:1px solid #e1dcdc;padding:16px 48px;width:100%}}
@media(width < 1024px){.slim_header .l-tile{margin-bottom:0!important}.slim_header .l-tile .l-tile_item{margin-bottom:0!important;width:100%}}
.i-label{display:inline-block;height:1.5em;margin-left:.3em;margin-right:.3em;margin-top:-1.5em;-moz-transform:translateY(.365em);transform:translateY(.365em);vertical-align:baseline;width:1.5em}
.i-label.i-halfsize{width:.75em}
.i-label-large{display:inline-block;height:1.95em;margin-left:.39em;margin-right:.39em;margin-top:-1.95em;-moz-transform:translateY(.59em);transform:translateY(.59em);vertical-align:baseline;width:1.95em}
.i-label-large.i-halfsize{width:.975em}
.i-label-small{display:inline-block;height:1.05em;margin-left:.21em;margin-right:.21em;margin-top:-1.05em;-moz-transform:translateY(.14em);transform:translateY(.14em);vertical-align:baseline;width:1.05em}
.i-label-small.i-halfsize{width:.525em}
.i-label-right{margin-right:0}
.i-label-left{margin-left:0}
.i-area.i-halfsize{width:.75em}
.i-area-large.i-halfsize{width:.975em}
.i-area-small.i-halfsize{width:.525em}
.i-button.i-halfsize{width:16px}
.u-display-only-lg,.u-display-only-md,.u-display-only-sm{display:none}
@media screen and (min-width:768px){.u-display-only-lg{display:block}}
@media screen and (max-width:767px){.u-display-only-md{display:block}}
@media screen and (max-width:767px){.u-display-none-md{display:none}.u-display-none-md-imp{display:none!important}}
.u-mt-x0{margin-top:0}
.u-mt-x0-imp{margin-top:0!important}
.u-mt-x2{margin-top:16px}
.u-mt-x2-imp{margin-top:16px!important}
.u-mt-x3{margin-top:24px}
.u-mt-x3-imp{margin-top:24px!important}
.u-mt-x5{margin-top:40px}
.u-mt-x5-imp{margin-top:40px!important}
.u-mt-x20{margin-top:160px}
.u-mt-x20-imp{margin-top:160px!important}
.u-mt-x0_5{margin-top:4px}
.u-mt-x0_5-imp{margin-top:4px!important}
.u-mt-x2_5{margin-top:20px}
.u-mt-x2_5-imp{margin-top:20px!important}
.u-mt-x3_5{margin-top:28px}
.u-mt-x3_5-imp{margin-top:28px!important}
.u-mt-x5_5{margin-top:44px}
.u-mt-x5_5-imp{margin-top:44px!important}
.u-mt-x20_5{margin-top:164px}
.u-mt-x20_5-imp{margin-top:164px!important}
@media screen and (min-width:768px){.u-mt-x0-lg{margin-top:0}.u-mt-x0-lg-imp{margin-top:0!important}.u-mt-x2-lg{margin-top:16px}.u-mt-x2-lg-imp{margin-top:16px!important}.u-mt-x3-lg{margin-top:24px}.u-mt-x3-lg-imp{margin-top:24px!important}.u-mt-x5-lg{margin-top:40px}.u-mt-x5-lg-imp{margin-top:40px!important}.u-mt-x20-lg{margin-top:160px}.u-mt-x20-lg-imp{margin-top:160px!important}.u-mt-x0_5-lg{margin-top:4px}.u-mt-x0_5-lg-imp{margin-top:4px!important}.u-mt-x2_5-lg{margin-top:20px}.u-mt-x2_5-lg-imp{margin-top:20px!important}.u-mt-x3_5-lg{margin-top:28px}.u-mt-x3_5-lg-imp{margin-top:28px!important}.u-mt-x5_5-lg{margin-top:44px}.u-mt-x5_5-lg-imp{margin-top:44px!important}.u-mt-x20_5-lg{margin-top:164px}.u-mt-x20_5-lg-imp{margin-top:164px!important}}
@media screen and (max-width:767px){.u-mt-x0-md{margin-top:0}.u-mt-x0-md-imp{margin-top:0!important}.u-mt-x2-md{margin-top:16px}.u-mt-x2-md-imp{margin-top:16px!important}.u-mt-x3-md{margin-top:24px}.u-mt-x3-md-imp{margin-top:24px!important}.u-mt-x5-md{margin-top:40px}.u-mt-x5-md-imp{margin-top:40px!important}.u-mt-x20-md{margin-top:160px}.u-mt-x20-md-imp{margin-top:160px!important}.u-mt-x0_5-md{margin-top:4px}.u-mt-x0_5-md-imp{margin-top:4px!important}.u-mt-x2_5-md{margin-top:20px}.u-mt-x2_5-md-imp{margin-top:20px!important}.u-mt-x3_5-md{margin-top:28px}.u-mt-x3_5-md-imp{margin-top:28px!important}.u-mt-x5_5-md{margin-top:44px}.u-mt-x5_5-md-imp{margin-top:44px!important}.u-mt-x20_5-md{margin-top:164px}.u-mt-x20_5-md-imp{margin-top:164px!important}}
@media screen and (max-width:519px){.u-mt-x0-sm{margin-top:0}.u-mt-x0-sm-imp{margin-top:0!important}.u-mt-x2-sm{margin-top:16px}.u-mt-x2-sm-imp{margin-top:16px!important}.u-mt-x3-sm{margin-top:24px}.u-mt-x3-sm-imp{margin-top:24px!important}.u-mt-x5-sm{margin-top:40px}.u-mt-x5-sm-imp{margin-top:40px!important}.u-mt-x20-sm{margin-top:160px}.u-mt-x20-sm-imp{margin-top:160px!important}.u-mt-x0_5-sm{margin-top:4px}.u-mt-x0_5-sm-imp{margin-top:4px!important}.u-mt-x2_5-sm{margin-top:20px}.u-mt-x2_5-sm-imp{margin-top:20px!important}.u-mt-x3_5-sm{margin-top:28px}.u-mt-x3_5-sm-imp{margin-top:28px!important}.u-mt-x5_5-sm{margin-top:44px}.u-mt-x5_5-sm-imp{margin-top:44px!important}.u-mt-x20_5-sm{margin-top:164px}.u-mt-x20_5-sm-imp{margin-top:164px!important}}
@media screen and (max-width:767px){.u-mb-x0-md{margin-bottom:0}.u-mb-x0-md-imp{margin-bottom:0!important}}
@media screen and (max-width:767px){.u-ml-x0-md{margin-left:0}.u-ml-x0-md-imp{margin-left:0!important}}
@media screen and (max-width:767px){.u-mr-x0-md{margin-right:0}.u-mr-x0-md-imp{margin-right:0!important}}
@media screen and (max-width:767px){.u-pl-x0-md{padding-left:0}.u-pl-x0-md-imp{padding-left:0!important}}
@media screen and (max-width:767px){.u-pr-x0-md{padding-right:0}.u-pr-x0-md-imp{padding-right:0!important}}
.u-display-only-lg,.u-display-only-md,.u-display-only-sm{display:none!important}
@media screen and (max-width:767px){.u-display-only-md,.u-display-only-sm{display:block!important}}
@media screen and (min-width:768px){.u-display-only-lg{display:block!important}}
@media screen and (max-width:767px){.l-grid>.l-grid_item-12-md,.l-tile-1-md>.l-tile_item{width:100%}.l-tile-2-md>.l-tile_item{width:50%}.l-tile-3-md>.l-tile_item{width:33.3333%}.l-tile-4-md>.l-tile_item{width:25%}.l-tile-5-md>.l-tile_item{width:20%}.l-tile-6-md>.l-tile_item{width:16.6667%}.l-tile-7-md>.l-tile_item{width:14.2857%}.l-tile-8-md>.l-tile_item{width:12.5%}.l-tile-9-md>.l-tile_item{width:11.1111%}.l-tile-10-md>.l-tile_item{width:10%}}

.g-footer .g-footer_inner { max-width: 1280px; }
@media screen and (min-width: 768px) {
  .g-footer .g-footer_inner { padding-left: 1rem; padding-right: 1rem; }
}

.g-footer .g-footer_copyrightText { display: block; margin-top: 24px; }

@media screen and (min-width: 768px) {
  .g-footer .g-footerNav_heading { padding-bottom: 16px; margin-bottom: 24px; }
}

@media screen and (min-width: 768px) {
  .g-footer .g-footerNav_listItemDesc { white-space: nowrap; }
}