@charset "UTF-8";
.fixbtns {
  position: fixed;
  background: rgba(6, 46, 128, 0.85);
  inset: auto 0 0 0;
  color: #fff;
  opacity: 0;
  transform: translate(0, 110%);
  transition: opacity 100ms linear 0ms, transform 250ms ease-in 0ms;
  z-index: 100;
}
@media screen and (max-width: 1280px) {
  .fixbtns {
    padding: calc(20vw / 12.8) 0;
  }
}
@media screen and (min-width: 1281px) {
  .fixbtns {
    padding: 20px 0;
  }
}
@media screen and (max-width: 768px) {
  .fixbtns {
    padding: calc(25vw / 7.68) 0 calc(20vw / 7.68);
  }
}
.fixbtns:not(.is-shown) {
  pointer-events: none;
}
.fixbtns.is-shown {
  opacity: 1;
  transform: translate(0, 0%);
}
.fixbtns_inner {
  display: flex;
  justify-content: center;
  column-gap: 14px;
  row-gap: 20px;
	flex-wrap: wrap;
}
@media screen and (max-width: 1280px) {
  .fixbtns_inner {
    grid-template-columns: repeat(3, calc(408vw / 12.8));
  }
}
@media screen and (min-width: 1281px) {
  .fixbtns_inner {
    grid-template-columns: repeat(3, 408px);
  }
}
@media screen and (max-width: 768px) {
  .fixbtns_inner {
    grid-template-columns: repeat(3, calc(218vw / 7.68));
  }
}
.fixbtns_note {
  grid-column: 1/4;
  font-weight: 300;
  text-align: center;
}
@media screen and (max-width: 1280px) {
  .fixbtns_note {
    line-height: calc(1.667em / 12.8);
    font-size: calc(12vw / 12.8);
	  width: 100%;
  }
  .fixbtns_note > p {
    line-height: inherit;
    font: inherit;
  }
  .fixbtns_note > p:first-of-type {
    margin-top: -0.333em;
  }
  .fixbtns_note > p:last-of-type {
    margin-bottom: -0.333em;
  }
}
@media screen and (min-width: 1281px) {
  .fixbtns_note {
    line-height: 1.667em;
    font-size: 12px;
	  width: 100%;
  }
  .fixbtns_note > p {
    line-height: inherit;
    font: inherit;
  }
  .fixbtns_note > p:first-of-type {
    margin-top: -0.333em;
  }
  .fixbtns_note > p:last-of-type {
    margin-bottom: -0.333em;
  }
}
@media screen and (max-width: 768px) {
  .fixbtns_note {
    line-height: 1.5em;
    font-size: calc(20vw / 7.68);
  }
  .fixbtns_note > p {
    line-height: inherit;
    font: inherit;
  }
  .fixbtns_note > p:first-of-type {
    margin-top: -0.25em;
  }
  .fixbtns_note > p:last-of-type {
    margin-bottom: -0.25em;
  }
}
.p-btn {
  display: flex;
  justify-content: center;
  align-items: center;
  column-gap: 0.3em;
  padding: 3px 15px 7px 20px;
  line-height: 1.305em;
  font-weight: 900;
  cursor: pointer;
	width: 35vw;
}
.p-btn > i {
  width: 0.957em;
  height: 0.957em;
  translate: 0 -5%;
}
.p-btn > i > svg {
  display: block;
  width: 100%;
  height: 100%;
}
.p-btn:hover {
  opacity: 0.5;
}

@media screen and (max-width: 1280px) {
  .p-btn.siz1 {
    border-radius: calc(2.065em / 12.8);
    min-width: calc(13.162em / 12.8);
    min-height: calc(2.065em / 12.8);
    font-size: calc(31vw / 12.8);
  }
}
@media screen and (min-width: 1281px) {
  .p-btn.siz1 {
    border-radius: 2.087em;
    min-width: 13.305em;
    min-height: 2.087em;
    font-size: 23px;
  }
}
@media screen and (max-width: 768px) {
  .p-btn.siz1 {
    border-radius: 2.065em;
    min-width: 13.162em;
    min-height: 2.065em;
    font-size: calc(31vw / 7.68);
  }
}
@media screen and (max-width: 1280px) {
  .p-btn.siz2 {
    border-radius: calc(50vw / 12.8);
    min-width: calc(11.548em / 12.8);
    min-height: calc(1.812em / 12.8);
    font-size: calc(53vw / 12.8);
  }
}
@media screen and (min-width: 1281px) {
  .p-btn.siz2 {
    border-radius: 50vw;
    min-width: 11.591em;
    min-height: 1.819em;
    font-size: 44px;
  }
}
@media screen and (max-width: 768px) {
  .p-btn.siz2 {
    border-radius: 1.812em;
    min-width: 11.548em;
    min-height: 1.812em;
    font-size: calc(53vw / 7.68);
  }
}
@media screen and (max-width: 1280px) {
  .p-btn.siz3 {
    border-radius: calc(50vw / 12.8);
    min-width: calc(7.267em/ 12.8);
    min-height: calc(2.534em/ 12.8);
    font-size: calc(36vw / 12.8);
  }
}
@media screen and (min-width: 1281px) {
  .p-btn.siz3 {
    border-radius: 1.778em;
    min-width: 11.334em;
    min-height: 1.778em;
    font-size: 36px
  }
}
@media screen and (max-width: 768px) {
  .p-btn.siz3 {
    border-radius: 2.534em;
    min-width: 7.267em;
    min-height: 2.534em;
    padding: 0.3vw 0.334em 0.7vw 0.667em;;
    font-size: calc(30vw / 7.68);
  }
}
.p-btn.col1 {
  background: #062e80;
  color: #fff;
}
.p-btn.col1 > i {
  fill: #fff;
}
.p-btn.col2 {
  background: #ff831e;
  color: #fff;
}
.p-btn.col2 > i {
  fill: #fff;
}
.p-btn.col3 {
  background: #fff;
  color: #009dff;
}
.p-btn.col3 > i {
  fill: #009dff;
}
.p-btn.col4 {
  background: #00a397;
  color: #fff;
}
.p-btn.col4 > i {
  fill: #fff;
}