@charset "UTF-8";
/* ------------------------------

	編集時の注意
	・必ず.scssから編集してコンパイルしてください。（直接.cssを編集しないでください）

------------------------------ */
/* ------------------------------
 Mixin
------------------------------ */
/* ------------------------------
 Html, Body
------------------------------ */
html {
  font-size: 2.6666666667vw;
  background-color: #F8F8F8;
}
@media (min-width: 901px) {
  html {
    font-size: 24px;
  }
}

body {
  margin: 0 auto;
  padding: 0;
  color: black;
  -webkit-text-size-adjust: 100%;
  -webkit-font-feature-settings: "palt" 1;
          font-feature-settings: "palt" 1;
  max-width: 900px;
  overflow-x: hidden;
  background-color: white;
  -webkit-box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
          box-shadow: 0 0 1rem rgba(0, 0, 0, 0.2);
  text-align: left;
}

#page-wrap {
  overflow: hidden;
}
#page-wrap * {
  font-family: "Noto Sans JP", "Hiragino Sans", "ヒラギノ角ゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", "Meiryo", sans-serif;
}

/* ------------------------------
 Reset CSS
------------------------------ */
* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

main, article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, picture {
  display: block;
  margin: 0;
  padding: 0;
}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ul, ol, li, form {
  margin: 0;
  padding: 0;
}

button {
  background-color: transparent;
  border: none;
  cursor: pointer;
  outline: none;
  margin: 0;
  padding: 0;
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
  cursor: pointer;
  color: currentColor;
}
button::-moz-focus-inner {
  border: 0;
}

ul {
  list-style-type: none;
}

img {
  vertical-align: bottom;
  border: 0;
  width: 100%;
}

/* ------------------------------
 link
------------------------------ */
a {
  outline: 0;
  color: currentColor;
  text-decoration: none;
}
a:hover {
  text-decoration: none;
  color: currentColor;
}
a.line-link {
  text-decoration: underline;
}

.underline {
  border-bottom: 0.1em solid currentColor;
}

.underline-dash {
  border-bottom: 0.1em dashed currentColor;
}

/* ------------------------------
 text & layout
------------------------------ */
h1, h2, h3, h4, h5, h6 {
  font-size: 1rem;
  line-height: 1.6;
}

p, ul, dl {
  font-size: 1rem;
  line-height: 1.5;
}

sup {
  font-size: 0.7em;
}

.d-ib {
  display: inline-block;
}

.ind-1em {
  display: block;
  text-indent: -1em !important;
  padding-left: 1em;
}
.ind-1em::first-letter {
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}
.ind-1em > * {
  text-indent: 0;
}

.burasage {
  overflow: hidden;
  text-align: left;
}
.burasage > * {
  display: block;
  overflow: hidden;
}
.burasage > *:first-child {
  float: left;
  -webkit-font-feature-settings: normal;
          font-feature-settings: normal;
}

/* ------------------------------
 text-size
------------------------------ */
.txt-xl {
  font-size: 2.4rem;
}

.txt-lg {
  font-size: 2.2rem;
}

.txt-md {
  font-size: 1.8rem;
}

.txt-rg {
  font-size: 1.6rem;
}

.txt-sm {
  font-size: 1.4rem;
}

.txt-xs {
  font-size: 1.2rem;
}

.txt-xxs {
  font-size: 1rem;
}

/* ------------------------------
 font-weight
------------------------------ */
.fw-normal {
  font-weight: 400 !important;
}

.fw-medium {
  font-weight: 500 !important;
}

.fw-bold {
  font-weight: 700 !important;
}

/* ------------------------------
 margin
------------------------------ */
.mt-0 {
  margin-top: 0 !important;
}

.mt-02em {
  margin-top: 0.2em !important;
}

.mt-05em {
  margin-top: 0.5em !important;
}

.mt-1em {
  margin-top: 1em !important;
}

.mt-2em {
  margin-top: 2em !important;
}

.mt-3em {
  margin-top: 3em !important;
}

.mt-4em {
  margin-top: 4em !important;
}

.mt-5em {
  margin-top: 5em !important;
}

.mb-0 {
  margin-bottom: 0 !important;
}

.mb-05em {
  margin-bottom: 0.5em !important;
}

.mb-1em {
  margin-bottom: 1em !important;
}

.mb-2em {
  margin-bottom: 2em !important;
}

