@charset "UTF-8";
/* CSS Document */
input[type="text"],
textarea {border: 1px solid #ccc; padding: 10px; width: 100%; font-family: 'Noto Sans JP', sans-serif; font-size: 14px;}
input[type="radio"],
input[type="checkbox"] {font-size: 16px; transform: scale(1.2);}
button[type="submit"] {border: 0; font-family: 'Noto Sans JP', sans-serif; position: relative; cursor: pointer; font-weight: bold;}
::-webkit-input-placeholder {color: #a8a8a8; font-family: 'Noto Sans JP', sans-serif; font-size: 14px;}
:-ms-input-placeholder {color: #a8a8a8; font-family: 'Noto Sans JP', sans-serif; font-size: 14px;}
::placeholder {color: #a8a8a8; font-family: 'Noto Sans JP', sans-serif; font-size: 14px;}

/* CONTACT */
#contact {padding: 100px 0;}
#contact * {box-sizing: border-box;}
#contact table {width: 100%; border-collapse: collapse; vertical-align: middle;}
#contact table .caption {font-size: 14px; margin-top: 5px;}
#contact table .require {width: 80px; background: #E60012; text-align: center; font-size: 12px; margin-bottom: 5px; line-height: 1; padding: 3px 0 5px;}
#contact table td {border: 1px solid #ccc; padding: 20px; font-size: 17px;}
#contact table tr td:nth-of-type(1) {background: linear-gradient( to right , #5486b6 , #143066); color: #fff; width: 34%;}
#contact table tr td:nth-of-type(2) {font-size: 14px;}
#contact table tr td:nth-of-type(2) p {line-height: 2;}
#contact table tr td:nth-of-type(2) p:not(:last-of-type) {margin-bottom: 10px;}
#contact table tr td .flexBox input[type="text"] {width: 49%;}
#contact table tr td > div label {position: relative; padding-left: 20px; display: block;}
#contact table tr td > div label > input {position: absolute; left: 0; top: 7px;}
#contact .btnSubmit {text-align: center; margin-top: 40px;}


@media screen and ( max-width:767px ) {
	#contact table {border: 1px solid #ccc;}
	#contact table tr td {display: block; width: 100% !important;}
	#contact table td {border-top: 0; border-left: 0; border-right: 0;}
	#contact table tr td .flexBox input[type="text"] {width: 100%;}
	#contact table tr td .flexBox input[type="text"]:first-of-type {margin-bottom: 10px;}
}