@charset "utf-8";

/* -----------------------------------------------------------------------------
	お問合わせ内
----------------------------------------------------------------------------- */
/**----------お問い合わせ営業注意---------**/
.attention_txt {
    text-align: center;
    color: #FF0000;
}
*{
	box-sizing:border-box;
}
/**---------- 問い合わせテーブル---------**/
.tbl_form{
	width:96%;
	max-width:800px;
	margin:0 auto 35px;
	box-sizing:border-box;
}
	
.tbl_form th{
	width:180px;
	border-bottom:1px solid #ccc;
	text-align:left;
	padding:15px 0 15px 15px;
}

.tbl_form td{
	text-align:left;
	padding:25px 2% 25px;
	border-bottom:1px solid #ccc;
	
	line-height:1.5em;
}
.tbl_form .tr_addr1 input{
	margin-left:5px;
}
.tbl_form .tr_addr2 input {
	margin-bottom:10px;
}
.tbl_form .tr_addr2 td {
	padding-bottom:15px;
}
span.txt_sup {
	display:inline-block;
	padding-left:5px;
	font-size:14.5px;
}
@media (max-width: 768px) {
	span.txt_sup {
		font-size:13.5px;
	}
}
@media (max-width: 640px) {
	span.txt_sup {
		display:block;
		padding-left:0;
	}
	.tbl_form .tr_addr2 input {
		margin-bottom:0;
	}
	.tbl_form .tr_addr2 td br {
		line-height:1em;
	}
}

	/**----------フォーム要素の文字余白---------**/
		.tbl_form input{
			width:100%;
			box-sizing:border-box;
			padding:5px 2%;
			font: 16px/1.8 "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",clean,sans-serif;
			
		}
		.tbl_form select{
			font: 16px/1.7 "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",clean,sans-serif;
		}

	/**-- 郵便番号検索 ---**/
		.tbl_form span.addrno input{
			padding:6px 5px;font-size:14px;
		}
		.tbl_form input#postcode{
			width:100px;
			margin-left:3px;
			margin-bottom:5px;
		}
		.tbl_form input#btn_addr{
			width:200px;
		}
	/**-- テキストボックス中 ---**/
		.tbl_form input.w_m{
			max-width:400px;
		}
	/**-- テキストボックス小 ---**/
		.tbl_form input.w_s{
			max-width:200px;
		}
	/**-- テキストボックス短 ---**/
		.tbl_form input.w_ss{
			max-width:100px;
		}
		.tbl_form textarea{
			width:100%;
			padding:5px 2%;
			font: 16px/1.7 "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",clean,sans-serif;
		}
		.tbl_form select{
			padding:5px 10px;
		}
		.tbl_form select#address1{
			padding:10px 10px;
			margin-bottom:10px;
		}

	/**----------希望日時横に並べる--------**/
		select.uketuke{
			width:22%; margin:5px 1%;
			padding:10px 10px;

		}

	/**----------テーブルinチェックボックスとラジオボタンを大きく---------**/
	.tbl_form  input[type=checkbox] {
		display: none;
	}
		.tbl_form .checkbox {
			width:180px;
			box-sizing: border-box;
			-webkit-transition: background-color 0.2s linear;
			transition: background-color 0.2s linear;
			position: relative;
			display: inline-block;
			margin: 0 8px 8px 0;
			padding: 15px 5px 12px 43px;
			border-radius: 8px;
			background-color: #F7F7F7;
			vertical-align: middle;
			cursor: pointer;
		}
		.tbl_form .checkbox:hover {
		  background-color: #eee;
		}
		.checkbox:hover:after {
		  border-color: #53b300;
		}
		.tbl_form .checkbox:after {
		  -webkit-transition: border-color 0.2s linear;
		  transition: border-color 0.2s linear;
		  position: absolute;
		  top: 50%;
		  left: 15px;
		  display: block;
		  margin-top: -10px;
		  width: 16px;
		  height: 16px;
		  border: 2px solid #bbb;
		  border-radius: 6px;
		  content: '';
		}

		.tbl_form .checkbox:before {
		  -webkit-transition: opacity 0.2s linear;
		  transition: opacity 0.2s linear;
		  position: absolute;
		  top: 50%;
		  left: 21px;
		  display: block;
		  margin-top: -7px;
		  width: 5px;
		  height: 9px;
		  border-right: 3px solid #00184A;
		  border-bottom: 3px solid #00184A;
		  content: '';
		  opacity: 0;
		  -webkit-transform: rotate(45deg);
		  -ms-transform: rotate(45deg);
		  transform: rotate(45deg);			
		}
		.tbl_form input[type=checkbox]:checked + .checkbox:before {
		  opacity: 1;
		}

	#radio1 input{
	    display: none;
	}
	#radio1 label{
	    display: inline-block;
	    position: relative;
	    cursor: pointer;
	    margin-left: 50px;
	    padding: 10px 20px;
	    border-radius: 2px;

	    text-align: center;
	    line-height: 1;
	}
	
	#radio1 label:before{
	    position: absolute;
	    content: "";
	    top: 50%;
	    left: -10px;
	    width: 20px;
	    height: 20px;
	    margin-top: -10px;
	    background: #bdc3c7;
	    border-radius: 50%;
		
	}

	#radio1 input[type="radio"]:checked + label:after {
	    position: absolute;
	    content: "";
	    top: 50%;
	    left: -4px;
	    width: 8px;
	    height: 8px;
	    margin-top: -4px;
	    border-radius: 50%;
	    background: #00AC97;
	}

	/**----------メッセージ---------**/
	.form_msg{
		margin: 10px auto 50px;

		text-align: center;
		color:white;
		
	}
	.form_msg_inner{
		margin:0px auto;
		background-color:#594a41;
		padding:5px 10px;
	}
