@charset "utf-8";

/*--------------------
 Google広告追加css
--------------------*/
/****** お問い合わせフォーム ******/
#g-template .wpform form.wpcf7-form {border-top: 10px solid #4585f4;}
.wpform form.wpcf7-form {}
#g-template .tbl-form tr th p {padding: 0 10px;}
#g-template .tbl-form tr th span {background-color: #fff; color: #333;}
#g-template .tbl-form tr th span.ar-required {background-color: #4585f4; color: #fff;}
#g-template input.wpcf7-submit {background: #4585f4; border: none; cursor: pointer; margin-top: 20px;}
#g-template input.wpcf7-submit:hover {background: #dd9115;}
#g-template .wpform .wpcf7-list-item-label:hover {cursor: pointer;}

#g-template .tbl-form tr td select {height: 34px;}
#g-template input.wpcf7-form-control[type="text"], #g-template input.wpcf7-form-control[type="email"], #g-template input.wpcf7-form-control[type="tel"] {border: 1px solid #ccc; background: #fafafa;}

#g-template .wpform form.wpcf7-form th p {padding: 0 15px;}
#g-template .wpform form.wpcf7-form td p {padding: 0;}
#g-template .wpform label span {font-size: 16px; padding-left: 5px !important; transition: 0.4s; cursor: w-resize;}
#g-template .wpform p.form-button input {width: 220px; height: 50px; line-height: 50px; font-size: 14px; color: #fff; padding: 0; margin: 20px auto 0; display: block; transition: 0.4s; border-radius: 5px;}

.check-disabled {color: #afafaf;}

@media screen and (max-width:768px){
	#consulting .wpform form.wpcf7-form td p {line-height: 1.3;}
	#g-template .wpform label span {font-size: 14px;}
}
@media screen and (max-width:576px){
}



/*--------------------
 ベースフォームスタイルcss
--------------------*/
form.wpcf7-form * {
	margin: 0;
	padding: 0;
}

form.wpcf7-form {
	width: 960px;
	margin: 0 auto;
	padding: 10px 0;
	background: #ffffff;
	border-top: 10px solid #31b1c5;
	box-shadow: 0 0 7px rgba( 0, 0, 0, 0.2 );
	font-size: 95%;
	line-height: 1.8;
}

form.wpcf7-form table {
	width: 90%;
	margin: 0 auto;
	overflow: hidden;
}

form.wpcf7-form table tr {
	clear: both;
	padding: 15px 0;
	text-align: left;
	overflow: hidden;
}

form.wpcf7-form tr th {
	padding: 15px 0 15px 5%;
	font-weight: 400;
}

form.wpcf7-form tr td {
	padding: 15px;
}

@media screen and (max-width: 768px) {
	form.wpcf7-form {padding: 10px 0 0;}
	form.wpcf7-form table {width: 100%;}
	form.wpcf7-form tr th {
		width: auto;
    	display: block;
    	text-align: left;
		padding: 5px 0 0;
	}
	form.wpcf7-form tr td {
		width: auto;
    	display: block;
		padding: 4px 15px 15px;
	}
}


form.wpcf7-form dl dt:first-child,
form.wpcf7-form dl dt:first-child + dd {
	border: none;
}

form.wpcf7-form dl dt span {
	display: block;
	font-size: 85%;
	color: #3377ff;
}

.contact-subbtn {background: #333333; width: 220px; height: 50px; line-height: 50px; font-size: 14px; color: #ffffff; padding: 0; margin: 0 auto; display: block; transition: 0.4s;}
.contact-subbtn:hover {background: #a0dce2;}

.tbl-form tr th span {background-color: #31b1c5; color: #fff; padding: 2px 10px 0px;}
.tbl-form tr td input {cursor: pointer;}
.tbl-form tr td .inputspan {font-size: 16px; padding-left: 5px!important; transition: 0.4s; cursor: w-resize;}
.tbl-form tr td .inputspan:hover {border-bottom: solid 3px #31b1c5;}

.scroll-area {display: block; height: 215px; padding: 30px!important; box-sizing: border-box; overflow-y: auto; border: solid 1px #cccccc;}

@media screen and (max-width: 768px) {
	.tbl-form tr th span {padding: 2px 15px 0px;}
	.scroll-area {height: 180px;}
}




/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form.wpcf7-form dl dt span.required,
form.wpcf7-form dl dt span.optional {
	display: inline-block;
	float: left;
	color: #ffffff;
	padding: 4px 10px;
	border-radius: 3px;
}

form.wpcf7-form dl dt span.required {
	background: #d9534f;
	border: 1px solid #d43f3a;
}

form.wpcf7-form dl dt span.optional {
	background: #337ab7;
	border: 1px solid #2e6da4;
}

form.wpcf7-form dl dd span.error_blank,
form.wpcf7-form dl dd span.error_format,
form.wpcf7-form dl dd span.error_match {
	display: block;
	color: #ff0000;
	margin-top: 3px;
}


span.loading {
	width: 50px;
	height: 50px;
	border-radius: 50%;
	border-top: 5px solid rgba( 255, 255, 255, 0.2 );
	border-right: 5px solid rgba( 255, 255, 255, 0.2 );
	border-bottom: 5px solid rgba( 255, 255, 255, 0.2 );
	border-left: 5px solid #ffffff;
	-webkit-transform: translateZ( 0 );
	-ms-transform: translateZ( 0 );
	transform: translateZ( 0 );
	-webkit-animation: load-circle 1.0s linear infinite;
	animation: load-circle 1.0s linear infinite;
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -30px;
}

@-webkit-keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}

@keyframes load-circle {
	0% {
		-webkit-transform: rotate( 0deg );
		transform: rotate( 0deg );
	}
	100% {
		-webkit-transform: rotate( 360deg );
		transform: rotate( 360deg );
	}
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */


form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="tel"] {
	max-width: 90%;
	width: 100%;
	padding: 7px 2%;
	border: 1px solid #cccccc;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
	margin-top: 7px;
}

@media screen and (max-width: 768px) {
	form.wpcf7-form input[type="text"], form.wpcf7-form input[type="email"], form.wpcf7-form input[type="tel"] {max-width: 100%; padding: 5px 10px;}
}

form.wpcf7-form input[type="text"]:focus,
form.wpcf7-form input[type="email"]:focus,
form.wpcf7-form input[type="tel"]:focus,
form.wpcf7-form textarea:focus {
	box-shadow: 0px 0px 5px #55ccff;
	border: 1px solid #55ccff;
	background: #ffffff;
}

form.wpcf7-form ul li input[type="radio"],
form.wpcf7-form ul li input[type="checkbox"] {
	margin-right: 10px;
	margin-top: 10px;
}

form.wpcf7-form ul li:first-child input[type="radio"],
form.wpcf7-form ul li:first-child input[type="checkbox"] {
	margin-top: 0px;
}

form.wpcf7-form select {
	font-size: 100%;
	font-family: inherit;
	margin-top: 10px;
}

form.wpcf7-form textarea {
	display: block;
	width: 100%!important;
	max-width: 90%;
	height: 200px!important;
	padding: 7px 2%;
	resize: vertical;
	border: 1px solid #cccccc;
	background: #fafafa;
	-webkit-appearance: none;
	font-size: 100%;
	font-family: inherit;
}

@media screen and (max-width: 768px) {
	form.wpcf7-form textarea {max-width: 100%; height: 160px !important; padding: 5px 10px;}
	#privacyPolicy p {font-size: 0.9em;}
}


form.wpcf7-form ul {
	list-style-type: none;
}

form.wpcf7-form ul li label:hover {
	cursor: pointer;
}


form.wpcf7-form input#company {
	width: 60%;
}

form.wpcf7-form input#name_1,
form.wpcf7-form input#name_2,
form.wpcf7-form input#read_1,
form.wpcf7-form input#read_2,
form.wpcf7-form input#postal,
form.wpcf7-form input#phone,
form.wpcf7-form input#schedule {
	width: 30%;
}

form.wpcf7-form input#mail_address,
form.wpcf7-form input#mail_address_confirm {
	width: 80%;
}

form.wpcf7-form input#postal + a {
	display: inline-block;
	padding: 5px 15px;
	border: 1px solid #46b8da;
	border-radius: 3px;
	background: #5bc0de;
	font-size: 100%;
	color: #ffffff;
	text-decoration: none;
}

form.wpcf7-form input#postal + a:hover {
	cursor: pointer;
	background: #31b0d5;
	border: 1px solid #269abc;
}

