@media screen and (max-width: 800px) {
    body {
      width: 100%;
      background: initial;
      font-family: verdana,sans-serif;
      font-size: small;
    }
    
    button, input, select, textarea {
       font-family: inherit;
       font-size: inherit;
       line-height: inherit;
    }
    table {
      width: 100%;
      table-layout: fixed;
      word-break: break-all;
      word-wrap: break-all;
      table-layout: fixed;
      font-size: small;
    }

    #header	{
      width: 100%;
      height: initial;
    }

    #headerlink {
       width: initial;
       height: 35px;
       text-align: right;
       padding: 0;
    }

    #contents, #contentsindex	{
       width: 100%;
    }
    .maintxt, .maintxt2 {
      width: 94%;
    }
    .maintxt2 {
       padding: 5px 0 0px 0;
    }
    
    h1 {
       width: 100%;
       height: initial;
       max-height: 100px;
    }
    h1 img {
       width: 100%;
    }
    img {
       max-width: 100%;
    }
    
    #contents h3 {
       margin: 10px auto;
    }
    #contentsindex h3 {
        width: 100%;
    }
    #contentsindex h4 {
        width: 100%;
    }
    .h3 {
       width: 100%;
    }
    
    .h3 img {
       width: 100%;
    }
    .tb1 {
       width: 96%;
       margin: 0 0 0 2%;
    }
    
    .tb1 th	{
       text-align: left;
       width: 100%;
    }
    
    .tb1 td{
       text-align: left;
       width: 100%;
    }
    .tb2, .tb3, .tb4 {
       width: 96%;
    }

    .tb4 td	{
       width: 100%;
    }

    .tbh {
       width: 96%;
       margin: 0 0 0 2%;
    }
    
    .tbh th	{
       text-align: left;
       width: 100%;
    }
    
    .tbh td{
       text-align: left;
       width: 100%;
    }

    #footer	{
      width: 100%;
      margin:20px 0 0;
      padding:15px 0 20px 0;
    }
    
    .prev_link {
       margin: 0 5px 0 0;
    }
    
    .cmplt {
       width: 90%;
       padding:20px 2.5%;
    }
    
    .inp_max {
       width: 99%;
    }
    .inp_80 {
       width: 90%;
    }
    .pc {
       display: none;
    }
    .sp {
       display: initial;
    }
    .pc_tr {
       display: none;
    }
    .sp_tr {
       display: table-row;
    }
    p.moreGap {
       height: 2px;
       border: 0;
       padding: 0;
       margin: 0;
    }
    p.moreGap2 {
       height: 5px;
       border: 0;
       padding: 0;
       margin: 0;
    }
    .addGap {
       margin-top: 2px;
    }
}


@media screen and (max-width: 800px) {
   .h3 {
      margin: 10px auto 5px;
   }
   
  /* -- フロー図は非表示 -- */
  #flow {
     display: none;
  }
  .explain-text{
     width: 94%;
  }
  
  .inp_normal {
     width: 100%;
  }
}


@media screen and (max-width: 800px) {

    .choice-outer	{
       width: 100%;
       margin:0 auto 15px;
       background-image: none;
    }
    .choice-inner	{
       padding:15px 15px 10px 20px;
       margin: 10px;
       background-image: none;
       border: 3px solid #cacaca;
       border-radius: 10px;
    }
    h4.choice {
       margin-bottom: 20px;
       border-bottom: 2px solid #dadada;
    }
    .choicedetails	{
       float: initial;
       width: 100%;
    }
    
    .choicebutton	{
       float:initial;
       width:100%;
       padding-top:10px;
    }
    
    #about-bkc {
       width: 90%;
       padding: 0 2.5% 30px;
    }
    .vs {
       width: 100%;
    }
    .vs2 {
       float: none;
       line-height: initial;
    }
}


@media screen and (max-width: 800px) {
  #pop-header {
    width: 100%;
    height: initial;
    border-bottom: 0;
  }
  #ppp {
    width: 90%;
    margin: 10px auto 50px;
  }  
  .ppptxt {
    width: 100%;
  }
  h4.cmt {
    width: 90%;
    padding: 5px 2.5%;
  }  

}

@media screen and (max-width: 800px) {
   .regTable {
      width 80%;
      margin: 20px auto;
      border: 1px solid #aaa;
      border-spacing: 0;
   }
   
   .regTable td,th {
      border: 1px solid #aaa;
      padding: 0 10px;
   }
   .regTable th {
      width: 20%;
   }
   
}