.mb-3em {
  margin-bottom: 3em !important;
}

.mb-4em {
  margin-bottom: 4em !important;
}

.mb-5em {
  margin-bottom: 5em !important;
}

.m-auto {
  margin: auto !important;
}

/* ------------------------------
 padding
------------------------------ */
.side-padding {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}

.side-padding-w {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}

.pt-0 {
  padding-top: 0 !important;
}

.pt-05em {
  padding-top: 0.5em !important;
}

.pt-1em {
  padding-top: 1em !important;
}

.pt-2em {
  padding-top: 2em !important;
}

.pt-3em {
  padding-top: 3em !important;
}

.pt-4em {
  padding-top: 4em !important;
}

.pt-5em {
  padding-top: 5em !important;
}

.pb-0 {
  padding-bottom: 0 !important;
}

.pb-05em {
  padding-bottom: 0.5em !important;
}

.pb-1em {
  padding-bottom: 1em !important;
}

.pb-2em {
  padding-bottom: 2em !important;
}

.pb-3em {
  padding-bottom: 3em !important;
}

.pb-4em {
  padding-bottom: 4em !important;
}

.pb-5em {
  padding-bottom: 5em !important;
}

/* ------------------------------
 line-height
------------------------------ */
.lh-12 {
  line-height: 1.2;
}

/* ------------------------------
 text-align
------------------------------ */
.align-left {
  text-align: left;
}

.align-center {
  text-align: center;
}

.align-right {
  text-align: right;
}

.justify {
  text-align: justify;
}

/* ------------------------------
 text-color
------------------------------ */
.color-orange {
  color: #e76416 !important;
}

.color-dark-orange {
  color: #A85A22 !important;
}

.color-blue {
  color: #006FC9 !important;
}

.color-red {
  color: #D41E1E !important;
}

.color-grey {
  color: #666 !important;
}

/* ------------------------------
 font-style
------------------------------ */
.line-through {
  text-decoration: line-through;
}

.display-none {
  display: none;
}

/* ------------------------------
 btn
------------------------------ */
.btn-std {
  background: #006FC9;
  color: white;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  min-height: 3em;
  border-radius: 2em;
  font-weight: bold;
  line-height: 1.2;
  padding: 0.5em;
  position: relative;
}
.btn-std:hover {
  color: white;
}
.btn-std.disabled, .btn-std.done {
  background-color: #C8C8C8;
  pointer-events: none !important;
}
.btn-std.bd {
  border: 0.2rem solid #006FC9;
  background-color: white;
  color: #006FC9;
}
.btn-std.bd:hover {
  color: #006FC9;
}
.btn-std.bd.disabled, .btn-std.bd.done {
  border-color: #C8C8C8;
  color: #C8C8C8;
}
.btn-std::after {
  position: absolute;
  width: 1.4rem;
  height: 1.4rem;
  background: no-repeat 50% 50%;
  background-size: contain;
  right: 1.5rem;
}
.btn-std.next::after {
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -960 960 960"><path fill="%23FFFFFF" d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z" /></svg>') no-repeat 50% 50%;
  background-size: contain;
}
.btn-std.ready {
  background: white;
  color: #f64733 !important;
}
.btn-std.ready-next::after {
  content: "";
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -960 960 960"><path fill="%23f64733" d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z" /></svg>') no-repeat 50% 50%;
  background-size: contain;
}

.btn-entry-done .btn-std {
    flex-direction: column !important;
}

.btn-logo {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: left;
  background: #F5F5F5;
  border: 1px solid #CCC;
  border-radius: 1rem;
  padding: 1rem;
  color: black !important;
}
.btn-logo i {
  display: block;
  width: 4.8rem;
  height: 4.8rem;
  overflow: hidden;
  border-radius: 50%;
  margin-right: 1rem;
}
.btn-logo > span {
  line-height: 1.2;
}
.btn-logo::after {
  content: "";
  width: 1.5rem;
  height: 1.5rem;
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -960 960 960"><path fill="%23000" d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z" /></svg>') no-repeat 50% 50%;
  background-size: contain;
  margin-left: auto;
}

/* ------------------------------
 page-header
------------------------------ */
.page-header {
  position: fixed;
  z-index: 100;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 100%;
  max-width: 900px;
  padding: 1.5rem;
  border-bottom: 1px solid #EEE;
  background-color: white;
}

