@charset "utf-8";
/* CSS Document */
#formWrap {
	width:stretch;
	margin:0 auto;
	color:#555;
	line-height:120%;
	font-size:1.0em;
    border: 2px solid #CCCCCC;
    border-radius: 7px;
}

#formWrap table.formTable{
	width:stretch;
	margin:2.0em auto;
	border-collapse:collapse;
}
#formWrap table.formTable td,#formWrap table.formTable th{
	border-bottom:1px solid #ccc;
	padding:10px 2.0em;
	font-size:1.2em;
	line-height:2.0em;
	font-weight:normal;
	color:#000000;
	border-color:#cccccc;
}
#formWrap table.formTable th{
	width:stretch;
	font-weight:normal;
	background:#efefef;
	text-align:left;
	border-color:#cccccc;
}
#formWrap input[type="text"], textarea {
	width:stretch;
	padding:5px;
	font-size:120%;
	display:block;
	border:solid 2px #cccccc;
	border-radius: 6px;
}
#formWrap table.formTable td select{
	width:50%;
	padding:5px;
	font-size:1.0em;
	display:block;
	border:solid 2px #cccccc;
	border-radius: 6px;
}
#formWrap table.formTable td textarea{
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	font-size:1.2em;
	line-height:1.4em;
}

#formWrap input[type="submit"] {
    background-image:url("../../images/m_btn.png");
	background-repeat: no-repeat;
	background-size:80%;
	background-position: center;
}

#formWrap input[type="submit"] , #formWrap input[type="reset"]{
	display:block;
	width:550px;	
	font-size:1.4em;
	height:80px;
	background-color:#0bad92;
	color:#FFFFFF;
	border: solid 1px #CECEBF;
	border-radius: 6px;
	transition: all .3s;
}

#formWrap input[type="submit"]:hover , #formWrap input[type="reset"]:hover {
	cursor: pointer;
  box-shadow: 0 0 rgba(0, 0, 0, 0.4);
  border-bottom-width: 2px;
  transform: translateY(2px);
}

#formWrap table tr:nth-child(even) td{
	background: #FFFFFF;
}
#formWrap table th:last-child, #formWrap table td:last-child{
	border-right: 2px solid #cccccc;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
}
#formWrap table tr:last-child th, #formWrap table tr:last-child td{
	border-bottom: 2px solid #cccccc;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
}
#formWrap table tr:first-child :first-child{
	border-top-left-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
}
#formWrap table tr:first-child :last-child{
	border-top-right-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.25);
}
#formWrap table tr:last-child :first-child{
	border-bottom-left-radius: 0px;
}
#formWrap table tr:last-child :last-child{
	border-bottom-right-radius: 0px;
}

#formWrap input {
	background: #F7F7F7;
}

#formWrap textarea {
	background: #F7F7F7;
}

/*　簡易版レスポンシブ用CSS（必要最低限のみとしています。ブレークポイントも含め自由に設定下さい）　*/
@media screen and (max-width:572px) {
#formWrap {
	width:95%;
	margin:0 auto;
}
#formWrap table.formTable th, #formWrap table.formTable td {
	width:auto;
	display:block;
}
#formWrap table.formTable th {
	margin-top:5px;
	border-bottom:0;
}
#formWrap input[type="text"], textarea {
	width:85%;
	padding:5px;
	font-size:120%;
	display:block;
}
#formWrap input[type="submit"], input[type="reset"], input[type="button"] {
	display:block;
	width:100%;
	height:40px;
}
}

.fomrbox {
	height:6.0em;
	background-color:#E9E9E9;
	border-top:10px solid #E9E9E9;
	border-right:4px solid #E9E9E9;
	border-bottom:6px solid #E9E9E9;
	border-left:6px solid #E9E9E9;
	border-radius: 4px;
}
.fomrh {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	height:1.2em;
	font-size:1.4em;
}
.fomrt {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
	height:6.0em;
	line-height: 1.4em;
	font-size:1.2em;
}
.kibobox {
	width:90%;
	margin:0.8em 5%;
	display:block;
	background-color:#E9E9E9;
	border:4px solid #E9E9E9;
	border-radius: 4px;
	text-align:center
}

::placeholder {
  color: #cdd;
}
::placeholder-shown {
  background: #FFFFFF;
}