@charset "UTF-8";
/* Base */
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@400;600&display=swap");
body {
  font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
  font-size: 16px;
}
body p {
  font-size: 16px;
  line-height: 1.8;
}
body img {
  max-width: 100%;
  height: auto;
}
body a {
  color: #000000;
}

ul {
  list-style-type: none;
  padding: 0;
}
ul li {
  font-size: 13px;
}

h1 {
  font-size: 0;
  margin: 0;
}

/* Layout */
.flexbox {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.box-shadow {
  box-shadow: 0 0 5px #aaa;
}

.justify {
  text-align: justify;
}

.mail_text {
  height: 14px;
}

/* Image */
.img100 img {
  width: 100%;
  height: auto;
}

/* Navigation */
.gnav {
  width: 100%;
  margin: 30px 0 30px;
}
.gnav .description {
  font-size: 13px;
  letter-spacing: 0.15em;
}
.gnav .logo {
  margin-bottom: 15px;
  text-align: center;
}
.gnav .logo img {
  width: 100%;
  max-width: 280px;
}
.gnav .header_search_form {
  display: inline-block;
}
.gnav .wrap_form {
  display: flex;
  justify-content: flex-end;
}
.gnav .wrap_form .search {
  width: 200px;
  padding: 2px 10px;
  font-size: 14px;
  line-height: 1.8;
  display: inline-block;
  margin-right: 15px;
}
.gnav .wrap_form .sns {
  display: inline-block;
}
.gnav .wrap_form .sns a {
  margin-right: 10px;
}
.gnav .wrap_form .sns a img {
  height: 20px;
}
.gnav .nav_inner {
  margin: 0 auto;
  position: relative;
  justify-content: flex-end;
  align-items: flex-end;
  padding-bottom: 10px;
}
.gnav .nav_inner a {
  display: block;
  line-height: 1.6;
  position: relative;
  font-size: 1.1rem;
  letter-spacing: 0.04em;
}
.gnav .nav_inner a:not(:last-child):after {
  content: "/";
  margin: 0 15px;
}
.gnav .nav_inner a img {
  height: 10px;
}
.gnav .nav_inner a:hover, .gnav .nav_inner a .active {
  text-decoration: none;
  color: inherit;
  opacity: 0.7;
}
.gnav .container {
  position: relative;
}
.gnav .container .contact {
  position: absolute;
  right: 15px;
  top: 0;
}
.gnav .container .contact .icon {
  height: 30px;
  width: auto;
  margin-right: 10px;
}
.gnav .container .contact .contact_btn {
  height: 30px;
  width: auto;
}
.gnav .sns {
  position: absolute;
  top: 0;
  right: 15px;
}
.gnav .sns li {
  display: inline-block;
}
.gnav .sns li:not(:last-child) {
  margin-right: 20px;
}
.gnav .sns li img {
  height: 25px;
}
.gnav .ln {
  position: absolute;
  right: 15px;
  top: -50px;
}
.gnav .ln li {
  display: inline-block;
}
.gnav .ln img {
  height: 14px;
  margin-left: 20px;
}

.i-hamburger .wrap_i {
  position: relative;
  width: 22px;
  height: 22px;
  top: 35px;
  transition-duration: 500ms;
}
.i-hamburger .wrap_i span {
  position: absolute;
  display: inline-block;
  transition: all 0.4s;
  box-sizing: border-box;
  left: 0;
  width: 100%;
  height: 3px;
  background-color: #000000;
  border-radius: 4px;
}
.i-hamburger .wrap_i span:nth-of-type(1) {
  top: 0;
}
.i-hamburger .wrap_i span:nth-of-type(2) {
  top: 9px;
}
.i-hamburger .wrap_i span:nth-of-type(3) {
  bottom: 0;
}
.i-hamburger .wrap_i.open span {
  background-color: #222;
}
.i-hamburger .wrap_i.open span:nth-of-type(1) {
  transform: translateY(20px) rotate(-45deg);
  top: -10px;
}
.i-hamburger .wrap_i.open span:nth-of-type(2) {
  opacity: 0;
}
.i-hamburger .wrap_i.open span:nth-of-type(3) {
  transform: translateY(-20px) rotate(45deg);
  bottom: -11px;
}

.header-sp {
  width: 100%;
  transition-duration: 500ms;
  z-index: 54;
  margin: 15px 0;
  position: relative;
}
.header-sp .logo {
  margin-bottom: 0;
}
.header-sp .logo img {
  width: 140px;
}
.header-sp.scroll_on {
  transition-duration: 500ms;
  position: fixed;
}

#menu-sp {
  display: none;
  position: fixed;
  top: 0;
  left: 0;
  height: 100vh;
  width: 100vw;
  padding-top: 130px;
  background-color: #ffffff;
  z-index: 53;
  text-align: center;
}
#menu-sp .wrap-menu {
  margin-top: 60px;
}
#menu-sp .wrap-menu a {
  display: block;
  color: #000000;
  font-size: 20px;
  text-align: center;
  margin: 0 auto 20px;
  padding-bottom: 20px;
  line-height: 1.4;
  position: relative;
}
#menu-sp .wrap-menu a img {
  height: 14px;
}
#menu-sp .wrap-menu a .menu {
  display: block;
  font-weight: bold;
  font-size: 16px;
}
#menu-sp .wrap-menu a .cap {
  display: block;
  margin-bottom: 0;
  font-size: 12px;
}
#menu-sp .wrap-menu a:hover {
  text-decoration: none;
}
#menu-sp .wrap-menu a:after {
  content: "";
  display: block;
  position: absolute;
  width: 80%;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  background: linear-gradient(to left, rgba(0, 0, 0, 0) 0%, black 20%, black 80%, rgba(0, 0, 0, 0) 100%);
}
#menu-sp a.contact {
  color: #ffffff;
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  line-height: 1.4;
  letter-spacing: 0.12em;
  padding: 14px 0 6px;
  display: block;
  margin: 20px auto;
  max-width: 300px;
}
#menu-sp a.contact .menu {
  display: block;
}
#menu-sp a.contact .cap {
  display: block;
  margin-bottom: 3px;
}
#menu-sp a.contact:hover {
  text-decoration: none;
}
#menu-sp .ln {
  width: 100%;
  max-width: 300px;
  margin: 50px auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#menu-sp .ln li {
  width: 33%;
  text-align: center;
  margin-bottom: 0;
}
#menu-sp .ln li:not(:last-child) {
  border-right: 1px solid #000000;
}
#menu-sp .ln li img {
  height: 25px;
  width: auto;
  margin-right: 0;
}
#menu-sp .ln li span {
  display: none;
}
#menu-sp .store {
  max-width: 300px;
  margin: 50px auto;
  text-align: center;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
}
#menu-sp .store img {
  width: 100%;
  max-width: 190px;
}

/* Toppage Slider */
.frontpage_eyecatch {
  height: 650px;
  width: 100%;
  position: relative;
  margin-bottom: 60px;
  background-image: url(../img/main/index/mv.jpg);
  background-size: cover;
  background-position: center;
}
.frontpage_eyecatch ul {
  position: absolute;
  height: 650px;
  width: 100%;
  padding: 0;
  list-style-type: none;
}
.frontpage_eyecatch ul li {
  height: 650px;
  width: 100%;
  background-size: cover;
  background-position: center bottom;
  background-repeat: no-repeat;
}
.frontpage_eyecatch .wrap_copy {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  z-index: 51;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding-right: 8%;
}
.frontpage_eyecatch .wrap_copy .eyecatch_copy {
  -ms-writing-mode: tb-rl;
  writing-mode: vertical-rl;
  color: #fff;
  font-size: 38px;
  letter-spacing: 0.08em;
  line-height: 2;
}
@media screen and (max-width: 767px) {
  .frontpage_eyecatch {
    height: 460px;
    margin-bottom: 60px;
  }
  .frontpage_eyecatch ul {
    height: 460px;
  }
  .frontpage_eyecatch ul li {
    height: 460px;
  }
}

.area_title, .title_page, .title_content {
  text-align: center;
  margin-bottom: 80px;
}
.area_title img, .title_page img, .title_content img {
  height: 28px;
  padding-bottom: 10px;
  border-bottom: #000000 solid 2px;
}
@media screen and (max-width: 767px) {
  .area_title, .title_page, .title_content {
    margin-bottom: 40px;
  }
}

.title_content {
  text-align: left;
  margin-top: 15px;
  margin-bottom: 12px;
}
.title_content img {
  height: 30px;
  padding-bottom: 10px;
}

.title_content_sub {
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 50px;
}

.title_widget {
  margin-bottom: 30px;
  padding-bottom: 20px;
  border-bottom: #000000 solid 2px;
}
.title_widget img {
  height: 30px;
}

.copy {
  text-align: center;
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 40px;
}

p.lead {
  font-size: 13px;
  text-align: center;
  line-height: 2.8;
  font-weight: bold;
  letter-spacing: 0.04em;
}
@media (max-width: 767px) {
  p.lead {
    margin-bottom: 50px;
  }
}

.hl {
  background-color: #c7b299;
  max-width: 230px;
  padding: 12px 0;
  color: #ffffff;
  display: block;
  text-align: center;
  margin: 0 auto;
  font-size: 16px;
  margin-bottom: 20px;
}

.hl2 {
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  margin-bottom: 10px;
}

.hl3 {
  margin-bottom: 20px;
}
.hl3 img {
  height: 30px;
}
@media (max-width: 767px) {
  .hl3 {
    margin-bottom: 10px;
  }
  .hl3 img {
    height: 20px;
  }
}

.hl4 {
  margin-bottom: 20px;
}
.hl4 img {
  height: 24px;
}

@media (min-width: 768px) {
  .wrap_item_left {
    display: flex;
    justify-content: flex-start;
  }

  .wrap_item_right {
    display: flex;
    justify-content: flex-end;
  }

  .wrap_item_center {
    display: flex;
    justify-content: flex-end;
  }
}
.img_main {
  max-width: 780px;
  width: 100%;
  height: auto;
  display: block;
  margin: 0 auto 20px;
}

.area_history .img_about {
  width: 100%;
  height: 630px;
  background-position: 70% center;
}
.area_history p {
  line-height: 2.4;
}
@media (max-width: 767px) {
  .area_history .img_about {
    height: 260px;
  }
}

