@charset "utf-8";

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

section+section{
  margin-top:10px;
}

section+form{
  margin-top:10px;
}

.rec-h2{
  padding:10px;
  margin-bottom:30px;
  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);
}

#sinsotu{
  font-size:14px;
}

#rec-h3{
  font-size:18px;
  color:black;
}

#tyu-to{
  margin:5 10px;
}

#seisyain{
  font-size:14px;
}

#part{
  font-size:14px;
}

#bikou{
  font-size:14px;
}

/*入力フォーム設定*/

#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:180px;
  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;
}