@charset "UTF-8";
.ly_cont {
  padding-bottom: 80px;
  font-family: notoSans, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #191919;
  -webkit-tap-highlight-color: transparent;
}
@media only screen and (max-width: 768px) {
  .ly_cont {
    overflow: hidden;
    padding-bottom: 10px;
  }
}
.ly_cont img {
  max-width: 100%;
  height: auto;
}
.ly_cont__topBorder {
  position: relative;
  padding-top: 100px;
}
@media only screen and (max-width: 768px) {
  .ly_cont__topBorder {
    padding-top: 80px;
  }
}
.ly_cont__topBorder::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 100px;
  background: -webkit-linear-gradient(0.73deg, #9274B7 5%, #855392 90.77%);
  background: linear-gradient(89.27deg, #9274B7 5%, #855392 90.77%);
  opacity: 0.5;
}
@media only screen and (max-width: 768px) {
  .ly_cont__topBorder::before {
    height: 80px;
  }
}

.inner {
  width: 100%;
  max-width: 1080px;
}

@media only screen and (max-width: 768px) {
  #container {
    overflow: inherit;
  }
}

#header {
  padding-left: 4px;
  padding-right: 4px;
}
@media only screen and (max-width: 768px) {
  #header {
    position: sticky;
    top: 0;
    z-index: 999;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    padding: 4px 0px 4px 8px;
    overflow: hidden;
  }
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  ul#gNav li {
    width: 100px;
    margin-left: 0;
  }
}

@media only screen and (max-width: 768px) {
  #identity {
    margin-top: 5px;
  }
}
@media only screen and (max-width: 768px) {
  #identity p {
    margin-right: 8px;
  }
}
@media only screen and (max-width: 768px) {
  #identity p img {
    max-width: 80px;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  #identity h1 img {
    max-width: 125px;
    height: auto;
  }
}

@media only screen and (max-width: 768px) {
  #gNav {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  #topicPath {
    padding: 4px 16px;
    font-size: 1.4rem;
    background-color: transparent;
  }
}

@media only screen and (max-width: 768px) {
  .side-menu {
    display: none;
  }
}

#footer {
  overflow: hidden;
}

.bl_header_btn {
  display: none;
}
@media only screen and (max-width: 768px) {
  .bl_header_btn {
    display: block;
  }
}
.bl_header_btn_item {
  display: block;
  position: relative;
  width: 40px;
  height: 46px;
  border: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  background-color: #fff;
}
.bl_header_btn_item span {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 24px;
  height: 2px;
  background-color: #356cb6;
  -webkit-transition: 0.3s opacity ease-out, 0.3s -webkit-transform ease-out;
  transition: 0.3s opacity ease-out, 0.3s -webkit-transform ease-out;
  transition: 0.3s transform ease-out, 0.3s opacity ease-out;
  transition: 0.3s transform ease-out, 0.3s opacity ease-out, 0.3s -webkit-transform ease-out;
}
.bl_header_btn_item span:nth-child(1) {
  -webkit-transform: translate(-50%, -8px);
  transform: translate(-50%, -8px);
  -webkit-transform-origin: top left;
  transform-origin: top left;
}
.bl_header_btn_item span:nth-child(2) {
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.bl_header_btn_item span:nth-child(3) {
  -webkit-transform: translate(-50%, 6px);
  transform: translate(-50%, 6px);
  -webkit-transform-origin: bottom left;
  transform-origin: bottom left;
}
.bl_header_btn.is_active span:nth-child(1) {
  -webkit-transform: rotate(45deg) translate(-50%, -50%);
  transform: rotate(45deg) translate(-50%, -50%);
  margin-top: 1px;
}
.bl_header_btn.is_active span:nth-child(2) {
  opacity: 0;
}
.bl_header_btn.is_active span:nth-child(3) {
  -webkit-transform: rotate(-45deg) translate(-50%, -50%);
  transform: rotate(-45deg) translate(-50%, -50%);
  margin-left: 1px;
}
.bl_header_menu {
  position: fixed;
  top: 54px;
  left: 100%;
  width: 100%;
  height: 100%;
  padding-top: 7px;
  padding-bottom: 40px;
  padding-left: 16px;
  padding-right: 16px;
  background-color: #f9f9f9;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: notoSans, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.6;
  color: #464646;
  -webkit-tap-highlight-color: transparent;
  -webkit-transition: opacity 0.6s ease-out, left 0.3s ease-out;
  transition: opacity 0.6s ease-out, left 0.3s ease-out;
}
.bl_header_menu.is_active {
  left: 0;
  opacity: 1;
}
.bl_header_menu_item {
  font-size: 1.6rem;
}
.bl_header_menu_item > a {
  padding-top: 32px;
  padding-bottom: 32px;
}
.bl_header_menu_item:not(:first-child) {
  border-top: 1px solid #e0e0e0;
}
.bl_header_menu_item:has(ul) > a {
  padding-bottom: 12px;
}
.bl_header_menu_subList {
  padding-left: 16px;
}
.bl_header_menu_subItem {
  position: relative;
  padding-left: 16px;
  font-size: 1.6rem;
  font-family: notoSans, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}
.bl_header_menu_subItem:before {
  content: " ";
  display: block;
  position: absolute;
  top: 0.8em;
  left: 0;
  width: 8px;
  height: 1px;
  background-color: #464646;
}
.bl_header_menu_subItem:not(:first-child) {
  margin-top: 8px;
}
.bl_header_menu a {
  display: block;
  color: #464646;
  text-decoration: none;
}

h2, h3, h4, h5, h6 {
  width: auto;
  margin-top: 0;
  margin-bottom: 0;
  margin-left: 0;
  margin-right: 0;
  padding-top: 0;
  padding-bottom: 0;
  padding-left: 0;
  padding-right: 0;
  min-height: initial;
  background: none;
  border-top: none;
  border-bottom: none;
  border-left: none;
  border-right: none;
  font-size: inherit;
  font-weight: normal;
  color: inherit;
}

.el_underTtl {
  margin-bottom: 64px;
  text-align: center;
  font-size: 4.8rem;
  font-weight: 700;
  line-height: 1.17;
}
@media only screen and (max-width: 768px) {
  .el_underTtl {
    margin-bottom: 32px;
    font-size: 2.4rem;
  }
}

.bl_fadeShow {
  opacity: 0;
  -webkit-transform: translateY(80px);
  transform: translateY(80px);
  -webkit-transition: 1.25s opacity, 1.25s -webkit-transform;
  transition: 1.25s opacity, 1.25s -webkit-transform;
  transition: 1.25s opacity, 1.25s transform;
  transition: 1.25s opacity, 1.25s transform, 1.25s -webkit-transform;
}
.bl_fadeShow.is_active {
  opacity: 1;
  -webkit-transform: translateY(0);
  transform: translateY(0);
}

.bl_fadeSt {
  opacity: 0;
  -webkit-transition: 2s opacity;
  transition: 2s opacity;
}
.bl_fadeSt.is_active {
  opacity: 1;
}

.bl_comp {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  padding-left: 40px;
  padding-right: 40px;
  max-width: 960px;
  margin-left: auto;
  margin-right: auto;
}
@media only screen and (max-width: 768px) {
  .bl_comp {
    width: 100%;
  }
}
@media only screen and (max-width: 768px) {
  .bl_comp {
    padding-left: 16px;
    padding-right: 16px;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
  }
}

.bl_contHead {
  position: relative;
  z-index: 1;
  max-width: 1416px;
  margin-inline: auto;
  padding-top: 40px;
  padding-bottom: 24px;
  padding-left: 48px;
  padding-right: 48px;
}
@media only screen and (max-width: 768px) {
  .bl_contHead {
    padding-top: 16px;
    padding-left: 16px;
    padding-right: 16px;
  }
}
.bl_contHead_cat {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
}
@media only screen and (max-width: 768px) {
  .bl_contHead_cat {
    font-size: 1.4rem;
  }
}
.bl_contHead_cat::before {
  content: "";
  display: block;
  width: 9px;
  height: 9px;
  margin-right: 4px;
  background-color: #9644B9;
  border-radius: 50%;
}
.bl_contHead_ttl {
  margin-top: 12px;
  padding-bottom: 16px;
  font-size: 3.6rem;
  line-height: 1.4;
  color: #333333;
  border-bottom: 2px solid #C6B2D3;
}
@media only screen and (max-width: 768px) {
  .bl_contHead_ttl {
    margin-top: 8px;
    padding-bottom: 8px;
    font-size: 2.4rem;
  }
}

.bl_fstView {
  position: relative;
}
.bl_fstView::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  z-index: -1;
  display: block;
  width: 100%;
  height: 60%;
  background: -webkit-linear-gradient(0.73deg, rgba(146, 116, 183, 0.5) 5%, rgba(133, 83, 146, 0.5) 90.77%);
  background: linear-gradient(89.27deg, rgba(146, 116, 183, 0.5) 5%, rgba(133, 83, 146, 0.5) 90.77%);
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
  .bl_fstView::after {
    height: 86%;
  }
}
@media only screen and (max-width: 768px) {
  .bl_fstView::after {
    height: 93%;
  }
}

