@charset "UTF-8";

/* ========================================================
#mvArea
======================================================== */
#mvArea {
  background: url(../image/tigershikari/new/mv_pc_bg.png) center top no-repeat;
  background-size: cover;
  margin: 0 auto;
  height: 650px;
  padding-top: 30px;
}
#mvArea img {
  height: 90%;
  width: auto;
}
@media screen and (max-width: 768px) {
  #mvArea {
    background: none;
    height: unset;
    padding-top: 0;
  }
  #mvArea img {
    height: auto;
    width: 100%;
  }
}
/* ========================================================
.howtoArea
======================================================== */
.howtoArea {
  padding: 24px 0 0;
}
.howtoArea > img {
  width: 100%;
  display: block;
  margin: auto;
}
.howtoArea > img:nth-of-type(1),
.howtoArea > img:nth-of-type(2) {
  max-width: fit-content;
}
.howtoArea .box {
  border: 10px solid #FFD800;
  max-width: 1040px;
  margin: 15px auto 0;
  padding: 40px 50px;
  box-sizing: border-box;
}
.howtoArea .aboutTtl {
  margin-bottom: 15px;
}
.howtoArea .aboutTtl u {
  margin-top: 0;
  font-size: 180%;
}
.howtoArea .aboutTtl u::before {
  height: 7px;
}
.howtoArea .price {
  max-width: 713px;
  margin: auto;
}
.howtoArea .price > img {
  display: block;
  margin: auto;
}
.howtoArea .price > img:nth-child(1) {
  width: 190px;
  margin: 0 auto 10px;
}
.howtoArea .price > span {
  display: block;
}
.howtoArea .price .payment {
  display: flex;
  align-items: baseline;
  width: fit-content;
  margin: 0 auto 20px;
  padding-top: 15px;
}
.howtoArea .price > p {
  text-align: left;
  line-height: 1.8;
  text-indent: -1rem;
  margin-left: 1rem;
}
.howtoArea .box hr {
  border-top: 2px dashed #ffd800;
  margin: 40px 0 30px;
}
@media screen and (max-width: 768px) {
  .howtoArea > img:nth-of-type(1) {
    width: 43.5vw;
  }
  .howtoArea > img:nth-of-type(2) {
    width: 92vw;
  }
  .howtoArea .box {
    margin-top: 10px;
  }
  .howtoArea .box {
    padding: 20px;
    border: 4px solid #FFD800;
  }
  .howtoArea .price > img:nth-child(1) {
    width: 30vw;
  }
  .howtoArea .aboutTtl {
    margin: 0 0 10px;
  }
  .howtoArea .aboutTtl u {
    font-size: 140%;
  }
  .howtoArea .price .payment img {
    width: 80vw;
  }
  .howtoArea .box hr {
    border-top: 1px dashed #ffd800;
    margin: 20px 0 15px;
  }
  .howtoArea .aboutTtl img {
    width: 30vw;;
  }
}
/* ========================================================
.aboutTtl
======================================================== */
.howtoArea .aboutTtl > img {
  display: block;
  margin: auto;
}
.howtoArea .aboutTtl img {
  margin-bottom: 10px;
}
.howtoArea .d-flex {
  display: flex;
  gap: 35px;
  margin-top: 25px;
}
.howtoArea .d-flex .inbox {
  width: 50%;
  background: #F4F4F4;
  padding: 30px 42px;
}
.howtoArea .d-flex .inbox h3 {
  width: fit-content;
  background-color: #fff;
  padding: 7px 17px;
  border-radius: 50px;
  margin: 0 auto 16px;
  font-size: 140%;
}
.howtoArea .d-flex .inbox p {
  text-align: justify;
  line-height: 1.8;
}
.howtoArea .d-flex .inbox:last-child p {
  margin-bottom: 50px;
}
.howtoArea .d-flex .inbox .gift img {
  display: block;
  max-width: fit-content;
  text-align: center;
  margin: auto;
}
.campaign_bnr {
  display: block;
  margin-top: 60px;
}
@media screen and (max-width: 768px) {
  .howtoArea .d-flex {
    flex-wrap: wrap;
    gap: 20px 0;
    margin-top: 0;
  }
  .howtoArea .d-flex .inbox {
    width: 100%;
    padding: 5.5vw 4vw;
  }
  .howtoArea .d-flex .inbox h3 {
    margin-bottom: 10px;
    font-size: 115%;
  }
  .howtoArea .d-flex .inbox .d-flex img {
    width: 100%;
    margin: auto;
  }
  .howtoArea .d-flex .inbox .gift {
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 23px;
  }
  .howtoArea .d-flex .inbox:last-child p {
    margin-bottom: 10px;
  }
  .howtoArea .d-flex .inbox .gift img {
    margin: 0;
  }
  .howtoArea .d-flex .inbox .gift img:first-child {
    width: 13vw
  }
  .howtoArea .d-flex .inbox .gift img:last-child {
    width: 43vw;
  }
  .campaign_bnr {
    margin-top: 30px;
  }
}