@charset "UTF-8";
.kv {
  height: 600px;
  position: relative;
}

@media (max-width: 1023px) {
  .kv {
    height: 386px;
  }
}

.kv__bg--img {
  aspect-ratio: 1/1;
  height: 600px;
  -o-object-fit: cover;
     object-fit: cover;
  width: 100%;
}

@media (max-width: 1023px) {
  .kv__bg--img {
    height: 386px;
  }
}

.kv__inner {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  bottom: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  left: 0;
  margin: auto;
  max-width: 1168px;
  position: absolute;
  right: 0;
  top: 0;
}

@media (max-width: 1023px) {
  .kv__inner {
    bottom: 17px;
    top: auto;
  }
}

.kv__inner--right {
  display: block;
}

@media (max-width: 1023px) {
  .kv__inner--right {
    display: none;
  }
}

.kv__inner--right img {
  -webkit-animation: jump 1.2s linear .6s 1;
          animation: jump 1.2s linear .6s 1;
}

@media (max-width: 1023px) {
  .kv__inner--img {
    height: 337px;
    width: auto;
  }
}

@-webkit-keyframes jump {
  0% {
    -webkit-transform: scale(0.8, 1.5) translate(0%, -90%);
            transform: scale(0.8, 1.5) translate(0%, -90%);
  }
  10% {
    -webkit-transform: scale(0.8, 1.5) translate(0%, -15%);
            transform: scale(0.8, 1.5) translate(0%, -15%);
  }
  20% {
    -webkit-transform: scale(1.5, 0.6) translate(0%, 20%);
            transform: scale(1.5, 0.6) translate(0%, 20%);
  }
  30% {
    -webkit-transform: scale(0.9, 1.1) translate(0%, -10%);
            transform: scale(0.9, 1.1) translate(0%, -10%);
  }
  40% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -20%);
            transform: scale(0.95, 1.2) translate(0%, -20%);
  }
  50% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
            transform: scale(0.95, 1.2) translate(0%, -10%);
  }
  60% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 0%);
            transform: scale(1.1, 0.9) translate(0%, 0%);
  }
  70% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}

@keyframes jump {
  0% {
    -webkit-transform: scale(0.8, 1.5) translate(0%, -90%);
            transform: scale(0.8, 1.5) translate(0%, -90%);
  }
  10% {
    -webkit-transform: scale(0.8, 1.5) translate(0%, -15%);
            transform: scale(0.8, 1.5) translate(0%, -15%);
  }
  20% {
    -webkit-transform: scale(1.5, 0.6) translate(0%, 20%);
            transform: scale(1.5, 0.6) translate(0%, 20%);
  }
  30% {
    -webkit-transform: scale(0.9, 1.1) translate(0%, -10%);
            transform: scale(0.9, 1.1) translate(0%, -10%);
  }
  40% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -20%);
            transform: scale(0.95, 1.2) translate(0%, -20%);
  }
  50% {
    -webkit-transform: scale(0.95, 1.2) translate(0%, -10%);
            transform: scale(0.95, 1.2) translate(0%, -10%);
  }
  60% {
    -webkit-transform: scale(1.1, 0.9) translate(0%, 0%);
            transform: scale(1.1, 0.9) translate(0%, 0%);
  }
  70% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
  100% {
    -webkit-transform: scale(1, 1) translate(0%, 0%);
            transform: scale(1, 1) translate(0%, 0%);
  }
}

.cta {
  background: #ffffff;
  border-radius: calc(1px / 0);
  margin: -41px auto 0;
  position: relative;
  width: 550px;
}

@media (max-width: 1023px) {
  .cta {
    margin-top: -13px;
    width: 325px;
  }
}

.cta__btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #408cff;
  border: 4px solid #ffffff;
  border-radius: calc(1px / 0);
  -webkit-box-shadow: 1px 12px 20px 0 rgba(90, 90, 90, 0.25);
          box-shadow: 1px 12px 20px 0 rgba(90, 90, 90, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 83px;
  padding-inline: 50px 24px;
  text-decoration: none;
  -webkit-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
  width: 550px;
}

@media (max-width: 1023px) {
  .cta__btn {
    border: 3px solid #ffffff;
    height: 52px;
    padding-inline: 30px 15px;
    width: 325px;
  }
}

.cta__btn:hover {
  opacity: .7;
  text-decoration: none;
}

.contents {
  padding: 100px 20px;
}

@media (max-width: 1023px) {
  .contents {
    padding: 64px 15px;
  }
}

.contents__inner {
  max-width: 1088px;
  padding: 0;
}

