@charset "UTF-8";
/**
 *
 * index: トップページ
 *
*/
/*----------------------------
	ツール
-----------------------------*/
/*---------------------------------------------
	FixedBg
----------------------------------------------*/
#FixedBg {
  width: 100%;
  height: calc(100% - 4.89583vw + 4px);
  position: fixed;
  top: 4.89583vw;
  left: 0;
  overflow: hidden;
  z-index: 1;
  background: #000;
}

#FixedBg #MvVideo {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

@media all and (max-width: 1024px) {
  #FixedBg {
    background: none;
    top: 0;
    height: 102vh;
  }
}

/*----------------------------
	Keyvisual
-----------------------------*/
#Keyvisual {
  width: 100%;
  height: 56.25vw;
  position: relative;
  padding: 0;
  background: none;
  /*&::after{
    content: "";
    width: 2px;
    height: 100vh;
    position: absolute;
    top: 0;
    left: calc(50% - 1px);
    background: rgba(255,255,255,.5);
  }*/
}

#Keyvisual .banner_group, #Keyvisual #MoviebtnGroup {
  width: 15.625vw;
  position: absolute;
  top: 6.25vw;
  left: 1.5625vw;
}

#Keyvisual .banner_group li, #Keyvisual #MoviebtnGroup li {
  width: 100%;
  margin-bottom: 1.04167vw;
}

#Keyvisual .banner_group li:last-child, #Keyvisual #MoviebtnGroup li:last-child {
  margin-bottom: 0;
}

#Keyvisual .banner_group li a, #Keyvisual #MoviebtnGroup li a {
  -webkit-transition: filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: filter 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 1025px) {
  #Keyvisual .banner_group li a:hover, #Keyvisual #MoviebtnGroup li a:hover {
    -webkit-filter: brightness(120%);
    filter: brightness(120%);
  }
}

#Keyvisual #MoviebtnGroup {
  width: 10.41667vw;
  left: auto;
  right: 1.5625vw;
}

#Keyvisual .twitter_space {
  width: 15.625vw;
  height: 25vw;
  background: url("../images/twitter_title.jpg") #000 no-repeat top 1.14583vw center;
  background-size: 7.55208vw;
  position: absolute;
  top: 34.79167vw;
  left: 1.5625vw;
  padding: 0.26042vw;
}

#Keyvisual .twitter_space .inner_box {
  padding: 2.86458vw 0.78125vw 0 0.78125vw;
  border: solid 1px #2da8b7;
  width: 100%;
  height: 100%;
}

#Keyvisual .twitter_space .inner_box .twitterbox {
  width: 100%;
  height: 100%;
  /*&::-webkit-scrollbar {
          display:none;
        }*/
}

#Keyvisual .twitter_space .inner_box .twitterbox iframe {
  min-width: auto !important;
  min-width: none !important;
  min-width: unset !important;
}

@media all and (max-width: 1024px) {
  #Keyvisual {
    height: 230.13333vw;
    padding: 81.6vw 2.66667vw 0 2.66667vw;
  }
  #Keyvisual .banner_group, #Keyvisual #MoviebtnGroup {
    width: 100%;
    position: relative;
    top: auto;
    left: auto;
  }
  #Keyvisual .banner_group li, #Keyvisual #MoviebtnGroup li {
    width: 100%;
    margin-bottom: 4.26667vw;
  }
  #Keyvisual .banner_group li:last-child, #Keyvisual #MoviebtnGroup li:last-child {
    margin-bottom: 0;
  }
  #Keyvisual #MoviebtnGroup {
    right: auto;
  }
}

/*----------------------------
	#Contents
-----------------------------*/
#Contents {
  margin-top: -14.0625vw;
}

@media all and (max-width: 1024px) {
  #Contents {
    margin-top: 0;
  }
}

/*----------------------------
	Campaign
-----------------------------*/
#Campaign {
  margin-bottom: 5.20833vw;
  padding: 0;
}

#Campaign .inner {
  width: 62.5vw;
  padding: 0;
  background: url("../images/campaign_bg_pc-end.jpg") no-repeat top center;
  background-size: 100%;
  height: 49.84375vw;
}

#Campaign .inner a.coming {
  pointer-events: none;
}

#Campaign .inner #Stepbtn1, #Campaign .inner #Stepbtn2 {
  width: 16.14583vw;
  position: absolute;
  top: 44.375vw;
  left: 2.34375vw;
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 1025px) {
  #Campaign .inner #Stepbtn1:hover, #Campaign .inner #Stepbtn2:hover {
    opacity: .7;
  }
}

#Campaign .inner #Stepbtn2 {
  left: 23.125vw;
}

