/* ------------------------
  Base Settings
------------------------ */
html {
  font-size: 16px;
  height: 100%;
}
body {
  height: 100%;
  overflow-x: hidden;
  background-color: #fff;
  word-wrap: break-word;
  color: #333;
  font-weight: 500;
  line-height: 1.5;

}
.c-change-opacity {
  -webkit-transition: opacity 0.3s linear;
  transition: opacity 0.3s linear;
}
@media (hover: hover) and (pointer: fine) {
  .c-change-opacity:hover {
    opacity: 0.8;
  }
}
.c-blind-slideInOut {
  overflow: hidden;
  position: relative;
  z-index: 1;
  top: 0;
  left: 0;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  background-color: #fff;


  -webkit-backface-visibility: hidden;


          backface-visibility: hidden;
}
.c-blind-slideInOut::after {
  content: "";
  display: block;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
  -webkit-transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(1, 0, 0, 1);
  transition: transform 0.3s cubic-bezier(1, 0, 0, 1), -webkit-transform 0.3s cubic-bezier(1, 0, 0, 1);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  background-color: #0046ff;


  -webkit-backface-visibility: hidden;


          backface-visibility: hidden;
  will-change: transform;
}
.c-blind-slideInOut:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.c-scale-img .c-scale-img-target {
  overflow: hidden;


  -webkit-backface-visibility: hidden;


          backface-visibility: hidden;
}
.c-scale-img img {
  -webkit-transition: -webkit-transform 0.22s ease-out;
  transition: -webkit-transform 0.22s ease-out;
  transition: transform 0.22s ease-out;
  transition: transform 0.22s ease-out, -webkit-transform 0.22s ease-out;
}
.c-scale-img:hover img {
  -webkit-transition: -webkit-transform 0.3s ease-out;
  transition: -webkit-transform 0.3s ease-out;
  transition: transform 0.3s ease-out;
  transition: transform 0.3s ease-out, -webkit-transform 0.3s ease-out;
  -webkit-transform: scale(1.1);
          transform: scale(1.1);
}
.c-under-line,
.c-under-line--white--sm,
.c-under-line--sm,
.c-under-line--white {
  display: block;
  position: relative;
}
.c-under-line::after,
.c-under-line--white--sm::after,
.c-under-line--sm::after,
.c-under-line--white::after {
  content: "";
  display: block;
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4px;
  -webkit-transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  transition: transform 1s cubic-bezier(0.19, 1, 0.22, 1), -webkit-transform 1s cubic-bezier(0.19, 1, 0.22, 1);
  -webkit-transform: scale(0, 1);
          transform: scale(0, 1);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  background-color: #0046ff;
}
.c-under-line:hover::after,
.c-under-line--white--sm:hover::after,
.c-under-line--sm:hover::after,
.c-under-line--white:hover::after {
  -webkit-transform: scale(1, 1);
          transform: scale(1, 1);
  -webkit-transform-origin: left top;
          transform-origin: left top;
}
.c-under-line--white::after {
  background-color: #fff;
}
.c-under-line--sm::after {
  height: 2px;
  background-color: #0046ff;
}
.c-under-line--white--sm::after {
  height: 2px;
  background-color: #fff;
}
/***************************
 ↓↓↓↓↓ _reset.css ↓↓↓↓↓
****************************/
*,
*::after,
*::before {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}
* {
  margin: 0;
  padding: 0;
  font-size: inherit;
  line-height: inherit;
}
pre,
textarea {
  overflow: auto;
}
[hidden],
template {
  display: none;
}
details,
main,
summary {
  display: block;
}
input[type=number] {
  width: auto;
}
input[type=search] {
  -webkit-appearance: textfield;
}
input[type=search]::-webkit-search-cancel-btn,
input[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
progress {
  display: inline-block;
}
small {
  font-size: 75%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sup {
  top: -0.5em;
}
sub {
  bottom: -0.25em;
}
textarea {
  resize: vertical;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
audio:not([controls]) {
  display: none;
}
img {
  max-width: 100%;
  height: auto;
  border: 0;
}
button,
input,
select,
textarea {
  min-height: 1.5em;
  color: inherit;
  font-weight: inherit;
  font-style: inherit;
  font-family: inherit;
}
button {
  overflow: visible;
}
button,
select {
  text-transform: none;
}
input {
  line-height: normal;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  cursor: pointer;
  border-style: none;
  background-color: transparent;
}
button[disabled],
html input[disabled] {
  cursor: default;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace;
}
ol,
ul {
  list-style: none;
}
select {
  -moz-appearance: none;
  -webkit-appearance: none;
}
table {
  border-spacing: 0;
  border-collapse: collapse;
}
fieldset {
  border: 0;
}
/***************************
 ↑↑↑↑↑ _reset.css ↑↑↑↑↑
****************************/
body:not([data-pageid=home]) {
  background-color: #f1f2fb;
}
body.scrollLock {
  overflow: hidden;
}
body {
  word-wrap: break-word;
}
a.link {
  text-decoration: none;
  color: #333;
}
a.link:visited {
  color: #333;
}
a.link.link-gray {
  color: #888;
}
a.link.link-gray:visited {
  color: #888;
}
.sec {
  position: relative;
}
.secTitle__cont {
  text-align: center;
  line-height: 1;
}
.secTitle {
  color: #0046ff;
  font-family: "Montserrat", sans-serif;
  font-size: 9.6vw;
  font-weight: 700;
}
@media (min-width: 768px) {
  .secTitle {
    font-size: 3.95315vw;
  }
}
@media (min-width: 1366px) {
  .secTitle {
    font-size: 3.375rem;
  }
}
@media (min-width: 768px) {
  .secTitle--sm {
    font-size: 4.39239vw;
  }
}
@media (min-width: 1366px) {
  .secTitle--sm {
    font-size: 3.75rem;
  }
}
.secTitle__sub {
  margin-top: 2.8vw;
  letter-spacing: 0.1em;
  font-size: 4.26667vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .secTitle__sub {
    margin-top: 1.1713vw;
    font-size: 1.46413vw;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 1366px) {
  .secTitle__sub {
    margin-top: 1rem;
    font-size: 1.25rem;
  }
}
@media (min-width: 768px) {
  .secTitle__sub--sm {
    margin-top: 0.87848vw;
    font-size: 1.46413vw;
  }
}
@media (min-width: 1366px) {
  .secTitle__sub--sm {
    margin-top: 0.75rem;
    font-size: 1.25rem;
  }
}
.tag {
  display: inline-block;
  padding: 0.26667vw 2.66667vw;
  font-size: 2.93333vw;
  border-radius: 0.4vw;
}
@media (min-width: 768px) {
  .tag {
    border-radius: 3px;
    padding: 0 0.87848vw;
    font-size: 0.87848vw;
  }
}
@media (min-width: 1366px) {
  .tag {
    padding: 0 0.75rem;
    font-size: 0.75rem;
  }
}
/* ========================
  case studies
 ======================== */
.sec__caseStudy {
  position: relative;
  z-index: 5;
  padding-top: 20vw;
  padding-bottom: 17.33333vw;
}
@media (min-width: 768px) {
  .sec__caseStudy {
    padding-top: 7.17423vw;
    padding-bottom: 4.68521vw;
  }
}
@media (min-width: 1366px) {
  .sec__caseStudy {
    padding-top: 6.125rem;
    padding-bottom: 4rem;
  }
}
.tag.caseStudy__tag {
  padding-left: 3.2vw;
  padding-right: 3.2vw;
  letter-spacing: 0.16em;
}
@media (min-width: 768px) {
  .tag.caseStudy__tag {
    padding-left: 0.87848vw;
    padding-right: 0.87848vw;
  }
}
@media (min-width: 1366px) {
  .tag.caseStudy__tag {
    padding-right: 0.75rem;
    padding-left: 0.75rem;
  }
}
@media (max-width: 767.98px) {
  .c-card__body.caseStudy__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding-top: 6.66667vw;
    padding-bottom: 8vw;
  }
}
@media (max-width: 767.98px) {
  .caseStudy__card__ttl {
    padding-right: 8vw;
    bottom: 6.93333vw;
  }

  .caseStudy__card__ttl .c-card__icon__arrow {
    width: 5.6vw;
    height: 5.6vw;
  }
}
@media (min-width: 768px) {
  .caseStudy__card__ttl {
    padding-right: 2.19619vw;
  }
}
@media (min-width: 1366px) {
  .caseStudy__card__ttl {
    padding-right: 1.875rem;
  }
}
.sec__caseStudy__lowerPage {
  padding-top: 15.2vw;
  padding-bottom: 15.2vw;
  background-color: #f1f2fb;
}
@media (min-width: 768px) {
  .sec__caseStudy__lowerPage {
    padding-top: 6.58858vw;
    padding-bottom: 7.75988vw;
  }
}
@media (min-width: 1366px) {
  .sec__caseStudy__lowerPage {
    padding-top: 5.625rem;
    padding-bottom: 6.625rem;
  }
}
@media (min-width: 768px) {
  .caseStudy__details {
    width: 24.30454vw;
  }
}
@media (min-width: 1366px) {
  .caseStudy__details {
    width: 20.75rem;
  }
}
.btn__caseStudy {
  height: 13.33333vw;
}
@media (max-width: 767.98px) {
  .btn__caseStudy {
    padding-left: 3.2vw;
    padding-right: 3.2vw;
  }
}
@media (min-width: 768px) {
  .btn__caseStudy {
    height: 4.09956vw;
  }
}
@media (min-width: 1366px) {
  .btn__caseStudy {
    height: 3.5rem;
  }
}
/* ========================
  詳細
 ======================== */
.details {
  margin-right: auto;
  margin-left: auto;
  border-radius: 10px;
  background-color: #fff;
}
@media (min-width: 768px) {
  .details {
    border-radius: 0.36603vw;
  }
}
@media (min-width: 1366px) {
  .details {
    border-radius: 0.3125rem;
  }
}
.details--l {
  margin-top: 5.7101vw;
}
@media (min-width: 768px) {
  .details--l {
    margin-top: 3.80673vw;
  }
}
.details__ttl {
  text-align: center;
  color: #0046ff;
  font-size: 5.6vw;
  line-height: 1.42;
}
@media (min-width: 768px) {
  .details__ttl {
    letter-spacing: 0.04em;
    font-size: 1.75695vw;
    line-height: 1.5;
  }
}
@media (min-width: 768px) {
  .details__ttl {
    font-size: 1.5rem;
  }
}
.l-pageHeader__catch__cont {
  padding: 11.06667vw 6.66667vw 4.8vw;
  font-size: 3.73333vw;
  background: #f1f2fb;
  text-align: center;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .l-pageHeader__catch__cont {
    padding: 1.1713vw 0 4.39239vw;
    font-size: 1.46413vw;
  }
}
@media (min-width: 1366px) {
  .l-pageHeader__catch__cont {
    padding: 1rem 0 3.75rem;
    font-size: 1.25rem;
  }
}
.round--top,
.round--bottom {
  position: absolute;
  z-index: 5;
  left: 0;
  width: 100%;
  height: auto;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
}
.round--top::before,
.round--bottom::before {
  content: "";
  display: block;
  position: relative;
  padding-top: 3.66032%;
}
.round--top svg,
.round--bottom svg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.round--top svg path,
.round--bottom svg path {
  fill: #f1f2fb;
}
.round--top {
  top: 0;
}
.round--top::before {
  top: -0.2666666667vw;
}
.round--bottom {
  bottom: -1px;
}
.round--bottom svg {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.c-card__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}
.top__card__cont {
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.c-card__cont__lowerPage {
  position: relative;
}
@media (max-width: 767.98px) {
  .c-card__cont__lowerPage {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
  }
}
@media (min-width: 768px) {
  .c-card__cont__lowerPage {
    width: 80.6735vw;
  }
}
@media (min-width: 1366px) {
  .c-card__cont__lowerPage {
    width: 68.875rem;
  }
}
.c-card {
  overflow: hidden;
  position: relative;
  z-index: 1;
  border-radius: 1.33333vw;
  width: 100%;
}
@media (min-width: 768px) {
  .c-card {
    width: 25.18302vw;
    border-radius: 0.36603vw;
  }
}
@media (min-width: 1366px) {
  .c-card {
    border-radius: 0.3125rem;
    width: 21.5rem;
  }
}
.c-card>.link {
  display: block;
}
.c-card--white {
  background-color: #fff;
}
.c-card--gray {
  background-color: #ebedf7;
}
.c-card__lowerPage {
  margin-bottom: 4.26667vw;
}
@media (max-width: 767.98px) {
  .c-card__lowerPage {
    width: 44vw;
  }

  .c-card__lowerPage .c-card__body {
    padding: 2.66667vw;
  }

  .c-card__lowerPage .c-card__ttl__cont {
    bottom: 2.66667vw;
    padding: 0 2.66667vw;
  }

  .c-card__lowerPage .c-card__ttl {
    font-size: 2.8vw;
  }

  .c-card__lowerPage .c-card__txt {
    line-height: 1.5;
  }

  .c-card__lowerPage .c-card__icon__arrow {
    top: -0.26667vw;
    width: 3.2vw;
    height: 3.2vw;
  }
}
@media (min-width: 768px) {
  .c-card__lowerPage {
    margin-bottom: 1.75695vw;
  }

  .c-card__lowerPage:not(:nth-child(3n-2)) {
    margin-left: 1.68375vw;
  }
}
@media (min-width: 1366px) {
  .c-card__lowerPage {
    margin-bottom: 1.5rem;
  }

  .c-card__lowerPage:not(:nth-child(3n-2)) {
    margin-left: 1.4375rem;
  }
}
.link__card {
  display: block;
}
.c-card__head {
  position: relative;
  z-index: 1;
}
.c-card__img {
  position: relative;
  z-index: 1;
}
.c-card__img::before {
  content: "";
  position: absolute;
  z-index: 1;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 44.4%;
  background: transparent -webkit-gradient(linear, left top, left bottom, color-stop(0.75%, rgba(0, 0, 0, 0)), to(#000)) 0% 0% no-repeat padding-box;
  background: transparent linear-gradient(180deg, rgba(0, 0, 0, 0) 0.75%, #000 100%) 0% 0% no-repeat padding-box;
}
.c-card__img img {
  border-top-right-radius: 1.33333vw;
  border-top-left-radius: 1.33333vw;
  width: 100%;
}
@media (min-width: 768px) {
  .c-card__img img {
    border-radius: 0.36603vw 0.36603vw 0 0;
  }
}
@media (min-width: 1366px) {
  .c-card__img img {
    border-radius: 0.3125rem 0.3125rem 0 0;
  }
}
.tag.c-card__tag {
  position: absolute;
  z-index: 3;
  top: 2.93333vw;
  left: 2.66667vw;
  max-width: calc(100% - 5.33333vw);
  background-color: #0046ff;
  letter-spacing: 0.1em;
  color: #fff;
}
@media (min-width: 768px) {
  .tag.c-card__tag {
    top: 0.87848vw;
    left: 0.87848vw;
    padding: 1px 0.87848vw;
    max-width: calc(100% - 1.75695vw);
    letter-spacing: 0.16em;
  }
}
@media (min-width: 1366px) {
  .tag.c-card__tag {
    top: 0.75rem;
    left: 0.75rem;
    padding: 1px 0.75rem;
    max-width: calc(100% - 1.5rem);
  }
}
.c-card__tag.c-card__tag__lowerPage {
  top: 1.2vw;
  left: 1.2vw;
  padding: 1.33333vw 1.6vw 1.33333vw 2.26667vw;
  font-size: 2.4vw;
  border-radius: 3px;
  line-height: 1.1;
}
@media (min-width: 768px) {
  .c-card__tag.c-card__tag__lowerPage {
    top: 0.87848vw;
    left: 1.02489vw;
    padding: 0.29283vw 0.73206vw;
    font-size: 0.87848vw;
    border-radius: 3px;
  }
}
@media (min-width: 1366px) {
  .c-card__tag.c-card__tag__lowerPage {
    top: 0.75rem;
    left: 0.875rem;
    padding: 0.25rem 0.625rem;
    font-size: 0.75rem;
  }
}
.c-card__ttl__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  z-index: 3;
  bottom: 5.33333vw;
  font-size: 4.8vw;
  padding: 0 6.4vw;
  width: 100%;
  line-height: 1.44;
}
@media (min-width: 768px) {
  .c-card__ttl__cont {
    bottom: 1.75695vw;
    padding: 0 1.83016vw;
    font-size: 1.46413vw;
  }
}
@media (min-width: 1366px) {
  .c-card__ttl__cont {
    bottom: 1.5rem;
    padding: 0 1.5625rem;
    font-size: 1.25rem;
  }
}
.c-card__ttl {
  letter-spacing: 0.14em;
  color: #fff;
  font-weight: bold;

  line-break: strict;
}
@media (min-width: 768px) {
  .c-card__ttl {
    max-width: 252px;
    font-size: 1.46413vw;
  }
}
@media (min-width: 1366px) {
  .c-card__ttl {
    font-size: 1.25rem;
  }
}
.c-card__icon__arrow {
  position: relative;
  top: -0.8vw;
  width: 4.8vw;
  height: 4.8vw;
}
@media (min-width: 768px) {
  .c-card__icon__arrow {
    top: -0.29283vw;
    width: 1.75695vw;
    height: 1.75695vw;
  }
}
@media (min-width: 1366px) {
  .c-card__icon__arrow {
    top: -0.25rem;
    width: 1.5rem;
    height: 1.5rem;
  }
}
.c-card__body {
  padding: 4.8vw 5.33333vw;
  letter-spacing: 0.14em;
  color: #333;
}
@media (min-width: 768px) {
  .c-card__body {
    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: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 1.61054vw 1.83016vw 2.34261vw;
    letter-spacing: 0.1em;
  }
}
@media (min-width: 1366px) {
  .c-card__body {
    padding: 1.375rem 1.5625rem 2rem;
  }
}
.c-card__txt {
  font-size: 3.2vw;
  line-height: 1.91;
}
@media (min-width: 768px) {
  .c-card__txt {
    font-size: 1.02489vw;
    line-height: 1.85;
  }
}
@media (min-width: 1366px) {
  .c-card__txt {
    font-size: 0.875rem;
  }
}
.c-card__txt--l {
  font-size: 4.8vw;
  font-weight: bold;
  line-height: 1.5;
}
@media (min-width: 768px) {
  .c-card__txt--l {
    font-size: 1.46413vw;
  }
}
@media (min-width: 1366px) {
  .c-card__txt--l {
    font-size: 1.25rem;
  }
}
.c-card__label__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-top: 5.06667vw;
  width: 100%;
}
@media (min-width: 768px) {
  .c-card__label__cont {
    margin-top: 2.04978vw;
  }
}
@media (min-width: 1366px) {
  .c-card__label__cont {
    margin-top: 1.75rem;
  }
}
.c-card__label {
  margin-top: 1.06667vw;
  margin-right: 1.06667vw;
  background: #f2f2f2;
  color: #333;
}
.c-card__label--hash {
  padding-right: 0;
  padding-left: 0;
  background: transparent;
  color: #0046ff;
}
.c-card__label--hash:hover {
  text-decoration: underline;
}
@media (min-width: 768px) {
  .c-card__label {
    margin-top: 0.36603vw;
    margin-right: 0.36603vw;
    padding-top: 0.14641vw;
    padding-bottom: 0.14641vw;
  }
}
@media (min-width: 1366px) {
  .c-card__label {
    margin-top: 0.3125rem;
    margin-right: 0.3125rem;
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;
  }
}
main {
  overflow-x: hidden;
}
/* ------------------------
  utilities Classes
------------------------ */
.u-bg-gray {
  background-color: #e8eaf7;
}
.u-bg-light-gray {
  background-color: #f1f2fb;
}
.u-hidden {
  display: none !important;
}
.u-hidden {
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .u-hidden-sm {
    display: none !important;
  }
  .u-hidden-sm {
    visibility: hidden;
  }
}
.u-hidden-up-sm {
  display: none !important;
}
.u-hidden-up-sm {
  visibility: hidden;
}
@media (max-width: 767.98px) {
  .u-hidden-down-sm {
    display: none !important;
  }
  .u-hidden-down-sm {
    visibility: hidden;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .u-hidden-md {
    display: none !important;
  }
  .u-hidden-md {
    visibility: hidden;
  }
}
@media (min-width: 768px) {
  .u-hidden-up-md {
    display: none !important;
  }
  .u-hidden-up-md {
    visibility: hidden;
  }
}
@media (max-width: 1023.98px) {
  .u-hidden-down-md {
    display: none !important;
  }
  .u-hidden-down-md {
    visibility: hidden;
  }
}
@media (min-width: 1024px) and (max-width: 1365.98px) {
  .u-hidden-lg {
    display: none !important;
  }
  .u-hidden-lg {
    visibility: hidden;
  }
}
@media (min-width: 1024px) {
  .u-hidden-up-lg {
    display: none !important;
  }
  .u-hidden-up-lg {
    visibility: hidden;
  }
}
@media (max-width: 1365.98px) {
  .u-hidden-down-lg {
    display: none !important;
  }
  .u-hidden-down-lg {
    visibility: hidden;
  }
}
@media (min-width: 1366px) {
  .u-hidden-xl {
    display: none !important;
  }
  .u-hidden-xl {
    visibility: hidden;
  }
}
@media (min-width: 1366px) {
  .u-hidden-up-xl {
    display: none !important;
  }
  .u-hidden-up-xl {
    visibility: hidden;
  }
}
.u-hidden-down-xl {
  display: none !important;
}
.u-hidden-down-xl {
  visibility: hidden;
}
.u-visuallyhidden {
  overflow: hidden;
  clip: rect(0 0 0 0);
  position: absolute;
  margin: -1px;
  padding: 0;
  border: 0;
  width: 1px;
  height: 1px;
}
.u-visuallyhidden.focusable:active,
.u-visuallyhidden.focusable:focus {
  overflow: visible;
  clip: auto;
  position: static;
  margin: 0;
  width: auto;
  height: auto;
}
.u-invisible {
  visibility: hidden;
}
.clearfix::after {
  content: "";
  display: block;
  clear: both;
}
.hidden {
  display: none !important;
}
/** /top.css **/
@media (max-width: 767.98px) {
  * {
    outline: none;
    -webkit-box-shadow: none;
            box-shadow: none;

  }
}
.l-header__inner,
.l-load {
  opacity: 0;
}
.l-load {
  position: fixed;
  z-index: 15;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  pointer-events: none;
}
.l-load__logo__cont {
  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: absolute;
  z-index: 5;
  width: 100%;
  height: 100%;
}
.l-load__logo__inner {
  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;
  width: 100%;
  height: 100%;
  background-color: #fff;
}
.l-load__logo {
  width: 32vw;
}
@media (min-width: 768px) {
  .l-load__logo {
    width: 22.32796vw;
  }
}
@media (min-width: 1366px) {
  .l-load__logo {
    width: 19.0625rem;
  }
}
.l-load__logo img {
  width: 100%;
}
.l-door__cont {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  z-index: 3;
  height: 100%;


  -webkit-perspective: 5000px;


          perspective: 5000px;
}
.l-door {
  width: 50%;
  height: 100%;
  -webkit-transform: rotateY(0deg);
          transform: rotateY(0deg);
  background-color: #0046ff;
}
.l-door--left {
  -webkit-transform-origin: left center;
          transform-origin: left center;
}
.l-door--right {
  -webkit-transform-origin: right center;
          transform-origin: right center;
}
.l-whiteOut {
  position: absolute;
  z-index: 1;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.6);
}
.u-perspective__cont {
  overflow: hidden;
  background-color: #0046ff;


  -webkit-perspective: 2000px;


          perspective: 2000px;
  -webkit-perspective-origin: 100% 50%;
          perspective-origin: 100% 50%;
}
.sec__corporate .splide,
.sec__mirait .splide {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.sec__corporate .splide__track--sm,
.sec__mirait .splide__track--sm {
  position: relative;
  z-index: 1;
  margin: auto;
  width: 88.66667vw;
}
@media (min-width: 768px) {

  .sec__corporate .splide__track--sm,
  .sec__mirait .splide__track--sm {
    width: 79.06296vw;
  }
}
@media (min-width: 1366px) {

  .sec__corporate .splide__track--sm,
  .sec__mirait .splide__track--sm {
    width: 67.5rem;
  }
}
.sec__corporate .spldie__slide--sm,
.sec__mirait .spldie__slide--sm {
  width: 41.6vw !important;
}
.sec__corporate .spldie__slide--sm,
.sec__mirait .spldie__slide--sm {
  overflow: hidden;
  margin-left: 5.06667vw;
}
@media (min-width: 768px) {

  .sec__corporate .spldie__slide--sm,
  .sec__mirait .spldie__slide--sm {
    width: 16.83748vw !important;
  }

  .sec__corporate .spldie__slide--sm,
  .sec__mirait .spldie__slide--sm {
    margin: 0 1.46413vw;
  }
}
@media (min-width: 1366px) {

  .sec__corporate .spldie__slide--sm,
  .sec__mirait .spldie__slide--sm {
    width: 14.375rem !important;
  }

  .sec__corporate .spldie__slide--sm,
  .sec__mirait .spldie__slide--sm {
    margin: 0 1.25rem;
  }
}
.sec__corporate .link__splide,
.sec__mirait .link__splide {
  display: block;
}
.sec__corporate .link__splide img, .sec__mirait .link__splide img {
    width: 100%;
  }
.sec__corporate .splide__arrows,
.sec__mirait .splide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  z-index: 3;
  top: 50%;
  left: 50%;
  padding: 0 2.13333vw;
  width: 100%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  pointer-events: none;
}
@media (min-width: 768px) {

  .sec__corporate .splide__arrows,
  .sec__mirait .splide__arrows {
    width: 91.80088vw;
  }
}
@media (min-width: 1366px) {

  .sec__corporate .splide__arrows,
  .sec__mirait .splide__arrows {
    width: 78.375rem;
  }
}
.sec__corporate .splide__arrow,
.sec__mirait .splide__arrow {
  pointer-events: auto;
}
.sec__corporate .splide__arrows .c-icon__arrow,
.sec__mirait .splide__arrows .c-icon__arrow {
  border: 2px solid rgba(151, 183, 255, 0.5);
  width: 7.2vw;
  height: 7.2vw;
}
@media (min-width: 768px) {

  .sec__corporate .splide__arrows .c-icon__arrow,
  .sec__mirait .splide__arrows .c-icon__arrow {
    width: 3.51391vw;
    height: 3.51391vw;
  }
}
@media (min-width: 1366px) {

  .sec__corporate .splide__arrows .c-icon__arrow,
  .sec__mirait .splide__arrows .c-icon__arrow {
    width: 3rem;
    height: 3rem;
  }
}
.sec__corporate .splide__icon__arrow,
.sec__mirait .splide__icon__arrow {
  -webkit-transform-origin: center;
          transform-origin: center;
}
.sec__corporate .splide__icon__arrow--prev,
.sec__mirait .splide__icon__arrow--prev {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}
.sec__corporate .splide__list,
.sec__mirait .splide__list {
  -webkit-transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86) !important;
          transition-timing-function: cubic-bezier(0.785, 0.135, 0.15, 0.86) !important;
}
.date {
  margin-right: 4.26667vw;
  font-size: 3.2vw;
  letter-spacing: 0.14em;
  color: #333;
  font-weight: bold;
  line-height: 1;
}
@media (min-width: 768px) {
  .date {
    margin-right: 1.1713vw;
    font-size: 1.02489vw;
  }
}
@media (min-width: 1366px) {
  .date {
    margin-right: 1rem;
    font-size: 0.875rem;
  }
}
.date--en {
  letter-spacing: 0.08em;
  font-size: 4vw;
  font-weight: bold;
}
@media (max-width: 767.98px) {
  .date--en {
    margin-right: 2.66667vw;
  }
}
@media (min-width: 768px) {
  .date--en {
    letter-spacing: 0.1em;
    font-size: 1.1713030747vw;
  }
}
@media (min-width: 1366px) {
  .date--en {
    font-size: 1rem;
  }
}
.top__card__cont {
  margin-top: 10vw;
}
@media (min-width: 768px) {
  .top__card__cont {
    margin-top: 3.51391vw;
  }
}
@media (min-width: 1366px) {
  .top__card__cont {
    margin-top: 3rem;
  }
}
@media (max-width: 767.98px) {
  .c-card__top+.c-card__top {
    margin-top: 5.33333vw;
    width: 100%;
  }
}
/* ========================
  kv
 ======================== */
.sec__kv {
  background-color: #fff;
}
.sec__kv .splide__pagination {
  position: absolute;
  bottom: 5.33333vw;
  left: 50%;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  .sec__kv .splide__pagination {
    bottom: 3.40278vw;
  }
}
@media (min-width: 1366px) {
  .sec__kv .splide__pagination {
    bottom: 49px;
  }
}
.sec__kv .splide__pagination li {
  display: block;
}
.sec__kv .splide__pagination li+li {
  margin-left: 4.53333vw;
}
@media (min-width: 768px) {
  .sec__kv .splide__pagination li+li {
    margin-left: 2.63889vw;
  }
}
@media (min-width: 1366px) {
  .sec__kv .splide__pagination li+li {
    margin-left: 38px;
  }
}
.sec__kv .splide__pagination .splide__pagination__page {
  position: relative;
  border-radius: 50%;
  width: 1.86667vw;
  height: 1.86667vw;
  min-height: 1.86667vw;
  background-color: #e5e5e5;
}
@media (min-width: 768px) {
  .sec__kv .splide__pagination .splide__pagination__page {
    width: 0.76389vw;
    height: 0.76389vw;
    min-height: 0.76389vw;
  }
}
@media (min-width: 1366px) {
  .sec__kv .splide__pagination .splide__pagination__page {
    width: 11px;
    height: 11px;
    min-height: 11px;
  }
}
.sec__kv .splide__pagination .splide__pagination__page.is-active {
  background-color: #0046ff;
}
.sec__kv .splide__arrows {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  position: absolute;
  z-index: 1;
  top: calc(50% - 6.66667vw);
  top: calc(50% - 6.66667vw);
  left: 50%;
  width: 94.53333vw;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media (min-width: 768px) {
  .sec__kv .splide__arrows {
    top: calc(50% - 3.51391vw);
    top: calc(50% - 3.51391vw);
    width: 97.21816vw;
  }
}
.sec__kv .splide__arrow {
  position: relative;
  width: 7.46667vw;
  height: 11.73333vw;
  background-repeat: no-repeat;
  background-position: center;
  background-size: 6.13333vw 10vw;
}
@media (min-width: 768px) {
  .sec__kv .splide__arrow {
    width: 4.02635vw;
    height: 6.58858vw;
    background-size: 2.91667vw 5.06944vw;
  }
}
@media (min-width: 1366px) {
  .sec__kv .splide__arrow {
    width: 55px;
    height: 90px;
    background-size: 42px 73px;
  }
}
.sec__kv .splide__arrow.splide__arrow--prev {
  background-image: url("/assets/img/pages/top/icon_kv_arrow_prev_sp.png");
}
@media (min-width: 768px) {
  .sec__kv .splide__arrow.splide__arrow--prev {
    background-image: url("/assets/img/pages/top/icon_kv_arrow_prev.png");
  }
}
.sec__kv .splide__arrow.splide__arrow--next {
  background-image: url("/assets/img/pages/top/icon_kv_arrow_next_sp.png");
}
@media (min-width: 768px) {
  .sec__kv .splide__arrow.splide__arrow--next {
    background-image: url("/assets/img/pages/top/icon_kv_arrow_next.png");
  }
}
@media (hover: hover) and (pointer: fine) {
  .sec__kv .splide__arrow:hover {
    cursor: pointer;
  }
}
.sec__kv .splide__arrow svg {
  opacity: 0;
}
.kv__maskSlide {
  position: absolute;
  z-index: 5;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: scale(0, 100%);
          transform: scale(0, 100%);
  -webkit-transform-origin: center left;
          transform-origin: center left;
  background-color: #fff;
}
.kv__slide {
  opacity: 0;
  position: relative;
  width: 100%;
  height: 100.8vw;
  pointer-events: none;
}
@media (min-width: 768px) {
  .kv__slide {
    height: 50.07321vw;
  }
}
.kv__slide.is-active {
  pointer-events: all;
}
.kv__slide:not(:nth-of-type(1)) {
  position: absolute;
  top: 0;
  left: 0;
}
.kv__slide iframe {
  width: 100%;
  height: inherit;
}
.kv__slide picture img {
  width: 100vw;
}
.kv__slidelink_kv_slide {
  display: block;
}
.kv__catch__cont {
  position: absolute;
  z-index: 1;
  bottom: 11.33333vw;
  left: 50%;
  margin-left: -1.06667vw;
  -webkit-transform: translateX(-50%);
          transform: translateX(-50%);
}
@media (min-width: 768px) {
  .kv__catch__cont {
    bottom: 6.58858vw;
    margin-left: -0.43924vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch__cont {
    bottom: 5.625rem;
  }
}
@media (max-width: 767.98px) {
  .kv__body--en {
    bottom: 12vw;
  }
}
.kv__catch {
  display: block;
  position: relative;
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
  line-height: 1;
}
.kv__catch+.kv__catch {
  margin-top: 4.53333vw;
  margin-bottom: 1.6vw;
}
@media (min-width: 768px) {
  .kv__catch+.kv__catch {
    margin-top: 2.34261vw;
    margin-bottom: 1.02489vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch+.kv__catch {
    margin-top: 2rem;
    margin-bottom: 0.875rem;
  }
}
@media (min-width: 768px) {
  .kv__catch--en+.kv__catch--en {
    margin-top: 2.92826vw;
    margin-bottom: 1.31772vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch--en+.kv__catch--en {
    margin-top: 2.5rem;
    margin-bottom: 1.125rem;
  }
}
.kv__catch+.kv__catch__logo_cont {
  margin-top: 1.33333vw;
  margin-bottom: 0;
}
@media (min-width: 768px) {
  .kv__catch+.kv__catch__logo_cont {
    margin-top: 0.87848vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch+.kv__catch__logo_cont {
    margin-top: 0.75rem;
  }
}
.kv__catch__txt {
  display: block;
  opacity: 0;
  width: auto;
  height: 6.93333vw;
}
@media (min-width: 768px) {
  .kv__catch__txt {
    height: 3.80673vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch__txt {
    height: 3.25rem;
  }
}
.kv__catch__txt--en {
  height: 6vw;
}
@media (min-width: 768px) {
  .kv__catch__txt--en {
    height: 3.29429vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch__txt--en {
    height: 2.8125rem;
  }
}
.kv__catch__txt img {
  max-width: auto;
  height: 100%;
}
.kv__catch__txt--en {
  height: 6vw;
}
@media (min-width: 768px) {
  .kv__catch__txt--en {
    height: 3.29429vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch__txt--en {
    height: 2.8125rem;
  }
}
.kv__catch__txt.kv__catch-future-power {
  height: 10.13333vw;
}
@media (min-width: 768px) {
  .kv__catch__txt.kv__catch-future-power {
    height: 5.6369vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch__txt.kv__catch-future-power {
    height: 4.8125rem;
  }
}
.kv__catch__txt.kv__catch-future-power--en {
  width: auto;
  height: 13.86667vw;
}
@media (min-width: 768px) {
  .kv__catch__txt.kv__catch-future-power--en {
    height: 7.54026vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch__txt.kv__catch-future-power--en {
    height: 6.4375rem;
  }
}
.kv__catch__txt.kv__catch__logo {
  height: 10.93333vw;
}
@media (min-width: 768px) {
  .kv__catch__txt.kv__catch__logo {
    height: 5.34407vw;
  }
}
@media (min-width: 1366px) {
  .kv__catch__txt.kv__catch__logo {
    height: 4.5625rem;
  }
}
.kv__line {
  display: block;
  opacity: 0;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  -webkit-transform: translateX(-200%);
          transform: translateX(-200%);
  -webkit-transform-origin: right top;
          transform-origin: right top;
  background-color: #0046ff;
}
/* ========================
  introduction
 ======================== */
.sec__intro {
  opacity: 0;
  position: relative;
  z-index: 1;
  margin-top: -3.46667vw;
  padding-top: 13.6vw;
  pointer-events: none;
  color: #fff;
}
@media (min-width: 768px) {
  .sec__intro {
    margin-top: -4.09956vw;
    padding-top: 10.02928vw;
  }
}
.sec__intro::after {
  content: "";
  display: block;
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 100%;
  height: 2.66667vw;
  background: url("/assets/img/pages/top/bg_intro_bottom_sp.svg") no-repeat center/cover;
}
@media (min-width: 768px) {
  .sec__intro::after {
    height: 2.78184vw;
    background: url("/assets/img/pages/top/bg_intro_bottom.svg") no-repeat center/cover;
  }
}
.intro__round--top {
  position: absolute;
  z-index: -1;
  top: 0;
  pointer-events: none;
}
.intro__round--top img {
  display: block;
  width: 100vw;
}
.intro__inner {
  margin-top: -2px;
  padding: 0 0 22.66667vw;
  background-color: #0046ff;
}
@media (min-width: 768px) {
  .intro__inner {
    padding-bottom: 10.10249vw;
  }
}
@media (min-width: 1366px) {
  .intro__inner {
    padding-bottom: 8.625rem;
  }
}
.intro__txt {
  font-size: 4.26667vw;
  line-height: 2;
}
@media (min-width: 768px) {
  .intro__txt {
    margin-right: auto;
    margin-left: auto;
    max-width: 71.74231vw;
    font-size: 1.31772vw;
    text-align: center;
    letter-spacing: 0.04em;
  }
}
@media (min-width: 1366px) {
  .intro__txt {
    max-width: 61.25rem;
    font-size: 1.125rem;
  }
}
@media (min-width: 768px) {
  .intro__txt--en {
    max-width: 100%;
    letter-spacing: 0.09em;
  }
}
.btn__intro__cont {
  position: relative;
  z-index: 1;
  margin-top: 8vw;
  margin-right: auto;
  margin-left: auto;
  letter-spacing: -0.04em;
  pointer-events: all;
}
@media (min-width: 768px) {
  .btn__intro__cont {
    margin-top: 2.63543vw;
  }
}
@media (min-width: 1366px) {
  .btn__intro__cont {
    margin-top: 2.25rem;
  }
}
@media (max-width: 767.98px) {
  .btn__intro__cont--en {
    margin-top: 7.2vw;
  }
}
.btn__intro {
  margin-right: auto;
  margin-left: auto;
  border-color: #fff;
  height: 18.66667vw;
  font-weight: bold;
  line-height: 1.48;
}
@media (max-width: 767.98px) {
  .btn__intro {
    padding-right: 2.4vw;
    padding-left: 4.26667vw;
  }
}
@media (min-width: 768px) {
  .btn__intro {
    width: 42.45974vw;
    height: 4.09956vw;
    letter-spacing: 0.002em;
  }
  .btn__intro.ver02 {
    width: 19.03367vw;
  }
}
@media (min-width: 1366px) {
  .btn__intro {
    width: 36.25rem;
    height: 3.5rem;
  }
}
@media (min-width: 1366px) {
  .btn__intro.ver02 {
    width: 18.00rem;
  }
}
.btn__intro--en {
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .btn__intro--en {
    width: 39.53148vw;
  }
}
@media (min-width: 1366px) {
  .btn__intro--en {
    width: 33.75rem;
  }
}
@media (min-width: 768px) {
  .btn__intro .c-icon__arrow {
    top: calc(50% - 0.07321vw);
    top: calc(50% - 0.07321vw);
    -webkit-transform: translateY(-50%) translateZ(0);
            transform: translateY(-50%) translateZ(0);
  }
}
@media (min-width: 1366px) {
  .btn__intro .c-icon__arrow {
    top: calc(50% - 0.0625rem);
  }
}
/* ========================
  news
 ======================== */
.sec__news {
  position: relative;
  z-index: 5;
  padding: 17.33333vw 0 20vw;
  background-color: #f1f2fb;
}
@media (min-width: 768px) {
  .sec__news {
    padding: 4.39239vw 0 7.32064vw;
  }
}
@media (min-width: 1366px) {
  .sec__news {
    padding: 3.75rem 0 6.25rem;
  }
}
.sec__news--en {
  padding-bottom: 18.66667vw;
}
@media (min-width: 768px) {
  .sec__news--en {
    padding-bottom: 4.39239vw;
  }
}
@media (min-width: 1366px) {
  .sec__news--en {
    padding-bottom: 3.75rem;
  }
}
@media (min-width: 768px) {
  .news__ttl__cont * {
    text-align: left;
  }
}
@media (min-width: 768px) {
  .news__inner {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
  }
}
@media (min-width: 768px) {
  .news__body {
    margin-top: 0.58565vw;
    margin-left: 5.85652vw;
    width: 100%;
  }
}
@media (min-width: 1366px) {
  .news__body {
    margin-top: 0.5rem;
    margin-left: 5rem;
  }
}
@media (min-width: 768px) {
  .news__body--en {
    margin-left: 7.32064vw;
  }
}
@media (min-width: 1366px) {
  .news__body--en {
    margin-left: 6.25rem;
  }
}
@media (max-width: 767.98px) {
  .news__list__cont {
    margin-top: 10vw;
  }
}
@media (max-width: 767.98px) {
  .news__list__cont--en {
    margin-top: 8.26667vw;
  }
}
.news__list {
  padding-bottom: 4vw;
  border-bottom: 1px solid #ccc;
}
@media (min-width: 768px) {
  .news__list {
    padding-bottom: 1.39092vw;
  }
}
@media (min-width: 1366px) {
  .news__list {
    padding-bottom: 1.1875rem;
  }
}
.news__list+.news__list {
  margin-top: 5.33333vw;
}
@media (min-width: 768px) {
  .news__list+.news__list {
    margin-top: 1.75695vw
  }
}
@media (min-width: 1366px) {
  .news__list+.news__list {
    margin-top: 1.5rem;
  }
}
.link__news {
  display: block;
}
.link__news:hover {
  cursor: pointer;
}
.link__news:hover .news__desc {
  color: #0046ff;
}
.news__company {
  margin-top: 2.13333vw;
  font-size: 3.73333vw;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  letter-spacing: 0.06em;
  color: #333;
  line-height: 1.78;
  font-weight: 200;
}
@media (min-width: 768px) {
  .news__company {
    margin-top: 0.95168vw;
    font-size: 1.1713vw;
    font-size: 1.1713030747vw;
    line-height: 1.6;
  }
}
@media (min-width: 1366px) {
  .news__company {
    margin-top: 0.8125rem;
    font-size: 1rem;
  }
}
.news__company--en {
  letter-spacing: 0.12em;
}
@media (min-width: 768px) {
  .news__company--en {
    letter-spacing: 0.104em;
  }
}
.news__desc {
  margin-top: 0.53333vw;
  font-size: 3.73333vw;
  -webkit-transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  transition: color 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  letter-spacing: 0.06em;
  color: #333;
  line-height: 1.78;
}
@media (min-width: 768px) {
  .news__desc {
    margin-top: 0.95168vw;
    font-size: 1.1713vw;
    font-size: 1.1713030747vw;
    line-height: 1.6;
  }
}
@media (min-width: 1366px) {
  .news__desc {
    margin-top: 0.4062rem;
    font-size: 1rem;
  }
}
.news__desc--en {
  letter-spacing: 0.12em;
}
@media (min-width: 768px) {
  .news__desc--en {
    letter-spacing: 0.104em;
  }
}
.news__btn__cont {
  margin-top: 9.33333vw;
}
@media (min-width: 768px) {
  .news__btn__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3.80673vw;
  }
}
@media (min-width: 1366px) {
  .news__btn__cont {
    margin-top: 3.25rem;
  }
}
.news__btn__cont--en {
  letter-spacing: 0.04em;
}
.news__btn {
  width: 42.66667vw;
  height: 10.66667vw;
  font-size: 3.73333vw;
}
@media (max-width: 767.98px) {
  .news__btn {
    padding-left: 4vw;
    padding-right: 2.66667vw;
  }
}
@media (min-width: 768px) {
  .news__btn {
    width: 15.08053vw;
    height: 3.07467vw;
    font-size: 1.1713vw;
    line-height: 1;
  }
}
@media (min-width: 1366px) {
  .news__btn {
    width: 12.875rem;
    height: 2.625rem;
    font-size: 1rem;
    line-height: 1;
  }
}
@media (min-width: 768px) {
  .news__btn .c-icon__arrow {
    position: absolute;
    top: calc(50% - 0.07321vw);
    top: calc(50% - 0.07321vw);
    right: 0.58565vw;
    -webkit-transform: translateY(-50%) translateZ(0);
            transform: translateY(-50%) translateZ(0);
  }
}
@media (min-width: 1366px) {
  .news__btn .c-icon__arrow {
    top: calc(50% - 0.0625rem);
    right: 0.5rem;
  }
}
@media (min-width: 768px) {
  .news__btn+.news__btn {
    margin-left: 1.61054vw;
  }
}
@media (min-width: 1366px) {
  .news__btn+.news__btn {
    margin-left: 1.375rem;
  }
}
.news_head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.news__tag {
  width: 130px;
  background-color: #02b0f9;
  color: #fff;
  text-align: center;
  margin-right: 1rem;
}
@media (max-width: 767.98px) {
  .news__tag {
    margin-right: 1.1713vw;
    padding: 0.53333vw 2.4vw;
  }
}
.news__tag--en {
  letter-spacing: 0.04em;
  font-size: 3.2vw;
  font-weight: bold;
}
@media (min-width: 768px) {
  .news__tag--en {
    margin-right: 2.66667vw;
    font-size: 1.02489vw;
    padding-left: 0.43924vw;
    padding-right: 0.43924vw;
  }
}
@media (min-width: 1366px) {
  .news__tag--en {
    margin-right: 1rem;
    padding-right: 0.375rem;
    padding-left: 0.375rem;
    font-size: 0.875rem;
  }
}
.news__article-tag {
  color: #0046FF;
  font-size: 14px;
  line-height: 30px;
}
.news__article-tag a {
    color: #0046FF;
    text-decoration: none;
    font-weight: 400;
  }
.news__article-tag a:visited {
    color: #0046FF;
  }
/* ========================
  pick up
 ======================== */
.sec__pickup {
  padding: 18.66667vw 0 20vw;
}
@media (min-width: 768px) {
  .sec__pickup {
    padding: 7.32064vw 0;
  }
}
@media (min-width: 1366px) {
  .sec__pickup {
    padding: 6.25rem 0;
  }
}
/* ========================
  service solution
 ======================== */
.l-solution {
  padding: 8vw 6.66667vw 10vw;
}
@media (min-width: 768px) {
  .l-solution {
    padding: 2.19619vw 2.78184vw 2.92826vw;
  }
}
@media (min-width: 1366px) {
  .l-solution {
    padding: 1.875rem 2.375rem 2.5rem;
  }
}
.solution__list__cont {
  margin-top: 5.6vw;
}
@media (min-width: 768px) {
  .solution__list__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    margin-top: 1.90337vw;
  }
}
@media (min-width: 1366px) {
  .solution__list__cont {
    margin-top: 1.625rem;
  }
}
.solution__list {
  width: 100%;
  height: 13.33333vw;
}
@media (min-width: 768px) {
  .solution__list {
    width: 23.42606vw;
    height: 3.95315vw;
    letter-spacing: 0.04em;
    font-size: 1.31772vw;
  }
}
@media (min-width: 1366px) {
  .solution__list {
    width: 20rem;
    height: 3.375rem;
    font-size: 1.125rem;
  }
}
@media (max-width: 767.98px) {
  .solution__list+.solution__list {
    margin-top: 4.53333vw;
  }
}
.btn__solution {
  height: 100%;
}
@media (max-width: 767.98px) {
  .btn__solution {
    padding-left: 3.73333vw;
    padding-right: 3.73333vw;
  }
}
.txt__solution {
  display: block;
  margin-left: 0vw;
}
@media (max-width: 767.98px) {
  .txt__solution {
    font-size: 4.53333vw;
  }
}
@media (min-width: 768px) {
  .txt__solution {
    margin-left: -1.02489vw;
  }
}
@media (min-width: 1366px) {
  .txt__solution {
    margin-left: -0.875rem;
  }
}
/* ========================
  what we do
 ======================== */
.sec__whatWeDo {
  padding-top: 18.93333vw;
  padding-bottom: 18.93333vw;
}
@media (min-width: 768px) {
  .sec__whatWeDo {
    padding-top: 11.71303vw;
    padding-bottom: 11.56662vw;
  }
}
@media (min-width: 1366px) {
  .sec__whatWeDo {
    padding-top: 10rem;
    padding-bottom: 9.875rem;
  }
}
@media (min-width: 768px) {
  .sec__whatWeDo--en {
    padding-top: 15.37335vw;
  }
}
@media (min-width: 1366px) {
  .sec__whatWeDo--en {
    padding-top: 13.125rem;
  }
}
.sec__whatWeDo .js-target-fade--in {
  -webkit-transition-delay: 0.6s;
          transition-delay: 0.6s;
}
.sec__whatWeDo .secTitle__sub {
  letter-spacing: 0.05em;
}
@media (min-width: 768px) {
  .sec__whatWeDo .secTitle__sub {
    margin-top: 1.61054vw;
    font-size: 1.31772vw;
  }
}
@media (min-width: 1366px) {
  .sec__whatWeDo .secTitle__sub {
    margin-top: 1.375rem;
    font-size: 1.125rem;
  }
}
.whatWeDo__cont {
  position: relative;
  z-index: 1;
  margin-top: 9.33333vw;
}
@media (min-width: 768px) {
  .whatWeDo__cont {
    display: grid;
    margin-top: 3.95315vw;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__cont {
    margin-top: 3.375rem;
  }
}
.whatWeDo__cont--en {
  margin-top: 8.53333vw;
}
@media (min-width: 768px) {
  .whatWeDo__cont--en {
    margin-top: 3.3675vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__cont--en {
    margin-top: 2.875rem;
  }
}
@media (min-width: 768px) {
  .whatWeDo__cont .c-icon__arrow {
    width: 2.04978vw;
    height: 2.04978vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__cont .c-icon__arrow {
    width: 1.75rem;
    height: 1.75rem;
  }
}
@media (min-width: 768px) {
  .whatWeDo__head {
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
.whatWeDo__head__link:hover {
    opacity: 1;
  }
@media (min-width: 768px) {
  .whatWeDo__head__link {
    display: grid;
    height: 23.42606vw;
    grid-template-columns: 1fr 1fr 1fr;
  }
}
.whatWeDo__txt__cont {
  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: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 6.66667vw 5.33333vw 8.53333vw;
  background-color: #3369fc;
  color: #fff;
}
@media (min-width: 768px) {
  .whatWeDo__txt__cont {
    padding: 0 2.04978vw;
    grid-row-start: 1;
    grid-row-end: 2;
    grid-column-start: 3;
    grid-column-end: 4;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__txt__cont {
    padding: 0 1.75rem;
  }
}
@media (max-width: 767.98px) {
  .whatWeDo__txt__cont--en {
    padding-top: 0;
    padding-bottom: 0;
    height: 16vw;
  }
}
.whatWeDo__ttl__cont {
  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;
  -webkit-transform: translateZ(1px);
          transform: translateZ(1px);
}
@media (max-width: 767.98px) {
  .whatWeDo__ttl__cont--en {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
  }
}
.whatWeDo__ttl {
  font-size: 7.46667vw;
}
@media (min-width: 768px) {
  .whatWeDo__ttl {
    font-size: 2.34261vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__ttl {
    font-size: 2rem;
  }
}
.whatWeDo__ttl--en {
  max-width: 230px;
  letter-spacing: 0.04em;
  font-size: 5.6vw;
}
@media (max-width: 767.98px) {
  .whatWeDo__ttl--en {
    line-height: 1.42;
  }
}
@media (min-width: 768px) {
  .whatWeDo__ttl--en {
    font-size: 1.75695vw;
    max-width: 19.18009vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__ttl--en {
    max-width: 16.375rem;
    font-size: 1.5rem;
  }
}
@media (max-width: 767.98px) {
  .whatWeDo__ttl__icon--en {
    position: relative;
    top: 0.8vw;
  }
}
.whatWeDo__txt {
  margin-top: 3.2vw;
  font-size: 3.2vw;
  letter-spacing: 0.2em;
  line-height: 1.86;
}
@media (min-width: 768px) {
  .whatWeDo__txt {
    letter-spacing: 0.22em;
    margin-top: 1.90337vw;
    font-size: 1.02489vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__txt {
    margin-top: 1.625rem;
    font-size: 0.875rem;
  }
}
@media (min-width: 768px) {
  .whatWeDo__list__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-top: 2.04978vw;
    grid-row-start: 2;
    grid-row-end: 3;
    grid-column-start: 1;
    grid-column-end: 4;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__list__cont {
    margin-top: 1.75rem;
  }
}
.whatWeDo__list {
  position: relative;
  margin-top: 5.33333vw;
  width: 100%;
}
@media (min-width: 768px) {
  .whatWeDo__list {
    margin-top: 0;
  }

  .whatWeDo__list:nth-of-type(1) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 1;
    grid-row-end: 2;
  }

  .whatWeDo__list:nth-of-type(2) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 2;
    grid-row-end: 3;
  }

  .whatWeDo__list:nth-of-type(3) {
    grid-column-start: 2;
    grid-column-end: 3;
    grid-row-start: 3;
    grid-row-end: 4;
  }
}
.whatWeDo__img {
  overflow: hidden;
  z-index: -1;


  grid-row-start: 1;
  grid-row-end: 2;
  grid-column-start: 1;
  grid-column-end: 3;
}
.link__whatWeDo {
  display: block;
}
.link__whatWeDo:hover {
    opacity: 1;
  }
.whatWeDo__list__ttl__cont {
  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;
  position: absolute;
  z-index: 5;
  bottom: 0;
  left: 0;
  padding: 0 5.33333vw;
  width: 100%;
  height: 16vw;
}
@media (min-width: 768px) {
  .whatWeDo__list__ttl__cont {
    padding: 0 2.04978vw;
    height: 4.97804vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__list__ttl__cont {
    padding: 0 1.75rem;
    height: 4.25rem;
  }
}
.whatWeDo__list__ttl__bg {
  opacity: 0.75;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #0046ff;
}
.whatWeDo__list__ttl {
  position: relative;
  z-index: 1;
  color: #fff; 
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .whatWeDo__list__ttl {
    font-size: 1.61054vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__list__ttl {
    font-size: 1.375rem;
  }
}
.whatWeDo__list__ttl--en {
  letter-spacing: 0.03em;
}
@media (min-width: 768px) {
  .whatWeDo__list__ttl--en {
    letter-spacing: -0.01em;
  }
}
@media (min-width: 768px) {
  .whatWeDo__list__img {
    height: 21.96193vw;
  }
}
.whatWeDo__img img,
.whatWeDo__list__img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}
.whatWeDo__icon__o {
  position: absolute;
  z-index: -1;
}
.whatWeDo__icon__o:nth-of-type(1) {
  -webkit-transition-delay: 0.5s;
          transition-delay: 0.5s;
}
.whatWeDo__icon__o:nth-of-type(2) {
  -webkit-transition-delay: 0.7s;
          transition-delay: 0.7s;
}
.whatWeDo__icon__o:nth-of-type(3) {
  -webkit-transition-delay: 0.9s;
          transition-delay: 0.9s;
}
.whatWeDo__icon__o:nth-of-type(4) {
  -webkit-transition-delay: 1.1s;
          transition-delay: 1.1s;
}
.whatWeDo__icon__o:nth-of-type(5) {
  -webkit-transition-delay: 1.3s;
          transition-delay: 1.3s;
}
.whatWeDo__icon__o:nth-of-type(6) {
  -webkit-transition-delay: 1.5s;
          transition-delay: 1.5s;
}
.whatWeDo__icon__o:nth-of-type(7) {
  -webkit-transition-delay: 1.7s;
          transition-delay: 1.7s;
}
.whatWeDo__icon__o:nth-of-type(8) {
  -webkit-transition-delay: 1.9s;
          transition-delay: 1.9s;
}
.whatWeDo__icon__o:nth-of-type(9) {
  -webkit-transition-delay: 2.1s;
          transition-delay: 2.1s;
}
.whatWeDo__icon__o__1 {
  top: -19.73333vw;
  left: -14.4vw;
  width: 49.86667vw;
}
@media (min-width: 768px) {
  .whatWeDo__icon__o__1 {
    top: -5.85652vw;
    left: -2.63543vw;
    width: 31.40556vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__icon__o__1 {
    top: -5rem;
    left: -2.25rem;
    width: 26.8125rem;
  }
}
.whatWeDo__icon__o__2 {
  top: 21.33333vw;
  right: -14.66667vw;
  width: 65.06667vw;
}
@media (min-width: 768px) {
  .whatWeDo__icon__o__2 {
    top: 8.34553vw;
    right: -10.2489vw;
    width: 47.58419vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__icon__o__2 {
    top: 7.125rem;
    right: -8.75rem;
    width: 40.625rem;
  }
}
.whatWeDo__icon__o__3 {
  bottom: -6vw;
  left: 10.8vw;
  width: 42.8vw;
}
@media (min-width: 768px) {
  .whatWeDo__icon__o__3 {
    bottom: -9.51684vw;
    left: 18.1552vw;
    width: 36.45681vw;
  }
}
@media (min-width: 1366px) {
  .whatWeDo__icon__o__3 {
    bottom: -8.125rem;
    left: 15.5rem;
    width: 31.125rem;
  }
}
/* ========================
  career
======================== */
.sec__career {
  position: relative;
  z-index: 5;
  padding-top: 14.93333vw;
  padding-bottom: 20vw;
  background-color: #f1f2fb;
}
@media (min-width: 768px) {
  .sec__career {
    padding-top: 4.24597vw;
    padding-bottom: 8.05271vw;
  }
}
@media (min-width: 1366px) {
  .sec__career {
    padding-top: 3.625rem;
    padding-bottom: 6.875rem;
  }
}
.career__list__cont {
  margin-top: 9.73333vw;
}
@media (min-width: 768px) {
  .career__list__cont {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    margin-top: 3rem;
  }
}
@media (min-width: 1366px) {
  .career__list__cont {
    margin-top: 3.51391vw;
  }
}
.career__list {
  overflow: hidden;
  position: relative;
}
@media (min-width: 768px) {
  .career__list {
    width: 37.92094vw;
  }
}
@media (min-width: 1366px) {
  .career__list {
    width: 32.375rem;
  }
}
.career__list+.career__list {
  margin-top: 5.33333vw;
}
@media (min-width: 768px) {
  .career__list+.career__list {
    margin-top: 0;
    margin-left: 2.5rem;
  }
}
.career__list,
.career__list__img {
  overflow: hidden;
  border-radius: 5px;
}
.career__list .link {
  display: block;
}
.career__list__img {
  position: relative;
  z-index: 1;
}
.career__list__img img {
  width: 100%;
}
.career__list__ttl__cont {
  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;
  position: absolute;
  z-index: 3;
  bottom: 5.33333vw;
  padding: 0 6.66667vw;
  width: 100%;
  -webkit-transform: translateZ(0);
          transform: translateZ(0);
  letter-spacing: 0.26em;
}
@media (min-width: 768px) {
  .career__list__ttl__cont {
    bottom: 1.02489vw;
    padding: 0 1.46413vw;
  }
}
@media (min-width: 1366px) {
  .career__list__ttl__cont {
    bottom: 0.875rem;
    padding: 0 1.25rem;
  }
}
.career__list__ttl {
  color: #fff;
  font-size: 4.8vw;
}
@media (min-width: 768px) {
  .career__list__ttl {
    font-size: 1.46413vw;
  }
}
@media (min-width: 1366px) {
  .career__list__ttl {
    font-size: 1.25rem;
  }
}
/* ========================
  corporate
======================== */
.sec__corporate {
  position: relative;
  padding: 12vw 0;
  background: #97b7ff;
}
@media (min-width: 768px) {
  .sec__corporate {
    padding: 5.85652vw 0;
  }
}
@media (min-width: 1366px) {
  .sec__corporate {
    padding: 5rem 0;
  }
}
.sec__corporate--en {
  position: relative;
  z-index: 5;
  padding-top: 0;
}
.corporate__margin--en {
  margin-bottom: 12.26667vw;
  width: 100%;
  height: 12vw;
  background-color: #f1f2fb;
}
@media (min-width: 768px) {
  .corporate__margin--en {
    margin-bottom: 5.85652vw;
    height: 4.68521vw;
  }
}
@media (min-width: 1366px) {
  .corporate__margin--en {
    margin-bottom: 5rem;
    height: 4rem;
  }
}
.spldie__slide__corporate {
  border-radius: 0.8vw;
}
@media (min-width: 768px) {
  .spldie__slide__corporate {
    overflow: hidden;
    border-radius: 3px;
  }
}
.sec__corporate .splide__arrow {
  position: relative;
  z-index: 3;
}
/* ========================
  mirait one group
======================== */
.sec__mirait {
  padding: 17.86667vw 0 23.2vw;
  background-color: #f1f2fb;
}
@media (min-width: 768px) {
  .sec__mirait {
    padding: 7.02782vw 0 5.12445vw;
  }
}
@media (min-width: 1366px) {
  .sec__mirait {
    padding: 6rem 0 4.375rem;
  }
}
@media (max-width: 767.98px) {
  .sec__mirait--en {
    padding-bottom: 18.93333vw;
  }
}
@media (max-width: 767.98px) {
  .secTitle__mirait--en {
    margin-right: auto;
    margin-left: auto;
    max-width: 61.06667vw;
  }
}
.splide__mirait {
  margin-top: 10vw;
}
@media (min-width: 768px) {
  .splide__mirait {
    margin-top: 3.51391vw;
  }
}
@media (min-width: 1366px) {
  .splide__mirait {
    margin-top: 3rem;
  }
}
.spldie__slide__mirait {
  border-radius: 0.8vw;
}
@media (min-width: 768px) {
  .spldie__slide__mirait {
    overflow: hidden;
    border-radius: 5px;
  }
}
/* ------------------------
  Mars finder form
------------------------ */
.mf_finder_searchBox {
    margin-left: 0;
    margin-right: 0;
}
.mf_finder_searchBox_items {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: initial;
      -ms-flex-align: initial;
          align-items: initial;
  padding: 0;
}
.mf_finder_searchBox_query_input {
  margin-right: 2.6666666667vw!important;
}
.mf_finder_searchBox_query_input {
  -ms-flex-negative: 0;
      flex-shrink: 0;
  padding-left: 3.3333333333vw;
  border: .2666666667vw solid #ddd;
  border-radius: .8vw;
  width: 70.6666666667vw;
  height: 10.6666666667vw;
  color: #888;
  font-size: 3.7333333333vw;
}
@media (min-width: 768px) {
  .mf_finder_searchBox_query_input {
    margin-right:1.4641288433vw!important;
  }
  .mf_finder_searchBox_query_input {
    padding-left: 1.0248901903vw;
    border: 2px solid #ddd;
    border-radius: .2196193265vw;
    width: 38.0673499268vw;
    height: 3.2210834553vw;
    font-size: 1.1713030747vw;
  }
}
@media (min-width: 1366px) {
  .mf_finder_searchBox_query_input {
    margin-right:1.25rem!important;
  }
  .mf_finder_searchBox_query_input {
    padding-left: .875rem;
    border-width: .0625rem;
    border-radius: .1875rem;
    width: 32.5rem;
    height: 2.75rem;
    font-size: 1rem;
  }
}
@media (min-width: 640px) {
  .mf_finder_searchBox_submit:before {
    margin-left: 0;
  }
}
@media (min-width: 640px) {
  .mf_finder_searchBox_submit:before {
    margin-left: 0;
  }
}
.mf_finder_searchBox_submit:before {
  content: normal;
  content: initial;
  font-family: inherit;
}
button.mf_finder_searchBox_submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  overflow: hidden;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  position: relative;
  z-index: 3;
  border: 1px solid #0046ff;
  border-radius: 3px;
  width: 16vw;
  height: 10.6666666667vw;
  -webkit-transition: color .3s cubic-bezier(.25,.46,.45,.94);
  transition: color .3s cubic-bezier(.25,.46,.45,.94);
  color: #fff;
  font-size: 3.7333333333vw;
}
button.mf_finder_searchBox_submit:after,button.mf_finder_searchBox_submit:before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 101%;
  height: 101%;
}
button.mf_finder_searchBox_submit:before {
  z-index: -2;
  background-color: #0046ff;
}
button.mf_finder_searchBox_submit:after {
  z-index: -1;
  transition: -webkit-transform .5s cubic-bezier(1,0,0,1);
  -webkit-transition: -webkit-transform .5s cubic-bezier(1,0,0,1);
  transition: transform .5s cubic-bezier(1,0,0,1);
  transition: transform .5s cubic-bezier(1,0,0,1), -webkit-transform .5s cubic-bezier(1,0,0,1);
  transition: transform .5s cubic-bezier(1,0,0,1),-webkit-transform .5s cubic-bezier(1,0,0,1);
  -webkit-transform: scaleX(0);
  transform: scaleX(0);
  -webkit-transform-origin: right;
  transform-origin: right;
  background-color: #fff;
}
button.mf_finder_searchBox_submit:hover {
    color: #0046ff;
}
button.mf_finder_searchBox_submit:hover:after {
  -webkit-transform: scale(1);
  transform: scale(1);
  -webkit-transform-origin: left;
  transform-origin: left;
}
@media (min-width: 768px) {
  button.mf_finder_searchBox_submit {
    width: 8.78477306vw;
    height: 3.2210834553vw;
    font-size: 1.1713030747vw;
  }
}
@media (min-width: 1366px) {
  button.mf_finder_searchBox_submit {
    width: 7.5rem;
    height: 2.75rem;
    font-size: 1rem;
  }
}
.mf_finder_searchBox_submit span {
  display: block;
}
.mf_finder_searchBox_submit span {
  margin-left: 0;
  margin-right: 0;
}
.mf_finder_searchBox_submit input {
  width: 100%;
  height: 100%;
}


/*# sourceMappingURL=top.css.map*/