@charset "UTF-8";

html {
  font-size: 62.5%;
}

html:has([data-contBody]) {
  scroll-behavior: smooth;
}

[data-contBody] {
  min-width: 320px;
  margin: 0;
  padding: 0;
  font-family: "Meiryo", "メイリオ", sans-serif;
  font-weight: 400;
  line-height: 1.6;
  color: #000000;
  -webkit-tap-highlight-color: transparent;
  -webkit-text-size-adjust: 100%;
  -webkit-font-smoothing: antialiased;
  font-size: clamp(1rem, 1rem + 0vw, 1rem);
}

[data-contBody].is_fixed {
  overflow: hidden;
}

:where([data-contBody]) * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

:where([data-contBody]) a {
  color: #1D2A75;
}

:where([data-contBody]) a:link {
  text-decoration: none;
}

:where([data-contBody]) a:visited {
  text-decoration: none;
}

:where([data-contBody]) a:hover {
  text-decoration: none;
  cursor: pointer;
}

:where([data-contBody]) a:active {
  text-decoration: none;
}

:where([data-contBody]) a:active,
:where([data-contBody]) a:focus {
  outline: none;
}

:where([data-contBody]) img {
  max-width: 100%;
  height: auto;
}

:where([data-contBody]) dl,
:where([data-contBody]) dt,
:where([data-contBody]) dd,
:where([data-contBody]) ul,
:where([data-contBody]) ol,
:where([data-contBody]) li,
:where([data-contBody]) h1,
:where([data-contBody]) h2,
:where([data-contBody]) h3,
:where([data-contBody]) h4,
:where([data-contBody]) h5,
:where([data-contBody]) h6,
:where([data-contBody]) pre,
:where([data-contBody]) form,
:where([data-contBody]) fieldset,
:where([data-contBody]) figure,
:where([data-contBody]) input,
:where([data-contBody]) textarea,
:where([data-contBody]) p,
:where([data-contBody]) blockquote {
  margin: 0;
  padding: 0;
}

:where([data-contBody]) table {
  border-collapse: collapse;
  border-spacing: 0;
}

:where([data-contBody]) address,
:where([data-contBody]) caption,
:where([data-contBody]) cite,
:where([data-contBody]) code,
:where([data-contBody]) dfn,
:where([data-contBody]) em,
:where([data-contBody]) th,
:where([data-contBody]) var {
  font-style: normal;
  font-weight: normal;
}

:where([data-contBody]) h1,
:where([data-contBody]) h2,
:where([data-contBody]) h3,
:where([data-contBody]) h4,
:where([data-contBody]) h5,
:where([data-contBody]) h6 {
  font-size: 100%;
  font-weight: normal;
}

:where([data-contBody]) fieldset,
:where([data-contBody]) img {
  border: 0;
  vertical-align: top;
}

:where([data-contBody]) ol:not(.bl_editor *),
:where([data-contBody]) ul:not(.bl_editor *) {
  list-style: none;
}

:where([data-contBody]) q:before,
:where([data-contBody]) q:after {
  content: " ";
}

:where([data-contBody]) abbr,
:where([data-contBody]) acronym {
  border: 0;
}

:where([data-contBody]) li img,
:where([data-contBody]) dt img,
:where([data-contBody]) dd img {
  vertical-align: top;
}

:where([data-contBody]) article,
:where([data-contBody]) aside,
:where([data-contBody]) canvas,
:where([data-contBody]) details,
:where([data-contBody]) figcaption,
:where([data-contBody]) figure,
:where([data-contBody]) footer,
:where([data-contBody]) header,
:where([data-contBody]) hgroup,
:where([data-contBody]) menu,
:where([data-contBody]) nav,
:where([data-contBody]) section,
:where([data-contBody]) summary {
  display: block;
}

:where([data-contBody]) select {
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  border: 0;
  margin: 0;
  padding: 0;
  background: none transparent;
  vertical-align: middle;
  font-size: inherit;
}

:where([data-contBody]) select::-ms-expand {
  display: none;
}

:where([data-contBody]) input[type=number]::-webkit-outer-spin-button,
:where([data-contBody]) input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}

:where([data-contBody]) input[type=number] {
  -moz-appearance: textfield;
  -webkit-appearance: textfield;
  appearance: textfield;
}

.ly_wrapper {
  display: grid;
  grid-template-rows: auto 1fr auto;
  grid-template-columns: 100%;
  min-height: 100dvh;
}

.ly_cont {
  overflow-x: clip;
}

.bl_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  background-color: #ffffff;
  padding: 24px 40px;
}

@media only screen and (max-width: 768px) {
  .bl_header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 80px;
    padding: 21px 24px;
    z-index: 101;
  }
}

.bl_header .bl_logo {
  display: block;
  width: 184px;
  height: 54px;
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_logo {
    width: 150px;
    height: 44px;
  }
}

.bl_header .bl_nav .bl_hbg_btn {
  display: none;
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_nav .bl_hbg_btn {
    display: block;
  }
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_hbg_menu {
    position: absolute;
    top: 80px;
    right: -100vw;
    width: 100%;
    height: calc(100svh - 80px);
    overflow-x: hidden;
    overflow-y: auto;
    background-color: #ffffff;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }

  .bl_header .bl_hbg_menu.is-active {
    right: 0;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_header_nav {
    padding: 32px 0 0;
  }
}

.bl_header .bl_header_nav_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_header_nav_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 0;
  }
}

.bl_header .bl_header_nav_list li {
  list-style: none;
  padding: 0 0 8px;
  cursor: pointer;
  position: relative;
  overflow: visible;
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_header_nav_list li {
    padding: 32px 0;
    border-bottom: 1px solid #E0E0E0;
  }
}

@media (any-hover: hover) {
  .bl_header .bl_header_nav_list li:hover a {
    -webkit-transform: translateY(-3px) scale(1.05);
    transform: translateY(-3px) scale(1.05);
  }

  .bl_header .bl_header_nav_list li:hover::after {
    -webkit-transform: scaleX(1);
    transform: scaleX(1);
    -webkit-transform-origin: left;
    transform-origin: left;
  }
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_header_nav_list li.is-current {
    background-color: #F0EDFB;
  }
}

.bl_header .bl_header_nav_list li.is-current a {
  text-shadow: 0.04em 0 0 currentColor;
}

.bl_header .bl_header_nav_list li.is-current::after {
  -webkit-transform: scaleX(1);
  transform: scaleX(1);
}

.bl_header .bl_header_nav_list li::after {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  background-color: #1D2088;
  width: 100%;
  height: 2px;
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  -webkit-transition: -webkit-transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
  transition: transform 0.5s cubic-bezier(0.68, -0.6, 0.32, 1.6);
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_header_nav_list li::after {
    display: none;
  }
}

.bl_header .bl_header_nav_list li a {
  display: inline-block;
  font-size: 1.6rem;
  color: #000;
  text-decoration: none;
  -webkit-transition: -webkit-transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
  transition: transform 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
}

@media only screen and (max-width: 768px) {
  .bl_header .bl_header_nav_list li a {
    display: block;
    max-width: -webkit-fit-content;
    max-width: -moz-fit-content;
    max-width: fit-content;
    margin: 0 auto;
  }
}

.bl_footer {
  background-color: #333333;
  padding: 56px 0 32px;
}

@media only screen and (max-width: 768px) {
  .bl_footer {
    padding: 32px 0;
  }

  .bl_footer_ttl {
    font-size: 1.8rem;
  }

  .bl_footer_txt {
    font-size: 1.3rem;
    line-height: 1.6;
  }

  .bl_footer_info_ttl,
  .bl_footer_info_txt {
    font-size: 1.2rem;
  }

  .bl_footer_copylight {
    font-size: 1.0rem;
    margin-top: 20px;
  }

  .bl_footer_sns_list li a img {
    width: 24px;
    height: 24px;
  }
}

.bl_footer_detailBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 1200px;
  margin: 0 auto;
  padding: 0 24px;
}

@media only screen and (max-width: 768px) {
  .bl_footer_detailBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    padding: 0 16px;
  }
}

.bl_footer_ttl {
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: bold;
  font-size: 2.6rem;
  line-height: 1;
  color: #ffffff;
  letter-spacing: 10%;
}

.bl_footer_ttl a,
.bl_footer_ttl a:visited {
  color: #fff;
  text-decoration: none;
}

.bl_footer_ttl a:hover {
  text-decoration: underline;
}

.bl_footer a,
.bl_footer a:visited {
  color: inherit;
}

.bl_footer_txt {
  font-size: 1.4rem;
  line-height: 1.4;
  font-weight: 400;
  color: #ffffff;
  margin: 24px 0 0;
}

.bl_footer_info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 37px;
  margin-top: 64px;
}

@media only screen and (max-width: 768px) {
  .bl_footer_info {
    margin-top: 32px;
  }
}

.bl_footer_info:nth-of-type(n+2) {
  margin-top: 16px;
}

.bl_footer_info_ttl {
  font-size: 1.6rem;
  line-height: 1;
  color: #ffffff;
  min-width: 40px;
  margin: 0;
}

.bl_footer_info_txt {
  font-size: 1.6rem;
  line-height: 1;
  color: #ffffff;
  margin: 0;
}

.bl_footer_info_txt a {
  text-decoration: none;
}

.bl_footer_info_txt a:hover {
  text-decoration: underline;
}

.bl_footer_sns_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

@media only screen and (max-width: 768px) {
  .bl_footer_sns_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    gap: 32px;
  }
}

.bl_footer_sns_list li {
  list-style: none;
}

.bl_footer_sns_list li a {
  display: block;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.bl_footer_sns_list li a:hover,
.bl_footer_sns_list li a:active,
.bl_footer_sns_list li a:focus {
  opacity: 0.8;
}

.bl_footer_sns_list li a img {
  display: block;
  width: 32px;
  height: 32px;
}

@media only screen and (max-width: 768px) {
  .bl_footer_sns_list li a img {
    width: 40px;
    height: 40px;
  }
}

.bl_footer_copylight {
  font-size: 1.6rem;
  line-height: 1;
  color: #ffffff;
  text-align: center;
  margin: 40px 0 0;
  padding: 32px 0 0;
  border-top: 1px solid #707070;
}



.el_logo_ttl img {
  display: block;
  width: 242px;
  height: 71px;
  margin: 0 auto;
}

.el_logo_lead {
  font-family: "Noto Serif CJK JP", "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  text-align: center;
  font-size: 2.4rem;
  line-height: 1.6;
  font-weight: bold;
  margin: 40px auto 80px auto;
  max-width: 900px;
  color: #111827;
}

@media only screen and (max-width: 768px) {
  .el_logo_lead {
    font-size: 1.8rem;
    padding: 0 16px;
    margin: 32px auto 0;
  }
}

.el_sub_ttl {
  font-size: 3.6rem;
  font-weight: 400;
  letter-spacing: 10%;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  color: #000000;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .el_sub_ttl {
    font-size: 2.8rem;
  }
}

.el_sub_ttl.boder {
  line-height: 1;
  border-left: 13px solid #1D2088;
  margin: 0;
  padding: 0 0 0 12px;
}

.el_sub_head {
  font-size: 2.4rem;
  font-weight: bold;
  color: #000000;
  border-bottom: 1px solid #1D2088;
}

.el_bgNoise {
  background-image: url(../images/under/bg_noise.jpg);
  background-repeat: no-repeat;
  background-size: cover;
}

.el_parent {
  position: relative;
}

.el_bgContent {
  position: absolute;
  bottom: 0;
  left: 0;
}

.el_bgContent.introduction.postion {
  bottom: -1px;
}

.el_bgContent.introduction img {
  min-width: auto;
}

.el_bgContent.kanekikai {
  bottom: 79px;
}

@media only screen and (max-width: 768px) {
  .el_bgContent.kanekikai {
    bottom: -1px;
  }
}

.el_bgContent img {
  width: 100vw;
  min-width: 1512px;
  -o-object-fit: cover;
  object-fit: cover;
  display: box;
  border-bottom: 2px solid #fff;
}

@media only screen and (max-width: 768px) {
  .el_bgContent img {
    min-width: 390px;
  }
}

.el_hbg_btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  width: 44px;
  height: 42px;
  font-size: 1.4rem;
  text-align: center;
  color: #000000;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  cursor: pointer;
}

.el_hbg_btn::before,
.el_hbg_btn::after {
  content: "";
  position: absolute;
  left: 50%;
  width: 100%;
  height: 1px;
  background-color: #000000;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.el_hbg_btn::before {
  top: 0;
}

.el_hbg_btn::after {
  top: 14px;
}

.el_hbg_btn.is-active::before,
.el_hbg_btn.is-active::after {
  left: 35%;
}

