@charset "utf-8";
/* CSS Document */


.f35600 a{
	color:#f35600;
}

/* ボックスのスタイル */
.check label:before {
	content:		'';
	width:			24px;			/* ボックスの横幅 */
	height:			24px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background:	#fff;
	border:solid 1px rgba(0,0,0,.2);
	border-radius:3px;
}

/* 元のチェックボックスを表示しない */
.check label input[type=checkbox] {
	display:		none;
}

/* チェックした時のスタイル */
/*.check label input[type=checkbox]:checked + label:before*/
.check_on:before{
	content:		'\2713'!important;		/* チェックの文字 */ 
	font-size:		24px!important;			/* チェックのサイズ */
	color:			#fff!important;			/* チェックの色 */
	background-color:	#f39700!important;
	line-height:1.2!important;			/* チェックした時の色 */
}

@media screen and (min-width:641px){

/***** header *****/

#header{
	height:484px;
	min-width:980px;
}

#g_nav {
    position: absolute;
    right: 0;
}

#g_nav a img{
	display:block;
}

h1{
	float: right;
	margin: 120px 242px 104px 0;
	/*margin: 126px 134px 0 0;*/
}

/******contents******/

.contact_p1{
	margin:50px 0 30px 0;
	letter-spacing:0.1em;
}

table tr{
	background:url(../img/contact/border.png) no-repeat bottom;
	padding:30px 0;
	display:block;
}

table tr:nth-child(9){
	padding-bottom:20px;
}

table tr:last-child{
	background:none;
	padding-bottom:0;
	margin-bottom:30px;
}

table th{
	vertical-align:top;
	width:284px;
}

th p{
	text-align:left;
	font-size:1.125rem;
	letter-spacing:0.3em;
}

th span{
	font-size:.875rem;
	margin-top: 3%;
	display: block;
	letter-spacing: 0em;
}

.rec::after{
	content:"※";
	color:#f39800;
	margin-left:20px;
}

td{
	width: 697px;
}

td p{
	width:100%;
}

td label{
	display:inline-block;
	margin: 2px 0;
}

td label:nth-child(1){
	margin-top:0;
}

td label:hover{
	cursor:pointer;
}

td input{
	font-size: 1rem;
	width:91.4%;
	padding: 15px 0 15px 20px;
}

.contact_inp1{
	width:260px;
}

.contact_inp2{
	width:290px;
}

.contact_inp3{
	width:180px;
}

.contact_inp4{
	width:2%;
}

.con_p1{
	margin-right:10px;
}

.con_p2{
	margin:0 10px 0 40px;
}

.con_p3{
	margin:0 10px;
}

.kakunin{
	margin-top:20px;
}

.check input{
	width:0%;
}

.chkbox input[type="checkbox"] {
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

.chkbox label span{
	margin-left:8px;
}

#form > p{
	margin-top:30px;
}

.chkbox:nth-child(1){
	margin-top:-1.5%;
}

.check label {
    float: left;
    width: 100%;
	margin-top:10px;
}

.check label:first-child{
	margin-top:-8px;
}

/* ラベルのスタイル　*/

#chkbox1 {
    padding-left: 38px;
    line-height: 1.6;
    display: inline-block;
    cursor: pointer;
    position: relative;
    margin-top: 7px;
}

/*.check label {
	padding-left:		38px;			/* ラベルの位置 
	line-height:		1.6;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
	margin-top:7px;
}*/



#submit_button{
	background:url(../img/contact/kakunin.png) no-repeat;
	text-indent:-9999px;
	width:301px;
	height:60px;
	border:none;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1em;
    display: block;
    position: absolute;
    width: 300px;
    z-index: 100;
    left: 0;
    bottom: -37px;
}

.text_area p span.wpcf7-not-valid-tip{
	bottom:-24px;
}

div.wpcf7 {
    margin: 0!important;
    padding: 0!important;
    position: relative!important;
}

div.wpcf7 .screen-reader-response {
    position: absolute !important;
    overflow: hidden !important;
    height: 17px !important;
    width: 464px !important;
    margin: 0 auto !important;
    padding: 4px 14px !important;
    border: 0 !important;
    bottom: -39px !important;
	clip: auto!important;
    font-weight: bold!important;
    left: 0!important;
    right: 0!important;
    color: #80B042!important;
}

.screen-reader-response ul{
	display:none!important;
}

.sp480_br{
	display:none;
}


}

@media screen and (max-width:640px){
	/***** header *****/
	
	#header{
		height:auto;
		background-size:cover;
	}
	
	.header_inner {
		width: 93.75%;
		margin: 0 auto;
	}
	
	h1{
		padding:7% 0;
	}
	
	.draw_black{
		background:#000000;
	}
	
	.draw_f35600{
		background:#f35600;
	}
	
	.draw_f39700{
		background:#f39700;
	}
	
	.draw_nav_ul{
		background:#f8b038;
	}

/******contents******/

.contact_p1{
	margin:10% 0 10% 0;
	letter-spacing: 0.1em;
	font-size: 1.5rem;
	line-height: 1.5;
}

