@charset "UTF-8";

@media (min-width: 769px) {
	#contact {
		width: 100%;
		min-width: 980px;
	}
	
	#contact > .lead {
		margin-top: 25px;
	}
	
	#contact > .lead a:link {color: #014099;}
	#contact > .lead a:visited {color: #014099;}
	#contact > .lead a:hover {color: #444444;text-decoration:underline;}
	#contact > .lead a:active {color: #444444;text-decoration:underline;}
	
	#contact > .contactcategory > .listCol3 {
		margin-top: 50px;
	}
	
	#contact > .contactcategory > .listCol3 > .research {
		border-top: 5px solid #fac186;
	}
	
	#contact > .contactcategory > .listCol3 > .ec {
		border-top: 5px solid #c6da87;
	}
	
	#contact > .contactcategory > .listCol3 > .other {
		border-top: 5px solid #b68bb4;
	}

	#contact > .contactcategory > .listCol4 {
		margin-top :50px;
	}

	#contact table {
		width: 950px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		border-collapse: collapse;
	}
	
	#contact table th {
		width: 33%;
		font-weight: normal;
		text-align: left;
		padding: 15px 15px 15px 15px;
		background: #ebebeb;
		border: 1px solid #c8c8c8;
		vertical-align: top;
	}
	
	#contact table th .small {
		font-size: 11px;
	}
    
	#contact table td {
		width: 66%;
		padding: 15px 15px 15px 15px;
		border: 1px solid #c8c8c8;
	}
	
	#contact label {
		font-size: 15px;
		margin: 0 0 5px 0;
		display: block;
	}
	
	#contact .red {
		color: #e60012;
	}
	
	#contact input[type="text"],
	#contact input[type="tel"],
	#contact input[type="email"],
	#contact input[type="url"] {
		width: 500px;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
	}
	
	#contact input[type="text"].small {
		width: 150px;
		font-size: 15px;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 5px;
	}
	
	#contact input[type="text"].mini {
		width: 50px;
		font-size: 15px;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 5px;
	}
	
	#contact input[type="text"].present1 {
		width: 80px;
		font-size: 15px;
	}
	
	#contact input[type="text"].present2 {
		width: 300px;
		font-size: 15px;
	}
	
	#contact input[type="text"].present3 {
		width: 120px;
		font-size: 15px;
	}
	
	#contact select {
		height: 30px;
		margin: 0 0 5px 0;
		border: 1px solid #cccccc;
	}
	
	#contact textarea {
		width: 500px;
		height: 250px;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
	}
	
	#contact textarea.mini {
		height: 150px;
	}
	
	#contact textarea.tiny {
		height: 100px;
	}
	
	#contact div.rule {
		width: 810px;
		height: 200px;
		font-size: 13px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 15px 15px 15px;
		border: 1px solid #cdcdcd;
		resize: none;
		display: block;
		overflow: scroll;
	}
	
	#contact .agree {
		width: 810px;
		font-size: 18px;
		line-height: 50px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		background: #c8c8c8;
	}
	
	#contact .attention {
		margin-top: 25px;
		font-size: 16px;
		color: #FF0000;
	}
	
	#contact .fontSmall > a {
		font-size: 13px;
	}

	#contact .wpcf7-form > p {
		width: 980px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
	}
	
	#contact .btn {
		width: 100%;
		height: 100%;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#contact .btn > input {
		width: 230px;
		height: 50px;
		color: #ffffff;
		font-size: 18px;
		line-height: 50px;
		display: inline-block;
		background: url('../img/btn.png') 210px 15px  #333333 no-repeat;
		vertical-align: baseline;
		border: none;
		cursor: pointer;
	}
	
	#contact .btn > input:hover {
		background: #888888;
	}

	#contact .btn > input[disabled=disabled] {
		color: #dddddd;
		background: #999999;
	}
	
	/* wordpress : contact-form 7 */
	
	#contact div.wpcf7 {
		margin: 0;
		padding: 0;
	}

	#contact div.wpcf7-response-output {
		width: 980px;
		text-align: center;
		margin-left: auto;
		margin-right: auto;
		margin-top: 2em;
		padding: 0.2em 1em;
	}

	#contact div.wpcf7 .screen-reader-response {
		position: absolute;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		width: 1px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	#contact div.wpcf7-mail-sent-ok {
		border: 2px solid #398f14;
	}

	#contact div.wpcf7-mail-sent-ng {
		border: 2px solid #ff0000;
	}

	#contact div.wpcf7-spam-blocked {
		border: 2px solid #ffa500;
	}

	#contact div.wpcf7-validation-errors {
		border: 2px solid #f7e700;
	}

	#contact span.wpcf7-form-control-wrap {
		position: relative;
	}

	#contact span.wpcf7-not-valid-tip {
		color: #f00;
		font-size: 1em;
		display: block;
	}

	#contact .use-floating-validation-tip span.wpcf7-not-valid-tip { 
		position: absolute;
		top: 20%;
		left: 20%;
		z-index: 100;
		border: 1px solid #ff0000;
		background: #fff;
		padding: .2em .8em;
	}
	
	#contact .wpcf7-display-none {
		display: none;
	}

	#contact div.wpcf7 div.ajax-error {
		display: none;
	}

	#contact div.wpcf7 .placeheld {
		color: #888;
	}
	
	#contact div.wpcf7 img.ajax-loader {
		border: none;
		vertical-align: middle;
		margin-left: 4px;
	}
	
	/* wordpress : contact-form 7 confirm */
	
	#contact div.wpcf7 .wpcf7c-hide {
		display: none;
	}
	
	#contact div.wpcf7 .wpcf7c-force-hide {
		display: none !important;
	}
	
	#contact .btn > input.wpcf7c-btn-back {
		background: #333333;
	}
	
	#contact div.wpcf7 .wpcf7c-conf {
		background-color: #999999;
		color: black;
		border: 1px solid #333333;
	}
}

