/* CSS Document */
.spmask {
  display: block;
}

.sponly {
  display: none;
}

@media (max-width: 760px) {
  .spmask {
    display: none;
  }
  .sponly {
    display: block;
  }
}
/*------------------------------*/
.bg {
  position: fixed;
  width: 100%;
  height: calc(100vh - 80px);
  margin-top: 80px;
  overflow: hidden;
  inset: 0;
  z-index: -1;
}
@media screen and (max-width: 760px) {
  .bg {
    height: calc(100vh - 60px);
    margin-top: 60px;
  }
}
.bg_wrap {
  width: 100%;
  height: 100%;
  position: relative;
}
.bg_wrap video {
  -o-object-fit: cover;
     object-fit: cover;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateX(-50%) translateY(-50%);
  min-width: 100%;
  min-height: 100%;
}

/*------------------------------*/
.kv {
  width: 100%;
  height: calc(100vh - 80px);
  margin-top: 80px;
}
.kv_wrap {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
@media screen and (max-width: 760px) {
  .kv_wrap {
    transform: translateY(-40px);
  }
}
.kv_en {
  writing-mode: vertical-lr;
  transform: rotate(180deg);
  margin-left: max(1.25vw, 20px);
  margin-right: min(94px, 5.875vw);
}
@media screen and (max-width: 760px) {
  .kv_en {
    margin-left: 2.5vw;
    margin-right: 16px;
  }
}
.kv_en span {
  color: #fff;
  font-family: "Roboto", sans-serif;
  font-size: max(0.875vw, 14px);
  letter-spacing: 1px;
}
@media screen and (max-width: 760px) {
  .kv_en span {
    font-size: min(1.75vw, 10px);
  }
}
.kv_copy {
  margin-top: min(-1vw, -20px);
}
@media screen and (max-width: 760px) {
  .kv_copy {
    margin-top: min(-1vw, -10px);
  }
}
.kv_copy h2 {
  display: inline-block;
  color: #fff;
  font-size: max(5vw, 80px);
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 500;
  font-feature-settings: "palt";
  line-height: 1.4;
}
@media screen and (max-width: 760px) {
  .kv_copy h2 {
    font-size: min(10vw, 60px);
    line-height: 1.5;
  }
}
.kv_copy h2 span {
  -webkit-animation: copyColor 9s linear infinite;
          animation: copyColor 9s linear infinite;
}

@-webkit-keyframes copyColor {
  0% {
    color: Magenta;
  }
  33% {
    color: yellow;
  }
  66% {
    color: Cyan;
  }
  100% {
    color: Magenta;
  }
}

@keyframes copyColor {
  0% {
    color: Magenta;
  }
  33% {
    color: yellow;
  }
  66% {
    color: Cyan;
  }
  100% {
    color: Magenta;
  }
}
/*------------------------------*/
.message {
  position: relative;
  padding-top: 80px;
  padding-bottom: 120px;
  margin-bottom: 500px;
  background-color: #fff;
}
@media screen and (max-width: 760px) {
  .message {
    padding-top: 60px;
  }
}
.message_bg {
  position: absolute;
  bottom: 120px;
  right: 0;
  width: 50%;
}
@media screen and (max-width: 760px) {
  .message_bg {
    width: 90%;
    bottom: 60px;
  }
}
.message_inner {
  max-width: calc(1100px - 2.5vw);
  margin: 0 auto;
  padding: 0 1.25vw;
  display: flex;
  position: relative;
}
@media screen and (max-width: 760px) {
  .message_inner {
    display: block;
    padding: 0 20px;
  }
}
.message_text {
  width: 50%;
}
@media screen and (max-width: 760px) {
  .message_text {
    width: 100%;
  }
}
.message_text-ja {
  font-size: 14px;
  margin-bottom: 12px;
}
.message_text-en {
  font-size: 30px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #003391;
  margin-bottom: 40px;
}
@media screen and (max-width: 760px) {
  .message_text-en {
    margin-bottom: 30px;
  }
}
.message_text p {
  font-size: 16px;
  line-height: 2;
  font-feature-settings: "palt";
}
@media screen and (max-width: 760px) {
  .message_text p {
    font-size: 14px;
    line-height: 1.8;
  }
}
.message_text p span {
  color: #003391;
  font-weight: bold;
}
.message_pic {
  position: absolute;
}
@media screen and (max-width: 760px) {
  .message_pic {
    position: static;
  }
}
.message_pic-wrap {
  width: 50%;
  position: relative;
}
@media screen and (max-width: 760px) {
  .message_pic-wrap {
    width: 100%;
    margin-top: 60px;
  }
}
.message_pic.pic01 {
  width: 38%;
  left: 8.7%;
  top: 96px;
}
@media screen and (max-width: 760px) {
  .message_pic.pic01 {
    margin-left: 30px;
  }
}
.message_pic.pic02 {
  width: 45%;
  right: 0;
  top: 30%;
}
@media screen and (max-width: 760px) {
  .message_pic.pic02 {
    margin-right: 0;
    margin-left: auto;
    margin-top: -16px;
  }
}
.message_pic.pic03 {
  width: 42%;
  left: 0;
  top: 44%;
}
@media screen and (max-width: 760px) {
  .message_pic.pic03 {
    margin-top: -60px;
  }
}
.message_pic.pic04 {
  width: 38%;
  right: 12.7%;
  top: 64%;
}
@media screen and (max-width: 760px) {
  .message_pic.pic04 {
    margin-left: 50%;
    margin-top: -20px;
  }
}

/*------------------------------*/
.about {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
}
@media screen and (max-width: 760px) {
  .about {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.about_inner {
  max-width: calc(1100px - 2.5vw);
  margin: 0 auto;
  padding: 0 1.25vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 760px) {
  .about_inner {
    padding: 0 20px;
    display: block;
  }
}
.about_hd {
  width: 50%;
}
@media screen and (max-width: 760px) {
  .about_hd {
    width: 100%;
  }
}
.about_hd-en {
  margin-bottom: 12px;
}
@media screen and (max-width: 760px) {
  .about_hd-en {
    margin-bottom: 3px;
  }
}
.about_hd-en span {
  font-size: 90px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #003391;
  letter-spacing: -3px;
  line-height: 1;
}
@media screen and (max-width: 760px) {
  .about_hd-en span {
    font-size: 36px;
    letter-spacing: -1px;
  }
}
.about_hd-ja {
  margin-bottom: 30px;
}
.about_hd-ja span {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 760px) {
  .about_hd-ja span {
    font-size: 12px;
  }
}
.about_hd p {
  font-size: 16px;
  line-height: 2;
  font-feature-settings: "palt";
}
@media screen and (max-width: 760px) {
  .about_hd p {
    font-size: 14px;
    margin-bottom: 40px;
    line-height: 1.7;
  }
}
.about_link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  background-color: #003391;
  border: 1px solid #003391;
  text-decoration: none;
}
@media screen and (max-width: 760px) {
  .about_link {
    height: 64px;
  }
}
.about_link::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  transition: all 0.3s;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .about_link:hover span {
    color: #003391;
  }
  .about_link:hover::after {
    transform: scaleX(1);
  }
}
.about_link span {
  font-size: 16px;
  color: #fff;
  z-index: 2;
  transition: all 0.3s;
}
.about_link-wrap {
  width: 45.4%;
}
@media screen and (max-width: 760px) {
  .about_link-wrap {
    width: 100%;
  }
}
.about_link-wrap li {
  width: 100%;
  margin-bottom: 20px;
}
.about_link-wrap li:last-of-type {
  margin-bottom: 0;
}

/*------------------------------*/
.number {
  background-color: #fff;
  margin-top: -1px;
}
.number_inner {
  max-width: calc(1100px - 2.5vw);
  margin: 0 auto;
  padding: 0 1.25vw;
}
@media screen and (max-width: 760px) {
  .number_inner {
    padding: 0 20px;
  }
}
.number_hd {
  position: relative;
  display: flex;
  justify-content: center;
  border-bottom: #e6e9ef 2px solid;
  margin-bottom: 40px;
}
.number_hd-en {
  line-height: 1;
  margin-bottom: -20px;
}
@media screen and (max-width: 760px) {
  .number_hd-en {
    margin-bottom: -14px;
  }
}
.number_hd-en span {
  font-size: 120px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #e6e9ef;
  letter-spacing: -3px;
}
@media screen and (max-width: 760px) {
  .number_hd-en span {
    font-size: 80px;
  }
}
.number_hd-ja {
  position: absolute;
  margin-bottom: 30px;
  left: 50%;
  top: 58%;
  transform: translateX(-50%);
}
@media screen and (max-width: 760px) {
  .number_hd-ja {
    top: 42%;
  }
}
.number_hd-ja span {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 760px) {
  .number_hd-ja span {
    font-size: 16px;
    line-height: 1.1;
    white-space: nowrap;
  }
}
.number_link {
  display: inline-block;
  width: 100%;
  height: 100%;
  position: relative;
  background-color: #000;
}
.number_link.business::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/top_number_business.jpg") no-repeat center center/cover;
  transition: all 0.3s;
}
.number_link.work::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  background: url("../images/top_number_work.jpg") no-repeat center center/cover;
  transition: all 0.3s;
}
.number_link span {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 0;
  right: 0;
  width: 200px;
  height: 50px;
  background-color: #003391;
  border: #003391 solid 1px;
  color: #fff;
  z-index: 2;
  transition: all 0.3s;
}
@media screen and (max-width: 760px) {
  .number_link span {
    width: 160px;
    height: 40px;
  }
}
.number_link span::after {
  position: absolute;
  z-index: -1;
  display: block;
  content: "";
  transition: all 0.3s;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #fff;
}
.number_link-wrap {
  display: flex;
}
@media screen and (max-width: 760px) {
  .number_link-wrap {
    display: block;
  }
}
.number_link-wrap li {
  width: 50%;
  height: 280px;
}
@media screen and (max-width: 760px) {
  .number_link-wrap li {
    width: 100%;
    height: 200px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .number_link:hover.business::before, .number_link:hover.work::before {
    opacity: 0.8;
  }
  .number_link:hover.business span, .number_link:hover.work span {
    color: #003391;
  }
  .number_link:hover.business span::after, .number_link:hover.work span::after {
    transform: scaleX(1);
  }
}

/*------------------------------*/
.job {
  background-color: #fff;
  margin-top: -1px;
  padding-top: 80px;
}
@media screen and (max-width: 760px) {
  .job {
    padding-top: 60px;
    width: 100%;
  }
}
.job_hd {
  max-width: calc(1100px - 2.5vw);
  margin: 0 auto;
  padding: 0 1.25vw;
}
@media screen and (max-width: 760px) {
  .job_hd {
    padding: 0 20px;
  }
}
.job_hd-en {
  margin-bottom: 12px;
  margin-left: -4px;
}
@media screen and (max-width: 760px) {
  .job_hd-en {
    margin-bottom: 3px;
    margin-left: -2px;
  }
}
.job_hd-en span {
  font-size: 90px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #003391;
  letter-spacing: -3px;
  line-height: 1;
}
@media screen and (max-width: 760px) {
  .job_hd-en span {
    font-size: 36px;
    letter-spacing: -1px;
  }
}
.job_hd-ja {
  margin-bottom: 30px;
}
.job_hd-ja span {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 760px) {
  .job_hd-ja span {
    font-size: 12px;
  }
}
.job_message {
  width: 100%;
  height: 450px;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none;
  align-items: center;
  flex-direction: column;
  z-index: 0;
  background-color: #000;
}
@media screen and (max-width: 760px) {
  .job_message {
    height: 240px;
  }
}
.job_message::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url("../images/top_job_message.png") no-repeat center center/cover;
  transition: all 0.3s;
}
.job_message-en {
  position: relative;
  z-index: 1;
  margin-bottom: 16px;
  color: #fff;
}
@media screen and (max-width: 760px) {
  .job_message-en {
    margin-bottom: 12px;
  }
}
.job_message-ja {
  position: relative;
  z-index: 1;
  font-size: 54px;
  line-height: 1;
  color: #fff;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  display: inline-block;
  border-bottom: 2px solid #fff;
  margin-bottom: 40px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
@media screen and (max-width: 760px) {
  .job_message-ja {
    font-size: 18px;
    margin-bottom: 20px;
  }
}
.job_message-ja span {
  font-size: 68px;
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
}
.job_message-ja span.yellow {
  color: rgb(239, 239, 7);
}
@media screen and (max-width: 760px) {
  .job_message-ja span {
    font-size: 24px;
    -webkit-font-feature-settings: "palt";
    font-feature-settings: "palt";
  }
}
.job_message-btn {
  position: relative;
  z-index: 1;
  background-color: #fff;
  border: #fff solid 1px;
  width: 200px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  .job_message-btn {
    width: 160px;
    height: 40px;
  }
}
.job_message-btn span {
  transition: all 0.3s;
  color: #003391;
  z-index: 2;
}
.job_message-btn::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  transition: all 0.3s;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #003391;
}
@media (hover: hover) and (pointer: fine) {
  .job_message:hover::before {
    opacity: 0.8;
  }
  .job_message:hover .job_message-btn span {
    color: #fff;
  }
  .job_message:hover .job_message-btn::after {
    transform: scaleX(1);
  }
}
.job_link {
  width: 33.333333%;
  height: 100%;
  position: relative;
  text-decoration: none;
  background-color: #000;
}
@media screen and (max-width: 760px) {
  .job_link {
    width: 100%;
    height: 240px;
  }
}
.job_link-wrap {
  display: flex;
}
@media screen and (max-width: 760px) {
  .job_link-wrap {
    display: block;
    width: 100%;
  }
}
.job_link-pic {
  width: 100%;
}
@media screen and (max-width: 760px) {
  .job_link-pic {
    overflow: hidden;
    height: 240px;
  }
}
.job_link-pic img {
  transition: all 0.3s;
}
.job_link-pic-sdgs {
  position: absolute;
  top: 18px;
  right: 15px;
  width: 120px;
}
.job_link-btn {
  position: absolute;
  height: 100px;
  width: 100%;
  bottom: 0;
  left: 0;
  right: 0;
  font-size: 21px;
  background-color: rgba(19, 56, 98, 0.8);
  color: #fff;
  display: flex;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  transition: all 0.3s;
}
@media screen and (max-width: 760px) {
  .job_link-btn {
    width: 100vw;
    height: 64px;
    font-size: 16px;
  }
}
.job_link-btn span {
  font-size: 16px;
  display: inline-block;
  margin-bottom: 14px;
}
@media screen and (max-width: 760px) {
  .job_link-btn span {
    font-size: 12px;
    margin-bottom: 4px;
  }
}
.job_link-btn::after {
  content: ">";
  position: absolute;
  right: 10%;
  top: 50%;
  transform: translateY(-50%);
  font-size: 24px;
  color: #fff;
  transition: all 0.3s;
}
@media screen and (max-width: 760px) {
  .job_link-btn::after {
    font-size: 18px;
  }
}
@media (hover: hover) and (pointer: fine) {
  .job_link:hover .job_link-btn {
    background-color: rgba(255, 255, 255, 0.8);
    color: #003391;
  }
  .job_link:hover .job_link-btn::after {
    right: 5%;
    color: #003391;
  }
  .job_link:hover .job_link-pic img {
    opacity: 0.8;
  }
}
.job_global {
  width: 100%;
  height: 450px;
  position: relative;
  display: flex;
  justify-content: center;
  text-decoration: none;
  align-items: center;
  flex-direction: column;
  z-index: 0;
  background-color: #000;
}
@media screen and (max-width: 760px) {
  .job_global {
    height: 240px;
  }
}
.job_global::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 0;
  background: url("../images/top_job_global.jpg") no-repeat center center/cover;
  transition: all 0.3s;
}
.job_global-en {
  position: relative;
  z-index: 1;
  margin-bottom: 10px;
  color: #003391;
}
.job_global-ja {
  position: relative;
  z-index: 1;
  line-height: 1;
  color: #010101;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
  display: inline-block;
  margin-bottom: 30px;
}
@media screen and (max-width: 760px) {
  .job_global-ja {
    margin-bottom: 20px;
  }
}
.job_global-ja span {
  font-size: 38px;
}
@media screen and (max-width: 760px) {
  .job_global-ja span {
    font-size: 20px;
  }
}
.job_global-btn {
  position: relative;
  z-index: 1;
  background-color: #003391;
  border: #003391 solid 1px;
  width: 200px;
  height: 50px;
  display: flex;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  font-family: "Roboto", sans-serif;
  font-weight: bold;
}
@media screen and (max-width: 760px) {
  .job_global-btn {
    width: 160px;
    height: 40px;
  }
}
.job_global-btn span {
  transition: all 0.3s;
  color: #fff;
  z-index: 2;
}
.job_global-btn::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  transition: all 0.3s;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #fff;
}
@media (hover: hover) and (pointer: fine) {
  .job_global:hover::before {
    opacity: 0.8;
  }
  .job_global:hover .job_global-btn span {
    color: #003391;
  }
  .job_global:hover .job_global-btn::after {
    transform: scaleX(1);
  }
}

