@charset "UTF-8";
.btn {
  display: flex;
  justify-content: center;
  gap: 29px;
}
@media screen and (max-width: 767px) {
  .btn {
    flex-direction: column;
    align-items: center;
    gap: 14px;
  }
}
.btn.functionCta_btn {
  margin: 60px 0;
}
@media screen and (max-width: 767px) {
  .btn.functionCta_btn {
    margin: 40px 0;
  }
}
.btn .btn_inner {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  max-width: 422px;
  width: 100%;
  height: 60px;
  border-radius: 100vmax;
  font-weight: 700;
  font-size: 18px;
  line-height: 1;
  letter-spacing: 0;
  text-align: center;
  box-shadow: 0px 4px 14px 0px color-mix(in srgb, #000000 15%, transparent);
  transition: all 0.3s;
}
@media screen and (max-width: 767px) {
  .btn .btn_inner {
    max-width: 240px;
    height: 51px;
    font-size: 15px;
  }
}
.btn .btn_inner:hover {
  opacity: 0.8;
}
.btn .btn_inner.is-arrow {
  padding: 17px 50px;
  width: fit-content;
  height: fit-content;
  color: #333333 !important;
  font-size: 16px;
  border: 1px solid #9FBAD1;
  border-radius: 10px;
  box-shadow: none;
}
@media screen and (max-width: 767px) {
  .btn .btn_inner.is-arrow {
    width: fit-content;
    height: fit-content;
    padding: 16px 50px;
    font-size: 14px;
  }
}
.btn .btn_inner.is-arrow::after {
  position: absolute;
  content: "";
  display: block;
  top: 50%;
  right: 30px;
  transform: translate(0, -50%);
  width: 8.5px;
  height: 14px;
  background-image: url("../../img/icon/icon-right-arrow-gradation.png");
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
  transition: all 0.3s;
}
.btn .btn_inner.is-arrow:hover {
  border-color: #00357F;
}
.btn .btn_inner.is-link {
  width: 100%;
  max-width: 320px;
  padding: 17px 16px;
}
.btn .btn_inner.is-link::after {
  right: 20px;
}
.btn .btn_inner.is-yellow {
  background-color: #ffee59;
  color: #00357F;
}
.btn .btn_inner.is-yellow-black {
  background-color: #ffee59;
  color: #333333;
}
.btn .btn_inner.is-blue {
  background-color: #00357F;
  color: #ffffff;
}
.btn .btn_inner.is-blue-light {
  background-color: #0c4fa2;
  color: #ffffff;
}
.btn .btn_inner.is-light-blue {
  background: #36ACDE;
  color: #ffffff;
}
.btn .btn_inner.is-white {
  background-color: #ffffff;
  color: #333333;
}
.btn .btn_inner.is-outline {
  border: 1px solid #00357F;
  background-color: transparent;
  color: #00357F;
  box-shadow: none;
}
.btn .btn_inner.is-outline:hover {
  opacity: 1;
  background-color: #00357F;
  color: #ffffff;
}
.btn .btn_inner.is-blue-gradient {
  background: linear-gradient(120deg, rgb(0, 53, 127) 0%, rgb(15, 74, 157) 100%);
  color: #ffffff;
}
@media screen and (max-width: 767px) {
  .btn .btn_inner.is-blue-gradient {
    max-width: 320px;
  }
}
.btn .btn_inner.is-shadow-none {
  box-shadow: none;
}
.btn .btn_inner.is-flexible {
  padding: 18px 50px;
  width: auto;
  max-width: unset;
  height: auto;
  font-size: 16px;
}
@media screen and (max-width: 767px) {
  .btn .btn_inner.is-flexible {
    width: 100%;
    max-width: 295px;
    font-size: 14px;
    padding: 18px 28px;
  }
}
.btn .btn_inner.width-290 {
  max-width: 290px;
}
.btn .btn_inner.without-shadow {
  box-shadow: none;
}