.bl_pickUp {
  position: relative;
  z-index: 1;
  max-width: 1416px;
  margin-inline: auto;
  padding-bottom: 64px;
  padding-inline: 48px;
}
@media only screen and (max-width: 768px) {
  .bl_pickUp {
    padding-bottom: 80px;
    padding-inline: 16px;
  }
}
.bl_pickUp_cont {
  display: grid;
  grid-template-columns: 1fr 1.291fr;
  grid-template-rows: repeat(3, 1fr);
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  row-gap: 16px;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
  .bl_pickUp_cont {
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, auto);
    row-gap: 24px;
  }
}
@media only screen and (max-width: 768px) {
  .bl_pickUp_cont {
    grid-template-columns: 1fr;
    grid-template-rows: repeat(4, auto);
    row-gap: 24px;
  }
}
.bl_pickUp_summary {
  padding-top: 24px;
  padding-inline: 24px 12px;
}
@media only screen and (max-width: 768px) {
  .bl_pickUp_summary {
    padding-top: 16px;
    padding-inline: 16px;
  }
}
.bl_pickUp_item {
  background-color: #fff;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0784313725);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0784313725);
}
.bl_pickUp_item:first-child {
  grid-row: 1/4;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2509803922);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.2509803922);
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
  .bl_pickUp_item:first-child {
    grid-row: auto;
  }
}
.bl_pickUp_item:first-child a {
  grid-template-columns: 1fr;
  grid-template-rows: auto 1fr auto;
}
.bl_pickUp_item:first-child .bl_pickUp_summary {
  padding-inline: 16px 12px;
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
@media only screen and (max-width: 768px) {
  .bl_pickUp_item:first-child .bl_pickUp_summary {
    padding-inline: 16px;
  }
}
.bl_pickUp_item:first-child .bl_pickUp_image {
  grid-row: 1/2;
}
.bl_pickUp_item:not(:first-child) .bl_column_head_ttl {
  margin-bottom: 12px;
  font-size: 1.6rem;
}
.bl_pickUp_item:not(:first-child) .bl_column_desc_txt {
  font-size: 1.4rem;
}
.bl_pickUp_item a {
  display: grid;
  grid-template-columns: auto 1fr;
  grid-template-rows: 1fr auto;
  height: 100%;
  text-decoration: none;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
  .bl_pickUp_item a {
    grid-template-columns: 1fr;
    grid-template-rows: auto 1fr auto;
  }
}
@media only screen and (max-width: 768px) {
  .bl_pickUp_item a {
    display: block;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_pickUp_item a:hover .bl_pickUp_image img, .bl_pickUp_item a:active .bl_pickUp_image img, .bl_pickUp_item a:focus .bl_pickUp_image img {
    -webkit-transform: scale(1.1);
    transform: scale(1.1);
  }
}
.bl_pickUp_item a:hover .bl_pickUp_summary, .bl_pickUp_item a:active .bl_pickUp_summary, .bl_pickUp_item a:focus .bl_pickUp_summary {
  opacity: 0.7;
}
.bl_pickUp_item a:hover .bl_column_more, .bl_pickUp_item a:active .bl_column_more, .bl_pickUp_item a:focus .bl_column_more {
  color: #9644B9;
  font-weight: 700;
}
.bl_pickUp_item a:hover .bl_column_more::before, .bl_pickUp_item a:active .bl_column_more::before, .bl_pickUp_item a:focus .bl_column_more::before {
  border-color: #9644B9;
}
.bl_pickUp_item .bl_column_more {
  margin-block: 10px 12px;
  margin-right: 12px;
}
@media only screen and (max-width: 768px) {
  .bl_pickUp_item .bl_column_more {
    margin-block: 16px;
    margin-right: 16px;
  }
}
.bl_pickUp_item .bl_column_desc_txt {
  overflow: hidden;
  display: -webkit-box;
  text-overflow: ellipsis;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.bl_pickUp_image {
  grid-row: 1/3;
  overflow: hidden;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
  .bl_pickUp_image {
    grid-row: 1/2;
  }
}
@media only screen and (max-width: 768px) {
  .bl_pickUp_image {
    grid-row: initial;
  }
}
.bl_pickUp_image figure {
  display: contents;
}
.bl_pickUp_image img {
  -o-object-fit: cover;
  object-fit: cover;
  height: 100%;
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}
@media only screen and (min-width: 769px) and (max-width: 1279px) {
  .bl_pickUp_image img {
    aspect-ratio: 1/0.694;
    width: 100%;
    height: auto;
  }
}
@media only screen and (max-width: 768px) {
  .bl_pickUp_image img {
    aspect-ratio: 1/0.561;
    width: 100%;
    height: auto;
  }
}

.bl_column:has(.bl_column_item:nth-child(11)) .bl_column_openBtn {
  display: block;
}
.bl_column_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin-bottom: 12px;
}
.bl_column_date {
  color: #333333;
  font-size: 1.4rem;
}
.bl_column_item {
  border-bottom: 1px solid #9B9B9B;
  background-color: #fff;
}
@media only screen and (max-width: 768px) {
  .bl_column_item {
    border-bottom: none;
  }
  .bl_column_item:not(:first-child) {
    margin-top: 24px;
  }
}
.bl_column_item a {
  display: grid;
  grid-template-columns: 1fr auto;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 32px;
  -moz-column-gap: 32px;
  column-gap: 32px;
  padding-block: 24px;
  text-decoration: none;
}
@media only screen and (max-width: 768px) {
  .bl_column_item a {
    grid-template-columns: 1fr;
    padding-block: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_column_item a:hover .bl_column_summary, .bl_column_item a:active .bl_column_summary, .bl_column_item a:focus .bl_column_summary {
    opacity: 0.7;
  }
}
.bl_column_item a:hover .bl_column_image img, .bl_column_item a:active .bl_column_image img, .bl_column_item a:focus .bl_column_image img {
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}
.bl_column_summary {
  -webkit-transition: 0.3s opacity;
  transition: 0.3s opacity;
}
@media only screen and (max-width: 768px) {
  .bl_column_summary {
    grid-row: 2/3;
    padding-block: 16px;
    padding-inline: 16px;
  }
}
.bl_column_cat_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-column-gap: 8px;
  -moz-column-gap: 8px;
  column-gap: 8px;
  row-gap: 4px;
}
.bl_column_cat_item {
  padding-block: 4px 6px;
  padding-inline: 12px;
  color: #fff;
  font-size: 1.4rem;
  line-height: 1;
  background-color: #333333;
}
.bl_column_cat_item.is_bcp {
  background-color: #30E0D8;
}
.bl_column_cat_item.is_becss {
  background-color: #39A9FF;
}
.bl_column_cat_item.is_ict {
  background-color: #BD30E0;
}
.bl_column_cat_item.is_vrCommons {
  background-color: #E03082;
}
.bl_column_cat_item.is_dxCore {
  background-color: #E07930;
}
.bl_column_cat_item.is_eyeMIRU {
  background-color: #A8E030;
}
.bl_column_cat_item.is_other {
  background-color: #616161;
}
.bl_column_cat_item.is_product {
  background-color: #7484B7;
}
.bl_column_cat_item.is_nature {
  background-color: #74B788;
}
.bl_column_cat_item.is_features {
  background-color: #B7748D;
}
.bl_column_head_subTtl {
  margin-bottom: 2px;
  font-size: 1.4rem;
  color: #191919;
}
.bl_column_head_ttl {
  margin-bottom: 16px;
  font-size: 1.8rem;
  font-weight: 700;
  color: #191919;
}
.bl_column_desc_txt {
  color: #464646;
}
.bl_column_image {
  overflow: hidden;
}
@media only screen and (max-width: 768px) {
  .bl_column_image {
    grid-row: 1/2;
  }
}
.bl_column_image img {
  -webkit-transition: 0.3s -webkit-transform;
  transition: 0.3s -webkit-transform;
  transition: 0.3s transform;
  transition: 0.3s transform, 0.3s -webkit-transform;
}
@media only screen and (max-width: 768px) {
  .bl_column_image img {
    width: 100%;
  }
}
.bl_column_more {
  position: relative;
  padding-right: 12px;
  padding-bottom: 8px;
  font-size: 1.2rem;
  font-weight: 400;
  color: #333333;
  text-align: right;
  -webkit-transition: 0.3s color, 0.3s font-weight;
  transition: 0.3s color, 0.3s font-weight;
}
.bl_column_more::before {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  width: 24px;
  height: 24px;
  border: solid #333333;
  border-width: 0 1px 1px 0;
  -webkit-transition: 0.3s border-color;
  transition: 0.3s border-color;
}
.bl_column_openBtn {
  display: none;
  position: relative;
  top: 0;
  width: 100%;
  max-width: 416px;
  margin-top: 64px;
  margin-inline: auto;
  -webkit-transition: 0.3s top;
  transition: 0.3s top;
}
@media only screen and (min-width: 769px) {
  .bl_column_openBtn:before {
    content: " ";
    position: absolute;
    bottom: -6px;
    left: 0;
    z-index: -2;
    width: 100%;
    height: 100%;
    border-radius: 4px;
    background-color: #4D3654;
    -webkit-transition: 0.3s bottom;
    transition: 0.3s bottom;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_column_openBtn:hover, .bl_column_openBtn:active, .bl_column_openBtn:focus {
    top: 6px;
  }
  .bl_column_openBtn:hover:before, .bl_column_openBtn:active:before, .bl_column_openBtn:focus:before {
    bottom: 0;
  }
}
.bl_column_openBtn button {
  display: block;
  width: 100%;
  height: 73px;
  padding-inline: 10px;
  text-align: center;
  color: #fff;
  font-size: 1.8rem;
  border-radius: 4px;
  background: -webkit-gradient(linear, left top, left bottom, from(#9274B7), to(#855392));
  background: -webkit-linear-gradient(top, #9274B7 0%, #855392 100%);
  background: linear-gradient(180deg, #9274B7 0%, #855392 100%);
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}
@media (hover: hover) and (pointer: fine) {
  .bl_column_openBtn button:hover, .bl_column_openBtn button:active, .bl_column_openBtn button:focus {
    background-color: #846BA3;
  }
}

.bl_catNavi {
  position: relative;
  z-index: 2;
  max-width: 1080px;
  margin-inline: auto;
  margin-block: -32px 64px;
  padding-inline: 48px;
}
@media only screen and (max-width: 768px) {
  .bl_catNavi {
    margin-block: -28px 40px;
    padding-inline: 16px;
  }
}
.bl_catNavi.is_active .bl_catNavi_wrap {
  border-radius: 28px;
}
@media only screen and (max-width: 768px) {
  .bl_catNavi.is_active .bl_catNavi_ttl::before {
    margin-top: -4px;
    -webkit-transform: scaleY(-1) rotate(135deg) translateY(calc(100% - 0.5px));
    transform: scaleY(-1) rotate(135deg) translateY(calc(100% - 0.5px));
  }
}
.bl_catNavi_wrap {
  background-color: #9274B7;
  border-radius: 50px;
  -webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.1019607843);
}
.bl_catNavi_ttl {
  position: relative;
  padding-block: 0;
  padding-inline: 24px;
  color: #fff;
  font-size: 1.8rem;
  line-height: 56px;
  text-align: left;
}
@media only screen and (max-width: 768px) {
  .bl_catNavi_ttl::before {
    content: "";
    position: absolute;
    top: 50%;
    right: 24px;
    display: block;
    width: 6px;
    height: 6px;
    border: solid #fff;
    border-width: 1px 1px 0 0;
    -webkit-transform: rotate(135deg) translateY(calc(100% - 0.5px));
    transform: rotate(135deg) translateY(calc(100% - 0.5px));
    -webkit-transform-origin: 50% 50%;
    transform-origin: 50% 50%;
  }
}
@media only screen and (min-width: 769px) {
  .bl_catNavi_ttl {
    display: none;
  }
}
.bl_catNavi_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-column-gap: 15px;
  -moz-column-gap: 15px;
  column-gap: 15px;
  height: 64px;
  padding-block: 6px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .bl_catNavi_list {
    display: none;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: start;
    -ms-flex-pack: start;
    justify-content: flex-start;
    height: auto;
    padding-block: 0 24px;
    overflow: hidden;
  }
}
.bl_catNavi_item {
  width: 100%;
  height: 100%;
  max-width: 126px;
  font-size: 1.6rem;
  line-height: 1.4;
}
@media only screen and (max-width: 768px) {
  .bl_catNavi_item {
    max-width: initial;
    height: auto;
  }
}
.bl_catNavi_item a {
  display: grid;
  -ms-flex-line-pack: center;
  align-content: center;
  height: 100%;
  padding-block: 4px;
  padding-inline: 10px;
  text-align: center;
  color: #fff;
  font-weight: 700;
  text-decoration: none;
  border-radius: 8px;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
@media only screen and (max-width: 768px) {
  .bl_catNavi_item a {
    line-height: 56px;
    padding-block: 0;
    padding-inline: 24px;
    text-align: left;
    border-radius: 0;
  }
}
@media (hover: hover) and (pointer: fine) {
  .bl_catNavi_item a:hover, .bl_catNavi_item a:active, .bl_catNavi_item a:focus {
    background-color: #846BA3;
  }
}

.bl_columnDetail_head {
  margin-bottom: 40px;
}
.bl_columnDetail_head_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-column-gap: 12px;
  -moz-column-gap: 12px;
  column-gap: 12px;
  margin-bottom: 24px;
}
.bl_columnDetail_head_date {
  color: #333333;
  font-size: 1.4rem;
}
.bl_columnDetail_head .bl_column_cat {
  margin-bottom: 0;
}
.bl_columnDetail_head_ttl {
  margin-bottom: 40px;
  font-size: 3.2rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_head_ttl {
    font-size: 2.4rem;
  }
}
.bl_columnDetail_profile {
  display: grid;
  grid-template-columns: 1fr 57.6%;
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_profile {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.bl_columnDetail_profile_name {
  font-size: 2rem;
  font-weight: 700;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_profile_image {
    text-align: center;
  }
}
.bl_columnDetail_profile_image__right {
  text-align: right;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_profile_image__right {
    text-align: center;
  }
}
.bl_columnDetail_profile + .bl_columnDetail_sec {
  margin-top: 40px;
}
.bl_columnDetail_sec {
  margin-top: 80px;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_sec {
    margin-top: 60px;
  }
}
.bl_columnDetail_sec *:first-child {
  margin-top: 0;
}
.bl_columnDetail_image {
  margin-top: 40px;
  text-align: center;
}
.bl_columnDetail_image:has(figure:nth-child(2)) {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  -webkit-column-gap: 24px;
  -moz-column-gap: 24px;
  column-gap: 24px;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_image:has(figure:nth-child(2)) {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.bl_columnDetail_image:has(figure:nth-child(2)) img {
  width: 100%;
}
.bl_columnDetail_image:has(figure:nth-child(3)) {
  grid-template-columns: repeat(3, 1fr);
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_image:has(figure:nth-child(3)) {
    grid-template-columns: 1fr;
    row-gap: 24px;
  }
}
.bl_columnDetail_image figcaption {
  margin-top: 8px;
}
.bl_columnDetail_ttlLv02 {
  margin-top: 80px;
  padding-block: 4px 6px;
  padding-inline: 16px;
  font-size: 2.6rem;
  font-weight: 700;
  background-color: #E9E3F1;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_ttlLv02 {
    margin-top: 60px;
    font-size: 2.4rem;
  }
}
.bl_columnDetail_ttlLv03 {
  margin-top: 40px;
  padding-left: 8px;
  color: #000000;
  font-size: 2.2rem;
  font-weight: 700;
  border-left: 4px solid #9274B7;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_ttlLv03 {
    font-size: 2rem;
  }
}
.bl_columnDetail_ttlLv04 {
  margin-top: 40px;
  color: #000000;
  font-size: 2rem;
  font-weight: 700;
  border-bottom: 2px solid #B6B6B6;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_ttlLv04 {
    font-size: 1.8rem;
  }
}
.bl_columnDetail_chara {
  margin-top: 30px;
}
.bl_columnDetail_chara p:not(:first-child) {
  margin-top: 0.5lh;
}
.bl_columnDetail_imageRight {
  display: grid;
  grid-template-columns: 1fr 0.86fr;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin-top: 80px;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_imageRight {
    grid-template-columns: 1fr;
    margin-top: 60px;
  }
}
.bl_columnDetail_imageRight .bl_columnDetail_ttlLv03, .bl_columnDetail_imageRight .bl_columnDetail_ttlLv04 {
  margin-top: 0;
  margin-bottom: 15px;
}
.bl_columnDetail_imageRight .bl_columnDetail_chara {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_imageRight_image {
    margin-top: 20px;
  }
}
.bl_columnDetail_imageRight_image img {
  width: 100%;
}
.bl_columnDetail_imageLeft {
  display: grid;
  grid-template-columns: 0.86fr 1fr;
  -webkit-column-gap: 30px;
  -moz-column-gap: 30px;
  column-gap: 30px;
  margin-top: 80px;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_imageLeft {
    grid-template-columns: 1fr;
    margin-top: 60px;
  }
}
.bl_columnDetail_imageLeft .bl_columnDetail_ttlLv03, .bl_columnDetail_imageLeft .bl_columnDetail_ttlLv04 {
  margin-top: 0;
  margin-bottom: 15px;
}
.bl_columnDetail_imageLeft .bl_columnDetail_chara {
  margin-top: 0;
}
@media only screen and (max-width: 768px) {
  .bl_columnDetail_imageLeft_image {
    margin-bottom: 20px;
  }
}
.bl_columnDetail_imageLeft_image img {
  width: 100%;
}
.bl_columnDetail_quot {
  margin-top: 40px;
  padding-block: 16px;
  padding-inline: 10px 16px;
  border-left: 6px solid #9274B7;
  background-color: #E9E3F1;
}
.bl_columnDetail_quot_summary p {
  color: #333333;
}
.bl_columnDetail_quot_summary p:not(:first-child) {
  margin-top: 0.5lh;
}
.bl_columnDetail_quot_link {
  margin-top: 16px;
  font-size: 1.4rem;
}
.bl_columnDetail_quot_link a {
  text-decoration: none;
}
@media (hover: hover) and (pointer: fine) {
  .bl_columnDetail_quot_link a:hover, .bl_columnDetail_quot_link a:active, .bl_columnDetail_quot_link a:focus {
    text-decoration: underline;
  }
}

.hp_mt_0 {
  margin-top: 0px !important;
}

.hp_mt_1 {
  margin-top: 8px !important;
}

.hp_mt_n1 {
  margin-top: -8px !important;
}

.hp_mt_2 {
  margin-top: 16px !important;
}

.hp_mt_n2 {
  margin-top: -16px !important;
}

.hp_mt_3 {
  margin-top: 24px !important;
}

.hp_mt_n3 {
  margin-top: -24px !important;
}

.hp_mt_4 {
  margin-top: 32px !important;
}

.hp_mt_n4 {
  margin-top: -32px !important;
}

.hp_mt_5 {
  margin-top: 40px !important;
}

.hp_mt_n5 {
  margin-top: -40px !important;
}

.hp_mt_6 {
  margin-top: 48px !important;
}

.hp_mt_n6 {
  margin-top: -48px !important;
}

.hp_mt_7 {
  margin-top: 56px !important;
}

.hp_mt_n7 {
  margin-top: -56px !important;
}

.hp_mt_8 {
  margin-top: 64px !important;
}

.hp_mt_n8 {
  margin-top: -64px !important;
}

.hp_mt_9 {
  margin-top: 72px !important;
}

.hp_mt_n9 {
  margin-top: -72px !important;
}

.hp_mt_10 {
  margin-top: 80px !important;
}

.hp_mt_n10 {
  margin-top: -80px !important;
}

.hp_mt_11 {
  margin-top: 88px !important;
}

.hp_mt_n11 {
  margin-top: -88px !important;
}

.hp_mt_12 {
  margin-top: 96px !important;
}

.hp_mt_n12 {
  margin-top: -96px !important;
}

.hp_mt_13 {
  margin-top: 104px !important;
}

.hp_mt_n13 {
  margin-top: -104px !important;
}

.hp_mt_14 {
  margin-top: 112px !important;
}

.hp_mt_n14 {
  margin-top: -112px !important;
}

.hp_mt_15 {
  margin-top: 120px !important;
}

.hp_mt_n15 {
  margin-top: -120px !important;
}

.hp_mt_16 {
  margin-top: 128px !important;
}

.hp_mt_n16 {
  margin-top: -128px !important;
}

.hp_mt_17 {
  margin-top: 136px !important;
}

.hp_mt_n17 {
  margin-top: -136px !important;
}

.hp_mt_18 {
  margin-top: 144px !important;
}

.hp_mt_n18 {
  margin-top: -144px !important;
}

.hp_mt_19 {
  margin-top: 152px !important;
}

.hp_mt_n19 {
  margin-top: -152px !important;
}

.hp_mt_20 {
  margin-top: 160px !important;
}

.hp_mt_n20 {
  margin-top: -160px !important;
}

.hp_mt_auto {
  margin-top: auto !important;
}

.hp_mb_0 {
  margin-bottom: 0px !important;
}

.hp_mb_1 {
  margin-bottom: 8px !important;
}

.hp_mb_n1 {
  margin-bottom: -8px !important;
}

.hp_mb_2 {
  margin-bottom: 16px !important;
}

.hp_mb_n2 {
  margin-bottom: -16px !important;
}

.hp_mb_3 {
  margin-bottom: 24px !important;
}

.hp_mb_n3 {
  margin-bottom: -24px !important;
}

.hp_mb_4 {
  margin-bottom: 32px !important;
}

.hp_mb_n4 {
  margin-bottom: -32px !important;
}

.hp_mb_5 {
  margin-bottom: 40px !important;
}

.hp_mb_n5 {
  margin-bottom: -40px !important;
}

.hp_mb_6 {
  margin-bottom: 48px !important;
}

.hp_mb_n6 {
  margin-bottom: -48px !important;
}

.hp_mb_7 {
  margin-bottom: 56px !important;
}

.hp_mb_n7 {
  margin-bottom: -56px !important;
}

.hp_mb_8 {
  margin-bottom: 64px !important;
}

.hp_mb_n8 {
  margin-bottom: -64px !important;
}

.hp_mb_9 {
  margin-bottom: 72px !important;
}

.hp_mb_n9 {
  margin-bottom: -72px !important;
}

.hp_mb_10 {
  margin-bottom: 80px !important;
}

.hp_mb_n10 {
  margin-bottom: -80px !important;
}

.hp_mb_11 {
  margin-bottom: 88px !important;
}

.hp_mb_n11 {
  margin-bottom: -88px !important;
}

.hp_mb_12 {
  margin-bottom: 96px !important;
}

.hp_mb_n12 {
  margin-bottom: -96px !important;
}

.hp_mb_13 {
  margin-bottom: 104px !important;
}

.hp_mb_n13 {
  margin-bottom: -104px !important;
}

.hp_mb_14 {
  margin-bottom: 112px !important;
}

.hp_mb_n14 {
  margin-bottom: -112px !important;
}

.hp_mb_15 {
  margin-bottom: 120px !important;
}

.hp_mb_n15 {
  margin-bottom: -120px !important;
}

.hp_mb_16 {
  margin-bottom: 128px !important;
}

.hp_mb_n16 {
  margin-bottom: -128px !important;
}

.hp_mb_17 {
  margin-bottom: 136px !important;
}

.hp_mb_n17 {
  margin-bottom: -136px !important;
}

.hp_mb_18 {
  margin-bottom: 144px !important;
}

.hp_mb_n18 {
  margin-bottom: -144px !important;
}

.hp_mb_19 {
  margin-bottom: 152px !important;
}

.hp_mb_n19 {
  margin-bottom: -152px !important;
}

.hp_mb_20 {
  margin-bottom: 160px !important;
}

.hp_mb_n20 {
  margin-bottom: -160px !important;
}

.hp_mb_auto {
  margin-bottom: auto !important;
}

.hp_ml_0 {
  margin-left: 0px !important;
}

.hp_ml_1 {
  margin-left: 8px !important;
}

.hp_ml_n1 {
  margin-left: -8px !important;
}

.hp_ml_2 {
  margin-left: 16px !important;
}

.hp_ml_n2 {
  margin-left: -16px !important;
}

.hp_ml_3 {
  margin-left: 24px !important;
}

.hp_ml_n3 {
  margin-left: -24px !important;
}

.hp_ml_4 {
  margin-left: 32px !important;
}

.hp_ml_n4 {
  margin-left: -32px !important;
}

.hp_ml_5 {
  margin-left: 40px !important;
}

.hp_ml_n5 {
  margin-left: -40px !important;
}

.hp_ml_6 {
  margin-left: 48px !important;
}

.hp_ml_n6 {
  margin-left: -48px !important;
}

.hp_ml_7 {
  margin-left: 56px !important;
}

.hp_ml_n7 {
  margin-left: -56px !important;
}

.hp_ml_8 {
  margin-left: 64px !important;
}

.hp_ml_n8 {
  margin-left: -64px !important;
}

.hp_ml_9 {
  margin-left: 72px !important;
}

.hp_ml_n9 {
  margin-left: -72px !important;
}

.hp_ml_10 {
  margin-left: 80px !important;
}

.hp_ml_n10 {
  margin-left: -80px !important;
}

.hp_ml_11 {
  margin-left: 88px !important;
}

.hp_ml_n11 {
  margin-left: -88px !important;
}

.hp_ml_12 {
  margin-left: 96px !important;
}

.hp_ml_n12 {
  margin-left: -96px !important;
}

.hp_ml_13 {
  margin-left: 104px !important;
}

.hp_ml_n13 {
  margin-left: -104px !important;
}

.hp_ml_14 {
  margin-left: 112px !important;
}

.hp_ml_n14 {
  margin-left: -112px !important;
}

.hp_ml_15 {
  margin-left: 120px !important;
}

.hp_ml_n15 {
  margin-left: -120px !important;
}

.hp_ml_16 {
  margin-left: 128px !important;
}

.hp_ml_n16 {
  margin-left: -128px !important;
}

.hp_ml_17 {
  margin-left: 136px !important;
}

.hp_ml_n17 {
  margin-left: -136px !important;
}

.hp_ml_18 {
  margin-left: 144px !important;
}

.hp_ml_n18 {
  margin-left: -144px !important;
}

.hp_ml_19 {
  margin-left: 152px !important;
}

.hp_ml_n19 {
  margin-left: -152px !important;
}

.hp_ml_20 {
  margin-left: 160px !important;
}

.hp_ml_n20 {
  margin-left: -160px !important;
}

.hp_ml_auto {
  margin-left: auto !important;
}

.hp_mr_0 {
  margin-right: 0px !important;
}

.hp_mr_1 {
  margin-right: 8px !important;
}

.hp_mr_n1 {
  margin-right: -8px !important;
}

.hp_mr_2 {
  margin-right: 16px !important;
}

.hp_mr_n2 {
  margin-right: -16px !important;
}

.hp_mr_3 {
  margin-right: 24px !important;
}

.hp_mr_n3 {
  margin-right: -24px !important;
}

.hp_mr_4 {
  margin-right: 32px !important;
}

.hp_mr_n4 {
  margin-right: -32px !important;
}

.hp_mr_5 {
  margin-right: 40px !important;
}

.hp_mr_n5 {
  margin-right: -40px !important;
}

.hp_mr_6 {
  margin-right: 48px !important;
}

.hp_mr_n6 {
  margin-right: -48px !important;
}

.hp_mr_7 {
  margin-right: 56px !important;
}

.hp_mr_n7 {
  margin-right: -56px !important;
}

.hp_mr_8 {
  margin-right: 64px !important;
}

.hp_mr_n8 {
  margin-right: -64px !important;
}

.hp_mr_9 {
  margin-right: 72px !important;
}

.hp_mr_n9 {
  margin-right: -72px !important;
}

.hp_mr_10 {
  margin-right: 80px !important;
}

.hp_mr_n10 {
  margin-right: -80px !important;
}

.hp_mr_11 {
  margin-right: 88px !important;
}

.hp_mr_n11 {
  margin-right: -88px !important;
}

.hp_mr_12 {
  margin-right: 96px !important;
}

.hp_mr_n12 {
  margin-right: -96px !important;
}

.hp_mr_13 {
  margin-right: 104px !important;
}

.hp_mr_n13 {
  margin-right: -104px !important;
}

.hp_mr_14 {
  margin-right: 112px !important;
}

.hp_mr_n14 {
  margin-right: -112px !important;
}

.hp_mr_15 {
  margin-right: 120px !important;
}

.hp_mr_n15 {
  margin-right: -120px !important;
}

.hp_mr_16 {
  margin-right: 128px !important;
}

.hp_mr_n16 {
  margin-right: -128px !important;
}

.hp_mr_17 {
  margin-right: 136px !important;
}

.hp_mr_n17 {
  margin-right: -136px !important;
}

.hp_mr_18 {
  margin-right: 144px !important;
}

.hp_mr_n18 {
  margin-right: -144px !important;
}

.hp_mr_19 {
  margin-right: 152px !important;
}

.hp_mr_n19 {
  margin-right: -152px !important;
}

.hp_mr_20 {
  margin-right: 160px !important;
}

.hp_mr_n20 {
  margin-right: -160px !important;
}

.hp_mr_auto {
  margin-right: auto !important;
}

.hp_mx_0 {
  margin-left: 0px !important;
  margin-right: 0px !important;
}

.hp_mx_1 {
  margin-left: 8px !important;
  margin-right: 8px !important;
}

.hp_mx_n1 {
  margin-left: -8px !important;
  margin-right: -8px !important;
}

.hp_mx_2 {
  margin-left: 16px !important;
  margin-right: 16px !important;
}

.hp_mx_n2 {
  margin-left: -16px !important;
  margin-right: -16px !important;
}

.hp_mx_3 {
  margin-left: 24px !important;
  margin-right: 24px !important;
}

.hp_mx_n3 {
  margin-left: -24px !important;
  margin-right: -24px !important;
}

.hp_mx_4 {
  margin-left: 32px !important;
  margin-right: 32px !important;
}

.hp_mx_n4 {
  margin-left: -32px !important;
  margin-right: -32px !important;
}

.hp_mx_5 {
  margin-left: 40px !important;
  margin-right: 40px !important;
}

.hp_mx_n5 {
  margin-left: -40px !important;
  margin-right: -40px !important;
}

.hp_mx_6 {
  margin-left: 48px !important;
  margin-right: 48px !important;
}

.hp_mx_n6 {
  margin-left: -48px !important;
  margin-right: -48px !important;
}

.hp_mx_7 {
  margin-left: 56px !important;
  margin-right: 56px !important;
}

.hp_mx_n7 {
  margin-left: -56px !important;
  margin-right: -56px !important;
}

.hp_mx_8 {
  margin-left: 64px !important;
  margin-right: 64px !important;
}

.hp_mx_n8 {
  margin-left: -64px !important;
  margin-right: -64px !important;
}

.hp_mx_9 {
  margin-left: 72px !important;
  margin-right: 72px !important;
}

.hp_mx_n9 {
  margin-left: -72px !important;
  margin-right: -72px !important;
}

.hp_mx_10 {
  margin-left: 80px !important;
  margin-right: 80px !important;
}

.hp_mx_n10 {
  margin-left: -80px !important;
  margin-right: -80px !important;
}

.hp_mx_11 {
  margin-left: 88px !important;
  margin-right: 88px !important;
}

.hp_mx_n11 {
  margin-left: -88px !important;
  margin-right: -88px !important;
}

.hp_mx_12 {
  margin-left: 96px !important;
  margin-right: 96px !important;
}

.hp_mx_n12 {
  margin-left: -96px !important;
  margin-right: -96px !important;
}

.hp_mx_13 {
  margin-left: 104px !important;
  margin-right: 104px !important;
}

.hp_mx_n13 {
  margin-left: -104px !important;
  margin-right: -104px !important;
}

.hp_mx_14 {
  margin-left: 112px !important;
  margin-right: 112px !important;
}

.hp_mx_n14 {
  margin-left: -112px !important;
  margin-right: -112px !important;
}

.hp_mx_15 {
  margin-left: 120px !important;
  margin-right: 120px !important;
}

.hp_mx_n15 {
  margin-left: -120px !important;
  margin-right: -120px !important;
}

.hp_mx_16 {
  margin-left: 128px !important;
  margin-right: 128px !important;
}

.hp_mx_n16 {
  margin-left: -128px !important;
  margin-right: -128px !important;
}

.hp_mx_17 {
  margin-left: 136px !important;
  margin-right: 136px !important;
}

.hp_mx_n17 {
  margin-left: -136px !important;
  margin-right: -136px !important;
}

.hp_mx_18 {
  margin-left: 144px !important;
  margin-right: 144px !important;
}

.hp_mx_n18 {
  margin-left: -144px !important;
  margin-right: -144px !important;
}

.hp_mx_19 {
  margin-left: 152px !important;
  margin-right: 152px !important;
}

.hp_mx_n19 {
  margin-left: -152px !important;
  margin-right: -152px !important;
}

.hp_mx_20 {
  margin-left: 160px !important;
  margin-right: 160px !important;
}

.hp_mx_n20 {
  margin-left: -160px !important;
  margin-right: -160px !important;
}

.hp_mx_auto {
  margin-left: auto !important;
  margin-right: auto !important;
}

.hp_my_0 {
  margin-top: 0px !important;
  margin-bottom: 0px !important;
}

.hp_my_1 {
  margin-top: 8px !important;
  margin-bottom: 8px !important;
}

.hp_my_n1 {
  margin-top: -8px !important;
  margin-bottom: -8px !important;
}

.hp_my_2 {
  margin-top: 16px !important;
  margin-bottom: 16px !important;
}

.hp_my_n2 {
  margin-top: -16px !important;
  margin-bottom: -16px !important;
}

.hp_my_3 {
  margin-top: 24px !important;
  margin-bottom: 24px !important;
}

.hp_my_n3 {
  margin-top: -24px !important;
  margin-bottom: -24px !important;
}

.hp_my_4 {
  margin-top: 32px !important;
  margin-bottom: 32px !important;
}

.hp_my_n4 {
  margin-top: -32px !important;
  margin-bottom: -32px !important;
}

.hp_my_5 {
  margin-top: 40px !important;
  margin-bottom: 40px !important;
}

.hp_my_n5 {
  margin-top: -40px !important;
  margin-bottom: -40px !important;
}

.hp_my_6 {
  margin-top: 48px !important;
  margin-bottom: 48px !important;
}

.hp_my_n6 {
  margin-top: -48px !important;
  margin-bottom: -48px !important;
}

.hp_my_7 {
  margin-top: 56px !important;
  margin-bottom: 56px !important;
}

.hp_my_n7 {
  margin-top: -56px !important;
  margin-bottom: -56px !important;
}

.hp_my_8 {
  margin-top: 64px !important;
  margin-bottom: 64px !important;
}

.hp_my_n8 {
  margin-top: -64px !important;
  margin-bottom: -64px !important;
}

.hp_my_9 {
  margin-top: 72px !important;
  margin-bottom: 72px !important;
}

.hp_my_n9 {
  margin-top: -72px !important;
  margin-bottom: -72px !important;
}

.hp_my_10 {
  margin-top: 80px !important;
  margin-bottom: 80px !important;
}

.hp_my_n10 {
  margin-top: -80px !important;
  margin-bottom: -80px !important;
}

.hp_my_11 {
  margin-top: 88px !important;
  margin-bottom: 88px !important;
}

.hp_my_n11 {
  margin-top: -88px !important;
  margin-bottom: -88px !important;
}

.hp_my_12 {
  margin-top: 96px !important;
  margin-bottom: 96px !important;
}

.hp_my_n12 {
  margin-top: -96px !important;
  margin-bottom: -96px !important;
}

.hp_my_13 {
  margin-top: 104px !important;
  margin-bottom: 104px !important;
}

.hp_my_n13 {
  margin-top: -104px !important;
  margin-bottom: -104px !important;
}

.hp_my_14 {
  margin-top: 112px !important;
  margin-bottom: 112px !important;
}

.hp_my_n14 {
  margin-top: -112px !important;
  margin-bottom: -112px !important;
}

.hp_my_15 {
  margin-top: 120px !important;
  margin-bottom: 120px !important;
}

.hp_my_n15 {
  margin-top: -120px !important;
  margin-bottom: -120px !important;
}

.hp_my_16 {
  margin-top: 128px !important;
  margin-bottom: 128px !important;
}

.hp_my_n16 {
  margin-top: -128px !important;
  margin-bottom: -128px !important;
}

.hp_my_17 {
  margin-top: 136px !important;
  margin-bottom: 136px !important;
}

.hp_my_n17 {
  margin-top: -136px !important;
  margin-bottom: -136px !important;
}

.hp_my_18 {
  margin-top: 144px !important;
  margin-bottom: 144px !important;
}

.hp_my_n18 {
  margin-top: -144px !important;
  margin-bottom: -144px !important;
}

.hp_my_19 {
  margin-top: 152px !important;
  margin-bottom: 152px !important;
}

.hp_my_n19 {
  margin-top: -152px !important;
  margin-bottom: -152px !important;
}

.hp_my_20 {
  margin-top: 160px !important;
  margin-bottom: 160px !important;
}

.hp_my_n20 {
  margin-top: -160px !important;
  margin-bottom: -160px !important;
}

.hp_my_auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}

.hp_ma_0 {
  margin: 0px !important;
}

.hp_ma_1 {
  margin: 8px !important;
}

.hp_ma_n1 {
  margin: -8px !important;
}

.hp_ma_2 {
  margin: 16px !important;
}

.hp_ma_n2 {
  margin: -16px !important;
}

.hp_ma_3 {
  margin: 24px !important;
}

.hp_ma_n3 {
  margin: -24px !important;
}

.hp_ma_4 {
  margin: 32px !important;
}

.hp_ma_n4 {
  margin: -32px !important;
}

.hp_ma_5 {
  margin: 40px !important;
}

.hp_ma_n5 {
  margin: -40px !important;
}

.hp_ma_6 {
  margin: 48px !important;
}

.hp_ma_n6 {
  margin: -48px !important;
}

.hp_ma_7 {
  margin: 56px !important;
}

.hp_ma_n7 {
  margin: -56px !important;
}

.hp_ma_8 {
  margin: 64px !important;
}

.hp_ma_n8 {
  margin: -64px !important;
}

.hp_ma_9 {
  margin: 72px !important;
}

.hp_ma_n9 {
  margin: -72px !important;
}

.hp_ma_10 {
  margin: 80px !important;
}

.hp_ma_n10 {
  margin: -80px !important;
}

.hp_ma_11 {
  margin: 88px !important;
}

.hp_ma_n11 {
  margin: -88px !important;
}

.hp_ma_12 {
  margin: 96px !important;
}

.hp_ma_n12 {
  margin: -96px !important;
}

.hp_ma_13 {
  margin: 104px !important;
}

.hp_ma_n13 {
  margin: -104px !important;
}

.hp_ma_14 {
  margin: 112px !important;
}

.hp_ma_n14 {
  margin: -112px !important;
}

.hp_ma_15 {
  margin: 120px !important;
}

.hp_ma_n15 {
  margin: -120px !important;
}

.hp_ma_16 {
  margin: 128px !important;
}

.hp_ma_n16 {
  margin: -128px !important;
}

.hp_ma_17 {
  margin: 136px !important;
}

.hp_ma_n17 {
  margin: -136px !important;
}

.hp_ma_18 {
  margin: 144px !important;
}

.hp_ma_n18 {
  margin: -144px !important;
}

.hp_ma_19 {
  margin: 152px !important;
}

.hp_ma_n19 {
  margin: -152px !important;
}

.hp_ma_20 {
  margin: 160px !important;
}

.hp_ma_n20 {
  margin: -160px !important;
}

.hp_ma_auto {
  margin: auto !important;
}

.hp_mt_1h {
  margin-top: 4px !important;
}

.hp_mt_n1h {
  margin-top: -4px !important;
}

.hp_mt_3h {
  margin-top: 12px !important;
}

.hp_mt_n3h {
  margin-top: -12px !important;
}

.hp_mb_1h {
  margin-bottom: 4px !important;
}

.hp_mb_n1h {
  margin-bottom: -4px !important;
}

.hp_mb_3h {
  margin-bottom: 12px !important;
}

.hp_mb_n3h {
  margin-bottom: -12px !important;
}

.hp_ml_1h {
  margin-left: 4px !important;
}

.hp_ml_n1h {
  margin-left: -4px !important;
}

.hp_ml_3h {
  margin-left: 12px !important;
}

.hp_ml_n3h {
  margin-left: -12px !important;
}

.hp_mr_1h {
  margin-right: 4px !important;
}

.hp_mr_n1h {
  margin-right: -4px !important;
}

.hp_mr_3h {
  margin-right: 12px !important;
}

.hp_mr_n3h {
  margin-right: -12px !important;
}

.hp_mx_1h {
  margin-left: 4px !important;
  margin-right: 4px !important;
}

.hp_mx_n1h {
  margin-left: -4px !important;
  margin-right: -4px !important;
}

.hp_mx_3h {
  margin-left: 12px !important;
  margin-right: 12px !important;
}

.hp_mx_n3h {
  margin-left: -12px !important;
  margin-right: -12px !important;
}

.hp_my_1h {
  margin-top: 4px !important;
  margin-bottom: 4px !important;
}

.hp_my_n1h {
  margin-top: -4px !important;
  margin-bottom: -4px !important;
}

.hp_my_3h {
  margin-top: 12px !important;
  margin-bottom: 12px !important;
}

.hp_my_n3h {
  margin-top: -12px !important;
  margin-bottom: -12px !important;
}

.hp_ma_1 {
  margin: 4px !important;
}

.hp_ma_n1 {
  margin: -4px !important;
}

.hp_ma_3 {
  margin: 12px !important;
}

.hp_ma_n3 {
  margin: -12px !important;
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .hp_mt_tab_0 {
    margin-top: 0px !important;
  }
  .hp_mt_tab_1 {
    margin-top: 8px !important;
  }
  .hp_mt_tab_n1 {
    margin-top: -8px !important;
  }
  .hp_mt_tab_2 {
    margin-top: 16px !important;
  }
  .hp_mt_tab_n2 {
    margin-top: -16px !important;
  }
  .hp_mt_tab_3 {
    margin-top: 24px !important;
  }
  .hp_mt_tab_n3 {
    margin-top: -24px !important;
  }
  .hp_mt_tab_4 {
    margin-top: 32px !important;
  }
  .hp_mt_tab_n4 {
    margin-top: -32px !important;
  }
  .hp_mt_tab_5 {
    margin-top: 40px !important;
  }
  .hp_mt_tab_n5 {
    margin-top: -40px !important;
  }
  .hp_mt_tab_6 {
    margin-top: 48px !important;
  }
  .hp_mt_tab_n6 {
    margin-top: -48px !important;
  }
  .hp_mt_tab_7 {
    margin-top: 56px !important;
  }
  .hp_mt_tab_n7 {
    margin-top: -56px !important;
  }
  .hp_mt_tab_8 {
    margin-top: 64px !important;
  }
  .hp_mt_tab_n8 {
    margin-top: -64px !important;
  }
  .hp_mt_tab_9 {
    margin-top: 72px !important;
  }
  .hp_mt_tab_n9 {
    margin-top: -72px !important;
  }
  .hp_mt_tab_10 {
    margin-top: 80px !important;
  }
  .hp_mt_tab_n10 {
    margin-top: -80px !important;
  }
  .hp_mt_tab_11 {
    margin-top: 88px !important;
  }
  .hp_mt_tab_n11 {
    margin-top: -88px !important;
  }
  .hp_mt_tab_12 {
    margin-top: 96px !important;
  }
  .hp_mt_tab_n12 {
    margin-top: -96px !important;
  }
  .hp_mt_tab_13 {
    margin-top: 104px !important;
  }
  .hp_mt_tab_n13 {
    margin-top: -104px !important;
  }
  .hp_mt_tab_14 {
    margin-top: 112px !important;
  }
  .hp_mt_tab_n14 {
    margin-top: -112px !important;
  }
  .hp_mt_tab_15 {
    margin-top: 120px !important;
  }
  .hp_mt_tab_n15 {
    margin-top: -120px !important;
  }
  .hp_mt_tab_16 {
    margin-top: 128px !important;
  }
  .hp_mt_tab_n16 {
    margin-top: -128px !important;
  }
  .hp_mt_tab_17 {
    margin-top: 136px !important;
  }
  .hp_mt_tab_n17 {
    margin-top: -136px !important;
  }
  .hp_mt_tab_18 {
    margin-top: 144px !important;
  }
  .hp_mt_tab_n18 {
    margin-top: -144px !important;
  }
  .hp_mt_tab_19 {
    margin-top: 152px !important;
  }
  .hp_mt_tab_n19 {
    margin-top: -152px !important;
  }
  .hp_mt_tab_20 {
    margin-top: 160px !important;
  }
  .hp_mt_tab_n20 {
    margin-top: -160px !important;
  }
  .hp_mt_tab_auto {
    margin-top: auto !important;
  }
  .hp_mb_tab_0 {
    margin-bottom: 0px !important;
  }
  .hp_mb_tab_1 {
    margin-bottom: 8px !important;
  }
  .hp_mb_tab_n1 {
    margin-bottom: -8px !important;
  }
  .hp_mb_tab_2 {
    margin-bottom: 16px !important;
  }
  .hp_mb_tab_n2 {
    margin-bottom: -16px !important;
  }
  .hp_mb_tab_3 {
    margin-bottom: 24px !important;
  }
  .hp_mb_tab_n3 {
    margin-bottom: -24px !important;
  }
  .hp_mb_tab_4 {
    margin-bottom: 32px !important;
  }
  .hp_mb_tab_n4 {
    margin-bottom: -32px !important;
  }
  .hp_mb_tab_5 {
    margin-bottom: 40px !important;
  }
  .hp_mb_tab_n5 {
    margin-bottom: -40px !important;
  }
  .hp_mb_tab_6 {
    margin-bottom: 48px !important;
  }
  .hp_mb_tab_n6 {
    margin-bottom: -48px !important;
  }
  .hp_mb_tab_7 {
    margin-bottom: 56px !important;
  }
  .hp_mb_tab_n7 {
    margin-bottom: -56px !important;
  }
  .hp_mb_tab_8 {
    margin-bottom: 64px !important;
  }
  .hp_mb_tab_n8 {
    margin-bottom: -64px !important;
  }
  .hp_mb_tab_9 {
    margin-bottom: 72px !important;
  }
  .hp_mb_tab_n9 {
    margin-bottom: -72px !important;
  }
  .hp_mb_tab_10 {
    margin-bottom: 80px !important;
  }
  .hp_mb_tab_n10 {
    margin-bottom: -80px !important;
  }
  .hp_mb_tab_11 {
    margin-bottom: 88px !important;
  }
  .hp_mb_tab_n11 {
    margin-bottom: -88px !important;
  }
  .hp_mb_tab_12 {
    margin-bottom: 96px !important;
  }
  .hp_mb_tab_n12 {
    margin-bottom: -96px !important;
  }
  .hp_mb_tab_13 {
    margin-bottom: 104px !important;
  }
  .hp_mb_tab_n13 {
    margin-bottom: -104px !important;
  }
  .hp_mb_tab_14 {
    margin-bottom: 112px !important;
  }
  .hp_mb_tab_n14 {
    margin-bottom: -112px !important;
  }
  .hp_mb_tab_15 {
    margin-bottom: 120px !important;
  }
  .hp_mb_tab_n15 {
    margin-bottom: -120px !important;
  }
  .hp_mb_tab_16 {
    margin-bottom: 128px !important;
  }
  .hp_mb_tab_n16 {
    margin-bottom: -128px !important;
  }
  .hp_mb_tab_17 {
    margin-bottom: 136px !important;
  }
  .hp_mb_tab_n17 {
    margin-bottom: -136px !important;
  }
  .hp_mb_tab_18 {
    margin-bottom: 144px !important;
  }
  .hp_mb_tab_n18 {
    margin-bottom: -144px !important;
  }
  .hp_mb_tab_19 {
    margin-bottom: 152px !important;
  }
  .hp_mb_tab_n19 {
    margin-bottom: -152px !important;
  }
  .hp_mb_tab_20 {
    margin-bottom: 160px !important;
  }
  .hp_mb_tab_n20 {
    margin-bottom: -160px !important;
  }
  .hp_mb_tab_auto {
    margin-bottom: auto !important;
  }
  .hp_ml_tab_0 {
    margin-left: 0px !important;
  }
  .hp_ml_tab_1 {
    margin-left: 8px !important;
  }
  .hp_ml_tab_n1 {
    margin-left: -8px !important;
  }
  .hp_ml_tab_2 {
    margin-left: 16px !important;
  }
  .hp_ml_tab_n2 {
    margin-left: -16px !important;
  }
  .hp_ml_tab_3 {
    margin-left: 24px !important;
  }
  .hp_ml_tab_n3 {
    margin-left: -24px !important;
  }
  .hp_ml_tab_4 {
    margin-left: 32px !important;
  }
  .hp_ml_tab_n4 {
    margin-left: -32px !important;
  }
  .hp_ml_tab_5 {
    margin-left: 40px !important;
  }
  .hp_ml_tab_n5 {
    margin-left: -40px !important;
  }
  .hp_ml_tab_6 {
    margin-left: 48px !important;
  }
  .hp_ml_tab_n6 {
    margin-left: -48px !important;
  }
  .hp_ml_tab_7 {
    margin-left: 56px !important;
  }
  .hp_ml_tab_n7 {
    margin-left: -56px !important;
  }
  .hp_ml_tab_8 {
    margin-left: 64px !important;
  }
  .hp_ml_tab_n8 {
    margin-left: -64px !important;
  }
  .hp_ml_tab_9 {
    margin-left: 72px !important;
  }
  .hp_ml_tab_n9 {
    margin-left: -72px !important;
  }
  .hp_ml_tab_10 {
    margin-left: 80px !important;
  }
  .hp_ml_tab_n10 {
    margin-left: -80px !important;
  }
  .hp_ml_tab_11 {
    margin-left: 88px !important;
  }
  .hp_ml_tab_n11 {
    margin-left: -88px !important;
  }
  .hp_ml_tab_12 {
    margin-left: 96px !important;
  }
  .hp_ml_tab_n12 {
    margin-left: -96px !important;
  }
  .hp_ml_tab_13 {
    margin-left: 104px !important;
  }
  .hp_ml_tab_n13 {
    margin-left: -104px !important;
  }
  .hp_ml_tab_14 {
    margin-left: 112px !important;
  }
  .hp_ml_tab_n14 {
    margin-left: -112px !important;
  }
  .hp_ml_tab_15 {
    margin-left: 120px !important;
  }
  .hp_ml_tab_n15 {
    margin-left: -120px !important;
  }
  .hp_ml_tab_16 {
    margin-left: 128px !important;
  }
  .hp_ml_tab_n16 {
    margin-left: -128px !important;
  }
  .hp_ml_tab_17 {
    margin-left: 136px !important;
  }
  .hp_ml_tab_n17 {
    margin-left: -136px !important;
  }
  .hp_ml_tab_18 {
    margin-left: 144px !important;
  }
  .hp_ml_tab_n18 {
    margin-left: -144px !important;
  }
  .hp_ml_tab_19 {
    margin-left: 152px !important;
  }
  .hp_ml_tab_n19 {
    margin-left: -152px !important;
  }
  .hp_ml_tab_20 {
    margin-left: 160px !important;
  }
  .hp_ml_tab_n20 {
    margin-left: -160px !important;
  }
  .hp_ml_tab_auto {
    margin-left: auto !important;
  }
  .hp_mr_tab_0 {
    margin-right: 0px !important;
  }
  .hp_mr_tab_1 {
    margin-right: 8px !important;
  }
  .hp_mr_tab_n1 {
    margin-right: -8px !important;
  }
  .hp_mr_tab_2 {
    margin-right: 16px !important;
  }
  .hp_mr_tab_n2 {
    margin-right: -16px !important;
  }
  .hp_mr_tab_3 {
    margin-right: 24px !important;
  }
  .hp_mr_tab_n3 {
    margin-right: -24px !important;
  }
  .hp_mr_tab_4 {
    margin-right: 32px !important;
  }
  .hp_mr_tab_n4 {
    margin-right: -32px !important;
  }
  .hp_mr_tab_5 {
    margin-right: 40px !important;
  }
  .hp_mr_tab_n5 {
    margin-right: -40px !important;
  }
  .hp_mr_tab_6 {
    margin-right: 48px !important;
  }
  .hp_mr_tab_n6 {
    margin-right: -48px !important;
  }
  .hp_mr_tab_7 {
    margin-right: 56px !important;
  }
  .hp_mr_tab_n7 {
    margin-right: -56px !important;
  }
  .hp_mr_tab_8 {
    margin-right: 64px !important;
  }
  .hp_mr_tab_n8 {
    margin-right: -64px !important;
  }
  .hp_mr_tab_9 {
    margin-right: 72px !important;
  }
  .hp_mr_tab_n9 {
    margin-right: -72px !important;
  }
  .hp_mr_tab_10 {
    margin-right: 80px !important;
  }
  .hp_mr_tab_n10 {
    margin-right: -80px !important;
  }
  .hp_mr_tab_11 {
    margin-right: 88px !important;
  }
  .hp_mr_tab_n11 {
    margin-right: -88px !important;
  }
  .hp_mr_tab_12 {
    margin-right: 96px !important;
  }
  .hp_mr_tab_n12 {
    margin-right: -96px !important;
  }
  .hp_mr_tab_13 {
    margin-right: 104px !important;
  }
  .hp_mr_tab_n13 {
    margin-right: -104px !important;
  }
  .hp_mr_tab_14 {
    margin-right: 112px !important;
  }
  .hp_mr_tab_n14 {
    margin-right: -112px !important;
  }
  .hp_mr_tab_15 {
    margin-right: 120px !important;
  }
  .hp_mr_tab_n15 {
    margin-right: -120px !important;
  }
  .hp_mr_tab_16 {
    margin-right: 128px !important;
  }
  .hp_mr_tab_n16 {
    margin-right: -128px !important;
  }
  .hp_mr_tab_17 {
    margin-right: 136px !important;
  }
  .hp_mr_tab_n17 {
    margin-right: -136px !important;
  }
  .hp_mr_tab_18 {
    margin-right: 144px !important;
  }
  .hp_mr_tab_n18 {
    margin-right: -144px !important;
  }
  .hp_mr_tab_19 {
    margin-right: 152px !important;
  }
  .hp_mr_tab_n19 {
    margin-right: -152px !important;
  }
  .hp_mr_tab_20 {
    margin-right: 160px !important;
  }
  .hp_mr_tab_n20 {
    margin-right: -160px !important;
  }
  .hp_mr_tab_auto {
    margin-right: auto !important;
  }
  .hp_mx_tab_0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .hp_mx_tab_1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .hp_mx_tab_n1 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  .hp_mx_tab_2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .hp_mx_tab_n2 {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .hp_mx_tab_3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .hp_mx_tab_n3 {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }
  .hp_mx_tab_4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .hp_mx_tab_n4 {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }
  .hp_mx_tab_5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .hp_mx_tab_n5 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
  .hp_mx_tab_6 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .hp_mx_tab_n6 {
    margin-left: -48px !important;
    margin-right: -48px !important;
  }
  .hp_mx_tab_7 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .hp_mx_tab_n7 {
    margin-left: -56px !important;
    margin-right: -56px !important;
  }
  .hp_mx_tab_8 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .hp_mx_tab_n8 {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }
  .hp_mx_tab_9 {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .hp_mx_tab_n9 {
    margin-left: -72px !important;
    margin-right: -72px !important;
  }
  .hp_mx_tab_10 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .hp_mx_tab_n10 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }
  .hp_mx_tab_11 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .hp_mx_tab_n11 {
    margin-left: -88px !important;
    margin-right: -88px !important;
  }
  .hp_mx_tab_12 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .hp_mx_tab_n12 {
    margin-left: -96px !important;
    margin-right: -96px !important;
  }
  .hp_mx_tab_13 {
    margin-left: 104px !important;
    margin-right: 104px !important;
  }
  .hp_mx_tab_n13 {
    margin-left: -104px !important;
    margin-right: -104px !important;
  }
  .hp_mx_tab_14 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
  .hp_mx_tab_n14 {
    margin-left: -112px !important;
    margin-right: -112px !important;
  }
  .hp_mx_tab_15 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .hp_mx_tab_n15 {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }
  .hp_mx_tab_16 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .hp_mx_tab_n16 {
    margin-left: -128px !important;
    margin-right: -128px !important;
  }
  .hp_mx_tab_17 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
  .hp_mx_tab_n17 {
    margin-left: -136px !important;
    margin-right: -136px !important;
  }
  .hp_mx_tab_18 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
  .hp_mx_tab_n18 {
    margin-left: -144px !important;
    margin-right: -144px !important;
  }
  .hp_mx_tab_19 {
    margin-left: 152px !important;
    margin-right: 152px !important;
  }
  .hp_mx_tab_n19 {
    margin-left: -152px !important;
    margin-right: -152px !important;
  }
  .hp_mx_tab_20 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .hp_mx_tab_n20 {
    margin-left: -160px !important;
    margin-right: -160px !important;
  }
  .hp_mx_tab_auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hp_my_tab_0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .hp_my_tab_1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .hp_my_tab_n1 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .hp_my_tab_2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .hp_my_tab_n2 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .hp_my_tab_3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .hp_my_tab_n3 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .hp_my_tab_4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .hp_my_tab_n4 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .hp_my_tab_5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .hp_my_tab_n5 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .hp_my_tab_6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .hp_my_tab_n6 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .hp_my_tab_7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .hp_my_tab_n7 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .hp_my_tab_8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .hp_my_tab_n8 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .hp_my_tab_9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .hp_my_tab_n9 {
    margin-top: -72px !important;
    margin-bottom: -72px !important;
  }
  .hp_my_tab_10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .hp_my_tab_n10 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .hp_my_tab_11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .hp_my_tab_n11 {
    margin-top: -88px !important;
    margin-bottom: -88px !important;
  }
  .hp_my_tab_12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .hp_my_tab_n12 {
    margin-top: -96px !important;
    margin-bottom: -96px !important;
  }
  .hp_my_tab_13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .hp_my_tab_n13 {
    margin-top: -104px !important;
    margin-bottom: -104px !important;
  }
  .hp_my_tab_14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .hp_my_tab_n14 {
    margin-top: -112px !important;
    margin-bottom: -112px !important;
  }
  .hp_my_tab_15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .hp_my_tab_n15 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .hp_my_tab_16 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .hp_my_tab_n16 {
    margin-top: -128px !important;
    margin-bottom: -128px !important;
  }
  .hp_my_tab_17 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
  .hp_my_tab_n17 {
    margin-top: -136px !important;
    margin-bottom: -136px !important;
  }
  .hp_my_tab_18 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
  .hp_my_tab_n18 {
    margin-top: -144px !important;
    margin-bottom: -144px !important;
  }
  .hp_my_tab_19 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
  .hp_my_tab_n19 {
    margin-top: -152px !important;
    margin-bottom: -152px !important;
  }
  .hp_my_tab_20 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .hp_my_tab_n20 {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .hp_my_tab_auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .hp_ma_tab_0 {
    margin: 0px !important;
  }
  .hp_ma_tab_1 {
    margin: 8px !important;
  }
  .hp_ma_tab_n1 {
    margin: -8px !important;
  }
  .hp_ma_tab_2 {
    margin: 16px !important;
  }
  .hp_ma_tab_n2 {
    margin: -16px !important;
  }
  .hp_ma_tab_3 {
    margin: 24px !important;
  }
  .hp_ma_tab_n3 {
    margin: -24px !important;
  }
  .hp_ma_tab_4 {
    margin: 32px !important;
  }
  .hp_ma_tab_n4 {
    margin: -32px !important;
  }
  .hp_ma_tab_5 {
    margin: 40px !important;
  }
  .hp_ma_tab_n5 {
    margin: -40px !important;
  }
  .hp_ma_tab_6 {
    margin: 48px !important;
  }
  .hp_ma_tab_n6 {
    margin: -48px !important;
  }
  .hp_ma_tab_7 {
    margin: 56px !important;
  }
  .hp_ma_tab_n7 {
    margin: -56px !important;
  }
  .hp_ma_tab_8 {
    margin: 64px !important;
  }
  .hp_ma_tab_n8 {
    margin: -64px !important;
  }
  .hp_ma_tab_9 {
    margin: 72px !important;
  }
  .hp_ma_tab_n9 {
    margin: -72px !important;
  }
  .hp_ma_tab_10 {
    margin: 80px !important;
  }
  .hp_ma_tab_n10 {
    margin: -80px !important;
  }
  .hp_ma_tab_11 {
    margin: 88px !important;
  }
  .hp_ma_tab_n11 {
    margin: -88px !important;
  }
  .hp_ma_tab_12 {
    margin: 96px !important;
  }
  .hp_ma_tab_n12 {
    margin: -96px !important;
  }
  .hp_ma_tab_13 {
    margin: 104px !important;
  }
  .hp_ma_tab_n13 {
    margin: -104px !important;
  }
  .hp_ma_tab_14 {
    margin: 112px !important;
  }
  .hp_ma_tab_n14 {
    margin: -112px !important;
  }
  .hp_ma_tab_15 {
    margin: 120px !important;
  }
  .hp_ma_tab_n15 {
    margin: -120px !important;
  }
  .hp_ma_tab_16 {
    margin: 128px !important;
  }
  .hp_ma_tab_n16 {
    margin: -128px !important;
  }
  .hp_ma_tab_17 {
    margin: 136px !important;
  }
  .hp_ma_tab_n17 {
    margin: -136px !important;
  }
  .hp_ma_tab_18 {
    margin: 144px !important;
  }
  .hp_ma_tab_n18 {
    margin: -144px !important;
  }
  .hp_ma_tab_19 {
    margin: 152px !important;
  }
  .hp_ma_tab_n19 {
    margin: -152px !important;
  }
  .hp_ma_tab_20 {
    margin: 160px !important;
  }
  .hp_ma_tab_n20 {
    margin: -160px !important;
  }
  .hp_ma_tab_auto {
    margin: auto !important;
  }
  .hp_mt_tab_1h {
    margin-top: 4px !important;
  }
  .hp_mt_tab_n1h {
    margin-top: -4px !important;
  }
  .hp_mt_tab_3h {
    margin-top: 12px !important;
  }
  .hp_mt_tab_n3h {
    margin-top: -12px !important;
  }
  .hp_mb_tab_1h {
    margin-bottom: 4px !important;
  }
  .hp_mb_tab_n1h {
    margin-bottom: -4px !important;
  }
  .hp_mb_tab_3h {
    margin-bottom: 12px !important;
  }
  .hp_mb_tab_n3h {
    margin-bottom: -12px !important;
  }
  .hp_ml_tab_1h {
    margin-left: 4px !important;
  }
  .hp_ml_tab_n1h {
    margin-left: -4px !important;
  }
  .hp_ml_tab_3h {
    margin-left: 12px !important;
  }
  .hp_ml_tab_n3h {
    margin-left: -12px !important;
  }
  .hp_mr_tab_1h {
    margin-right: 4px !important;
  }
  .hp_mr_tab_n1h {
    margin-right: -4px !important;
  }
  .hp_mr_tab_3h {
    margin-right: 12px !important;
  }
  .hp_mr_tab_n3h {
    margin-right: -12px !important;
  }
  .hp_mx_tab_1h {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .hp_mx_tab_n1h {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }
  .hp_mx_tab_3h {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .hp_mx_tab_n3h {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  .hp_my_tab_1h {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .hp_my_tab_n1h {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .hp_my_tab_3h {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .hp_my_tab_n3h {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .hp_ma_tab_1 {
    margin: 4px !important;
  }
  .hp_ma_tab_n1 {
    margin: -4px !important;
  }
  .hp_ma_tab_3 {
    margin: 12px !important;
  }
  .hp_ma_tab_n3 {
    margin: -12px !important;
  }
}
@media only screen and (max-width: 768px) {
  .hp_mt_sp_0 {
    margin-top: 0px !important;
  }
  .hp_mt_sp_1 {
    margin-top: 8px !important;
  }
  .hp_mt_sp_n1 {
    margin-top: -8px !important;
  }
  .hp_mt_sp_2 {
    margin-top: 16px !important;
  }
  .hp_mt_sp_n2 {
    margin-top: -16px !important;
  }
  .hp_mt_sp_3 {
    margin-top: 24px !important;
  }
  .hp_mt_sp_n3 {
    margin-top: -24px !important;
  }
  .hp_mt_sp_4 {
    margin-top: 32px !important;
  }
  .hp_mt_sp_n4 {
    margin-top: -32px !important;
  }
  .hp_mt_sp_5 {
    margin-top: 40px !important;
  }
  .hp_mt_sp_n5 {
    margin-top: -40px !important;
  }
  .hp_mt_sp_6 {
    margin-top: 48px !important;
  }
  .hp_mt_sp_n6 {
    margin-top: -48px !important;
  }
  .hp_mt_sp_7 {
    margin-top: 56px !important;
  }
  .hp_mt_sp_n7 {
    margin-top: -56px !important;
  }
  .hp_mt_sp_8 {
    margin-top: 64px !important;
  }
  .hp_mt_sp_n8 {
    margin-top: -64px !important;
  }
  .hp_mt_sp_9 {
    margin-top: 72px !important;
  }
  .hp_mt_sp_n9 {
    margin-top: -72px !important;
  }
  .hp_mt_sp_10 {
    margin-top: 80px !important;
  }
  .hp_mt_sp_n10 {
    margin-top: -80px !important;
  }
  .hp_mt_sp_11 {
    margin-top: 88px !important;
  }
  .hp_mt_sp_n11 {
    margin-top: -88px !important;
  }
  .hp_mt_sp_12 {
    margin-top: 96px !important;
  }
  .hp_mt_sp_n12 {
    margin-top: -96px !important;
  }
  .hp_mt_sp_13 {
    margin-top: 104px !important;
  }
  .hp_mt_sp_n13 {
    margin-top: -104px !important;
  }
  .hp_mt_sp_14 {
    margin-top: 112px !important;
  }
  .hp_mt_sp_n14 {
    margin-top: -112px !important;
  }
  .hp_mt_sp_15 {
    margin-top: 120px !important;
  }
  .hp_mt_sp_n15 {
    margin-top: -120px !important;
  }
  .hp_mt_sp_16 {
    margin-top: 128px !important;
  }
  .hp_mt_sp_n16 {
    margin-top: -128px !important;
  }
  .hp_mt_sp_17 {
    margin-top: 136px !important;
  }
  .hp_mt_sp_n17 {
    margin-top: -136px !important;
  }
  .hp_mt_sp_18 {
    margin-top: 144px !important;
  }
  .hp_mt_sp_n18 {
    margin-top: -144px !important;
  }
  .hp_mt_sp_19 {
    margin-top: 152px !important;
  }
  .hp_mt_sp_n19 {
    margin-top: -152px !important;
  }
  .hp_mt_sp_20 {
    margin-top: 160px !important;
  }
  .hp_mt_sp_n20 {
    margin-top: -160px !important;
  }
  .hp_mt_sp_auto {
    margin-top: auto !important;
  }
  .hp_mb_sp_0 {
    margin-bottom: 0px !important;
  }
  .hp_mb_sp_1 {
    margin-bottom: 8px !important;
  }
  .hp_mb_sp_n1 {
    margin-bottom: -8px !important;
  }
  .hp_mb_sp_2 {
    margin-bottom: 16px !important;
  }
  .hp_mb_sp_n2 {
    margin-bottom: -16px !important;
  }
  .hp_mb_sp_3 {
    margin-bottom: 24px !important;
  }
  .hp_mb_sp_n3 {
    margin-bottom: -24px !important;
  }
  .hp_mb_sp_4 {
    margin-bottom: 32px !important;
  }
  .hp_mb_sp_n4 {
    margin-bottom: -32px !important;
  }
  .hp_mb_sp_5 {
    margin-bottom: 40px !important;
  }
  .hp_mb_sp_n5 {
    margin-bottom: -40px !important;
  }
  .hp_mb_sp_6 {
    margin-bottom: 48px !important;
  }
  .hp_mb_sp_n6 {
    margin-bottom: -48px !important;
  }
  .hp_mb_sp_7 {
    margin-bottom: 56px !important;
  }
  .hp_mb_sp_n7 {
    margin-bottom: -56px !important;
  }
  .hp_mb_sp_8 {
    margin-bottom: 64px !important;
  }
  .hp_mb_sp_n8 {
    margin-bottom: -64px !important;
  }
  .hp_mb_sp_9 {
    margin-bottom: 72px !important;
  }
  .hp_mb_sp_n9 {
    margin-bottom: -72px !important;
  }
  .hp_mb_sp_10 {
    margin-bottom: 80px !important;
  }
  .hp_mb_sp_n10 {
    margin-bottom: -80px !important;
  }
  .hp_mb_sp_11 {
    margin-bottom: 88px !important;
  }
  .hp_mb_sp_n11 {
    margin-bottom: -88px !important;
  }
  .hp_mb_sp_12 {
    margin-bottom: 96px !important;
  }
  .hp_mb_sp_n12 {
    margin-bottom: -96px !important;
  }
  .hp_mb_sp_13 {
    margin-bottom: 104px !important;
  }
  .hp_mb_sp_n13 {
    margin-bottom: -104px !important;
  }
  .hp_mb_sp_14 {
    margin-bottom: 112px !important;
  }
  .hp_mb_sp_n14 {
    margin-bottom: -112px !important;
  }
  .hp_mb_sp_15 {
    margin-bottom: 120px !important;
  }
  .hp_mb_sp_n15 {
    margin-bottom: -120px !important;
  }
  .hp_mb_sp_16 {
    margin-bottom: 128px !important;
  }
  .hp_mb_sp_n16 {
    margin-bottom: -128px !important;
  }
  .hp_mb_sp_17 {
    margin-bottom: 136px !important;
  }
  .hp_mb_sp_n17 {
    margin-bottom: -136px !important;
  }
  .hp_mb_sp_18 {
    margin-bottom: 144px !important;
  }
  .hp_mb_sp_n18 {
    margin-bottom: -144px !important;
  }
  .hp_mb_sp_19 {
    margin-bottom: 152px !important;
  }
  .hp_mb_sp_n19 {
    margin-bottom: -152px !important;
  }
  .hp_mb_sp_20 {
    margin-bottom: 160px !important;
  }
  .hp_mb_sp_n20 {
    margin-bottom: -160px !important;
  }
  .hp_mb_sp_auto {
    margin-bottom: auto !important;
  }
  .hp_ml_sp_0 {
    margin-left: 0px !important;
  }
  .hp_ml_sp_1 {
    margin-left: 8px !important;
  }
  .hp_ml_sp_n1 {
    margin-left: -8px !important;
  }
  .hp_ml_sp_2 {
    margin-left: 16px !important;
  }
  .hp_ml_sp_n2 {
    margin-left: -16px !important;
  }
  .hp_ml_sp_3 {
    margin-left: 24px !important;
  }
  .hp_ml_sp_n3 {
    margin-left: -24px !important;
  }
  .hp_ml_sp_4 {
    margin-left: 32px !important;
  }
  .hp_ml_sp_n4 {
    margin-left: -32px !important;
  }
  .hp_ml_sp_5 {
    margin-left: 40px !important;
  }
  .hp_ml_sp_n5 {
    margin-left: -40px !important;
  }
  .hp_ml_sp_6 {
    margin-left: 48px !important;
  }
  .hp_ml_sp_n6 {
    margin-left: -48px !important;
  }
  .hp_ml_sp_7 {
    margin-left: 56px !important;
  }
  .hp_ml_sp_n7 {
    margin-left: -56px !important;
  }
  .hp_ml_sp_8 {
    margin-left: 64px !important;
  }
  .hp_ml_sp_n8 {
    margin-left: -64px !important;
  }
  .hp_ml_sp_9 {
    margin-left: 72px !important;
  }
  .hp_ml_sp_n9 {
    margin-left: -72px !important;
  }
  .hp_ml_sp_10 {
    margin-left: 80px !important;
  }
  .hp_ml_sp_n10 {
    margin-left: -80px !important;
  }
  .hp_ml_sp_11 {
    margin-left: 88px !important;
  }
  .hp_ml_sp_n11 {
    margin-left: -88px !important;
  }
  .hp_ml_sp_12 {
    margin-left: 96px !important;
  }
  .hp_ml_sp_n12 {
    margin-left: -96px !important;
  }
  .hp_ml_sp_13 {
    margin-left: 104px !important;
  }
  .hp_ml_sp_n13 {
    margin-left: -104px !important;
  }
  .hp_ml_sp_14 {
    margin-left: 112px !important;
  }
  .hp_ml_sp_n14 {
    margin-left: -112px !important;
  }
  .hp_ml_sp_15 {
    margin-left: 120px !important;
  }
  .hp_ml_sp_n15 {
    margin-left: -120px !important;
  }
  .hp_ml_sp_16 {
    margin-left: 128px !important;
  }
  .hp_ml_sp_n16 {
    margin-left: -128px !important;
  }
  .hp_ml_sp_17 {
    margin-left: 136px !important;
  }
  .hp_ml_sp_n17 {
    margin-left: -136px !important;
  }
  .hp_ml_sp_18 {
    margin-left: 144px !important;
  }
  .hp_ml_sp_n18 {
    margin-left: -144px !important;
  }
  .hp_ml_sp_19 {
    margin-left: 152px !important;
  }
  .hp_ml_sp_n19 {
    margin-left: -152px !important;
  }
  .hp_ml_sp_20 {
    margin-left: 160px !important;
  }
  .hp_ml_sp_n20 {
    margin-left: -160px !important;
  }
  .hp_ml_sp_auto {
    margin-left: auto !important;
  }
  .hp_mr_sp_0 {
    margin-right: 0px !important;
  }
  .hp_mr_sp_1 {
    margin-right: 8px !important;
  }
  .hp_mr_sp_n1 {
    margin-right: -8px !important;
  }
  .hp_mr_sp_2 {
    margin-right: 16px !important;
  }
  .hp_mr_sp_n2 {
    margin-right: -16px !important;
  }
  .hp_mr_sp_3 {
    margin-right: 24px !important;
  }
  .hp_mr_sp_n3 {
    margin-right: -24px !important;
  }
  .hp_mr_sp_4 {
    margin-right: 32px !important;
  }
  .hp_mr_sp_n4 {
    margin-right: -32px !important;
  }
  .hp_mr_sp_5 {
    margin-right: 40px !important;
  }
  .hp_mr_sp_n5 {
    margin-right: -40px !important;
  }
  .hp_mr_sp_6 {
    margin-right: 48px !important;
  }
  .hp_mr_sp_n6 {
    margin-right: -48px !important;
  }
  .hp_mr_sp_7 {
    margin-right: 56px !important;
  }
  .hp_mr_sp_n7 {
    margin-right: -56px !important;
  }
  .hp_mr_sp_8 {
    margin-right: 64px !important;
  }
  .hp_mr_sp_n8 {
    margin-right: -64px !important;
  }
  .hp_mr_sp_9 {
    margin-right: 72px !important;
  }
  .hp_mr_sp_n9 {
    margin-right: -72px !important;
  }
  .hp_mr_sp_10 {
    margin-right: 80px !important;
  }
  .hp_mr_sp_n10 {
    margin-right: -80px !important;
  }
  .hp_mr_sp_11 {
    margin-right: 88px !important;
  }
  .hp_mr_sp_n11 {
    margin-right: -88px !important;
  }
  .hp_mr_sp_12 {
    margin-right: 96px !important;
  }
  .hp_mr_sp_n12 {
    margin-right: -96px !important;
  }
  .hp_mr_sp_13 {
    margin-right: 104px !important;
  }
  .hp_mr_sp_n13 {
    margin-right: -104px !important;
  }
  .hp_mr_sp_14 {
    margin-right: 112px !important;
  }
  .hp_mr_sp_n14 {
    margin-right: -112px !important;
  }
  .hp_mr_sp_15 {
    margin-right: 120px !important;
  }
  .hp_mr_sp_n15 {
    margin-right: -120px !important;
  }
  .hp_mr_sp_16 {
    margin-right: 128px !important;
  }
  .hp_mr_sp_n16 {
    margin-right: -128px !important;
  }
  .hp_mr_sp_17 {
    margin-right: 136px !important;
  }
  .hp_mr_sp_n17 {
    margin-right: -136px !important;
  }
  .hp_mr_sp_18 {
    margin-right: 144px !important;
  }
  .hp_mr_sp_n18 {
    margin-right: -144px !important;
  }
  .hp_mr_sp_19 {
    margin-right: 152px !important;
  }
  .hp_mr_sp_n19 {
    margin-right: -152px !important;
  }
  .hp_mr_sp_20 {
    margin-right: 160px !important;
  }
  .hp_mr_sp_n20 {
    margin-right: -160px !important;
  }
  .hp_mr_sp_auto {
    margin-right: auto !important;
  }
  .hp_mx_sp_0 {
    margin-left: 0px !important;
    margin-right: 0px !important;
  }
  .hp_mx_sp_1 {
    margin-left: 8px !important;
    margin-right: 8px !important;
  }
  .hp_mx_sp_n1 {
    margin-left: -8px !important;
    margin-right: -8px !important;
  }
  .hp_mx_sp_2 {
    margin-left: 16px !important;
    margin-right: 16px !important;
  }
  .hp_mx_sp_n2 {
    margin-left: -16px !important;
    margin-right: -16px !important;
  }
  .hp_mx_sp_3 {
    margin-left: 24px !important;
    margin-right: 24px !important;
  }
  .hp_mx_sp_n3 {
    margin-left: -24px !important;
    margin-right: -24px !important;
  }
  .hp_mx_sp_4 {
    margin-left: 32px !important;
    margin-right: 32px !important;
  }
  .hp_mx_sp_n4 {
    margin-left: -32px !important;
    margin-right: -32px !important;
  }
  .hp_mx_sp_5 {
    margin-left: 40px !important;
    margin-right: 40px !important;
  }
  .hp_mx_sp_n5 {
    margin-left: -40px !important;
    margin-right: -40px !important;
  }
  .hp_mx_sp_6 {
    margin-left: 48px !important;
    margin-right: 48px !important;
  }
  .hp_mx_sp_n6 {
    margin-left: -48px !important;
    margin-right: -48px !important;
  }
  .hp_mx_sp_7 {
    margin-left: 56px !important;
    margin-right: 56px !important;
  }
  .hp_mx_sp_n7 {
    margin-left: -56px !important;
    margin-right: -56px !important;
  }
  .hp_mx_sp_8 {
    margin-left: 64px !important;
    margin-right: 64px !important;
  }
  .hp_mx_sp_n8 {
    margin-left: -64px !important;
    margin-right: -64px !important;
  }
  .hp_mx_sp_9 {
    margin-left: 72px !important;
    margin-right: 72px !important;
  }
  .hp_mx_sp_n9 {
    margin-left: -72px !important;
    margin-right: -72px !important;
  }
  .hp_mx_sp_10 {
    margin-left: 80px !important;
    margin-right: 80px !important;
  }
  .hp_mx_sp_n10 {
    margin-left: -80px !important;
    margin-right: -80px !important;
  }
  .hp_mx_sp_11 {
    margin-left: 88px !important;
    margin-right: 88px !important;
  }
  .hp_mx_sp_n11 {
    margin-left: -88px !important;
    margin-right: -88px !important;
  }
  .hp_mx_sp_12 {
    margin-left: 96px !important;
    margin-right: 96px !important;
  }
  .hp_mx_sp_n12 {
    margin-left: -96px !important;
    margin-right: -96px !important;
  }
  .hp_mx_sp_13 {
    margin-left: 104px !important;
    margin-right: 104px !important;
  }
  .hp_mx_sp_n13 {
    margin-left: -104px !important;
    margin-right: -104px !important;
  }
  .hp_mx_sp_14 {
    margin-left: 112px !important;
    margin-right: 112px !important;
  }
  .hp_mx_sp_n14 {
    margin-left: -112px !important;
    margin-right: -112px !important;
  }
  .hp_mx_sp_15 {
    margin-left: 120px !important;
    margin-right: 120px !important;
  }
  .hp_mx_sp_n15 {
    margin-left: -120px !important;
    margin-right: -120px !important;
  }
  .hp_mx_sp_16 {
    margin-left: 128px !important;
    margin-right: 128px !important;
  }
  .hp_mx_sp_n16 {
    margin-left: -128px !important;
    margin-right: -128px !important;
  }
  .hp_mx_sp_17 {
    margin-left: 136px !important;
    margin-right: 136px !important;
  }
  .hp_mx_sp_n17 {
    margin-left: -136px !important;
    margin-right: -136px !important;
  }
  .hp_mx_sp_18 {
    margin-left: 144px !important;
    margin-right: 144px !important;
  }
  .hp_mx_sp_n18 {
    margin-left: -144px !important;
    margin-right: -144px !important;
  }
  .hp_mx_sp_19 {
    margin-left: 152px !important;
    margin-right: 152px !important;
  }
  .hp_mx_sp_n19 {
    margin-left: -152px !important;
    margin-right: -152px !important;
  }
  .hp_mx_sp_20 {
    margin-left: 160px !important;
    margin-right: 160px !important;
  }
  .hp_mx_sp_n20 {
    margin-left: -160px !important;
    margin-right: -160px !important;
  }
  .hp_mx_sp_auto {
    margin-left: auto !important;
    margin-right: auto !important;
  }
  .hp_my_sp_0 {
    margin-top: 0px !important;
    margin-bottom: 0px !important;
  }
  .hp_my_sp_1 {
    margin-top: 8px !important;
    margin-bottom: 8px !important;
  }
  .hp_my_sp_n1 {
    margin-top: -8px !important;
    margin-bottom: -8px !important;
  }
  .hp_my_sp_2 {
    margin-top: 16px !important;
    margin-bottom: 16px !important;
  }
  .hp_my_sp_n2 {
    margin-top: -16px !important;
    margin-bottom: -16px !important;
  }
  .hp_my_sp_3 {
    margin-top: 24px !important;
    margin-bottom: 24px !important;
  }
  .hp_my_sp_n3 {
    margin-top: -24px !important;
    margin-bottom: -24px !important;
  }
  .hp_my_sp_4 {
    margin-top: 32px !important;
    margin-bottom: 32px !important;
  }
  .hp_my_sp_n4 {
    margin-top: -32px !important;
    margin-bottom: -32px !important;
  }
  .hp_my_sp_5 {
    margin-top: 40px !important;
    margin-bottom: 40px !important;
  }
  .hp_my_sp_n5 {
    margin-top: -40px !important;
    margin-bottom: -40px !important;
  }
  .hp_my_sp_6 {
    margin-top: 48px !important;
    margin-bottom: 48px !important;
  }
  .hp_my_sp_n6 {
    margin-top: -48px !important;
    margin-bottom: -48px !important;
  }
  .hp_my_sp_7 {
    margin-top: 56px !important;
    margin-bottom: 56px !important;
  }
  .hp_my_sp_n7 {
    margin-top: -56px !important;
    margin-bottom: -56px !important;
  }
  .hp_my_sp_8 {
    margin-top: 64px !important;
    margin-bottom: 64px !important;
  }
  .hp_my_sp_n8 {
    margin-top: -64px !important;
    margin-bottom: -64px !important;
  }
  .hp_my_sp_9 {
    margin-top: 72px !important;
    margin-bottom: 72px !important;
  }
  .hp_my_sp_n9 {
    margin-top: -72px !important;
    margin-bottom: -72px !important;
  }
  .hp_my_sp_10 {
    margin-top: 80px !important;
    margin-bottom: 80px !important;
  }
  .hp_my_sp_n10 {
    margin-top: -80px !important;
    margin-bottom: -80px !important;
  }
  .hp_my_sp_11 {
    margin-top: 88px !important;
    margin-bottom: 88px !important;
  }
  .hp_my_sp_n11 {
    margin-top: -88px !important;
    margin-bottom: -88px !important;
  }
  .hp_my_sp_12 {
    margin-top: 96px !important;
    margin-bottom: 96px !important;
  }
  .hp_my_sp_n12 {
    margin-top: -96px !important;
    margin-bottom: -96px !important;
  }
  .hp_my_sp_13 {
    margin-top: 104px !important;
    margin-bottom: 104px !important;
  }
  .hp_my_sp_n13 {
    margin-top: -104px !important;
    margin-bottom: -104px !important;
  }
  .hp_my_sp_14 {
    margin-top: 112px !important;
    margin-bottom: 112px !important;
  }
  .hp_my_sp_n14 {
    margin-top: -112px !important;
    margin-bottom: -112px !important;
  }
  .hp_my_sp_15 {
    margin-top: 120px !important;
    margin-bottom: 120px !important;
  }
  .hp_my_sp_n15 {
    margin-top: -120px !important;
    margin-bottom: -120px !important;
  }
  .hp_my_sp_16 {
    margin-top: 128px !important;
    margin-bottom: 128px !important;
  }
  .hp_my_sp_n16 {
    margin-top: -128px !important;
    margin-bottom: -128px !important;
  }
  .hp_my_sp_17 {
    margin-top: 136px !important;
    margin-bottom: 136px !important;
  }
  .hp_my_sp_n17 {
    margin-top: -136px !important;
    margin-bottom: -136px !important;
  }
  .hp_my_sp_18 {
    margin-top: 144px !important;
    margin-bottom: 144px !important;
  }
  .hp_my_sp_n18 {
    margin-top: -144px !important;
    margin-bottom: -144px !important;
  }
  .hp_my_sp_19 {
    margin-top: 152px !important;
    margin-bottom: 152px !important;
  }
  .hp_my_sp_n19 {
    margin-top: -152px !important;
    margin-bottom: -152px !important;
  }
  .hp_my_sp_20 {
    margin-top: 160px !important;
    margin-bottom: 160px !important;
  }
  .hp_my_sp_n20 {
    margin-top: -160px !important;
    margin-bottom: -160px !important;
  }
  .hp_my_sp_auto {
    margin-top: auto !important;
    margin-bottom: auto !important;
  }
  .hp_ma_sp_0 {
    margin: 0px !important;
  }
  .hp_ma_sp_1 {
    margin: 8px !important;
  }
  .hp_ma_sp_n1 {
    margin: -8px !important;
  }
  .hp_ma_sp_2 {
    margin: 16px !important;
  }
  .hp_ma_sp_n2 {
    margin: -16px !important;
  }
  .hp_ma_sp_3 {
    margin: 24px !important;
  }
  .hp_ma_sp_n3 {
    margin: -24px !important;
  }
  .hp_ma_sp_4 {
    margin: 32px !important;
  }
  .hp_ma_sp_n4 {
    margin: -32px !important;
  }
  .hp_ma_sp_5 {
    margin: 40px !important;
  }
  .hp_ma_sp_n5 {
    margin: -40px !important;
  }
  .hp_ma_sp_6 {
    margin: 48px !important;
  }
  .hp_ma_sp_n6 {
    margin: -48px !important;
  }
  .hp_ma_sp_7 {
    margin: 56px !important;
  }
  .hp_ma_sp_n7 {
    margin: -56px !important;
  }
  .hp_ma_sp_8 {
    margin: 64px !important;
  }
  .hp_ma_sp_n8 {
    margin: -64px !important;
  }
  .hp_ma_sp_9 {
    margin: 72px !important;
  }
  .hp_ma_sp_n9 {
    margin: -72px !important;
  }
  .hp_ma_sp_10 {
    margin: 80px !important;
  }
  .hp_ma_sp_n10 {
    margin: -80px !important;
  }
  .hp_ma_sp_11 {
    margin: 88px !important;
  }
  .hp_ma_sp_n11 {
    margin: -88px !important;
  }
  .hp_ma_sp_12 {
    margin: 96px !important;
  }
  .hp_ma_sp_n12 {
    margin: -96px !important;
  }
  .hp_ma_sp_13 {
    margin: 104px !important;
  }
  .hp_ma_sp_n13 {
    margin: -104px !important;
  }
  .hp_ma_sp_14 {
    margin: 112px !important;
  }
  .hp_ma_sp_n14 {
    margin: -112px !important;
  }
  .hp_ma_sp_15 {
    margin: 120px !important;
  }
  .hp_ma_sp_n15 {
    margin: -120px !important;
  }
  .hp_ma_sp_16 {
    margin: 128px !important;
  }
  .hp_ma_sp_n16 {
    margin: -128px !important;
  }
  .hp_ma_sp_17 {
    margin: 136px !important;
  }
  .hp_ma_sp_n17 {
    margin: -136px !important;
  }
  .hp_ma_sp_18 {
    margin: 144px !important;
  }
  .hp_ma_sp_n18 {
    margin: -144px !important;
  }
  .hp_ma_sp_19 {
    margin: 152px !important;
  }
  .hp_ma_sp_n19 {
    margin: -152px !important;
  }
  .hp_ma_sp_20 {
    margin: 160px !important;
  }
  .hp_ma_sp_n20 {
    margin: -160px !important;
  }
  .hp_ma_sp_auto {
    margin: auto !important;
  }
  .hp_mt_sp_1h {
    margin-top: 4px !important;
  }
  .hp_mt_sp_n1h {
    margin-top: -4px !important;
  }
  .hp_mt_sp_3h {
    margin-top: 12px !important;
  }
  .hp_mt_sp_n3h {
    margin-top: -12px !important;
  }
  .hp_mb_sp_1h {
    margin-bottom: 4px !important;
  }
  .hp_mb_sp_n1h {
    margin-bottom: -4px !important;
  }
  .hp_mb_sp_3h {
    margin-bottom: 12px !important;
  }
  .hp_mb_sp_n3h {
    margin-bottom: -12px !important;
  }
  .hp_ml_sp_1h {
    margin-left: 4px !important;
  }
  .hp_ml_sp_n1h {
    margin-left: -4px !important;
  }
  .hp_ml_sp_3h {
    margin-left: 12px !important;
  }
  .hp_ml_sp_n3h {
    margin-left: -12px !important;
  }
  .hp_mr_sp_1h {
    margin-right: 4px !important;
  }
  .hp_mr_sp_n1h {
    margin-right: -4px !important;
  }
  .hp_mr_sp_3h {
    margin-right: 12px !important;
  }
  .hp_mr_sp_n3h {
    margin-right: -12px !important;
  }
  .hp_mx_sp_1h {
    margin-left: 4px !important;
    margin-right: 4px !important;
  }
  .hp_mx_sp_n1h {
    margin-left: -4px !important;
    margin-right: -4px !important;
  }
  .hp_mx_sp_3h {
    margin-left: 12px !important;
    margin-right: 12px !important;
  }
  .hp_mx_sp_n3h {
    margin-left: -12px !important;
    margin-right: -12px !important;
  }
  .hp_my_sp_1h {
    margin-top: 4px !important;
    margin-bottom: 4px !important;
  }
  .hp_my_sp_n1h {
    margin-top: -4px !important;
    margin-bottom: -4px !important;
  }
  .hp_my_sp_3h {
    margin-top: 12px !important;
    margin-bottom: 12px !important;
  }
  .hp_my_sp_n3h {
    margin-top: -12px !important;
    margin-bottom: -12px !important;
  }
  .hp_ma_sp_1 {
    margin: 4px !important;
  }
  .hp_ma_sp_n1 {
    margin: -4px !important;
  }
  .hp_ma_sp_3 {
    margin: 12px !important;
  }
  .hp_ma_sp_n3 {
    margin: -12px !important;
  }
}
.hp_pt_0 {
  padding-top: 0px !important;
}

.hp_pt_1 {
  padding-top: 8px !important;
}

.hp_pt_2 {
  padding-top: 16px !important;
}

.hp_pt_3 {
  padding-top: 24px !important;
}

.hp_pt_4 {
  padding-top: 32px !important;
}

.hp_pt_5 {
  padding-top: 40px !important;
}

.hp_pt_6 {
  padding-top: 48px !important;
}

.hp_pt_7 {
  padding-top: 56px !important;
}

.hp_pt_8 {
  padding-top: 64px !important;
}

.hp_pt_9 {
  padding-top: 72px !important;
}

.hp_pt_10 {
  padding-top: 80px !important;
}

.hp_pt_11 {
  padding-top: 88px !important;
}

.hp_pt_12 {
  padding-top: 96px !important;
}

.hp_pt_13 {
  padding-top: 104px !important;
}

.hp_pt_14 {
  padding-top: 112px !important;
}

.hp_pt_15 {
  padding-top: 120px !important;
}

.hp_pt_16 {
  padding-top: 128px !important;
}

.hp_pt_17 {
  padding-top: 136px !important;
}

.hp_pt_18 {
  padding-top: 144px !important;
}

.hp_pt_19 {
  padding-top: 152px !important;
}

.hp_pt_20 {
  padding-top: 160px !important;
}

.hp_pt_auto {
  padding-top: auto !important;
}

.hp_pb_0 {
  padding-bottom: 0px !important;
}

.hp_pb_1 {
  padding-bottom: 8px !important;
}

.hp_pb_2 {
  padding-bottom: 16px !important;
}

.hp_pb_3 {
  padding-bottom: 24px !important;
}

.hp_pb_4 {
  padding-bottom: 32px !important;
}

.hp_pb_5 {
  padding-bottom: 40px !important;
}

.hp_pb_6 {
  padding-bottom: 48px !important;
}

.hp_pb_7 {
  padding-bottom: 56px !important;
}

.hp_pb_8 {
  padding-bottom: 64px !important;
}

.hp_pb_9 {
  padding-bottom: 72px !important;
}

.hp_pb_10 {
  padding-bottom: 80px !important;
}

.hp_pb_11 {
  padding-bottom: 88px !important;
}

.hp_pb_12 {
  padding-bottom: 96px !important;
}

.hp_pb_13 {
  padding-bottom: 104px !important;
}

.hp_pb_14 {
  padding-bottom: 112px !important;
}

.hp_pb_15 {
  padding-bottom: 120px !important;
}

.hp_pb_16 {
  padding-bottom: 128px !important;
}

.hp_pb_17 {
  padding-bottom: 136px !important;
}

.hp_pb_18 {
  padding-bottom: 144px !important;
}

.hp_pb_19 {
  padding-bottom: 152px !important;
}

.hp_pb_20 {
  padding-bottom: 160px !important;
}

.hp_pb_auto {
  padding-bottom: auto !important;
}

.hp_pl_0 {
  padding-left: 0px !important;
}

.hp_pl_1 {
  padding-left: 8px !important;
}

.hp_pl_2 {
  padding-left: 16px !important;
}

.hp_pl_3 {
  padding-left: 24px !important;
}

.hp_pl_4 {
  padding-left: 32px !important;
}

.hp_pl_5 {
  padding-left: 40px !important;
}

.hp_pl_6 {
  padding-left: 48px !important;
}

.hp_pl_7 {
  padding-left: 56px !important;
}

.hp_pl_8 {
  padding-left: 64px !important;
}

.hp_pl_9 {
  padding-left: 72px !important;
}

.hp_pl_10 {
  padding-left: 80px !important;
}

.hp_pl_11 {
  padding-left: 88px !important;
}

.hp_pl_12 {
  padding-left: 96px !important;
}

.hp_pl_13 {
  padding-left: 104px !important;
}

.hp_pl_14 {
  padding-left: 112px !important;
}

.hp_pl_15 {
  padding-left: 120px !important;
}

.hp_pl_16 {
  padding-left: 128px !important;
}

.hp_pl_17 {
  padding-left: 136px !important;
}

.hp_pl_18 {
  padding-left: 144px !important;
}

.hp_pl_19 {
  padding-left: 152px !important;
}

.hp_pl_20 {
  padding-left: 160px !important;
}

.hp_pl_auto {
  padding-left: auto !important;
}

.hp_pr_0 {
  padding-right: 0px !important;
}

.hp_pr_1 {
  padding-right: 8px !important;
}

.hp_pr_2 {
  padding-right: 16px !important;
}

.hp_pr_3 {
  padding-right: 24px !important;
}

.hp_pr_4 {
  padding-right: 32px !important;
}

.hp_pr_5 {
  padding-right: 40px !important;
}

.hp_pr_6 {
  padding-right: 48px !important;
}

.hp_pr_7 {
  padding-right: 56px !important;
}

.hp_pr_8 {
  padding-right: 64px !important;
}

.hp_pr_9 {
  padding-right: 72px !important;
}

.hp_pr_10 {
  padding-right: 80px !important;
}

.hp_pr_11 {
  padding-right: 88px !important;
}

.hp_pr_12 {
  padding-right: 96px !important;
}

.hp_pr_13 {
  padding-right: 104px !important;
}

.hp_pr_14 {
  padding-right: 112px !important;
}

.hp_pr_15 {
  padding-right: 120px !important;
}

.hp_pr_16 {
  padding-right: 128px !important;
}

.hp_pr_17 {
  padding-right: 136px !important;
}

.hp_pr_18 {
  padding-right: 144px !important;
}

.hp_pr_19 {
  padding-right: 152px !important;
}

.hp_pr_20 {
  padding-right: 160px !important;
}

.hp_pr_auto {
  padding-right: auto !important;
}

.hp_px_0 {
  padding-left: 0px !important;
  padding-right: 0px !important;
}

.hp_px_1 {
  padding-left: 8px !important;
  padding-right: 8px !important;
}

.hp_px_2 {
  padding-left: 16px !important;
  padding-right: 16px !important;
}

.hp_px_3 {
  padding-left: 24px !important;
  padding-right: 24px !important;
}

.hp_px_4 {
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.hp_px_5 {
  padding-left: 40px !important;
  padding-right: 40px !important;
}

.hp_px_6 {
  padding-left: 48px !important;
  padding-right: 48px !important;
}

.hp_px_7 {
  padding-left: 56px !important;
  padding-right: 56px !important;
}

.hp_px_8 {
  padding-left: 64px !important;
  padding-right: 64px !important;
}

.hp_px_9 {
  padding-left: 72px !important;
  padding-right: 72px !important;
}

.hp_px_10 {
  padding-left: 80px !important;
  padding-right: 80px !important;
}

.hp_px_11 {
  padding-left: 88px !important;
  padding-right: 88px !important;
}

.hp_px_12 {
  padding-left: 96px !important;
  padding-right: 96px !important;
}

.hp_px_13 {
  padding-left: 104px !important;
  padding-right: 104px !important;
}

.hp_px_14 {
  padding-left: 112px !important;
  padding-right: 112px !important;
}

.hp_px_15 {
  padding-left: 120px !important;
  padding-right: 120px !important;
}

.hp_px_16 {
  padding-left: 128px !important;
  padding-right: 128px !important;
}

.hp_px_17 {
  padding-left: 136px !important;
  padding-right: 136px !important;
}

.hp_px_18 {
  padding-left: 144px !important;
  padding-right: 144px !important;
}

.hp_px_19 {
  padding-left: 152px !important;
  padding-right: 152px !important;
}

.hp_px_20 {
  padding-left: 160px !important;
  padding-right: 160px !important;
}

.hp_px_auto {
  padding-left: auto !important;
  padding-right: auto !important;
}

.hp_py_0 {
  padding-top: 0px !important;
  padding-bottom: 0px !important;
}

.hp_py_1 {
  padding-top: 8px !important;
  padding-bottom: 8px !important;
}

.hp_py_2 {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}

.hp_py_3 {
  padding-top: 24px !important;
  padding-bottom: 24px !important;
}

.hp_py_4 {
  padding-top: 32px !important;
  padding-bottom: 32px !important;
}

.hp_py_5 {
  padding-top: 40px !important;
  padding-bottom: 40px !important;
}

.hp_py_6 {
  padding-top: 48px !important;
  padding-bottom: 48px !important;
}

.hp_py_7 {
  padding-top: 56px !important;
  padding-bottom: 56px !important;
}

.hp_py_8 {
  padding-top: 64px !important;
  padding-bottom: 64px !important;
}

.hp_py_9 {
  padding-top: 72px !important;
  padding-bottom: 72px !important;
}

.hp_py_10 {
  padding-top: 80px !important;
  padding-bottom: 80px !important;
}

.hp_py_11 {
  padding-top: 88px !important;
  padding-bottom: 88px !important;
}

.hp_py_12 {
  padding-top: 96px !important;
  padding-bottom: 96px !important;
}

.hp_py_13 {
  padding-top: 104px !important;
  padding-bottom: 104px !important;
}

.hp_py_14 {
  padding-top: 112px !important;
  padding-bottom: 112px !important;
}

.hp_py_15 {
  padding-top: 120px !important;
  padding-bottom: 120px !important;
}

.hp_py_16 {
  padding-top: 128px !important;
  padding-bottom: 128px !important;
}

.hp_py_17 {
  padding-top: 136px !important;
  padding-bottom: 136px !important;
}

.hp_py_18 {
  padding-top: 144px !important;
  padding-bottom: 144px !important;
}

.hp_py_19 {
  padding-top: 152px !important;
  padding-bottom: 152px !important;
}

.hp_py_20 {
  padding-top: 160px !important;
  padding-bottom: 160px !important;
}

.hp_py_auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}

.hp_pa_0 {
  padding: 0px !important;
}

.hp_pa_1 {
  padding: 8px !important;
}

.hp_pa_2 {
  padding: 16px !important;
}

.hp_pa_3 {
  padding: 24px !important;
}

.hp_pa_4 {
  padding: 32px !important;
}

.hp_pa_5 {
  padding: 40px !important;
}

.hp_pa_6 {
  padding: 48px !important;
}

.hp_pa_7 {
  padding: 56px !important;
}

.hp_pa_8 {
  padding: 64px !important;
}

.hp_pa_9 {
  padding: 72px !important;
}

.hp_pa_10 {
  padding: 80px !important;
}

.hp_pa_11 {
  padding: 88px !important;
}

.hp_pa_12 {
  padding: 96px !important;
}

.hp_pa_13 {
  padding: 104px !important;
}

.hp_pa_14 {
  padding: 112px !important;
}

.hp_pa_15 {
  padding: 120px !important;
}

.hp_pa_16 {
  padding: 128px !important;
}

.hp_pa_17 {
  padding: 136px !important;
}

.hp_pa_18 {
  padding: 144px !important;
}

.hp_pa_19 {
  padding: 152px !important;
}

.hp_pa_20 {
  padding: 160px !important;
}

.hp_pa_auto {
  padding: auto !important;
}

.hp_pt_1h {
  padding-top: 4px !important;
}

.hp_pt_3h {
  padding-top: 12px !important;
}

.hp_pb_1h {
  padding-bottom: 4px !important;
}

.hp_pb_3h {
  padding-bottom: 12px !important;
}

.hp_pl_1h {
  padding-left: 4px !important;
}

.hp_pl_3h {
  padding-left: 12px !important;
}

.hp_pr_1h {
  padding-right: 4px !important;
}

.hp_pr_3h {
  padding-right: 12px !important;
}

.hp_px_1h {
  padding-left: 4px !important;
  padding-right: 4px !important;
}

.hp_px_3h {
  padding-left: 12px !important;
  padding-right: 12px !important;
}

.hp_py_1h {
  padding-top: 4px !important;
  padding-bottom: 4px !important;
}

.hp_py_3h {
  padding-top: 12px !important;
  padding-bottom: 12px !important;
}

.hp_pa_1 {
  padding: 4px !important;
}

.hp_pa_3 {
  padding: 12px !important;
}

@media only screen and (min-width: 769px) and (max-width: 1024px) {
  .hp_pt_tab_0 {
    padding-top: 0px !important;
  }
  .hp_pt_tab_1 {
    padding-top: 8px !important;
  }
  .hp_pt_tab_2 {
    padding-top: 16px !important;
  }
  .hp_pt_tab_3 {
    padding-top: 24px !important;
  }
  .hp_pt_tab_4 {
    padding-top: 32px !important;
  }
  .hp_pt_tab_5 {
    padding-top: 40px !important;
  }
  .hp_pt_tab_6 {
    padding-top: 48px !important;
  }
  .hp_pt_tab_7 {
    padding-top: 56px !important;
  }
  .hp_pt_tab_8 {
    padding-top: 64px !important;
  }
  .hp_pt_tab_9 {
    padding-top: 72px !important;
  }
  .hp_pt_tab_10 {
    padding-top: 80px !important;
  }
  .hp_pt_tab_11 {
    padding-top: 88px !important;
  }
  .hp_pt_tab_12 {
    padding-top: 96px !important;
  }
  .hp_pt_tab_13 {
    padding-top: 104px !important;
  }
  .hp_pt_tab_14 {
    padding-top: 112px !important;
  }
  .hp_pt_tab_15 {
    padding-top: 120px !important;
  }
  .hp_pt_tab_16 {
    padding-top: 128px !important;
  }
  .hp_pt_tab_17 {
    padding-top: 136px !important;
  }
  .hp_pt_tab_18 {
    padding-top: 144px !important;
  }
  .hp_pt_tab_19 {
    padding-top: 152px !important;
  }
  .hp_pt_tab_20 {
    padding-top: 160px !important;
  }
  .hp_pt_tab_auto {
    padding-top: auto !important;
  }
  .hp_pb_tab_0 {
    padding-bottom: 0px !important;
  }
  .hp_pb_tab_1 {
    padding-bottom: 8px !important;
  }
  .hp_pb_tab_2 {
    padding-bottom: 16px !important;
  }
  .hp_pb_tab_3 {
    padding-bottom: 24px !important;
  }
  .hp_pb_tab_4 {
    padding-bottom: 32px !important;
  }
  .hp_pb_tab_5 {
    padding-bottom: 40px !important;
  }
  .hp_pb_tab_6 {
    padding-bottom: 48px !important;
  }
  .hp_pb_tab_7 {
    padding-bottom: 56px !important;
  }
  .hp_pb_tab_8 {
    padding-bottom: 64px !important;
  }
  .hp_pb_tab_9 {
    padding-bottom: 72px !important;
  }
  .hp_pb_tab_10 {
    padding-bottom: 80px !important;
  }
  .hp_pb_tab_11 {
    padding-bottom: 88px !important;
  }
  .hp_pb_tab_12 {
    padding-bottom: 96px !important;
  }
  .hp_pb_tab_13 {
    padding-bottom: 104px !important;
  }
  .hp_pb_tab_14 {
    padding-bottom: 112px !important;
  }
  .hp_pb_tab_15 {
    padding-bottom: 120px !important;
  }
  .hp_pb_tab_16 {
    padding-bottom: 128px !important;
  }
  .hp_pb_tab_17 {
    padding-bottom: 136px !important;
  }
  .hp_pb_tab_18 {
    padding-bottom: 144px !important;
  }
  .hp_pb_tab_19 {
    padding-bottom: 152px !important;
  }
  .hp_pb_tab_20 {
    padding-bottom: 160px !important;
  }
  .hp_pb_tab_auto {
    padding-bottom: auto !important;
  }
  .hp_pl_tab_0 {
    padding-left: 0px !important;
  }
  .hp_pl_tab_1 {
    padding-left: 8px !important;
  }
  .hp_pl_tab_2 {
    padding-left: 16px !important;
  }
  .hp_pl_tab_3 {
    padding-left: 24px !important;
  }
  .hp_pl_tab_4 {
    padding-left: 32px !important;
  }
  .hp_pl_tab_5 {
    padding-left: 40px !important;
  }
  .hp_pl_tab_6 {
    padding-left: 48px !important;
  }
  .hp_pl_tab_7 {
    padding-left: 56px !important;
  }
  .hp_pl_tab_8 {
    padding-left: 64px !important;
  }
  .hp_pl_tab_9 {
    padding-left: 72px !important;
  }
  .hp_pl_tab_10 {
    padding-left: 80px !important;
  }
  .hp_pl_tab_11 {
    padding-left: 88px !important;
  }
  .hp_pl_tab_12 {
    padding-left: 96px !important;
  }
  .hp_pl_tab_13 {
    padding-left: 104px !important;
  }
  .hp_pl_tab_14 {
    padding-left: 112px !important;
  }
  .hp_pl_tab_15 {
    padding-left: 120px !important;
  }
  .hp_pl_tab_16 {
    padding-left: 128px !important;
  }
  .hp_pl_tab_17 {
    padding-left: 136px !important;
  }
  .hp_pl_tab_18 {
    padding-left: 144px !important;
  }
  .hp_pl_tab_19 {
    padding-left: 152px !important;
  }
  .hp_pl_tab_20 {
    padding-left: 160px !important;
  }
  .hp_pl_tab_auto {
    padding-left: auto !important;
  }
  .hp_pr_tab_0 {
    padding-right: 0px !important;
  }
  .hp_pr_tab_1 {
    padding-right: 8px !important;
  }
  .hp_pr_tab_2 {
    padding-right: 16px !important;
  }
  .hp_pr_tab_3 {
    padding-right: 24px !important;
  }
  .hp_pr_tab_4 {
    padding-right: 32px !important;
  }
  .hp_pr_tab_5 {
    padding-right: 40px !important;
  }
  .hp_pr_tab_6 {
    padding-right: 48px !important;
  }
  .hp_pr_tab_7 {
    padding-right: 56px !important;
  }
  .hp_pr_tab_8 {
    padding-right: 64px !important;
  }
  .hp_pr_tab_9 {
    padding-right: 72px !important;
  }
  .hp_pr_tab_10 {
    padding-right: 80px !important;
  }
  .hp_pr_tab_11 {
    padding-right: 88px !important;
  }
  .hp_pr_tab_12 {
    padding-right: 96px !important;
  }
  .hp_pr_tab_13 {
    padding-right: 104px !important;
  }
  .hp_pr_tab_14 {
    padding-right: 112px !important;
  }
  .hp_pr_tab_15 {
    padding-right: 120px !important;
  }
  .hp_pr_tab_16 {
    padding-right: 128px !important;
  }
  .hp_pr_tab_17 {
    padding-right: 136px !important;
  }
  .hp_pr_tab_18 {
    padding-right: 144px !important;
  }
  .hp_pr_tab_19 {
    padding-right: 152px !important;
  }
  .hp_pr_tab_20 {
    padding-right: 160px !important;
  }
  .hp_pr_tab_auto {
    padding-right: auto !important;
  }
  .hp_px_tab_0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .hp_px_tab_1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .hp_px_tab_2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .hp_px_tab_3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .hp_px_tab_4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .hp_px_tab_5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .hp_px_tab_6 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .hp_px_tab_7 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .hp_px_tab_8 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .hp_px_tab_9 {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .hp_px_tab_10 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .hp_px_tab_11 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .hp_px_tab_12 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .hp_px_tab_13 {
    padding-left: 104px !important;
    padding-right: 104px !important;
  }
  .hp_px_tab_14 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
  .hp_px_tab_15 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .hp_px_tab_16 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .hp_px_tab_17 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
  .hp_px_tab_18 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
  .hp_px_tab_19 {
    padding-left: 152px !important;
    padding-right: 152px !important;
  }
  .hp_px_tab_20 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .hp_px_tab_auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .hp_py_tab_0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .hp_py_tab_1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .hp_py_tab_2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .hp_py_tab_3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .hp_py_tab_4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .hp_py_tab_5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .hp_py_tab_6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .hp_py_tab_7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .hp_py_tab_8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .hp_py_tab_9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .hp_py_tab_10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .hp_py_tab_11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .hp_py_tab_12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .hp_py_tab_13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .hp_py_tab_14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .hp_py_tab_15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .hp_py_tab_16 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .hp_py_tab_17 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .hp_py_tab_18 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .hp_py_tab_19 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .hp_py_tab_20 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .hp_py_tab_auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .hp_pa_tab_0 {
    padding: 0px !important;
  }
  .hp_pa_tab_1 {
    padding: 8px !important;
  }
  .hp_pa_tab_2 {
    padding: 16px !important;
  }
  .hp_pa_tab_3 {
    padding: 24px !important;
  }
  .hp_pa_tab_4 {
    padding: 32px !important;
  }
  .hp_pa_tab_5 {
    padding: 40px !important;
  }
  .hp_pa_tab_6 {
    padding: 48px !important;
  }
  .hp_pa_tab_7 {
    padding: 56px !important;
  }
  .hp_pa_tab_8 {
    padding: 64px !important;
  }
  .hp_pa_tab_9 {
    padding: 72px !important;
  }
  .hp_pa_tab_10 {
    padding: 80px !important;
  }
  .hp_pa_tab_11 {
    padding: 88px !important;
  }
  .hp_pa_tab_12 {
    padding: 96px !important;
  }
  .hp_pa_tab_13 {
    padding: 104px !important;
  }
  .hp_pa_tab_14 {
    padding: 112px !important;
  }
  .hp_pa_tab_15 {
    padding: 120px !important;
  }
  .hp_pa_tab_16 {
    padding: 128px !important;
  }
  .hp_pa_tab_17 {
    padding: 136px !important;
  }
  .hp_pa_tab_18 {
    padding: 144px !important;
  }
  .hp_pa_tab_19 {
    padding: 152px !important;
  }
  .hp_pa_tab_20 {
    padding: 160px !important;
  }
  .hp_pa_tab_auto {
    padding: auto !important;
  }
  .hp_pt_tab_1h {
    padding-top: 4px !important;
  }
  .hp_pt_tab_3h {
    padding-top: 12px !important;
  }
  .hp_pb_tab_1h {
    padding-bottom: 4px !important;
  }
  .hp_pb_tab_3h {
    padding-bottom: 12px !important;
  }
  .hp_pl_tab_1h {
    padding-left: 4px !important;
  }
  .hp_pl_tab_3h {
    padding-left: 12px !important;
  }
  .hp_pr_tab_1h {
    padding-right: 4px !important;
  }
  .hp_pr_tab_3h {
    padding-right: 12px !important;
  }
  .hp_px_tab_1h {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .hp_px_tab_3h {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .hp_py_tab_1h {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .hp_py_tab_3h {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .hp_pa_tab_1 {
    padding: 4px !important;
  }
  .hp_pa_tab_3 {
    padding: 12px !important;
  }
}
@media only screen and (max-width: 768px) {
  .hp_pt_sp_0 {
    padding-top: 0px !important;
  }
  .hp_pt_sp_1 {
    padding-top: 8px !important;
  }
  .hp_pt_sp_2 {
    padding-top: 16px !important;
  }
  .hp_pt_sp_3 {
    padding-top: 24px !important;
  }
  .hp_pt_sp_4 {
    padding-top: 32px !important;
  }
  .hp_pt_sp_5 {
    padding-top: 40px !important;
  }
  .hp_pt_sp_6 {
    padding-top: 48px !important;
  }
  .hp_pt_sp_7 {
    padding-top: 56px !important;
  }
  .hp_pt_sp_8 {
    padding-top: 64px !important;
  }
  .hp_pt_sp_9 {
    padding-top: 72px !important;
  }
  .hp_pt_sp_10 {
    padding-top: 80px !important;
  }
  .hp_pt_sp_11 {
    padding-top: 88px !important;
  }
  .hp_pt_sp_12 {
    padding-top: 96px !important;
  }
  .hp_pt_sp_13 {
    padding-top: 104px !important;
  }
  .hp_pt_sp_14 {
    padding-top: 112px !important;
  }
  .hp_pt_sp_15 {
    padding-top: 120px !important;
  }
  .hp_pt_sp_16 {
    padding-top: 128px !important;
  }
  .hp_pt_sp_17 {
    padding-top: 136px !important;
  }
  .hp_pt_sp_18 {
    padding-top: 144px !important;
  }
  .hp_pt_sp_19 {
    padding-top: 152px !important;
  }
  .hp_pt_sp_20 {
    padding-top: 160px !important;
  }
  .hp_pt_sp_auto {
    padding-top: auto !important;
  }
  .hp_pb_sp_0 {
    padding-bottom: 0px !important;
  }
  .hp_pb_sp_1 {
    padding-bottom: 8px !important;
  }
  .hp_pb_sp_2 {
    padding-bottom: 16px !important;
  }
  .hp_pb_sp_3 {
    padding-bottom: 24px !important;
  }
  .hp_pb_sp_4 {
    padding-bottom: 32px !important;
  }
  .hp_pb_sp_5 {
    padding-bottom: 40px !important;
  }
  .hp_pb_sp_6 {
    padding-bottom: 48px !important;
  }
  .hp_pb_sp_7 {
    padding-bottom: 56px !important;
  }
  .hp_pb_sp_8 {
    padding-bottom: 64px !important;
  }
  .hp_pb_sp_9 {
    padding-bottom: 72px !important;
  }
  .hp_pb_sp_10 {
    padding-bottom: 80px !important;
  }
  .hp_pb_sp_11 {
    padding-bottom: 88px !important;
  }
  .hp_pb_sp_12 {
    padding-bottom: 96px !important;
  }
  .hp_pb_sp_13 {
    padding-bottom: 104px !important;
  }
  .hp_pb_sp_14 {
    padding-bottom: 112px !important;
  }
  .hp_pb_sp_15 {
    padding-bottom: 120px !important;
  }
  .hp_pb_sp_16 {
    padding-bottom: 128px !important;
  }
  .hp_pb_sp_17 {
    padding-bottom: 136px !important;
  }
  .hp_pb_sp_18 {
    padding-bottom: 144px !important;
  }
  .hp_pb_sp_19 {
    padding-bottom: 152px !important;
  }
  .hp_pb_sp_20 {
    padding-bottom: 160px !important;
  }
  .hp_pb_sp_auto {
    padding-bottom: auto !important;
  }
  .hp_pl_sp_0 {
    padding-left: 0px !important;
  }
  .hp_pl_sp_1 {
    padding-left: 8px !important;
  }
  .hp_pl_sp_2 {
    padding-left: 16px !important;
  }
  .hp_pl_sp_3 {
    padding-left: 24px !important;
  }
  .hp_pl_sp_4 {
    padding-left: 32px !important;
  }
  .hp_pl_sp_5 {
    padding-left: 40px !important;
  }
  .hp_pl_sp_6 {
    padding-left: 48px !important;
  }
  .hp_pl_sp_7 {
    padding-left: 56px !important;
  }
  .hp_pl_sp_8 {
    padding-left: 64px !important;
  }
  .hp_pl_sp_9 {
    padding-left: 72px !important;
  }
  .hp_pl_sp_10 {
    padding-left: 80px !important;
  }
  .hp_pl_sp_11 {
    padding-left: 88px !important;
  }
  .hp_pl_sp_12 {
    padding-left: 96px !important;
  }
  .hp_pl_sp_13 {
    padding-left: 104px !important;
  }
  .hp_pl_sp_14 {
    padding-left: 112px !important;
  }
  .hp_pl_sp_15 {
    padding-left: 120px !important;
  }
  .hp_pl_sp_16 {
    padding-left: 128px !important;
  }
  .hp_pl_sp_17 {
    padding-left: 136px !important;
  }
  .hp_pl_sp_18 {
    padding-left: 144px !important;
  }
  .hp_pl_sp_19 {
    padding-left: 152px !important;
  }
  .hp_pl_sp_20 {
    padding-left: 160px !important;
  }
  .hp_pl_sp_auto {
    padding-left: auto !important;
  }
  .hp_pr_sp_0 {
    padding-right: 0px !important;
  }
  .hp_pr_sp_1 {
    padding-right: 8px !important;
  }
  .hp_pr_sp_2 {
    padding-right: 16px !important;
  }
  .hp_pr_sp_3 {
    padding-right: 24px !important;
  }
  .hp_pr_sp_4 {
    padding-right: 32px !important;
  }
  .hp_pr_sp_5 {
    padding-right: 40px !important;
  }
  .hp_pr_sp_6 {
    padding-right: 48px !important;
  }
  .hp_pr_sp_7 {
    padding-right: 56px !important;
  }
  .hp_pr_sp_8 {
    padding-right: 64px !important;
  }
  .hp_pr_sp_9 {
    padding-right: 72px !important;
  }
  .hp_pr_sp_10 {
    padding-right: 80px !important;
  }
  .hp_pr_sp_11 {
    padding-right: 88px !important;
  }
  .hp_pr_sp_12 {
    padding-right: 96px !important;
  }
  .hp_pr_sp_13 {
    padding-right: 104px !important;
  }
  .hp_pr_sp_14 {
    padding-right: 112px !important;
  }
  .hp_pr_sp_15 {
    padding-right: 120px !important;
  }
  .hp_pr_sp_16 {
    padding-right: 128px !important;
  }
  .hp_pr_sp_17 {
    padding-right: 136px !important;
  }
  .hp_pr_sp_18 {
    padding-right: 144px !important;
  }
  .hp_pr_sp_19 {
    padding-right: 152px !important;
  }
  .hp_pr_sp_20 {
    padding-right: 160px !important;
  }
  .hp_pr_sp_auto {
    padding-right: auto !important;
  }
  .hp_px_sp_0 {
    padding-left: 0px !important;
    padding-right: 0px !important;
  }
  .hp_px_sp_1 {
    padding-left: 8px !important;
    padding-right: 8px !important;
  }
  .hp_px_sp_2 {
    padding-left: 16px !important;
    padding-right: 16px !important;
  }
  .hp_px_sp_3 {
    padding-left: 24px !important;
    padding-right: 24px !important;
  }
  .hp_px_sp_4 {
    padding-left: 32px !important;
    padding-right: 32px !important;
  }
  .hp_px_sp_5 {
    padding-left: 40px !important;
    padding-right: 40px !important;
  }
  .hp_px_sp_6 {
    padding-left: 48px !important;
    padding-right: 48px !important;
  }
  .hp_px_sp_7 {
    padding-left: 56px !important;
    padding-right: 56px !important;
  }
  .hp_px_sp_8 {
    padding-left: 64px !important;
    padding-right: 64px !important;
  }
  .hp_px_sp_9 {
    padding-left: 72px !important;
    padding-right: 72px !important;
  }
  .hp_px_sp_10 {
    padding-left: 80px !important;
    padding-right: 80px !important;
  }
  .hp_px_sp_11 {
    padding-left: 88px !important;
    padding-right: 88px !important;
  }
  .hp_px_sp_12 {
    padding-left: 96px !important;
    padding-right: 96px !important;
  }
  .hp_px_sp_13 {
    padding-left: 104px !important;
    padding-right: 104px !important;
  }
  .hp_px_sp_14 {
    padding-left: 112px !important;
    padding-right: 112px !important;
  }
  .hp_px_sp_15 {
    padding-left: 120px !important;
    padding-right: 120px !important;
  }
  .hp_px_sp_16 {
    padding-left: 128px !important;
    padding-right: 128px !important;
  }
  .hp_px_sp_17 {
    padding-left: 136px !important;
    padding-right: 136px !important;
  }
  .hp_px_sp_18 {
    padding-left: 144px !important;
    padding-right: 144px !important;
  }
  .hp_px_sp_19 {
    padding-left: 152px !important;
    padding-right: 152px !important;
  }
  .hp_px_sp_20 {
    padding-left: 160px !important;
    padding-right: 160px !important;
  }
  .hp_px_sp_auto {
    padding-left: auto !important;
    padding-right: auto !important;
  }
  .hp_py_sp_0 {
    padding-top: 0px !important;
    padding-bottom: 0px !important;
  }
  .hp_py_sp_1 {
    padding-top: 8px !important;
    padding-bottom: 8px !important;
  }
  .hp_py_sp_2 {
    padding-top: 16px !important;
    padding-bottom: 16px !important;
  }
  .hp_py_sp_3 {
    padding-top: 24px !important;
    padding-bottom: 24px !important;
  }
  .hp_py_sp_4 {
    padding-top: 32px !important;
    padding-bottom: 32px !important;
  }
  .hp_py_sp_5 {
    padding-top: 40px !important;
    padding-bottom: 40px !important;
  }
  .hp_py_sp_6 {
    padding-top: 48px !important;
    padding-bottom: 48px !important;
  }
  .hp_py_sp_7 {
    padding-top: 56px !important;
    padding-bottom: 56px !important;
  }
  .hp_py_sp_8 {
    padding-top: 64px !important;
    padding-bottom: 64px !important;
  }
  .hp_py_sp_9 {
    padding-top: 72px !important;
    padding-bottom: 72px !important;
  }
  .hp_py_sp_10 {
    padding-top: 80px !important;
    padding-bottom: 80px !important;
  }
  .hp_py_sp_11 {
    padding-top: 88px !important;
    padding-bottom: 88px !important;
  }
  .hp_py_sp_12 {
    padding-top: 96px !important;
    padding-bottom: 96px !important;
  }
  .hp_py_sp_13 {
    padding-top: 104px !important;
    padding-bottom: 104px !important;
  }
  .hp_py_sp_14 {
    padding-top: 112px !important;
    padding-bottom: 112px !important;
  }
  .hp_py_sp_15 {
    padding-top: 120px !important;
    padding-bottom: 120px !important;
  }
  .hp_py_sp_16 {
    padding-top: 128px !important;
    padding-bottom: 128px !important;
  }
  .hp_py_sp_17 {
    padding-top: 136px !important;
    padding-bottom: 136px !important;
  }
  .hp_py_sp_18 {
    padding-top: 144px !important;
    padding-bottom: 144px !important;
  }
  .hp_py_sp_19 {
    padding-top: 152px !important;
    padding-bottom: 152px !important;
  }
  .hp_py_sp_20 {
    padding-top: 160px !important;
    padding-bottom: 160px !important;
  }
  .hp_py_sp_auto {
    padding-top: auto !important;
    padding-bottom: auto !important;
  }
  .hp_pa_sp_0 {
    padding: 0px !important;
  }
  .hp_pa_sp_1 {
    padding: 8px !important;
  }
  .hp_pa_sp_2 {
    padding: 16px !important;
  }
  .hp_pa_sp_3 {
    padding: 24px !important;
  }
  .hp_pa_sp_4 {
    padding: 32px !important;
  }
  .hp_pa_sp_5 {
    padding: 40px !important;
  }
  .hp_pa_sp_6 {
    padding: 48px !important;
  }
  .hp_pa_sp_7 {
    padding: 56px !important;
  }
  .hp_pa_sp_8 {
    padding: 64px !important;
  }
  .hp_pa_sp_9 {
    padding: 72px !important;
  }
  .hp_pa_sp_10 {
    padding: 80px !important;
  }
  .hp_pa_sp_11 {
    padding: 88px !important;
  }
  .hp_pa_sp_12 {
    padding: 96px !important;
  }
  .hp_pa_sp_13 {
    padding: 104px !important;
  }
  .hp_pa_sp_14 {
    padding: 112px !important;
  }
  .hp_pa_sp_15 {
    padding: 120px !important;
  }
  .hp_pa_sp_16 {
    padding: 128px !important;
  }
  .hp_pa_sp_17 {
    padding: 136px !important;
  }
  .hp_pa_sp_18 {
    padding: 144px !important;
  }
  .hp_pa_sp_19 {
    padding: 152px !important;
  }
  .hp_pa_sp_20 {
    padding: 160px !important;
  }
  .hp_pa_sp_auto {
    padding: auto !important;
  }
  .hp_pt_sp_1h {
    padding-top: 4px !important;
  }
  .hp_pt_sp_3h {
    padding-top: 12px !important;
  }
  .hp_pb_sp_1h {
    padding-bottom: 4px !important;
  }
  .hp_pb_sp_3h {
    padding-bottom: 12px !important;
  }
  .hp_pl_sp_1h {
    padding-left: 4px !important;
  }
  .hp_pl_sp_3h {
    padding-left: 12px !important;
  }
  .hp_pr_sp_1h {
    padding-right: 4px !important;
  }
  .hp_pr_sp_3h {
    padding-right: 12px !important;
  }
  .hp_px_sp_1h {
    padding-left: 4px !important;
    padding-right: 4px !important;
  }
  .hp_px_sp_3h {
    padding-left: 12px !important;
    padding-right: 12px !important;
  }
  .hp_py_sp_1h {
    padding-top: 4px !important;
    padding-bottom: 4px !important;
  }
  .hp_py_sp_3h {
    padding-top: 12px !important;
    padding-bottom: 12px !important;
  }
  .hp_pa_sp_1 {
    padding: 4px !important;
  }
  .hp_pa_sp_3 {
    padding: 12px !important;
  }
}
@font-face {
  font-family: "notoSans";
  src: url("/engineering/common/fonts/NotoSansJP-Regular.woff2") format("woff2"), url("/engineering/common/fonts/NotoSansJP-Regular.woff") format("woff");
}
@font-face {
  font-family: "notoSansMedium";
  src: url("/engineering/common/fonts/NotoSansJP-Medium.woff2") format("woff2"), url("/engineering/common/fonts/NotoSansJP-Medium.woff") format("woff");
}
@font-face {
  font-family: "notoSansBold";
  src: url("/engineering/common/fonts/NotoSansJP-Bold.woff2") format("woff2"), url("/engineering/common/fonts/NotoSansJP-Bold.woff") format("woff");
}
.hp_notoSansMedium {
  font-family: notoSansMedium, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

.hp_notoSansBold {
  font-family: notoSansBold, "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
}

@media only screen and (max-width: 768px) {
  .hp_pc {
    display: none !important;
  }
}

@media only screen and (min-width: 769px) {
  .hp_sp {
    display: none !important;
  }
}