/* �X�}�[�g�t�H���i�c���E�����j----------- */
@media only screen and (min-device-width : 320px) and (max-device-width : 480px) {
  #explain {
    width:300px;
  }
  #page {
    background:none;
    float:left;
    padding-left:0px;
  }
  #page ul li {
    margin-left:10px;
  }
  #page .new_accept div.listtext,
  #page .change_accept div.listtext {
    width:230px;
    padding-top:0;
    margin-top:0;
  }
  #page .linktext {
    padding-top:0px;
  }
  #agree {
    width:100%;
  }
  #explain_list .category .cont {
    padding-left:0px;
  }
  #agreeChk {
    width:280px;
    height:2.5em;
    font-size:1em;
  }
  #agree .comment {
    font-size:1.0em;
  }
}
/*�X�}�[�g�t�H���i�����j*/
@media only screen and (min-width : 321px) and (max-width: 768px) {
  #explain {
    width:300px;
  }
  #page {
    background:none;
    float:left;
    padding-left:0px;
  }
  #page ul li {
    margin-left:10px;
  }
  #page .new_accept div.listtext,
  #page .change_accept div.listtext {
    width:230px;
    padding-top:0;
    margin-top:0;
  }
  #agree .comment {
    font-size:1.0em;
  }
}
/*�X�}�[�g�t�H���i�c���j*/
@media only screen and (max-width : 320px) {
  #explain {
    width:300px;
  }
  #page {
    background:none;
    float:left;
    padding-left:0px;
  }
  #page ul li {
    margin-left:10px;
  }
  #page .new_accept div.listtext,
  #page .change_accept div.listtext {
    width:230px;
    padding-top:0;
    margin-top:0;
  }
  #page .linktext {
    padding-top:0px;
  }
  #agree .comment {
    font-size:1.0em;
  }
}
/*iPad�i�c���E�����j*/
@media only screen and (min-device-width : 768px) and (max-device-width : 1024px) {
  #agreeChk {
    width:100%;
    height:2.5em;
    font-size:1.5em;
  }
  #page {
    background:url(../../img/okayama_city.jpg) no-repeat right center;
    float:none;
  }

}