@charset "utf-8";
html {
  font-size: 80%;
}
body {
  color: #000000;
  padding-bottom: 30px;
}
h2 {
  font-size: 20px;
  margin: 0 0 1.5rem;
}
.container {
  width: 100%;
  max-width: 1200px;
}
button {
  cursor:  pointer;
}
#name, #email, #subject, #email_check, #tel,
#name_rc, #email_rc, #subject_rc, #email_rc_check, #tel_rc {
  /*max-width:400px;*/
  width:400px;
}

#body, #body_rc {
  /*max-width: 640px;*/
  width: 640px;
}
p.error, span.error {
  color: red;
}
#recaptcha {
  margin: 30px 0;
}
.form-control {
  border-radius: 0px;
  background-color: #fdfdfd;
  font-size: 14px;
}
.form-control:focus {
	border-color: #aadbe8;
	outline: 0;
	-webkit-box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
	box-shadow: inset 0 0px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(102, 175, 233, 0.4);
  background-color:#fff;
}
/* Google Chrome, Safari, Opera 15+, Android, iOS */
::-webkit-input-placeholder {
  font-size: 13px; 
}
/* Firefox 18- */
:-moz-placeholder {
  font-size: 13px; }
/* Firefox 19+ */
::-moz-placeholder {
  font-size: 13px; }
/* IE 10+ */
:-ms-input-placeholder {
  font-size: 13px; }
::placeholder{ 
  font-size: 13px;
}
#top-search form input {
  color: #999;
  font-size: 13px;
}
.confirm_table {
  margin: 30px 0;
  
}
.confirm_table table caption{
  caption-side: top;
}
.confirm {
  float: left;
  margin-right: 20px;
  margin-bottom: 30px;
}
textarea.form-control {
  height: 200px;
}

.contact_form_style {
	position:absolute;top:100px;left:100px;
}

.confirm_form_style {
	position:absolute;top:100px;left:100px;width:100%;
}

.complite_form_style {
	position:absolute;top:100px;left:100px;
}

#confirm_pc {
	display:block;
	width:83%;
}

#confirm_pad {
	display:none;
}

#confirm_sma {
	display:none;
}

#complite_pc {
	display:block;
}

#complite_pad {
	display:none;
}

#complite_sma {
	display:none;
}

#target {
	height:800px;
}

#target_2 {
	height:855px;
}

#target_3 {
	height:800px;
}

#common_footer_mobile_tab {
	display:none;
}

	@media screen and (max-width: 959px) {
	/* 959px以下に適用されるCSS（タブレット用） */
		.contact_form_style {
			position:absolute;
			top:100px;
			left:50px;
			width:85%;
		}

		.confirm_form_style {
			position:absolute;
			top:100px;
			left:0px;
			width:100%;
		}

		.complite_form_style {
			position:absolute;
			top:100px;
			left:50px;
			width:100%;
		}

		#contact_bk {
			display:none;
		}

		#target {
			background-color:lightgray;
		}

		target_2 {
			height:600px;
		}

		target_3 {
			height:600px;
		}

		#confirm_pc {
			display:none;
		}

		#confirm_pad {
			display:block;
		}

		#confirm_sma {
			display:none;
		}

		#complite_pc {
			display:none;
		}

		#complite_pad {
			display:block;
		}

		#complite_sma {
			display:none;
		}

		#common_footer_mobile_tab {
			display:none;
		}

		#common_footer_mobile_tab_contact #sp_fixed_menu {
			bottom:1.5%;
		}

		#common_footer_mobile_tab_contact img {
			height:125%;
		}

	}

	@media screen and (max-width: 599px) {
	/* 599px以下に適用されるCSS（スマホ用） */
		.contact_form_style {
			position:absolute;
			top:100px;
			left:0px;
			width:90%;
			margin-left:10px;
		}

		.confirm_form_style {
			position:absolute;
			top:30px;
			left:0px;
			width:100%;
		}

		.complite_form_style {
			position:absolute;
			top:100px;
			left:0px;
			width:100%;
		}

		#contact_bk {
			display:none;
		}

		#target {
			background-color:lightgray;
			height: 900px;
		}

		#target_2 {
			background-color:lightgray;
			height:600px;
		}

		#target_3 {
			background-color:lightgray;
			height:500px;
		}

		#confirm_pc {
			display:none;
		}

		#confirm_pad {
			display:none;
		}

		#confirm_sma {
			display:block;
		}

		#complite_pc {
			display:none;
		}

		#complite_pad {
			display:none;
		}

		#complite_sma {
			display:block;
			width:90%;
		}

		#common_footer_mobile_tab {
			display:none;
		}

		#common_footer_mobile_tab_contact #sp_fixed_menu {
			bottom:-8.5%;
		}

		#common_footer_mobile_tab_contact img {
			height:65%;
		}

		#name, #email, #subject, #email_check, #tel,
		#name_rc, #email_rc, #subject_rc, #email_rc_check, #tel_rc {
		  /*max-width:400px;*/
		  width:100%;
		}

		#body, #body_rc {
		  /*max-width: 640px;*/
		  width: 100%;
		}

	}