@charset "utf-8";
:root {
  --header-marign-pc: 90px;
  --header-marign-sp: 65px;
}

.uk-offcanvas-content {
  padding-top: 177px;
}
/* Sections
 ========================================================================== */
.uk-card-body {
  padding: 30px 30px;
}
.uk-card-header {
  padding: 18px 0px;
  
  position: fixed !important;
  top: var(--header-marign-pc) !important;
  left: 0;
  width: 100%;
  z-index: 999;
  box-sizing: border-box;
}
.uk-card-footer {
  padding: 15px 30px;
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .uk-card-body {
    padding: 40px 40px;
  }
  .uk-card-header {
    padding: 18px 0px;
    top: var(--header-marign-pc) !important;
  }
  .uk-card-footer {
    padding: 20px 40px;
  }
}
.uk-offcanvas-content {
  padding-top: 90px;
}

/* Top Text
 ========================================================================== */
/* Phone landscape and bigger */
@media (min-width: 320px) {
  .catch-text{
    font-size:1.4rem;
  }
  .catch-text-sub{
    font-size:0.8rem;
  }
}

@media (min-width : 768px) {
  .uk-offcanvas-content {
    padding-top: 177px;
  }
}
@media (min-width : 636px ){
  .catch-text{
    font-size:1.8rem;
  }
  .catch-text-sub{
    font-size:1.2rem;
  }
}
/* Tablet landscape and bigger */
@media (min-width: 960px) {
  .catch-text{
    font-size:3rem;
  }
  .catch-text-sub{
    font-size:1.4rem;
  }
}
/* Desktop and bigger */
@media (min-width: 1200px) {
  .catch-text{
    font-size:3rem;
  }
  .catch-text-sub{
    font-size:1.8rem;
  }
}
/* Large screen and bigger */
@media (min-width: 1600px) {
  .catch-text{
    font-size:3.4rem;
  }
  .catch-text-sub{
    font-size:2rem;
  }
}