.el_hbg_btn.is-active::before {
  top: 25px;
  rotate: 45deg;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.el_hbg_btn.is-active::after {
  top: -7px;
  rotate: -45deg;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.el_acdBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: anchor-center;
  -ms-flex-align: anchor-center;
  align-items: anchor-center;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  padding: 0;
  width: 100%;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  cursor: pointer;
}

.el_acdBtn img {
  width: 48px;
  height: 48px;
  border-radius: 100vmax;
  margin: 0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

@media (any-hover: hover) {
  .el_acdBtn:hover img {
    background-color: #ffffff;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}

.el_acdBtn.is-active img {
  rotate: -180deg;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.el_txt {
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
}

.el_txt.wish_txt {
  font-size: max(1vw, 20px);
  line-height: 1.3;
  text-align: left;
  min-width: 300px;
  color: #ffffff;
  margin: 32px auto;
  max-width: 461px;
  mix-blend-mode: hard-light;
  padding: 16px;
  background-color: #00000052;
  border-radius: 3px;
}

.el_txt.decoration {
  font-size: 2.4rem;
  font-weight: bold;
  line-height: 1;
  color: #1D2A75;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 15px;
}

@media only screen and (max-width: 768px) {
  .el_txt.decoration {
    text-align: left;
    padding: 0 16px;
    line-height: 1.4;
  }
}

.el_txt.decoration::before,
.el_txt.decoration::after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 17px;
  height: 19px;
}

.el_txt.decoration::before {
  background-image: url(../images/under/icon_decoration_left.svg);
}

.el_txt.decoration::after {
  background-image: url(../images/under/icon_decoration_right.svg);
}

.el_txt.decoration02 {
  font-size: 3.6rem;
  font-weight: bold;
  line-height: 1;
  color: #333333;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 32px;
}

@media only screen and (max-width: 768px) {
  .el_txt.decoration02 {
    font-size: 2.8rem;
    gap: 16px;
    text-align: left;
  }
}

.el_txt.decoration02::before,
.el_txt.decoration02::after {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 60px;
  height: 60px;
  -webkit-transform: translateY(-20px);
  transform: translateY(-20px);
}

.el_txt.decoration02::before {
  background-image: url(../images/under/icon_decoration02_left.svg);
}

.el_txt.decoration02::after {
  background-image: url(../images/under/icon_decoration02_right.svg);
}

.el_link_btn {
  width: 100%;
  max-width: 400px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .el_link_btn {
    padding: 0 16px;
  }
}

.el_link_btn a {
  display: block;
  font-size: 1.6rem;
  text-align: center;
  line-height: 64px;
  color: #ffffff;
  border-radius: 32px;
  background-color: #1D2A75;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
}

.el_link_btn a:hover,
.el_link_btn a:active,
.el_link_btn a:focus {
  background-color: #121B4D;
}

.el_head_note.large {
  font-size: 2.4rem;
  font-weight: bold;
  color: #525252;
  line-height: 1;
  text-align: center;
  margin-top: 10px;
}

@media only screen and (max-width: 768px) {
  .el_head_note.large {
    font-size: 2rem;
  }
}

.el_bnr {
  max-width: 780px;
  margin: 80px auto 120px;
  padding: 0 24px;
}

.el_bnr button,
.el_bnr a {
  display: block;
  background-color: rgba(0, 0, 0, 0);
  border: 0;
  outline: none;
  -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);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, 0.0784313725);
  cursor: pointer;
}

.el_bnr button:hover,
.el_bnr button:active,
.el_bnr button:focus,
.el_bnr a:hover,
.el_bnr a:active,
.el_bnr a:focus {
  opacity: 0.8;
}

.el_bnr button img,
.el_bnr a img {
  display: block;
  width: 100%;
  max-width: 780px;
  height: auto;
}

.el_black_bg {
  background-color: #0000005c;
  padding-top: 50px;
}

.bl_comp {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding-left: clamp(1rem, -0.1470588235rem + 3.5294117647vw, 2.5rem);
  padding-right: clamp(1rem, -0.1470588235rem + 3.5294117647vw, 2.5rem);
}

@media only screen and (min-width: 961px) {
  .bl_comp {
    max-width: 1200px;
    margin-inline: auto;
  }
}

@media only screen and (min-width: 961px) {
  .bl_comp {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
  }
}

.bl_modal {
  opacity: 0;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 999;
  width: 100%;
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  pointer-events: none;
  padding: 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bl_modal.is-open {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.bl_modal_inner {
  width: 100%;
  max-width: 1000px;
  margin: auto;
  /* Vertically center if possible, allow scroll otherwise */
  background-color: #ffffff;
  border-radius: 8px;
  overflow: hidden;
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.2);
  position: relative;
}

.bl_modal_headBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #F8F9FA;
  padding: 20px 40px;
  border-bottom: 1px solid #EEEEEE;
  position: sticky;
  top: 0;
  z-index: 10;
}

@media only screen and (max-width: 768px) {
  .bl_modal_headBox {
    padding: 16px;
  }
}

.bl_modal_headBox_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
}

.bl_modal_headBox_head_txt {
  font-size: 2.8rem;
  font-weight: bold;
  color: #1D2088;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .bl_modal_headBox_head_txt {
    font-size: 2.4rem;
  }
}

.bl_modal .bl_modal_closeBtn {
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 24px;
  height: 24px;
  cursor: pointer;
  position: relative;
  transition: opacity 0.3s;
}

.bl_modal .bl_modal_closeBtn:hover {
  opacity: 0.7;
}

.bl_modal .bl_modal_closeBtn::before,
.bl_modal .bl_modal_closeBtn::after {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  width: 100%;
  height: 2px;
  background-color: #333333;
}

.bl_modal .bl_modal_closeBtn::before {
  transform: translate(-50%, -50%) rotate(45deg);
}

.bl_modal .bl_modal_closeBtn::after {
  transform: translate(-50%, -50%) rotate(-45deg);
}

.bl_modal_image {
  position: relative;
  overflow: hidden;
  line-height: 0;
}

@media only screen and (min-width: 769px) {
  .bl_modal_image {
    flex: 0 0 45%;
  }

  .bl_modal_image::after {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    width: 100px;
    height: 100%;
    background: linear-gradient(to right, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%);
    pointer-events: none;
  }
}

.bl_modal_image img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media only screen and (max-width: 768px) {
  .bl_modal_image {
    min-width: auto;
    margin: 0 auto;
  }
}

.bl_modal_summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding: 0;
  min-height: 400px;
}

@media only screen and (max-width: 768px) {
  .bl_modal_summary {
    display: block;
    padding: 0;
  }
}

.bl_modal_summary_ttl {
  text-align: center;
  font-weight: bold;
  font-size: clamp(1.5rem, 1.3088235294rem + 0.5882352941vw, 1.75rem);
}

@media only screen and (min-width: 961px) {
  .bl_modal_summary_ttl {
    margin-bottom: 24px;
  }
}

.bl_modal_summary_txtBox {
  flex: 1;
  padding: 40px 60px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}

.bl_modal_summary_txtBox_txt {
  font-size: 1.8rem;
  color: #333333;
  line-height: 1.8;
  margin-bottom: 40px;
}

@media only screen and (max-width: 768px) {
  .bl_modal_summary_txtBox_txt {
    margin: 16px 0 0;
  }
}

.bl_modal_summary_btn {
  width: 100%;
  max-width: 400px;
}

@media only screen and (max-width: 768px) {
  .bl_modal_summary_btn {
    margin: 24px auto 0;
  }
}

.bl_modal_summary_btn a {
  display: block;
  font-size: 1.6rem;
  text-align: center;
  line-height: 56px;
  color: #ffffff;
  border-radius: 28px;
  background-color: #1D2A75;
  -webkit-transition: 0.3s background-color;
  transition: 0.3s background-color;
  text-decoration: none;
  font-weight: bold;
}

.bl_modal_summary_btn a:hover,
.bl_modal_summary_btn a:active,
.bl_modal_summary_btn a:focus {
  background-color: #121B4D;
}

.bl_modal_bg {
  opacity: 0;
  pointer-events: none;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 998;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.6);
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  pointer-events: none;
}

.bl_modal_bg.is-open {
  opacity: 1;
  pointer-events: all;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.bl_section_head {
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
}

.bl_section_head img {
  display: block;
  width: 24px;
  height: 24px;
  margin: 0 auto;
}

@media only screen and (max-width: 768px) {
  .bl_section_head img {
    width: 70px;
    height: 70px;
  }
}

.bl_section_head .el_head_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 3.6rem;
  font-weight: 400;
  color: #000000;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .bl_section_head .el_head_txt {
    font-size: 2.8rem;
    line-height: 1;
  }
}

.bl_section_head .el_head_txt::before {
  content: "";
  display: block;
  width: 1px;
  height: 38px;
  background-color: #1D2A75;
  margin: 16px auto;
}

@media only screen and (max-width: 768px) {
  .bl_section_head .el_head_txt::before {
    height: 20px;
    margin: 8px auto;
  }
}

.bl_section_head .el_head_note {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #525252;
  text-align: center;
  margin-top: 14px;
}

.bl_mv {
  position: relative;
}

.bl_mv.layout {
  background-repeat: no-repeat;
  background-size: cover;
  width: 100%;
  height: 765px;
}

.bl_mv.layout.about {
  background-image: url(../../about/img/image_mv-about.jpg);
  background-position: center;
}

@media only screen and (max-width: 768px) {
  .bl_mv.layout.about {
    background-image: url(../../about/img/image_mv-about-sp.jpg);
    height: 245px;
    margin: 80px 0 0;
  }
}

.bl_mv.layout.kanekikai {
  background: -webkit-linear-gradient(331.12deg, #454B89 16.9%, #2E3369 49.32%, #161A48 85.18%);
  background: linear-gradient(118.88deg, #454B89 16.9%, #2E3369 49.32%, #161A48 85.18%);
  overflow: hidden;
}

.bl_mv.layout.kanekikai::after {
  content: "";
  background-image: url(../images/under/logo_kanekikai.png);
  background-size: contain;
  background-repeat: no-repeat;
  width: 799px;
  height: 753px;
  position: absolute;
  top: 45px;
  right: -100px;
}

@media only screen and (max-width: 768px) {
  .bl_mv.layout.kanekikai::after {
    width: 289px;
    height: 243px;
  }
}

@media only screen and (max-width: 768px) {
  .bl_mv.layout.kanekikai {
    height: 245px;
    margin: 80px 0 0;
  }
}

@media only screen and (max-width: 768px) {
  .bl_mv.layout.kanekikai .bl_mv_content {
    top: 64px;
  }
}

.bl_mv.layout02 {
  width: 100%;
  padding: 80px 0;
  background-color: #ffffffb5;
  position: relative;
}

.bl_mv.layout02::before {
  content: "";
  background-color: #a09987;
  position: absolute;
  mix-blend-mode: color;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.bl_mv.layout02.introduction .bl_mv_content {
  position: relative;
  top: 0;
  left: 0;
  z-index: 10;
  padding-top: 40px;
}

@media only screen and (max-width: 768px) {
  .bl_mv.layout02.introduction .bl_mv_content {
    -webkit-transform: translateX(0);
    transform: translateX(0);
  }
}

.bl_mv.layout02.introduction .bl_mv_content .bl_mv_ttl {
  color: #000000;
  text-align: center;
}

@media only screen and (max-width: 768px) {
  .bl_mv.layout02.introduction {
    padding: 178px 0 48px;
  }
}

.bl_mv_content {
  position: absolute;
  top: 220px;
  left: 10%;
  z-index: 100;
  /*filter: drop-shadow(1px 1px 5px rgba(0, 0, 0, 1));*/
}

@media only screen and (max-width: 768px) {
  .bl_mv_content {
    top: 98px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
  }
}

.bl_mv_ttl {
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: bold;
  font-size: 6.4rem;
  line-height: 1;
  letter-spacing: 12%;
  color: #ffffff;
  margin: 0;
}

/* aboutページ固有のタイトル背景・装飾 */
.bl_mv.about .bl_mv_ttl {
  position: relative;
  z-index: 1;
  padding: 12px 24px;
  display: inline-block;
}

.bl_mv.about .bl_mv_ttl::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: linear-gradient(to right, rgba(0, 0, 0, 0.4) 0%, rgba(0, 0, 0, 0.2) 70%, rgba(0, 0, 0, 0) 100%);
  box-shadow: -10vw 0px 0 0 rgba(0, 0, 0, 0.4);
  z-index: -1;
}

.bl_mv_ttl_txt {
  font-size: 1.8rem;
  line-height: 1.8;
  text-align: center;
  margin: 40px 0 40px 0;
  padding: 0 16px;
}

/* introductionページ固有のタイトル下テキスト装飾 */
.bl_mv.introduction .bl_mv_ttl_txt {
  font-family: "Noto Serif CJK JP", "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-weight: bold;
  font-size: 2.8rem;
}

.bl_mv_ttl_txt.top {
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 2.4rem;
  color: #ffffff;
  font-weight: 600;
  line-height: 1;
  margin: 0 0 24px;
}

.el_mv_bgTxt {
  display: block;
  text-align: center;
  font-family: "Impact", "Arial Black", sans-serif;
  font-weight: 900;
  font-size: clamp(4rem, 12vw, 15rem);
  line-height: 1;
  text-transform: uppercase;
  z-index: 1;
  pointer-events: none;
  background: linear-gradient(to bottom, #9d9581 0%, #393222 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: #c7c0ae;
  opacity: 0;
  visibility: hidden;
  letter-spacing: 0.1em;
  margin-top: -120px;
  margin-bottom: -40px;
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  transition: opacity 1.5s ease-out, visibility 1.5s ease-out, top 1.5s ease-out;
  will-change: opacity;
  top: 100px;
}

.el_mv_bgTxt.is-visible {
  opacity: 0.2;
  visibility: visible;
  top: 80px;
}

@media only screen and (max-width: 768px) {
  .el_mv_bgTxt {
    font-size: clamp(3rem, 15vw, 8rem);
    margin-top: 28px;
    margin-bottom: -20px;
  }
}

@media only screen and (max-width: 768px) {
  .bl_mv_ttl {
    font-size: 3.2rem;
    text-align: center;
  }

  .bl_mv.about .bl_mv_ttl {
    padding: 10px 20px;
    display: block;
  }

  .bl_mv.introduction .bl_mv_ttl_txt {
    font-size: 2.0rem;
    line-height: 1.6;
  }
}

.bl_mv_txt {
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-weight: bold;
  font-size: 2.4rem;
  line-height: 1;
  letter-spacing: 12%;
  color: #ffffff;
  margin: 0 0 24px;
}

.bl_mv_anchor {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 32px;
  margin: 40px 0 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .bl_mv_anchor {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
    margin: 87px 0 0;
  }
}

.bl_mv_anchor li {
  list-style: none;
}

@media only screen and (max-width: 768px) {
  .bl_mv_anchor li {
    width: 100%;
    padding: 0 32px;
  }
}

.bl_mv_anchor li a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 12px;
  font-size: 1.4rem;
  /* 文字を小さく調整 */
  color: #000000;
  text-decoration: none;
  line-height: 1;
  position: relative;
  padding: 0 25px 0 0;
  /* paddingをすっきり */
  background-color: #ffffff;
  border-radius: 0;
  border: none;
  /* ボーダー削除 */
  box-shadow: 0 0px 5px rgba(0, 0, 0, .08);
  /* カリキュラムカードと同じ影 */
  -webkit-transition: 0.5s all;
  transition: 0.5s all;
  overflow: hidden;
}

@media only screen and (max-width: 768px) {
  .bl_mv_anchor li a {
    width: 100%;
    border-radius: 0;
    border: none;
  }
}

@media (any-hover: hover) {
  .bl_mv_anchor li a:hover {
    background-color: #E4E0F2;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}

.bl_mv_anchor li a::before {
  content: "";
  display: block;
  background-color: #1D2A75;
  width: 38px;
  height: 33px;
  flex-shrink: 0;
}

.bl_mv_anchor li a::after {
  content: "";
  position: absolute;
  left: 13px;
  top: 50%;
  transform: translateY(-50%) rotate(45deg);
  width: 8px;
  height: 8px;
  border-top: 2px solid #ffffff;
  border-right: 2px solid #ffffff;
}

.bl_mv_anchor li a span {
  padding: 0;
}

.bl_about {
  margin-top: -40px;
  position: relative;
}

@media only screen and (max-width: 768px) {
  .bl_about {
    margin-top: 204px;
  }
}

.bl_about_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-left: 40px;
  gap: 59px;
  max-width: 931px;
  margin: 56px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_about_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 40px;
    margin: 40px auto 0;
    padding: 0 16px;
  }
}

.bl_about_txt {
  max-width: 455px;
}

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

.bl_about_txt p {
  font-size: 1.8rem;
  line-height: 2;
  color: #000000;
}

@media only screen and (max-width: 768px) {
  .bl_about_txt p {
    font-size: 1.6rem;
    line-height: 1.8;
  }
}

.bl_about_txt p strong {
  font-size: 2.4rem;
  font-weight: bold;
}

@media only screen and (max-width: 768px) {
  .bl_about_txt p strong {
    font-size: 1.6rem;
  }
}

.bl_about_txt p .ft_color_blue {
  color: #1D2A75;
  font-weight: bold;
}

.bl_about_txt p+p {
  margin-top: 32px;
}

.bl_about_img {
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .bl_about_img {
    margin: 0;
    padding: 0 16px;
    position: relative;
  }

  .bl_about_img::before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 27%;
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(rgba(255, 255, 255, 0)));
    background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
    z-index: 1;
    pointer-events: none;
  }
}

