@charset "UTF-8";

body {
  font-family: 'Arial',YuGothic,'Yu Gothic','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN W3','メイリオ', Meiryo,'ＭＳ ゴシック',sans-serif;
  background-position: left top;
  background-attachment: fixed;
  background-size: cover;
  -webkit-text-size-adjust: 100%;
}



@media screen and (max-width:480px){
  .wrapper {
    width: 100%;
    margin: auto;
    overflow: hidden;
  }
}


@media screen and (min-width:781px){
  .wrapper {
    width: 950px;
    margin: auto;
    overflow: hidden;
  }
  /*画面幅が781px以上の時*/
}

.mv-img {
  width: 100%;
  margin: 0 auto;
  background: url(../images/mv_img.png)no-repeat;
  background-size: 100%;
}

.mv_contents {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
  padding-top:62%;
}

.mv_contents img {
  width: 100%;
}

.contents {
  overflow: hidden;
  }

.cv_box {
  width: 100%;
  margin: auto;
  text-align: center;
  background: url(../images/cv_bg.png)no-repeat;
  background-size: cover;
}

.title_box {
  width: 90%;
  margin: auto;
  background: url(../images/bg_triangle.png)no-repeat;
  background-position: top;
  background-size: 35%;
}

.title_box p{
  text-align: center;
}

.title_1 img {
  width: 70%;
  margin: 4% 0;
}

.title_2 img {
  width: 50%;
  margin: 6% 0;
}

.title_3 img {
  width: 40%;
  margin: 6% 0;
}

.title_4 img {
  width: 60%;
  margin: 6% 0;
}

.title_5 img {
  width: 40%;
  margin: 6% 0;
}

.title_6 img {
  width: 70%;
  margin: 6% 0;
}

.tablezone{
  margin-top: 10%;
}

.tablezone h1{
    text-align: center;
    margin: 0;
    font-size: 24px;
    position: relative;
    font-weight: normal;
    display: inline-block;
    padding-top: 40px;
    padding-left: 40px;
    padding-bottom: 20px;
}


.tablezone p{
    text-align: left;

}

.v-table{}

table{
  width: 100%;
  border-collapse:separate;
  border-spacing: 0;
}

table th:first-child{
  border-radius: 5px 0 0 0;
}

table th:last-child{
  border-radius: 0 5px 0 0;
  border-right: 1px solid #3c6690;
}