@media (max-width: 480px) {
	.form_msg{
		text-align:left;
	}
	.tbl_form input#postcode {
		width:90px;
	}
}
	
/**----------送信---------**/
.send{
	width: 100%;
	margin: 50px auto 10px auto;
		text-align: center;
}
.btn_send{
	background:#A30035 !important;

}
.btn_send:hover{
	background:#A30035 !important;
}
.msg_btn_send{
	color:#f3a6a6 !important;
}
.form_submit{
	margin-top:20px;
}
.form_submit .btn_animate{
	margin-bottom:30px !important;
}
/* =========================================================
■ 送信ボタン
========================================================= */

.send a {
	display: inline-block;
	text-decoration: none;
	outline: none;
	width:250px;
	margin:0 20px;
	text-align:center;
	font-size:17.5px;
	padding:10px;
	background:#333;
	color:#fff;
	transition: all .3s;
	border-top:2px solid #E3E3E3;
	border-left:2px solid #E3E3E3;
	border-bottom:2px solid #979797;
	border-right:2px solid #979797;
}
.send a:before,
.send a:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.send a,
.send a:before,
.send a:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.send a:hover {
	opacity:0.7;
	color: #fff;
}



.send input {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	outline: none;
	background-color: #333;
	color: #fff;
	font-size:110%;
	
}


@media (max-width: 480px) {
	.send a {
		font-size:15px;
		width:200px;
	}
}


/**----------画面サイズによる表示・非表示---------**/
.pcno{
	display:none;
}
@media (max-width: 480px) {
	.pcno{
		display:block;
	}
}

/**----------必須マーク---------**/
.marker_water {
	font-size:13px;
	display:inline-block;
	padding-left:7px;
	color:#ff0000;
}
.d_msg .marker_water {
	float:none;
}
/**----------問い合わせcgi表---------**/
table.scr_tbl_cgicmnt{
	width: 98%;
	max-width: 740px;
	margin: 20px auto;
	border: 1px solid #ccc; 
	border-collapse: separate;
	border-spacing:2px;
	line-height:150%;
	min-height:350px;
}

table.scr_tbl_cgicmnt td a{
	text-decoration:none;
	color:#00f;
}

/**----------確認ボタン---------**/
.submit {
	text-align:center;
	margin-top:70px;
}
@media (max-width: 910px) {
	.tbl_form td {
		padding-left:0;
	}
	.tbl_form th {
		width:170px;
		padding-left:10px;
	}
}
@media (max-width: 860px) {
	.tbl_form input.w_ss {
		margin-bottom:5px;
	}
	
}

@media (max-width: 768px) {
	.tbl_form {
		max-width:600px;
	}
	.tbl_form tr th {
		width:100%;
		display:block;
		box-sizing:border-box;
		padding-bottom:0;
		border-bottom:0;
	}
	.tbl_form tr:first-child th {
		padding-top:0;
	}
	.tbl_form tr td {
		width:100%;
		display:block;
		box-sizing:border-box;
		padding:10px 2% 20px;
	}
	.tbl_form input,
	.tbl_form textarea {
		padding:5px 2%;
	}
	form .checkbox {
		padding:5px 0 5px 17%;
		width:50%;
	}
	
	.tbl_form input#btn_addr {
		width:90%;
		max-width:200px;
	}
	select.uketuke{
		margin:5px 0.5% 0;
		padding:7px 0.5%;
		width:30%;
	}
	.radio_small #radio1 label {
		margin-left:10px;
		padding:10px 0 10px 15px;
	}
	.tbl_form tr td input,
	.tbl_form tr td textarea,
	.tbl_form tr td select {
		font-size:16px;
	}
	.send {
		margin:10px auto 0;
	}
	.send a {
		margin:0 0 20px;
	}
}
@media (max-width: 414px) {
	.tbl_form input.w_ss02{
		width:32px;
	}
	.tbl_form input.w_ss03 {
		width:52px;
	}
	.radio_small #radio1 label {
		font-size:12px;
	}
}

/**----------個人情報保護方針---------**/
.tbl_privacy {
	width:96%;
	max-width:800px;
	margin:0 auto 70px;
	box-sizing:border-box;
}
.tbl_privacy th {
	display:block;
	text-align:left;
	padding:0 0 15px 20px;
}
.tbl_privacy td {
	display:block;
	text-align:left;
	padding:0 2% 25px 20px;
	border-bottom:1px solid #ccc;
}
@media (max-width: 768px) {
	.tbl_privacy {
		max-width:600px;
	}
	.tbl_privacy th,
	.tbl_privacy td {
		padding-left:2%;
	}
}
@media (max-width: 480px) {
	.tbl_privacy {
		margin-bottom:50px;
	}
}