form.wpcf7-form input#address {
	width: 90%;
}


form.wpcf7-form p#form_submit {
	width: 90%;
	margin: 0 auto;
	padding: 15px 0;
	border-top: 1px solid #cccccc;
}

form.wpcf7-form input[type="button"] {
	padding: 20px 20px;
	border: none;
	border-radius: 3px;
/*	background-image: -webkit-linear-gradient( 180deg, rgb(43,167,241) 0%, rgb(116,235,213) 100%);*/
	background: linear-gradient(90deg, rgba(12,125,255,1) 0%, rgba(0,195,255,1) 100%);
	
	font-size: 100%;
	color: #ffffff;
	font-family: inherit;
	-webkit-appearance: none;
	width: 100%;
}

form.wpcf7-form input[type="button"]:hover {
	cursor: pointer;
	background: rgb(43,90,241);
	background: linear-gradient(90deg, rgba(51,3,138,1) 0%, rgba(0,71,255,1) 100%);
/*	background: linear-gradient(90deg, rgba(43,90,241,1) 0%, rgba(116,194,235,1) 100%);*/
}

form.wpcf7-form input#form_submit_button {
	margin-left: 35%;
}

form p #form_submit {font-size: 24px;}






/* -- responsive ----------------------------------------------------------------------------------------------------------------- */

/* 1000pixel start */
@media screen and ( max-width: 1000px ) {

form.wpcf7-form {
	width: 100%;
	font-size: 100%;
}

form.wpcf7-form dl {
	overflow: visible;
}

form.wpcf7-form dl dt {
	width: auto;
	float: none;
	text-align: left;
	padding: 15px 0 5px;
	font-weight: bold;
}

form.wpcf7-form dl dd {
	width: auto;
	float: none;
	border-top: none;
	padding: 0px 0 20px 0px;
}

form.wpcf7-form dl dt span {
	font-weight: normal;
}


/* -- for JavaScript ここから -------------------------------------------------------------------------------- */

form.wpcf7-form dl dt span.required,
form.wpcf7-form dl dt span.optional {
	margin-right: 1em;
	margin-bottom: 2em;
}


/* -- for JavaScript ここまで -------------------------------------------------------------------------------- */

form.wpcf7-form input[type="text"],
form.wpcf7-form input[type="email"],
form.wpcf7-form input[type="tel"] {
	margin-top: 0px;
}

form.wpcf7-form input#postal + a {
	padding: 6px 15px 5px;
}

form.wpcf7-form input#form_submit_button {
	margin-left: 0;
}

form.wpcf7-form select {
	font-size: 16px;
	margin-top: 0;
}

form.wpcf7-form input#phone,
form.wpcf7-form input#schedule {
	width: 50%;
}

}
/* 1000pixel end */