@media all and (max-width: 1024px) {
  #Campaign {
    margin-bottom: 4.26667vw;
    padding: 0 2.66667vw;
  }
  #Campaign .inner {
    width: 100%;
    background: url("../images/campaign_bg_sp-end.jpg") no-repeat top center;
    background-size: 100%;
    height: 209.6vw;
  }
  #Campaign .inner #Stepbtn1, #Campaign .inner #Stepbtn2 {
    width: 82.66667vw;
    top: 122.4vw;
    left: 6.13333vw;
  }
  #Campaign .inner #Stepbtn2 {
    top: 162.93333vw;
  }
}

/*----------------------------
	Campaign2
-----------------------------*/
#Campaign2 {
  margin-bottom: 5.20833vw;
  padding: 0;
}

#Campaign2 .inner {
  background: url("../images/campaign2_bg3_pc.png") no-repeat top center;
  background-size: 65.10417vw;
  height: 139.42708vw;
}

#Campaign2 .inner #Realpaybtn {
  font-family: Avenir, "Open Sans", "Helvetica Neue", Helvetica, Arial, Verdana, Roboto, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "游ゴシック", "Yu Gothic", "游ゴシック体", "YuGothic", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  font-weight: bold;
  font-size: 1.04167vw;
  line-height: 1.04167vw;
  letter-spacing: 0;
  color: #3287ef;
  position: absolute;
  top: 45.83333vw;
  left: calc(50% + 16.8vw);
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 1025px) {
  #Campaign2 .inner #Realpaybtn:hover {
    opacity: 0.7;
  }
}

#Campaign2 .inner .itemlist {
  width: 52.08333vw;
  margin: 0 auto;
  padding-top: 49.47917vw;
}

#Campaign2 .inner .itemlist .item {
  width: 100%;
  border-bottom: solid 1px #dc0071;
  padding-bottom: 1.04167vw;
  margin-bottom: 1.04167vw;
}

#Campaign2 .inner .itemlist .item:last-child {
  border-bottom: none;
  padding-bottom: 0;
  margin-bottom: 0;
}

#Campaign2 .inner .mailbtn {
  position: absolute;
  width: 6.25vw;
  height: 1.35417vw;
  top: 49.47917vw;
  left: calc(50% - 16.6vw);
  background: none;
}

#Campaign2 .inner #Twitterbtn {
  width: 23.95833vw;
  margin: 2.60417vw auto 0 auto;
  -webkit-transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: opacity 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

@media screen and (min-width: 1025px) {
  #Campaign2 .inner #Twitterbtn:hover {
    opacity: 0.7;
  }
}

#Campaign2 .inner #Term {
  position: relative;
  width: 56.25vw;
  margin: 4.94792vw auto 0 auto;
  padding: 2.60417vw;
  background: #fff;
  border-radius: 0.52083vw;
}

#Campaign2 .inner #Term .scroll-area {
  width: 100%;
  height: 20.36458vw;
  overflow: hidden;
}

#Campaign2 .inner #Term .scroll-area h4 {
  font-weight: 700;
  font-size: 1.5625vw;
  line-height: 2.08333vw;
  text-align: center;
  margin-bottom: 1.04167vw;
}

#Campaign2 .inner #Term .scroll-area .article_content {
  margin-bottom: 1.04167vw;
}

#Campaign2 .inner #Term .scroll-area .article_content:last-child {
  margin-bottom: 0;
}

#Campaign2 .inner #Term .scroll-area .article_content h5 {
  font-weight: 700;
  font-size: 0.9375vw;
  line-height: 1.45833vw;
  letter-spacing: 0;
}

#Campaign2 .inner #Term .scroll-area .article_content p, #Campaign2 .inner #Term .scroll-area .article_content li {
  font-weight: 400;
  font-size: 0.83333vw;
  line-height: 1.35417vw;
  letter-spacing: 0;
}

#Campaign2 .inner #Term .scroll-area .article_content p.margin_left, #Campaign2 .inner #Term .scroll-area .article_content li.margin_left {
  margin-left: 0.78125vw;
}

#Campaign2 .inner #Term .scroll-area .article_content p a, #Campaign2 .inner #Term .scroll-area .article_content li a {
  display: inline;
  -webkit-transition: color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
  transition: color 0.5s cubic-bezier(0.215, 0.61, 0.355, 1);
}

#Campaign2 .inner #Term .scroll-area .article_content .attention {
  margin-top: 0.52083vw;
}

#Campaign2 .inner #Term .scroll-area .article_content .attention p {
  font-size: 0.67708vw;
  line-height: 1.04167vw;
  letter-spacing: 0;
}

#Campaign2 .inner #Term .scroll-area .article_content .disclist li {
  list-style-type: disc;
  margin-left: 1.25vw;
}

#Campaign2 .inner #Term .scroll-area .article_content .numberlist li {
  list-style-type: decimal;
  margin-left: 1.25vw;
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
  margin-right: 1.5625vw;
}