@media (max-width:768px) and (min-width: 415px) {
	#contact {
		width: 768px;
		min-width: 768px;
	}
	
	#contact > .lead {
		margin-top: 25px;
	}
	
	#contact > .lead a:link {color: #014099;}
	#contact > .lead a:visited {color: #014099;}
	#contact > .lead a:hover {color: #444444;text-decoration:underline;}
	#contact > .lead a:active {color: #444444;text-decoration:underline;}
	
	#contact > .contactcategory > .listCol3 {
		margin-top: 50px;
	}
	
	#contact > .contactcategory > .listCol3 > .research {
		border-top: 5px solid #fac186;
	}
	
	#contact > .contactcategory > .listCol3 > .ec {
		border-top: 5px solid #c6da87;
	}
	
	#contact > .contactcategory > .listCol3 > .other {
		border-top: 5px solid #b68bb4;
	}

	#contact > .contactcategory > .listCol4 {
		margin-top :50px;
	}

	#contact table {
		width: 738px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		border-collapse: collapse;
	}
	
	#contact table th {
		width: 33%;
		font-weight: normal;
		text-align: left;
		padding: 15px 15px 15px 15px;
		background: #ebebeb;
		border: 1px solid #c8c8c8;
		vertical-align: top;
	}
	
	#contact table th .small {
		font-size: 11px;
	}
	
	#contact table td {
		width: 66%;
		padding: 15px 15px 15px 15px;
		border: 1px solid #c8c8c8;
	}
	
	#contact > .btn {
		margin: 25px 0 0 0;
	}
	
	#contact .red {
		color: #e60012;
	}
	
	#contact label {
		font-size: 15px;
		margin: 0 0 5px 0;
		display: block;
	}
	
	#contact input[type="text"],
	#contact input[type="tel"],
	#contact input[type="email"],
	#contact input[type="url"] {
		width: 500px;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
	}
	
	#contact input[type="text"].small {
		width: 150px;
		font-size: 15px;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 5px;
	}
	
	#contact input[type="text"].mini {
		width: 50px;
		font-size: 15px;
		margin: 0 0 0 5px;
		padding: 5px 5px 5px 5px;
	}
	
	#contact input[type="text"].present1 {
		width: 100px;
		font-size: 15px;
	}
	
	#contact input[type="text"].present2 {
		width: 200px;
		font-size: 15px;
	}
	
	#contact input[type="text"].present3 {
		width: 150px;
		font-size: 15px;
	}
	
	#contact select {
		height: 30px;
		margin: 0 0 5px 0;
		border: 1px solid #cccccc;
	}
	
	#contact textarea {
		width: 500px;
		height: 150px;
	}
	
	#contact div.rule {
		width: 738px;
		height: 200px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 15px 15px 15px;
		border: 1px solid #cdcdcd;
		resize: none;
		display: block;
		overflow: scroll;
	}
	
	#contact .agree {
		width: 738px;
		font-size: 18px;
		line-height: 50px;
		text-align: center;
		margin: 0 auto 0 auto;
		background: #c8c8c8;
	}
	
	#contact .attention {
		margin-top: 25px;
		font-size: 16px;
		color: #FF0000;
	}
	
	#contact .btn {
		width: 100%;
		height: 100%;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#contact .btn > input {
		width: 230px;
		height: 50px;
		color: #ffffff;
		font-size: 18px;
		line-height: 50px;
		display: inline-block;
		background: url('../img/btn.png') 210px 15px  #333333 no-repeat;
		vertical-align: baseline;
		border: none;
		cursor: pointer;
	}
	
	#contact .btn > input:hover {
		background: #888888;
	}
	
	#contact .btn > input[disabled=disabled] {
		color: #dddddd;
		background: #999999;
	}
	
	/* wordpress : contact-form 7 */
	
	#contact div.wpcf7 {
		margin: 0;
		padding: 0;
	}

	#contact div.wpcf7-response-output {
		margin: 2em 0.5em 1em;
		padding: 0.2em 1em;
	}

	#contact div.wpcf7 .screen-reader-response {
		position: absolute;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		width: 1px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	#contact div.wpcf7-mail-sent-ok {
		border: 2px solid #398f14;
	}

	#contact div.wpcf7-mail-sent-ng {
		border: 2px solid #ff0000;
	}

	#contact div.wpcf7-spam-blocked {
		border: 2px solid #ffa500;
	}

	#contact div.wpcf7-validation-errors {
		border: 2px solid #f7e700;
	}

	#contact span.wpcf7-form-control-wrap {
		position: relative;
	}

	#contact span.wpcf7-not-valid-tip {
		color: #f00;
		font-size: 1em;
		display: block;
	}

	#contact .use-floating-validation-tip span.wpcf7-not-valid-tip { 
		position: absolute;
		top: 20%;
		left: 20%;
		z-index: 100;
		border: 1px solid #ff0000;
		background: #fff;
		padding: .2em .8em;
	}
	
	#contact .wpcf7-display-none {
		display: none;
	}

	#contact div.wpcf7 div.ajax-error {
		display: none;
	}

	#contact div.wpcf7 .placeheld {
		color: #888;
	}
	
	#contact div.wpcf7 img.ajax-loader {
		border: none;
		vertical-align: middle;
		margin-left: 4px;
	}
	
	/* wordpress : contact-form 7 confirm */
	
	#contact div.wpcf7 .wpcf7c-hide {
		display: none;
	}
	
	#contact div.wpcf7 .wpcf7c-force-hide {
		display: none !important;
	}
	
	#contact .btn > input.wpcf7c-btn-back {
		background: #333333;
	}
	
	#contact div.wpcf7 .wpcf7c-conf {
		background-color: #999999;
		color: black;
		border: 1px solid #333333;
	}
}

