@charset "UTF-8";
@import url(https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700;900&display=swap);
@import url(https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css);
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

/* webkit specific styles */
input[type=color]::-webkit-color-swatch {
  border: none;
}

input[type=color]::-webkit-color-swatch-wrapper {
  padding: 0;
}

/*
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  font-weight: inherit;
}

body {
  line-height: 1;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

nav ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: "";
  content: none;
}

a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
}

/* change colours to suit your needs */
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}

/* change colours to suit your needs */
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}

del {
  text-decoration: line-through;
}

abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

input:focus {
  outline: none;
}

ul, ol {
  list-style-type: none;
}

html {
  overflow-x: hidden;
}

body {
  color: #231F20;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
  font-size: 1.125rem;
  line-height: 1.8;
  background-color: #FFF;
  /*
  @include mq(s) { border: solid thin red; }
  @include mq(m) { border: solid thin orange; }
  @include mq(l) { border: solid thin yellowgreen; }
  @include mq(xl) { border: solid thin blue; }
  */
}
@media screen and (max-width: 750px) {
  body {
    font-size: 0.9rem;
  }
}

img {
  max-width: 100%;
  max-height: 100%;
}

a {
  color: #231F20;
  text-decoration: underline;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
a:focus, a:hover {
  opacity: 0.5;
}

em {
  font-weight: bold;
  font-style: normal;
}

strong {
  color: #00A040;
  font-weight: bold;
}

small {
  display: inline-block;
}

button:focus, button:hover {
  cursor: pointer;
  opacity: 0.5;
}

input,
textarea {
  padding: 0.5em;
  font-family: "Noto Sans JP", "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", sans-serif;
}

.ly_header {
  width: 100%;
  margin: 0 auto;
  background-color: #FFF;
  z-index: 1000;
}

.ly_header_inner {
  max-width: 87.5rem;
  margin: 0 auto;
  padding: 0 5%;
}
@media screen and (max-width: 750px) {
  .ly_header_inner {
    width: auto;
  }
}

.ly_main_inner {
  width: 62.5rem;
  margin: 0 auto;
  padding: 5rem 0 5.625rem 0;
}
@media screen and (max-width: 750px) {
  .ly_main_inner {
    width: auto;
    padding: 2rem 1rem 3rem 1rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .ly_main_inner {
    width: auto;
    padding: 3.75rem 1.25rem 4.375rem 1.25rem;
  }
}
.ly_main_inner.ly_main_inner__narrow {
  padding-top: 0;
  padding-bottom: 0;
}
.ly_main_inner.ly_main_inner__inf {
  width: auto;
}

.ly_footer {
  width: 100%;
  margin: 0 auto;
  padding: 6.25rem 0 7.5rem 0;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .ly_footer {
    padding: 4rem 0 6rem 0;
  }
}

.bl_header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 1em;
  padding: 0.25rem 0;
}

@media screen and (max-width: 750px) {
  .bl_header_logo img {
    width: 3rem;
    height: auto;
  }
}

.bl_header_lead {
  font-size: 0.875rem;
  font-weight: bold;
  line-height: 1.2;
}
@media screen and (max-width: 750px) {
  .bl_header_lead {
    font-size: 2.5vw;
  }
}

.bl_footer_logo {
  text-align: center;
}
@media screen and (max-width: 750px) {
  .bl_footer_logo img {
    width: 8rem;
    height: auto;
  }
}

.bl_footer_nav {
  margin-top: 3.75rem;
}
@media screen and (max-width: 750px) {
  .bl_footer_nav {
    margin-top: 2rem;
  }
}
.bl_footer_nav ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 2.5rem;
}
@media screen and (max-width: 750px) {
  .bl_footer_nav ul {
    display: block;
    text-align: center;
  }
}
.bl_footer_nav ul li {
  font-size: 0.9375rem;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  .bl_footer_nav ul li {
    font-size: 0.9rem;
  }
}
@media screen and (max-width: 750px) {
  .bl_footer_nav ul li + li {
    margin-top: 0.8em;
  }
}
.bl_footer_nav ul li a {
  text-decoration: none;
}

.bl_footer_copyright {
  margin-top: 3.75rem;
  font-size: 0.875rem;
  line-height: 1.4;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .bl_footer_copyright {
    margin-top: 3rem;
  }
}
.bl_footer_copyright a {
  color: #004D1F;
  text-decoration: none;
}

.bl_introBox {
  border-radius: 0.5rem;
  margin-top: 2.5rem;
  padding: 3.125rem 2.5rem 4.375rem 2.5rem;
  text-align: center;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .bl_introBox {
    margin-top: 1.5rem;
    padding: 1.5rem 1.5rem 2rem 1.5rem;
    text-align: left;
  }
}
.bl_introBox p + p {
  margin-top: 1.2em;
}

.bl_refer2corp {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 3.125rem;
}
@media screen and (max-width: 750px) {
  .bl_refer2corp {
    display: block;
    padding: 0 2rem;
  }
}
.bl_refer2corp a {
  padding: 1.875rem 1.25rem;
  text-decoration: none;
}
@media screen and (max-width: 750px) {
  .bl_refer2corp a {
    padding: 1rem;
  }
}
.bl_refer2corp li {
  border-radius: 0.5rem;
  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: 40%;
  text-align: center;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .bl_refer2corp li {
    width: auto;
  }
}
@media screen and (max-width: 750px) {
  .bl_refer2corp li + li {
    margin-top: 1rem;
  }
}
.bl_refer2corp li p {
  font-weight: bold;
}