/*------------------------------*/
.recruit {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 80px;
  margin-bottom: 500px;
}
@media screen and (max-width: 760px) {
  .recruit {
    padding-top: 60px;
    padding-bottom: 60px;
  }
}
.recruit_inner {
  max-width: calc(1100px - 2.5vw);
  margin: 0 auto;
  padding: 0 1.25vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 760px) {
  .recruit_inner {
    padding: 0 20px;
    display: block;
  }
}
.recruit_hd {
  width: 50%;
}
@media screen and (max-width: 760px) {
  .recruit_hd {
    width: 100%;
  }
}
.recruit_hd-en {
  margin-bottom: 12px;
  margin-left: -5px;
}
@media screen and (max-width: 760px) {
  .recruit_hd-en {
    margin-bottom: 5px;
    margin-left: 0;
  }
}
.recruit_hd-en span {
  font-size: 90px;
  font-family: "Roboto", sans-serif;
  font-weight: 500;
  color: #003391;
  letter-spacing: -3px;
  line-height: 0.95;
}
@media screen and (max-width: 760px) {
  .recruit_hd-en span {
    font-size: 36px;
    letter-spacing: -1px;
  }
}
.recruit_hd-ja {
  margin-bottom: 30px;
}
.recruit_hd-ja span {
  font-size: 18px;
  font-family: "Noto Sans JP", sans-serif;
  font-weight: 400;
}
@media screen and (max-width: 760px) {
  .recruit_hd-ja span {
    font-size: 12px;
  }
}
.recruit_hd p {
  font-size: 16px;
  line-height: 2;
  font-feature-settings: "palt";
}
@media screen and (max-width: 760px) {
  .recruit_hd p {
    font-size: 14px;
    margin-bottom: 40px;
    line-height: 1.7;
  }
}
.recruit_link {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
  height: 80px;
  background-color: #003391;
  border: #003391 1px solid;
  color: #fff;
  text-decoration: none;
}
@media screen and (max-width: 760px) {
  .recruit_link {
    height: 64px;
  }
}
.recruit_link::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  transition: all 0.3s;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .recruit_link:hover span {
    color: #003391;
  }
  .recruit_link:hover::after {
    transform: scaleX(1);
  }
}
.recruit_link span {
  font-size: 16px;
  color: #fff;
  z-index: 2;
  transition: all 0.3s;
}
.recruit_link-wrap {
  width: 45.4%;
}
@media screen and (max-width: 760px) {
  .recruit_link-wrap {
    width: 100%;
  }
}
.recruit_link-wrap li {
  width: 100%;
  margin-bottom: 20px;
}
.recruit_link-wrap li:last-of-type {
  margin-bottom: 0;
}