.flow_order {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
}
.flow_order > .-item {
  width: 23%;
  padding: 25px 15px;
  margin-bottom: 30px;
  background-color: #E5E5E5;
  margin-right: 2%;
}
.flow_order > .-item h4 {
  font-size: 14px;
  height: 45px;
  font-weight: bold;
  line-height: 1.5;
}
.flow_order > .-item h4 > .-sm {
  font-size: 12px;
}
.flow_order > .-item p {
  font-size: 12px;
  margin-bottom: 0;
}
@media (max-width: 767px) {
  .flow_order {
    justify-content: space-around;
  }
  .flow_order > .-item {
    width: 48%;
    margin: 0 0 20px;
  }
}

.box_order {
  margin-bottom: 200px;
}
.box_order > .-head {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: 50px;
}
.box_order > .-head > .-title {
  height: 70px;
}
.box_order > .-head.-amount, .box_order > .-head.-print {
  justify-content: space-between;
  max-width: 800px;
  font-weight: bold;
}
.box_order > .-head.-amount > .-input label, .box_order > .-head.-print > .-input label {
  margin-right: 30px;
}
.box_order > .-head.-amount > .-input input, .box_order > .-head.-print > .-input input {
  margin-right: 5px;
  padding: 10px;
  text-align: right;
}
.box_order > .-head.-amount > .-radio, .box_order > .-head.-print > .-radio {
  font-size: 20px;
  margin-left: 50px;
  padding-top: 15px;
}
.box_order > .-head.-amount > .-radio input, .box_order > .-head.-print > .-radio input {
  margin-right: 10px;
}
.box_order > .-head.-amount > .-radio input:not(:first-child), .box_order > .-head.-print > .-radio input:not(:first-child) {
  margin-left: 30px;
}
.box_order > .-head.-print {
  max-width: 740px;
}
@media (max-width: 767px) {
  .box_order {
    margin-bottom: 100px;
  }
  .box_order > .-head {
    margin-bottom: 30px;
  }
  .box_order > .-head > .-title {
    max-height: 50px;
    width: auto;
  }
  .box_order > .-head.-amount > .-input, .box_order > .-head.-print > .-input {
    margin-top: 30px;
    width: 100%;
  }
  .box_order > .-head.-amount > .-radio, .box_order > .-head.-print > .-radio {
    margin-left: 0;
  }
}

.wrap_category > .-box {
  background-color: #EFEFEF;
  padding: 30px 20px;
  margin-bottom: 30px;
}
.wrap_category > .-box h4 {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
}
.wrap_category > .-box > .-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}
.wrap_category > .-box > .-list > .-item {
  max-width: 30%;
  padding: 15px;
  border: 5px solid #EFEFEF;
}
.wrap_category > .-box > .-list > .-item.-active {
  border: 5px solid #00b9ff;
}
.wrap_category > .-box > .-list > .-item:not(:last-child) {
  margin-right: 3%;
}
.wrap_category > .-box > .-list > .-item img {
  width: 100%;
  height: auto;
}
@media (max-width: 767px) {
  .wrap_category > .-box > .-list > .-item {
    max-width: 80%;
    margin: 0 0 15px;
  }
}

.list_input {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
  line-height: 1.4;
  margin-bottom: 10px;
}
.list_input > .-item_label {
  width: 20%;
  padding-top: 25px;
  padding-left: 15px;
  padding-right: 15px;
}
.list_input > .-item_input {
  width: 25%;
  padding-left: 15px;
  padding-right: 15px;
}
.list_input > .-item_input label {
  display: block;
}
.list_input > .-item_input input[type=text], .list_input > .-item_input input[type=tel] {
  margin-right: 5px;
  padding: 10px;
  text-align: right;
  width: 80%;
}
.list_input.-color > .-item_label {
  padding-top: 0;
}
.list_input.-color > .-item_input {
  width: 20%;
}
.list_input.-color > .-item_input label {
  display: inline;
}
@media (max-width: 767px) {
  .list_input > .-item_label, .list_input > .-item_input {
    width: 100%;
    margin-bottom: 15px;
  }
  .list_input.-color > .-item_input {
    width: auto;
  }
}

.js-print_size {
  display: none;
}

.attention {
  font-size: 14px;
}

.list_select {
  display: flex;
  justify-content: space-around;
  flex-wrap: wrap;
}
.list_select .-item {
  background-color: #efefef;
  padding: 25px 20px 25px;
  width: 30%;
  border: 5px solid #fff;
  cursor: pointer;
}
.list_select .-item h4 {
  font-weight: bold;
  font-size: 18px;
  margin: 0 0 15px;
}
.list_select .-item img {
  width: 100%;
  margin-bottom: 15px;
}
.list_select .-item p {
  font-size: 13px;
  margin-bottom: 0;
}
.list_select .-item.-active {
  border: 5px solid #00b9ff;
}
.list_select.-paper_color {
  padding: 0 15px;
}
.list_select.-paper_color > .-list_paper {
  justify-content: space-between;
  width: 100%;
  flex-wrap: wrap;
  display: flex;
  display: none;
}
.list_select.-paper_color > .-list_paper > .-item {
  width: 23%;
  margin-bottom: 35px;
  position: relative;
  background: transparent;
  padding: 0;
}
.list_select.-paper_color > .-list_paper > .-item > .-bg {
  width: 100%;
  min-height: 70px;
  background-size: cover;
}
.list_select.-paper_color > .-list_paper > .-item > .-name {
  text-align: right;
  font-size: 14px;
  position: absolute;
  bottom: -30px;
  right: 0;
}
.list_select.-paper_color > .-list_paper:before {
  content: "";
  display: block;
  width: 23%;
  order: 1;
}
.list_select.-paper_color > .-list_paper:after {
  content: "";
  display: block;
  width: 23%;
}
@media (max-width: 767px) {
  .list_select > .-item {
    width: 100%;
    margin-bottom: 15px;
  }
  .list_select.-paper_color {
    padding: 0;
  }
  .list_select.-paper_color > .-list_paper > .-item {
    width: 46%;
  }
}

#js-submit:disabled {
  pointer-events: auto;
  border-color: #ccc;
  background-color: #ccc;
  color: #fff;
}

#actiontray {
  position: fixed;
  bottom: 0;
  left: 0;
  width: 100%;
  border-top: 1px solid #ccc;
  background-color: #efefef;
  padding: 15px 0 10px;
  line-height: 1.4;
  z-index: 1;
}
#actiontray .wrap_alert {
  display: flex;
  align-items: center;
}
#actiontray .wrap_alert .alert {
  margin: 0;
  padding: 0;
}
#actiontray input.readonly {
  border: none;
  background-color: transparent;
  margin: 0 10px;
  text-align: right;
  font-weight: bold;
  font-size: 20px;
  width: 6em;
}
@media (max-width: 767px) {
  #actiontray {
    font-size: 14px;
  }
  #actiontray label {
    margin-bottom: 0;
  }
  #actiontray input.readonly {
    padding: 3px 6px;
    font-size: 16px;
    width: 5em;
    margin: 0 5px;
  }
}

.to_top {
  position: fixed;
  right: 60px;
  bottom: 30px;
  width: 120px;
}
@media (max-width: 767px) {
  .to_top {
    right: 20px;
    bottom: 20px;
    width: 50px;
  }
}

.article h3 {
  font-size: 1.7em;
  margin-bottom: 80px;
  text-align: center;
  font-weight: normal;
  line-height: 1.6;
}
.article p {
  line-height: 2.3;
}
.article h4 {
  font-size: 1.2em;
  margin: 2em 0 1em;
  font-weight: bold;
}
.article h4.title_num {
  position: relative;
  margin-bottom: 2em;
  font-size: 16px;
  font-weight: normal;
}
.article h4.title_num span.num {
  position: absolute;
  left: -90px;
  top: -8px;
  font-size: 30px;
}
@media (max-width: 767px) {
  .article h3 {
    font-size: 1.2em;
    margin-bottom: 50px;
  }
  .article h4.title_num {
    margin-bottom: 3em;
    padding-left: 30px;
  }
  .article h4.title_num span.num {
    left: 0;
    font-size: 24px;
    top: -5px;
  }
}

.page {
  min-height: 80vh;
}
.page h3 {
  font-size: 24px;
  margin-bottom: 30px;
}
.page .table {
  margin-bottom: 50px;
}
.page .table th {
  width: 10em;
}
.page .paper_color {
  height: 40px;
  width: 180px;
  background-repeat: no-repeat;
  background-size: cover;
}
.page .btn-group {
  display: flex;
  justify-content: center;
}
.page .btn-group .btn:not(:last-child) {
  margin-right: 20px;
}
@media (max-width: 767px) {
  .page {
    margin-top: 50px;
  }
  .page .table tr th, .page .table tr td {
    display: block;
    width: 100%;
  }
}

.ff_gothic, .footer, .gnav .nav_inner a, #menu-sp .wrap-menu a, .flow_order, .box_order > .-head.-amount, .box_order > .-head.-print, .wrap_category > .-box h4, .list_input, .list_select .-item, #actiontray {
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, sans-serif;
}