table,tbody{
	width:100%;
	display:block;
}

table tr{
	background:url(../img/contact/border.png) no-repeat bottom;
	padding: 10% 0;
	display:block;
}

table tr:last-child{
	background:none;
}

table th{
	vertical-align:top;
	width:100%;
	display: block;
}

th p{
	text-align:left;
	font-size:1.5rem;
	letter-spacing:0.3em;
	margin-bottom: 5%;
}

th span{
	font-size:.875rem;
	text-align: left;
	margin:2% 0 3%;
	display: block;
	letter-spacing: 0em;
}

.rec::after {
    content: "※";
    color: #f39800;
    margin-left: 20px;
}

td{
	width: 100%;
	display:block;
}

td p{
	width: 100%;
	display: block;
}

td label{
	display:inline-block;
	margin: 5px 0;
}

td label:nth-child(1){
	margin-top:0;
}

td label:hover{
	cursor:pointer;
}

td input{
	font-size: 1.5rem;
	width: 94.6%;
	padding: 3% 2.5% 3% 2.5%;
}

.contact_inp1{
	width:94.6%;
}

.contact_inp2{
	width:94.6%;
}

.contact_inp3{
	width:94.6%;
}

.contact_inp4{
	width:2%;
}

.con_p1{
	font-size:1.25rem;
	margin-bottom:5px;
	display:block;
}

.con_p2{
	font-size:1.25rem;
	margin:5px 0;
	display:block;
}

.con_p3 {
    font-size: 1.5rem;
    margin: 2% 3%;
	display:block;
}

.kakunin{
	margin-top:20px;
}

.chkbox input[type="checkbox"] {
    -moz-transform: scale(1.8);
    -webkit-transform: scale(1.8);
    transform: scale(1.8);
}

.chkbox label span{
	margin-left:8px;
}

#form > p{
	margin-top:30px;
}

#submit_button {
    width: 70%;
    height: auto;
}

.check {
	margin: 0 auto 10px;
	width: 90%;
}

/* ラベルのスタイル　*/
.check label {
	padding-left:		45px;			/* ラベルの位置 */
	line-height:		1.6;
	display:		inline-block;
	cursor:			pointer;
	position:		relative;
}

/* ボックスのスタイル */
.check label:before {
	content:		'';
	width:			24px;			/* ボックスの横幅 */
	height:			24px;			/* ボックスの縦幅 */
	display:		inline-block;
	position:		absolute;
	left:			0;
	background:	#fff;
	border:solid 1px rgba(0,0,0,.2);
	border-radius:3px;
	top: -3px;
}
/* 元のチェックボックスを表示しない */
.check label input[type=checkbox] {
	display:		none;
}
/* チェックした時のスタイル */
.check label input[type=checkbox]:checked + label:before {
	content:		'\2713';		/* チェックの文字 */ 
	font-size:		24px;			/* チェックのサイズ */
	color:			#fff;			/* チェックの色 */
	background-color:	#f39700;
	line-height:1;			/* チェックした時の色 */
}

#LpComment {
    width: 98%;
}

#submit_button{
	background:url(../img/contact/kakunin.png) no-repeat;
	text-indent:-9999px;
	width:80%;
	border: none;
	padding: 6%;
	background-size: contain;
}

div.wpcf7 img.ajax-loader {
    display: none!important;
}

div.wpcf7 {
    margin: 0!important;
    padding: 0!important;
    position: relative!important;
}

div.wpcf7 .screen-reader-response {
	position: absolute !important;
	overflow: hidden !important;
	height: auto !important;
	width: 80% !important;
	margin: 0 auto !important;
	padding: 4px 14px !important;
	border: 0 !important;
	bottom: -48px !important;
	clip: auto !important;
	font-weight: bold !important;
	left: 0 !important;
	right: 0 !important;
	color: #80B042 !important;
	font-size: 1.5rem;
}

.screen-reader-response ul{
	display:none!important;
}

span.wpcf7-not-valid-tip {
    color: #f00;
    font-size: 1.25em!important;
    display: block;
    margin-top: 5px!important;
}

/*.check_out {
	text-indent: -.8rem;
	margin-left: .8rem;
}*/

/* チェックした時のスタイル */
/*.check label input[type=checkbox]:checked + label:before
.check_on:before{
	margin-left: .75rem;
}*/


}

@media screen and (max-width:480px){

	.inner {
    	padding: 20px 0 15px 0px;
	}
	
	th p{
		text-align:left;
		font-size:2rem;
	}
	
	th span {
	    font-size: 1.125rem;
	}
	
	.con_p1,.con_p2{
		font-size: 2rem;
		margin-bottom: 2%;
	}
	
	td label {
		font-size:1.5rem;
	}
	.chkbox label {
    	line-height: 2;
	}
	/*.check_out {
		text-indent: -1.5rem;
		margin-left: 1.5rem;
	}*/
	/* チェックした時のスタイル */
	/*.check label input[type=checkbox]:checked + label:before
	.check_on:before{
		margin-left: 1.5rem;
	}*/
	
	.sp480_br{
		display:block;
		padding-right:0.8rem;
	}



}

