/* enquete_responsive.css */

@media screen and (max-width: 768px) {
/*汎用*/
img{
  max-width: 100%;
}
td img{
  max-width: none;
}
/* 共通スタイル */
#masterLayoutArea{
  min-width: 0;
}
div#container{
  min-width: 0;
}
div#header{
  width: 100%;
}
div#header div#headerRight{
  display: none;
}
div#contents{
  width: 100%;
}
.text table tr{
  display: block;
}
.text table th,
.text table td{
  box-sizing: border-box;
  display: block;
  width: 100%;
}
.text table th{
  padding: 10px;
  text-align: left;
}
.text table tr > td:first-child{
  background-color: #F5F5F5;
  font-weight: bold;
}
.text table th[colspan="2"]{
  background-color: #e1e1e1;
  font-weight: bold;
}
input[type="text"]{
  box-sizing: border-box;
  font-size: 1.2em;
  padding: 2px;
  width: 100%;
}
input[size="1"],
input[size="2"],
input[size="3"],
input[size="4"],
input[size="5"],
input[size="6"]{
  width: auto;
}
input[type="checkbox"],
input[type="radio"]{
  -webkit-transform: scale(1.5);
  -ms-transform: scale(1.5);
  -o-transform: scale(1.5);
  transform: scale(1.5);
  -webkit-transform-origin: left center;
  -moz-transform-origin: left center;
  -ms-transform-origin: left center;
  -o-transform-origin: left center;
  transform-origin: left center;
  padding: 1px 0 0 0;
  display: inline-block;
  vertical-align: middle;
  margin: 8px 8px 8px 5px;
}
td label {
  padding: 4px 2px 4px 10px;
  margin-right: 15px;
  vertical-align: middle;
}
textarea{
  font-size: 1.2em;
  padding: 2px;
}
.submitBtn input{
  width: auto;
  padding: 10px 5px;
  font-size: 1.1em;
  margin-top: 10px;
}
.sslSeal{
  width: auto;
  margin: 0;
  float: right;
}
.enqueteBox{
  width: 100%;
  min-width: 0;
}

}