@charset "utf-8";

/*コンテンツ枠の設定*/
#contents{
  padding:15px 15px;
  max-width:768px;
  margin:0 auto 3em;
}

.con-h2{
  width:300px;
  padding:10px;
  margin:30px auto;
  border:1px solid #94c8b1;
  border-left:10px solid #d0e35b;
  background-color:white;
  color:#6fbb9a;
  border-radius:35px;
  box-shadow:0 0 10px rgba(0,0,0,0.5);
}

.con-h4{
  width:100%;
  border:1px solid green;
  background-color:#fff;
  margin:1px auto;
  
}

.con-tel{
  width:100%;
  border:1px solid green;
  background-color:#fff;
  margin:1px auto;
}

.con-box{
  margin:1px auto;
  text-align:center;
  width:300px;
  border:1px;

}

.mailform{
  margin:1px auto;
  border-collapse:collapse;
}

#mailform{
  font-size:14px;
  width:100%;
  margin-bottom:10px; 
}

#mailform th,
#mailform td{
  padding:5px 15px;
  text-align:left;
}

.mailform th{
  width:10em;
}

.mailform input[type="text"],
.mailform textarea{
  width:100%;
  padding:2px;
  border:1px solid #ccc;
  box-sizing:border-box;
  font-size:1em;
}

.mailform input[type="text"]:focus,
.mailform textarea:focus{
  background-color:#ffffee;
  outline:none;
  border-left:5px solid #ffa700;
}

.mailform input[type="button"]{
  width:180px;
  margin:5px 10px;
  background:#fff;
  border:1px solid green;
  border-radius:10px;
  font-size:0.8em;  
  -webkit-appearance:none;
}

/*カーソル形状*/
.entryBtns{
  text-align:center;
}

.entryBtns input{
  width:200px;
  margin:0 10px;
  padding:10px;
  background:#fff;
  border:2px solid green;
  border-radius:20px;
  font-size:1em;
  -webkit-appearance:none;
}

/*ボタンのスタイル*/
.entryBtns input:hover{
  opacity:0.7;
}