.page-header h1 {
  text-align: center;
  font-size: 1.6rem;
}

.header-back {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  cursor: pointer;
}

.header-back img {
  width: 2.4rem;
}

/* ------------------------------
 fixed-bottom
------------------------------ */
.fixed-bottom {
  position: fixed;
  bottom: 0;
  width: 100%;
  max-width: 900px;
  background: #F8F8F8;
  text-align: center;
  margin: 0 auto;
}
.fixed-bottom-wrap {
  padding: 2rem 0 1rem;
}
.fixed-bottom-wrap p {
  margin-top: 1rem;
  font-size: 1.2rem;
  color: rgba(20, 23, 26, 0.8509803922);
}
.fixed-bottom-wrap p a {
  color: #006FC9;
  text-decoration: underline;
}
.fixed-bottom-button {
  width: 100%;
  font-size: 1.6rem;
}

/* ------------------------------
 logo
------------------------------ */
.logo-sec {
  padding: 1em 10em;
}

/* ------------------------------
 kv
------------------------------ */
.kv-sec {
  text-align: center;
}
.kv-sec .kv-period {
  background: #F5F5F5;
  padding: 0.5em 0;
  font-weight: bold;
}
.kv-sec .kv-period-lg {
  background: #F5F5F5;
  padding: 1.5em 0;
}
.kv-sec .kv-period-notes {
  text-align: left;
  font-size: 1.2rem;
}

/* ------------------------------
 entry
------------------------------ */
.entry-sec {
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.entry-sec .step-ttl {
  color: #006FC9;
  text-align: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  font-weight: bold;
}
.entry-sec .step-ttl::before, .entry-sec .step-ttl::after {
  content: "";
  background-image: radial-gradient(currentColor 0.2rem, transparent 0.2rem);
  background-repeat: repeat-x;
  background-position: 50% 50%;
  background-size: 1rem 1rem;
  height: 1rem;
  width: 11rem;
}
.entry-sec .step-ttl > span {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}
.entry-sec .step-ttl > span > i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  line-height: 1;
  font-size: 0.9em;
  font-style: normal;
  width: 1.4em;
  height: 1.4em;
  overflow: hidden;
  padding-bottom: 0.1em;
  border-radius: 50%;
  background-color: #006FC9;
  color: white;



  margin-left: 0.3em;
}

.entry-box {
  background: #F5F5F5;
  padding: 2.5rem 1.5rem;
  border-radius: 1.5rem;
}
.no-campaign .entry-box .agree-option, .is-entry .entry-box .agree-option {
  display: none;
}
.entry-box label.agree-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  line-height: 1.5;
  font-weight: bold;
  cursor: pointer;
}
.entry-box #agree-checkbox {
  display: none;
}
.entry-box #agree-checkbox + i {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  position: relative;
  width: 1.5em;
  height: 1.5em;
  margin-right: 0.4em;
  border: 0.1rem solid #666;
  border-radius: 0.3rem;
  background-color: white;
}
.entry-box #agree-checkbox + i::before {
  content: "";
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  background: url(https://prcp.pass.auone.jp/gpl/202409_boost/img/icon_check.png) no-repeat 50% 50%;
  background-size: contain;
}
.entry-box #agree-checkbox:checked + i {
  background-color: #006FC9;
  border-color: transparent;
}
.entry-box #agree-checkbox:checked + i::before {
  opacity: 1;
}

/* ------------------------------
 done
------------------------------ */
.page-aupay .done-sec {
  padding-top: 6rem;
  padding-bottom: 4rem;
  background: #EBF1FF;
  clip-path: polygon(0 0, 50% 3rem, 100% 0, 100% 100%, 0 100%);
}

.page-card .done-sec {
  padding-top: 6rem;
  padding-bottom: 6rem;
  background: #FFE576;
  clip-path: polygon(0 0, 50% 3rem, 100% 0, 100% calc(100% - 3rem), 50% 100%, 0 calc(100% - 3rem));
  margin-bottom: -3rem;
}