.u-mt5 {
  margin-top: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-mt5-sm {
    margin-top: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt5-md {
    margin-top: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt5-lg {
    margin-top: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt5-xl {
    margin-top: 5px !important;
  }
}
.u-mb5 {
  margin-bottom: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-mb5-sm {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb5-md {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb5-lg {
    margin-bottom: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb5-xl {
    margin-bottom: 5px !important;
  }
}
.u-mr5 {
  margin-right: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-mr5-sm {
    margin-right: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr5-md {
    margin-right: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr5-lg {
    margin-right: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr5-xl {
    margin-right: 5px !important;
  }
}
.u-ml5 {
  margin-left: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-ml5-sm {
    margin-left: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml5-md {
    margin-left: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml5-lg {
    margin-left: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml5-xl {
    margin-left: 5px !important;
  }
}
.u-pt5 {
  padding-top: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-pt5-sm {
    padding-top: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt5-md {
    padding-top: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt5-lg {
    padding-top: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt5-xl {
    padding-top: 5px !important;
  }
}
.u-pb5 {
  padding-bottom: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-pb5-sm {
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb5-md {
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb5-lg {
    padding-bottom: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb5-xl {
    padding-bottom: 5px !important;
  }
}
.u-pr5 {
  padding-right: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-pr5-sm {
    padding-right: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr5-md {
    padding-right: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr5-lg {
    padding-right: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr5-xl {
    padding-right: 5px !important;
  }
}
.u-pl5 {
  padding-left: 5px !important;
}

@media screen and (min-width: 450px) {
  .u-pl5-sm {
    padding-left: 5px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl5-md {
    padding-left: 5px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl5-lg {
    padding-left: 5px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl5-xl {
    padding-left: 5px !important;
  }
}
.u-mt10 {
  margin-top: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-mt10-sm {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt10-md {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt10-lg {
    margin-top: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt10-xl {
    margin-top: 10px !important;
  }
}
.u-mb10 {
  margin-bottom: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-mb10-sm {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb10-md {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb10-lg {
    margin-bottom: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb10-xl {
    margin-bottom: 10px !important;
  }
}
.u-mr10 {
  margin-right: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-mr10-sm {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr10-md {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr10-lg {
    margin-right: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr10-xl {
    margin-right: 10px !important;
  }
}
.u-ml10 {
  margin-left: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-ml10-sm {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml10-md {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml10-lg {
    margin-left: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml10-xl {
    margin-left: 10px !important;
  }
}
.u-pt10 {
  padding-top: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-pt10-sm {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt10-md {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt10-lg {
    padding-top: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt10-xl {
    padding-top: 10px !important;
  }
}
.u-pb10 {
  padding-bottom: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-pb10-sm {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb10-md {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb10-lg {
    padding-bottom: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb10-xl {
    padding-bottom: 10px !important;
  }
}
.u-pr10 {
  padding-right: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-pr10-sm {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr10-md {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr10-lg {
    padding-right: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr10-xl {
    padding-right: 10px !important;
  }
}
.u-pl10 {
  padding-left: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-pl10-sm {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl10-md {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl10-lg {
    padding-left: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl10-xl {
    padding-left: 10px !important;
  }
}
.u-mt15 {
  margin-top: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-mt15-sm {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt15-md {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt15-lg {
    margin-top: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt15-xl {
    margin-top: 15px !important;
  }
}
.u-mb15 {
  margin-bottom: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-mb15-sm {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb15-md {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb15-lg {
    margin-bottom: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb15-xl {
    margin-bottom: 15px !important;
  }
}
.u-mr15 {
  margin-right: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-mr15-sm {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr15-md {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr15-lg {
    margin-right: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr15-xl {
    margin-right: 15px !important;
  }
}
.u-ml15 {
  margin-left: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-ml15-sm {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml15-md {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml15-lg {
    margin-left: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml15-xl {
    margin-left: 15px !important;
  }
}
.u-pt15 {
  padding-top: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-pt15-sm {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt15-md {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt15-lg {
    padding-top: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt15-xl {
    padding-top: 15px !important;
  }
}
.u-pb15 {
  padding-bottom: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-pb15-sm {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb15-md {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb15-lg {
    padding-bottom: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb15-xl {
    padding-bottom: 15px !important;
  }
}
.u-pr15 {
  padding-right: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-pr15-sm {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr15-md {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr15-lg {
    padding-right: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr15-xl {
    padding-right: 15px !important;
  }
}
.u-pl15 {
  padding-left: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-pl15-sm {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl15-md {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl15-lg {
    padding-left: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl15-xl {
    padding-left: 15px !important;
  }
}
.u-mt20 {
  margin-top: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-mt20-sm {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt20-md {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt20-lg {
    margin-top: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt20-xl {
    margin-top: 20px !important;
  }
}
.u-mb20 {
  margin-bottom: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-mb20-sm {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb20-md {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb20-lg {
    margin-bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb20-xl {
    margin-bottom: 20px !important;
  }
}
.u-mr20 {
  margin-right: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-mr20-sm {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr20-md {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr20-lg {
    margin-right: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr20-xl {
    margin-right: 20px !important;
  }
}
.u-ml20 {
  margin-left: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-ml20-sm {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml20-md {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml20-lg {
    margin-left: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml20-xl {
    margin-left: 20px !important;
  }
}
.u-pt20 {
  padding-top: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-pt20-sm {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt20-md {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt20-lg {
    padding-top: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt20-xl {
    padding-top: 20px !important;
  }
}
.u-pb20 {
  padding-bottom: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-pb20-sm {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb20-md {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb20-lg {
    padding-bottom: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb20-xl {
    padding-bottom: 20px !important;
  }
}
.u-pr20 {
  padding-right: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-pr20-sm {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr20-md {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr20-lg {
    padding-right: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr20-xl {
    padding-right: 20px !important;
  }
}
.u-pl20 {
  padding-left: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-pl20-sm {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl20-md {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl20-lg {
    padding-left: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl20-xl {
    padding-left: 20px !important;
  }
}
.u-mt25 {
  margin-top: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-mt25-sm {
    margin-top: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt25-md {
    margin-top: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt25-lg {
    margin-top: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt25-xl {
    margin-top: 25px !important;
  }
}
.u-mb25 {
  margin-bottom: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-mb25-sm {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb25-md {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb25-lg {
    margin-bottom: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb25-xl {
    margin-bottom: 25px !important;
  }
}
.u-mr25 {
  margin-right: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-mr25-sm {
    margin-right: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr25-md {
    margin-right: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr25-lg {
    margin-right: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr25-xl {
    margin-right: 25px !important;
  }
}
.u-ml25 {
  margin-left: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-ml25-sm {
    margin-left: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml25-md {
    margin-left: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml25-lg {
    margin-left: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml25-xl {
    margin-left: 25px !important;
  }
}
.u-pt25 {
  padding-top: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-pt25-sm {
    padding-top: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt25-md {
    padding-top: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt25-lg {
    padding-top: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt25-xl {
    padding-top: 25px !important;
  }
}
.u-pb25 {
  padding-bottom: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-pb25-sm {
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb25-md {
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb25-lg {
    padding-bottom: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb25-xl {
    padding-bottom: 25px !important;
  }
}
.u-pr25 {
  padding-right: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-pr25-sm {
    padding-right: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr25-md {
    padding-right: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr25-lg {
    padding-right: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr25-xl {
    padding-right: 25px !important;
  }
}
.u-pl25 {
  padding-left: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-pl25-sm {
    padding-left: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl25-md {
    padding-left: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl25-lg {
    padding-left: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl25-xl {
    padding-left: 25px !important;
  }
}
.u-mt30 {
  margin-top: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-mt30-sm {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt30-md {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt30-lg {
    margin-top: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt30-xl {
    margin-top: 30px !important;
  }
}
.u-mb30 {
  margin-bottom: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-mb30-sm {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb30-md {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb30-lg {
    margin-bottom: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb30-xl {
    margin-bottom: 30px !important;
  }
}
.u-mr30 {
  margin-right: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-mr30-sm {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr30-md {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr30-lg {
    margin-right: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr30-xl {
    margin-right: 30px !important;
  }
}
.u-ml30 {
  margin-left: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-ml30-sm {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml30-md {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml30-lg {
    margin-left: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml30-xl {
    margin-left: 30px !important;
  }
}
.u-pt30 {
  padding-top: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-pt30-sm {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt30-md {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt30-lg {
    padding-top: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt30-xl {
    padding-top: 30px !important;
  }
}
.u-pb30 {
  padding-bottom: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-pb30-sm {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb30-md {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb30-lg {
    padding-bottom: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb30-xl {
    padding-bottom: 30px !important;
  }
}
.u-pr30 {
  padding-right: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-pr30-sm {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr30-md {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr30-lg {
    padding-right: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr30-xl {
    padding-right: 30px !important;
  }
}
.u-pl30 {
  padding-left: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-pl30-sm {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl30-md {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl30-lg {
    padding-left: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl30-xl {
    padding-left: 30px !important;
  }
}
.u-mt35 {
  margin-top: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-mt35-sm {
    margin-top: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt35-md {
    margin-top: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt35-lg {
    margin-top: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt35-xl {
    margin-top: 35px !important;
  }
}
.u-mb35 {
  margin-bottom: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-mb35-sm {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb35-md {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb35-lg {
    margin-bottom: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb35-xl {
    margin-bottom: 35px !important;
  }
}
.u-mr35 {
  margin-right: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-mr35-sm {
    margin-right: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr35-md {
    margin-right: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr35-lg {
    margin-right: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr35-xl {
    margin-right: 35px !important;
  }
}
.u-ml35 {
  margin-left: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-ml35-sm {
    margin-left: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml35-md {
    margin-left: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml35-lg {
    margin-left: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml35-xl {
    margin-left: 35px !important;
  }
}
.u-pt35 {
  padding-top: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-pt35-sm {
    padding-top: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt35-md {
    padding-top: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt35-lg {
    padding-top: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt35-xl {
    padding-top: 35px !important;
  }
}
.u-pb35 {
  padding-bottom: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-pb35-sm {
    padding-bottom: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb35-md {
    padding-bottom: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb35-lg {
    padding-bottom: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb35-xl {
    padding-bottom: 35px !important;
  }
}
.u-pr35 {
  padding-right: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-pr35-sm {
    padding-right: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr35-md {
    padding-right: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr35-lg {
    padding-right: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr35-xl {
    padding-right: 35px !important;
  }
}
.u-pl35 {
  padding-left: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-pl35-sm {
    padding-left: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl35-md {
    padding-left: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl35-lg {
    padding-left: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl35-xl {
    padding-left: 35px !important;
  }
}
.u-mt40 {
  margin-top: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-mt40-sm {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt40-md {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt40-lg {
    margin-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt40-xl {
    margin-top: 40px !important;
  }
}
.u-mb40 {
  margin-bottom: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-mb40-sm {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb40-md {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb40-lg {
    margin-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb40-xl {
    margin-bottom: 40px !important;
  }
}
.u-mr40 {
  margin-right: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-mr40-sm {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr40-md {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr40-lg {
    margin-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr40-xl {
    margin-right: 40px !important;
  }
}
.u-ml40 {
  margin-left: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-ml40-sm {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml40-md {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml40-lg {
    margin-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml40-xl {
    margin-left: 40px !important;
  }
}
.u-pt40 {
  padding-top: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-pt40-sm {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt40-md {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt40-lg {
    padding-top: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt40-xl {
    padding-top: 40px !important;
  }
}
.u-pb40 {
  padding-bottom: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-pb40-sm {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb40-md {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb40-lg {
    padding-bottom: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb40-xl {
    padding-bottom: 40px !important;
  }
}
.u-pr40 {
  padding-right: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-pr40-sm {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr40-md {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr40-lg {
    padding-right: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr40-xl {
    padding-right: 40px !important;
  }
}
.u-pl40 {
  padding-left: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-pl40-sm {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl40-md {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl40-lg {
    padding-left: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl40-xl {
    padding-left: 40px !important;
  }
}
.u-mt45 {
  margin-top: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-mt45-sm {
    margin-top: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt45-md {
    margin-top: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt45-lg {
    margin-top: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt45-xl {
    margin-top: 45px !important;
  }
}
.u-mb45 {
  margin-bottom: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-mb45-sm {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb45-md {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb45-lg {
    margin-bottom: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb45-xl {
    margin-bottom: 45px !important;
  }
}
.u-mr45 {
  margin-right: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-mr45-sm {
    margin-right: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr45-md {
    margin-right: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr45-lg {
    margin-right: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr45-xl {
    margin-right: 45px !important;
  }
}
.u-ml45 {
  margin-left: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-ml45-sm {
    margin-left: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml45-md {
    margin-left: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml45-lg {
    margin-left: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml45-xl {
    margin-left: 45px !important;
  }
}
.u-pt45 {
  padding-top: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-pt45-sm {
    padding-top: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt45-md {
    padding-top: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt45-lg {
    padding-top: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt45-xl {
    padding-top: 45px !important;
  }
}
.u-pb45 {
  padding-bottom: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-pb45-sm {
    padding-bottom: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb45-md {
    padding-bottom: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb45-lg {
    padding-bottom: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb45-xl {
    padding-bottom: 45px !important;
  }
}
.u-pr45 {
  padding-right: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-pr45-sm {
    padding-right: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr45-md {
    padding-right: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr45-lg {
    padding-right: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr45-xl {
    padding-right: 45px !important;
  }
}
.u-pl45 {
  padding-left: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-pl45-sm {
    padding-left: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl45-md {
    padding-left: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl45-lg {
    padding-left: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl45-xl {
    padding-left: 45px !important;
  }
}
.u-mt50 {
  margin-top: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-mt50-sm {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt50-md {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt50-lg {
    margin-top: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt50-xl {
    margin-top: 50px !important;
  }
}
.u-mb50 {
  margin-bottom: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-mb50-sm {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb50-md {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb50-lg {
    margin-bottom: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb50-xl {
    margin-bottom: 50px !important;
  }
}
.u-mr50 {
  margin-right: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-mr50-sm {
    margin-right: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr50-md {
    margin-right: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr50-lg {
    margin-right: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr50-xl {
    margin-right: 50px !important;
  }
}
.u-ml50 {
  margin-left: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-ml50-sm {
    margin-left: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml50-md {
    margin-left: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml50-lg {
    margin-left: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml50-xl {
    margin-left: 50px !important;
  }
}
.u-pt50 {
  padding-top: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-pt50-sm {
    padding-top: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt50-md {
    padding-top: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt50-lg {
    padding-top: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt50-xl {
    padding-top: 50px !important;
  }
}
.u-pb50 {
  padding-bottom: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-pb50-sm {
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb50-md {
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb50-lg {
    padding-bottom: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb50-xl {
    padding-bottom: 50px !important;
  }
}
.u-pr50 {
  padding-right: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-pr50-sm {
    padding-right: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr50-md {
    padding-right: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr50-lg {
    padding-right: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr50-xl {
    padding-right: 50px !important;
  }
}
.u-pl50 {
  padding-left: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-pl50-sm {
    padding-left: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl50-md {
    padding-left: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl50-lg {
    padding-left: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl50-xl {
    padding-left: 50px !important;
  }
}
.u-mt55 {
  margin-top: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-mt55-sm {
    margin-top: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt55-md {
    margin-top: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt55-lg {
    margin-top: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt55-xl {
    margin-top: 55px !important;
  }
}
.u-mb55 {
  margin-bottom: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-mb55-sm {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb55-md {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb55-lg {
    margin-bottom: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb55-xl {
    margin-bottom: 55px !important;
  }
}
.u-mr55 {
  margin-right: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-mr55-sm {
    margin-right: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr55-md {
    margin-right: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr55-lg {
    margin-right: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr55-xl {
    margin-right: 55px !important;
  }
}
.u-ml55 {
  margin-left: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-ml55-sm {
    margin-left: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml55-md {
    margin-left: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml55-lg {
    margin-left: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml55-xl {
    margin-left: 55px !important;
  }
}
.u-pt55 {
  padding-top: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-pt55-sm {
    padding-top: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt55-md {
    padding-top: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt55-lg {
    padding-top: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt55-xl {
    padding-top: 55px !important;
  }
}
.u-pb55 {
  padding-bottom: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-pb55-sm {
    padding-bottom: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb55-md {
    padding-bottom: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb55-lg {
    padding-bottom: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb55-xl {
    padding-bottom: 55px !important;
  }
}
.u-pr55 {
  padding-right: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-pr55-sm {
    padding-right: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr55-md {
    padding-right: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr55-lg {
    padding-right: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr55-xl {
    padding-right: 55px !important;
  }
}
.u-pl55 {
  padding-left: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-pl55-sm {
    padding-left: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl55-md {
    padding-left: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl55-lg {
    padding-left: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl55-xl {
    padding-left: 55px !important;
  }
}
.u-mt60 {
  margin-top: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-mt60-sm {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt60-md {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt60-lg {
    margin-top: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt60-xl {
    margin-top: 60px !important;
  }
}
.u-mb60 {
  margin-bottom: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-mb60-sm {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb60-md {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb60-lg {
    margin-bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb60-xl {
    margin-bottom: 60px !important;
  }
}
.u-mr60 {
  margin-right: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-mr60-sm {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr60-md {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr60-lg {
    margin-right: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr60-xl {
    margin-right: 60px !important;
  }
}
.u-ml60 {
  margin-left: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-ml60-sm {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml60-md {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml60-lg {
    margin-left: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml60-xl {
    margin-left: 60px !important;
  }
}
.u-pt60 {
  padding-top: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-pt60-sm {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt60-md {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt60-lg {
    padding-top: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt60-xl {
    padding-top: 60px !important;
  }
}
.u-pb60 {
  padding-bottom: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-pb60-sm {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb60-md {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb60-lg {
    padding-bottom: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb60-xl {
    padding-bottom: 60px !important;
  }
}
.u-pr60 {
  padding-right: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-pr60-sm {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr60-md {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr60-lg {
    padding-right: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr60-xl {
    padding-right: 60px !important;
  }
}
.u-pl60 {
  padding-left: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-pl60-sm {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl60-md {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl60-lg {
    padding-left: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl60-xl {
    padding-left: 60px !important;
  }
}
.u-mt65 {
  margin-top: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-mt65-sm {
    margin-top: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt65-md {
    margin-top: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt65-lg {
    margin-top: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt65-xl {
    margin-top: 65px !important;
  }
}
.u-mb65 {
  margin-bottom: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-mb65-sm {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb65-md {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb65-lg {
    margin-bottom: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb65-xl {
    margin-bottom: 65px !important;
  }
}
.u-mr65 {
  margin-right: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-mr65-sm {
    margin-right: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr65-md {
    margin-right: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr65-lg {
    margin-right: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr65-xl {
    margin-right: 65px !important;
  }
}
.u-ml65 {
  margin-left: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-ml65-sm {
    margin-left: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml65-md {
    margin-left: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml65-lg {
    margin-left: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml65-xl {
    margin-left: 65px !important;
  }
}
.u-pt65 {
  padding-top: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-pt65-sm {
    padding-top: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt65-md {
    padding-top: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt65-lg {
    padding-top: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt65-xl {
    padding-top: 65px !important;
  }
}
.u-pb65 {
  padding-bottom: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-pb65-sm {
    padding-bottom: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb65-md {
    padding-bottom: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb65-lg {
    padding-bottom: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb65-xl {
    padding-bottom: 65px !important;
  }
}
.u-pr65 {
  padding-right: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-pr65-sm {
    padding-right: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr65-md {
    padding-right: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr65-lg {
    padding-right: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr65-xl {
    padding-right: 65px !important;
  }
}
.u-pl65 {
  padding-left: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-pl65-sm {
    padding-left: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl65-md {
    padding-left: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl65-lg {
    padding-left: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl65-xl {
    padding-left: 65px !important;
  }
}
.u-mt70 {
  margin-top: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-mt70-sm {
    margin-top: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt70-md {
    margin-top: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt70-lg {
    margin-top: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt70-xl {
    margin-top: 70px !important;
  }
}
.u-mb70 {
  margin-bottom: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-mb70-sm {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb70-md {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb70-lg {
    margin-bottom: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb70-xl {
    margin-bottom: 70px !important;
  }
}
.u-mr70 {
  margin-right: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-mr70-sm {
    margin-right: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr70-md {
    margin-right: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr70-lg {
    margin-right: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr70-xl {
    margin-right: 70px !important;
  }
}
.u-ml70 {
  margin-left: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-ml70-sm {
    margin-left: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml70-md {
    margin-left: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml70-lg {
    margin-left: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml70-xl {
    margin-left: 70px !important;
  }
}
.u-pt70 {
  padding-top: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-pt70-sm {
    padding-top: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt70-md {
    padding-top: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt70-lg {
    padding-top: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt70-xl {
    padding-top: 70px !important;
  }
}
.u-pb70 {
  padding-bottom: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-pb70-sm {
    padding-bottom: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb70-md {
    padding-bottom: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb70-lg {
    padding-bottom: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb70-xl {
    padding-bottom: 70px !important;
  }
}
.u-pr70 {
  padding-right: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-pr70-sm {
    padding-right: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr70-md {
    padding-right: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr70-lg {
    padding-right: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr70-xl {
    padding-right: 70px !important;
  }
}
.u-pl70 {
  padding-left: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-pl70-sm {
    padding-left: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl70-md {
    padding-left: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl70-lg {
    padding-left: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl70-xl {
    padding-left: 70px !important;
  }
}
.u-mt75 {
  margin-top: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-mt75-sm {
    margin-top: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt75-md {
    margin-top: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt75-lg {
    margin-top: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt75-xl {
    margin-top: 75px !important;
  }
}
.u-mb75 {
  margin-bottom: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-mb75-sm {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb75-md {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb75-lg {
    margin-bottom: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb75-xl {
    margin-bottom: 75px !important;
  }
}
.u-mr75 {
  margin-right: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-mr75-sm {
    margin-right: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr75-md {
    margin-right: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr75-lg {
    margin-right: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr75-xl {
    margin-right: 75px !important;
  }
}
.u-ml75 {
  margin-left: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-ml75-sm {
    margin-left: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml75-md {
    margin-left: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml75-lg {
    margin-left: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml75-xl {
    margin-left: 75px !important;
  }
}
.u-pt75 {
  padding-top: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-pt75-sm {
    padding-top: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt75-md {
    padding-top: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt75-lg {
    padding-top: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt75-xl {
    padding-top: 75px !important;
  }
}
.u-pb75 {
  padding-bottom: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-pb75-sm {
    padding-bottom: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb75-md {
    padding-bottom: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb75-lg {
    padding-bottom: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb75-xl {
    padding-bottom: 75px !important;
  }
}
.u-pr75 {
  padding-right: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-pr75-sm {
    padding-right: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr75-md {
    padding-right: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr75-lg {
    padding-right: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr75-xl {
    padding-right: 75px !important;
  }
}
.u-pl75 {
  padding-left: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-pl75-sm {
    padding-left: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl75-md {
    padding-left: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl75-lg {
    padding-left: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl75-xl {
    padding-left: 75px !important;
  }
}
.u-mt80 {
  margin-top: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-mt80-sm {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt80-md {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt80-lg {
    margin-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt80-xl {
    margin-top: 80px !important;
  }
}
.u-mb80 {
  margin-bottom: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-mb80-sm {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb80-md {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb80-lg {
    margin-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb80-xl {
    margin-bottom: 80px !important;
  }
}
.u-mr80 {
  margin-right: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-mr80-sm {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr80-md {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr80-lg {
    margin-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr80-xl {
    margin-right: 80px !important;
  }
}
.u-ml80 {
  margin-left: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-ml80-sm {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml80-md {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml80-lg {
    margin-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml80-xl {
    margin-left: 80px !important;
  }
}
.u-pt80 {
  padding-top: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-pt80-sm {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt80-md {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt80-lg {
    padding-top: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt80-xl {
    padding-top: 80px !important;
  }
}
.u-pb80 {
  padding-bottom: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-pb80-sm {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb80-md {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb80-lg {
    padding-bottom: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb80-xl {
    padding-bottom: 80px !important;
  }
}
.u-pr80 {
  padding-right: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-pr80-sm {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr80-md {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr80-lg {
    padding-right: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr80-xl {
    padding-right: 80px !important;
  }
}
.u-pl80 {
  padding-left: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-pl80-sm {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl80-md {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl80-lg {
    padding-left: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl80-xl {
    padding-left: 80px !important;
  }
}
.u-mt85 {
  margin-top: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-mt85-sm {
    margin-top: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt85-md {
    margin-top: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt85-lg {
    margin-top: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt85-xl {
    margin-top: 85px !important;
  }
}
.u-mb85 {
  margin-bottom: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-mb85-sm {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb85-md {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb85-lg {
    margin-bottom: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb85-xl {
    margin-bottom: 85px !important;
  }
}
.u-mr85 {
  margin-right: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-mr85-sm {
    margin-right: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr85-md {
    margin-right: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr85-lg {
    margin-right: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr85-xl {
    margin-right: 85px !important;
  }
}
.u-ml85 {
  margin-left: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-ml85-sm {
    margin-left: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml85-md {
    margin-left: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml85-lg {
    margin-left: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml85-xl {
    margin-left: 85px !important;
  }
}
.u-pt85 {
  padding-top: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-pt85-sm {
    padding-top: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt85-md {
    padding-top: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt85-lg {
    padding-top: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt85-xl {
    padding-top: 85px !important;
  }
}
.u-pb85 {
  padding-bottom: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-pb85-sm {
    padding-bottom: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb85-md {
    padding-bottom: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb85-lg {
    padding-bottom: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb85-xl {
    padding-bottom: 85px !important;
  }
}
.u-pr85 {
  padding-right: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-pr85-sm {
    padding-right: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr85-md {
    padding-right: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr85-lg {
    padding-right: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr85-xl {
    padding-right: 85px !important;
  }
}
.u-pl85 {
  padding-left: 85px !important;
}

@media screen and (min-width: 450px) {
  .u-pl85-sm {
    padding-left: 85px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl85-md {
    padding-left: 85px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl85-lg {
    padding-left: 85px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl85-xl {
    padding-left: 85px !important;
  }
}
.u-mt90 {
  margin-top: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-mt90-sm {
    margin-top: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt90-md {
    margin-top: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt90-lg {
    margin-top: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt90-xl {
    margin-top: 90px !important;
  }
}
.u-mb90 {
  margin-bottom: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-mb90-sm {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb90-md {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb90-lg {
    margin-bottom: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb90-xl {
    margin-bottom: 90px !important;
  }
}
.u-mr90 {
  margin-right: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-mr90-sm {
    margin-right: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr90-md {
    margin-right: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr90-lg {
    margin-right: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr90-xl {
    margin-right: 90px !important;
  }
}
.u-ml90 {
  margin-left: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-ml90-sm {
    margin-left: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml90-md {
    margin-left: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml90-lg {
    margin-left: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml90-xl {
    margin-left: 90px !important;
  }
}
.u-pt90 {
  padding-top: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-pt90-sm {
    padding-top: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt90-md {
    padding-top: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt90-lg {
    padding-top: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt90-xl {
    padding-top: 90px !important;
  }
}
.u-pb90 {
  padding-bottom: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-pb90-sm {
    padding-bottom: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb90-md {
    padding-bottom: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb90-lg {
    padding-bottom: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb90-xl {
    padding-bottom: 90px !important;
  }
}
.u-pr90 {
  padding-right: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-pr90-sm {
    padding-right: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr90-md {
    padding-right: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr90-lg {
    padding-right: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr90-xl {
    padding-right: 90px !important;
  }
}
.u-pl90 {
  padding-left: 90px !important;
}

@media screen and (min-width: 450px) {
  .u-pl90-sm {
    padding-left: 90px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl90-md {
    padding-left: 90px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl90-lg {
    padding-left: 90px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl90-xl {
    padding-left: 90px !important;
  }
}
.u-mt95 {
  margin-top: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-mt95-sm {
    margin-top: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt95-md {
    margin-top: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt95-lg {
    margin-top: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt95-xl {
    margin-top: 95px !important;
  }
}
.u-mb95 {
  margin-bottom: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-mb95-sm {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb95-md {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb95-lg {
    margin-bottom: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb95-xl {
    margin-bottom: 95px !important;
  }
}
.u-mr95 {
  margin-right: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-mr95-sm {
    margin-right: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr95-md {
    margin-right: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr95-lg {
    margin-right: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr95-xl {
    margin-right: 95px !important;
  }
}
.u-ml95 {
  margin-left: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-ml95-sm {
    margin-left: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml95-md {
    margin-left: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml95-lg {
    margin-left: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml95-xl {
    margin-left: 95px !important;
  }
}
.u-pt95 {
  padding-top: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-pt95-sm {
    padding-top: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt95-md {
    padding-top: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt95-lg {
    padding-top: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt95-xl {
    padding-top: 95px !important;
  }
}
.u-pb95 {
  padding-bottom: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-pb95-sm {
    padding-bottom: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb95-md {
    padding-bottom: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb95-lg {
    padding-bottom: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb95-xl {
    padding-bottom: 95px !important;
  }
}
.u-pr95 {
  padding-right: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-pr95-sm {
    padding-right: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr95-md {
    padding-right: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr95-lg {
    padding-right: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr95-xl {
    padding-right: 95px !important;
  }
}
.u-pl95 {
  padding-left: 95px !important;
}

@media screen and (min-width: 450px) {
  .u-pl95-sm {
    padding-left: 95px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl95-md {
    padding-left: 95px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl95-lg {
    padding-left: 95px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl95-xl {
    padding-left: 95px !important;
  }
}
.u-mt100 {
  margin-top: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-mt100-sm {
    margin-top: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mt100-md {
    margin-top: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mt100-lg {
    margin-top: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mt100-xl {
    margin-top: 100px !important;
  }
}
.u-mb100 {
  margin-bottom: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-mb100-sm {
    margin-bottom: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mb100-md {
    margin-bottom: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mb100-lg {
    margin-bottom: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mb100-xl {
    margin-bottom: 100px !important;
  }
}
.u-mr100 {
  margin-right: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-mr100-sm {
    margin-right: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-mr100-md {
    margin-right: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-mr100-lg {
    margin-right: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-mr100-xl {
    margin-right: 100px !important;
  }
}
.u-ml100 {
  margin-left: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-ml100-sm {
    margin-left: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-ml100-md {
    margin-left: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-ml100-lg {
    margin-left: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-ml100-xl {
    margin-left: 100px !important;
  }
}
.u-pt100 {
  padding-top: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-pt100-sm {
    padding-top: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pt100-md {
    padding-top: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pt100-lg {
    padding-top: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pt100-xl {
    padding-top: 100px !important;
  }
}
.u-pb100 {
  padding-bottom: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-pb100-sm {
    padding-bottom: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pb100-md {
    padding-bottom: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pb100-lg {
    padding-bottom: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pb100-xl {
    padding-bottom: 100px !important;
  }
}
.u-pr100 {
  padding-right: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-pr100-sm {
    padding-right: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pr100-md {
    padding-right: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pr100-lg {
    padding-right: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pr100-xl {
    padding-right: 100px !important;
  }
}
.u-pl100 {
  padding-left: 100px !important;
}

@media screen and (min-width: 450px) {
  .u-pl100-sm {
    padding-left: 100px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-pl100-md {
    padding-left: 100px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-pl100-lg {
    padding-left: 100px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-pl100-xl {
    padding-left: 100px !important;
  }
}
.u-fs8 {
  font-size: 8px !important;
}

@media screen and (min-width: 450px) {
  .u-fs8-sm {
    font-size: 8px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs8-md {
    font-size: 8px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs8-lg {
    font-size: 8px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs8-xl {
    font-size: 8px !important;
  }
}
.u-fs9 {
  font-size: 9px !important;
}

@media screen and (min-width: 450px) {
  .u-fs9-sm {
    font-size: 9px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs9-md {
    font-size: 9px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs9-lg {
    font-size: 9px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs9-xl {
    font-size: 9px !important;
  }
}
.u-fs10 {
  font-size: 10px !important;
}

@media screen and (min-width: 450px) {
  .u-fs10-sm {
    font-size: 10px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs10-md {
    font-size: 10px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs10-lg {
    font-size: 10px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs10-xl {
    font-size: 10px !important;
  }
}
.u-fs11 {
  font-size: 11px !important;
}

@media screen and (min-width: 450px) {
  .u-fs11-sm {
    font-size: 11px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs11-md {
    font-size: 11px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs11-lg {
    font-size: 11px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs11-xl {
    font-size: 11px !important;
  }
}
.u-fs12 {
  font-size: 12px !important;
}

@media screen and (min-width: 450px) {
  .u-fs12-sm {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs12-md {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs12-lg {
    font-size: 12px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs12-xl {
    font-size: 12px !important;
  }
}
.u-fs13 {
  font-size: 13px !important;
}

@media screen and (min-width: 450px) {
  .u-fs13-sm {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs13-md {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs13-lg {
    font-size: 13px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs13-xl {
    font-size: 13px !important;
  }
}
.u-fs14 {
  font-size: 14px !important;
}

@media screen and (min-width: 450px) {
  .u-fs14-sm {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs14-md {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs14-lg {
    font-size: 14px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs14-xl {
    font-size: 14px !important;
  }
}
.u-fs15 {
  font-size: 15px !important;
}

@media screen and (min-width: 450px) {
  .u-fs15-sm {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs15-md {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs15-lg {
    font-size: 15px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs15-xl {
    font-size: 15px !important;
  }
}
.u-fs16 {
  font-size: 16px !important;
}

@media screen and (min-width: 450px) {
  .u-fs16-sm {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs16-md {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs16-lg {
    font-size: 16px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs16-xl {
    font-size: 16px !important;
  }
}
.u-fs17 {
  font-size: 17px !important;
}

@media screen and (min-width: 450px) {
  .u-fs17-sm {
    font-size: 17px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs17-md {
    font-size: 17px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs17-lg {
    font-size: 17px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs17-xl {
    font-size: 17px !important;
  }
}
.u-fs18 {
  font-size: 18px !important;
}

@media screen and (min-width: 450px) {
  .u-fs18-sm {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs18-md {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs18-lg {
    font-size: 18px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs18-xl {
    font-size: 18px !important;
  }
}
.u-fs19 {
  font-size: 19px !important;
}

@media screen and (min-width: 450px) {
  .u-fs19-sm {
    font-size: 19px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs19-md {
    font-size: 19px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs19-lg {
    font-size: 19px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs19-xl {
    font-size: 19px !important;
  }
}
.u-fs20 {
  font-size: 20px !important;
}

@media screen and (min-width: 450px) {
  .u-fs20-sm {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs20-md {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs20-lg {
    font-size: 20px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs20-xl {
    font-size: 20px !important;
  }
}
.u-fs21 {
  font-size: 21px !important;
}

@media screen and (min-width: 450px) {
  .u-fs21-sm {
    font-size: 21px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs21-md {
    font-size: 21px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs21-lg {
    font-size: 21px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs21-xl {
    font-size: 21px !important;
  }
}
.u-fs22 {
  font-size: 22px !important;
}

@media screen and (min-width: 450px) {
  .u-fs22-sm {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs22-md {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs22-lg {
    font-size: 22px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs22-xl {
    font-size: 22px !important;
  }
}
.u-fs23 {
  font-size: 23px !important;
}

@media screen and (min-width: 450px) {
  .u-fs23-sm {
    font-size: 23px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs23-md {
    font-size: 23px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs23-lg {
    font-size: 23px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs23-xl {
    font-size: 23px !important;
  }
}
.u-fs24 {
  font-size: 24px !important;
}

@media screen and (min-width: 450px) {
  .u-fs24-sm {
    font-size: 24px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs24-md {
    font-size: 24px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs24-lg {
    font-size: 24px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs24-xl {
    font-size: 24px !important;
  }
}
.u-fs25 {
  font-size: 25px !important;
}

@media screen and (min-width: 450px) {
  .u-fs25-sm {
    font-size: 25px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs25-md {
    font-size: 25px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs25-lg {
    font-size: 25px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs25-xl {
    font-size: 25px !important;
  }
}
.u-fs26 {
  font-size: 26px !important;
}

@media screen and (min-width: 450px) {
  .u-fs26-sm {
    font-size: 26px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs26-md {
    font-size: 26px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs26-lg {
    font-size: 26px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs26-xl {
    font-size: 26px !important;
  }
}
.u-fs27 {
  font-size: 27px !important;
}

@media screen and (min-width: 450px) {
  .u-fs27-sm {
    font-size: 27px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs27-md {
    font-size: 27px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs27-lg {
    font-size: 27px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs27-xl {
    font-size: 27px !important;
  }
}
.u-fs28 {
  font-size: 28px !important;
}

@media screen and (min-width: 450px) {
  .u-fs28-sm {
    font-size: 28px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs28-md {
    font-size: 28px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs28-lg {
    font-size: 28px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs28-xl {
    font-size: 28px !important;
  }
}
.u-fs29 {
  font-size: 29px !important;
}

@media screen and (min-width: 450px) {
  .u-fs29-sm {
    font-size: 29px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs29-md {
    font-size: 29px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs29-lg {
    font-size: 29px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs29-xl {
    font-size: 29px !important;
  }
}
.u-fs30 {
  font-size: 30px !important;
}

@media screen and (min-width: 450px) {
  .u-fs30-sm {
    font-size: 30px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs30-md {
    font-size: 30px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs30-lg {
    font-size: 30px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs30-xl {
    font-size: 30px !important;
  }
}
.u-fs31 {
  font-size: 31px !important;
}

@media screen and (min-width: 450px) {
  .u-fs31-sm {
    font-size: 31px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs31-md {
    font-size: 31px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs31-lg {
    font-size: 31px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs31-xl {
    font-size: 31px !important;
  }
}
.u-fs32 {
  font-size: 32px !important;
}

@media screen and (min-width: 450px) {
  .u-fs32-sm {
    font-size: 32px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs32-md {
    font-size: 32px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs32-lg {
    font-size: 32px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs32-xl {
    font-size: 32px !important;
  }
}
.u-fs33 {
  font-size: 33px !important;
}

@media screen and (min-width: 450px) {
  .u-fs33-sm {
    font-size: 33px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs33-md {
    font-size: 33px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs33-lg {
    font-size: 33px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs33-xl {
    font-size: 33px !important;
  }
}
.u-fs34 {
  font-size: 34px !important;
}

@media screen and (min-width: 450px) {
  .u-fs34-sm {
    font-size: 34px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs34-md {
    font-size: 34px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs34-lg {
    font-size: 34px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs34-xl {
    font-size: 34px !important;
  }
}
.u-fs35 {
  font-size: 35px !important;
}

@media screen and (min-width: 450px) {
  .u-fs35-sm {
    font-size: 35px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs35-md {
    font-size: 35px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs35-lg {
    font-size: 35px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs35-xl {
    font-size: 35px !important;
  }
}
.u-fs36 {
  font-size: 36px !important;
}

@media screen and (min-width: 450px) {
  .u-fs36-sm {
    font-size: 36px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs36-md {
    font-size: 36px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs36-lg {
    font-size: 36px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs36-xl {
    font-size: 36px !important;
  }
}
.u-fs37 {
  font-size: 37px !important;
}

@media screen and (min-width: 450px) {
  .u-fs37-sm {
    font-size: 37px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs37-md {
    font-size: 37px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs37-lg {
    font-size: 37px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs37-xl {
    font-size: 37px !important;
  }
}
.u-fs38 {
  font-size: 38px !important;
}

@media screen and (min-width: 450px) {
  .u-fs38-sm {
    font-size: 38px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs38-md {
    font-size: 38px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs38-lg {
    font-size: 38px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs38-xl {
    font-size: 38px !important;
  }
}
.u-fs39 {
  font-size: 39px !important;
}

@media screen and (min-width: 450px) {
  .u-fs39-sm {
    font-size: 39px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs39-md {
    font-size: 39px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs39-lg {
    font-size: 39px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs39-xl {
    font-size: 39px !important;
  }
}
.u-fs40 {
  font-size: 40px !important;
}

@media screen and (min-width: 450px) {
  .u-fs40-sm {
    font-size: 40px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs40-md {
    font-size: 40px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs40-lg {
    font-size: 40px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs40-xl {
    font-size: 40px !important;
  }
}
.u-fs41 {
  font-size: 41px !important;
}

@media screen and (min-width: 450px) {
  .u-fs41-sm {
    font-size: 41px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs41-md {
    font-size: 41px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs41-lg {
    font-size: 41px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs41-xl {
    font-size: 41px !important;
  }
}
.u-fs42 {
  font-size: 42px !important;
}

@media screen and (min-width: 450px) {
  .u-fs42-sm {
    font-size: 42px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs42-md {
    font-size: 42px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs42-lg {
    font-size: 42px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs42-xl {
    font-size: 42px !important;
  }
}
.u-fs43 {
  font-size: 43px !important;
}

@media screen and (min-width: 450px) {
  .u-fs43-sm {
    font-size: 43px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs43-md {
    font-size: 43px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs43-lg {
    font-size: 43px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs43-xl {
    font-size: 43px !important;
  }
}
.u-fs44 {
  font-size: 44px !important;
}

@media screen and (min-width: 450px) {
  .u-fs44-sm {
    font-size: 44px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs44-md {
    font-size: 44px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs44-lg {
    font-size: 44px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs44-xl {
    font-size: 44px !important;
  }
}
.u-fs45 {
  font-size: 45px !important;
}

@media screen and (min-width: 450px) {
  .u-fs45-sm {
    font-size: 45px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs45-md {
    font-size: 45px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs45-lg {
    font-size: 45px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs45-xl {
    font-size: 45px !important;
  }
}
.u-fs46 {
  font-size: 46px !important;
}

@media screen and (min-width: 450px) {
  .u-fs46-sm {
    font-size: 46px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs46-md {
    font-size: 46px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs46-lg {
    font-size: 46px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs46-xl {
    font-size: 46px !important;
  }
}
.u-fs47 {
  font-size: 47px !important;
}

@media screen and (min-width: 450px) {
  .u-fs47-sm {
    font-size: 47px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs47-md {
    font-size: 47px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs47-lg {
    font-size: 47px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs47-xl {
    font-size: 47px !important;
  }
}
.u-fs48 {
  font-size: 48px !important;
}

@media screen and (min-width: 450px) {
  .u-fs48-sm {
    font-size: 48px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs48-md {
    font-size: 48px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs48-lg {
    font-size: 48px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs48-xl {
    font-size: 48px !important;
  }
}
.u-fs49 {
  font-size: 49px !important;
}

@media screen and (min-width: 450px) {
  .u-fs49-sm {
    font-size: 49px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs49-md {
    font-size: 49px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs49-lg {
    font-size: 49px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs49-xl {
    font-size: 49px !important;
  }
}
.u-fs50 {
  font-size: 50px !important;
}

@media screen and (min-width: 450px) {
  .u-fs50-sm {
    font-size: 50px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs50-md {
    font-size: 50px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs50-lg {
    font-size: 50px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs50-xl {
    font-size: 50px !important;
  }
}
.u-fs51 {
  font-size: 51px !important;
}

@media screen and (min-width: 450px) {
  .u-fs51-sm {
    font-size: 51px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs51-md {
    font-size: 51px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs51-lg {
    font-size: 51px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs51-xl {
    font-size: 51px !important;
  }
}
.u-fs52 {
  font-size: 52px !important;
}

@media screen and (min-width: 450px) {
  .u-fs52-sm {
    font-size: 52px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs52-md {
    font-size: 52px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs52-lg {
    font-size: 52px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs52-xl {
    font-size: 52px !important;
  }
}
.u-fs53 {
  font-size: 53px !important;
}

@media screen and (min-width: 450px) {
  .u-fs53-sm {
    font-size: 53px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs53-md {
    font-size: 53px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs53-lg {
    font-size: 53px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs53-xl {
    font-size: 53px !important;
  }
}
.u-fs54 {
  font-size: 54px !important;
}

@media screen and (min-width: 450px) {
  .u-fs54-sm {
    font-size: 54px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs54-md {
    font-size: 54px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs54-lg {
    font-size: 54px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs54-xl {
    font-size: 54px !important;
  }
}
.u-fs55 {
  font-size: 55px !important;
}

@media screen and (min-width: 450px) {
  .u-fs55-sm {
    font-size: 55px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs55-md {
    font-size: 55px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs55-lg {
    font-size: 55px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs55-xl {
    font-size: 55px !important;
  }
}
.u-fs56 {
  font-size: 56px !important;
}

@media screen and (min-width: 450px) {
  .u-fs56-sm {
    font-size: 56px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs56-md {
    font-size: 56px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs56-lg {
    font-size: 56px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs56-xl {
    font-size: 56px !important;
  }
}
.u-fs57 {
  font-size: 57px !important;
}

@media screen and (min-width: 450px) {
  .u-fs57-sm {
    font-size: 57px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs57-md {
    font-size: 57px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs57-lg {
    font-size: 57px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs57-xl {
    font-size: 57px !important;
  }
}
.u-fs58 {
  font-size: 58px !important;
}

@media screen and (min-width: 450px) {
  .u-fs58-sm {
    font-size: 58px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs58-md {
    font-size: 58px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs58-lg {
    font-size: 58px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs58-xl {
    font-size: 58px !important;
  }
}
.u-fs59 {
  font-size: 59px !important;
}

@media screen and (min-width: 450px) {
  .u-fs59-sm {
    font-size: 59px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs59-md {
    font-size: 59px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs59-lg {
    font-size: 59px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs59-xl {
    font-size: 59px !important;
  }
}
.u-fs60 {
  font-size: 60px !important;
}

@media screen and (min-width: 450px) {
  .u-fs60-sm {
    font-size: 60px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs60-md {
    font-size: 60px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs60-lg {
    font-size: 60px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs60-xl {
    font-size: 60px !important;
  }
}
.u-fs61 {
  font-size: 61px !important;
}

@media screen and (min-width: 450px) {
  .u-fs61-sm {
    font-size: 61px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs61-md {
    font-size: 61px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs61-lg {
    font-size: 61px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs61-xl {
    font-size: 61px !important;
  }
}
.u-fs62 {
  font-size: 62px !important;
}

@media screen and (min-width: 450px) {
  .u-fs62-sm {
    font-size: 62px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs62-md {
    font-size: 62px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs62-lg {
    font-size: 62px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs62-xl {
    font-size: 62px !important;
  }
}
.u-fs63 {
  font-size: 63px !important;
}

@media screen and (min-width: 450px) {
  .u-fs63-sm {
    font-size: 63px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs63-md {
    font-size: 63px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs63-lg {
    font-size: 63px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs63-xl {
    font-size: 63px !important;
  }
}
.u-fs64 {
  font-size: 64px !important;
}

@media screen and (min-width: 450px) {
  .u-fs64-sm {
    font-size: 64px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs64-md {
    font-size: 64px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs64-lg {
    font-size: 64px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs64-xl {
    font-size: 64px !important;
  }
}
.u-fs65 {
  font-size: 65px !important;
}

@media screen and (min-width: 450px) {
  .u-fs65-sm {
    font-size: 65px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs65-md {
    font-size: 65px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs65-lg {
    font-size: 65px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs65-xl {
    font-size: 65px !important;
  }
}
.u-fs66 {
  font-size: 66px !important;
}

@media screen and (min-width: 450px) {
  .u-fs66-sm {
    font-size: 66px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs66-md {
    font-size: 66px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs66-lg {
    font-size: 66px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs66-xl {
    font-size: 66px !important;
  }
}
.u-fs67 {
  font-size: 67px !important;
}

@media screen and (min-width: 450px) {
  .u-fs67-sm {
    font-size: 67px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs67-md {
    font-size: 67px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs67-lg {
    font-size: 67px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs67-xl {
    font-size: 67px !important;
  }
}
.u-fs68 {
  font-size: 68px !important;
}

@media screen and (min-width: 450px) {
  .u-fs68-sm {
    font-size: 68px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs68-md {
    font-size: 68px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs68-lg {
    font-size: 68px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs68-xl {
    font-size: 68px !important;
  }
}
.u-fs69 {
  font-size: 69px !important;
}

@media screen and (min-width: 450px) {
  .u-fs69-sm {
    font-size: 69px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs69-md {
    font-size: 69px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs69-lg {
    font-size: 69px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs69-xl {
    font-size: 69px !important;
  }
}
.u-fs70 {
  font-size: 70px !important;
}

@media screen and (min-width: 450px) {
  .u-fs70-sm {
    font-size: 70px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs70-md {
    font-size: 70px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs70-lg {
    font-size: 70px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs70-xl {
    font-size: 70px !important;
  }
}
.u-fs71 {
  font-size: 71px !important;
}

@media screen and (min-width: 450px) {
  .u-fs71-sm {
    font-size: 71px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs71-md {
    font-size: 71px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs71-lg {
    font-size: 71px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs71-xl {
    font-size: 71px !important;
  }
}
.u-fs72 {
  font-size: 72px !important;
}

@media screen and (min-width: 450px) {
  .u-fs72-sm {
    font-size: 72px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs72-md {
    font-size: 72px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs72-lg {
    font-size: 72px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs72-xl {
    font-size: 72px !important;
  }
}
.u-fs73 {
  font-size: 73px !important;
}

@media screen and (min-width: 450px) {
  .u-fs73-sm {
    font-size: 73px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs73-md {
    font-size: 73px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs73-lg {
    font-size: 73px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs73-xl {
    font-size: 73px !important;
  }
}
.u-fs74 {
  font-size: 74px !important;
}

@media screen and (min-width: 450px) {
  .u-fs74-sm {
    font-size: 74px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs74-md {
    font-size: 74px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs74-lg {
    font-size: 74px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs74-xl {
    font-size: 74px !important;
  }
}
.u-fs75 {
  font-size: 75px !important;
}

@media screen and (min-width: 450px) {
  .u-fs75-sm {
    font-size: 75px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs75-md {
    font-size: 75px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs75-lg {
    font-size: 75px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs75-xl {
    font-size: 75px !important;
  }
}
.u-fs76 {
  font-size: 76px !important;
}

@media screen and (min-width: 450px) {
  .u-fs76-sm {
    font-size: 76px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs76-md {
    font-size: 76px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs76-lg {
    font-size: 76px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs76-xl {
    font-size: 76px !important;
  }
}
.u-fs77 {
  font-size: 77px !important;
}

@media screen and (min-width: 450px) {
  .u-fs77-sm {
    font-size: 77px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs77-md {
    font-size: 77px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs77-lg {
    font-size: 77px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs77-xl {
    font-size: 77px !important;
  }
}
.u-fs78 {
  font-size: 78px !important;
}

@media screen and (min-width: 450px) {
  .u-fs78-sm {
    font-size: 78px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs78-md {
    font-size: 78px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs78-lg {
    font-size: 78px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs78-xl {
    font-size: 78px !important;
  }
}
.u-fs79 {
  font-size: 79px !important;
}

@media screen and (min-width: 450px) {
  .u-fs79-sm {
    font-size: 79px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs79-md {
    font-size: 79px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs79-lg {
    font-size: 79px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs79-xl {
    font-size: 79px !important;
  }
}
.u-fs80 {
  font-size: 80px !important;
}

@media screen and (min-width: 450px) {
  .u-fs80-sm {
    font-size: 80px !important;
  }
}
@media screen and (min-width: 768px) {
  .u-fs80-md {
    font-size: 80px !important;
  }
}
@media screen and (min-width: 1000px) {
  .u-fs80-lg {
    font-size: 80px !important;
  }
}
@media screen and (min-width: 1200px) {
  .u-fs80-xl {
    font-size: 80px !important;
  }
}
.display-none {
  display: none;
}

@media screen and (min-width: 450px) {
  .display-none-sm {
    display: none;
  }
}
@media screen and (min-width: 768px) {
  .display-none-md {
    display: none;
  }
}
@media screen and (min-width: 1000px) {
  .display-none-lg {
    display: none;
  }
}
@media screen and (min-width: 1200px) {
  .display-none-xl {
    display: none;
  }
}
.display-block {
  display: block;
}

@media screen and (min-width: 450px) {
  .display-block-sm {
    display: block;
  }
}
@media screen and (min-width: 768px) {
  .display-block-md {
    display: block;
  }
}
@media screen and (min-width: 1000px) {
  .display-block-lg {
    display: block;
  }
}
@media screen and (min-width: 1200px) {
  .display-block-xl {
    display: block;
  }
}
.text-left {
  text-align: left !important;
}

@media screen and (min-width: 450px) {
  .text-left-sm {
    text-align: left !important;
  }
}
@media screen and (min-width: 768px) {
  .text-left-md {
    text-align: left !important;
  }
}
@media screen and (min-width: 1000px) {
  .text-left-lg {
    text-align: left !important;
  }
}
@media screen and (min-width: 1200px) {
  .text-left-xl {
    text-align: left !important;
  }
}
.text-right {
  text-align: right !important;
}

@media screen and (min-width: 450px) {
  .text-right-sm {
    text-align: right !important;
  }
}
@media screen and (min-width: 768px) {
  .text-right-md {
    text-align: right !important;
  }
}
@media screen and (min-width: 1000px) {
  .text-right-lg {
    text-align: right !important;
  }
}
@media screen and (min-width: 1200px) {
  .text-right-xl {
    text-align: right !important;
  }
}
.text-center {
  text-align: center !important;
}

@media screen and (min-width: 450px) {
  .text-center-sm {
    text-align: center !important;
  }
}
@media screen and (min-width: 768px) {
  .text-center-md {
    text-align: center !important;
  }
}
@media screen and (min-width: 1000px) {
  .text-center-lg {
    text-align: center !important;
  }
}
@media screen and (min-width: 1200px) {
  .text-center-xl {
    text-align: center !important;
  }
}
.text-justify {
  text-align: justify !important;
}

@media screen and (min-width: 450px) {
  .text-justify-sm {
    text-align: justify !important;
  }
}
@media screen and (min-width: 768px) {
  .text-justify-md {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1000px) {
  .text-justify-lg {
    text-align: justify !important;
  }
}
@media screen and (min-width: 1200px) {
  .text-justify-xl {
    text-align: justify !important;
  }
}
.c-lead {
  font-size: 22px;
  max-width: 740px;
  margin: 0 auto 100px;
}

.c-table--type2 {
  width: 100%;
  background-color: #fff;
}
.c-table--type2 tbody tr th, .c-table--type2 tbody tr td {
  border-bottom: 1px dotted #ccc;
  vertical-align: top;
  padding: 20px 30px;
  font-weight: normal;
  line-height: 1.8;
  font-size: 14px;
}
.c-table--type2 tbody tr th > .-sm, .c-table--type2 tbody tr td > .-sm {
  font-size: 12px;
  line-height: 1.6;
  margin-top: 10px;
}
.c-table--type2 tbody tr th {
  min-width: 12em;
  font-weight: 500;
}
.c-table--type2 tbody tr td {
  text-align: left;
}
@media screen and (min-width: 768px) {
  .c-table--type2 tbody tr th {
    padding-left: 50px;
  }
}
@media screen and (max-width: 767px) {
  .c-table--type2 tbody tr th, .c-table--type2 tbody tr td {
    display: block;
    width: 100%;
    padding: 25px 0;
  }
  .c-table--type2 tbody tr th {
    border-bottom: none;
    padding-bottom: 0;
  }
  .c-table--type2 tbody tr td {
    padding-top: 15px;
    text-align: left;
  }
  .c-table--type2 tbody tr:first-child th {
    border-top: 1px dotted #ccc;
  }
}
.c-table--type2 ul {
  list-style-type: disc;
  padding-left: 20px;
}
.c-table--type2 ul li {
  font-size: 15px;
}

.c-attention {
  padding: 0 15px 10px;
  border: 1px solid #ccc;
  height: 220px;
  overflow-y: scroll;
  margin-bottom: 40px;
}
.c-attention > h4 {
  font-size: 1rem;
  margin: 20px 0 10px;
}

.c-list {
  list-style-type: disc;
  padding-left: 20px;
}
.p-news-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}
.p-news-list > * {
  display: flex;
  margin-bottom: 40px;
}
.p-news-list > * > .-img {
  width: 25%;
  margin-right: 15px;
}
.p-news-list > * > .-img > img {
  width: 100%;
}
.p-news-list > * > .-text {
  margin-top: 5px;
}
.p-news-list > * > .-text > time {
  display: block;
  margin-bottom: 10px;
  line-height: 1;
}
.p-news-list > * > .-text > h4 {
  font-size: 1rem;
  line-height: 1.6;
}
@media screen and (min-width: 768px) {
  .p-news-list {
    max-width: 880px;
    margin: 0 auto;
  }
  .p-news-list > * {
    width: 47%;
    justify-content: space-between;
  }
}
@media screen and (max-width: 767px) {
  .p-news-list > * > .-img {
    width: 30%;
    margin-right: 15px;
  }
}

.title_page {
  margin-top: 15px;
  margin-bottom: 80px;
}
.title_page img {
  height: 42px;
  padding-bottom: 15px;
}
@media screen and (max-width: 767px) {
  .title_page {
    margin-bottom: 50px;
  }
  .title_page img {
    height: 35px;
  }
}

.title_page_sub {
  text-align: center !important;
  font-size: 18px !important;
  font-weight: bold !important;
  margin-bottom: 100px;
}

.p-thumb-list > * {
  display: block;
}
.p-thumb-list > * > .-img img {
  padding-bottom: 20px;
}
.p-thumb-list > * > .-title {
  text-align: center;
}
.p-thumb-list > * > .-title > h4 {
  text-align: center;
  border-bottom: #000000 solid 2px;
  display: inline-block;
  padding-bottom: 10px;
}
.p-thumb-list > * > .-title > h4 > img {
  height: 24px;
}
.p-thumb-list > *:hover {
  opacity: 0.7;
}
@media screen and (min-width: 768px) {
  .p-thumb-list {
    display: flex;
    justify-content: space-between;
  }
  .p-thumb-list > * {
    width: 46%;
  }
}
@media screen and (max-width: 767px) {
  .p-thumb-list > * {
    margin-bottom: 60px;
  }
  .p-thumb-list > * > .-title > h4 > img {
    height: 20px;
  }
}

/* Footer */
.footer {
  background-color: #e6e6e6;
  margin-top: 120px;
  padding: 40px 0 120px;
}
.footer .logo {
  max-width: 220px;
}
.footer .link a {
  display: block;
  margin-bottom: 12px;
}
.footer .link a img {
  height: 12px;
}
.footer .link a:last-child {
  margin-bottom: 0;
}
.footer .address {
  display: flex;
  align-items: flex-end;
  flex-wrap: wrap;
  line-height: 1.9;
  font-size: 14px;
}
.footer .contact {
  display: flex;
  justify-content: flex-end;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 15px;
}
.footer .contact ul,
.footer .contact .btn {
  width: 100%;
  margin: 0;
  text-align: right;
}
.footer .contact > .-button > img {
  width: 180px;
}
.footer p {
  font-weight: normal;
  font-size: 12px;
}
@media screen and (min-width: 768px) {
  .footer .contact {
    margin-left: auto;
  }
}
@media (max-width: 767px) {
  .footer {
    margin: 60px 0 0;
    padding: 70px 0 50px;
  }
  .footer .address,
.footer .contact {
    justify-content: center;
  }
  .footer .address ul li,
.footer .contact ul li {
    text-align: center;
  }
  .footer .address .-button,
.footer .contact .-button {
    margin-top: 20px;
  }
}

.p-content {
  max-width: 680px;
  margin: 0 auto 80px;
}
.p-content > .-title {
  font-size: 22px;
  margin-bottom: 50px;
  text-align: center;
}
.p-content > .-text > p {
  line-height: 2.2;
  font-size: 1.1rem;
}
@media screen and (max-width: 767px) {
  .p-content > .-title {
    font-size: 19px;
    margin-bottom: 30px;
  }
}

.p-about-images {
  display: flex;
}
.p-about-images.-v1 {
  margin-bottom: 120px;
}
.p-about-images.-v1 > .-left {
  width: 65%;
  display: flex;
}
.p-about-images.-v1 > .-left > * {
  margin-right: 7%;
  position: relative;
}
.p-about-images.-v1 > .-left > *:nth-child(1) {
  margin-top: 160px;
}
.p-about-images.-v1 > .-left > *:nth-child(2) {
  margin-top: 80px;
}
.p-about-images.-v1 > .-right {
  width: 35%;
}
@media screen and (max-width: 767px) {
  .p-about-images.-v1 {
    margin-bottom: 80px;
  }
  .p-about-images.-v1 > .-left {
    justify-content: space-between;
    margin-bottom: 30px;
  }
  .p-about-images.-v1 > .-left > *:nth-child(1) {
    margin-top: 50px;
  }
  .p-about-images.-v1 > .-left > *:nth-child(2) {
    margin-right: 0;
    margin-top: 0;
  }
  .p-about-images.-v1 > .-right > * {
    width: 63%;
    margin-left: auto;
    margin-right: 10%;
  }
}
.p-about-images.-v2 {
  margin-bottom: 50px;
}
.p-about-images.-v2 > .-left {
  width: 34%;
}
.p-about-images.-v2 > .-left > * {
  margin-top: 40px;
}
.p-about-images.-v2 > .-right {
  width: 45%;
}
@media screen and (max-width: 767px) {
  .p-about-images.-v2 > .-left {
    width: 40%;
  }
  .p-about-images.-v2 > .-left > * {
    margin-top: 20px;
  }
  .p-about-images.-v2 > .-right {
    width: 50%;
  }
}
.p-about-images.-v3 {
  margin-bottom: 0px;
}
.p-about-images.-v3 > .-left {
  width: 37%;
  margin-left: auto;
  margin-right: 10%;
}
.p-about-images.-v3 > .-right {
  width: 38%;
}
.p-about-images.-v3 > .-right > * {
  margin-top: 80px;
}
@media screen and (max-width: 767px) {
  .p-about-images.-v3 > .-left {
    width: 43%;
    margin: 20px 0 0 3%;
  }
  .p-about-images.-v3 > .-right {
    width: 45%;
  }
  .p-about-images.-v3 > .-right > * {
    margin-top: 50px;
  }
}
@media screen and (max-width: 767px) {
  .p-about-images {
    flex-wrap: wrap;
  }
  .p-about-images.-v1 > .-left, .p-about-images.-v1 > .-right {
    width: 100%;
  }
  .p-about-images.-v2, .p-about-images.-v3 {
    width: 100%;
    justify-content: space-between;
  }
}
@media screen and (min-width: 768px) {
  .p-about-images {
    justify-content: space-between;
    display: flex;
  }
}
/*# sourceMappingURL=maps/style.css.map */