@charset "UTF-8";
/* ------------------------------------------------------------------------------------------------------------------
共通項目
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 {
  padding-bottom: 20vw;
  color: #ce1d1d;
  font-family: 'Zen Maru Gothic', sans-serif;
  background: url(/img/contents/lp/article2111_01/bg-decoration.png) center repeat-y, url(/img/contents/lp/article2111_01/bg-stripe.png) repeat center;
  background-size: max(100%,1920px), auto;
}

#article2111_01 img {
  display: block;
  width: 100%;
  height: auto;
  backface-visibility: hidden;
  -webkit-backface-visibility: hidden;
}

#article2111_01 .pc{
  display: none;
}

@media only screen and (min-width: 769px) {
  #article2111_01 {
    padding-bottom: 8vw;
  }

  #article2111_01 .sp{
    display: none;
  }

  #article2111_01 .pc{
    display: block;
  }
}

/* ------------------------------------------------------------------------------------------------------------------
type-heroarea
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 .type-heroarea{
  position: relative;
  padding-top: 10px;
  margin-bottom: 80vw;
}

#article2111_01 .fv-logo{
  position: absolute;
  top: 64.4%;
  left: 50%;
  transform: translate3d(-50%,0,0);
  width: min(89%,684px);
}

#article2111_01 .btn-container{
  position: absolute;
  top: 121%;
  left: 50%;
  transform: translate3d(-50%,0,0);
  width: min(52%,400px);
  z-index: 1;
}

#article2111_01 .btn-container::before{
  content: '';
  display: block;
  padding-top: 100%;
}

#article2111_01 .btn-container::after{
  content: '';
  display: block;
  position: absolute;
  top: 3px;
  left: 3px;
  width: 100%;
  height: 100%;
  background: rgba(49,4,4,.7);
  border-radius: 100%;
  filter: blur(4px);
  z-index: -1;
  transition: filter .2s ease;
}

#article2111_01 .btn-container img{
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  width: 100%;
  height: 100%;
  transition: transform .2s ease;
}

@media only screen and (min-width: 769px) {
  #article2111_01 .type-heroarea{
    margin: 0;
  }

  #article2111_01 .illust-container{
    margin: 0 auto;
    width: min(100%,1612px);
  }

  #article2111_01 .fv-logo{
    top: 35.4%;
    left: 50%;
    width: min(42.43%,684px);
  }

  #article2111_01 .btn-container{
    top: 64.2%;
    left: 68.85%;
    transform: translate3d(0,0,0);
    width: min(12.4%,200px);
  }

  #article2111_01 .btn-container:hover img{
    transform: translate3d(3px,3px,0);
  }

  #article2111_01 .btn-container:hover::after{
    filter: blur(2px);
  }
}

/* ------------------------------------------------------------------------------------------------------------------
type-canpaign campaign1
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 .type-campaign h2{
  background: rgba(255,255,255,.5);
}

#article2111_01 .type-campaign h2 img{
  padding: 20px 0;
  margin: 0 auto;
  width: min(90%,692px);
}

#article2111_01 .type-campaign .campaign-container{
  position: relative;
}

#article2111_01 .type-campaign .campaign-container p{
  text-align: center;
}

#article2111_01 .type-campaign .campaign-container .campaign-text .line{
  position: relative;
  z-index: 1;
}

#article2111_01 .type-campaign .campaign-container .campaign-text .line::before{
  content: '';
  display: block;
  position: absolute;
  bottom: 0.5vw;
  left: 0;
  width: 100%;
  height: min(2.3vw,18px);
  background: #ffec5f;
  z-index: -1;
}

#article2111_01 .type-campaign .campaign1 .campaign-text{
  position: absolute;
  top: 42%;
  left: 4%;
  width: 70%;
}

#article2111_01 .type-campaign .campaign1 .campaign-text p{
  font-size: 7.8vw;
}

#article2111_01 .type-campaign .campaign1 .campaign-text p .small{
  font-size: 5.2vw;
}

#article2111_01 .type-campaign .campaign1 .campaign-text p strong{
  font-size: 10.4vw;
}

#article2111_01 .type-campaign .campaign1 .campaign-text p.period{
  position: relative;
  padding: .45em 0 .75em;
  margin-top: 10vw;
  background: #ce1d1d;
  font-size: 2.6vw;
  color: #fff;
  border-radius: 100px;
  box-sizing: border-box;
}

#article2111_01 .type-campaign .campaign1 .campaign-text p.period strong{
  font-size: 3.9vw;
}

#article2111_01 .type-campaign .campaign1 .campaign-text p.period img{
  position: absolute;
  top: 50%;
  left: 59%;
  transform: translate3d(0%,-50%,0);
  width: min(32.4%,154px);
}

#article2111_01 .type-campaign .campaign1 .campaign-text p.new-period{
  position: absolute;
  top: 66%;
  left: 68%;
  padding: .25em .6em .35em;
  width: min(40%,307px);
  font-size: 3.9vw;
  background: #ffec5f;
  border-radius: 50px;
  box-sizing: border-box;
}

#article2111_01 .type-campaign .campaign1 .caution-text{
  position: absolute;
  bottom: -5vw;
  left: 0;
  width: 100%;
  font-size: 3.4vw;
  line-height: 1.5em;
}

@media only screen and (min-width: 769px) {
  #article2111_01 .type-campaign .campaign-container{
    position: relative;
    margin: 0 auto;
    width: min(100%,1200px);
  }

  #article2111_01 .type-campaign h2 img{
    width: min(76.3%,916px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-pic{
    margin: 0 auto;
    width: min(80.2%,962px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-text{
    position: absolute;
    top: 46%;
    left: 18%;
    width: min(45.8%,550px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-text p{
    font-size: min(5vw,60px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-text p strong{
    font-size: min(6.7vw,80px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-text p .small{
    font-size: min(3.3vw,40px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-text p.period{
    margin-top: min(5.5vw,66px);
    font-size: min(1.66vw,20px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-text p.period strong{
    font-size: min(2.5vw,30px);
  }

  #article2111_01 .type-campaign .campaign1 .campaign-text p.new-period{
    font-size: min(2.5vw,30px);
  }

  #article2111_01 .type-campaign .campaign1 .caution-text{
    bottom: -1vw;
    font-size: min(1.66vw,20px);
  }
}

/* ------------------------------------------------------------------------------------------------------------------
type-canpaign campaign2
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 .type-campaign .campaign2{
  margin-top: 17vw;
}

#article2111_01 .type-campaign .campaign2 .campaign-text{
  position: absolute;
  top: 26%;
  left: 33%;
  width: min(62%,476px);
}

#article2111_01 .type-campaign .campaign2 .campaign-text p{
  font-size: 4.2vw;
}

#article2111_01 .type-campaign .campaign2 .campaign-text p strong{
  font-size: 8.4vw;
}

#article2111_01 .type-campaign .campaign2 .campaign-text p:nth-of-type(2){
  margin-top: 2vw;
  font-size: 3.65vw;
  line-height: 1.5em;
}

#article2111_01 .type-campaign .campaign2 .campaign-text p.period{
  padding: .6em;
  margin-top: min(13vw,100px);
  background: #ce1d1d;
  font-size: 2.6vw;
  color: #fff;
  border-radius: 100px;
  box-sizing: border-box;
}

#article2111_01 .type-campaign .campaign2 .campaign-text p.period strong{
  font-size: 3.9vw;
}

#article2111_01 .type-campaign .campaign2 .caution-text{
  position: absolute;
  bottom: -4vw;
  left: 0;
  width: 100%;
  font-size: 3.4vw;
  line-height: 1.5em;
}

@media only screen and (min-width: 769px) {
  #article2111_01 .type-campaign .campaign2{
    margin-top: 4.8vw;
  }

  #article2111_01 .type-campaign .campaign2 .campaign-pic{
    margin: 0 auto;
    width: min(82.3%,988px);
  }

  #article2111_01 .type-campaign .campaign2 .campaign-text{
    left: 35.6%;
    width: min(39.66%,476px);
  }

  #article2111_01 .type-campaign .campaign2 .campaign-text p{
    font-size: min(2.66vw,32px);
  }

  #article2111_01 .type-campaign .campaign2 .campaign-text p strong{
    font-size: min(5.33vw,64px);
  }

  #article2111_01 .type-campaign .campaign2 .campaign-text p:nth-of-type(2){
    margin-top: 1.2vw;
    font-size: min(2.33vw,28px);
  }

  #article2111_01 .type-campaign .campaign2 .campaign-text p.period{
    margin-top: min(3.5vw,67px);
    font-size: min(1.66vw,20px);
  }

  #article2111_01 .type-campaign .campaign2 .campaign-text p.period strong{
    font-size: min(2.5vw,30px);
  }

  #article2111_01 .type-campaign .campaign2 .caution-text{
    bottom: 0.7vw;
    font-size: min(1.66vw,20px);
  }

}

/* ------------------------------------------------------------------------------------------------------------------
type-canpaign campaign3
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 .type-campaign .campaign3{
  margin-top: 12vw;
}

#article2111_01 .type-campaign .campaign3 .campaign-text{
  position: absolute;
  top: 43%;
  left: 5%;
  width: min(60%,455px);
}

#article2111_01 .type-campaign .campaign3 .campaign-text p{
  font-size: 4.2vw;
}

#article2111_01 .type-campaign .campaign3 .campaign-text p strong{
  font-size: 8.4vw;
}

#article2111_01 .type-campaign .campaign3 .campaign-text p:nth-of-type(2){
  margin-top: 1vw;
  font-size: 3.4vw;
  line-height: 1.5em;
}

#article2111_01 .type-campaign .caution-text{
  font-size: 3.4vw;
}

@media only screen and (min-width: 769px) {
  #article2111_01 .type-campaign .campaign3{
    margin-top: 2vw;
  }

  #article2111_01 .type-campaign .campaign3 .campaign-pic{
    margin: 0 auto;
    width: min(74.2%,890px);
  }

  #article2111_01 .type-campaign .campaign3 .campaign-text{
    top: 39%;
    left: 21.2%;
    width: min(37.9%,455px);
  }

  #article2111_01 .type-campaign .campaign3 .campaign-text p{
    font-size: min(2.66vw,32px);
  }

  #article2111_01 .type-campaign .campaign3 .campaign-text p strong{
    font-size: min(5.33vw,64px);
  }

  #article2111_01 .type-campaign .campaign3 .campaign-text p:nth-of-type(2){
    font-size: min(2.16vw,26px);
  }

  #article2111_01 .type-campaign .caution-text{
    font-size: min(1.66vw,20px);
  }
}

/* ------------------------------------------------------------------------------------------------------------------
type-canpaign campaign4
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 .type-campaign .campaign4{
  margin-top: 8vw;
}

#article2111_01 .type-campaign .campaign4 .campaign-text{
  position: absolute;
  top: 41%;
  left: 47%;
  width: min(49%,376px);
}

#article2111_01 .type-campaign .campaign4 .campaign-text p{
  font-size: 4.2vw;
}

#article2111_01 .type-campaign .campaign4 .campaign-text p:nth-of-type(2){
  margin-top: 1vw;
  font-size: 5.9vw;
}

#article2111_01 .type-campaign .campaign4 .campaign-text p:nth-of-type(3){
  margin-top: 3vw;
}

@media only screen and (min-width: 769px) {
  #article2111_01 .type-campaign .campaign4{
    margin-top: 4vw;
  }

  #article2111_01 .type-campaign .campaign4 .campaign-pic{
    margin: 0 auto;
    width: min(73.6%,884px);
  }

  #article2111_01 .type-campaign .campaign4 .campaign-text{
    top: 33%;
    left: 47.6%;
    width: min(31.3%,376px);
  }

  #article2111_01 .type-campaign .campaign4 .campaign-text p{
    font-size: min(2.66vw,32px);
  }

  #article2111_01 .type-campaign .campaign4 .campaign-text p:nth-of-type(2){
    font-size: min(3.75vw,45px);
  }

  #article2111_01 .type-campaign .campaign4 .campaign-text p:nth-of-type(3){
    margin-top: 1.5vw;
  }
}

/* ------------------------------------------------------------------------------------------------------------------
type-canpaign campaign5
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 .type-campaign .campaign5{
  margin-top: 8vw;
}

#article2111_01 .type-campaign .campaign5 .campaign-text{
  position: absolute;
  top: 43%;
  left: 5%;
  width: min(57%,440px);
}

#article2111_01 .type-campaign .campaign5 .campaign-text p{
  font-size: 4.2vw;
}

#article2111_01 .type-campaign .campaign5 .campaign-text p:nth-of-type(2){
  margin-top: 2vw;
  font-size: 3.4vw;
}

#article2111_01 .type-campaign .campaign5 .campaign-text p:nth-of-type(3){
  margin-top: 1vw;
  font-size: 5.9vw;
}

#article2111_01 .type-campaign .campaign5 .campaign-text p:nth-of-type(4){
  margin-top: 3vw;
}

@media only screen and (min-width: 769px) {
  #article2111_01 .type-campaign .campaign5{
    margin-top: 2vw;
  }

  #article2111_01 .type-campaign .campaign5 .campaign-pic{
    margin: 0 auto;
    width: min(74.1%,890px);
  }

  #article2111_01 .type-campaign .campaign5 .campaign-text{
    top: 38%;
    left: 20%;
    width: min(36.6%,440px);
  }

  #article2111_01 .type-campaign .campaign5 .campaign-text p{
    font-size: min(2.66vw,32px);
  }

  #article2111_01 .type-campaign .campaign5 .campaign-text p:nth-of-type(2){
    margin-top: .7vw;
    font-size: min(2.16vw,26px);
  }

  #article2111_01 .type-campaign .campaign5 .campaign-text p:nth-of-type(3){
    margin-top: .5vw;
    font-size: min(3.75vw,45px);
  }

  #article2111_01 .type-campaign .campaign5 .campaign-text p:nth-of-type(4){
    margin-top: 1vw;
  }

}

/* ------------------------------------------------------------------------------------------------------------------
btn-bottom
------------------------------------------------------------------------------------------------------------------ */
#article2111_01 .btn-container.btn-bottom{
  margin: 10vw auto 0;
  position: relative;
  top: auto;
  left: auto;
  transform: translate3d(0,0,0);
  width: min(78.1%,600px);
}

#article2111_01 .btn-container.btn-bottom::before{
  padding-top: 20%;
}

#article2111_01 .btn-container.btn-bottom::after{
  border-radius: 120px;
}

@media only screen and (min-width: 769px) {
  #article2111_01 .btn-container.btn-bottom{
    margin: 5vw auto 0;
    width: min(50%,600px);
  }
}