.bl_fixCorner {
  border-radius: 0.5rem;
  position: fixed;
  bottom: 1.5rem;
  right: 1.5rem;
  padding: 1.5625rem 1.875rem 2.1875rem 1.875rem;
  text-align: center;
  background-color: #FFF;
  -webkit-box-shadow: 10px 10px 20px 0px rgba(35, 31, 32, 0.4);
          box-shadow: 10px 10px 20px 0px rgba(35, 31, 32, 0.4);
  z-index: 9999;
}
@media screen and (max-width: 1000px) {
  .bl_fixCorner {
    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;
    bottom: 0;
    right: 0;
    width: 100%;
    padding: 1rem 0.5rem;
    text-align: left;
    border-radius: 0;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .bl_fixCorner {
    padding: 1.5rem;
  }
}
.bl_fixCorner p {
  margin-bottom: 1.5625rem;
  font-size: 1.0625rem;
}
@media screen and (max-width: 1000px) {
  .bl_fixCorner p {
    margin-bottom: 0;
    font-size: 0.7rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .bl_fixCorner p {
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .bl_fixCorner p br {
    display: none;
  }
}

.bl_abreast {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 1rem;
}
@media screen and (max-width: 750px) {
  .bl_abreast {
    display: block;
  }
}
@media screen and (max-width: 750px) {
  .bl_abreast li + li {
    margin-top: 1rem;
  }
}

.el_header_h2 {
  margin-bottom: 1.25rem;
  font-size: 2rem;
  font-weight: 900;
  text-align: center;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  .el_header_h2 {
    font-size: 1.3rem;
  }
}
.el_header_h2:only-child {
  margin-bottom: -1.25rem;
}
@media screen and (max-width: 750px) {
  .el_header_h2:only-child {
    margin-bottom: -0.3125rem;
  }
}

.el_header_h3 {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 1em;
  margin-bottom: 1.25rem;
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
  white-space: nowrap;
  word-break: keep-all;
}
@media screen and (max-width: 750px) {
  .el_header_h3 {
    font-size: 1.15rem;
  }
}
.el_header_h3::before, .el_header_h3::after {
  content: "";
  width: 100%;
  max-width: 12.5rem;
  border-bottom: solid thin #777;
}
.el_header_h3.el_header_h3_simple {
  display: block;
  text-align: left;
}
@media screen and (max-width: 750px) {
  .el_header_h3.el_header_h3_simple {
    margin-bottom: 1rem;
  }
}
.el_header_h3.el_header_h3_simple::before, .el_header_h3.el_header_h3_simple::after {
  content: none;
  display: none;
}

.el_btnLink {
  display: inline-block;
  min-width: 15.625rem;
  padding: 0.8em 2.5em 1em 2.5em;
  color: #FFF;
  font-size: 1.4em;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  background-color: #231F20;
  border: none;
  border-radius: 2em;
  -webkit-transition: 0.2s;
  transition: 0.2s;
}
@media screen and (max-width: 750px) {
  .el_btnLink {
    min-width: 0;
    padding: 0.6em 1.5em 0.8em 1.5em;
    font-size: 0.9rem;
    letter-spacing: 0;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .el_btnLink {
    font-size: 1.2em;
  }
}
.el_btnLink:hover {
  cursor: pointer;
  opacity: 0.5;
}
.el_btnLink::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f105";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-left: 0.6rem;
  padding: 0.25em 0 0 0.15em;
  color: #231F20;
  font-size: 0.6em;
  line-height: 1;
  background-color: #FFF;
  border-radius: 50%;
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el_btnLink.el_btnLink__trial {
  background-color: #00A040;
}
.el_btnLink.el_btnLink__trial::after {
  color: #00A040;
}
.el_btnLink.el_btnLink__gray {
  color: #231F20;
  background-color: #eee;
}
.el_btnLink.el_btnLink__gray::after, .el_btnLink.el_btnLink__gray::before {
  background: none !important;
}
.el_btnLink.el_btnLink__small {
  padding: 0.6em 2em 0.8em 2em;
  font-size: 1rem;
}
@media screen and (max-width: 1000px) {
  .el_btnLink.el_btnLink__small {
    padding: 0.6em 1em 0.8em 1em;
    font-size: 0.7rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .el_btnLink.el_btnLink__small {
    padding: 0.6em 1em 0.8em 1em;
    font-size: 0.9rem;
  }
}
.el_btnLink.el_btnLink__small::after {
  content: "";
  display: none;
}
.el_btnLink.el_btnLink__medium {
  padding: 0.6em 2em 0.8em 2em;
  font-size: 1.3rem;
}
@media screen and (max-width: 1000px) {
  .el_btnLink.el_btnLink__medium {
    min-width: 12.5rem;
    padding: 0.6em 1em 0.8em 1em;
    font-size: 0.9rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .el_btnLink.el_btnLink__medium {
    padding: 0.6em 1em 0.8em 1em;
    font-size: 1.2rem;
  }
}
.el_btnLink.el_btnLink__rev::after {
  content: "";
  display: none;
}
.el_btnLink.el_btnLink__rev::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f104";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.6rem;
  padding: 0.25em 0 0 0.15em;
  color: #231F20;
  font-size: 0.6em;
  line-height: 1;
  background-color: #FFF;
  border-radius: 50%;
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el_btnLink.el_btnLink__x {
  background-color: #000;
}
.el_btnLink.el_btnLink__x::after {
  content: "";
  display: none;
}
.el_btnLink.el_btnLink__x::before {
  content: "\e61b";
  display: inline-block;
  margin-right: 0.6rem;
  color: #FFF;
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1;
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el_btnLink.el_btnLink__fb {
  background-color: #1877f2;
}
.el_btnLink.el_btnLink__fb::after {
  content: "";
  display: none;
}
.el_btnLink.el_btnLink__fb::before {
  content: "\f39e";
  display: inline-block;
  margin-right: 0.6rem;
  color: #FFF;
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1;
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
.el_btnLink.el_btnLink__line {
  background-color: #00b900;
}
.el_btnLink.el_btnLink__line::after {
  content: "";
  display: none;
}
.el_btnLink.el_btnLink__line::before {
  content: "\f3c0";
  display: inline-block;
  margin-right: 0.6rem;
  color: #FFF;
  font-family: "Font Awesome 6 Brands";
  font-weight: 400;
  font-size: 1.4em;
  line-height: 1;
  -webkit-transform: translateY(0.1em);
          transform: translateY(0.1em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.el_btnPageBack {
  min-width: 21.875rem;
  padding: 0.6em 1.5em 0.7em 1.5em;
  color: #231F20;
  font-size: 0.9rem;
  font-weight: bold;
  line-height: 1.2;
  text-align: center;
  text-decoration: none;
  letter-spacing: 0.05em;
  background-color: #FFF;
  border-radius: 2em;
}
@media screen and (max-width: 750px) {
  .el_btnPageBack {
    font-size: 0.75em;
  }
}
.el_btnPageBack::before {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f053";
  display: inline-block;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.6rem;
  padding: 0.25em 0 0 0.15em;
  color: #231F20;
  font-size: 0.6em;
  line-height: 1;
  background-color: #FFF;
  border-radius: 50%;
  -webkit-transform: translateY(-0.25em);
          transform: translateY(-0.25em);
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.el_txtIntro {
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .el_txtIntro {
    text-align: left;
  }
}
.el_txtIntro + .el_txtIntro {
  margin-top: 1.2em;
}

.el_iconCircle {
  display: inline-block;
  position: relative;
  width: 3.25rem;
  height: 3.25rem;
  color: #FFF;
  background-color: #00A040;
  border-radius: 50%;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .el_iconCircle {
    width: 2.5rem;
    height: 2.5rem;
  }
}
.el_iconCircle > i {
  position: absolute;
  top: 50%;
  left: 50%;
  font-size: 1.25rem;
  -webkit-transform: translateY(-50%) translateX(-50%);
          transform: translateY(-50%) translateX(-50%);
}

.un_indexMv {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  width: 100%;
  height: 40.625rem;
  padding-left: 5%;
  background-color: #00A040;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .un_indexMv {
    display: block;
    height: auto;
    padding: 2rem 1.5rem 1.5rem 1.5rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexMv {
    height: auto;
  }
}

.un_indexMv_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  gap: 0.25em 0;
  margin-bottom: 1.2em;
  color: #FFF;
  font-size: 2.375rem;
  font-weight: 900;
  -webkit-transform: translateY(-10%);
          transform: translateY(-10%);
}
@media screen and (max-width: 750px) {
  .un_indexMv_head {
    margin-bottom: 1rem;
    font-size: 1.4rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexMv_head {
    font-size: 3vw;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .un_indexMv_head {
    font-size: 3vw;
  }
}
.un_indexMv_head span {
  display: inline-block;
  padding: 0.2em 0.3em 0.3em 0.3em;
  color: #231F20;
  font-size: 3rem;
  line-height: 1;
  white-space: nowrap;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .un_indexMv_head span {
    font-size: 1.7rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexMv_head span {
    font-size: 4vw;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .un_indexMv_head span {
    font-size: 4vw;
  }
}
.un_indexMv_head span:first-of-type {
  margin-top: 0.25em;
}

@media screen and (max-width: 750px) {
  .un_indexMv_btn {
    margin-top: 12rem;
    text-align: center;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexMv_btn {
    font-size: 1.8vw;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .un_indexMv_btn {
    font-size: 1.6vw;
  }
}
@media screen and (max-width: 750px) {
  .un_indexMv_btn .el_btnLink {
    font-size: 1.2rem;
    text-align: center;
  }
}

.un_indexMv_pic {
  height: 100%;
  padding: 4% 0 4% 2%;
}
@media screen and (max-width: 750px) {
  .un_indexMv_pic {
    position: absolute;
    bottom: 5.5rem;
    left: 50%;
    width: 100%;
    height: auto;
    max-width: 320px;
    padding: 0;
    -webkit-transform: translateX(-50%);
            transform: translateX(-50%);
  }
}
@media screen and (max-width: 1000px) {
  .un_indexMv_pic img {
    height: auto;
  }
}

.un_indexAboutEQ {
  background-color: #FFF;
}

.un_indexAboutEQ_highEQ {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 8.4375rem;
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQ_highEQ {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    gap: 1rem 10%;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexAboutEQ_highEQ {
    gap: 1rem 8%;
  }
}
.un_indexAboutEQ_highEQ li {
  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;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQ_highEQ li {
    width: 43%;
  }
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQ_highEQ li figure img {
    height: auto;
    -webkit-transform: scale(0.9);
            transform: scale(0.9);
  }
}
.un_indexAboutEQ_highEQ li figure figcaption {
  margin-top: 0.625rem;
  font-weight: bold;
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQ_highEQ li figure figcaption {
    margin-top: 0;
    font-size: 0.9rem;
    line-height: 1.4;
  }
}

.un_indexAboutEQI {
  background-color: #C0EAD1;
}

.un_indexAboutEQI_abilities {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  gap: 2.5rem;
  position: relative;
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities {
    gap: 1rem;
  }
}
.un_indexAboutEQI_abilities div {
  border-radius: 0.5rem;
  position: relative;
  width: 30rem;
  padding: 2.1875rem 12%;
  background-color: #FFF;
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities div {
    width: calc(50% - 0.5rem);
    padding: 1rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexAboutEQI_abilities div {
    padding: 2rem 5%;
  }
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities div:nth-of-type(1), .un_indexAboutEQI_abilities div:nth-of-type(2) {
    padding-bottom: 4.5rem;
  }
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities div:nth-of-type(3), .un_indexAboutEQI_abilities div:nth-of-type(4) {
    padding-top: 3rem;
  }
}
.un_indexAboutEQI_abilities div:nth-of-type(2)::after {
  content: url("../img/pic_eqi_01.svg");
  display: block;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 14.6875rem;
  height: 14.6875rem;
  -webkit-transform: scale(0.9) translateY(calc(55% + 1.25rem)) translateX(calc(-55% + -1.25rem));
          transform: scale(0.9) translateY(calc(55% + 1.25rem)) translateX(calc(-55% + -1.25rem));
  z-index: 10;
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities div:nth-of-type(2)::after {
    -webkit-transform: scale(0.5) translateY(calc(100% + 1rem)) translateX(calc(-100% - 1.5rem));
            transform: scale(0.5) translateY(calc(100% + 1rem)) translateX(calc(-100% - 1.5rem));
  }
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities div:nth-of-type(2)::after {
    -webkit-transform: scale(0.6) translateY(calc(80% + 1rem)) translateX(calc(-80% - 1.5rem));
            transform: scale(0.6) translateY(calc(80% + 1rem)) translateX(calc(-80% - 1.5rem));
  }
}
.un_indexAboutEQI_abilities dt {
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
  letter-spacing: 0.08em;
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities dt {
    font-size: 1rem;
    line-height: 1.4;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexAboutEQI_abilities dt {
    font-size: 1.125rem;
  }
}
.un_indexAboutEQI_abilities dt span {
  display: inline-block;
  color: #00A040;
  font-size: 1.2em;
  line-height: 1.4;
  border-bottom: solid 3px #C0EAD1;
}
.un_indexAboutEQI_abilities dd {
  margin-top: 0.625rem;
  font-size: 1rem;
  line-height: 1.6;
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_abilities dd {
    font-size: 0.8rem;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexAboutEQI_abilities dd {
    font-size: 1rem;
  }
}

.un_indexAboutEQI_result {
  border-radius: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: relative;
  gap: 0 3.75rem;
  margin: 0 5%;
  padding: 1.875rem 2.5rem;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQI_result {
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    margin: 0;
    padding: 1rem 1rem 5rem 1rem;
  }
}
.un_indexAboutEQI_result::after {
  content: url("../img/pic_eqi_02.svg");
  display: block;
  position: absolute;
  bottom: -1.875rem;
  right: -0.9375rem;
  width: 12.125rem;
  height: 12.0625rem;
}
@media screen and (max-width: 1000px) {
  .un_indexAboutEQI_result::after {
    bottom: -0.8rem;
    right: -0.5rem;
    -webkit-transform: scale(0.6) translateY(40%) translateX(20%);
            transform: scale(0.6) translateY(40%) translateX(20%);
  }
}
.un_indexAboutEQI_result figure {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQI_result figure {
    -ms-flex-negative: 1;
        flex-shrink: 1;
    width: 100%;
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQI_result figure img {
    height: auto;
  }
}
.un_indexAboutEQI_result div {
  width: 100%;
  padding: 5% 0;
}
@media screen and (max-width: 750px) {
  .un_indexAboutEQI_result div {
    -webkit-box-ordinal-group: 1;
        -ms-flex-order: 0;
            order: 0;
  }
}

.un_indexUsage {
  background-color: #FFF;
  padding-bottom: 5rem;
}

.un_indexUsage_scene {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 1.875rem;
  position: relative;
  margin-top: 2.1875rem;
}
@media screen and (max-width: 1000px) {
  .un_indexUsage_scene {
    display: block;
  }
}
.un_indexUsage_scene::after {
  content: url("../img/pic_usage_01.svg");
  display: block;
  position: absolute;
  bottom: -7.1875rem;
  left: 3.125%rem;
  width: 13.6875rem;
  height: 14.6875rem;
  -webkit-transform: translateX(140%);
          transform: translateX(140%);
}
@media screen and (max-width: 1000px) {
  .un_indexUsage_scene::after {
    bottom: -14%;
    left: auto;
    right: 2.5%;
    width: auto;
    height: auto;
    -webkit-transform: scale(0.5) translateY(50%) translateX(50%);
            transform: scale(0.5) translateY(50%) translateX(50%);
  }
}
@media screen and (max-width: 1000px) {
  .un_indexUsage_scene::after {
    -webkit-transform: scale(0.65) translateY(35%) translateX(35%);
            transform: scale(0.65) translateY(35%) translateX(35%);
  }
}
.un_indexUsage_scene div {
  border-radius: 0.5rem;
  width: 15.625rem;
  padding: 2.5rem 1.25rem 3.125rem 1.25rem;
  background-color: #eee;
}
@media screen and (max-width: 1000px) {
  .un_indexUsage_scene div {
    width: auto;
    padding: 1rem 1.5rem 2rem 1.5rem;
  }
}
@media screen and (max-width: 1000px) {
  .un_indexUsage_scene div + div {
    margin-top: 1rem;
  }
}
.un_indexUsage_scene dt {
  margin-bottom: 1em;
  color: #00A040;
  font-size: 1.375rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 1000px) {
  .un_indexUsage_scene dt {
    font-size: 1.1rem;
    margin-bottom: 0.5em;
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexUsage_scene dt {
    font-size: 1.25rem;
  }
}
.un_indexUsage_scene dd {
  font-size: 0.9em;
  line-height: 1.8;
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexUsage_scene dd {
    font-size: 1em;
  }
}

.un_indexIntroduce {
  background-color: #C0EAD1;
}

.un_indexIntroduce_eqTrial {
  position: relative;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .un_indexIntroduce_eqTrial {
    padding-bottom: 6rem;
  }
}
@media screen and (max-width: 750px) {
  .un_indexIntroduce_eqTrial .hp_txtLarge {
    font-size: 1em;
  }
}
.un_indexIntroduce_eqTrial::after {
  content: url("../img/pic_introduce_01.svg");
  display: block;
  position: absolute;
  bottom: 0;
  left: 1.875rem;
  width: 13.0625rem;
  height: 8.9375rem;
}
@media screen and (max-width: 750px) {
  .un_indexIntroduce_eqTrial::after {
    -webkit-transform: scale(0.5) translateY(50%) translateX(-50%);
            transform: scale(0.5) translateY(50%) translateX(-50%);
  }
}
@media screen and (min-width: 751px) and (max-width: 1000px) {
  .un_indexIntroduce_eqTrial::after {
    -webkit-transform: scale(0.7) translateY(22%) translateX(-30%);
            transform: scale(0.7) translateY(22%) translateX(-30%);
  }
}

.un_indexService {
  background-color: #FFF;
}

.un_indexService_item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 8%;
}
@media screen and (max-width: 750px) {
  .un_indexService_item {
    display: block;
  }
}
.un_indexService_item li {
  width: 25%;
}
@media screen and (max-width: 750px) {
  .un_indexService_item li {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    gap: 0 5%;
    width: auto;
  }
}
@media screen and (max-width: 750px) {
  .un_indexService_item li + li {
    margin-top: 1.5rem;
  }
}
@media screen and (max-width: 750px) {
  .un_indexService_item li figure {
    width: 35%;
    -ms-flex-negative: 0;
        flex-shrink: 0;
    margin-top: 0.5rem;
  }
}
.un_indexService_item li figure img {
  height: 10rem;
  -o-object-fit: cover;
     object-fit: cover;
}
@media screen and (max-width: 750px) {
  .un_indexService_item li figure img {
    height: auto;
  }
}

.un_indexService_item_head {
  margin-top: 0.625rem;
  font-size: 1.25rem;
  font-weight: bold;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .un_indexService_item_head {
    margin-top: 0;
    font-size: 1rem;
    text-align: left;
  }
}

.un_indexService_item_lead {
  margin-top: 0.625rem;
  font-size: 0.9em;
  line-height: 1.8;
}
@media screen and (max-width: 750px) {
  .un_indexService_item_lead {
    margin-top: 0;
    line-height: 1.6;
  }
}

.un_indexContact {
  background-color: #C0EAD1;
}

.un_freetrial {
  background-color: #C0EAD1;
}

.un_freetrialIntro {
  position: relative;
  padding-bottom: 9.375rem;
  overflow: hidden;
}
@media screen and (max-width: 750px) {
  .un_freetrialIntro {
    padding-bottom: 8rem;
  }
}
.un_freetrialIntro::after {
  content: url("../img/pic_freetrial_01.svg");
  position: absolute;
  bottom: 0;
  left: 50%;
  width: 171px;
  height: 117.83px;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media screen and (max-width: 750px) {
  .un_freetrialIntro::after {
    -webkit-transform: scale(0.75) translateY(25%) translateX(-65%);
            transform: scale(0.75) translateY(25%) translateX(-65%);
  }
}

.un_freetrialInsp {
  border-radius: 0.5rem;
  position: relative;
  margin-top: 2.5rem;
  padding: 1.875rem 2.5rem 2.5rem 2.5rem;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp {
    padding: 0;
    background: none;
  }
}

.un_freetrialInsp_choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  position: sticky;
  top: 0;
  right: 0;
  padding: 0.625rem 0 0.5em 0;
  background-color: #FFF;
  border-bottom: solid thin #777;
  z-index: 100;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_choice {
    display: none;
  }
}
.un_freetrialInsp_choice li {
  width: 6.875rem;
  font-size: 0.875rem;
  text-align: center;
  line-height: 1.4;
}
.un_freetrialInsp_choice li span {
  display: block;
}

@media screen and (max-width: 750px) {
  .un_freetrialInsp_q {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    height: 100dvh;
    gap: 0 1.5rem;
    overflow-x: scroll;
    -ms-scroll-snap-type: x mandatory;
        scroll-snap-type: x mandatory;
    overflow-y: hidden;
  }
}
.un_freetrialInsp_q > li {
  position: relative;
  padding: 1.5rem 0;
  border-bottom: solid thin #777;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q > li {
    -ms-flex-negative: 0;
        flex-shrink: 0;
    width: 100%;
    height: 100dvh;
    padding: 2rem 0;
    border-bottom: none;
    scroll-snap-align: start;
  }
}
.un_freetrialInsp_q > li:last-of-type {
  border-bottom: none;
}

.un_freetrialInsp_q_cnt {
  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;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt {
    border-radius: 0.5rem;
    display: block;
    padding: 1.5rem;
    background-color: #FFF;
  }
}
.un_freetrialInsp_q_cnt > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 1em;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt > div {
    display: block;
  }
}

.un_freetrialInsp_q_cnt_num {
  width: 2em;
  font-weight: bold;
  text-align: right;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_num {
    font-size: 1.2rem;
  }
}
.un_freetrialInsp_q_cnt_num span {
  display: none;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_num span {
    display: inline;
  }
}

.un_freetrialInsp_q_cnt_detail {
  font-size: 0.9em;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_detail {
    margin-top: 1rem;
    font-size: 1rem;
    line-height: 1.6;
  }
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_detail br {
    display: none;
  }
}

.un_freetrialInsp_q_cnt_choice {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice {
    display: block;
    margin-top: 2rem;
  }
}
.un_freetrialInsp_q_cnt_choice li {
  position: relative;
  width: 6.875rem;
  text-align: center;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice li {
    width: auto;
    text-align: left;
  }
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice li + li {
    margin-top: 0.5rem;
  }
}
.un_freetrialInsp_q_cnt_choice input[type=radio] {
  position: relative;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice input[type=radio] {
    position: absolute;
    top: 50%;
    left: 1rem;
    -webkit-transform: translateY(-50%);
            transform: translateY(-50%);
  }
}
.un_freetrialInsp_q_cnt_choice input[type=radio]:hover {
  cursor: pointer;
}
.un_freetrialInsp_q_cnt_choice input[type=radio]::before {
  content: "";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  width: 1.375rem;
  height: 1.375rem;
  background-color: #FFF;
  border: solid 2px #aaa;
  -webkit-transform: translateY(-55%) translateX(-55%);
          transform: translateY(-55%) translateX(-55%);
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice input[type=radio]::before {
    width: 1rem;
    height: 1rem;
  }
}
.un_freetrialInsp_q_cnt_choice input[type=radio]:checked::after {
  font-family: "Font Awesome 6 Free";
  font-weight: 900;
  content: "\f00c";
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  color: #00A040;
  font-size: 3.5em;
  -webkit-transform: translateY(-70%) translateX(-45%);
          transform: translateY(-70%) translateX(-45%);
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice input[type=radio]:checked::after {
    font-size: 2.5em;
  }
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice input[type=radio]:checked + label {
    background-color: #C0EAD1;
  }
}
.un_freetrialInsp_q_cnt_choice label {
  display: none;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_cnt_choice label {
    border-radius: 0.5rem;
    display: block;
    padding: 0.5em 1em 0.5em 4rem;
    background-color: #eee;
  }
}
.un_freetrialInsp_q_cnt_choice label:hover {
  cursor: pointer;
}

.un_freetrialInsp_q_nav {
  display: none;
}
@media screen and (max-width: 750px) {
  .un_freetrialInsp_q_nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    position: absolute;
    bottom: 2rem;
    width: 100%;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}

.un_result {
  background-color: #C0EAD1;
}

.un_resultList {
  border-radius: 0.5rem;
  position: relative;
  margin-top: 2.5rem;
  padding: 1.875rem 2.5rem 2.5rem 2.5rem;
  background-color: #FFF;
}
@media screen and (max-width: 750px) {
  .un_resultList {
    padding: 0;
    background: none;
  }
}

@media screen and (max-width: 750px) {
  .un_resultList_item {
    border-radius: 0.5rem;
    padding: 1.5rem;
    background-color: #FFF;
  }
}
.un_resultList_item + .un_resultList_item {
  margin-top: 3.75rem;
}
@media screen and (max-width: 750px) {
  .un_resultList_item + .un_resultList_item {
    margin-top: 1rem;
  }
}
.un_resultList_item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 1.25rem;
}
@media screen and (max-width: 750px) {
  .un_resultList_item > div {
    display: block;
    position: relative;
  }
}
.un_resultList_item > div dl {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  gap: 0 3.125rem;
}
@media screen and (max-width: 750px) {
  .un_resultList_item > div dl {
    display: block;
  }
}
.un_resultList_item > div dl dt {
  font-size: 1.75rem;
  font-weight: bold;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .un_resultList_item > div dl dt {
    position: absolute;
    top: 0;
    right: 0;
    padding-left: 0.8em;
    font-size: 1.2rem;
    background-color: #FFF;
  }
}
.un_resultList_item > div dl dd {
  font-size: 1rem;
  font-weight: bold;
  line-height: 1.4;
}
@media screen and (max-width: 750px) {
  .un_resultList_item > div dl dd {
    margin-top: 0.5rem;
    font-size: 0.9rem;
    line-height: 1.6;
  }
}
.un_resultList_item > p {
  position: relative;
  margin-top: 1.5625rem;
  padding: 0.9375rem 3.125rem;
  color: #00A040;
  font-size: 1rem;
  line-height: 1.8;
  border: solid thin #00A040;
}
@media screen and (max-width: 750px) {
  .un_resultList_item > p {
    display: block;
    padding: 0.5em 1em;
    font-size: 0.9rem;
    line-height: 1.6;
  }
}
.un_resultList_item > p::before {
  content: "";
  display: block;
  position: absolute;
  top: -20px;
  left: 3.4375rem;
  width: 25px;
  height: 20px;
  background-color: #00A040;
  -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
          clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
@media screen and (max-width: 750px) {
  .un_resultList_item > p::before {
    content: none;
    display: none;
  }
}
.un_resultList_item > p::after {
  content: "";
  display: block;
  position: absolute;
  top: -18px;
  left: 3.4375rem;
  width: 25px;
  height: 20px;
  background-color: #FFF;
  -webkit-clip-path: polygon(0 100%, 50% 0, 100% 100%);
          clip-path: polygon(0 100%, 50% 0, 100% 100%);
}
@media screen and (max-width: 750px) {
  .un_resultList_item > p::after {
    content: none;
    display: none;
  }
}

.un_resultList_item_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  gap: 0 1.25rem;
  -ms-flex-negative: 0;
      flex-shrink: 0;
  width: 17.5rem;
  white-space: nowrap;
}
@media screen and (max-width: 750px) {
  .un_resultList_item_head {
    width: 100%;
    gap: 0 0.8em;
    font-size: 1rem;
  }
}
.un_resultList_item_head::after {
  content: "";
  width: 100%;
  border-bottom: dotted thin #aaa;
}
.un_resultList_item_head span {
  font-size: 1.2em;
  font-weight: bold;
}

@media screen and (min-width: 751px) and (max-width: 1000px) {
  .hp_spOnly {
    display: none !important;
    content-visibility: visible;
  }
}
@media screen and (min-width: 1000px) and (max-width: 1200px) {
  .hp_spOnly {
    display: none !important;
    content-visibility: visible;
  }
}
@media screen and (min-width: 1200px) {
  .hp_spOnly {
    display: none !important;
    content-visibility: visible;
  }
}

@media screen and (max-width: 750px) {
  .hp_pcOnly {
    display: none !important;
    content-visibility: visible;
  }
}

.hp_displayNone {
  display: none !important;
}

.hp_m0 {
  margin: 0rem !important;
}

.hp_m5 {
  margin: 0.3125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m5 {
    margin: 0.25rem !important;
  }
}

.hp_m10 {
  margin: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m10 {
    margin: 0.5rem !important;
  }
}

.hp_m20 {
  margin: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m20 {
    margin: 1rem !important;
  }
}

.hp_m30 {
  margin: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m30 {
    margin: 1.5rem !important;
  }
}

.hp_m40 {
  margin: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m40 {
    margin: 2rem !important;
  }
}

.hp_m50 {
  margin: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m50 {
    margin: 2.5rem !important;
  }
}

.hp_m60 {
  margin: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m60 {
    margin: 3rem !important;
  }
}

.hp_m80 {
  margin: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m80 {
    margin: 4rem !important;
  }
}

.hp_m90 {
  margin: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m90 {
    margin: 4.5rem !important;
  }
}

.hp_m100 {
  margin: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_m100 {
    margin: 5rem !important;
  }
}

.hp_mt0 {
  margin-top: 0rem !important;
}

.hp_mt5 {
  margin-top: 0.3125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt5 {
    margin-top: 0.25rem !important;
  }
}

.hp_mt10 {
  margin-top: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt10 {
    margin-top: 0.5rem !important;
  }
}

.hp_mt20 {
  margin-top: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt20 {
    margin-top: 1rem !important;
  }
}

.hp_mt30 {
  margin-top: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt30 {
    margin-top: 1.5rem !important;
  }
}

.hp_mt40 {
  margin-top: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt40 {
    margin-top: 2rem !important;
  }
}

.hp_mt50 {
  margin-top: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt50 {
    margin-top: 2.5rem !important;
  }
}

.hp_mt60 {
  margin-top: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt60 {
    margin-top: 2.5714285714rem !important;
  }
}

.hp_mt80 {
  margin-top: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt80 {
    margin-top: 4rem !important;
  }
}

.hp_mt90 {
  margin-top: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt90 {
    margin-top: 4.5rem !important;
  }
}

.hp_mt100 {
  margin-top: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mt100 {
    margin-top: 5rem !important;
  }
}

.hp_mr0 {
  margin-right: 0rem !important;
}

.hp_mr5 {
  margin-right: 0.3125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr5 {
    margin-right: 0.25rem !important;
  }
}

.hp_mr10 {
  margin-right: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr10 {
    margin-right: 0.5rem !important;
  }
}

.hp_mr20 {
  margin-right: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr20 {
    margin-right: 1rem !important;
  }
}

.hp_mr30 {
  margin-right: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr30 {
    margin-right: 1.5rem !important;
  }
}

.hp_mr40 {
  margin-right: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr40 {
    margin-right: 2rem !important;
  }
}

.hp_mr50 {
  margin-right: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr50 {
    margin-right: 2.5rem !important;
  }
}

.hp_mr60 {
  margin-right: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr60 {
    margin-right: 3rem !important;
  }
}

.hp_mr70 {
  margin-right: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr70 {
    margin-right: 3.5rem !important;
  }
}

.hp_mr80 {
  margin-right: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr80 {
    margin-right: 4rem !important;
  }
}

.hp_mr90 {
  margin-right: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr90 {
    margin-right: 4.5rem !important;
  }
}

.hp_mr100 {
  margin-right: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mr100 {
    margin-right: 5rem !important;
  }
}

.hp_mb0 {
  margin-bottom: 0rem !important;
}

.hp_mb5 {
  margin-bottom: 0.3125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb5 {
    margin-bottom: 0.25rem !important;
  }
}

.hp_mb10 {
  margin-bottom: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb10 {
    margin-bottom: 0.5rem !important;
  }
}

.hp_mb20 {
  margin-bottom: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb20 {
    margin-bottom: 1rem !important;
  }
}

.hp_mb30 {
  margin-bottom: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb30 {
    margin-bottom: 1.5rem !important;
  }
}

.hp_mb40 {
  margin-bottom: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb40 {
    margin-bottom: 2rem !important;
  }
}

.hp_mb50 {
  margin-bottom: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb50 {
    margin-bottom: 2.5rem !important;
  }
}

.hp_mb60 {
  margin-bottom: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb60 {
    margin-bottom: 3rem !important;
  }
}

.hp_mb70 {
  margin-bottom: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb70 {
    margin-bottom: 3.5rem !important;
  }
}

.hp_mb80 {
  margin-bottom: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb80 {
    margin-bottom: 4rem !important;
  }
}

.hp_mb90 {
  margin-bottom: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb90 {
    margin-bottom: 4.5rem !important;
  }
}

.hp_mb100 {
  margin-bottom: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_mb100 {
    margin-bottom: 5rem !important;
  }
}

.hp_ml0 {
  margin-left: 0rem !important;
}

.hp_ml5 {
  margin-left: 0.3125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml5 {
    margin-left: 0.25rem !important;
  }
}

.hp_ml10 {
  margin-left: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml10 {
    margin-left: 0.5rem !important;
  }
}

.hp_ml20 {
  margin-left: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml20 {
    margin-left: 1rem !important;
  }
}

.hp_ml30 {
  margin-left: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml30 {
    margin-left: 1.5rem !important;
  }
}

.hp_ml40 {
  margin-left: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml40 {
    margin-left: 2rem !important;
  }
}

.hp_ml50 {
  margin-left: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml50 {
    margin-left: 2.5rem !important;
  }
}

.hp_ml60 {
  margin-left: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml60 {
    margin-left: 3rem !important;
  }
}

.hp_ml70 {
  margin-left: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml70 {
    margin-left: 3.5rem !important;
  }
}

.hp_ml80 {
  margin-left: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml80 {
    margin-left: 4rem !important;
  }
}

.hp_ml90 {
  margin-left: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml90 {
    margin-left: 4.5rem !important;
  }
}

.hp_ml100 {
  margin-left: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_ml100 {
    margin-left: 5rem !important;
  }
}

.hp_p0 {
  padding: 0rem !important;
}

.hp_p10 {
  padding: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p10 {
    padding: 0.5rem !important;
  }
}

.hp_p20 {
  padding: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p20 {
    padding: 1rem !important;
  }
}

.hp_p30 {
  padding: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p30 {
    padding: 1.5rem !important;
  }
}

.hp_p40 {
  padding: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p40 {
    padding: 2rem !important;
  }
}

.hp_p50 {
  padding: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p50 {
    padding: 2.5rem !important;
  }
}

.hp_p60 {
  padding: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p60 {
    padding: 3rem !important;
  }
}

.hp_p70 {
  padding: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p70 {
    padding: 3.5rem !important;
  }
}

.hp_p80 {
  padding: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p80 {
    padding: 4rem !important;
  }
}

.hp_p90 {
  padding: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p90 {
    padding: 4.5rem !important;
  }
}

.hp_p100 {
  padding: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_p100 {
    padding: 5rem !important;
  }
}

.hp_pt0 {
  padding-top: 0rem !important;
}

.hp_pt10 {
  padding-top: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt10 {
    padding-top: 0.5rem !important;
  }
}

.hp_pt20 {
  padding-top: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt20 {
    padding-top: 1rem !important;
  }
}

.hp_pt30 {
  padding-top: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt30 {
    padding-top: 1.5rem !important;
  }
}

.hp_pt40 {
  padding-top: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt40 {
    padding-top: 2rem !important;
  }
}

.hp_pt50 {
  padding-top: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt50 {
    padding-top: 2.5rem !important;
  }
}

.hp_pt60 {
  padding-top: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt60 {
    padding-top: 3rem !important;
  }
}

.hp_pt70 {
  padding-top: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt70 {
    padding-top: 3.5rem !important;
  }
}

.hp_pt80 {
  padding-top: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt80 {
    padding-top: 4rem !important;
  }
}

.hp_pt90 {
  padding-top: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt90 {
    padding-top: 4.5rem !important;
  }
}

.hp_pt100 {
  padding-top: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pt100 {
    padding-top: 5rem !important;
  }
}

.hp_pr0 {
  padding-right: 0rem !important;
}

.hp_pr10 {
  padding-right: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr10 {
    padding-right: 0.5rem !important;
  }
}

.hp_pr20 {
  padding-right: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr20 {
    padding-right: 1rem !important;
  }
}

.hp_pr30 {
  padding-right: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr30 {
    padding-right: 1.5rem !important;
  }
}

.hp_pr40 {
  padding-right: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr40 {
    padding-right: 2rem !important;
  }
}

.hp_pr50 {
  padding-right: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr50 {
    padding-right: 2.5rem !important;
  }
}

.hp_pr60 {
  padding-right: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr60 {
    padding-right: 3rem !important;
  }
}

.hp_pr70 {
  padding-right: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr70 {
    padding-right: 3.5rem !important;
  }
}

.hp_pr80 {
  padding-right: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr80 {
    padding-right: 4rem !important;
  }
}

.hp_pr90 {
  padding-right: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr90 {
    padding-right: 4.5rem !important;
  }
}

.hp_pr100 {
  padding-right: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pr100 {
    padding-right: 5rem !important;
  }
}

.hp_pb0 {
  padding-bottom: 0rem !important;
}

.hp_pb10 {
  padding-bottom: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb10 {
    padding-bottom: 1rem !important;
  }
}

.hp_pb20 {
  padding-bottom: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb20 {
    padding-bottom: 1rem !important;
  }
}

.hp_pb30 {
  padding-bottom: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb30 {
    padding-bottom: 1.5rem !important;
  }
}

.hp_pb40 {
  padding-bottom: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb40 {
    padding-bottom: 2rem !important;
  }
}

.hp_pb50 {
  padding-bottom: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb50 {
    padding-bottom: 2.5rem !important;
  }
}

.hp_pb60 {
  padding-bottom: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb60 {
    padding-bottom: 3rem !important;
  }
}

.hp_pb70 {
  padding-bottom: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb70 {
    padding-bottom: 3.5rem !important;
  }
}

.hp_pb80 {
  padding-bottom: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb80 {
    padding-bottom: 4rem !important;
  }
}

.hp_pb90 {
  padding-bottom: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb90 {
    padding-bottom: 4.5rem !important;
  }
}

.hp_pb100 {
  padding-bottom: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pb100 {
    padding-bottom: 5rem !important;
  }
}

.hp_pl0 {
  padding-left: 0rem !important;
}

.hp_pl10 {
  padding-left: 0.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl10 {
    padding-left: 0.5rem !important;
  }
}

.hp_pl20 {
  padding-left: 1.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl20 {
    padding-left: 1rem !important;
  }
}

.hp_pl30 {
  padding-left: 1.875rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl30 {
    padding-left: 1.5rem !important;
  }
}

.hp_pl40 {
  padding-left: 2.5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl40 {
    padding-left: 2rem !important;
  }
}

.hp_pl50 {
  padding-left: 3.125rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl50 {
    padding-left: 2.5rem !important;
  }
}

.hp_pl60 {
  padding-left: 3.75rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl60 {
    padding-left: 3rem !important;
  }
}

.hp_pl70 {
  padding-left: 4.375rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl70 {
    padding-left: 3.5rem !important;
  }
}

.hp_pl80 {
  padding-left: 5rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl80 {
    padding-left: 4rem !important;
  }
}

.hp_pl90 {
  padding-left: 5.625rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl90 {
    padding-left: 4.5rem !important;
  }
}

.hp_pl100 {
  padding-left: 6.25rem !important;
}
@media screen and (max-width: 750px) {
  .hp_pl100 {
    padding-left: 5rem !important;
  }
}

.hp_txtSmall {
  font-size: 0.8em;
}

.hp_txtLarge {
  font-size: 1.2em;
}
@media screen and (max-width: 750px) {
  .hp_txtLarge {
    font-size: 1.1em;
  }
}

.hp_txtGreen {
  color: #00A040;
}

.hp_txtBold {
  font-weight: bold;
}

.hp_cr5 {
  border-radius: 0.3125rem;
}

.hp_cr10 {
  border-radius: 0.625rem;
}

.hp_cr15 {
  border-radius: 0.9375rem;
}

.hp_alignCenter {
  text-align: center;
}

.hp_alignRight {
  text-align: right;
}

.hp_alignLeft {
  text-align: left;
}

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

.hp_noLinkborder {
  text-decoration: none;
}

.hp_nowrap {
  word-break: keep-all;
  white-space: nowrap;
}

.hp_shadow {
  -webkit-box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.5) !important;
          box-shadow: 0.125rem 0.125rem 0.375rem rgba(0, 0, 0, 0.5) !important;
}

.hp_noShadow {
  -webkit-box-shadow: none !important;
          box-shadow: none !important;
}

.hp_liftFlex {
  display: block;
}

@media screen and (max-width: 750px) {
  .hp_liftFlex_s {
    display: block;
  }
}

.js_scr2view {
  visibility: hidden;
  opacity: 0;
  -webkit-transition: 0.5s;
  transition: 0.5s;
}
.js_scr2view.is_enable {
  visibility: visible;
  opacity: 1;
}
/*# sourceMappingURL=style.css.map */