/* button inputのスタイルをリセット */
button,
input[type="submit"] {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    padding: 0;
    border: none;
    outline: none;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="button"] {
  border-radius: 0;
  -webkit-box-sizing: content-box;
  -webkit-appearance: button;
  appearance: button;
  border: none;
  box-sizing: border-box;
  cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
  display: none;
}
input[type="submit"]::focus,
input[type="button"]::focus {
  outline-offset: -2px;
}

	/*-----------------------お問合せ--------------------------*/
#contact_wrap,#confirm_wrap{
	background-color: #f6f4ef;
}
#contact{
	width: 50%;
	height: auto;/*96.368vw; 1300px;*/
	margin: 0 auto;
	padding-top: 14.826vw;/*200px;*/
}
#contact_title,#confirm_title{
	text-align:center;
/*	display: block;*/
}
.contact_title_sub,.confirm_title_sub{
	text-align:center;
/*	display:block;*/
	color:#696969;
	font-size:1.112vw;  /*15px*/
	padding-top:0.741vw;  /*10px*/
	letter-spacing:-0.1em;
	font-weight: 600;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;;
}
#contact-p1{
	margin-top: 5.189vw;/*70px;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
}
#contact-p2{
	margin-top: 1.483vw;/*20px;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;;
	font-weight: 500;
}
	/*---フォーム設定-----*/

#contact-form{
	margin-top: 2.224vw;/*30px;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;;
	font-weight: 500;
	position: relative;
	height: 25.945vw;/*350px;*/
/*	background-color: #e7e7e2;*/
}
.tt{
	padding-bottom: 3.706vw;/*50px;*/
}
.contact-label{
	margin-top: 2.224vw;/*30px;*/
	position: absolute;
	left: 3.5%;
}
.contact-span{
	color: red;
	margin-top: 30px;
	position: absolute;
	left: 19%;
	font-size: 10pt;
}
#inForm{
	margin-top: 2.224vw; /*30px;*/
	position: absolute;
	left: 33%;
}
.radius{		/*　確認ボタン */
	width: 29.652vw;/*400px;*/
	height: 3.706vw;/*50px;*/
	/*border-radius: 0.741vw;/*10px;*/
	color: #fff;
	background-color: #28292b;
	margin-top: 17.05vw;/*230px;*/
	position:absolute;
	left: 20%;
}
.radius:hover{
	background-color: #464646;
	cursor: pointer;
}
.pp{	/* プライバシーポリシー */
	margin-top: 13.343vw;/*180px;*/
	padding-bottom: 4.224vw;/*50px;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;;
	font-weight: 500;
	text-align: center;
}
.contact-a{
	color: blue;
}

/*-------------------お問合せここまで---------------------*/

/*-------------------お問合せレスポンシブ--------------------*/

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

#contact{
	width: 86%;
	height: auto;
	padding-top: 100px;
}

.contact_title_sub,.confirm_title_sub{
	font-size: 14px;
}
#contact-p1{
	font-size: 14px;
}
#contact-p2{
	font-size: 14px;
	margin-top: 3vw;
	margin-bottom: 5vw;
}
/*#contact-p1{
	margin-left: 10%;
	font-size: 14px;
}
#contact-p2{
	font-size: 14px;
	width: 80%;
	margin-left: 10%;
	margin-top: 3vw;
	margin-bottom: 5vw;
}*/
	/*---フォーム設定-----*/

#contact-form{
	width:100%;
}
.tt{
	padding-bottom: 8vw;
}
.contact-label{
	/*margin-top: 5.272vw;/*30px;*/
	margin-top: 2.224vw;
	position: absolute;
	left: 0;
}
.contact-span{
	display: none;
}
#inForm{
	margin-top: 2.224vw;
	position: absolute;
	left: 35%;
	width: 55.724vw;
}

.radius{		/*　確認ボタン */
	height: 8vw;/*50px;*/
	margin-top:  0;
	top: 80vw;
	left: 30%;
}
.pp{	/* プライバシーポリシー */
	margin-top: 70vw;/*45vw;*/
}


}

/*---------------------確認ページ---------------------------*/
#confirm{
	width: 50%;
	margin: 0 auto;
	padding-top: 14.826vw;/*200px;*/
	padding-bottom: 7.413vw;/*100px;*/
}
#confirm-p1{
	/*width: 55%;
	margin:0 auto;*/
	margin-top: 5.189vw;/*70px;*/
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: 500;
	text-align:center;
}
div#confirm-form{
	margin-top: 30px;
	padding:10px;
	font-family:"游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;;
	font-weight: 500;
	background-color:#fff;
}
ul#confirm-list {
	margin:0;
	padding:0;
}
ul#confirm-list li {
	display:flex;
	padding:10px;
}
.confirm-label {
	width:23%;
}
.confirm-content {
	width:77%;
}
.confirm-textarea{
	box-sizing: border-box;
	word-wrap: break-word;
	overflow-wrap: break-word;
}
.cf_btn{
	width: 80%;
	margin:0 auto;
	margin-top: 5vw;
	display:flex;
	-webkit-justify-content: space-around;
	justify-content: space-around;
}
.syusei{
	width: 18.532vw; /*250px;*/
	/*border-radius: 0.741vw; /*10px;*/
	color: #fff;
	background-color: #28292b;
	padding:10px 0;
}
.sousin{
	width: 18.532vw; /*250px;*/
	/*border-radius: 0.741vw; /*10px;*/
	color: #fff;
	background-color: #28292b;
	padding:10px 0;
}
.syusei:hover ,.sousin:hover{
	background-color: #464646;
	cursor: pointer;
}

/*-------------------------確認ページここまで--------------------------------*/

/*-------------------------確認ページレスポンシブ-----------------------------*/

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

	#confirm{
		width: 86%;
		height:auto;
		margin: 0 auto;
		padding-top: 100px;
		padding-bottom: 50px;
	}
	#confirm-p1{
		width: auto;
		margin: 0 auto;
		padding-top:30px;
		font-size: 14px;
		text-align:left;
	}
	#confirm-p1 br {
		display:none;
	}
	div#confirm-form{
		font-size:14px;
	}
	ul#confirm-list li {
		padding:5px;
	}
	ul#confirm-list li:nth-child(4) {
		flex-direction:column;
	}
	.confirm-label {
		width:40%;
	}
	.confirm-content {
		width:60%;
	}
	ul#confirm-list li .confirm-content:last-of-type {
		width:100%;
	}
	.cf_btn{
		width: 70%;
		margin:30px auto;
	}
	.syusei ,.sousin{
		width: 45%;
		height: auto;
		/*border-radius: 5px;*/
		padding:10px 0;
	}
}