.contents-gray {
  background: #f2f2f5;
  margin-top: -41px;
  padding: 120px 20px 100px;
}

@media (max-width: 1023px) {
  .contents-gray {
    padding: 80px 15px 64px;
  }
}

.present__h2title {
  text-align: center;
}

.present__h2title--txt {
  color: #00003e;
  font-family: 'UD新ゴ B';
  font-size: 2.8rem;
}

.present__h2title--txtimg {
  display: inline-block;
  margin-top: 22px;
}

.present__container {
  display: -ms-grid;
  display: grid;
  grid-column-gap: 28px;
  grid-row-gap: 28px;
  -ms-grid-columns: (1fr)[2];
      grid-template-columns: repeat(2, 1fr);
  -ms-grid-rows: (auto)[2];
      grid-template-rows: repeat(2, auto);
  margin-top: 61px;
}

@media (max-width: 1023px) {
  .present__container {
    grid-row-gap: 16px;
    -ms-grid-columns: 1fr;
        grid-template-columns: 1fr;
    -ms-grid-rows: 1fr;
        grid-template-rows: 1fr;
    margin-top: 35px;
  }
}

.present__body {
  background: #ffffff;
  border-radius: 9px;
  padding: 21px 68px 49px;
}

@media (max-width: 1023px) {
  .present__body {
    padding: 16px 34px 40px;
  }
}

.present__body--txt {
  font-family: 'UD新ゴ B';
  font-size: 2.9rem;
  line-height: 1.069;
  margin-top: 24px;
  text-align: center;
}

@media (max-width: 1023px) {
  .present__body--txt {
    font-size: 2.3rem;
  }
}

.present__body--txtSmall {
  font-size: 2rem;
}

@media (max-width: 1023px) {
  .present__body--txtSmall {
    font-size: 1.6rem;
  }
}

.present__body--startkit {
  font-family: 'UD新ゴ B';
  font-size: 2.6rem;
  text-align: left;
}

@media (max-width: 1023px) {
  .present__body--startkit {
    font-size: 1.6rem;
    text-align: center;
  }
}

.present__body--txtRed {
  color: #c9002c;
  font-size: 3.2rem;
}

@media (max-width: 1023px) {
  .present__body--txtRed {
    display: block;
    font-size: 2.3rem;
    line-height: 1.261;
    margin-top: 9px;
  }
}

@media (min-width: 1024px) {
  .present__body1 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 1;
    grid-area: 1 / 1 / 2 / 2;
  }
}

@media (min-width: 1024px) {
  .present__body2 {
    -ms-grid-row: 1;
    -ms-grid-row-span: 1;
    -ms-grid-column: 2;
    -ms-grid-column-span: 1;
    grid-area: 1 / 2 / 2 / 3;
  }
}

.present__body3 {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 54px;
          column-gap: 54px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding-block: 18px;
}

@media (max-width: 1023px) {
  .present__body3 {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    padding: 24px 15px 40px;
  }
}

@media (min-width: 1024px) {
  .present__body3 {
    -ms-grid-row: 2;
    -ms-grid-row-span: 1;
    -ms-grid-column: 1;
    -ms-grid-column-span: 2;
    grid-area: 2 / 1 / 3 / 3;
  }
}

.present__body3--img {
  -webkit-column-gap: 54px;
          column-gap: 54px;
  max-width: 360px;
  width: 100%;
}

.flow {
  margin-top: 100px;
}

@media (max-width: 1023px) {
  .flow {
    margin-top: 64px;
  }
}

.flow__detail {
  margin-top: 72px;
}

@media (max-width: 1023px) {
  .flow__detail {
    margin-top: 40px;
  }
}

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

.flow__detail--dd {
  margin-top: 22px;
}

@media (max-width: 1023px) {
  .flow__detail--dd {
    margin: 22px auto;
    max-width: 295px;
  }
}

.flow__detail--list {
  counter-reset: num;
  margin: 0 auto;
}

.flow__detail--item {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 12px;
          column-gap: 12px;
  counter-increment: num;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 2.4rem;
}

@media (max-width: 1023px) {
  .flow__detail--item {
    -webkit-box-align: start;
        -ms-flex-align: start;
            align-items: flex-start;
    font-size: 1.8rem;
  }
}

.flow__detail--item:before {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #c9002c;
  border-radius: 50%;
  color: #ffffff;
  content: counter(num);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'UD新ゴ M';
  font-size: 1.4rem;
  height: 31px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  max-width: 31px;
  width: 100%;
}

@media (max-width: 1023px) {
  .flow__detail--item:before {
    margin-top: 4px;
  }
}

.flow__detail--item:not(:first-of-type) {
  margin-top: 12px;
}