.bl_about_img img {
  display: block;
  width: 100%;
  max-width: 417px;
  height: auto;
}

@media only screen and (max-width: 768px) {
  .bl_about_img img {
    margin: 0 auto;
    max-width: none;
  }
}

.bl_introduction {
  margin: -105px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_introduction {
    padding: 0 !important;
  }
}

.bl_introduction_inner {
  padding: 144px 115px 120px 88px;
  position: relative;
  z-index: 1;
  isolation: isolate; /* 子要素の mix-blend-mode が背景を消さないように隔離 */
}

.bl_introduction_inner::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-image: url(../../about/img/asiba.jpg);
  background-size: cover;
  background-position: center;
  opacity: 0.3;
  mix-blend-mode: multiply;
  -webkit-mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
  mask-image: linear-gradient(to bottom, transparent 0%, black 15%, black 85%, transparent 100%);
  z-index: -1;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_inner {
    padding: 200px 16px 40px 16px;
  }
}

.bl_introduction_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 34px;
  max-width: 998px;
  margin: 64px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 32px;
    margin: 32px auto 0;
  }
}

.bl_introduction_img {
  width: 100%;
  max-width: 340px;
  padding: 24px;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_img {
    background-color: rgba(0, 0, 0, 0);
    padding: 0 36px;
    margin: 0 auto;
  }
}

.bl_introduction_img img {
  display: block;
  width: 100%;
  height: auto;
}

.bl_introduction_floor {
  width: 100%;
  max-width: 624px;
}

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

.bl_introduction_floor_content:nth-child(n+2) {
  margin: 69px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_content:nth-child(n+2) {
    margin: 32px 0 0;
  }
}

.bl_introduction_floor_content_headBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 0 0 4px;
  border-bottom: 1px solid #868686;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_content_headBox {
    display: block;
  }
}

.bl_introduction_floor_content_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 2rem;
  font-weight: bold;
  color: #1D2088;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_content_head {
    gap: 4px;
    line-height: 1;
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end;
  }
}

.bl_introduction_floor_content_head_num {
  display: block;
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 1.6rem;
  font-weight: bold;
  color: #fff;
  line-height: 1;
  text-align: center;
  background-color: #1D2088;
  border-radius: 100vmax;
  padding: 6px 0;
  min-width: 28px;
  max-height: 28px;
}

.bl_introduction_floor_content_head_num.orange {
  background-color: #D3683A;
}

.bl_introduction_floor_content_head.ft_color_blue {
  color: #1D2088;
}

.bl_introduction_floor_content_head.ft_color_orange {
  color: #D3683A;
}

.bl_introduction_floor_content p {
  font-size: 1.4rem;
  color: #000000;
  line-height: 1;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_content p {
    margin: 12px 0 0;
  }
}

.bl_introduction_floor_list {
  margin: 16px 0 0;
  padding: 0 7px;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_list {
    margin: 24px 0 0;
    padding: 0;
  }
}

.bl_introduction_floor_list.floor_num {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 24px;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_list.floor_num {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 16px;
  }
}

.bl_introduction_floor_list_num {
  font-size: 1.6rem !important;
  color: #000000 !important;
  text-align: center;
  padding: 5px 0;
  border: 1px solid #000000;
  min-width: 68px;
  max-width: 68px;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_list_num {
    margin: 0 !important;
  }
}

.bl_introduction_floor_list ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 24px;
  margin: 2px 0 0;
  padding: 0;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_list ul {
    gap: 16px 24px;
  }
}

.bl_introduction_floor_list ul li {
  list-style: none;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.6rem;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_list ul li {
    line-height: 1;
  }
}

.bl_introduction_floor_list ul li::before {
  content: "";
  display: block;
  min-width: 8px;
  height: 8px;
  background-color: #1D2088;
  border-radius: 100vmax;
  margin: 7px 8px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_list ul li::before {
    margin: 3px 8px 0 0;
  }
}

.bl_introduction_floor_list ul li.orange::before {
  background-color: #D3683A;
}

.bl_introduction_floor_thumBox {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 17px;
  margin: 32px 0 0;
  padding: 0 0 0 7px;
}

@media only screen and (max-width: 768px) {
  .bl_introduction_floor_thumBox {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 18px;
    margin: 24px 0 0;
    padding: 0 29px;
  }
}

.bl_introduction_floor_thumBox img {
  display: block;
  width: 100%;
  height: auto;
}

.bl_curriculum {
  margin: 120px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_curriculum {
    margin: 32px auto 0;
  }
}

.bl_curriculum_content {
  margin: 80px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_curriculum_content {
    margin: 40px 0 0;
  }
}

.bl_curriculum_img img {
  display: block;
  width: 100%;
  height: auto;
}

.bl_curriculum_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 64px;
}

@media only screen and (max-width: 768px) {
  .bl_curriculum_list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    gap: 24px;
  }
}

.bl_curriculum_list:nth-child(n+2) {
  margin: 80px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_curriculum_list:nth-child(n+2) {
    margin: 32px 0 0;
  }
}

.bl_curriculum_list:nth-child(even) {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
  -ms-flex-direction: row-reverse;
  flex-direction: row-reverse;
}

@media only screen and (max-width: 768px) {
  .bl_curriculum_list:nth-child(even) {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
  }
}

.bl_curriculum_explanationBox {
  max-width: 596px;
}

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

.bl_curriculum_explanationBox_tag {
  font-size: 1.4rem;
  color: #000000;
  line-height: 1;
  margin: 0;
  padding: 8px 16px;
  background-color: #FFF39A;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
}

@media only screen and (max-width: 768px) {
  .bl_curriculum_explanationBox_tag {
    padding: 6px 16px;
  }
}

.bl_curriculum_explanationBox_head {
  font-size: 2.4rem;
  font-weight: bold;
  color: #1D2A75;
  line-height: 1;
  margin: 24px 0 0;
}

.bl_curriculum_explanationBox_txt {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000000;
  margin: 32px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_curriculum_explanationBox_txt {
    margin: 24px 0 0;
  }
}

.bl_access {
  margin: 120px auto 0;
  padding: 80px 0 122px;
}

@media only screen and (max-width: 768px) {
  .bl_access {
    margin: 32px auto 0;
    padding: 40px 0 56px;
  }
}

.bl_access_inner {
  max-width: 960px;
  margin: 0 auto;
  padding: 0 24px;
}

@media only screen and (max-width: 768px) {
  .bl_access_inner {
    padding: 0 16px;
  }
}

.bl_access_content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  gap: 64px;
  margin: 64px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_access_content {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 24px;
    margin: 24px 0 0;
  }
}

.bl_access_detailBox_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  font-weight: bold;
  color: #1D2A75;
  margin: 0;
}

.bl_access_detailBox_head::before {
  content: "";
  display: block;
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 24px;
  height: 24px;
  margin: 0 8px 0 0;
}

.bl_access_detailBox_head.location::before {
  background-image: url(../images/under/icon_location.svg);
}

.bl_access_detailBox_head.access {
  margin: 40px 0 0;
}

.bl_access_detailBox_head.access::before {
  background-image: url(../images/under/icon_access.svg);
}

.bl_access_detailBox_location {
  margin: 16px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_location {
    margin: 20px 0 0;
  }
}

.bl_access_detailBox_location_list {
  margin: 0;
  padding: 0;
}

.bl_access_detailBox_location_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
  list-style: none;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_location_list li {
    gap: 32px;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
}

.bl_access_detailBox_location_list li:nth-child(n+2) {
  margin-top: 12px;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_location_list li:nth-child(n+2) {
    margin-top: 16px;
  }
}

.bl_access_detailBox_location_tag {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.6rem;
  color: #000000;
  text-align: center;
  background-color: #ffffff;
  min-width: 62px;
  min-height: 28px;
  max-height: 28px;
  margin: 0;
  padding: 0 4px;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_location_tag {
    min-width: 70px;
  }
}

.bl_access_detailBox_location_txt {
  font-size: 1.6rem;
  color: #000000;
  margin: 0;
}

.bl_access_detailBox_location_link {
  display: inline-block;
  font-size: 1.6rem;
  color: #000000;
  text-align: center;
  width: 180px;
  margin: 24px 0 0;
  padding: 9px 0;
  border: 1px solid #000000;
  border-radius: 2px;
  line-height: 1;
  text-decoration: none;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_location_link {
    width: 100%;
    margin: 20px 0 0;
    padding: 13px 0;
  }
}

@media (any-hover: hover) {
  .bl_access_detailBox_location_link:hover {
    color: #ffffff;
    background-color: #000000;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}

.bl_access_detailBox_access {
  margin: 16px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_access {
    margin: 24px 0 0;
  }
}

.bl_access_detailBox_access_list {
  margin: 0;
  padding: 0;
}

.bl_access_detailBox_access_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  list-style: none;
}

.bl_access_detailBox_access_list li::before {
  content: "";
  display: block;
  min-width: 8px;
  height: 8px;
  background-color: #1D2A75;
  border-radius: 100vmax;
  margin: 7px 8px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_access_list li::before {
    margin: 4px 8px 0 0;
  }
}

.bl_access_detailBox_access_list li:nth-child(n+2) {
  margin-top: 12px;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_access_list li:nth-child(n+2) {
    margin-top: 16px;
  }
}

.bl_access_detailBox_access_txt {
  font-size: 1.6rem;
  color: #000000;
  margin: 0;
}

@media only screen and (max-width: 768px) {
  .bl_access_detailBox_access_txt {
    line-height: 1;
  }
}

.bl_access_img {
  max-width: 432px;
}

.bl_access_img img {
  display: block;
  width: 100%;
  height: auto;
}

.bl_jobType {
  margin: 95px 0 0;
  padding: 0 2.5rem;
}

.bl_jobType_list {
  max-width: 1024px;
  margin: 90px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list {
    margin: 48px auto 0;
  }
}

.bl_jobType_list_item {
  padding: 46px 56px 48px 64px;
  background-color: #F4F6FF;
  -webkit-box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0509803922);
  box-shadow: 0px 4px 8px 0px rgba(0, 0, 0, 0.0509803922);
  border-radius: 8px;
  background-image: url(../images/under/bg_noise02.png);
  background-size: 100% 100%;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item {
    padding: 5px;
  }
}

.bl_jobType_list_item:nth-child(n+2) {
  margin-top: 16px;
}

.bl_jobType_list_item_headBox_head {
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
  font-size: 3.2rem;
  color: #000000;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item_headBox_head {
    font-size: 2.4rem;
  }
}

.bl_jobType_list_item_headBox_txt {
  font-size: 1.6rem;
  color: #000000;
  line-height: 1;
  margin-top: 4px;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item_headBox_txt {
    line-height: 1.6;
    margin: 4px 56px 0 0;
  }
}

.bl_jobType_list_item_acdMenu {
  height: 0;
  overflow: hidden;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.bl_jobType_list_item_acdMenu.is-active {
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.bl_jobType_list_item_acdMenu.is-visible {
  overflow: visible;
}

.bl_jobType_list_item_acdMenu_modalBtn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: #ffffff;
  border: 0;
  border-radius: 48px;
  margin: 44px auto 0;
  padding: 16px 40px 16px 16px;
  -webkit-box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0509803922);
  box-shadow: 0px 4px 10px 0px rgba(0, 0, 0, 0.0509803922);
  width: 100%;
  max-width: 800px;
  cursor: pointer;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item_acdMenu_modalBtn {
    display: block;
    margin: 32px auto 0;
    padding: 16px;
    border-radius: 8px;
  }
}

@media (any-hover: hover) {
  .bl_jobType_list_item_acdMenu_modalBtn:hover .bl_jobType_list_item_acdMenu_modalBtn_head::after {
    background-color: #1D2A75;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }

  .bl_jobType_list_item_acdMenu_modalBtn:hover .bl_jobType_list_item_acdMenu_modalBtn_guide {
    color: #1D2A75;
    -webkit-transition: 0.3s all;
    transition: 0.3s all;
  }
}

.bl_jobType_list_item_acdMenu_modalBtn_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: calc(100% - 93px);
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item_acdMenu_modalBtn_head {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    width: 100%;
    gap: 8px;
  }
}

