/*全体*/
body {
  font-family:"MS Pゴシック",sans-serif;
  color: #000;
  text-align: justify;
  background-color: black;
}

p {
  line-height: 1.5;
}



.mb20 {
  margin-bottom: 20px !important;
}

.mt20 {
  margin-top: 20px !important;
}

.pb30 {
  padding-bottom: 30px !important;
}

.pt30 {
  padding-top: 30px !important;
}

li {
  list-style-type: none;
}



/*PC画面では見えない*/
.sp-item {
  display: none !important;
}


.sec-wrap {
  max-width: 640px;
  margin-left: auto;
  margin-right: auto;
  width: 100%;
}

.sec-wrap img{
  width: 100%;
}

.rollover:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-fter: "alpha( opacity=70 )";
}

.w85 {
  width: 85%;
  margin: 0 auto;
}





/*全体レスポンシブ*/
@media screen and (max-width: 640px) {

  /*スマホの時は見えない*/
  .pc-item {
    display: none !important;
  }

  /*スマホの時は見える*/
  .sp-item {
    display: block !important;
  }
}



/*全体ここまで*/




/*ヘッダー*/

.p-head{
  line-height: 0;
}


.sec2 {
  text-align: center;
}



/*特典パート*/
.bg {
  position: relative;
  background-color: #804287;
}




/*フォーム部分*/
.sec-cta {
  position: absolute;
  top: 146px;
  left: 0;
  text-align: center;
}

.form-btn {
  width: 86%;
}

.form-text {
  height: 62px;
  border: 1px solid #cdcdcd;
  font-size: 1.0em;
  box-sizing: border-box;
  width: 86%;
  margin: 0 auto;
  padding-left: 10px;
  border-radius: 0px !important;
}

::placeholder {
  font-size: 1em;
  color: #cdcdcd;
}



/*マイスピーに元からついているcss*/

.form-cyousei {
  padding: 0px !important;
  text-align: center !important;
}

.form-cyousei2 {
  margin-top: 3px !important;
  margin-bottom: 15px !important;
}


form.myForm div.submit {
  text-align: center;
  margin-top: -2px !important;
}




/*ボタン*/

.btn-box {
  margin-top: 3px;
}


.sec-cta2 {
  width: 85%;
  position: absolute;
  top: 146px;
  left: 0px;
}


/*テーブル*/

.tab {
  margin: 2em 0;
  padding: 1em 0;
  background: white;
}

.tabp {
  text-align: center;
  padding-bottom: 5px;
}

.service-table {
  line-height: initial;
  margin-left: auto;
  margin-right: auto;
}


table {
  border-collapse: collapse;
  margin-left: auto;
  margin-right: auto;
}
table th, table td {
  border: solid 1px black;
  vertical-align:middle;
  /*実線 1px 黒*/
}

table td {
  padding: 5px;
}

table th{/*thに対して*/
  color: white;/*文字色*/
  background: #D3145A;/*背景色*/
}

tbody {
  letter-spacing: -0.5px;
  text-align: left;
}



/*各デバイスのポジションした時のボタン配置*/

/*670px以上*/
/*ipad ipad-pro　PC*/
@media screen and (min-width: 670px){
  .sec-cta {
    position: absolute;
    top: 155px;
    left: 0px;
  }

  .form-text {
    height: 105px;
  }

  ::placeholder {
    font-size: 1.5em;
    color: #cdcdcd;
  }


}


/*iPhoneX iPhone6 7 8*/
@media screen and (max-width: 670px){
  .sec-cta {
    position: absolute;
    top: 92px;
    left: 0px;
  }
}


/*surface Duo*/
@media (min-width: 510px) and (max-width: 550px){
  /* 画面サイズが400px以上、500px未満の設定 */
  .sec-cta {
    position: absolute;
    top: 136px;
    left: 0px;
  }
 }

 /*iPhone6 7 8plus*/
@media (min-width: 400px) and (max-width: 500px){
  /* 画面サイズが400px以上、500px未満の設定 */
  .sec-cta {
    position: absolute;
    top: 97px;
    left: 0px;
  }
 }


 /*Galaxy S5*/
 @media (min-width: 340px) and (max-width: 365px){
  /* 画面サイズが400px以上、500px未満の設定 */
  .sec-cta {
    position:absolute;
    top: 85px;
    left: 0px;
  }

  .form-text {
    height: 55px;
  }
 }

   /*　SE  */
   @media (min-width: 365px) and (max-width: 375px){
    /* 画面サイズが400px以上、500px未満の設定 */
    .sec-cta {
      position:absolute;
      top: 20%;
      left: 0px;
    }

    .form-text {
      height: 55px;
    }
   }



 /*iPhone5*/
@media screen and (max-width: 320px){
  .sec-cta {
    position: absolute;
    top: 20%;
    left: 0px;
  }

  .form-text {
    height: 50px;
  }
}


/*Galaxy Fold*/
@media screen and (max-width: 280px){
  .sec-cta {
    position: absolute;
    top: 68px;
    left: 0px;
  }
  .form-text {
    height: 38px;
    padding-left: 5px;
    font-size: 0.8em;

  }

}


.fuwafuwa{
  display: block;
  animation-name: fuwafuwa;
  animation-duration: 2s;
  animation-timing-function: ease-in-out;
  animation-iteration-count: infinite;
}

@keyframes fuwafuwa {
  0%{
    transform: translateY(0);/*Yは縦軸を表す*/
  }

  50%{
    transform: translateY(-10px);/*15px分動く*/
  }

  100%{
    transform: translateY(0);
  }

}



/*フッター*/

footer {
  background: #D3145A;
  color: #fff;
  padding: 10px 0 5px 0;
  text-align: center;
  font-size: 14px;
  line-height: 1.5;
}

.menseki {
  margin: 0px 0;
}

.menseki a {
  color: #fff;
  padding: 0 2px ;
  text-decoration : none;
}

@media screen and (max-width: 670px) {
	/* 670px以下に適用されるCSS（スマホ用） */


  footer {
    font-size: 10px;

}
  }