.mCSB_draggerContainer::before {
  content: "";
  width: 4px;
  height: 100%;
  background: rgba(0, 0, 0, 0.15);
  position: absolute;
  top: 0;
  left: calc(50% - 2px);
}

.mCSB_draggerContainer .mCSB_draggerRail {
  display: none;
}

@media all and (max-width: 1024px) {
  #Campaign2 {
    margin-bottom: 4.26667vw;
    padding: 0;
  }
  #Campaign2 .inner {
    background: url("../images/campaign2_bg3_sp.png") no-repeat top center;
    background-size: 95.73333vw;
    height: 297.6vw;
  }
  #Campaign2 .inner #Realpaybtn {
    font-size: 2.93333vw;
    line-height: 2.93333vw;
    top: 117.33333vw;
    left: calc(50% + 13.8vw);
  }
  #Campaign2 .inner .itemlist {
    width: 84vw;
    padding-top: 92vw;
  }
  #Campaign2 .inner .itemlist .item {
    padding-bottom: 2.66667vw;
    margin-bottom: 2.66667vw;
  }
  #Campaign2 .inner .itemlist .item:last-child {
    border-bottom: none;
    padding-bottom: 0;
    margin-bottom: 0;
  }
  #Campaign2 .inner .mailbtn {
    width: 13.86667vw;
    height: 2.66667vw;
    top: 128.53333vw;
    left: calc(50% - 13.4vw);
  }
  #Campaign2 .inner #Twitterbtn {
    width: 61.33333vw;
    margin: 5.33333vw auto 0 auto;
  }
  #Campaign2 .inner #Term {
    width: 89.33333vw;
    margin: 8.53333vw auto 0 auto;
    padding: 5.33333vw 1.6vw 5.33333vw 6.93333vw;
    border-radius: 1.33333vw;
  }
  #Campaign2 .inner #Term .scroll-area {
    height: 55.46667vw;
  }
  #Campaign2 .inner #Term .scroll-area h4 {
    font-size: 4.26667vw;
    line-height: 5.33333vw;
    margin-bottom: 4vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content {
    margin-bottom: 2.66667vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content:last-child {
    margin-bottom: 0;
  }
  #Campaign2 .inner #Term .scroll-area .article_content h5 {
    font-size: 2.93333vw;
    line-height: 4.8vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content p, #Campaign2 .inner #Term .scroll-area .article_content li {
    font-size: 2.93333vw;
    line-height: 4.8vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content p.margin_left, #Campaign2 .inner #Term .scroll-area .article_content li.margin_left {
    margin-left: 4.8vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content .attention {
    margin-top: 2.66667vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content .attention p {
    font-size: 2.66667vw;
    line-height: 4.8vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content .disclist li {
    margin-left: 4.8vw;
  }
  #Campaign2 .inner #Term .scroll-area .article_content .numberlist li {
    margin-left: 4.8vw;
  }
  .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
    margin-right: 5.33333vw;
  }
  .mCSB_inside > .mCSB_container {
    margin-right: 5.33333vw;
  }
}

/*----------------------------
	Link
-----------------------------*/
@media all and (max-width: 1024px) {
  #Link {
    padding: 0;
  }
  #Link .inner a {
    width: 100%;
    margin-bottom: 4vw;
  }
  #Link .inner a.coming {
    pointer-events: none;
  }
}

/*----------------------------
	Twitter
-----------------------------*/
@media all and (max-width: 1024px) {
  #Twitter {
    padding: 0;
    margin-bottom: 4.26667vw;
  }
  #Twitter .twitter_space {
    width: 100%;
    height: 130.93333vw;
    background: url("../images/twitter_title.jpg") #000 no-repeat top 5.33333vw center;
    background-size: 44.8vw;
    padding: 1.33333vw;
  }
  #Twitter .twitter_space .inner_box {
    padding: 17.6vw 4.53333vw 0.26667vw 4.53333vw;
    border: solid 1px #2da8b7;
    width: 100%;
    height: 100%;
  }
  #Twitter .twitter_space .inner_box .twitterbox {
    width: 100%;
    height: 100%;
  }
}

/*----------------------------
	Banner
-----------------------------*/
@media all and (max-width: 1024px) {
  #Banner {
    padding: 0;
    margin-bottom: 6.66667vw;
  }
  #Banner .inner .banner_group, #Banner .inner #Keyvisual #MoviebtnGroup, #Keyvisual #Banner .inner #MoviebtnGroup {
    width: 100%;
  }
  #Banner .inner .banner_group li, #Banner .inner #Keyvisual #MoviebtnGroup li, #Keyvisual #Banner .inner #MoviebtnGroup li {
    width: 100%;
    margin-bottom: 4.26667vw;
  }
  #Banner .inner .banner_group li:last-child, #Banner .inner #Keyvisual #MoviebtnGroup li:last-child, #Keyvisual #Banner .inner #MoviebtnGroup li:last-child {
    margin-bottom: 0;
  }
}