@media (max-width: 414px) {
	#contact {
		/* width: 320px; */
		width: 100%;
		min-width: 320px;
	}
	
	#contact > .lead {
		margin-top: 25px;
	}
	
	#contact > .lead a:link {color: #014099;}
	#contact > .lead a:visited {color: #014099;}
	#contact > .lead a:hover {color: #444444;text-decoration:underline;}
	#contact > .lead a:active {color: #444444;text-decoration:underline;}
	
	#contact > .contactcategory > .listCol3 {
		margin-top: 50px;
	}
	
	#contact > .contactcategory > .listCol3 > .research {
		border-top: 5px solid #fac186;
	}
	
	#recruit > .contactcategory > .listCol3 > .ec {
		border-top: 5px solid #c6da87;
	}
	
	#contact > .contactcategory > .listCol3 > .other {
		border-top: 5px solid #b68bb4;
	}

	#contact > .contactcategory > .listCol4 {
		margin-top :50px;
	}
	
	#contact table {
		/* width: 320px; */
		width: 100%;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		border-bottom: 1px solid #c8c8c8;
		border-collapse: collapse;
	}
	
	#contact table th {
		font-weight: normal;
		text-align: left;
		padding: 10px 15px 10px 15px;
		background: #ebebeb;
		border: 1px solid #c8c8c8;
		display: block;
	}
	
	#contact table td {
		display: block;
	}
	
	#contact > .btn > a {
		margin: 25px 0 0 0;
		background: url('../img/btn.png') #333333 200px 15px no-repeat;
	}
	
	#contact .red {
		color: #e60012;
	}
	
	#contact label {
		line-height: 44px;
		padding: 0 0 0 15px;
		border-bottom: 1px solid #cccccc;
		display: block;
	}
	
	#contact input[type="text"],
	#contact input[type="tel"],
	#contact input[type="email"],
	#contact input[type="url"] {
		width: 290px;
		height: 44px;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		margin: 5px 15px 5px 15px;
	}
	
	#contact input[type="text"].small {
		width: 70px;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		margin: 5px 0 5px 0;
	}
	
	#contact input[type="text"].mini {
		width: 40px;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		margin: 5px 0 5px 0;
	}
	
	#contact input[type="text"].present1 {
		width: 290px;
		font-size: 15px;
	}
	
	#contact input[type="text"].present2 {
		width: 290px;
		font-size: 15px;
	}
	
	#contact input[type="text"].present3 {
		width: 290px;
		font-size: 15px;
	}
	
	#contact select {
		width: 290px;
		height: 44px;
		margin: 5px 0 5px 15px;
		border: 1px solid #cccccc;
	}
	
	#contact textarea {
		width: 290px;
		height: 150px;
		font-size: 15px;
		padding: 5px 5px 5px 5px;
		margin: 5px 15px 5px 15px;
	}
	
	#contact div.rule {
		width: 290px;
		height: 200px;
		font-size: 13px;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
		padding: 15px 15px 15px 15px;
		border: 1px solid #cdcdcd;
		resize: none;
		display: block;
		overflow: scroll;
	}
	
	#contact .agree {
		width: 290px;
		font-size: 18px;
		line-height: 50px;
		text-align: center;
		margin: 0 auto 0 auto;
		background: #c8c8c8;
	}
	
	#contact .attention {
		margin-top: 25px;
		font-size: 16px;
		color: #FF0000;
	}
	
	#contact .btn {
		width: 100%;
		height: 100%;
		margin-top: 25px;
		margin-left: auto;
		margin-right: auto;
	}
	
	#contact .btn > input {
		width: 290px;
		height: 50px;
		color: #ffffff;
		font-size: 18px;
		line-height: 50px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		background: url('../img/btn.png') 230px 15px  #333333 no-repeat;
		vertical-align: baseline;
		border: none;
		cursor: pointer;
		-webkit-appearance: none;
	}
	
	#contact .btn > input:hover {
		background: #888888;
	}
	
	#contact .btn > input[disabled=disabled] {
		color: #dddddd;
		background: #999999;
	}
	
	/* wordpress : contact-form 7 */
	
	#contact div.wpcf7 {
		margin: 0;
		padding: 0;
	}

	#contact div.wpcf7-response-output {
		margin: 2em 0.5em 1em;
		padding: 0.2em 1em;
	}

	#contact div.wpcf7 .screen-reader-response {
		position: absolute;
		overflow: hidden;
		clip: rect(1px, 1px, 1px, 1px);
		height: 1px;
		width: 1px;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	#contact div.wpcf7-mail-sent-ok {
		border: 2px solid #398f14;
	}

	#contact div.wpcf7-mail-sent-ng {
		border: 2px solid #ff0000;
	}

	#contact div.wpcf7-spam-blocked {
		border: 2px solid #ffa500;
	}

	#contact div.wpcf7-validation-errors {
		border: 2px solid #f7e700;
	}

	#contact span.wpcf7-form-control-wrap {
		position: relative;
	}

	#contact span.wpcf7-not-valid-tip {
		color: #f00;
		font-size: 1em;
		display: block;
	}

	#contact .use-floating-validation-tip span.wpcf7-not-valid-tip { 
		position: absolute;
		top: 20%;
		left: 20%;
		z-index: 100;
		border: 1px solid #ff0000;
		background: #fff;
		padding: .2em .8em;
	}
	
	#contact .wpcf7-display-none {
		display: none;
	}

	#contact div.wpcf7 div.ajax-error {
		display: none;
	}

	#contact div.wpcf7 .placeheld {
		color: #888;
	}
	
	#contact div.wpcf7 img.ajax-loader {
		width: 16px;
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 10px;
		border: none;
		vertical-align: middle;
	}
	
	/* wordpress : contact-form 7 confirm */
	
	#contact div.wpcf7 .wpcf7c-hide {
		display: none;
	}
	
	#contact div.wpcf7 .wpcf7c-force-hide {
		display: none !important;
	}
	
	#contact .btn > input.wpcf7c-btn-back {
		background: #333333;
		margin-bottom: 10px;
	}
	
	#contact div.wpcf7 .wpcf7c-conf {
		background-color: #999999;
		color: black;
		border: 1px solid #333333;
	}
}