@charset "utf-8";

@media screen and (max-width: 803px) {
  body {
    background: #FFFFFF;
  }
  .page-container {
    width: 100%;
    border: none;
    box-shadow: none;
    margin: 0;
  }
  .page-header {
  background: url(../img/header_sp.png) 0 0 no-repeat;
    background-size: contain;
    height: 0;
    padding-top: 100%;/*
    padding-top: 0;*/
   }
   .campaign {
    width: 100%;
    box-sizing: border-box;
   }
  a {
    word-break: break-all;
  }
  .page-content {/*
    padding: 10px 1em;*/
    padding: 5px 25px;
  }
  .page-content-button {
    text-align: center;
    margin: .5em 0;
  }
.page-content-inner {
  padding: 0 5px 3px;
  margin: 0.25em auto 0.25em; 
}
.caption-campaign {
  text-align: left;
}
.btn-submit,
.btn-revise {
  font-size: 100%;
}
  .query-num {
    display: block;
  }
  input[type="radio"] {
    height: 24px;
    width: 24px;
  }
  input[type="checkbox"] {
    height: 24px;
    width: 24px;
  }
  select {
    height: 32px;
    margin: 8px;
    font-size: 100%
  }
  input.text {
    height: 32px;
    width: 90%;
    margin: 8px;
    font-size: 100%
  }
  input.etc {
    width: auto;
    margin: 8px 0 0;
  }
  textarea {
    width: 90%;
    font-size: 100%
  }
  input[type="password"] {
    height: 32px;
    width: 90%;
    margin: 8px;
    font-size: 100%
  }
  .label-login,
  .form-login {
   display: block;
  }
  .label-login {
   margin: 0 0 0 8px;
   text-align: left;
  }
}
@media screen and (max-width: 480px) {
  input.btn-revise,
  input.btn-submit,
  input[type="image"] {/*
    width: 96%;*/
    height: auto;
    margin: .5em 0;
  }
  input.btn-revise,
  input.btn-submit {
    padding: .6em 10px !important;;
  }  
}