table th{
  text-align: center;
  color:white;
  background: linear-gradient(#829ebc,#6888a9);
  border-left: 1px solid #3c6690;
  border-top: 1px solid #3c6690;
  border-bottom: 1px solid #3c6690;
  box-shadow: 0px 1px 1px rgba(255,255,255,0.3) inset;
  width: 25%;
  padding: 10px;
}

table td{
  text-align: left;
  border-left: 1px solid #a8b7c5;
  border-bottom: 1px solid #a8b7c5;
  border-top:none;
  box-shadow: 0px -2px 1px 0px #eee inset;
  width: 25%;
  padding: 10px;
}






.input_innner {
  background: url(../images/present_bg.png)no-repeat;
  position: relative;
  width: 90%;
  margin: auto;
  padding: 3% 0;
}

.cv_img {
  margin-top: 5%
}

.cv_img img {
  width: 100%;
  margin: auto;
}

.cv_innner {
  display: -ms-flexbox;
  display: flex;
  justify-content: space-between;
}

.cv_innner img {
  width: 100%;
}

.campaign {
  display: block;
}

.campaign img {
  width: 75%;
  margin-left: 25%;
}

.campaign_1 {
  display: block;
}

.campaign_1 img {
  width: 75%;
  margin-right: 30%;
}

.reg_click {
    position: absolute;
    right: 12%;
    bottom: 6%;
    width: 7%;
    z-index: 100;
}

.yubi {
  -webkit-animation-name: yubi;
  -webkit-animation-duration: 1.5s;
  -webkit-animation-iteration-count: infinite;
  -webkit-animation-direction: alternate;
  -webkit-animation-timing-function: ease;
  -moz-animation-name: yubi;
  -moz-animation-duration: 1.5s;
  -moz-animation-iteration-count: infinite;
  -moz-animation-direction: alternate;
  -moz-animation-timing-function: ease;
}

.cv_btn {
  width: 75%;
  background-size: cover;
  padding: 6% 0 0;
  text-indent: 120%;
  overflow: hidden;
  white-space: nowrap;
  visibility: visible;
  animation-duration: 1500ms;
  animation-iteration-count: infinite;
  animation-name: pulse;
  margin-bottom: 8%;
}

.changeImg {
  width: 30%;
}

.recommend_img {
  width: 90%;
  margin: auto;
}

.recommend_img img {
  width: 100%;
}

.recommend_point {
  width: 90%;
  margin: auto;
  text-align: center;
  margin-top: 5%;
}

.point_title img {
  width: 50%;
}

.point img {
  width: 100%;
}

.faq {
  width: 100%;
  margin: auto;
  text-align: center;
  background: url(../images/faq_bg.png)no-repeat;
  background-size: cover;
  padding: 3% 0;
}

.faq_list {
  width: 90%;
  margin: auto;
  text-align: center;
  margin-bottom: 10%;
}

.faq_list img {
  width: 100%;
}

.wow {
  visibility: hidden;
}

.start_box {
  width: 90%;
  margin: auto;
  text-align: center;
}

.start_img {
  margin-bottom: 3%;
  background:url(../images/lady_2.png) no-repeat;
  background-size: 100%;
  height: 80vw
}

@media screen and (min-width:781px){
  .start_img {
    height: 720px;
  }
}

.start_img img {
  width: 100%;
  margin-top: 42%;
}

.voice {
  width: 100%;
  margin: auto;
  text-align: center;
  padding: 3% 0;
}

.voice_list {
  width: 90%;
  margin: auto;
}

.voice_box {
  background: url(../images/voice_bg.png)no-repeat;
  background-size: 100%;
  margin-bottom: 5%;
  height: 82vw;
}

.user_name {
  display: block;
  padding: 6% 0;
  color: #fff;
  font-size: 6vw;
  font-weight: bold;
}

.reward {
  display: block;
  background: url(../images/reward_bg.png)no-repeat;
  background-size: 90%;
  margin-top: 6%;
  background-position: center;
  padding: 3.5% 0;
  font-weight: bold;
  font-size: 4vw;
}

.reward img {
  width: 90%;
  margin: auto;
}

.voice_txt {
  display: block;
  font-size: 3.5vw;
  padding:5.5% 3% 0 3%;
  text-align: left;
  line-height: 1.3;
  color: #E4007F;
}

@media screen and (min-width:781px){
  .voice_box  {
    height:778px;
  }

  .user_name {
    padding: 6% 0;
    font-size: 52px;
  }
  .reward {
    font-size: 37px;
  }
  .voice_txt {
    font-size: 30px;
    padding:5.5% 3% 0 3%;
    line-height: 1.5;
  }
  /*画面幅が781px以上の時*/
}
.ok_box {
  width: 100%;
  margin: auto;
  text-align: center;
}

.ok_img img {
  width: 100%;
  margin: auto;
}
 .footer_menu {
   line-height: 1.2;
   margin: 4% 0;
}
 .nav-footer {
   /* padding: 3% 0; */
   z-index: 100;
   width: 60%;
   margin: 0 auto;
   display: -ms-flexbox;
   display: flex;
   flex-wrap: wrap;
   justify-content: center;
}


 .nav-footer__item {
   padding:0 2.5%;
   line-height: 0.7;
   margin-top: 3%;
}

  .nav-footer__item a {
   font-size:3vw;
   font-weight: bold;
}

@media screen and (min-width:781px){
  .nav-footer__item a {
    font-size:20px;
  }

  .footer_menu {
    margin: 2% 0;
 }
}

  .Copyright {
   display: block;
   color: #000;
   background-color: #fff;
  }

  .Copyright p {
   width: 72%;
   margin: auto;
   font-size:2vw;
   text-align: center;
   padding: 2% 4%;
   letter-spacing: 1px;
   vertical-align: middle;
 }