@charset "utf-8";

form{ width:100%; margin:0 auto; }
form p { font-size:1.2em; font-weight:bold}
form div { margin-bottom:2em; }

input[type=text], input[type=email], [type=tel]{
  width:100%;
  border: solid 1px #aaa;
  border-radius:0.3em;
  padding:0.5em 0.5em;
  font-size: 1em;
}
input[type=address]{
  width:100%;
  border: solid 1px #aaa;
  border-radius:0.3em;
  padding:0.5em 0 0.5em 0.5em;
  font-size: 1em;
}

input[type=submit],[type=reset]{
  background: #cccccc;
  border: none;
  color: #000000;
  font-size:1em;
  font-weight:bold;
  padding: 10px 20px;
  margin: 0 0.5em 0.5em 0;
}
input[type=submit]:hover{ background: #dddddd; }
input[type=reset]:hover{ background: #dddddd; }

textarea{
  width:100%;
  height:100px;
  border: solid 1px #aaa;
  border-radius:0.3em;
  padding:0.5em 0.5em;
  font-size: 1em;	
}

.kojin { width:100%; }
.kojin ol { margin-left:3em;}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc_size { display: block !important; }
.mb_size { display: none !important; }
#sp-icon{ display: none !important;}

/* スマートフォンで見たときは"mb"のclassがついた画像が表示される */
@media only screen and (max-width: 767px)
 {
 
.pc_size { display: none !important; }
.mb_size { display: block !important; }
#sp-icon{ display: block !important;}

form{ width:100%; margin:0 auto; }
form p { font-size:1em; }

.kojin ol { margin-left:1.5em;}

}