@charset "utf-8";

/* -----------------------------------------------------------------------------
	お問合わせ内
----------------------------------------------------------------------------- */
/**----------お問い合わせ営業注意---------**/
.attention_txt {
    text-align: center;
    color: #FF0000;
}
*{
	box-sizing:border-box;
}
/**---------- 問い合わせテーブル---------**/
	.tbl_form{
		width:100%;
		max-width:800px;
		margin:0 auto 50px;
		box-sizing:border-box;
	}
	
		.tbl_form th{
			width:170px;
			border-bottom:1px solid #e5e3db;
			text-align:left;
			padding:10px 0 10px 10px;
		}
	
		.tbl_form td{
			text-align:left;
			padding:30px 2% 15px;
			border-bottom:1px solid #e5e3db;
			
			line-height:1.5em;
		}
		.tbl_form .tr_addr1 input{
			margin-bottom:5px;
		}
		.tbl_form .no_must td {
			padding-bottom:30px;
		}
		.tbl_form tr.tr_addr1 th{
		border-bottom:0px solid #ccc;
		}
		.tbl_form tr.tr_addr1 td{
			border-bottom:0px solid #ccc;
		
		}
		.tbl_form td .d_error{
			margin-bottom:0.5em;
		}


	/**----------フォーム要素の文字余白---------**/
		.tbl_form input{
			padding:5px 2%;
			font: 16px/1.7 "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3",Meiryo,"メイリオ",Osaka,"MS P Gothic","ＭＳ Ｐゴシック",clean,sans-serif;
			width:95%;
		}
	/**-- 郵便番号検索 ---**/
		.tbl_form span.addrno input{
			padding:0px 5px;font-size:14px;
		}
		.tbl_form input#postcode{
			width:130px;
		}
		.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:90px;
		}
		.tbl_form textarea{
			width:95%;
			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:5px;
		}

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

		}

	/**----------テーブルinチェックボックスとラジオボタンを大きく---------**/
	.tbl_form  input[type=checkbox] {
		display: none;
	}
		.tbl_form .checkbox {
			width:240px;
			box-sizing: border-box;
			-webkit-transition: background-color 0.2s linear;
			transition: background-color 0.2s linear;
			position: relative;
			display: inline-block;
			margin: 0 5px 8px 0;
			padding: 12px 0 12px 35px;
			border-radius: 8px;
			background-color: #f6f2e9;
			vertical-align: middle;
			cursor: pointer;
			font-size:17px;
			letter-spacing:0.5px;
		}
		.tbl_form .checkbox:hover {
		
		  background-color: #eee;
		}
		.checkbox:hover:after {
		  border-color: rgba(255,255,255,0.7);
		}
		.tbl_form .checkbox:after {
		  -webkit-transition: border-color 0.2s linear;
		  transition: border-color 0.2s linear;
		  position: absolute;
		  top: 50%;
		  left: 10px;
		  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: 16px;
		  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;
		}
		.tbl_form .checkbox02 {
			width: 275px;
		}

	#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{
		width: 740px;
		margin: 10px auto -10px auto;
		text-align: left;
	}
/**----------送信---------**/
.send{
	width: 200px;
	margin:50px auto 90px;
		text-align: center;
}
.send a {
	width:100%;
	display:block;
	text-align:center;
	color:#fff;
	background:#333;
	padding:10px 0;
}
.send a:hover {
	opacity:0.8;
}
@media (max-width: 768px) {
	.tbl_form .checkbox {
		width:195px;
		font-size:16px;
	}
}
@media (max-width: 640px) {
	.tbl_form .checkbox {
		width:180px;
		padding:12px 0 12px 30px;
		letter-spacing:0;
		font-size:15px;
	}
	.tbl_form .checkbox:after {
		left:7px;
	}
	.tbl_form .checkbox:before {
		left:12px;
	}
}
@media (max-width: 480px) {
	.attention_txt {
		font-size:14px;
	}
}

/* =========================================================
■ 送信ボタン
========================================================= */
.btn01 {
	display:block;
	width:250px;
	margin:0 auto;
}
.btn01 a {
	display: inline-block;
	text-decoration: none;
	outline: none;
	width:100%;
	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;
}
.btn01 a:before,
.btn01 a:after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn01 a,
.btn01 a:before,
.btn01 a:after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.btn01 a:hover {
	background-color: #184b8c;
	color: #fff;
}



.button_01 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) {
	.btn01 {
		width:220px;
	}
	.btn01 a {
		font-size:15px;
	}
}

/**----------必須マーク---------**/
.marker_water {
	font-size:70%;
	vertical-align: middle;
	color:#ff0000;
}
.d_msg .marker_water {
	float:none;
}
/**----------問い合わせcgi表---------**/
table.scr_tbl_cgicmnt{
	width: 98%;
	max-width: 740px;
	height:500px;
	margin: 20px auto;
	border: 1px solid #ccc; 
	border-collapse: separate;
	border-spacing:2px;
	line-height:150%;
}
table.scr_tbl_cgicmnt td{
	padding-top:70px;
	text-align:center;
	vertical-align:top;
}
table.scr_tbl_cgicmnt td a{
	text-decoration:none;
	color:#00f;
}

/**----------確認ボタン---------**/
.submit {
	text-align:center;
	margin-top:70px;
}

@media (max-width: 860px) {
	.tbl_form input.w_ss {
		margin-bottom:5px;
	}
	
}

@media (max-width: 768px) {
	.tbl_form input.w_ss{
		width:60px;
	}
	.tbl_form tr th,
	.tbl_form tr td {
		font-size:16px;
	}
	.tbl_form th {
		width:150px;
		padding:15px 0;
	}
	.tbl_form td {
		padding:15px 0;
	}
	.tbl_form input,
	.tbl_form textarea,
	.tbl_form tr td select {
		font-size:16px;
	}
}		
@media (max-width: 640px) {		
	.tbl_form {
		width:100%;
		margin:0 auto;
	}
	
}	
@media (max-width: 480px) {
	.tbl_form {
		width:96%;
		margin:0 auto;
	}
	.tbl_form tr th {
		width:100%;
		display:block;
		box-sizing:border-box;
		padding-bottom:0;
		border-bottom:0;
	}
	.tbl_form tr th.th0 {
		height:1px;
	}

	.tbl_form tr td {
		width:100%;
		display:block;
		box-sizing:border-box;
		padding:3px 0 10px;
	}
	.tbl_form input,
	.tbl_form textarea {
		padding:5px 2%;
	}
	form .checkbox {
		padding:5px 0 5px 17%;
		width:50%;
	}
	.tbl_form input#postcode {
		width:50%;
	}
	.tbl_form input#btn_addr {
		width:90%;
		max-width:210px;
		margin:0 5%;
	}
	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;
	}
	.marker_water {
		font-size:11px;
	}
}
@media (max-width: 414px) {
	.radio_small #radio1 label {
		font-size:11px;
	}
}