.bl_jobType_list_item_acdMenu_modalBtn_head::after {
  content: "";
  display: block;
  width: 100%;
  height: 1px;
  background-color: #E0E0E0;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

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

.bl_jobType_list_item_acdMenu_modalBtn_head img {
  display: block;
  min-width: 64px;
  height: 64px;
  margin: 0 24px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item_acdMenu_modalBtn_head img {
    min-height: 36px;
    max-width: 36px;
    height: 36px;
    margin: 0 auto;
  }
}

.bl_jobType_list_item_acdMenu_modalBtn_head_txt {
  font-size: 2rem;
  color: #000000;
  line-height: 1;
  margin: 0 16px 0 0;
  min-width: -webkit-fit-content;
  min-width: -moz-fit-content;
  min-width: fit-content;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item_acdMenu_modalBtn_head_txt {
    margin: 0;
    text-align: left;
  }
}

.bl_jobType_list_item_acdMenu_modalBtn_guide {
  font-size: 1.4rem;
  color: #525252;
  margin: 0 0 0 16px;
}

@media only screen and (max-width: 768px) {
  .bl_jobType_list_item_acdMenu_modalBtn_guide {
    margin: 16px 0 0;
  }
}

.bl_career {
  margin: 120px 0 0;
  padding: 80px 0 62px;
}

@media only screen and (max-width: 768px) {
  .bl_career {
    margin: 64px 0 0;
    padding: 64px 0 48px;
  }
}

.bl_career_card {
  max-width: 1056px;
  margin: 40px auto 0;
  padding: 0 16px;
}

.bl_career_card_inner {
  padding: 40px 24px;
  background-color: #ffffff;
}

@media only screen and (max-width: 768px) {
  .bl_career_card_img {
    overflow-x: auto;
  }
}

.bl_career_card_img img {
  display: block;
  width: 100%;
  max-width: 859px;
  margin: 24px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_career_card_img img {
    width: 859px;
  }
}

.bl_career_note {
  font-size: 1.4rem;
  line-height: 1;
  color: #555555;
  max-width: 859px;
  margin: 24px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_career_note {
    line-height: 1.4;
  }
}

.bl_career_scroll_txt {
  display: none;
  font-size: 1.6rem;
  color: #000000;
  margin: 8px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_career_scroll_txt {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    gap: 6px;
  }

  .bl_career_scroll_txt::after {
    content: "";
    display: block;
    background-image: url(../images/under/icon_scroll.svg);
    background-size: contain;
    background-repeat: no-repeat;
    min-width: 20px;
    height: 9px;
  }
}

.bl_future {
  margin-bottom: 120px;
}

@media only screen and (max-width: 768px) {
  .bl_future {
    margin-bottom: 64px;
  }
}

.bl_future_article {
  width: 100%;
  max-width: 398px;
  background-color: #F9EED1;
  margin-top: -20px;
  padding: 16px 16px 26px;
}

@media only screen and (max-width: 768px) {
  .bl_future_article {
    margin: 24px 0 0;
    max-width: none;
  }
}

.bl_future_article_head {
  font-size: 2rem;
  font-weight: bold;
  color: #774D29;
  line-height: 1;
}

.bl_future_article_head_txt {
  font-size: 1.6rem;
  line-height: 1.6;
  color: #947255;
}

.bl_future_article_img {
  max-width: 214px;
  margin: 16px auto 0;
}

.bl_future_article_img img {
  display: block;
}

.bl_future_article_txt {
  font-size: 1.4rem;
  color: #000000;
  line-height: 1.4;
  margin: 24px 0 0;
}

.bl_future_headBox {
  background-color: #FFE57E;
  padding: 64px 0 84px;
  opacity: 0.1;
  transition: opacity 1.2s cubic-bezier(0.33, 1, 0.68, 1);
  will-change: opacity;
  isolation: isolate; /* Safariのブレンドモードによる背景消失対策 */
}

.bl_future_headBox.is-active {
  opacity: 1;
}

/* iOS用：建設業の未来 セクションの文字色強制とブレンド解除 */
@supports (-webkit-touch-callout: none) {
  .bl_future_headBox {
    opacity: 1 !important; /* iOSでは不透明度を維持 */
  }
  .bl_future_headBox .el_txt.decoration02,
  .bl_future_headBox .el_head_note.large {
    color: #ffffff !important;
    mix-blend-mode: normal !important;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5) !important;
  }
}


/* 建設業の未来：固有の文字装飾 */
.bl_future_headBox .el_txt.decoration02 {
  font-family: "Noto Serif CJK JP", "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-size: 5vw;
  mix-blend-mode: color-dodge;
  color: #edfbff
}

.bl_future_headBox .el_head_note.large {
  font-family: "Noto Serif CJK JP", "Noto Serif JP", "Yu Mincho", "YuMincho", "Hiragino Mincho ProN", "MS PMincho", serif;
  font-size: 3.0rem;
  margin-top: 16px;
  text-shadow: 0 0 3px black;
  color: #b1a698;
  mix-blend-mode: plus-lighter;
}

@media only screen and (max-width: 768px) {
  .bl_future_headBox .el_txt.decoration02 {
    font-size: 3.4rem;
  }

  .bl_future_headBox .el_head_note.large {
    font-size: 2.4rem;
  }
}

.bl_future_summary {
  max-width: 1056px;
  margin: 64px auto 0;
  padding: 0 16px;
}

@media only screen and (max-width: 768px) {
  .bl_future_summary {
    margin: 48px auto 0;
  }
}

.bl_future_summary_item:nth-child(n+2) {
  margin-top: 56px;
}

@media only screen and (max-width: 768px) {
  .bl_future_summary_item:nth-child(n+2) {
    margin-top: 32px;
  }
}

.bl_future_summary_item_col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 48px;
}

@media only screen and (max-width: 768px) {
  .bl_future_summary_item_col {
    display: block;
  }
}

.bl_future_summary_item_col .bl_future_summary_item {
  width: calc(100% - 398px);
}

@media only screen and (max-width: 768px) {
  .bl_future_summary_item_col .bl_future_summary_item {
    width: 100%;
  }
}

.bl_future_summary_box {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  padding: 8px 0 0;
  border-left: 6px solid #C1A04B;
}

.bl_future_summary_box_num {
  padding: 0 0 0 10px;
}

.bl_future_summary_box_num img {
  display: block;
  min-width: 26px;
  height: 26px;
}

.bl_future_summary_box_txtBox_head {
  font-size: 2.8rem;
  color: #000000;
  line-height: 1.4;
}

@media only screen and (max-width: 768px) {
  .bl_future_summary_box_txtBox_head {
    font-size: 2.4rem;
  }
}

.bl_future_summary_box_txtBox_txt {
  font-size: 1.6rem;
  line-height: 1.6;
  margin: 16px 0 0;
}

.bl_future_grah {
  max-width: 1056px;
  margin: 80px auto 0;
  padding: 0 16px;
}

@media only screen and (max-width: 768px) {
  .bl_future_grah {
    margin: 64px auto 0;
  }
}

.bl_future_grah_note {
  font-size: 1.4rem;
  line-height: 1.4;
  color: #555555;
  max-width: 803px;
  margin: 29px auto 0;
}

.bl_future_grah_conditions {
  max-width: 1056px;
  margin: 32px auto 0;
  padding: 0 16ppx;
}

.bl_future_grah_conditions_head {
  font-size: 1.6rem;
  font-weight: bold;
  line-height: 1;
  color: #000000;
}

.bl_future_grah_conditions_list {
  margin: 12px 0 0;
}

.bl_future_grah_conditions_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 1.6rem;
  line-height: 1.6;
  color: #000000;
}

.bl_future_grah_conditions_list li:nth-child(n+2) {
  margin-top: 8px;
}

.bl_future_grah_conditions_list li::before {
  content: "";
  display: block;
  min-width: 8px;
  height: 8px;
  background-color: #1D2088;
  border-radius: 100vmax;
  margin-top: 7px;
}

.bl_future_grah_conditions_inner {
  background-color: #F2F2F2;
  padding: 24px;
}

.bl_future_change {
  max-width: 1056px;
  margin: 64px auto 0;
  padding: 0 16px;
}

@media only screen and (max-width: 768px) {
  .bl_future_change {
    margin: 48px auto 0;
  }
}

.bl_future_change_grah {
  margin: 21px 0 0;
  padding: 24px;
  background-color: #F2F2FF;
}

@media only screen and (max-width: 768px) {
  .bl_future_change_grah {
    padding: 12px;
  }
}

.bl_future_change_grah_card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  gap: 29px;
}

@media only screen and (max-width: 1024px) {
  .bl_future_change_grah_card {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
  }
}

.bl_future_change_grah_card_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 8px;
  font-size: 2rem;
  line-height: 1;
  color: #1D2A75;
}

.bl_future_change_grah_card_head::before {
  content: "";
  display: block;
  background-image: url(../images/under/icon_change.svg);
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 32px;
  height: 32px;
}

.bl_future_change_grah_content {
  padding: 16px 26px;
  background-color: #ffffff;
}

@media only screen and (max-width: 1024px) {
  .bl_future_change_grah_content {
    width: 100%;
  }
}

@media only screen and (max-width: 768px) {
  .bl_future_change_grah_content {
    padding: 12px 6px;
  }
}

.bl_future_change_grah_content_head {
  font-size: 1.8rem;
  font-weight: bold;
  line-height: 1;
  color: #000000;
}

.bl_future_change_grah_content_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 8px;
  margin: 8px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_future_change_grah_content_list {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
  }
}

.bl_future_change_grah_content_list_year {
  font-size: 1.6rem;
  color: #525252;
  line-height: 1;
}

@media only screen and (max-width: 768px) {
  .bl_future_change_grah_content_list_year {
    font-size: 1.4rem;
  }
}

.bl_future_change_grah_content_list_yen {
  font-size: 2rem;
  color: #000000;
  line-height: 1;
  margin-top: 12px;
}

@media only screen and (max-width: 768px) {
  .bl_future_change_grah_content_list_yen {
    font-size: 1.6rem;
  }
}

.bl_future_change_grah_content_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 16px 24px;
  min-width: 165px;
  max-width: 165px;
}

@media only screen and (max-width: 768px) {
  .bl_future_change_grah_content_list li {
    padding: 12px 6px;
    min-width: 102px;
    max-width: 102px;
  }
}

.bl_future_change_grah_content_list li.green {
  background-color: #DEFFDE;
  height: 70px;
}

.bl_future_change_grah_content_list li.blue {
  background-color: #DEECFF;
  height: 103px;
}

.bl_future_change_grah_content_list li.red {
  background-color: #FFDEDE;
  height: 161px;
}

.bl_future_point {
  margin: 32px auto 0;
}

.bl_future_point_more {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 24px;
}

.bl_future_point_more_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2rem;
  color: #ffffff;
  line-height: 1;
  background-color: #1D2088;
  min-width: 80px;
  height: 80px;
  border-radius: 100vmax;
  margin-top: -10px;
}

.bl_future_point_more_txtBox_txt {
  font-size: 1.8rem;
  color: #000000;
  line-height: 1.6;
}

.bl_future_point_more_txtBox_note {
  font-size: 1.6rem;
  color: #525252;
  line-height: 1;
  margin: 8px 0 0;
}

.bl_future_point_list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 16px;
  margin: 42px 0 0;
}

@media only screen and (max-width: 768px) {
  .bl_future_point_list {
    display: block;
  }
}

.bl_future_point_list_head {
  font-size: 1.6rem;
  color: #000000;
  line-height: 1.6;
  background-color: #F9EED1;
  min-width: 176px;
  max-width: 176px;
  height: 109px;
  margin-top: -10px;
  padding: 24px;
}

@media only screen and (max-width: 768px) {
  .bl_future_point_list_head {
    min-width: auto;
    max-width: none;
    width: 100%;
    height: auto;
    padding: 24px 24p 27px;
  }

  .bl_future_point_list_head br {
    display: none;
  }
}

@media only screen and (max-width: 768px) {
  .bl_future_point_list_content {
    margin: 24px 0 0;
  }
}

.bl_future_point_list_content_txt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.8rem;
  color: #000000;
  line-height: 1.6;
}

@media only screen and (max-width: 768px) {
  .bl_future_point_list_content_txt {
    font-size: 1.6rem;
  }
}

.bl_future_point_list_content_txt::before {
  content: "";
  display: block;
  background-image: url(../images/under/icon_triangle.svg);
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 20px;
  height: 18px;
  margin-top: 4px;
}

.bl_check_list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 8px;
  font-size: 1.6rem;
  color: #000000;
}

.bl_check_list li::before {
  content: "";
  display: block;
  background-image: url(../images/under/icon_check.svg);
  background-size: contain;
  background-repeat: no-repeat;
  min-width: 24px;
  height: 24px;
}

.bl_partner {
  margin: -80px 0 0;
  padding: 0 16px;
  position: relative;
  background: #ffffff;
}

@media only screen and (max-width: 768px) {
  .bl_partner {
    margin: 64px 0 0;
  }
}

.bl_partner_txt {
  font-size: 1.8rem;
  line-height: 2;
  color: #000000;
  font-weight: 400;
  max-width: 931px;
  margin: 92px auto 0;
}

@media only screen and (max-width: 768px) {
  .bl_partner_txt {
    margin: 64px auto 0;
  }
}

.bl_parter_branch {
  max-width: 1200px;
  margin: 64px auto 0;
  padding: 0;
}

.bl_parter_branch_inner {
  padding: 48px 48px 80px;
}

@media only screen and (max-width: 768px) {
  .bl_parter_branch_inner {
    padding: 32px 32px 64px;
  }
}

.bl_parter_branch_img {
  position: relative;
  max-width: 800px;
  margin: 0 auto;
}

.bl_parter_branch_img img {
  display: block;
  width: 100%;
  height: auto;
}

.bl_parter_branch_img .tag {
  font-size: 1.8rem;
  color: #000;
  line-height: 1;
  width: 163px;
  margin: 0;
  padding: 10px 0;
  text-align: center;
  border: 1px solid #525252;
  position: absolute;
}

.bl_parter_branch_img .tag.hokkaido {
  top: 100px;
  right: 305px;
}

.bl_parter_branch_img .tag.kyusyu {
  bottom: 31px;
  left: -139px;
}

.bl_parter_branch_img .tag.right::after,
.bl_parter_branch_img .tag.left::after {
  content: "";
  position: absolute;
  top: 18px;
  width: 24px;
  height: 1px;
  background-color: #525252;
}

.bl_parter_branch_img .tag.right::after {
  right: -11px;
}

.bl_parter_branch_img .tag.left::after {
  left: -11px;
}

.bl_grah {
  margin: 40px auto 0;
  width: 100%;
  max-width: 800px;
}

.bl_grah canvas {
  width: 100% !important;
  height: auto !important;
}

.bl_grah_txt {
  font-size: 1.6rem;
  color: #000000;
  text-align: center;
  margin: 12px 0 0;
}

/**
 * Swiper 12.0.3
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2025 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: October 21, 2025
 */
:root {
  --swiper-theme-color: #007aff;
}

:host {
  display: block;
  margin-left: auto;
  margin-right: auto;
  position: relative;
  z-index: 1;
}

