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

.input_area{
	margin: 0 0 0 2px;
	padding: 30px 0 0 0px;
	width: 720px;
	background-image: url(../img/input_back.jpg);
	background-repeat: no-repeat;
	background-size: 100% 100%;
	font-size: 12px;
	font-weight: bold;
}

input{
  vertical-align:-2px;
}

.con_name{
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 250px;
  transition: 0.8s;
  border-radius: 0;
}

.txt_area{
  background: #f8f8f8;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  transition: 0.8s;
  border-radius: 0;
}

.input_area p{
	padding:10px 0 15px 56px;
	background-image: url(../img/c_line.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

.input_area p label{
	width: 180px;
	display: inline-block;
}

.input_area p:first-child {
	margin: 0;
	}

.input_area p:nth-of-type(3) label,
.input_area p:nth-of-type(6) label{
/* 	vertical-align: -8px; */
	}

.input_area p:nth-of-type(9) {
/* 	background: none; */
	}

.input_area p:nth-of-type(10) label{
/* 	vertical-align: 230px; */
	}
.input_area p:nth-of-type(10){
/* 	background-image: none; */
	}
.input_area p:nth-of-type(11){
/* 	background-image: none; */
	}
.input_area p:nth-of-type(12){
/* 	background-image: none; */
	}
.input_area p label.ver{
	vertical-align: 0px;
	}
.input_area p span.small {
	font-size: 10px;
	color: #716f6e;
	}
.input_area p label.check{
	width: auto;
	}
input[name="onamae" ]{
	width: 138px;
	margin: 0 10px 0 5px;
	vertical-align:1px;
	}
span.check_box{
	margin: 5px 0 0 0;
	color: inherit;
	width: 400px;
	display: inline-block;
	}
.check{
	margin: 5px 10px 5px 0;
	}

.area_txt{
	height: 133px;
	width: 510px;
	resize: none;
	background: #f8f8f8;
	border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	border-width: 2px;
    border-style: inset;
    padding: 12px 15px;
}

button{
	margin:  16px 20px;
	cursor: pointer;
}

button[type="submit"]{
	margin-left:70px;
}

.input_area i{
	font-size: 11px;
	color:red;}


.necessary{
	margin: -15px 0 0 465px;
}

.send_button{
	margin: 50px 0 0 0;
	}



@media (max-width:767px){
	.conImg{
		width:100%;
	}
	.input_area{
		margin: 0 0 0 0px;
		padding: 30px 0 0 0px;
		width: 100%;
		background: #dbe1dd;
		font-size: 12px;
		font-weight: bold;
	}
	.input_area p{
		padding: 10px 5% 15px 5%;
	    background-image: url(../img/c_line.jpg);
	    background-repeat: no-repeat;
	    background-position: bottom;
	    box-sizing: border-box;
	}
	.txt_area{
		background: #f8f8f8;
		display: block;
		font-size: 16px;
		padding: 12px 15px;
		width: 95%;
		transition: 0.8s;
		border-radius: 0;
	}
	.area_txt {
	    height: 133px;
	    width: 100%;
	    resize: none;
	    background: #f8f8f8;
	    border-color: light-dark(rgb(118, 118, 118), rgb(133, 133, 133));
	    border-width: 2px;
	    border-style: inset;
	    padding: 12px 15px;
	}
	.input_area p label{
		width: 100%;
		display: inline-block;
		margin-bottom: 10px;
	}
	h2 img{
		width:100%;
	}
	.input_area textarea{
		height: 200px;
	    width: 100%;
	    resize: none;
	}
	.necessary{
		margin: 0px 0 0 0px;
	}
	button[type="submit"]{
		margin-left:10px;
	}
	button{
		margin:  16px 10px;
		cursor: pointer;
	}
	.spTaC{
		text-align:center;
	}
	.spW100{
		width:100%;
	}
}

.checkTxt{
	margin-left: 55px;
    margin-bottom: 20px;
    font-size: 14px;
}

@media (max-width:767px){
	.checkTxt{
		margin-left: 15px;
	    margin-bottom: 20px;
	    font-size: 14px;
	}
}