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

/* Pardot default */
form.form{color:#666;font:100%/120% Tahoma,Arial,Helvetica,Verdana,sans-serif;font-size:13px;margin:.5em 0 1em 0;padding:.5em}
* html form.form{padding-top:.1em}
form.form span.error{clear:left;display:block;font-weight:bold;margin-top:2px;padding-left:166px}
form.form span.value{display:block;margin-left:153px}
form.form .value span{display:block}
form.form .no-label .value,form.form .no-label .description{margin-left:0}
form.form span.unsubscribe-value{display:block}
form.form sup{cursor:pointer;font-size:1em;font-weight:normal;text-decoration:underline}
form.form p.required,form.form span.required,form.form label.required{font-weight:bold}
/*form.form p.required label,form.form span.required label{background:url(https://www.greenhomesgonohe.jp/wp-content/themes/greenhomes/img/mailform-icon.gif) no-repeat top right}*/
form.form p span{font-weight:normal}
form.form p span.description{clear:both;display:block;margin-left:153px}
form.form p.email-pref span.description{display:block;margin-left:5px;font-size:.9em}
form.form p{clear:left;line-height:1.4em;margin:3px 5px;padding:3px 2px}
* html form.form p{margin-top:0}
form.form ul,form.form ol{line-height:1.5em;margin-bottom:1em}
form.form li{line-height:1.5em}
form.form p.hidden,form.form .hidden{position:absolute;width:190px;left:-999px}
form.form p label.inline{background:0;display:inline;float:none;font-weight:normal;line-height:2em;margin-right:10px;padding:0;text-align:left;vertical-align:baseline}
form.form p label{display:block;float:left;margin:0;padding:3px 13px 0 0;text-align:right;width:140px}
* html form.form p label{margin-right:-0.2em}
form.form p.no-label,form.form p.email-pref{margin:.2em .5em .6em 160px;padding:0}
form.form p.submit{margin:1em .5em .2em 160px;padding:0}
form.form p.inline{margin:0 0 5px 160px;padding:0 0 3px}
*:first-child+html form.form p.inline{margin-left:160}
form.form p.full-width{clear:none;margin:0;padding:0}
form.form p.full-width a,form.form p span.inline a{display:inline;line-height:16px;margin:0;padding:0}
form.form p.submit input{margin:0 10px 0 0;padding:2px 12px}
form.form select{font-weight:normal}
form.form select option{margin:0;padding:0 .3em}
form.form textarea.standard{height:70px;overflow:auto;padding:2px;width:200px;float:none}
form.form input{font-weight:normal;padding:2px}
*:first-child+html form.form input{margin-right:2px}
* html form.form input{padding-right:0}
form.form input.text{width:200px}
form.form div.error{padding:0 0 .5em 170px;color:#8b0000}
form.form div.message{color:green}
form.form input.date{background:url(http://www2.greenhomesgonohe.jp/images/calendar.png) no-repeat left;padding-left:20px}
.red-color,form.form p.error,form.form span.error,form.form div.error,form.form p.error label{color:#8b0000}
.red-background,form.form p.errors{background:#8b0000;color:#fff;padding-left:.5em;margin-bottom:1em}
.ui-helper-hidden{display:none}
.ui-helper-hidden-accessible{position:absolute!important;clip:rect(1px 1px 1px 1px);clip:rect(1px,1px,1px,1px)}
.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}
.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table}
.ui-helper-clearfix:after{clear:both}
.ui-helper-clearfix{zoom:1}
.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}
.ui-widget{font-family:Verdana,Arial,sans-serif;font-size:13px}
.ui-widget .ui-widget{font-size:1em}
.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Verdana,Arial,sans-serif;font-size:1em}
.ui-widget-content{border:1px solid #aaa;background:#fff;color:#222}
.ui-widget-content a{color:#222}
.ui-widget-header{border:1px solid #aaa;background:#fff;color:#222;font-weight:bold}
.ui-widget-header a{color:#222}
.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #d3d3d3;background:#e6e6e6;font-weight:normal;color:#555}
.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#555;text-decoration:none}
.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #999;background:#dadada;font-weight:normal;color:#212121}
.ui-state-hover a,.ui-state-hover a:hover{color:#212121;text-decoration:none}
.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #aaa;background:#fff;font-weight:normal;color:#212121}
.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#212121;text-decoration:none}
.ui-widget :active{outline:0}
.ui-state-disabled{cursor:default!important}
.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #fcefa1;background:#fbf9ee;color:#363636}
.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#363636}
.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#fef1ec;color:#cd0a0a}
.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#cd0a0a}
.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#cd0a0a}
.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}
.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}
.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}
.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat;width:16px;height:16px;background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_222222_256x240.png)}
.ui-widget-content .ui-icon{background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_222222_256x240.png)}
.ui-widget-header .ui-icon{background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_222222_256x240.png)}
.ui-state-default .ui-icon{background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_888888_256x240.png)}
.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_454545_256x240.png)}
.ui-state-active .ui-icon{background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_454545_256x240.png)}
.ui-state-highlight .ui-icon{background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_2e83ff_256x240.png)}
.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url(http://www2.greenhomesgonohe.jp/images/ui-icons_cd0a0a_256x240.png)}
.ui-icon-circle-triangle-e{background-position:-48px -192px}
.ui-icon-circle-triangle-w{background-position:-80px -192px}
.ui-widget-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#aaa}
.ui-widget-shadow{margin:-8px 0 0 -8px;padding:8px;background:#aaa url(images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x;opacity:.30;filter:Alpha(Opacity=30);-moz-border-radius:8px;-khtml-border-radius:8px;-webkit-border-radius:8px;border-radius:8px}
.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}
.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}
.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}
.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}
.ui-datepicker .ui-datepicker-prev{left:2px}
.ui-datepicker .ui-datepicker-next{right:2px}
.ui-datepicker .ui-datepicker-prev-hover{left:1px}
.ui-datepicker .ui-datepicker-next-hover{right:1px}
.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}
.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}
.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}
.ui-datepicker select.ui-datepicker-month-year{width:100%}
.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}
.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}
.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:bold;border:0}
.ui-datepicker td{border:0;padding:1px}
.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:center;text-decoration:none}
.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}
.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em .6em;width:auto;overflow:visible}
.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}
.ui-datepicker.ui-datepicker-multi{width:auto}
.ui-datepicker-multi .ui-datepicker-group{float:left}
.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}
.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}
.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}
.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}
.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}
.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}
.ui-datepicker-row-break{clear:both;width:100%;font-size:0}
.ui-datepicker-rtl{direction:rtl}
.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}
.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}
.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}
.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}
.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}
.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current{float:right}
.ui-datepicker-rtl .ui-datepicker-group{float:right}
.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}
.ui-datepicker-cover{display:none;display:block;position:absolute;z-index:-1;filter:mask();top:-4px;left:-4px;width:200px;height:200px}
.dependentFieldSlave{display:none}



