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

body{
}

.contact_section {
}

.contact_section .contact_cap {
	margin:10px 10px 20px 10px;
	text-align:center;
}
.contact_section table {
	margin:0 auto;
}

.contact_section th {
	padding:10px 10px;
	font-weight: normal;
	text-align: center;
	background-color:rgba( 255, 255, 255, 0.3 );
	border-bottom: 1px solid #E7E7E7;
}

.contact_section td {
	padding:10px 10px;
	font-weight: normal;
	text-align: left;
	background-color:rgba( 255, 255, 255, 0.3 );
	border-bottom: 1px solid #E7E7E7;
}

.contact_section p {
}

.txtmode1 {
  ime-mode: active;   /* 全角モード */
}
.txtmode2 {
  ime-mode: inactive; /* 半角モード */
}

input,
textarea {
	padding:10px;
	outline: none;
	background-color:rgba( 255, 255, 255, 0.7 );
	font-size:13px;
	color: #000000;
	border: 1px solid #aaa;
	border-radius:5px;
	transition: all .3s;/*アニメーションの動作*/
	-webkit-transition: all .3s;/*アニメーションの動作*/
}
input:focus,
textarea:focus {
	border: 1px solid #FFB3B3;
	background:#FFECEC;
}

.contact_section #form {
	height: 17px;
	width: 50%;
}

.contact_section #form:focus {
	width: 80%;
}

.contact_section #form2 {
	height:100px;
	width: 80%;
}

.contact_section #form2:focus {
	height: 300px;
	width: 95%;
}

.contact_section #form3 {
	height:20px;
	width: 80%;
}

.contact_section #form3:focus {
	height: 80px;
	width: 95%;
}

.contact_section #form4 {
	height: 17px;
	width: 50px;
}

.contact_section #form4:focus {
	width: 95px;
}

/*フォーム内文字*/
:placeholder-shown {
	color: #999999;
}
/* IE */
:-ms-input-placeholder {
	color: #999999;
}
/* Chrome */
::-webkit-input-placeholder {
	color: #999999;
}
/* Firefox */
::-moz-placeholder {
	color: #999999;
}

/*送信ボタン*/
.contact_section BUTTON {
	margin:0;
	padding:0 100px;
	font-size: 12px;
	border:none;
	background:#FFFFFF;
}

.contact_section BUTTON {
	display: inline-block;
	text-align: center;
	text-decoration: none;
	outline: none;
}
.contact_section BUTTON::before,
.contact_section BUTTON::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.contact_section BUTTON,
.contact_section BUTTON::before,
.contact_section BUTTON::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.contact_section BUTTON {
	border: 2px solid #FFB3B3;
	font-size:16px;
	line-height: 47px;
}
.contact_section BUTTON:link {
}
.contact_section BUTTON:visited {
}
.contact_section BUTTON:hover {
	border: 2px solid #FFB3B3;
	background-color:#FFB3B3;
	color: #FFFFFF;
}



.contact_section .formbotan {
	margin:38px 0 0 0;
	text-align:center;
}

.contact_section .mail {
}

.contact_fin{
	margin-top:20px;
	text-align:center;
}

.contact_section ul{
	margin:0;
	padding:0;
	list-style:none;
}








/*ラジオボタン*/
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
	display: none;
}
input[type="radio"]:checked + label,
input[type="radio"]:not(:checked) + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	line-height: 19px;
	display: inline-block;
}
input[type="radio"]:checked + label:before,
input[type="radio"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	height: 17px;
	border: 1px solid #ccc;
	background: #fff;
	border-radius: 100%;
}
input[type="radio"]:checked + label:after,
input[type="radio"]:not(:checked) + label:after {
	content: '';
	width: 13px;
	height: 13px;
	background: #666666;
	position: absolute;
	top: 3px;
	left: 3px;
	border-radius: 100%;
}
input[type="radio"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
input[type="radio"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}


/*チェックボックス*/
input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked) {
	display: none;
}
input[type="checkbox"]:checked + label,
input[type="checkbox"]:not(:checked) + label {
	position: relative;
	padding-left: 25px;
	cursor: pointer;
	line-height: 19px;
	display: inline-block;
}
input[type="checkbox"]:checked + label:before,
input[type="checkbox"]:not(:checked) + label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 0;
	width: 17px;
	height: 17px;
	border: 1px solid #ccc;
	background: #fff;
}
input[type="checkbox"]:checked + label:after,
input[type="checkbox"]:not(:checked) + label:after {
	content: '';
	width: 13px;
	height: 13px;
	background: #666666;
	position: absolute;
	top: 3px;
	left: 3px;
}
input[type="checkbox"]:not(:checked) + label:after {
	opacity: 0;
	transform: scale(0);
}
input[type="checkbox"]:checked + label:after {
	opacity: 1;
	transform: scale(1);
}