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

/* ================================================== 

お問い合わせ

================================================== */
span.tight_inline{
		display: none;
	}

/* pagetit */
/* -------------------------------------------------------------------------------- */

#pagetit {
	background: url(../img/pagetit.png) no-repeat top center;
	background-size: cover;
}





#contact {
	width: 1000px;
	margin: auto;
	font-size: 16px;
}
#sec01{
	padding: 60px 0 80px;
}

#sec01 p {
}
#sec01 p.tit {
	text-align: center;
	font-size: 1.25em;
	margin-bottom: 30px;
	line-height: 1.4;
}
#sec01 .tel {
	font-family:arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	margin: 0 auto;
	font-size: 2.75em;
	line-height: 1;
	text-align: center;
}

#sec01 .telbox,
#sec01 .telbox_sp {
	display: block;
	border: 1px solid #ccc;
	padding: 20px 20px;
	margin: 30px auto 0;
	width: 400px;
	text-align: center;
	box-sizing: border-box;
}
#sec01 .telbox p,
#sec01 .telbox_sp p {
	display: inline-block;
	font-size: 0.875em;
	line-height: 1.4;
	margin: 5px 0 0 0;
	color:#333;
	text-align: center;
	
}
#contact a.telbox_sp {
	color: #333;
	text-decoration: none;
}
#contact #sec01 .thanks  p {
    text-align: center;
    line-height: 2.4;
    width: 90%;
    margin: auto;
}
#contact #sec01 .thanks p.tit {
	text-align: center;
	font-size: 1.25em;
	margin-bottom: 30px;
	line-height: 1.4;
}

/* sec02 */
/* -------------------------------------------------------------------------------- */
#sec02 .form_tit {
	font-size: 1.875em;
	margin-bottom: 30px;
	text-align: center;
}
table.form {
	border-collapse: collapse;
	width: 100%;
}
table.form tr:nth-of-type(odd) {
	background-color: #ECEEF2;
}
table.form th {
	font-weight: normal;
	text-align: left;
	vertical-align: middle;
	padding: 20px 10px;
	box-sizing: border-box;
	white-space: nowrap;
}
table.form td {
	font-weight: normal;
	vertical-align: middle;
	padding: 10px 10px;
	box-sizing: border-box;
}
#sec02 .button {
	font-family : "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "游明朝", YuMincho, "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

form#wpcf7-f91-p19-o1 input .mfp#mfp_element_7{
	vertical-align: -2px !important;
}

.screen-reader-response { display: none;}
.wpcf7-response-output { text-align: center; font-size: 100%; font-weight: bold; padding: 5px;}
.wpcf7-mail-sent-ok { border: 2px solid #398f14; color: #398f14;}
.wpcf7-mail-sent-ng { border: 2px solid #F00; color: #F00;}
.wpcf7-spam-blocked { border: 2px solid #ffa500; color: #ffa500;}
.wpcf7-validation-errors { border: 2px solid #F00; color: #F00;}
span.wpcf7-not-valid-tip { display: block; font-size: 90%; color: #F00; font-weight: bold; padding-top: 4px;}


@media screen and (max-width: 1024px) {


}

@media screen and (max-width: 768px) {
	
#contact {
	width:100%;
	max-width: 1000px;
	padding: 0 0;
}

.pc_inline { display: inline;}

#sec01{
	padding: 40px 0;
}

table.form th {
		display: table-cell;
		padding: 20px 10px;
		width: 200px;
	}
	table.form td {
		display: block;
		padding: 10px 10px;
	}
	#sec01 .tel {
		font-size: 2.75em;
	}
	#sec01 .tel:before {
		background-size: 26px 33px;
		width: 26px;
		height: 33px;
	}
	#contact .telbox {
		display: block;
	}
	#contact .telbox_sp {
		display: none;
	}
	form#wpcf7-f91-p19-o1 input[type="text"],
	form#wpcf7-f91-p19-o1 input[type="tel"],
	form#wpcf7-f91-p19-o1 textarea {
		width: auto;
		box-sizing: border-box;
	}
	
	.tight_inline { display: none; }
	.wide_inline { display: inline; }
	.sp_inline { display: none; }
	.pc_inline { display: none; }
}

element.style{
	width: 100% !important;
	height: auto !important;
}