/* original */
body {
/* width: 70%;*/
 margin: 0 auto;
}
#pardot-form {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
form.form {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
    color: #666;
    margin: 0;
    padding: 0em;
}
form.form p.form-field {
	vertical-align: top;
	display: flex;
	width: 100%;
    margin: 0 auto;
	border-bottom: 1px dotted #ccc;
	padding: 1em 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; 
}
form.form p label {
	padding: 1em;
	width: 8em;
/*	max-width: 10em;*/
/*	display: table-cell;*/
	font-size: medium;
	font-weight: normal;
	float: none;
	text-align: left;
	min-width: 10em;
}
form.form p input,
form.form p select,
form.form p textarea{
	/*	display: table-cell;*/
	padding: 0.5em 1em;
	/* margin-left: 2em;*/
	font-size: 16px;
}
form.form p input.text,
form.form p textarea.standard{
	width: 100%;
	border: 1px solid #bbb;
}
form.form textarea.standard {
	padding: 0px;
	width: 100%;
	height: 4em;
}
.required input,
.required select,
.required textarea {
	background-color: #F3DFE0;
}
.g-recaptcha>div {
 margin: 2em auto 0;
}

form.form p.submit {
    margin: 1em 0;
}

form.form p.submit input[disabled=""] {
	background-color: #DCDCDC;
	color: #ffffff;
	cursor:default;
}
form.form p.submit input[disabled=""]:hover {
	background-color: #DCDCDC;
}
form.form p.submit input {
	background-color: #839c74;
	color: #ffffff;
	font-size: 16px;
	margin-left: auto;
	margin-right: auto;
	display: block;
	padding: 1em;
	/*border-radius: 3px;*/
	cursor: pointer;
	-webkit-box-shadow: 0px 0px 0px;
	box-shadow: 0px 0px 0px;
	width: 100%;
	border: none;
}
form.form p.submit input:hover {
	background-color: #E35520;
}
form.form p.no-label,
form.form p.email-pref {
	margin: -0.8em 0 0.8em 26em;
	background-color: #E32032;
 color: #fff;
 padding: 0.3em 0.5em 0.5em;
 width: 20%;
 position: relative;
 font-size: 10px;
}
form.form p.no-label:after,
form.form p.email-pref:after {
 bottom: 100%;
	left: 14%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgba(227, 32, 50, 0);
	border-bottom-color: #E32032;
	border-width: 6px;
	margin-left: -6px;
}
form.form p.errors {
 background:#fff;
 color:#E32032;
 border: #E32032 solid 2px;
 padding:1em;
 margin-bottom:1em;
 font-size: 16px;
 font-weight: bold;
}
.red-note {
 color: #D30104;
 font-size: 16px;
 margin-bottom: 2em;
 margin-top: 7px;
}
.font-bold {
 font-weight: bold;
}
.text-center {
 text-align: center;
}

.custom_y::after{/*疑似要素*/
  content: ' ※入力すると住所が表示されます。';
  display: block; /*改行するように*/
/*  position:relative;
  left:2em;*/
}

@media (max-width:750px){
 body {
  width: 100%;
 }
 form.form p.form-field {
  display: block;
/*  width: 97%;*/
  padding: 0.3em 0;
	 border-bottom: none;
 }
 form.form p label{
  padding: 8px 0;
  width: 100%;
  display: block;
  text-align: left;
  max-width: none;
 }
 form.form p input,
 form.form p select,
 form.form p textarea{
  display: block;
  width: 100%;
  padding: 5px;
  margin-left: 0;
 }
 form.form p input.text,
 form.form p textarea.standard{
/*  width: 97%;*/
	 box-sizing: border-box;
 }
 form.form p.no-label,
 form.form p.email-pref {
  margin: 0em 0 0.8em 2em;
  width: 86%;
 }
 form.form p.no-label:after,
 form.form p.email-pref:after {
  left: 10%;

 }
 .text-center {
  text-align: left;
 }
 
 .custom_y:after{/*疑似要素*/
  content: ' ※入力すると住所が表示されます。';
  display: block; /*改行するように*/
/*  position:relative;
  left:0em;*/
}
}