/* Common */
.text-\[\#0F37FF\] {
  color: #0f37ff;
}

.text-white {
  color: #fff;
}

.text-\[\#FD654B\] {
  color: #fd654b;
}

.text-\[\#F9DC4B\] {
  color: #f9dc4b;
}

.bg-\[\#CCE1FF\] {
  background-color: #cce1ff;
}

.bg-\[\#F5F6FA\] {
  background-color: #f5f6fa;
}

.bg-white {
  background-color: #fff;
}

.bg-\[\#cce1ff\] {
  background-color: #cce1ff;
}

.bg-\[\#F9DC4B\] {
  background-color: #f9dc4b;
}

.bg-\[\#dedede\] {
  background-color: #dedede;
}

.bg-\[\#F1F1F1\] {
  background-color: #f1f1f1;
}

.bg-\[\#0F37FF\] {
  background-color: #0f37ff;
}

.bg-\[\#23252b\] {
  background-color: #23252b;
}

.bg-black\/0 {
  background-color: #000;
}

.border-\[\#f9dc4b\] {
  border-color: #f9dc4b;
}

.border-\[\#cce1ff\] {
  border-color: #cce1ff;
}

.border-\[\#CCE1FF\] {
  border-color: #cce1ff;
}

.border-black {
  border-color: #000;
}

.border-\[\#F9DC4B\] {
  border-color: #f9dc4b;
}

.before\:border-\[\#3482FF\]::before {
  border-color: #3482ff;
}

.before\:border-t-\[\#f9dc4b\]::before {
  border-top-color: #f9dc4b;
}

.before\:bg-\[\#3482FF\]::before {
  background-color: #3482ff;
}

.before\:bg-white::before {
  background-color: #fff;
}

.before\:bg-\[\#F9DC4B\]::before {
  background-color: #f9dc4b;
}

.before\:bg-black::before {
  background-color: #000;
}

.-translate-y-1\/2 {
  transform: translateY(-50%);
}

.-translate-y-\[60\%\] {
  transform: translateY(-60%);
}

.-translate-x-1\/2 {
  transform: translateX(-50%);
}

.translate-y-4 {
  transform: translateY(1rem);
}

.translate-x-full {
  transform: translateX(100%);
}

.before\:-translate-x-1\/2::before {
  transform: translateX(-50%);
}

.before\:-translate-y-1\/2::before {
  transform: translateY(-50%);
}

.before\:border-\[\#3482FF\]::before {
  border-color: #3482ff;
}

.before\:border-t-\[\#f9dc4b\]::before {
  border-top-color: #f9dc4b;
}

.before\:bg-\[\#3482FF\]::before {
  background-color: #3482ff;
}

.before\:bg-white::before {
  background-color: #fff;
}

.before\:bg-\[\#F9DC4B\]::before {
  background-color: #f9dc4b;
}

.before\:bg-black::before {
  background-color: #000;
}

.before\:text-\[\#78afff\]::before {
  color: #78afff;
}

.before\:text-\[\#0f37ff\]::before {
  color: #0f37ff;
}

.before\:content-\[\'1\'\]::before {
  content: '1';
}

.before\:content-\[\'2\'\]::before {
  content: '2';
}

.before\:content-\[\'3\'\]::before {
  content: '3';
}

.before\:content-\[\'4\'\]::before {
  content: '4';
}

.before\:content-\[\'Q\'\]::before {
  content: 'Q';
}

.before\:content-\[\'A\'\]::before {
  content: 'A';
}

.after\:-translate-x-1\/2::after {
  transform: translateX(-50%);
}

.after\:border-t-white::after {
  border-top-color: #fff;
}

/* -- Buttons */
.btn::before {
  content: '';
}

.btn::after {
  content: '';
}

.btn--blue {
  color: #fff;
}

.btn--blue::before {
  background-color: #1d448e;
}

.btn--blue::after {
  background-color: #0f37ff;
}

.btn--red {
  color: #fff;
}

.btn--red::before {
  background-color: #9f2c18;
}

.btn--red::after {
  background-color: #fd654b;
}

.btn--yellow::before {
  background-color: #cfb746;
}

.btn--yellow::after {
  background-color: #f9dc4b;
}

.btn__arrow {
  transform: translateY(-50%);
}

/* Top Banner */
.top-banner-shape {
  display: block;
  position: absolute;
  left: 0;
  bottom: -1px;
  width: 100%;
  height: 60%;
  max-height: 540px;
  background: #f5f6fa;
  overflow: hidden;
}

.top-banner-shape img {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 80%;
}

/* Scroll Logo  */
.scroll-logo .contents {
  display: inline-flex;
}

.scroll-logo .logo-item {
  flex: none;
}

.logo-item {
  margin-right: 10px;
  box-shadow: 0 4px 6px -1px rgb(0, 0, 0, 0.1), 0 2px 4px -2px rgb(0, 0, 0, 0.1);
}

/* Section A */
.partner-a:before {
  content: '';
  background-color: #0f37ff;
}

.partner-a .badge {
  transform: translateY(-50%);
}

.partner-a-content {
  background: #fff;
}

.partner-a-item:not(:first-child) {
  margin-top: 48px;
}

.partner-a-item-badge {
  background-color: #cce1ff;
  margin-right: 32px;
}

.partner-a-item-img {
  margin-right: 32px;
}

.partner-a-item-badge::before {
  transform: translateY(-50%);
  background: #fff;
  border-color: #0f37ff;
}

/* CTA */
.partner-cta {
  background-color: #cce1ff;
}

.partner-cta ul li:not(:first-child) {
  margin-left: 20px;
}

/* Partner D */
.partner-d-grid {
  display: flex;
  flex-flow: row wrap;
  justify-content: space-between;
}

.partner-d-grid-item {
  width: 30%;
  height: 400px;
  margin: 0 0 4rem;
}

.partner-d-grid-item-img {
  display: block;
  margin: 1rem 0;
}

.partner-d-grid-item-img + p + div {
  margin: 1rem 0 0;
}

.partner-form .c-form_block .c-form_label .h {
  background-color: #fd654b;
  color: #fff;
}

.partner-form .c-form_field {
  background-color: #fff;
}

.partner-c-header span {
  margin-right: 1rem;
}

.partner-c-badge {
  transform: translate(-50%, -50%) !important;
}

.partner-c-badge--alt {
  transform: translate(-50%, 50%) !important;
}

.faq-item {
  border-top: 1px solid #ccc;
}

.faq-item:first-child {
  border: none;
}

@media (min-width: 768px) {
  .md\:-translate-y-1\/2 {
    transform: translateY(-50%);
  }

  .md\:space-y-0 > :not([hidden]) ~ :not([hidden]) {
    margin-top: 0;
    margin-bottom: 0;
  }

  .md\:space-x-5 > :not([hidden]) ~ :not([hidden]) {
    margin-right: 20px;
    margin-left: 20px;
  }

  .md\:border-\[\#CCE1FF\] {
    border-color: #cce1ff;
  }

  .md\:bg-white {
    background-color: #fff;
  }
}

@media (min-width: 1024px) {
  .lg\:-translate-x-1\/2 {
    transform: translateX(-50%);
  }

  .lg\:-translate-y-1\/2 {
    transform: translateY(-50%);
  }

  .lg\:translate-y-1\/2 {
    transform: translateY(50%);
  }

  .lg\:before\:content-none::before {
    content: none;
  }
}

@media (min-width: 1280px) {
}