@charset "utf-8";
/* CSS Document */



/*#header{background:#F6F1D6;}*/

.tit{margin: 3% 0% 3% 0%;
padding: 3% 0% 0% 0%;}

.c-txt{color:#00532E;
font-weight: bold;}

#toi{background: #fff;}

.doui{background:#EFF1E9;
text-align: center;
margin-top: 5%;}


#key{background:#EFF1E9;
padding: 5% 0%;}

h2{margin:5% 0%;
color: #3E3A39;
}

h3{
	padding-left: 2%;
margin: 10% 0% 5% 0%;}

h3 img{width:2%;
padding-right: 1%;
vertical-align: middle;}



	
dl{ border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-right:1px solid #ccc;
  width: 100%;
  overflow: hidden;
  
  background: #F6F1D6;

}



dt{
  width: 100%;
  padding: 2%;
  border-bottom: 1px solid #ccc;
 box-sizing: border-box;
}

dt span{background:#F08300;
color: #fff;
	padding: 0% 1%;
margin-left: 3%;
font-size:13px;
vertical-align: middle;}

.doui span{background:#F08300;
color: #fff;
	padding: 0% 1%;
margin-left: 3%;
font-size:13px;
vertical-align: middle;}

dd{
  margin-left: 0%;
  padding:5% 2%;
  background: #fff;
}


.last{ border-bottom: 1px solid #ccc;}


dd span{font-size:10px;}

.text01[type="text"]{width:98%;
height:1.5em;
  display:inline-block;
  vertical-align: middle;}

.text02[type="text"]{width:30%;
height:1.5em;
  display:inline-block;
  vertical-align: middle;}

.text03[type="text"]{width:58%;
height:1.5em;
  display:inline-block;
  vertical-align: middle;}


textarea{width:100%;
}

.placeholder{overflow-y:scroll;
color: #919191;}

input[type="image"]{width:70%;
margin:5% auto;
display: block;}

.btn{background:#fff;}


@media only screen and (min-width: 640px) {
	
h3{
	padding-left: 0%;
margin: 5% 0% 2% 0%;}

	
	.tit{width:50%;}	
	
.box{font-size:16px;}	
	
.font-s{font-size:12px;}
	
dl{ 
  width: 100%;
  overflow: hidden;

  background: #EFF1E9;
display: block;
}
	
	
.last{border-bottom:1px solid #ccc;}	
	
	
dt{
  width: 30%;
  float: left;
  padding: 2% 2% 0% 2%;
   border-bottom: none;
  box-sizing: border-box;
	line-height: 1.5em;
}
dd{
  margin-left: 30%;
  padding: 2%;

  border-bottom: none;
  background: #fff;
	
}
	
.text01[type="text"]{width:98%;
}

.text02[type="text"]{width:30%;
}

.text03[type="text"]{width:50%;
}
 	
	

input[type="image"]{width:50%;
margin:5% auto;
display: block;}
	
}