/* ------------------------------
 point-sec
------------------------------ */
.point-sec {
  padding: 4rem 0;
}
.point-sec-wrap {
  overflow: hidden;
  border-radius: 1.6rem;
  border: 1px solid rgba(20, 23, 26, 0.0588235294);
}
.point-sec-headline {
  background: #EBF1FF;
  padding: 1rem 0 0.5rem;
}
.point-sec-headline h2 {
  font-size: 1.4rem;
  color: #006fc9;
}
.point-sec-headline p {
  font-size: 1.2rem;
}
.point-sec-headline2601 {
  background: #FFEFD1;
  padding: 1rem 0 0.5rem;
}
.point-sec-headline2601 h2 {
  font-size: 1.4rem;
  color: #8F6D00;
}
.point-sec-headline2601 p {
  font-size: 1.2rem;
}
.point-sec-list li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0.75rem 0.5rem;
  border-bottom: 1px solid rgba(20, 23, 26, 0.0588235294);
}
.point-sec-list li:first-child {
  padding: 0.75rem 0.5rem 0.35rem;
}
.point-sec-list li:first-child p {
  color: #f64733;
}
.point-sec-list li p {
  margin-left: auto;
  font-size: 1.6rem;
  font-weight: bold;
}

.point-sec-list li.no-border {
  border-bottom: none;
}

.point-sec-list li.no-padding {
  padding-top: 0px;
}

.point-sec-img-rank {
  width: 3.6rem;
  margin-right: 1rem;
}
.point-sec-img-10000p {
  width: 8.6rem;
  margin-right: 1rem;
}
.point-sec-img-160p {
  width: 5.3rem;
  margin-right: 1rem;
}
.point-sec-img-10p {
  width: 4rem;
  margin-right: 1rem;
}
.point-sec-img-1st {
  width: 4rem;
}
.point-sec-img-2nd {
  position: relative;
  top: -0.25rem;
  right: 0.6rem;
  width: 2.4rem;
}
.point-sec-img-3rd {
  position: relative;
  top: -0.1rem;
  width: 3.2rem;
}

.point-sec-img-fukidashi {
  width: 14rem;
  margin-right: 1rem;
}

.comp-mv-sec h2 img {
  width: 100%;
}

.comp-entry-sec {
  background: #FFEDE3;
  padding-top: 3rem;
  padding-bottom: 3rem;
}
.comp-entry-sec h2 {
  text-align: center;
  margin-bottom: 1rem;
}
.comp-entry-sec h2 img {
  width: 80%;
}

.comp-other-sec {
  padding-top: 3rem;
  padding-bottom: 3rem;
  margin-bottom: 3rem;
  text-align: center;
  background: rgba(20, 23, 26, 0.031372549);
}
.comp-other-sec h2 {
  margin-bottom: 1rem;
}
.comp-other-sec h2 img {
  width: 90%;
}
.comp-other-sec a {
  display: block;
  margin-bottom: 1.5rem;
}

/* ------------------------------
 brand-list
------------------------------ */
.brand-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin: 0 -0.5rem;
}
.brand-list-item {
  display: block;
  width: calc(33.3% - 1rem);
  margin: 1.5rem 0.5rem 0;
  text-align: center;
  color: black;
}
.brand-list-item figure {
  width: 100%;
  padding-top: 100%;
  position: relative;
}
.brand-list-item figure img {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  -o-object-fit: contain;
     object-fit: contain;
}
.brand-list-item p {
  font-size: 1rem;
  line-height: 1.2;
  margin-top: 0.5rem;
}

.brand-link {
  border-top: 0.1rem solid #CCC;
  margin-top: 2rem;
  padding-top: 2rem;
}
.brand-link .btn-brand {
  color: #A85A22;
  background-color: #FFF2E5;
}
.brand-link .btn-brand::after {
  background: url('data:image/svg+xml;charset=UTF-8,<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 -960 960 960"><path fill="%23A85A22" d="m321-80-71-71 329-329-329-329 71-71 400 400L321-80Z" /></svg>') no-repeat 50% 50%;
  background-size: contain;
}

/* ------------------------------
 tab
------------------------------ */
.brand-tab {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: stretch;
      -ms-flex-align: stretch;
          align-items: stretch;
  text-align: center;
  margin-top: 1rem;
}
.brand-tab a {
  width: calc(50% - 0.5rem);
  margin-top: 0.5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border: 1px solid #CCC;
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  font-size: 1.2rem;
  font-weight: bold;
  line-height: 1.2;
  padding: 0.3rem 0;
  min-height: 3em;
  position: relative;
  border-radius: 0.5rem;
}
.brand-tab a > span {
  position: relative;
}
.brand-tab a.active {
  background-color: #FD8F21;
  border-color: #FD8F21;
}

