@media screen and (max-width: 767px) {
  .only-pc {
    display: none;
  }
}
.only-tab {
  display: none;
}
@media screen and (max-width: 1099px) {
  .only-tab {
    display: block;
  }
}

@media print, screen and (min-width: 768px) {
  .only-sp {
    display: none;
  }
}
.fv__logo {
  top: 80px;
}
@media screen and (max-width: 1099px) {
  .fv__ttl {
    padding-top: 80px;
  }
}
@media screen and (max-width: 419px) {
  .fv__img::before {
    height: 72%;
  }
}

.osae__wrap {
  margin-top: 4em;
}
.osae__wrap-img {
  width: 90%;
  max-width: 445px;
  margin-bottom: 1.5em;
}
.osae__wrap p {
  margin-top: 0;
}

.lineup__list li .price__box .special_price p {
  font-weight: 800;
  font-size: 2rem;
  line-height: 1;
  color: #fff;
}
.lineup__list li .price__box .special_price p.limited {
  font-size: 50%;
  font-weight: 600;
}

.lineup__list li .price__box .special_price2 p {
  font-weight: 800;
  font-size: 2rem;
  line-height: 1;
  color: #1B2F92;
}
@media screen and (max-width: 419px) {
.lineup__list li .price__box .special_price2 p {
  font-size: 1.5rem;
}
}
.lineup__list li .price__box .special_price2 p.limited {
  font-size: 50%;
  font-weight: 600;
}

.or_txt {
  background-color: #1B2F92;
  border-radius: 100%;
  color: #ffffff;
  padding: 1.2em 0.5em;
  text-align: center;
  font-size: 1em;
  margin-right: 0.3em;
}

@media screen and (max-width: 419px) {
.or_txt {
    padding: 1em 0.2em;
    font-size: 0.9em;
    margin-right: 0.1em;
}
}

.fv__main {
  position: relative;
  max-width: 1600px;
  width: 100%;
  margin: auto;
  text-align: center;
}
@media screen and (max-width: 768px) {
  .fv__main {
  max-width: 500px;
  width: 100%;
}
}

.fv-logo {
  position: absolute;
  max-width: 380px;
  width: 60%;
  right: 5%;
  bottom: 3%;
}
@media screen and (max-width: 1000px) {
  .fv-logo {
  max-width: 300px;
}
}
@media screen and (max-width: 768px) {
  .fv-logo {
  max-width: 200px;
  width: 35%;
      right: 3%;
    bottom: 10%;
}
}

.image_txt {
position: absolute;
    bottom: 20px;
    right: 20px;
}

@media screen and (max-width: 768px) {
.image_txt {
position: absolute;
    bottom: 10px;
    right: 10px;
}
}

.image_txt p{
  color: #ffffff;
  text-shadow: 1px 1px 2px #000000;
}
@media screen and (max-width: 768px) {
.image_txt p{
  font-size: 0.8em;
}
}

.copy-text_wrap {
  max-width: 950px;
  margin: 0 auto 5%;
}

.brand-wrap {
  max-width: 800px;
  margin: 0 auto 3%;
  text-align: center;
}

.brand-logo {
  max-width: 260px;
  margin: 0 auto 20px;
}
@media screen and (max-width: 768px) {
.brand-logo {
  max-width: 130px;
  margin: 0 auto;
}
}

.brand-txt {
  max-width: 900px;
  margin: auto;
}
@media screen and (max-width: 768px) {
.brand-txt {
  max-width: 340px;
  margin: auto;
}
}


