charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Montserrat:400,700);

/*body { background:rgb(30,30,40); }*/
form {margin-left:auto;
	margin-right:auto;
}

.feedback-input {
  color:#000b00;
  font-family: Helvetica, Arial, sans-serif;
  font-weight:500;
  font-size: 18px;
  border-radius: 5px;
  line-height: 22px;
  background-color: transparent;
  border:2px solid #CC6666;
  transition: all 0.3s;
  padding: 13px;
  margin-bottom: 15px;
  width:80%;
  box-sizing: border-box;
  outline:0;
  margin-left:10%;
}

.feedback-input:focus { border:2px solid #CC4949; }

textarea {
  height: 150px;
  line-height: 150%;
  resize:vertical;
}

[type="submit"] {
  font-family: 'Montserrat', Arial, Helvetica, sans-serif;
  width: 70%;
  background:#CC6666;
  border-radius:5px;
  border:0;
  cursor:pointer;
  color:white;
  font-size:24px;
  padding-top:10px;
  padding-bottom:10px;
  transition: all 0.3s;
  margin-top:-4px;
  font-weight:700;
  margin-bottom:5%;
  margin-left:15%;
}
[type="submit"]:hover { background:#CC4949; }


input:focus,
textarea:focus{
	background:#b2ffff;
}

#tel{
	text-align:center;
}

h4{
	text-decoration:underline red;
	font-size:18px;
	margin-top:3%;
}

.tel{
	margin-bottom:5%;
	font-size:18px;
}

.tel2{
	width:50%;
	margin-left:22%;
	padding:4%;
	background:#8effc6;
	border:#add6ff 2px solid;
	border-radius:10px 10px;
	font-size:20px;
}

.tel2:hover{
	background:#8eff8e;
}

aside{
	text-align:center;
}

aside img{
	margin:3%;
}	

/*PC画面.640px以上の画面*/
@media screen and (min-width:640px){

#main{
	width:600px;
	float:left;
	margin-left:130px;
}

#aside{
	width:300px;
	float:right;
}

.clearfix:after{
	content:"";
	display:block;
	clear:both;
}
}