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

/* ------------------------------

お問合せ

------------------------------ */
#contact .catch{
	background-color:#e2ff21;
	color:#111;
}
#contact .h2+p{
	text-align:center;
	margin-bottom:30px;
	padding-bottom:30px;
	border-bottom:1px solid #000;
}

/* ------------------------------

お問合せ（フォーム）

------------------------------ */
/*フォームのデフォルトのスタイルを削除*/
input,button,select,textarea{
	margin: 0;
	padding: 0;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
/*チェックボックス*/
.checkbox input{display: none;}
.checkbox span{padding-left:20px;position:relative;}
.checkbox span:before{
	content: "";
	display: block;
	position: absolute;
	top:50%;
	margin-top:-9px;
	left: 0;
	width: 16px;
	height: 16px;
	border: 1px solid #999;
	border-radius:3px;
}
.checkbox input:checked + span:after{
	content: "";
	display: block;
	position: absolute;
	top:0;
	left: 5px;
	width: 7px;
	height: 14px;
	transform: rotate(40deg);
	border-bottom: 3px solid #000;
	border-right: 3px solid #000;
}
label{display:block;}

/*入力系*/
input[type="text"],select,textarea{
	border:1px solid #ccc;
	display:block;
	width:100%;
	padding:10px;
	border-radius:3px;
}
textarea{height:120px;}

/*送信ボタン*/
/*inputはafterが使えない*/
/*サンクスページのaタグボタンもデザインを揃える*/
input[type="submit"],
#thanks .btn{
	margin-top:30px;
	padding:20px 60px;
}

#thanks .btn:before{display:none;}

/*確認部分*/
#entry form p{
	margin:30px 0 10px 0;
	padding:5px;
	background-color:#eee;
	font-weight:bold;
}

#entry p font{font-weight:bold;}

/*PC・タブレット*/
@media (min-width:768px){
.checkbox{letter-spacing:-.4em;}
.checkbox li{
	display:inline-block;
	margin-right:20px;
	letter-spacing:normal;
}

#entry p,
#entry form,
#thanks p{text-align:center;}

#entry form{
	max-width:600px;
	margin:0 auto;
}

.form_btn{
	text-align:center;
	margin-top: 30px;
}

input[type="submit"] + input[type="submit"]{margin-left:10px;}
}

/*スマホ*/
@media screen and (max-width:767px){
label{
	padding: 10px;
    background-color: #eee;
    margin-bottom: 10px;
    border-radius: 3px;
}

input[type="submit"] + input[type="submit"]{margin-top:15px;}
}

/* --------------------

お問合せ（テーブル）

-------------------- */
.table > li > p{
	font-weight:bold;
	font-size:18px;
}

/*PC・タブレット*/
@media (min-width:768px){
.table > li{padding:10px;letter-spacing:-.4em;}
.table > li > p,
.table > li > div{display:inline-block;vertical-align:middle;letter-spacing:normal;}
.table > li > p{width:30%;}
.table > li > div{width:70%;}
}

/*スマホ*/
@media screen and (max-width:767px){
.table > li{margin-bottom:20px;}
.table > li > p{
	margin-bottom:10px;
}
}