/*------------------------------*/
.link {
  background-color: #fff;
  padding-top: 80px;
  padding-bottom: 100px;
}
@media screen and (max-width: 760px) {
  .link {
    padding-top: 60px;
    padding-bottom: 80px;
  }
}
.link_inner {
  max-width: calc(1100px - 2.5vw);
  margin: 0 auto;
  padding: 0 1.25vw;
  display: flex;
  justify-content: space-between;
}
@media screen and (max-width: 760px) {
  .link_inner {
    padding: 0 20px;
    display: block;
  }
}
.link_btn {
  cursor: pointer;
  position: relative;
  z-index: 1;
  color: #fff;
  background-color: #003391;
  border: #003391 1px solid;
  width: 30%;
  height: 80px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-decoration: none;
}
@media screen and (max-width: 760px) {
  .link_btn {
    width: 100%;
    height: 64px;
    margin-bottom: 20px;
  }
  .link_btn:last-of-type {
    margin-bottom: 0;
  }
}
.link_btn::after {
  position: absolute;
  z-index: 0;
  display: block;
  content: "";
  transition: all 0.3s;
  top: 0;
  width: 100%;
  height: 100%;
  left: 0;
  transform: scaleX(0);
  transform-origin: left;
  background-color: #ffffff;
}
@media (hover: hover) and (pointer: fine) {
  .link_btn:hover span {
    color: #003391;
  }
  .link_btn:hover::after {
    transform: scaleX(1);
  }
}
.link_btn span {
  font-size: 16px;
  color: #fff;
  z-index: 2;
  transition: all 0.3s;
}

/*------------------------------*/
/*# sourceMappingURL=style.css.map */