.brand-tab-item {
  width: 100%;
  border-top: 0;
  padding: 0.5rem 0;
  display: none;
}
.brand-tab-item.active {
  display: block;
}

/* ------------------------------
 bnr
------------------------------ */
.page-card .bnr-sec {
  background: #FFCE00;
  padding-top: 3rem;
}

/* ------------------------------
 point-item
------------------------------ */
.point-item {
  margin-top: 2rem;
  border-radius: 1.5rem;
  background: white;
  overflow: hidden;
}
.point-item-ttl.bg-blue {
  background-color: #006FC9;
  color: white;
}
.point-item-ttl.bg-ponta {
  background-color: #FD8F21;
  color: black;
}

/* ------------------------------
 howto
------------------------------ */
.howto-sec {
  padding-top: 4rem;
  padding-bottom: 4rem;
  background: #F5F5F5;
}
.howto-sec .howto-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: white;
  border-radius: 1.5rem;
  overflow: hidden;
  margin-top: 1rem;
}
.howto-sec .howto-item-text {
  width: 64%;
  padding: 1rem;
}
.howto-sec .howto-item-img {
  width: 36%;
}

/* ------------------------------
 entry-period
------------------------------ */
.entry-period-sec {
  padding-top: 3rem;
}
.entry-period-sec .notes-list > li {
  margin-top: 0.3em;
}
.entry-period-sec .entry-period-list {
  padding: 1rem 1.5rem;
  background: rgba(20, 23, 26, 0.031372549);
  border-radius: 0.8rem;
}

/* ------------------------------
 terms
------------------------------ */
.terms-sec {
  padding-top: 4rem;
  padding-bottom: 4rem;
}
.terms-sec .notes-list > li {
  margin-top: 0.3em;
}

/* ------------------------------
 scroll-in
------------------------------ */
.scroll-in.fade-in {
  opacity: 0;
  -webkit-transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scroll-in.fade-in.appeared {
  opacity: 1;
}
.scroll-in.up-in {
  opacity: 0;
  -webkit-transform: translateY(3rem);
          transform: translateY(3rem);
  -webkit-transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: 0.8s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.scroll-in.up-in.appeared {
  opacity: 1;
  -webkit-transform: translateY(0);
          transform: translateY(0);
}
.scroll-in.popup-in {
  opacity: 0;
  -webkit-transform: scale(0.9);
          transform: scale(0.9);
  -webkit-transform-origin: 50% 100%;
          transform-origin: 50% 100%;
  -webkit-transition: 0.8s cubic-bezier(0.22, 1.5, 0.8, 1);
  transition: 0.8s cubic-bezier(0.22, 1.5, 0.8, 1);
}
.scroll-in.popup-in.appeared {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}
.scroll-in.zoom-in {
  opacity: 0;
  -webkit-transform: scale(0.4);
          transform: scale(0.4);
  -webkit-transform-origin: 50% 50%;
          transform-origin: 50% 50%;
  -webkit-transition: 0.8s cubic-bezier(0.22, 1.5, 0.8, 1);
  transition: 0.8s cubic-bezier(0.22, 1.5, 0.8, 1);
}
.scroll-in.zoom-in.appeared {
  opacity: 1;
  -webkit-transform: scale(1);
          transform: scale(1);
}

/* ------------------------------
 device
------------------------------ */
html.view-ios .for-android:not(.for-pc),
html.view-ios .for-pc:not(.for-android) {
  display: none !important;
}

html.view-android .for-ios:not(.for-pc),
html.view-android .for-pc:not(.for-ios) {
  display: none !important;
}

html.view-pc .for-ios:not(.for-pc),
html.view-pc .for-android:not(.for-pc) {
  display: none !important;
}

/* ------------------------------
 footer
------------------------------ */
.footer {
  text-align: center;
}
.footer .optout {
  font-size: 1rem;
  margin-bottom: 3rem;
}
.footer .copyright {
  font-size: 0.9rem;
  margin-bottom:10rem;
  padding: 2rem;
  background: black;
  color: white;
}

/* ------------------------------
 GAMPLA
------------------------------ */
div.campaign__container-floating-footer {
  display: none;
}

.campaign__container {
  max-width: 900px;
}

.alert {
  margin-bottom: 0;
  border-radius: 0;
}