.flow__detail--small {
  font-size: 1.8rem;
}

@media (max-width: 1023px) {
  .flow__detail--small {
    font-size: 1.2rem;
  }
}

.step {
  background: #ffffff;
  margin-top: 64px;
  padding: 58px 60px 68px;
}

@media (max-width: 1023px) {
  .step {
    padding: 36px 30px 48px;
  }
}

.step__list {
  -webkit-column-gap: 94px;
          column-gap: 94px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1023px) {
  .step__list {
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 65px;
  }
}

.step__item {
  position: relative;
  text-align: center;
}

@media (max-width: 1023px) {
  .step__item--title {
    display: none;
  }
}

.step__item--img {
  display: block;
  margin-top: 24px;
}

.step__item--txt {
  font-family: 'UD新ゴ DB';
  font-size: 2.2rem;
  line-height: 1.5;
  margin-top: 21px;
}

@media (max-width: 1023px) {
  .step__item--txt {
    font-size: 1.8rem;
  }
}

.step__item--red {
  color: #c9002c;
}

.step__item--small {
  font-size: 1.4rem;
}

.step__item:not(:first-of-type)::after {
  background: url(/sites/default/files/media/jp/service/yahoo-ads/campaign/20248989gift/img/step_arrow.svg) center center no-repeat;
  background-size: contain;
  content: '';
  height: 19px;
  left: -70px;
  position: absolute;
  top: 125px;
  width: 47px;
}

@media (max-width: 1023px) {
  .step__item:not(:first-of-type)::after {
    height: 15px;
    left: 0;
    margin: 0 auto;
    right: 0;
    top: -30px;
    -webkit-transform: rotate(90deg);
            transform: rotate(90deg);
    width: 28px;
  }
}

.faq {
  background: #fae0d7;
  padding: 100px 20px;
}

@media (max-width: 1023px) {
  .faq {
    padding: 64px 15px;
  }
}

.faq__container {
  margin-top: 56px;
}

@media (max-width: 1023px) {
  .faq__container {
    margin-top: 38px;
    text-align: center;
  }
}

.faq__body {
  display: block;
}

.faq__body:not(:first-of-type) {
  margin-top: 36px;
}

@media (max-width: 1023px) {
  .faq__body:not(:first-of-type) {
    margin-top: 25px;
  }
}

.caution__container {
  color: #00003e;
  margin-top: 78px;
  padding: 32px 0;
  position: relative;
}

@media (max-width: 1023px) {
  .caution__container {
    margin-top: 60px;
    padding: 0 5px;
  }
}

.caution__container:before {
  background: #00003e;
  content: '';
  height: 100%;
  left: 230px;
  position: absolute;
  top: 0;
  width: 1px;
}

@media (max-width: 1023px) {
  .caution__container:before {
    display: none;
  }
}

.caution__body {
  -webkit-column-gap: 44px;
          column-gap: 44px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 1.9rem;
}

@media (max-width: 1023px) {
  .caution__body {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    font-size: 1.3rem;
    row-gap: 4px;
  }
}

@media (max-width: 1023px) {
  .caution__body:not(:last-of-type) {
    padding-bottom: 16px;
  }
}

.caution__body dt {
  font-family: 'UD新ゴ DB';
  max-width: 230px;
  width: 100%;
}

@media (max-width: 1023px) {
  .caution__body dt {
    color: #408cff;
    max-width: 100%;
  }
}

.caution__body:not(:first-of-type) {
  margin-top: 50px;
}

@media (max-width: 1023px) {
  .caution__body:not(:first-of-type) {
    border-top: 1px solid #00003e;
    margin-top: 0;
    padding-top: 16px;
  }
}

.caution__item {
  align-items: flex-start;
  -webkit-box-align: start;
  -webkit-column-gap: 14px;
  column-gap: 14px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: start;
}

@media (max-width: 1023px) {
  .caution__item {
    -webkit-column-gap: 4px;
            column-gap: 4px;
  }
}

.caution__item:before {
  content: '・';
}

.h2title {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  color: #00003e;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  font-family: 'UD新ゴ B';
  font-size: 4.3rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1023px) {
  .h2title {
    font-size: 2.6rem;
    text-align: center;
  }
}

.h2title:after {
  background: url(/sites/default/files/media/jp/service/yahoo-ads/campaign/20248989gift/img/border.svg) center center no-repeat;
  background-size: contain;
  content: '';
  height: 5px;
  margin-top: 26px;
  position: relative;
  width: 209px;
}

@media (max-width: 1023px) {
  .h2title:after {
    margin-top: 21px;
    width: 160px;
  }
}