.swiper {
  display: block;
  list-style: none;
  margin-left: auto;
  margin-right: auto;
  overflow: hidden;
  padding: 0;
  position: relative;
  z-index: 1;
}

.swiper-vertical>.swiper-wrapper {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.swiper-wrapper {
  -webkit-box-sizing: initial;
  box-sizing: initial;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  -webkit-transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  transition-timing-function: var(--swiper-wrapper-transition-timing-function, initial);
  width: 100%;
  z-index: 1;
}

.swiper-android .swiper-slide,
.swiper-ios .swiper-slide,
.swiper-wrapper {
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-horizontal {
  -ms-touch-action: pan-y;
  touch-action: pan-y;
}

.swiper-vertical {
  -ms-touch-action: pan-x;
  touch-action: pan-x;
}

.swiper-slide {
  display: block;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 100%;
  position: relative;
  -webkit-transition-property: -webkit-transform;
  transition-property: -webkit-transform;
  transition-property: transform;
  transition-property: transform, -webkit-transform;
  width: 100%;
  filter: brightness(0.7);
}

.swiper-slide.swiper-slide-active {
  filter: none;
}


.swiper-slide-invisible-blank {
  visibility: hidden;
}

.swiper-autoheight,
.swiper-autoheight .swiper-slide {
  height: auto;
}

.swiper-autoheight .swiper-wrapper {
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-transition-property: height, -webkit-transform;
  transition-property: height, -webkit-transform;
  transition-property: transform, height;
  transition-property: transform, height, -webkit-transform;
}

.swiper-backface-hidden .swiper-slide {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.swiper-3d.swiper-css-mode .swiper-wrapper {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-wrapper {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-3d {
  -webkit-perspective: 1200px;
  perspective: 1200px;
}

.swiper-3d .swiper-cube-shadow,
.swiper-3d .swiper-slide {
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
}

.swiper-css-mode>.swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}

.swiper-css-mode>.swiper-wrapper::-webkit-scrollbar {
  display: none;
}

.swiper-css-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: start start;
}

.swiper-css-mode.swiper-horizontal>.swiper-wrapper {
  -ms-scroll-snap-type: x mandatory;
  scroll-snap-type: x mandatory;
}

.swiper-css-mode.swiper-vertical>.swiper-wrapper {
  -ms-scroll-snap-type: y mandatory;
  scroll-snap-type: y mandatory;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper {
  -ms-scroll-snap-type: none;
  scroll-snap-type: none;
}

.swiper-css-mode.swiper-free-mode>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: none;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper:before {
  content: "";
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -webkit-box-ordinal-group: 10000;
  -ms-flex-order: 9999;
  order: 9999;
}

.swiper-css-mode.swiper-centered>.swiper-wrapper>.swiper-slide {
  scroll-snap-align: center center;
  scroll-snap-stop: always;
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-start: var(--swiper-centered-offset-before);
  margin-inline-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-horizontal>.swiper-wrapper:before {
  height: 100%;
  min-height: 1px;
  width: var(--swiper-centered-offset-after);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper>.swiper-slide:first-child {
  -webkit-margin-before: var(--swiper-centered-offset-before);
  margin-block-start: var(--swiper-centered-offset-before);
}

.swiper-css-mode.swiper-centered.swiper-vertical>.swiper-wrapper:before {
  height: var(--swiper-centered-offset-after);
  min-width: 1px;
  width: 100%;
}

.swiper-3d .swiper-slide-shadow,
.swiper-3d .swiper-slide-shadow-bottom,
.swiper-3d .swiper-slide-shadow-left,
.swiper-3d .swiper-slide-shadow-right,
.swiper-3d .swiper-slide-shadow-top {
  height: 100%;
  left: 0;
  pointer-events: none;
  position: absolute;
  top: 0;
  width: 100%;
  z-index: 10;
}

.swiper-3d .swiper-slide-shadow {
  background: rgba(0, 0, 0, 0.1490196078);
}

.swiper-3d .swiper-slide-shadow-left {
  background-image: -webkit-gradient(linear, right top, left top, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(right, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  background-image: linear-gradient(270deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-right {
  background-image: -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(left, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  background-image: linear-gradient(90deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-top {
  background-image: -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(bottom, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  background-image: linear-gradient(0deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-3d .swiper-slide-shadow-bottom {
  background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5019607843)), to(rgba(0, 0, 0, 0)));
  background-image: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
  background-image: linear-gradient(180deg, rgba(0, 0, 0, 0.5019607843), rgba(0, 0, 0, 0));
}

.swiper-lazy-preloader {
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top: 4px solid rgba(0, 0, 0, 0);
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  height: 42px;
  left: 50%;
  margin-left: -21px;
  margin-top: -21px;
  position: absolute;
  top: 50%;
  -webkit-transform-origin: 50%;
  transform-origin: 50%;
  width: 42px;
  z-index: 10;
}

.swiper-watch-progress .swiper-slide-visible .swiper-lazy-preloader,
.swiper:not(.swiper-watch-progress) .swiper-lazy-preloader {
  -webkit-animation: swiper-preloader-spin 1s linear infinite;
  animation: swiper-preloader-spin 1s linear infinite;
}

.swiper-lazy-preloader-white {
  --swiper-preloader-color: #fff;
}

.swiper-lazy-preloader-black {
  --swiper-preloader-color: #000;
}

@-webkit-keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

@keyframes swiper-preloader-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }

  to {
    -webkit-transform: rotate(1turn);
    transform: rotate(1turn);
  }
}

.slider-wrap {
  max-width: 100vw;
  margin: 0 auto;
  padding: 26px 0 56px;
  overflow: visible;
}

@media only screen and (max-width: 768px) {
  .slider-wrap {
    max-width: 300px;
  }
}

.swiper {
  padding: 0 20% 0 8%;
}

@media only screen and (max-width: 900px) {
  .swiper {
    padding: 0 23% 0 7%;
  }
}

@media only screen and (max-width: 768px) {
  .swiper {
    padding: 0 40% 0 19%;
  }
}

.swiper-slide img {
  width: 386px;
  height: 613px;
  max-width: -webkit-fit-content;
  max-width: -moz-fit-content;
  max-width: fit-content;
  -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);
}

@media only screen and (max-width: 768px) {
  .swiper-slide img {
    width: 193px;
    height: 306px;
  }
}

.swiper-slide-active {
  -webkit-transform: scale(1);
  transform: scale(1);
  scale: 1;
  z-index: 5;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.swiper-slide-prev,
.swiper-slide-next {
  scale: 0.8;
  z-index: 4;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
}

.swiper-slide:not(.swiper-slide-active,
  .swiper-slide-prev,
  .swiper-slide-next) {
  scale: 0.6;
  z-index: 1;
  -webkit-transition: 0.3s all;
  transition: 0.3s all;
  opacity: 0.3;
}

.swiper-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 12px;
  height: 10px;
  margin: 40px 0 0 104px;
}

@media only screen and (max-width: 900px) {
  .swiper-pagination {
    margin: 40px 0 0 154px;
  }
}

@media only screen and (max-width: 768px) {
  .swiper-pagination {
    -webkit-transform: translateX(-8px);
    transform: translateX(-8px);
    margin: 24px 0 0 0;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
  }
}

.swiper-pagination-bullet {
  width: 36px;
  height: 10px;
  background: #DFDFDF;
  opacity: 1;
  -webkit-transition: background 0.3s, -webkit-transform 0.3s;
  transition: background 0.3s, -webkit-transform 0.3s;
  transition: transform 0.3s, background 0.3s;
  transition: transform 0.3s, background 0.3s, -webkit-transform 0.3s;
}

@media only screen and (max-width: 900px) {
  .swiper-pagination-bullet {
    width: 24px;
  }
}

.swiper-pagination-bullet-active {
  background: #333333;
}

.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_21 {
  margin-top: 168px !important;
}

.hp_mt_n21 {
  margin-top: -168px !important;
}

.hp_mt_22 {
  margin-top: 176px !important;
}

.hp_mt_n22 {
  margin-top: -176px !important;
}

.hp_mt_23 {
  margin-top: 184px !important;
}

.hp_mt_n23 {
  margin-top: -184px !important;
}

.hp_mt_24 {
  margin-top: 192px !important;
}

.hp_mt_n24 {
  margin-top: -192px !important;
}

.hp_mt_25 {
  margin-top: 200px !important;
}

.hp_mt_n25 {
  margin-top: -200px !important;
}

.hp_mt_26 {
  margin-top: 208px !important;
}

.hp_mt_n26 {
  margin-top: -208px !important;
}

.hp_mt_27 {
  margin-top: 216px !important;
}

.hp_mt_n27 {
  margin-top: -216px !important;
}

.hp_mt_28 {
  margin-top: 224px !important;
}

.hp_mt_n28 {
  margin-top: -224px !important;
}

.hp_mt_29 {
  margin-top: 232px !important;
}

.hp_mt_n29 {
  margin-top: -232px !important;
}

.hp_mt_30 {
  margin-top: 240px !important;
}

.hp_mt_n30 {
  margin-top: -240px !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_21 {
  margin-bottom: 168px !important;
}

.hp_mb_n21 {
  margin-bottom: -168px !important;
}

.hp_mb_22 {
  margin-bottom: 176px !important;
}

.hp_mb_n22 {
  margin-bottom: -176px !important;
}

.hp_mb_23 {
  margin-bottom: 184px !important;
}

.hp_mb_n23 {
  margin-bottom: -184px !important;
}

.hp_mb_24 {
  margin-bottom: 192px !important;
}

.hp_mb_n24 {
  margin-bottom: -192px !important;
}

.hp_mb_25 {
  margin-bottom: 200px !important;
}

.hp_mb_n25 {
  margin-bottom: -200px !important;
}

.hp_mb_26 {
  margin-bottom: 208px !important;
}

.hp_mb_n26 {
  margin-bottom: -208px !important;
}

.hp_mb_27 {
  margin-bottom: 216px !important;
}

.hp_mb_n27 {
  margin-bottom: -216px !important;
}

.hp_mb_28 {
  margin-bottom: 224px !important;
}

.hp_mb_n28 {
  margin-bottom: -224px !important;
}

.hp_mb_29 {
  margin-bottom: 232px !important;
}

.hp_mb_n29 {
  margin-bottom: -232px !important;
}

.hp_mb_30 {
  margin-bottom: 240px !important;
}

.hp_mb_n30 {
  margin-bottom: -240px !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_21 {
  margin-left: 168px !important;
}

.hp_ml_n21 {
  margin-left: -168px !important;
}

.hp_ml_22 {
  margin-left: 176px !important;
}

.hp_ml_n22 {
  margin-left: -176px !important;
}

.hp_ml_23 {
  margin-left: 184px !important;
}

.hp_ml_n23 {
  margin-left: -184px !important;
}

.hp_ml_24 {
  margin-left: 192px !important;
}

.hp_ml_n24 {
  margin-left: -192px !important;
}

.hp_ml_25 {
  margin-left: 200px !important;
}

.hp_ml_n25 {
  margin-left: -200px !important;
}

.hp_ml_26 {
  margin-left: 208px !important;
}

.hp_ml_n26 {
  margin-left: -208px !important;
}

.hp_ml_27 {
  margin-left: 216px !important;
}

.hp_ml_n27 {
  margin-left: -216px !important;
}

.hp_ml_28 {
  margin-left: 224px !important;
}

.hp_ml_n28 {
  margin-left: -224px !important;
}

.hp_ml_29 {
  margin-left: 232px !important;
}

.hp_ml_n29 {
  margin-left: -232px !important;
}

.hp_ml_30 {
  margin-left: 240px !important;
}

.hp_ml_n30 {
  margin-left: -240px !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_21 {
  margin-right: 168px !important;
}

.hp_mr_n21 {
  margin-right: -168px !important;
}

.hp_mr_22 {
  margin-right: 176px !important;
}

.hp_mr_n22 {
  margin-right: -176px !important;
}

.hp_mr_23 {
  margin-right: 184px !important;
}

.hp_mr_n23 {
  margin-right: -184px !important;
}

.hp_mr_24 {
  margin-right: 192px !important;
}

.hp_mr_n24 {
  margin-right: -192px !important;
}

.hp_mr_25 {
  margin-right: 200px !important;
}

.hp_mr_n25 {
  margin-right: -200px !important;
}

.hp_mr_26 {
  margin-right: 208px !important;
}

.hp_mr_n26 {
  margin-right: -208px !important;
}

.hp_mr_27 {
  margin-right: 216px !important;
}

.hp_mr_n27 {
  margin-right: -216px !important;
}

.hp_mr_28 {
  margin-right: 224px !important;
}

.hp_mr_n28 {
  margin-right: -224px !important;
}

.hp_mr_29 {
  margin-right: 232px !important;
}

.hp_mr_n29 {
  margin-right: -232px !important;
}

.hp_mr_30 {
  margin-right: 240px !important;
}

.hp_mr_n30 {
  margin-right: -240px !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_21 {
  margin-left: 168px !important;
  margin-right: 168px !important;
}

.hp_mx_n21 {
  margin-left: -168px !important;
  margin-right: -168px !important;
}

.hp_mx_22 {
  margin-left: 176px !important;
  margin-right: 176px !important;
}

.hp_mx_n22 {
  margin-left: -176px !important;
  margin-right: -176px !important;
}

.hp_mx_23 {
  margin-left: 184px !important;
  margin-right: 184px !important;
}

.hp_mx_n23 {
  margin-left: -184px !important;
  margin-right: -184px !important;
}

.hp_mx_24 {
  margin-left: 192px !important;
  margin-right: 192px !important;
}

.hp_mx_n24 {
  margin-left: -192px !important;
  margin-right: -192px !important;
}

.hp_mx_25 {
  margin-left: 200px !important;
  margin-right: 200px !important;
}

.hp_mx_n25 {
  margin-left: -200px !important;
  margin-right: -200px !important;
}

.hp_mx_26 {
  margin-left: 208px !important;
  margin-right: 208px !important;
}

.hp_mx_n26 {
  margin-left: -208px !important;
  margin-right: -208px !important;
}

.hp_mx_27 {
  margin-left: 216px !important;
  margin-right: 216px !important;
}

.hp_mx_n27 {
  margin-left: -216px !important;
  margin-right: -216px !important;
}

.hp_mx_28 {
  margin-left: 224px !important;
  margin-right: 224px !important;
}

.hp_mx_n28 {
  margin-left: -224px !important;
  margin-right: -224px !important;
}

.hp_mx_29 {
  margin-left: 232px !important;
  margin-right: 232px !important;
}

.hp_mx_n29 {
  margin-left: -232px !important;
  margin-right: -232px !important;
}

.hp_mx_30 {
  margin-left: 240px !important;
  margin-right: 240px !important;
}

.hp_mx_n30 {
  margin-left: -240px !important;
  margin-right: -240px !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_21 {
  margin-top: 168px !important;
  margin-bottom: 168px !important;
}

.hp_my_n21 {
  margin-top: -168px !important;
  margin-bottom: -168px !important;
}

.hp_my_22 {
  margin-top: 176px !important;
  margin-bottom: 176px !important;
}

.hp_my_n22 {
  margin-top: -176px !important;
  margin-bottom: -176px !important;
}

.hp_my_23 {
  margin-top: 184px !important;
  margin-bottom: 184px !important;
}

.hp_my_n23 {
  margin-top: -184px !important;
  margin-bottom: -184px !important;
}

.hp_my_24 {
  margin-top: 192px !important;
  margin-bottom: 192px !important;
}

.hp_my_n24 {
  margin-top: -192px !important;
  margin-bottom: -192px !important;
}

.hp_my_25 {
  margin-top: 200px !important;
  margin-bottom: 200px !important;
}

.hp_my_n25 {
  margin-top: -200px !important;
  margin-bottom: -200px !important;
}

.hp_my_26 {
  margin-top: 208px !important;
  margin-bottom: 208px !important;
}

.hp_my_n26 {
  margin-top: -208px !important;
  margin-bottom: -208px !important;
}

.hp_my_27 {
  margin-top: 216px !important;
  margin-bottom: 216px !important;
}

.hp_my_n27 {
  margin-top: -216px !important;
  margin-bottom: -216px !important;
}

.hp_my_28 {
  margin-top: 224px !important;
  margin-bottom: 224px !important;
}

.hp_my_n28 {
  margin-top: -224px !important;
  margin-bottom: -224px !important;
}

.hp_my_29 {
  margin-top: 232px !important;
  margin-bottom: 232px !important;
}

.hp_my_n29 {
  margin-top: -232px !important;
  margin-bottom: -232px !important;
}

.hp_my_30 {
  margin-top: 240px !important;
  margin-bottom: 240px !important;
}

.hp_my_n30 {
  margin-top: -240px !important;
  margin-bottom: -240px !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_21 {
  margin: 168px !important;
}

.hp_ma_n21 {
  margin: -168px !important;
}

.hp_ma_22 {
  margin: 176px !important;
}

.hp_ma_n22 {
  margin: -176px !important;
}

.hp_ma_23 {
  margin: 184px !important;
}

.hp_ma_n23 {
  margin: -184px !important;
}

.hp_ma_24 {
  margin: 192px !important;
}

.hp_ma_n24 {
  margin: -192px !important;
}

.hp_ma_25 {
  margin: 200px !important;
}

.hp_ma_n25 {
  margin: -200px !important;
}

.hp_ma_26 {
  margin: 208px !important;
}

.hp_ma_n26 {
  margin: -208px !important;
}

.hp_ma_27 {
  margin: 216px !important;
}

.hp_ma_n27 {
  margin: -216px !important;
}

.hp_ma_28 {
  margin: 224px !important;
}

.hp_ma_n28 {
  margin: -224px !important;
}

.hp_ma_29 {
  margin: 232px !important;
}

.hp_ma_n29 {
  margin: -232px !important;
}

.hp_ma_30 {
  margin: 240px !important;
}

.hp_ma_n30 {
  margin: -240px !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: 521px) and (max-width: 960px) {
  .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_21 {
    margin-top: 168px !important;
  }

  .hp_mt_tab_n21 {
    margin-top: -168px !important;
  }

  .hp_mt_tab_22 {
    margin-top: 176px !important;
  }

  .hp_mt_tab_n22 {
    margin-top: -176px !important;
  }

  .hp_mt_tab_23 {
    margin-top: 184px !important;
  }

  .hp_mt_tab_n23 {
    margin-top: -184px !important;
  }

  .hp_mt_tab_24 {
    margin-top: 192px !important;
  }

  .hp_mt_tab_n24 {
    margin-top: -192px !important;
  }

  .hp_mt_tab_25 {
    margin-top: 200px !important;
  }

  .hp_mt_tab_n25 {
    margin-top: -200px !important;
  }

  .hp_mt_tab_26 {
    margin-top: 208px !important;
  }

  .hp_mt_tab_n26 {
    margin-top: -208px !important;
  }

  .hp_mt_tab_27 {
    margin-top: 216px !important;
  }

  .hp_mt_tab_n27 {
    margin-top: -216px !important;
  }

  .hp_mt_tab_28 {
    margin-top: 224px !important;
  }

  .hp_mt_tab_n28 {
    margin-top: -224px !important;
  }

  .hp_mt_tab_29 {
    margin-top: 232px !important;
  }

  .hp_mt_tab_n29 {
    margin-top: -232px !important;
  }

  .hp_mt_tab_30 {
    margin-top: 240px !important;
  }

  .hp_mt_tab_n30 {
    margin-top: -240px !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_21 {
    margin-bottom: 168px !important;
  }

  .hp_mb_tab_n21 {
    margin-bottom: -168px !important;
  }

  .hp_mb_tab_22 {
    margin-bottom: 176px !important;
  }

  .hp_mb_tab_n22 {
    margin-bottom: -176px !important;
  }

  .hp_mb_tab_23 {
    margin-bottom: 184px !important;
  }

  .hp_mb_tab_n23 {
    margin-bottom: -184px !important;
  }

  .hp_mb_tab_24 {
    margin-bottom: 192px !important;
  }

  .hp_mb_tab_n24 {
    margin-bottom: -192px !important;
  }

  .hp_mb_tab_25 {
    margin-bottom: 200px !important;
  }

  .hp_mb_tab_n25 {
    margin-bottom: -200px !important;
  }

  .hp_mb_tab_26 {
    margin-bottom: 208px !important;
  }

  .hp_mb_tab_n26 {
    margin-bottom: -208px !important;
  }

  .hp_mb_tab_27 {
    margin-bottom: 216px !important;
  }

  .hp_mb_tab_n27 {
    margin-bottom: -216px !important;
  }

  .hp_mb_tab_28 {
    margin-bottom: 224px !important;
  }

  .hp_mb_tab_n28 {
    margin-bottom: -224px !important;
  }

  .hp_mb_tab_29 {
    margin-bottom: 232px !important;
  }

  .hp_mb_tab_n29 {
    margin-bottom: -232px !important;
  }

  .hp_mb_tab_30 {
    margin-bottom: 240px !important;
  }

  .hp_mb_tab_n30 {
    margin-bottom: -240px !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_21 {
    margin-left: 168px !important;
  }

  .hp_ml_tab_n21 {
    margin-left: -168px !important;
  }

  .hp_ml_tab_22 {
    margin-left: 176px !important;
  }

  .hp_ml_tab_n22 {
    margin-left: -176px !important;
  }

  .hp_ml_tab_23 {
    margin-left: 184px !important;
  }

  .hp_ml_tab_n23 {
    margin-left: -184px !important;
  }

  .hp_ml_tab_24 {
    margin-left: 192px !important;
  }

  .hp_ml_tab_n24 {
    margin-left: -192px !important;
  }

  .hp_ml_tab_25 {
    margin-left: 200px !important;
  }

  .hp_ml_tab_n25 {
    margin-left: -200px !important;
  }

  .hp_ml_tab_26 {
    margin-left: 208px !important;
  }

  .hp_ml_tab_n26 {
    margin-left: -208px !important;
  }

  .hp_ml_tab_27 {
    margin-left: 216px !important;
  }

  .hp_ml_tab_n27 {
    margin-left: -216px !important;
  }

  .hp_ml_tab_28 {
    margin-left: 224px !important;
  }

  .hp_ml_tab_n28 {
    margin-left: -224px !important;
  }

  .hp_ml_tab_29 {
    margin-left: 232px !important;
  }

  .hp_ml_tab_n29 {
    margin-left: -232px !important;
  }

  .hp_ml_tab_30 {
    margin-left: 240px !important;
  }

  .hp_ml_tab_n30 {
    margin-left: -240px !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_21 {
    margin-right: 168px !important;
  }

  .hp_mr_tab_n21 {
    margin-right: -168px !important;
  }

  .hp_mr_tab_22 {
    margin-right: 176px !important;
  }

  .hp_mr_tab_n22 {
    margin-right: -176px !important;
  }

  .hp_mr_tab_23 {
    margin-right: 184px !important;
  }

  .hp_mr_tab_n23 {
    margin-right: -184px !important;
  }

  .hp_mr_tab_24 {
    margin-right: 192px !important;
  }

  .hp_mr_tab_n24 {
    margin-right: -192px !important;
  }

  .hp_mr_tab_25 {
    margin-right: 200px !important;
  }

  .hp_mr_tab_n25 {
    margin-right: -200px !important;
  }

  .hp_mr_tab_26 {
    margin-right: 208px !important;
  }

  .hp_mr_tab_n26 {
    margin-right: -208px !important;
  }

  .hp_mr_tab_27 {
    margin-right: 216px !important;
  }

  .hp_mr_tab_n27 {
    margin-right: -216px !important;
  }

  .hp_mr_tab_28 {
    margin-right: 224px !important;
  }

  .hp_mr_tab_n28 {
    margin-right: -224px !important;
  }

  .hp_mr_tab_29 {
    margin-right: 232px !important;
  }

  .hp_mr_tab_n29 {
    margin-right: -232px !important;
  }

  .hp_mr_tab_30 {
    margin-right: 240px !important;
  }

  .hp_mr_tab_n30 {
    margin-right: -240px !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_21 {
    margin-left: 168px !important;
    margin-right: 168px !important;
  }

  .hp_mx_tab_n21 {
    margin-left: -168px !important;
    margin-right: -168px !important;
  }

  .hp_mx_tab_22 {
    margin-left: 176px !important;
    margin-right: 176px !important;
  }

  .hp_mx_tab_n22 {
    margin-left: -176px !important;
    margin-right: -176px !important;
  }

  .hp_mx_tab_23 {
    margin-left: 184px !important;
    margin-right: 184px !important;
  }

  .hp_mx_tab_n23 {
    margin-left: -184px !important;
    margin-right: -184px !important;
  }

  .hp_mx_tab_24 {
    margin-left: 192px !important;
    margin-right: 192px !important;
  }

  .hp_mx_tab_n24 {
    margin-left: -192px !important;
    margin-right: -192px !important;
  }

  .hp_mx_tab_25 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .hp_mx_tab_n25 {
    margin-left: -200px !important;
    margin-right: -200px !important;
  }

  .hp_mx_tab_26 {
    margin-left: 208px !important;
    margin-right: 208px !important;
  }

  .hp_mx_tab_n26 {
    margin-left: -208px !important;
    margin-right: -208px !important;
  }

  .hp_mx_tab_27 {
    margin-left: 216px !important;
    margin-right: 216px !important;
  }

  .hp_mx_tab_n27 {
    margin-left: -216px !important;
    margin-right: -216px !important;
  }

  .hp_mx_tab_28 {
    margin-left: 224px !important;
    margin-right: 224px !important;
  }

  .hp_mx_tab_n28 {
    margin-left: -224px !important;
    margin-right: -224px !important;
  }

  .hp_mx_tab_29 {
    margin-left: 232px !important;
    margin-right: 232px !important;
  }

  .hp_mx_tab_n29 {
    margin-left: -232px !important;
    margin-right: -232px !important;
  }

  .hp_mx_tab_30 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .hp_mx_tab_n30 {
    margin-left: -240px !important;
    margin-right: -240px !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_21 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }

  .hp_my_tab_n21 {
    margin-top: -168px !important;
    margin-bottom: -168px !important;
  }

  .hp_my_tab_22 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }

  .hp_my_tab_n22 {
    margin-top: -176px !important;
    margin-bottom: -176px !important;
  }

  .hp_my_tab_23 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }

  .hp_my_tab_n23 {
    margin-top: -184px !important;
    margin-bottom: -184px !important;
  }

  .hp_my_tab_24 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }

  .hp_my_tab_n24 {
    margin-top: -192px !important;
    margin-bottom: -192px !important;
  }

  .hp_my_tab_25 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .hp_my_tab_n25 {
    margin-top: -200px !important;
    margin-bottom: -200px !important;
  }

  .hp_my_tab_26 {
    margin-top: 208px !important;
    margin-bottom: 208px !important;
  }

  .hp_my_tab_n26 {
    margin-top: -208px !important;
    margin-bottom: -208px !important;
  }

  .hp_my_tab_27 {
    margin-top: 216px !important;
    margin-bottom: 216px !important;
  }

  .hp_my_tab_n27 {
    margin-top: -216px !important;
    margin-bottom: -216px !important;
  }

  .hp_my_tab_28 {
    margin-top: 224px !important;
    margin-bottom: 224px !important;
  }

  .hp_my_tab_n28 {
    margin-top: -224px !important;
    margin-bottom: -224px !important;
  }

  .hp_my_tab_29 {
    margin-top: 232px !important;
    margin-bottom: 232px !important;
  }

  .hp_my_tab_n29 {
    margin-top: -232px !important;
    margin-bottom: -232px !important;
  }

  .hp_my_tab_30 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .hp_my_tab_n30 {
    margin-top: -240px !important;
    margin-bottom: -240px !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_21 {
    margin: 168px !important;
  }

  .hp_ma_tab_n21 {
    margin: -168px !important;
  }

  .hp_ma_tab_22 {
    margin: 176px !important;
  }

  .hp_ma_tab_n22 {
    margin: -176px !important;
  }

  .hp_ma_tab_23 {
    margin: 184px !important;
  }

  .hp_ma_tab_n23 {
    margin: -184px !important;
  }

  .hp_ma_tab_24 {
    margin: 192px !important;
  }

  .hp_ma_tab_n24 {
    margin: -192px !important;
  }

  .hp_ma_tab_25 {
    margin: 200px !important;
  }

  .hp_ma_tab_n25 {
    margin: -200px !important;
  }

  .hp_ma_tab_26 {
    margin: 208px !important;
  }

  .hp_ma_tab_n26 {
    margin: -208px !important;
  }

  .hp_ma_tab_27 {
    margin: 216px !important;
  }

  .hp_ma_tab_n27 {
    margin: -216px !important;
  }

  .hp_ma_tab_28 {
    margin: 224px !important;
  }

  .hp_ma_tab_n28 {
    margin: -224px !important;
  }

  .hp_ma_tab_29 {
    margin: 232px !important;
  }

  .hp_ma_tab_n29 {
    margin: -232px !important;
  }

  .hp_ma_tab_30 {
    margin: 240px !important;
  }

  .hp_ma_tab_n30 {
    margin: -240px !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: 520px) {
  .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_21 {
    margin-top: 168px !important;
  }

  .hp_mt_sp_n21 {
    margin-top: -168px !important;
  }

  .hp_mt_sp_22 {
    margin-top: 176px !important;
  }

  .hp_mt_sp_n22 {
    margin-top: -176px !important;
  }

  .hp_mt_sp_23 {
    margin-top: 184px !important;
  }

  .hp_mt_sp_n23 {
    margin-top: -184px !important;
  }

  .hp_mt_sp_24 {
    margin-top: 192px !important;
  }

  .hp_mt_sp_n24 {
    margin-top: -192px !important;
  }

  .hp_mt_sp_25 {
    margin-top: 200px !important;
  }

  .hp_mt_sp_n25 {
    margin-top: -200px !important;
  }

  .hp_mt_sp_26 {
    margin-top: 208px !important;
  }

  .hp_mt_sp_n26 {
    margin-top: -208px !important;
  }

  .hp_mt_sp_27 {
    margin-top: 216px !important;
  }

  .hp_mt_sp_n27 {
    margin-top: -216px !important;
  }

  .hp_mt_sp_28 {
    margin-top: 224px !important;
  }

  .hp_mt_sp_n28 {
    margin-top: -224px !important;
  }

  .hp_mt_sp_29 {
    margin-top: 232px !important;
  }

  .hp_mt_sp_n29 {
    margin-top: -232px !important;
  }

  .hp_mt_sp_30 {
    margin-top: 240px !important;
  }

  .hp_mt_sp_n30 {
    margin-top: -240px !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_21 {
    margin-bottom: 168px !important;
  }

  .hp_mb_sp_n21 {
    margin-bottom: -168px !important;
  }

  .hp_mb_sp_22 {
    margin-bottom: 176px !important;
  }

  .hp_mb_sp_n22 {
    margin-bottom: -176px !important;
  }

  .hp_mb_sp_23 {
    margin-bottom: 184px !important;
  }

  .hp_mb_sp_n23 {
    margin-bottom: -184px !important;
  }

  .hp_mb_sp_24 {
    margin-bottom: 192px !important;
  }

  .hp_mb_sp_n24 {
    margin-bottom: -192px !important;
  }

  .hp_mb_sp_25 {
    margin-bottom: 200px !important;
  }

  .hp_mb_sp_n25 {
    margin-bottom: -200px !important;
  }

  .hp_mb_sp_26 {
    margin-bottom: 208px !important;
  }

  .hp_mb_sp_n26 {
    margin-bottom: -208px !important;
  }

  .hp_mb_sp_27 {
    margin-bottom: 216px !important;
  }

  .hp_mb_sp_n27 {
    margin-bottom: -216px !important;
  }

  .hp_mb_sp_28 {
    margin-bottom: 224px !important;
  }

  .hp_mb_sp_n28 {
    margin-bottom: -224px !important;
  }

  .hp_mb_sp_29 {
    margin-bottom: 232px !important;
  }

  .hp_mb_sp_n29 {
    margin-bottom: -232px !important;
  }

  .hp_mb_sp_30 {
    margin-bottom: 240px !important;
  }

  .hp_mb_sp_n30 {
    margin-bottom: -240px !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_21 {
    margin-left: 168px !important;
  }

  .hp_ml_sp_n21 {
    margin-left: -168px !important;
  }

  .hp_ml_sp_22 {
    margin-left: 176px !important;
  }

  .hp_ml_sp_n22 {
    margin-left: -176px !important;
  }

  .hp_ml_sp_23 {
    margin-left: 184px !important;
  }

  .hp_ml_sp_n23 {
    margin-left: -184px !important;
  }

  .hp_ml_sp_24 {
    margin-left: 192px !important;
  }

  .hp_ml_sp_n24 {
    margin-left: -192px !important;
  }

  .hp_ml_sp_25 {
    margin-left: 200px !important;
  }

  .hp_ml_sp_n25 {
    margin-left: -200px !important;
  }

  .hp_ml_sp_26 {
    margin-left: 208px !important;
  }

  .hp_ml_sp_n26 {
    margin-left: -208px !important;
  }

  .hp_ml_sp_27 {
    margin-left: 216px !important;
  }

  .hp_ml_sp_n27 {
    margin-left: -216px !important;
  }

  .hp_ml_sp_28 {
    margin-left: 224px !important;
  }

  .hp_ml_sp_n28 {
    margin-left: -224px !important;
  }

  .hp_ml_sp_29 {
    margin-left: 232px !important;
  }

  .hp_ml_sp_n29 {
    margin-left: -232px !important;
  }

  .hp_ml_sp_30 {
    margin-left: 240px !important;
  }

  .hp_ml_sp_n30 {
    margin-left: -240px !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_21 {
    margin-right: 168px !important;
  }

  .hp_mr_sp_n21 {
    margin-right: -168px !important;
  }

  .hp_mr_sp_22 {
    margin-right: 176px !important;
  }

  .hp_mr_sp_n22 {
    margin-right: -176px !important;
  }

  .hp_mr_sp_23 {
    margin-right: 184px !important;
  }

  .hp_mr_sp_n23 {
    margin-right: -184px !important;
  }

  .hp_mr_sp_24 {
    margin-right: 192px !important;
  }

  .hp_mr_sp_n24 {
    margin-right: -192px !important;
  }

  .hp_mr_sp_25 {
    margin-right: 200px !important;
  }

  .hp_mr_sp_n25 {
    margin-right: -200px !important;
  }

  .hp_mr_sp_26 {
    margin-right: 208px !important;
  }

  .hp_mr_sp_n26 {
    margin-right: -208px !important;
  }

  .hp_mr_sp_27 {
    margin-right: 216px !important;
  }

  .hp_mr_sp_n27 {
    margin-right: -216px !important;
  }

  .hp_mr_sp_28 {
    margin-right: 224px !important;
  }

  .hp_mr_sp_n28 {
    margin-right: -224px !important;
  }

  .hp_mr_sp_29 {
    margin-right: 232px !important;
  }

  .hp_mr_sp_n29 {
    margin-right: -232px !important;
  }

  .hp_mr_sp_30 {
    margin-right: 240px !important;
  }

  .hp_mr_sp_n30 {
    margin-right: -240px !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_21 {
    margin-left: 168px !important;
    margin-right: 168px !important;
  }

  .hp_mx_sp_n21 {
    margin-left: -168px !important;
    margin-right: -168px !important;
  }

  .hp_mx_sp_22 {
    margin-left: 176px !important;
    margin-right: 176px !important;
  }

  .hp_mx_sp_n22 {
    margin-left: -176px !important;
    margin-right: -176px !important;
  }

  .hp_mx_sp_23 {
    margin-left: 184px !important;
    margin-right: 184px !important;
  }

  .hp_mx_sp_n23 {
    margin-left: -184px !important;
    margin-right: -184px !important;
  }

  .hp_mx_sp_24 {
    margin-left: 192px !important;
    margin-right: 192px !important;
  }

  .hp_mx_sp_n24 {
    margin-left: -192px !important;
    margin-right: -192px !important;
  }

  .hp_mx_sp_25 {
    margin-left: 200px !important;
    margin-right: 200px !important;
  }

  .hp_mx_sp_n25 {
    margin-left: -200px !important;
    margin-right: -200px !important;
  }

  .hp_mx_sp_26 {
    margin-left: 208px !important;
    margin-right: 208px !important;
  }

  .hp_mx_sp_n26 {
    margin-left: -208px !important;
    margin-right: -208px !important;
  }

  .hp_mx_sp_27 {
    margin-left: 216px !important;
    margin-right: 216px !important;
  }

  .hp_mx_sp_n27 {
    margin-left: -216px !important;
    margin-right: -216px !important;
  }

  .hp_mx_sp_28 {
    margin-left: 224px !important;
    margin-right: 224px !important;
  }

  .hp_mx_sp_n28 {
    margin-left: -224px !important;
    margin-right: -224px !important;
  }

  .hp_mx_sp_29 {
    margin-left: 232px !important;
    margin-right: 232px !important;
  }

  .hp_mx_sp_n29 {
    margin-left: -232px !important;
    margin-right: -232px !important;
  }

  .hp_mx_sp_30 {
    margin-left: 240px !important;
    margin-right: 240px !important;
  }

  .hp_mx_sp_n30 {
    margin-left: -240px !important;
    margin-right: -240px !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_21 {
    margin-top: 168px !important;
    margin-bottom: 168px !important;
  }

  .hp_my_sp_n21 {
    margin-top: -168px !important;
    margin-bottom: -168px !important;
  }

  .hp_my_sp_22 {
    margin-top: 176px !important;
    margin-bottom: 176px !important;
  }

  .hp_my_sp_n22 {
    margin-top: -176px !important;
    margin-bottom: -176px !important;
  }

  .hp_my_sp_23 {
    margin-top: 184px !important;
    margin-bottom: 184px !important;
  }

  .hp_my_sp_n23 {
    margin-top: -184px !important;
    margin-bottom: -184px !important;
  }

  .hp_my_sp_24 {
    margin-top: 192px !important;
    margin-bottom: 192px !important;
  }

  .hp_my_sp_n24 {
    margin-top: -192px !important;
    margin-bottom: -192px !important;
  }

  .hp_my_sp_25 {
    margin-top: 200px !important;
    margin-bottom: 200px !important;
  }

  .hp_my_sp_n25 {
    margin-top: -200px !important;
    margin-bottom: -200px !important;
  }

  .hp_my_sp_26 {
    margin-top: 208px !important;
    margin-bottom: 208px !important;
  }

  .hp_my_sp_n26 {
    margin-top: -208px !important;
    margin-bottom: -208px !important;
  }

  .hp_my_sp_27 {
    margin-top: 216px !important;
    margin-bottom: 216px !important;
  }

  .hp_my_sp_n27 {
    margin-top: -216px !important;
    margin-bottom: -216px !important;
  }

  .hp_my_sp_28 {
    margin-top: 224px !important;
    margin-bottom: 224px !important;
  }

  .hp_my_sp_n28 {
    margin-top: -224px !important;
    margin-bottom: -224px !important;
  }

  .hp_my_sp_29 {
    margin-top: 232px !important;
    margin-bottom: 232px !important;
  }

  .hp_my_sp_n29 {
    margin-top: -232px !important;
    margin-bottom: -232px !important;
  }

  .hp_my_sp_30 {
    margin-top: 240px !important;
    margin-bottom: 240px !important;
  }

  .hp_my_sp_n30 {
    margin-top: -240px !important;
    margin-bottom: -240px !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_21 {
    margin: 168px !important;
  }

  .hp_ma_sp_n21 {
    margin: -168px !important;
  }

  .hp_ma_sp_22 {
    margin: 176px !important;
  }

  .hp_ma_sp_n22 {
    margin: -176px !important;
  }

  .hp_ma_sp_23 {
    margin: 184px !important;
  }

  .hp_ma_sp_n23 {
    margin: -184px !important;
  }

  .hp_ma_sp_24 {
    margin: 192px !important;
  }

  .hp_ma_sp_n24 {
    margin: -192px !important;
  }

  .hp_ma_sp_25 {
    margin: 200px !important;
  }

  .hp_ma_sp_n25 {
    margin: -200px !important;
  }

  .hp_ma_sp_26 {
    margin: 208px !important;
  }

  .hp_ma_sp_n26 {
    margin: -208px !important;
  }

  .hp_ma_sp_27 {
    margin: 216px !important;
  }

  .hp_ma_sp_n27 {
    margin: -216px !important;
  }

  .hp_ma_sp_28 {
    margin: 224px !important;
  }

  .hp_ma_sp_n28 {
    margin: -224px !important;
  }

  .hp_ma_sp_29 {
    margin: 232px !important;
  }

  .hp_ma_sp_n29 {
    margin: -232px !important;
  }

  .hp_ma_sp_30 {
    margin: 240px !important;
  }

  .hp_ma_sp_n30 {
    margin: -240px !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_21 {
  padding-top: 168px !important;
}

.hp_pt_22 {
  padding-top: 176px !important;
}

.hp_pt_23 {
  padding-top: 184px !important;
}

.hp_pt_24 {
  padding-top: 192px !important;
}

.hp_pt_25 {
  padding-top: 200px !important;
}

.hp_pt_26 {
  padding-top: 208px !important;
}

.hp_pt_27 {
  padding-top: 216px !important;
}

.hp_pt_28 {
  padding-top: 224px !important;
}

.hp_pt_29 {
  padding-top: 232px !important;
}

.hp_pt_30 {
  padding-top: 240px !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_21 {
  padding-bottom: 168px !important;
}

.hp_pb_22 {
  padding-bottom: 176px !important;
}

.hp_pb_23 {
  padding-bottom: 184px !important;
}

.hp_pb_24 {
  padding-bottom: 192px !important;
}

.hp_pb_25 {
  padding-bottom: 200px !important;
}

.hp_pb_26 {
  padding-bottom: 208px !important;
}

.hp_pb_27 {
  padding-bottom: 216px !important;
}

.hp_pb_28 {
  padding-bottom: 224px !important;
}

.hp_pb_29 {
  padding-bottom: 232px !important;
}

.hp_pb_30 {
  padding-bottom: 240px !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_21 {
  padding-left: 168px !important;
}

.hp_pl_22 {
  padding-left: 176px !important;
}

.hp_pl_23 {
  padding-left: 184px !important;
}

.hp_pl_24 {
  padding-left: 192px !important;
}

.hp_pl_25 {
  padding-left: 200px !important;
}

.hp_pl_26 {
  padding-left: 208px !important;
}

.hp_pl_27 {
  padding-left: 216px !important;
}

.hp_pl_28 {
  padding-left: 224px !important;
}

.hp_pl_29 {
  padding-left: 232px !important;
}

.hp_pl_30 {
  padding-left: 240px !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_21 {
  padding-right: 168px !important;
}

.hp_pr_22 {
  padding-right: 176px !important;
}

.hp_pr_23 {
  padding-right: 184px !important;
}

.hp_pr_24 {
  padding-right: 192px !important;
}

.hp_pr_25 {
  padding-right: 200px !important;
}

.hp_pr_26 {
  padding-right: 208px !important;
}

.hp_pr_27 {
  padding-right: 216px !important;
}

.hp_pr_28 {
  padding-right: 224px !important;
}

.hp_pr_29 {
  padding-right: 232px !important;
}

.hp_pr_30 {
  padding-right: 240px !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_21 {
  padding-left: 168px !important;
  padding-right: 168px !important;
}

.hp_px_22 {
  padding-left: 176px !important;
  padding-right: 176px !important;
}

.hp_px_23 {
  padding-left: 184px !important;
  padding-right: 184px !important;
}

.hp_px_24 {
  padding-left: 192px !important;
  padding-right: 192px !important;
}

.hp_px_25 {
  padding-left: 200px !important;
  padding-right: 200px !important;
}

.hp_px_26 {
  padding-left: 208px !important;
  padding-right: 208px !important;
}

.hp_px_27 {
  padding-left: 216px !important;
  padding-right: 216px !important;
}

.hp_px_28 {
  padding-left: 224px !important;
  padding-right: 224px !important;
}

.hp_px_29 {
  padding-left: 232px !important;
  padding-right: 232px !important;
}

.hp_px_30 {
  padding-left: 240px !important;
  padding-right: 240px !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_21 {
  padding-top: 168px !important;
  padding-bottom: 168px !important;
}

.hp_py_22 {
  padding-top: 176px !important;
  padding-bottom: 176px !important;
}

.hp_py_23 {
  padding-top: 184px !important;
  padding-bottom: 184px !important;
}

.hp_py_24 {
  padding-top: 192px !important;
  padding-bottom: 192px !important;
}

.hp_py_25 {
  padding-top: 200px !important;
  padding-bottom: 200px !important;
}

.hp_py_26 {
  padding-top: 208px !important;
  padding-bottom: 208px !important;
}

.hp_py_27 {
  padding-top: 216px !important;
  padding-bottom: 216px !important;
}

.hp_py_28 {
  padding-top: 224px !important;
  padding-bottom: 224px !important;
}

.hp_py_29 {
  padding-top: 232px !important;
  padding-bottom: 232px !important;
}

.hp_py_30 {
  padding-top: 240px !important;
  padding-bottom: 240px !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_21 {
  padding: 168px !important;
}

.hp_pa_22 {
  padding: 176px !important;
}

.hp_pa_23 {
  padding: 184px !important;
}

.hp_pa_24 {
  padding: 192px !important;
}

.hp_pa_25 {
  padding: 200px !important;
}

.hp_pa_26 {
  padding: 208px !important;
}

.hp_pa_27 {
  padding: 216px !important;
}

.hp_pa_28 {
  padding: 224px !important;
}

.hp_pa_29 {
  padding: 232px !important;
}

.hp_pa_30 {
  padding: 240px !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: 521px) and (max-width: 960px) {
  .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_21 {
    padding-top: 168px !important;
  }

  .hp_pt_tab_22 {
    padding-top: 176px !important;
  }

  .hp_pt_tab_23 {
    padding-top: 184px !important;
  }

  .hp_pt_tab_24 {
    padding-top: 192px !important;
  }

  .hp_pt_tab_25 {
    padding-top: 200px !important;
  }

  .hp_pt_tab_26 {
    padding-top: 208px !important;
  }

  .hp_pt_tab_27 {
    padding-top: 216px !important;
  }

  .hp_pt_tab_28 {
    padding-top: 224px !important;
  }

  .hp_pt_tab_29 {
    padding-top: 232px !important;
  }

  .hp_pt_tab_30 {
    padding-top: 240px !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_21 {
    padding-bottom: 168px !important;
  }

  .hp_pb_tab_22 {
    padding-bottom: 176px !important;
  }

  .hp_pb_tab_23 {
    padding-bottom: 184px !important;
  }

  .hp_pb_tab_24 {
    padding-bottom: 192px !important;
  }

  .hp_pb_tab_25 {
    padding-bottom: 200px !important;
  }

  .hp_pb_tab_26 {
    padding-bottom: 208px !important;
  }

  .hp_pb_tab_27 {
    padding-bottom: 216px !important;
  }

  .hp_pb_tab_28 {
    padding-bottom: 224px !important;
  }

  .hp_pb_tab_29 {
    padding-bottom: 232px !important;
  }

  .hp_pb_tab_30 {
    padding-bottom: 240px !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_21 {
    padding-left: 168px !important;
  }

  .hp_pl_tab_22 {
    padding-left: 176px !important;
  }

  .hp_pl_tab_23 {
    padding-left: 184px !important;
  }

  .hp_pl_tab_24 {
    padding-left: 192px !important;
  }

  .hp_pl_tab_25 {
    padding-left: 200px !important;
  }

  .hp_pl_tab_26 {
    padding-left: 208px !important;
  }

  .hp_pl_tab_27 {
    padding-left: 216px !important;
  }

  .hp_pl_tab_28 {
    padding-left: 224px !important;
  }

  .hp_pl_tab_29 {
    padding-left: 232px !important;
  }

  .hp_pl_tab_30 {
    padding-left: 240px !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_21 {
    padding-right: 168px !important;
  }

  .hp_pr_tab_22 {
    padding-right: 176px !important;
  }

  .hp_pr_tab_23 {
    padding-right: 184px !important;
  }

  .hp_pr_tab_24 {
    padding-right: 192px !important;
  }

  .hp_pr_tab_25 {
    padding-right: 200px !important;
  }

  .hp_pr_tab_26 {
    padding-right: 208px !important;
  }

  .hp_pr_tab_27 {
    padding-right: 216px !important;
  }

  .hp_pr_tab_28 {
    padding-right: 224px !important;
  }

  .hp_pr_tab_29 {
    padding-right: 232px !important;
  }

  .hp_pr_tab_30 {
    padding-right: 240px !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_21 {
    padding-left: 168px !important;
    padding-right: 168px !important;
  }

  .hp_px_tab_22 {
    padding-left: 176px !important;
    padding-right: 176px !important;
  }

  .hp_px_tab_23 {
    padding-left: 184px !important;
    padding-right: 184px !important;
  }

  .hp_px_tab_24 {
    padding-left: 192px !important;
    padding-right: 192px !important;
  }

  .hp_px_tab_25 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .hp_px_tab_26 {
    padding-left: 208px !important;
    padding-right: 208px !important;
  }

  .hp_px_tab_27 {
    padding-left: 216px !important;
    padding-right: 216px !important;
  }

  .hp_px_tab_28 {
    padding-left: 224px !important;
    padding-right: 224px !important;
  }

  .hp_px_tab_29 {
    padding-left: 232px !important;
    padding-right: 232px !important;
  }

  .hp_px_tab_30 {
    padding-left: 240px !important;
    padding-right: 240px !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_21 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }

  .hp_py_tab_22 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }

  .hp_py_tab_23 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }

  .hp_py_tab_24 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }

  .hp_py_tab_25 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .hp_py_tab_26 {
    padding-top: 208px !important;
    padding-bottom: 208px !important;
  }

  .hp_py_tab_27 {
    padding-top: 216px !important;
    padding-bottom: 216px !important;
  }

  .hp_py_tab_28 {
    padding-top: 224px !important;
    padding-bottom: 224px !important;
  }

  .hp_py_tab_29 {
    padding-top: 232px !important;
    padding-bottom: 232px !important;
  }

  .hp_py_tab_30 {
    padding-top: 240px !important;
    padding-bottom: 240px !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_21 {
    padding: 168px !important;
  }

  .hp_pa_tab_22 {
    padding: 176px !important;
  }

  .hp_pa_tab_23 {
    padding: 184px !important;
  }

  .hp_pa_tab_24 {
    padding: 192px !important;
  }

  .hp_pa_tab_25 {
    padding: 200px !important;
  }

  .hp_pa_tab_26 {
    padding: 208px !important;
  }

  .hp_pa_tab_27 {
    padding: 216px !important;
  }

  .hp_pa_tab_28 {
    padding: 224px !important;
  }

  .hp_pa_tab_29 {
    padding: 232px !important;
  }

  .hp_pa_tab_30 {
    padding: 240px !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: 520px) {
  .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_21 {
    padding-top: 168px !important;
  }

  .hp_pt_sp_22 {
    padding-top: 176px !important;
  }

  .hp_pt_sp_23 {
    padding-top: 184px !important;
  }

  .hp_pt_sp_24 {
    padding-top: 192px !important;
  }

  .hp_pt_sp_25 {
    padding-top: 200px !important;
  }

  .hp_pt_sp_26 {
    padding-top: 208px !important;
  }

  .hp_pt_sp_27 {
    padding-top: 216px !important;
  }

  .hp_pt_sp_28 {
    padding-top: 224px !important;
  }

  .hp_pt_sp_29 {
    padding-top: 232px !important;
  }

  .hp_pt_sp_30 {
    padding-top: 240px !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_21 {
    padding-bottom: 168px !important;
  }

  .hp_pb_sp_22 {
    padding-bottom: 176px !important;
  }

  .hp_pb_sp_23 {
    padding-bottom: 184px !important;
  }

  .hp_pb_sp_24 {
    padding-bottom: 192px !important;
  }

  .hp_pb_sp_25 {
    padding-bottom: 200px !important;
  }

  .hp_pb_sp_26 {
    padding-bottom: 208px !important;
  }

  .hp_pb_sp_27 {
    padding-bottom: 216px !important;
  }

  .hp_pb_sp_28 {
    padding-bottom: 224px !important;
  }

  .hp_pb_sp_29 {
    padding-bottom: 232px !important;
  }

  .hp_pb_sp_30 {
    padding-bottom: 240px !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_21 {
    padding-left: 168px !important;
  }

  .hp_pl_sp_22 {
    padding-left: 176px !important;
  }

  .hp_pl_sp_23 {
    padding-left: 184px !important;
  }

  .hp_pl_sp_24 {
    padding-left: 192px !important;
  }

  .hp_pl_sp_25 {
    padding-left: 200px !important;
  }

  .hp_pl_sp_26 {
    padding-left: 208px !important;
  }

  .hp_pl_sp_27 {
    padding-left: 216px !important;
  }

  .hp_pl_sp_28 {
    padding-left: 224px !important;
  }

  .hp_pl_sp_29 {
    padding-left: 232px !important;
  }

  .hp_pl_sp_30 {
    padding-left: 240px !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_21 {
    padding-right: 168px !important;
  }

  .hp_pr_sp_22 {
    padding-right: 176px !important;
  }

  .hp_pr_sp_23 {
    padding-right: 184px !important;
  }

  .hp_pr_sp_24 {
    padding-right: 192px !important;
  }

  .hp_pr_sp_25 {
    padding-right: 200px !important;
  }

  .hp_pr_sp_26 {
    padding-right: 208px !important;
  }

  .hp_pr_sp_27 {
    padding-right: 216px !important;
  }

  .hp_pr_sp_28 {
    padding-right: 224px !important;
  }

  .hp_pr_sp_29 {
    padding-right: 232px !important;
  }

  .hp_pr_sp_30 {
    padding-right: 240px !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_21 {
    padding-left: 168px !important;
    padding-right: 168px !important;
  }

  .hp_px_sp_22 {
    padding-left: 176px !important;
    padding-right: 176px !important;
  }

  .hp_px_sp_23 {
    padding-left: 184px !important;
    padding-right: 184px !important;
  }

  .hp_px_sp_24 {
    padding-left: 192px !important;
    padding-right: 192px !important;
  }

  .hp_px_sp_25 {
    padding-left: 200px !important;
    padding-right: 200px !important;
  }

  .hp_px_sp_26 {
    padding-left: 208px !important;
    padding-right: 208px !important;
  }

  .hp_px_sp_27 {
    padding-left: 216px !important;
    padding-right: 216px !important;
  }

  .hp_px_sp_28 {
    padding-left: 224px !important;
    padding-right: 224px !important;
  }

  .hp_px_sp_29 {
    padding-left: 232px !important;
    padding-right: 232px !important;
  }

  .hp_px_sp_30 {
    padding-left: 240px !important;
    padding-right: 240px !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_21 {
    padding-top: 168px !important;
    padding-bottom: 168px !important;
  }

  .hp_py_sp_22 {
    padding-top: 176px !important;
    padding-bottom: 176px !important;
  }

  .hp_py_sp_23 {
    padding-top: 184px !important;
    padding-bottom: 184px !important;
  }

  .hp_py_sp_24 {
    padding-top: 192px !important;
    padding-bottom: 192px !important;
  }

  .hp_py_sp_25 {
    padding-top: 200px !important;
    padding-bottom: 200px !important;
  }

  .hp_py_sp_26 {
    padding-top: 208px !important;
    padding-bottom: 208px !important;
  }

  .hp_py_sp_27 {
    padding-top: 216px !important;
    padding-bottom: 216px !important;
  }

  .hp_py_sp_28 {
    padding-top: 224px !important;
    padding-bottom: 224px !important;
  }

  .hp_py_sp_29 {
    padding-top: 232px !important;
    padding-bottom: 232px !important;
  }

  .hp_py_sp_30 {
    padding-top: 240px !important;
    padding-bottom: 240px !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_21 {
    padding: 168px !important;
  }

  .hp_pa_sp_22 {
    padding: 176px !important;
  }

  .hp_pa_sp_23 {
    padding: 184px !important;
  }

  .hp_pa_sp_24 {
    padding: 192px !important;
  }

  .hp_pa_sp_25 {
    padding: 200px !important;
  }

  .hp_pa_sp_26 {
    padding: 208px !important;
  }

  .hp_pa_sp_27 {
    padding: 216px !important;
  }

  .hp_pa_sp_28 {
    padding: 224px !important;
  }

  .hp_pa_sp_29 {
    padding: 232px !important;
  }

  .hp_pa_sp_30 {
    padding: 240px !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;
  }
}

.hp_fontMin {
  font-family: "YuMincho", "Yu Mincho", "Hiragino Mincho ProN", serif;
}

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

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

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

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

@media only screen and (min-width: 521px) and (max-width: 960px) {
  .hp_tabWideAbove {
    display: none !important;
  }
}

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

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

@media only screen and (min-width: 521px) and (max-width: 960px) {
  .hp_pcOnly {
    display: none !important;
  }
}

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

@media only screen and (min-width: 521px) and (max-width: 960px) {
  .hp_tabHidden {
    display: none !important;
  }
}

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

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