html {
  max-width: 1300px;
  height: 100%;
  margin:  0 auto;
  text-align: center;
  animation: loading 1s;
  color: #000000;
  scroll-behavior: smooth;
}

img {
    width: 100%;
}

body {
    width: 100%;
  margin: 0;
}
ul{list-style: none;
  padding: 0;
}  

   /**サポートページメニュー****/
table {
  width:100%;
  margin: 20px auto;
  text-align:left;
  }
footer {
  width: 100%;
    margin: 0 auto;
    padding: 1% 0 2% 0;
    background: #000;
}

footer li {
    display: inline-block;
}

footer a {
    color: #fff;
    text-decoration: none;
    font-size: 18px;
    margin: 0 10px;
}
.copy{
  color: #fff;
}
.pc{
  display: block;
}
.sp{
  display: none;
}

  @media only screen and (max-width: 750px) {
  table {
  width:90%;
  }
  footer {
    padding: 10% 0 5%;
    font-size: 12px;
}
footer li {
    display: block;
    margin: 10px 0;
}
  .pc{
    display: none;
  }
  .sp{
    display: block;
  }
}

  .tbl-r02 th {
  background: #888888;
  color: #fff;
  padding: 10px;
  }
  
@media only screen and (max-width: 750px) {
  .tbl-r02 th {
    font-size:11px;
    padding:15px 8px;
    width:30%;
  }
}
  .tbl-r02 td {
  padding: 10px;
  background: #DDDDDD;
  }

  @media only screen and (max-width: 750px) {
  .tbl-r02 td {
    font-size:11px;
    padding:15px 8px;
    width:70%;
  }
  }

  #tokusho h3{
  font-size:1.53em;
  background:#888888;
  padding:2% 0;
  color:#fff;
}
  #pri{
  width:100%;
  margin:8% 0 0 0;
  
  }
  
#pri h3{
  font-size:1.53em;
  background:#888888;
  padding:2% 0 2% 0;
  margin-bottom:2%;
  color:#fff;
  text-align: center;
}

#pri p{
  font-size:15px;
  line-height:23px;
  text-align:left;
}

#riyou{
  width:100%;
  margin:8% 0 0 0;
  }
  
#riyou h3{
  font-size:1.53em;
  background:#888888;
  padding:2% 0 2% 0;
  margin-bottom:2%;
  color:#fff;
  text-align:center;
}

#thanks h3{
  font-size:1.53em;
  background:#888888;
  padding:2% 0;
  color:#fff;
}

#riyou p{
  font-size:15px;
  line-height:23px;
  text-align:left;
}
@media only screen and (max-width: 750px) {
  #pri p,#riyou p{
    width:90%;
    margin:0 auto;
  }

}

.orange{
  font-size:18px;
  color:#7f84e1;
  display: block;
  text-align:left;
  font-weight:bold;
  margin:2% 0 1% 0;
}

.orange_sub{
  color:#7f84e1;
  font-weight:bold;
  display: block;
  font-size:15px;
}

/*リンクの形状*/
#page-top a{
  display: flex;
  justify-content:center;
  align-items:center;
  text-align: center;
  text-transform: uppercase; 
  text-decoration: none;
  transition:all 0.3s;
  }
  
  #page-top a:hover{
  opacity:0.7;
  }
  

  #form4 {
    max-width: 1024px;
    margin: 0 auto;
    padding: 1% 0px 3%;
  }
  /*リンクを中心に固定*/
  #page-top {
    max-width: 1024px;
  margin:0 auto;
  position: fixed;
  left:0;
  right:0;
  z-index: 7;
    /*はじめは非表示*/
  opacity: 0;
  transform: translateY(300px);
  }
  
  /*　上に上がる動き　*/
  
  #page-top.UpMove{
  animation: UpAnime 0.5s forwards;
  }
  @keyframes UpAnime{
  from {
    opacity: 0;
  transform: translateY(300px);
  }
  to {
    opacity: 1;
  transform: translateY(0);
  }
  }
  
  /*　下に下がる動き　*/
  
  #page-top.DownMove{
  animation: DownAnime 0.5s forwards;
  }
  @keyframes DownAnime{
  from {
    opacity: 1;
  transform: translateY(0);
  }
  to {
    opacity: 1;
  transform: translateY(400px);
  }
  }

  /* 追従ボタン */
  .btn_area2{
    background-color: #ffebf4;
    }
    .f_haikei{
    position: relative;
    }
  


    input#button4 {
      margin: 0 auto;
      width: 75%;
      display: block;
      padding: 2% 0;
    }
    
    .check_text_b2 {
      margin: 3% 0 0 0;
      font-size: 25px;
      font-weight: 300;
    }
    
  
    @media only screen and (max-width: 750px) {
      input#button4 {
        width: 85%;
      }

      .check_text_b2 {
        font-size: 12px;
        margin: 0;
        padding-bottom: 2%;
      }
    .f_btn img{
      width:100%;
      }
    }