.ctaArea {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  background: #c9002c;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  height: 311px;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  padding: 20px;
  position: relative;
}

@media (max-width: 1023px) {
  .ctaArea {
    height: auto;
    padding: 60px 20px;
  }
}

.ctaArea:after {
  background: url(/sites/default/files/media/jp/service/yahoo-ads/campaign/20248989gift/img/ctaArea_bg.svg) center center no-repeat;
  background-size: cover;
  content: '';
  height: 311px;
  left: 0;
  position: absolute;
  top: 0;
  width: 100%;
}

@media (max-width: 1023px) {
  .ctaArea:after {
    background: url(/sites/default/files/media/jp/service/yahoo-ads/campaign/20248989gift/img/ctaArea_bg_sp.svg) center center no-repeat;
    background-size: cover;
    content: '';
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
  }
}

.ctaArea__inner {
  max-width: 1088px;
  position: relative;
  width: 100%;
  z-index: 10;
}

.ctaArea__list {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  row-gap: 32px;
}

@media (max-width: 1023px) {
  .ctaArea__list {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    row-gap: 24px;
    text-align: center;
  }
}

.ctaArea__h2title {
  color: #ffffff;
  font-family: 'UD新ゴ B';
  font-size: 3.7rem;
  line-height: 1.459;
  text-align: left;
}

@media (max-width: 1023px) {
  .ctaArea__h2title {
    font-size: 2.5rem;
    text-align: center;
  }
}

.ctaArea__linkBlock {
  -webkit-column-gap: 40px;
          column-gap: 40px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

@media (max-width: 1023px) {
  .ctaArea__linkBlock {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
    max-width: 313px;
    row-gap: 32px;
    width: 100%;
  }
}

.ctaArea__link {
  width: 417px;
}

@media (max-width: 1023px) {
  .ctaArea__link {
    max-width: 313px;
    width: 100%;
  }
}

.ctaArea__link--txt {
  color: #ffffff;
  font-family: 'UD新ゴ DB';
  font-size: 1.8rem;
  text-align: center;
}

@media (max-width: 1023px) {
  .ctaArea__link--txt {
    font-size: 1.6rem;
  }
}

.ctaArea__link--left {
  background: #408cff;
  border: 3px solid #ffffff;
  color: #ffffff;
}

@media (max-width: 1023px) {
  .ctaArea__link--left {
    border: 3px solid #ffffff;
  }
}

.ctaArea__link--left:after {
  background: url(/sites/default/files/media/jp/service/yahoo-ads/campaign/20248989gift/img/cta_arrow_white.svg) center center no-repeat;
  background-size: contain;
  content: '';
  height: 31px;
  width: 31px;
}

@media (max-width: 1023px) {
  .ctaArea__link--left:after {
    height: 24px;
    width: 24px;
  }
}

.ctaArea__link--right {
  background: #ffffff;
  border: 3px solid #408cff;
  color: #408cff;
}

@media (max-width: 1023px) {
  .ctaArea__link--right {
    border: 3px solid #408cff;
  }
}

.ctaArea__link--right:after {
  background: url(/sites/default/files/media/jp/service/yahoo-ads/campaign/20248989gift/img/cta_arrow_blue.svg) center center no-repeat;
  background-size: contain;
  content: '';
  height: 31px;
  width: 31px;
}

@media (max-width: 1023px) {
  .ctaArea__link--right:after {
    height: 24px;
    width: 24px;
  }
}

.ctaArea__btn {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  border-radius: calc(1px / 0);
  -webkit-box-shadow: 1px 12px 20px 0 rgba(90, 90, 90, 0.25);
          box-shadow: 1px 12px 20px 0 rgba(90, 90, 90, 0.25);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-family: 'UD新ゴ B';
  font-size: 2.4rem;
  height: 66px;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  letter-spacing: .06em;
  line-height: 1;
  padding-inline: 38px 18px;
  text-decoration: none;
  -webkit-transition: opacity .4s ease-out;
  transition: opacity .4s ease-out;
  width: 417px;
}

@media (max-width: 1023px) {
  .ctaArea__btn {
    font-size: 1.9rem;
    height: 52px;
    max-width: 313px;
    padding-inline: 30px 14px;
    width: 100%;
  }
}

.ctaArea__btn:hover {
  opacity: .85;
  text-decoration: none;
}

.wrap {
  margin-top: 0 !important;
}

#lyb-header {
  display: none !important;
}

#lyb-footer {
  margin-top: 64px;
}

@media (max-width: 1023px) {
  #lyb-footer {
    margin-top: 40px;
  }
}
/*# sourceMappingURL=style.css.map */