@media screen and (max-width: 640px) {
	span.tight_inline{
		display: inline;
	}

	#contact {
		width:100%;
		max-width: 1000px;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 14px;
	}
	table.form th {
		display: block;
		padding: 10px 10px 5px 10px;
	}
	table.form td {
		display: block;
		padding: 5px 10px 10px 10px;
	}
	#sec01 .telbox_sp {
		width: auto;
	}
	#sec01 .tel {
		font-size: 2.5em;
	}
	#sec01 .tel:before {
		background-size: 20px auto;
		width: 22px;
		height: 28px;
	}
	#contact .telbox {
		width: auto;
		margin: 0 auto;
	}
	#contact .telbox_sp {
		display: block;
	}
	table.form input[type="text"],
	table.form textarea {
		width:100%;
	}
	
	.tight_inline { display: inline; }
	.wide_inline { display: none; }
	.sp_inline { display: inline; }
	.pc_inline { display: none; }

form#wpcf7-f91-p19-o1 input, form#wpcf7-f91-p19-o1 textarea{
	width: 96%;
}
form#wpcf7-f91-p19-o1 label input, form#wpcf7-f91-p19-o1 label textarea{
	display: inline-block;
	width:auto !important;
}

}
/*　以下レスポンシブ用（不要時は削除）
--------------------------------------------

@media screen and (max-width: 400px) {
	#contact {
		width:100%;
		max-width: 1000px;
		padding: 0 10px;
		box-sizing: border-box;
		font-size: 14px;
	}
	table.form th {
		display: block;
		padding: 10px 10px 5px 10px;
	}
	table.form td {
		display: block;
		padding: 5px 10px 10px 10px;
	}
	#sec01 .telbox_sp {
		width: auto;
	}
	#sec01 .tel {
		font-size: 2.5em;
	}
	#sec01 .tel:before {
		background-size: 20px auto;
		width: 22px;
		height: 28px;
	}
	#contact .telbox {
		width: auto;
		margin: 0 auto;
	}
	#contact .telbox_sp {
		display: block;
	}
	table.form input[type="text"],
	table.form textarea {
		width:100%;
	}
	
	.tight_inline { display: inline; }
	.wide_inline { display: none; }
	.sp_inline { display: inline; }
	.pc_inline { display: none; }
}
form#mailformpro input, form#mailformpro textarea{
	width: 96%;
}
form#mailformpro label input, form#mailformpro label textarea{
	width: auto;
}
@media screen and (min-width: 401px) {
	
	
	#contact {
		width:100%;
		max-width: 1000px;
		padding: 0 10px;
		box-sizing: border-box;
	}
	#contact img {
	}
	#sec01 .telbox_sp {
		width: 360px;
	}
	table.form th {
		display: block;
		padding: 10px 10px 5px 10px;
	}
	table.form td {
		display: block;
		padding: 5px 10px 10px 10px;
	}
	#sec01 .tel {
		font-size: 2.5em;
	}
	#sec01 .tel:before {
		background-size: 20px auto;
		width: 22px;
		height: 28px;
	}

	#contact .telbox_sp {
		display: block;
	}
	
	form#mailformpro input[type="text"],
	form#mailformpro input[type="tel"],
	form#mailformpro input textarea {
		width:100%;
		box-sizing: border-box;
	}
	
	.tight_inline { display: inline; }
	.wide_inline { display: none; }
	.sp_inline { display: inline; }
	.pc_inline { display: none; }
}
@media screen and (min-width: 673px) {
	#sec01{
	padding: 60px 0 80px;
}


	table.form th {
		display: table-cell;
		padding: 20px 10px;
	}
	table.form td {
		display: block;
		padding: 10px 10px;
	}
	#sec01 .tel {
		font-size: 2.75em;
	}
	#sec01 .tel:before {
		background-size: 26px 33px;
		width: 26px;
		height: 33px;
	}
	#contact .telbox {
		display: block;
	}
	#contact .telbox_sp {
		display: none;
	}
	form#mailformpro input[type="text"],
	form#mailformpro input[type="tel"],
	form#mailformpro textarea {
		width: auto;
		box-sizing: border-box;
	}
	
	.tight_inline { display: none; }
	.wide_inline { display: inline; }
	.sp_inline { display: none; }
	.pc_inline { display: none; }
}
@media screen and (min-width: 783px) {
	#contact {
		width:100%;
		max-width: 1000px;
		padding: 0 0;
	}
	
	.pc_inline { display: inline; }
}